/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------

:: Type Ref
:: Color Ref
:: Shared Styles
:: Grid
:: Header
:: Footer
:: Main

*/
/* -----------------------------------------
:: Type Ref
----------------------------------------- */

/*
    Young Serif
      font-family: "Young Serif", serif;
      font-weight: 400;
      font-style: normal;

    Bitter - 100 - 900
      font-family: "Bitter", serif;
      font-optical-sizing: auto;
      font-weight: <weight>;
      font-style: normal;
*/

/* -----------------------------------------
:: Color Ref
----------------------------------------- */

/* -----------------------------------------
:: Shared Styles
----------------------------------------- */

body {
    background: rgb(231, 217, 203);
    font-family: "Bitter", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    font-family: "Young Serif", serif;
    font-weight: 400;
    font-style: normal;
}
/* 
 * If you adjust heading sizes, do it for both the small break point (above) and "Medium and Up" (below) 
 * Font sizes for the small break point should be smaller
 */

@media print, screen and (min-width: 40em) { /* Medium and Up */
    
}

/* 
 * Link Colors
 */
a {color: #000;}
.breadcrumbs a {color: #000;}
a:hover, a:focus {color: #000; text-decoration: underline;}

.button {background: rgb(61, 68, 53); border-radius: 20px;}
.button:hover, .button:focus {background: rgb(61, 68, 53); }
.button.hollow {border-color: rgb(61, 68, 53); color: rgb(61, 68, 53);}
.button.hollow:hover, .button.hollow:focus {}

/* -----------------------------------------
:: Grid
----------------------------------------- */

.site-header .grid-container,
.site-footer .grid-container {max-width: 89.375rem;} /* 1430px - header and footer width - edit to match client's existing site */



/* -----------------------------------------
:: Header
----------------------------------------- */

/* Centers nav bar vertically */
.site-header > .grid-container > .grid-x { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}

.site-header {background: none; padding-top:2vw; padding-bottom: 2vw;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3d4435+0,3d4435+100&0.65+0,0+100 */
background: linear-gradient(to bottom,  rgba(61,68,53,1) 0%,rgba(61,68,53,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}
.site-header #site-navigation ul li { text-transform: none;}
.site-header #site-navigation ul li a {color: #fff; }

.site-header-logo img {width:122px;}

@media screen and (max-width: 39.99875em) { /* Small Only */
	.site-header-logo img {max-width:50%;} /* Reduces mobile header logo */
}


/* Black mobile menu toggle - Add if using a white or light color header background
#menu-mobile-toggle {background: url(../img/iconfinder_menu_309053.svg) no-repeat;} */

/* -----------------------------------------
:: Footer
----------------------------------------- */

.site-footer {background: none; }

.site-footer-logo img {width:122px;}

.site-footer .footer-sep {color: rgba(0,0,0,.25)}

/* -----------------------------------------
:: Main
----------------------------------------- */

/* Find Mouldings By */
#element_moulding-tax-filter-wrap {background: rgb(61, 68, 53);}
#element_moulding-tax-filter-wrap span.filter-label-top {color: #fff;}

/*
 * main Stock Mouldings page
 */
body.page-id-16423 .main-mouldings-section {padding:60px 0;}

body.page-id-16423 #all-moulding-types {background: rgb(194, 200, 204); color: #000;}
body.page-id-16423 #all-moulding-types h2 {color: #000;}
body.page-id-16423 #all-moulding-types ul li a {color: rgba(0,0,0,.85); font-weight: 700;}
body.page-id-16423 #all-moulding-types ul li a span {color: rgba(0,0,0,.5); }
body.page-id-16423 #all-moulding-types ul li a:hover {text-decoration: underline;}

body.page-id-16423 #moulding-insp-gallery {background: rgb(61, 68, 53); }

/*
 * main Stock Mouldings page - BANNER
 */
#banner-mouldings-home {position: relative;}
#banner-mouldings-home img {width: 100%;}
#banner-mouldings-home .text {
	color: #fff; 
	background:rgba(0,0,0,.5); 
	padding: 30px 50px; 
	display: inline-block; 
	/*border: solid 1px #fff;*/
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#banner-mouldings-home .text h1 {color: #fff; line-height: 1.1; margin: 0; font-size: 3rem;}
#banner-mouldings-home .text h1 span {display: block;}
#banner-mouldings-home .text h1 .word-1 {margin: 0 0 2px 0;}
#banner-mouldings-home .text h1 .word-2 {text-transform: uppercase; font-size: 50%; letter-spacing: 3px; }
#banner-mouldings-home .text h1 .word-2::before {content: "\2014";}
#banner-mouldings-home .text h1 .word-2::after {content: "\2014";}

@media screen and (min-width: 40em) and (max-width: 63.99875em) { /* Medium Only */
	#banner-mouldings-home .text {padding: 20px 30px;}
	#banner-mouldings-home .text h1 {font-size: 2.25rem;}
}
@media screen and (max-width: 39.99875em) { /* Small Only */
	#banner-mouldings-home .text {padding: 15px 30px;}
	#banner-mouldings-home .text h1 {font-size: 1.5rem;}
}

 /**
 * Moulding Filters
 */
#yhdm-moulding_wrap #yhdm-moulding-type-filters {border-top-color:rgba(0,0,0,.125); border-bottom-color: rgba(0,0,0,.125); }
#element_moulding-tax-filter-wrap .select2-container,
#element_moulding-tax-filter-wrap .select2-drop,
#element_moulding-tax-filter-wrap .select2-search,
#element_moulding-tax-filter-wrap .select2-search input {width:100%; border-radius: 0;}
.select2-container .select2-choice {
    padding: 5px 0 5px 8px;
	height: 36px;
    overflow: hidden;
	border-radius: 0; 
	background: #fff;
	border-color: #fff;
}
body.ie9 .select2-container .select2-choice {color:#000;}
.select2-container .select2-choice .select2-arrow {border-left: none; background-image: none; background:none; top: 5px;}
.select2-dropdown-open .select2-choice {background:#fff; color:#000;}
.select2-container .select2-choice:first-child { font-weight: 700; font-size:15px;}
.select2-dropdown-open .select2-choice .select2-arrow {background: none; border-left: none;filter: none; }
.select2-container .select2-choice .select2-arrow b { background-image:url(../img/select2.png); }
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {border: 1px solid #fff; }

#element_moulding-tax-filter-wrap .select2-container-active .select2-choice,
#element_moulding-tax-filter-wrap .select2-container-active .select2-choices,
#yhdm-moulding-type-filters .select2-container-active .select2-choice,
#yhdm-moulding-type-filters .select2-container-active .select2-choices {border: 1px solid #fff; }

#select2-drop {background: #fff; font-size: 1rem;}
#select2-drop.select2-drop-active {border: 1px solid #fff; border-top: none;border-radius: 0;}
#select2-drop .select2-input { border-color: #ddd;}
.select2-container .select2-choice {background: #fff;}
#select2-drop .select2-results .select2-highlighted {background: rgba(194, 200, 204, .5); color: #000;}

#yhdm-moulding-type-filters .select2-container .select2-choice {background-color: #fff;}

/**
* Moulding Type > rendered view switcher
*/
#yhdm-view-switcher li a.current {background-color:#fff; }

/*
 * Moulding Teaser
 */
ul.yhmoulding-profile-list_flex li a:hover {background:none; text-decoration: none;}
ul.yhmoulding-profile-list_flex li span.profile-title {font-weight: 700; }
ul.yhmoulding-profile-list_flex li span.profile-dimensions {color:#666; }
ul.yhmoulding-profile-list_flex li a:hover span.profile-title {text-decoration: underline;}

/*
 * Single Profile
 */
#yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element {color: #444;}
#yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element h2 {  color:#222; font-weight: 400;}
#yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_material ul li a,
#yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_type ul li a,
#yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_collection ul li a {color: #444;}
#yhdm-moulding_wrap.yhdm-moulding_single-profile .yhdm-secondary .element_wishlist {background: #fff; }