/* Artfully masterminded by ZURB  */

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

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

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

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

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

body {}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    
}
/* 
 * 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, .breadcrumbs a {}
a:hover, a:focus {}

.button {}
.button:hover, .button:focus {}

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

.site-header .grid-container,
.site-footer .grid-container {max-width: 75rem;} /* 1200px - 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: #666; }
.site-header #site-navigation ul li a {color: #fff; }

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

@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: #eee; }
.site-footer-logo img {width:200px; }

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

/* Find Mouldings By */
#element_moulding-tax-filter-wrap {background: #eee;}

/*
 * main Stock Mouldings page
 */
body.page-id-16423 #all-moulding-types,
body.page-id-16423 #moulding-insp-gallery {background: #666; }

/*
 * 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;}
}