/*
Theme Name: Marigold Blog Child
Theme URI: https://themeforest.net/user/danyduchaine/portfolio
Author: Dany Duchaine
Author URI: https://themeforest.net/user/danyduchaine
Template: marigold-blog
Description: WordPress theme for blog websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: marigold-blog-child
Tags: two-columns, left-sidebar, right-sidebar, custom-background, custom-header, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

*/

/*--------------------------------------------------------------
# Body
--------------------------------------------------------------*/
body, button, input, select, textarea {
	font-family: 'Open Sans', sans-serif;
	color: #665;
    letter-spacing: 2px;
	font-size: .9em;
	font-weight: 300;
}

.center {
	text-align: center;
}

.upper {
	text-transform: uppercase;
}

.left {
	float: left;
}

.right {
	float: right;
}

form button, form input[type="button"], form input[type="reset"], form input[type="submit"], button, input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #fab8a0;
	color: #fff;
}

.small {
	font-size: 80%;
}

.x-small {
	font-size: 60%;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.site-header {
	position: relative;
    background-size: cover;
    width: 100%;
    top: 0;
    transition: top ease-out 300ms;
    z-index: 99;
    background-color: #fff;
}
@media screen and (min-width: 62em) {
.header-1 .site-branding {
	float: none;
	margin-right: 0px;
	}
	
	.main-navigation ul ul.toggled-on {
		background: #fff !important;
		border: none !important;
	}
}

.custom-logo-link img {
	width: 600px;
}

#top-bar {
	height: 40px;
	padding: 0 20px;
}

.top-bar-nav a {
	font-weight: 300;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: .8em;
}

.top-bar-nav.main-navigation li {
	margin-right: 10px;
}

ul#social-header img {
	width: 30px;
	height: 30px;
}

#social-header li a, #social-mobile li a {
	padding: 0 8px 0 0;
	font-size: 14px;
}

@media screen and (min-width: 62em) {
	.top-bar-wrapper #social-header {
		position: absolute;
		left: 20px;
		padding: 20px 0;
		z-index: 1000;
	}
	.site-header-1 {
		box-shadow: none;
		margin-bottom: 20px;
	}
	
}

.header-1 {
    padding: 10px 0;
}

@media screen and (max-width: 600px) {
	.header-1 {
		padding: 20px 0;
	}
	.search-form input, .site-header .search-form input:focus {
		color: #000 !important;
	}
}

.header-1 .main-navigation {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

.site-navigation a, .header-1 .main-navigation a {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 3px;
    color: #000;
    text-transform: uppercase;
	font-weight: 300;
	font-size: 1.0em;
}

.site-navigation a:hover, .header-1 .main-navigation a:hover {
	color: #fab8a0;
}

.nav-wrapper {
    background-color: #fff;
    position: fixed;
    width: 100%;
    padding: 1.7em 1.9em;
    min-height: calc(100vh + 4em);
    opacity: 0;
    top: 100px;
    left: -30em;
}

.toggled .menu-toggle {
	right: 15px;
}

#instagram-footer {
	max-height: 272px;
	overflow: hidden;
}

/*--------------------------------------------------------------
# Slideshow
--------------------------------------------------------------*/

#slider-3  {
	margin-top: 0px;
}
#slider-1 .continue-reading a, #slider-2 .continue-reading a, #slider-4 .continue-reading a {
	background-color: #fab8a0;
}

#slider-1 .continue-reading a:hover, #slider-1 .continue-reading a:active, #slider-1 .continue-reading a:focus, #slider-2 .continue-reading a:hover, #slider-2 .continue-reading a:active, #slider-2 .continue-reading a:focus, #slider-4 .continue-reading a:hover, #slider-4 .continue-reading a:active, #slider-4 .continue-reading a:focus {
	background-color: #f7cd9c;
}

#slider-3 .row {
	max-width: 99%;
}

#slider-1 .post-thumb,
#slider-2 .post-thumb,
#slider-3 .post-thumb{
    width: 100%;
    display: inherit;
}


@media screen and (max-width: 600px) {
	#slider-3 img.homeslide { 
		height: 40vh !important;
	}
}

#slider-3 img.homeslide {
	height: 28vw;
	object-fit: cover;
	opacity: 1;
	transition: opacity .25s ease-in-out;
	-moz-transition: opacity .25s ease-in-out;
	-webkit-transition: opacity .25s ease-in-out;
}

#slider-3 img.homeslide:hover {
	opacity: .8;
}

#slider-3 .entry-category.desktop-category {
	margin-top: -5px;
}

#slider-3 .entry-title {
	letter-spacing: 1px;
}

.entry-category, .entry-category a, .entry-category a:visited, .entry-category a:hover {
	color: #ab926f;
}

/*--------------------------------------------------------------
# Homepage Post Index
--------------------------------------------------------------*/

.post-s2.has-post-thumbnail .post-main {
	padding: 0;
}

.site-main .post-s2 .post-thumb img {
	max-height: 600px;
	object-fit: cover;
}

.post-s2.hentry {
	margin-bottom: 0 !important;
	margin-bottom: 0 !important;
	border-bottom: none !important;
	padding-right: 1.5rem;
    padding-left: 1.5rem;
}

@media screen and (min-width: 62em) {
.post-s3 .post-main {
	padding-top: 0em;
	}
	.post-s3 {
		height: 540px;
		overflow: hidden;
	}
}

.post-s3 .entry-title {
	font-size: 1.6em;
}

img.homegridimg {
	height: 400px;
	object-fit: cover;
}

.homecallout {
	padding-bottom: 3em;
}

.homecallout span {
	color: #ab926f;
}

.homecallout h1 {
	max-width: 90%;
	margin-right: auto !important;
    margin-left: auto !important;
}

.homecallout p {
	width: 900px;
    max-width: 90%;
    margin: 0 auto;
    font-size: .8em;
    letter-spacing: 1px;
}

.vendor-home-block {
	max-height: 350px;
	overflow: hidden;
}

.pagination ul li.active a, .pagination ul li a:hover, .pagination ul li a:focus, .pagination ul li a:active, .page-links a:hover, .page-links a:focus, .page-links a:active {
	background-color: #fab8a0;
	border: 1px solid #fab8a0;
}

@media print, screen and (min-width: 64em) {
	.large-3 {
    	width: 400px !important;
	}
	.large-9 {
		width: calc(100% - 450px) !important;
	}
}

/*--------------------------------------------------------------
# Headings and Post Content
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-family: 'Cormorant', serif;
}

a, a:visited, a:active, a:focus {
	color: #999;
}

.entry-title a {
	color: #333;
}

a:hover {
	color: #999;
}

#page {
	margin-top: 0px;
}

.entry-content p {
	font-family: 'Open Sans', sans-serif;
	color: #665;
	font-weight: 300;
}

.entry-content b, .entry-content strong {
	color: #999;
}

.post-vendor-portfolio {
	background-color: #fab8a0 !important;
}

.post-vendor-portfolio:hover {
	background-color: #999 !important;
}

.vendor_section > ul > li:nth-child(2), .vendor_section > ul > li:nth-child(2) a {
	color: #665;
}

.post-navigation a:hover, .post-navigation a:focus {
	background: #999;
}

.comment-form .submit {
	background-color: #fab8a0;
}

.comment-form label {
	width: auto !important;
}

.comment-form .submit:hover, .comment-form .submit:active, .comment-form .submit:focus {
	background-color: #999;
}

.tags-links a, .tags-links a:visited {
	background: #fab8a0;
}

.tags-links a:hover, .tags-links a:active, .tags-links a:focus {
	background-color: #999;
}

@media screen and (min-width: 62em) {
	.single .post-thumb img {
		width: 100%;
		height: 400px;
		object-fit: cover; 
	}
}

@media (min-width: 600px) {
	.wp-block-column {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}	
}

.single-obb_magazines .wp-block-column img {
	width: 100%;
}

/*--------------------------------------------------------------
# Vendor Guide
--------------------------------------------------------------*/

.vendor-header {
	display: flex; 
	justify-content: center;
	align-items: center;
	background: rgba(243,244,244,0.3);
}

.post-header-image {
	display: grid;
    height: 300px;
    overflow: hidden;
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    grid-gap: 5px;
}

.post-header-image li.highlight {
	height: 300px;
	list-style: none;
}

.highlight img {
	object-fit: cover;
	width: 100%;
	max-width: 100%;
	height: 300px;
}

.vendorlogo {
	margin-top: -50px;
	height: 255px;
	width: 315px;
	border: 1px solid #ddd;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.vendorlogo img {
	max-width: 215px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.vendorinfo {
	float: left;
	padding: 20px 0 0 20px;
	overflow: hidden;
	width: 100%;
}

.vendorinfo h1 {
	margin: 0 0 5px;
	font-size: 1.8em;
	line-height: 20px
}

#vendorgallery {
	margin-left: 300px;
}

#vendoricons {
	margin-top: 20px;
}

.vendoricon {
	padding-right: 20px;
}

.smallcaps {
	font-size: .9em;
}

#vendoricons .fa, #vendoricons .fab {
	color: #fab8a0;
	margin-bottom: 10px;
}

.vendor-sidebar {
	float: left;
	width: 25%;
}

.vendor-widget {
	margin-top:30px;
	background: rgba(243,244,244,0.3);
	padding: 5%;
	text-align: center;
	word-wrap: break-word;
	font-size: .9em;
}

.vendor-widget .link-row {
	overflow: hidden;
	padding: 5%;
}

.vendor-main {
	margin-top: 30px;
	max-width: 65%;
  margin-left: calc(25% + 50px);
}

.thumb {
	width: 106px;
	height: 106px;
	margin-right: 10px;
	margin-bottom: 10px;
	list-style:none;
	max-height: 400px;
	max-width:600px;
	float: left;
}

.thumb img {
	object-fit: cover;
	height: 106px;
	width: 106px;
}

ul.thumbs {
	overflow: hidden;
	margin: 0 !important;
	padding: 0 !important;
}

.thumbs li {
	padding: 0;
	list-style: none;
	display: inline;
  line-height: normal;
  margin-left: 0;
}

#slideshow {
	max-height: 450px;
	width:600px;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
}

#slideshow a {
	text-decoration: none;
}

#slideshow img {
	max-height: 400px;
}

#outerholder {
	width: 680px;
	height: 430px;
	overflow: hidden;
	float: left;
}

div.controls {
	position: relative;
	top: 47%;
}

div.controls a {

}

div.controls a:hover {

}

div.controls a.prev {
	float: left;
	background: url('https://orangeblossombride.com/wp-content/themes/marigold-blog-child/images/left-arrow.png') bottom;
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -99999px;
}

div.controls a.next {
	float: right;
	background: url('https://orangeblossombride.com/wp-content/themes/marigold-blog-child/images/right-arrow.png') bottom;
	width: 25px;
	height: 25px;
	display: block;
	text-indent: -99999px;
}


#slideshow-container {
	width: 680px;
	height: 430px;
}

#widethumblist {
	font-size: 1.1em; 
	line-height: 1.53846em; 
	margin: 10px 0 15px 40px;
	width: 650px;
	overflow: hidden;
	position: relative;
}

#widethumblist_inner {
	width: 600px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
}

.small-video {
	float: left;
	margin: 0 15px 25px 0;
}
.block_image {
	width: 100%;
	height: 300px;
	object-fit: cover;
}

#vendor-navigation:before {
	clear: both;
}
#vendor-navigation {
	border-bottom: 1px dotted #EEEEEE;
   	margin: 0 auto 15px;
	width: 920px;
	height: 40px;
}

h1.vendor-title {
	float: left;
	margin-right: 40px;
}

#vendor-navigation #nav-dropdowns {
	float: right;
	margin: 0;
}

#vendor-navigation .nav-dropdown {
	float: left;
}

#guide-navigation #nav-dropdowns {
	margin: 20px auto;
	display: flex;
    flex-direction: row;
    justify-content: center;
}

#guide-navigation .nav-dropdown {
	float: left;
	margin: 0 10px;
}

#guide-navigation select {
    margin: 0;
    padding: 5px 35px 5px 10px;
    width: 100%;
    height: 34px;
    font: 300 12px/18px 'open sans',arial;
    color: #333;
    -webkit-box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.5px solid #ccc;
    border-radius: 0;
    background: none;
    background-color: #fff;
    background-image: url("images/angle_arrow.png");
    background-position: right 10px center;
    background-size: 10px 5px;
    background-repeat: no-repeat;
    outline: none;
}

#guide-navigation .subtitle {
	text-transform: none;
}

#guide-navigation span {
    display: block;
    margin: 0 auto;
    font-size: .8em;
}

#vendor-navigation select {

	margin-top: 3px;
}

#vendor-submit {
border: 0 none;
    background: #fab8a0;
    color: #fff;
    height: 34px;
    margin: 0 0 0 10px;
    padding: 0 4px 2px;
    text-transform: uppercase;
    width: 70px;
}

.widget-area #vendor-submit {
	margin: 10px 0 0 0;
}

#vendor-submit:hover {
	cursor: pointer;
}

#vendors {
	width: 925px;
	margin: 0 auto;
}

.vendor-guide-thumb {
	margin: 0 5px 20px;
	width: 175px;
	float: left;
	height: 250px;
}

.vendor-guide-image {
	padding-bottom: 10px;
}

.vendor-guide-name {
	text-transform: uppercase;
	text-align: center;
}

.vendor-guide-info {
	text-transform: capitalize;
	text-align: center;
	margin-top: 5px;
}

.vendor-guide-thumb a {
	color: #666;
}

.vendor-guide-thumb a:hover {
	color: #fab8a0;
	text-decoration: none;
}

#main-block {
	overflow: hidden;
	clear: both;
	margin: 25px auto;
	max-width: 97%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-row-gap: 40px;
	grid-column-gap: 20px;
}

.block .left-block {
	margin: 0 auto;
	list-style: none;
	max-width: 400px;
}

@media screen and (max-width: 600px) {
	
	.vendor-header {
		justify-content: normal;
    	align-items: normal;
		background: none;
	}

	.block img {
		width: 100%;
		object-fit: cover;
	}
	.vendor-guide-name, .vendor-guide-info {
		margin: 0 auto;
	}
	
	#guide-navigation #nav-dropdowns {
		width: 100%;
	}	
	.post-header-info {
		width: 90%;
		max-width: 90%;
	}

	.post-header-image {
		height: 200px;
		overflow: hidden;
	}

	.post-header-image li.highlight {
		height: 200px;
		float: left;
		padding-right: 0 !important;
		list-style: none;
	}

	.highlight img {
		object-fit: cover;
		width: 100%;
		max-width: 100%;
		height: 200px;
	}

	.vendorlogo {
		margin: -50px auto 0 auto;
		height: 125px;
		width: 125px;
		border: 1px solid #ddd;
		background: #fff;
		position: absolute;
		left: 50%;
		overflow: hidden;
		float: none !important;
		transform: translatex(-50%);
	}

	.vendorlogo img {
		max-width: 100px;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.vendorinfo {
		float: none !important;
		padding: 0 !important;
		overflow: hidden;
		height: auto !important;
		background: #ffffff;
		width: 100%;
		margin: 100px 0 0 0;
		text-align: center;
	}

	.vendorinfo h1 {
		margin-bottom: 5px;
		font-size: 1.8em;
	}

	#vendorgallery {
		margin-left: 300px;
	}

	#vendoricons {
		margin: 10px auto 0 auto;
		height: 50px;
		text-align: center;
		width: fit-content;
	}

	.vendoricon {
		padding: 0 10px;
		display: inline-block;
	}

	.vendoricon .upper {
		display: none;
	}

	.smallcaps {
		font-size: .9em;
	}

	#vendoricons .fa {
		margin-bottom: 10px;
	}

	.vendor-sidebar {
		float: none !important;
		width: 100%;
		max-width: calc(100% - 30px);
		margin: 0 15px;
	}

	.vendor-widget {
		margin-top:10px;
	}

	.vendor-widget .link-row {
		overflow: hidden;
		padding: 5%;
	}

	.vendor-main {
		margin: 30px 15px;
		float: none;
		max-width: calc(100% - 30px);
		width: 100%;
	}

	.thumb {
		width: 75px;
		height: 75px;
		margin-right: 10px;
		margin-bottom: 10px;
		list-style:none;
		max-height: 400px;
		max-width: 100%;
		float: left;
	}

	a.thumb img {
		max-width: 75px;
		height: auto;
	}

	#slideshow {
		max-height: 250px;
		width:100%;
		text-align: center;
		margin: 0 auto;
	}

	#slideshow img {
		max-height: 250px;
	}

	#outerholder {
		width: 100%;
		height: 250px;
		overflow: hidden;
		float: left;
	}

	#slideshow-container {
		width: 100%;
		height: 250px;
	}

	#widethumblist {
		font-size: 1.1em; 
		line-height: 1.53846em; 
		margin: 10px 0 15px 8px;
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	#widethumblist_inner {
		width: 100%;
		float: right;
		margin-top: 10px;
		overflow: hidden;
		position: relative;
	}
	.vendor-info-box {
max-width: 90%;
margin: 0 auto;
}
}

.return-nav-link {
	clear: both;
    text-align: center;
    margin: 80px auto 0 auto;
    font-size: .8em;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.gpnf-row-actions ul {
	margin: 0 !important;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.banner-ad {
	margin-bottom: 20px;
}
.banner-ad img {
	min-width: 100%;
}
#secondary .instagram-pics li {
	width: 50%;
    display: inline-block;
    border-bottom: none;
    padding: 0;
    margin: 0 0 5px 0;
    float: left;
}

#secondary .newsletter-signup {
	max-width: 100%;
	margin: 0 auto;
}

#secondary .newsletter-signup form {
	display: grid;
	grid-template-columns: 70% 30%;
	grid-gap: 5px;
	grid-template-rows: auto;
	grid-template-areas: 
    	"gform_body gform_footer";
}

#secondary .newsletter-signup input[type=submit] {
	color: #fff;
	background: #c5a9ac;
    height: 30px;
    margin: 0 0 0 0 !important;
    padding: 5px 10px;
    font-size: .6em !important;
    text-transform: uppercase;
}

body #secondary .newsletter-signup .gform_wrapper ul li.gfield, #secondary .newsletter-signup .gform_wrapper .gform_footer, #secondary .gform_wrapper li.hidden_label input, body #secondary .newsletter-signup .gform_wrapper .top_label div.ginput_container {
	margin-top: 0 !important; 
	padding-top: 0 !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.small-site-footer {
	background: #fff;
	color: #999;
}

footer {
	background: #fff;
	padding: 3em 0;
}

#colophon {
	background: rgb(248,248,248);
	padding: 3em 0;
}

#colophon span {
	font-family: 'Cormorant', serif;
	letter-spacing: 1px;
    color: #333;
	font-size: 1.5em;
}

#colophon p {
	margin-bottom: 10px;
	font-size: .8em;
}

.newsletter-signup {
	max-width: 600px !important;
	max-width: 100%;
	margin: 0 auto;
}

.newsletter-signup form {
	display: grid;
	grid-template-columns: 80% 20%;
	grid-gap: 10px;
	grid-template-rows: auto;
	grid-template-areas: 
    	"gform_body gform_footer";
}

.newsletter-signup input[type=submit] {
	color: #fff;
	background: #fab8a0;
    height: 30px;
    margin: -3px 0 0 0 !important;
    padding: 5px 20px;
    font-size: .8em !important;
    text-transform: uppercase;
}

footer .main-navigation {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 10px;
}

.site-navigation a, footer .main-navigation a {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: 3px;
    color: #000;
    text-transform: uppercase;
	font-weight: 300;
	font-size: 1.0em;
}

.small-site-footer {
	color: #999;
    padding: 1em 0;
    font-family: 'Cormorant', serif;
    text-decoration: none;
    letter-spacing: 0.15em;
    font-size: 1.0em;	
	text-transform: none;
}

.small-site-footer a {
	color: #fab8a0;
	font-style: italic;
}

ul#social-icons {
	margin: 20px auto 0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
    list-style: none;
	color: #ab926f;
}

ul#social-icons li {
	list-style: none;
    float: left;
}

ul#social-icons img {
	width: 40px;
	height: 40px;
}

#social-icons li a, #social-mobile li a, #social-icons li a:hover, #social-mobile li a:hover {
	padding: 0 3px;
	color: #ab926f;
}