/* style */
/* title: Scott Coullard Boiler Plate */
/* author: Scott Coullard */

/* Main Orange Color: #E16B2A */
/* Main Blue Color: #052B48 */

body {
	background-color: white;
	color: #052b48;
	font-family: 'Open Sans', sans-serif, serif;
	font-size: 16px;
	font-weight: 200;
}
#mobile-search-reveal { display: none; }
#rb-body { overflow: hidden; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
}
#footer-address br { display: none; }
.link-quad.reg-pad { padding-left: 40px; padding-right: 40px; }

.search-results h2 { font-size: 22px;  }
.search-results .post-title a { color: #E16B2A; }

body .frm_style_formidable-style.with_frm_style .frm_required {
    color: #052b48;
}


.frm_radio input[type=radio   ]:not(old){
  width   : 28px;
  margin  : 0;
  padding : 0;
  opacity : 0;
}

.frm_radio input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -19px;
  padding-left : 19px;
  background   : url('img/radio-button.jpg') no-repeat 0 0;
  line-height  : 24px;
  background-size: 100% auto;
}

.frm_spacer {     float: left;
    display: inline-block;
	height: 10px;
    width: 150px;
    max-width: 33%;
    margin-right: 10px; }
#frm_field_21_container { text-align: center; border-top: #E16B2A 5px solid; padding-top: 20px; }

.submit-container, #frm_field_21_container { min-width: 372px; display: inline-block; }

.g-recaptcha { display: inline-block; }

.frm_submit { width: 49%; display: inline-block; overflow: hidden; }

.frm_submit button { width: 90% !important; }

#reset-form { float: right;  }

.frm_radio input[type=radio]:not(old):checked + label{
  background-position : 0 -18px;
}

body.tax-product-categories .metaslider .caption-wrap { font-family: 'Open Sans', sans-serif; }

.top-bar input { font-family: 'Open Sans', sans-serif; }

.wrap { position: relative; padding: 0 0.5em; }
.fullwidth { width: 100%; }

#logo { padding: 0; padding-right: 4em; }
#logo img {
	width: 100%;
	height: auto;
	display: block;
	margin-top: -23%;
	margin-bottom: .25em;
}

#main-navigation-bar {
	position: fixed;
	background-color: #FFFFFF;
	z-index: 999999;
	left: 0;
	border-bottom: 1px solid #cccccc;
}
#main-navigation-bar .menu-main-menu-container { float: right; }
#nav ul{
	list-style-type: none;
	margin: 0;
	
}
#nav { position: relative; z-index: 99; }

#nav, .menu-height-container, #social { height: 52px; }

@media only screen and (min-width: 768px) {
	#menu-primary {
		/*padding-left: 20px;*/
		padding-left: 0;
		display:flex;
		align-items: center;
	}
}

#nav > div > div > ul, .menu-primary-container { height: 100%; }
#nav ul:before, #social:before, .vert-align:before, .below-product-content .caption-wrap:before {
	display: inline-block;
	vertical-align: middle;
	content: "";
	height: 100%;
}

.menu-primary-container, #social { display: inline-block; }

/* floating the li elements to the left will make them read left-right instead of top-bottom like default */
#nav ul li, #social a {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}

body .flexslider:hover .flex-prev {
    opacity: 0.8;
    left: 15px;
}

body .flexslider:hover .flex-next {
    opacity: 0.8;
    right: 15px;
}

#social a { margin-left: 15px; }

#nav ul li .featured {
	background-repeat: no-repeat;
	background-size: cover; 
}

#nav ul  li  a { font-family: 'Rubik', sans-serif, serif; }
#nav ul  li ul  a { font-weight: 300; text-transform: none; }
#nav ul li a {

	padding: 12px 15px;
		
	text-align: center;
	
	color: #052b48; 
	
	text-decoration: none; /* removes hyperlink underline */
	
	display: block; /* treasts it like a textbox */
	
	font-size: .85em;
	
	font-weight: bold;
	text-transform: uppercase; 

	transition: background-color .5s;
	-webkit-transition: background-color .5s;

}

#nav ul ul { padding: 0; }

#nav ul li a:hover, #nav ul li.current-menu-ancestor { color: #E16B2A; }
#nav ul li:hover > ul { display: block; }
#nav ul li ul { display: none; margin: 0; left: 12px; position: absolute; box-shadow: 2px 2px 6px #666666; white-space: nowrap; }
#nav ul li ul:before { display: none; }
#nav ul li ul li { float: none; background-color: #FFFFFF; display: block; border-top: 2px solid #354457; }
#nav ul li ul li:first-child { border-top: 0; }
#nav ul li ul li a { font-size: .9em; text-align: left; }
#nav ul li ul li a:hover, #menu-footer a:hover, #hosted-by a:hover { color: #e16b2a; }

#hosted-by a { font-weight: normal; text-transform: none; font-size: .9em; }

#nav ul li ul li ul { display: none; }
#nav ul li ul li:hover ul {
	display: none;
}

.menu-item-has-children:after {
	content: "\f107";
	position: absolute;
	right: 2px;
	top: 25%;
	color: #E16B2A;
	font-family: FontAwesome;
}


.top-bar { background: #052b48; color: #FFFFFF; font-family: 'Rubik', sans-serif; font-weight: 300; font-style: italic; font-size: .9em; padding: 1em 0; }
.top-bar .last span { height: 29px; line-height: 29px; }
.top-bar input#s, #mobile-search input#s { border: 1px solid #FFFFFF; background: none; border-radius: 5px; color: #FFFFFF; padding: 6px; font-weight: 300; font-size: .9em; padding-right: 30px; width: 200px; }

.page-heading-section p { font-family: 'Rubik', sans-serif; }

.top-bar form { position: relative; display: inline-block; float: right; vertical-align: middle; }

.top-bar button, #mobile-search button {
	background: none;
	color: #FFFFFF;
	border: 0;
	position: absolute;
	right: 5px; top: 6px;
}

.top-bar input#s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #FFFFFF;
}
.top-bar input#s::-moz-placeholder { /* Firefox 19+ */
  color: #FFFFFF;
}
.top-bar input#s:-ms-input-placeholder { /* IE 10+ */
  color: #FFFFFF;
}
.top-bar input#s:-moz-placeholder { /* Firefox 18- */
  color: #FFFFFF;
}

#header-spacer { padding-top: 115px; }

.metaslider { border-bottom: 10px solid #c1622f; margin: 0 auto; }

.rb-orange-bg { background: url('img/orange-pattern.jpg'); }

.flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next { width: 33px; height: 50px; }
.flex-direction-nav a.flex-prev { background: url('img/left-arrow.png'); }
.flex-direction-nav a.flex-next { background: url('img/right-arrow.png'); }

.page-id-18 .threecol h3, .page-id-18 .threecol p { font-family: 'Rubik', sans-serif; font-weight: 400; }

body .frm_style_formidable-style.with_frm_style .frm_radio label, .frm_style_formidable-style.with_frm_style .frm_checkbox label { font-family: 'Rubik', sans-serif; font-weight: 400; }

body .metaslider .caption-wrap h1 { margin: 0; line-height: 1.25; font-family: 'Rubik', sans-serif; }
body .metaslider .caption-wrap p { margin-top: 1em; font-size: 1em; font-weight: 300; }
body .metaslider .caption-wrap { font-family: 'Rubik', sans-serif; background: url('img/blue-chip.png'); opacity: 1; max-width: 700px; left: 50%; margin-left: -350px; top: 50%; margin-top: -107px; bottom: auto; padding: 2em; }

.product-pages-callout li { width: 50%; float: left; }

.left-sect { padding-right: .5em; }
.right-sect { padding-left: .5em; }
.link-quad a { display: inline-block; width: 50%; text-decoration: none; padding-top: 1em; position: relative; vertical-align: top; }

.term-boxes .image-title { z-index: 50; position: absolute; width: 100%; height: 30px; line-height: 30px; color: #FFFFFF; font-weight: 700; text-transform: uppercase; display: block; text-align: center; left: 0; top: 50%; margin-top: -15px; font-size: 1.4em; font-family: 'Rubik', sans-serif; }

.image-title { font-family: 'Rubik', sans-serif; font-weight: 700; }

.top-footer { font-family: 'Rubik', sans-serif; font-weight: 400; }

.product-pages-callout-section .last a span { color: #052b48; display: block; border: 3px solid #052b48; border-bottom: 0; text-align: center; text-transform: uppercase; padding: 1em 0; }
.link-quad img { display: block; width: 100%; height: auto; }

.product-pages-callout-section .last img.img-active { display: none; }

.product-pages-callout-section .last a:hover span { color: #e36b2b; border-color: #e36b2b; }
.product-pages-callout-section .last a:hover .img-active { display: block; }
.product-pages-callout-section .last a:hover .img-static { display: none; }

.tax-box { height: 250px; position: relative; }

.tax-product-categories .tax-box { height: 200px; }
.tax-product-categories .tax-box.prod-box { height: 400px; }

.blue-callout-heading { text-align: center; color: #FFFFFF; background: #052b48; margin: 0; padding: .5em 0; }
.archive .blue-callout-heading { padding: 0; }
.blue-callout-heading img { width: 225px; height: auto; display: block; margin: 0 auto; }

.reg-pad { padding: 2em 0; }

.gray-section { background: #f4f3f6; }

.bg-cover {
	background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.featured-custom-project { text-align: center; }
.featured-project-thumbnail { height: 250px; margin: 1em 0; }
.featured-project-thumbnail img { max-width: 100%; height: auto; }
.featured-custom-project p { margin-top: .25em; }

a.link-button, .lower-content .frm_style_formidable-style.with_frm_style .frm_submit button { text-decoration: none; font-size: .9em; display: inline-block; padding: .65em 2.5em; background: #052b48; color: #FFFFFF; font-weight: 300; }

a.link-button:hover, .lower-content .frm_style_formidable-style.with_frm_style .frm_submit button:hover { background: #E16B2A; color: #FFFFFF }

.lower-content .frm_style_formidable-style.with_frm_style .frm_submit button { font-family: Droid Serif, serif; }

.testimonial-section { padding-left: 4em; }
.testimonial-icon { display: block; float: left; width: 85px; height: auto; margin-right: 1em; }

.testimonial-content, .testimonial-name { text-align: left; color: #E16B2A; font-style: italic; font-family: Droid Serif, serif; font-weight: 700; }

.testimonial-content { font-size: 1.1em; }

.featured-testimonial-content { display: inline-block; vertical-align: middle; width: 99%; }

.top-footer { background: #052b48; }

.top-footer, .footer-section { height: 75px; }

.footer-section span { display: inline-block; vertical-align: middle; }

.top-footer .last { text-align: right; }

#footer-logo { width: 150px; height: auto; position: relative; top: 10px;  }

.rb-orange-bg .wrap { padding: 0; }

#footer-address { color: #FFFFFF; }
#footer-number { font-size: 1.5em; color: #E16B2A; }

.bottom-footer { text-align: center; }


.bottom-footer a { text-decoration: none; color: #070707; }
#menu-footer a { text-transform: uppercase; font-family: 'Rubik', sans-serif; font-weight: 400; }

.bottom-footer li { display: inline-block; }

.bottom-footer li:first-child span { display: none; }

#hosted-by { color: #182037; }

#page-hero { height: 400px; border-bottom: 10px solid #c1622f; width: 100%; max-width: 1200px; margin: 0 auto; }

.page-heading { font-size: 1.2em; color: #052b48; margin: 0; margin-bottom: 1em; }
.page-subheading { font-size: 1.1em; color: #E16B2A; font-style: italic; font-family: Droid Serif, serif; margin: 0;  }

.six-square-section { border: 1px solid #17334f; border-right: 0;  }
.six-square { display: inline-block; width: 33.3333%; height: 300px; border-right: 1px solid #17334f; vertical-align: middle; position: relative; font-family: 'Rubik', sans-serif; font-weight: 300; }
.six-square.upper { border-bottom: 1px solid #17334f; }
.six-square p { margin: 0; }

.six-square span { vertical-align: middle; display: inline-block; padding: 2em; }

.six-square img { display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.six-square-container.reg-pad { padding-top: 0; }

.affiliation { background: #FFFFFF; text-align: center; }

.affiliation-image { display: inline-block; width: 33.3333%; padding: 1em; }

.affiliation-image img { width: 100%; height: auto; display: block; }

.term-lumber-rolls .tax-box, .term-recessed-lumber-rolls .tax-box, .term-top-mounted-lumber-rolls .tax-box, .term-recessed .tax-box, .term-top-mounted .tax-box { background-size: auto 100%; background-repeat: no-repeat; border: 1px solid #CCCCCC; }

.right-sect .tax-box:before, .left-sect .tax-box:before { content: ""; position: absolute; background: url('img/rb-blue-chip.png'); top: 0; left: 0; width: 100%; height: 100%; opacity: 0;
		-webkit-transition: opacity 0.25s;
        -moz-transition: opacity 0.25s;
        -o-transition: opacity 0.25s;
        transition: opacity 0.25s;  }
.right-sect:hover .tax-box:before, .left-sect:hover .tax-box:before { opacity: 1; }

.right-sect .tax-box.prod-box:before, .left-sect .tax-box.prod-box:before { display: none; }

.archive .image-title { text-shadow: 0px 0px 6px #333333; }

.prod-content-box { margin-top: .5em; background: #052b48; color: #FFFFFF; padding: 1em; text-align: center; min-height: 141px; }
.prod-content-box.vert-align:before { min-height: 141px; }

.prod-content-box a { position: relative; }

.prod-content-box h3 { margin: 0; margin-bottom: .5em; }
.prod-content-box p { margin: 0; }

.prod-content { display: inline-block; vertical-align: middle; }

.below-product-content .metaslider { margin-top: 1em; border: 0; }

body .below-product-content .metaslider .caption-wrap {
    background: #052b48;
    width: 100%;
	text-align: center;
	max-width: none;
    left: auto;
    top: auto;
    margin: 0;
	margin-top: .5em;
    bottom: auto;
    padding: 1.5em;
	position: relative;
	font-size: .9em;
	height: 101px;
}
body .below-product-content .metaslider .caption-wrap p { margin-top: .5em; }
body .below-product-content .metaslider .caption-wrap p:first-child { margin-top: 0; }

.home .caption h1 { text-align: center; }
.below-product-content .flex-direction-nav a { top: 88%; }

.below-product-content .caption { display: inline-block; vertical-align: middle; }

.lower-content { background: #f0f1f4; }

.lower-content .frm_forms.frm_style_formidable-style.with_frm_style { max-width: 600px; margin: 0 auto; }

.frm_style_formidable-style.with_frm_style .frm_form_field.frm_left_container input:not([type=radio]):not([type=checkbox]), .frm_style_formidable-style.with_frm_style .frm_form_field.frm_left_container textarea { background: #042b48; color: #FFFFFF; }

.frm_style_formidable-style.with_frm_style .frm_left_container label.frm_primary_label { color: #E16B2A; font-family: Droid Serif, serif; }
.frm_style_formidable-style.with_frm_style .frm_required { color: #333333; }

.lower-content .frm_style_formidable-style.with_frm_style .frm_radio { display: inline-block; width: 48%; margin: 0; margin-bottom: .5em; }

.lower-content .frm_style_formidable-style.with_frm_style .frm_radio label { font-size: 1em; color: #042b48; }

.custom-project-post img { width: 100%; height: auto; display: block; }
.custom-project-content, .custom-project-image { color: #FFFFFF; position: relative; height: 592px; }
.custom-project-image { position: relative; z-index: 25; }
.custom-project-content:before, .custom-project-image:before { content: ""; position: absolute; top: 0; height: 100%; background-color: #052b48; width: 100%; }
.custom-project-content.last:before, .custom-project-image.first:before { right: auto; }
.custom-project-image.first:before { right: 0; left: auto; }
.custom-project-image.last:before { left: 0; right: auto; }

.custom-project-content { background-color: #052b48; padding: 0 1em; }
.custom-project-content:before { display: none; }
.custom-project-post .fourcol { width: 25%; margin: 0; }
.custom-project-post .eightcol { width: 75%; margin: 0; }

.custom-project-image:before {
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: center center !important;
}

.custom-project-content h2, .custom-project-content h3 { text-align: center; }
.custom-project-content h2, .custom-project-content h3, .custom-project-content p { position: relative; }
.custom-project-content h3 { font-weight: normal; margin-bottom: 3em; }
.post-type-archive-custom-project #footer { border-top: 10px solid #c1622f; }

.meanmenu-reveal { right: auto !important; left: 0 !important; }

#mobile-search { display: none; }

@media only screen and (max-width: 1200px) {
#footer-address { font-size: .8em; }
	#nav ul li a {
    	padding: 14px;
		font-size: .85em;
		text-transform: none;
	}
.menu-item-has-children:after {
    right: -3px;
    top: 25%;
}
}

#menu-footer { padding-left: 0; }

@media only screen and (max-width: 1050px) {
.featured-testimonial-content { width: 98%; }
.testimonial-section { padding-left: 0; }
	#menu-primary { padding: 0; }
	#nav ul li a {
    	padding: 11px;
		font-size: .7em;
		text-transform: none;
	}
.menu-item-has-children:after {
    right: -3px;
    top: 17%;
}
.top-bar span { font-size: .75em; }
.top-bar input#s { width: 150px; }
	body .metaslider .caption-wrap { font-size: .75em; margin-top: -81px; }
}

@media only screen and (max-width: 768px) {
.custom-project-image { height: 250px; }
.custom-project-post h2 { margin-top: 0; }
.custom-project-post p { margin-bottom: 0; }
.custom-project-content { height: auto; padding-top: 1em; padding-bottom: 1em; }
.custom-project-post .wrap { padding: 0; }
.custom-project-post .eightcol, .custom-project-post .fourcol { width: 100%; }
#footer-address br { display: block; }
#menu-primary { border-bottom: 1px solid #cccccc; }
#header-spacer { padding-top: 10px !important; }
	.top-bar { display: none; }
	.menu-height-container {  }
	.mean-nav { margin: 0 !important; }
.sub-menu li { padding: 0 1em; }
.sub-menu li a { border-top: 1px solid #052b48 !important; }
.sub-menu li:first-child a { border: 0 !important; }
	#main-navigation-bar .menu-item { background: #FFFFFF; width: 100%; }
#main-navigation-bar .menu-item a { color: #052b48; font-size: .9em; font-weight: bold; }
#main-navigation-bar .menu-item a:hover, #main-navigation-bar .menu-item a.mean-expand { color: #E16B2A }
	#menu-primary, .menu-primary-container { width: 100%; }
	#menu-primary { position: absolute; top: 50px; }
	.menu-catch .threecol { position: relative; z-index: 99999999; }
	#logo { position: absolute; top: 1em; width: 100%; padding: 0; z-index: 999; width: 200px; left: 50%; margin-left: -100px; }
	#logo img { margin: 0 auto; }
	.menu-item-has-children:after { display: none; }
	
	#mobile-search, #mobile-search-reveal { display: block; position: absolute; top: 15px; right: 0; z-index: 99999999; }
#mobile-search-reveal { top: 20px; }
	#mobile-search input#s { border: 0; }
	#mobile-search input#s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #0c1923;
	}
	#mobile-search input#s::-moz-placeholder { /* Firefox 19+ */
	  color: #0c1923;
	}
	#mobile-search input#s:-ms-input-placeholder { /* IE 10+ */
	  color: #0c1923;
	}
	#mobile-search input#s:-moz-placeholder { /* Firefox 18- */
	  color: #0c1923;
	}

.product-pages-callout ul { overflow: hidden; }
.product-pages-callout-section .sevencol { margin-bottom: 3em; }

.wrap.menu-catch { padding: 0; }
.mean-nav { background: #052b48 !important; }
body .metaslider .caption-wrap { max-width: 80%; margin-left: -40% !important; margin-top: -7%; }
body.term-lumber-trailers .below-product-content .metaslider .caption-wrap { margin-left: 0 !important; height: auto; }
.below-product-content .flex-direction-nav a {
    top: 80%;
}
.testimonial-content {
    font-size: 1em;
}
#footer-address { font-size: 1em; margin: 1em 0; padding: 0 3em; line-height: 1; }
#footer-number {
    font-size: 1.4em;
padding-bottom: .5em;
}
.top-footer, .footer-section { height: auto; }
.top-footer .fourcol, .top-footer .fivecol { text-align: center; }
#page-hero { height: 300px; }
.six-square { width: 100%; height: auto; font-size: 1.5em; }
.six-square img { height: auto; position: relative; }
.tax-product-categories .tax-box.prod-box {
    height: 300px;
}
#menu-primary:before { background: #052b48; padding: 5em 1em 1em; color: #FFFFFF; display: block; content: "Specialists in Lumber Beds, Lumber Rollers and Heavy Duty Platforms Since 1918."; }
}
@media only screen and (max-width: 480px){
#header-spacer {
    padding-top: 60px !important;
}
#mobile-search-reveal { color: #FFFFFF; right: 1em; }
#mobile-search { display: none; z-index: 999999999; }
#mobile-search input#s { background: #FFFFFF; color: #333333; }
.top-bar button, #mobile-search button { color: #333333; }
#mobile-search input#s::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cccccc;
}
#mobile-search input#s::-moz-placeholder { /* Firefox 19+ */
  color: #cccccc;
}
#mobile-search input#s:-ms-input-placeholder { /* IE 10+ */
  color: #cccccc;
}
#mobile-search input#s:-moz-placeholder { /* Firefox 18- */
  color: #cccccc;
}
.tax-product-categories .tax-box.prod-box {
    height: 200px;
}
.link-quad.reg-pad { padding-left: 0; padding-right: 0;     margin-left: -1em;
    margin-right: -1em; }
.link-quad a { font-size: .6em }
#page-hero { height: 200px; } 
body .metaslider .caption-wrap h1 { font-size: 1.2em; }
.product-pages-callout h2 { margin-top: 0; }
.flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next { background-size: auto 100%; width: 15px; height: 25px; margin: -12px 0 0; }
.product-pages-callout li { float: none; width: 100%; }
.metaslider .slides img { width: 150% !important; position: relative; left: -25%; }
#menu-primary { height: 400px; overflow-y: scroll; }
.term-reel-trailers .left-sect, .term-reel-trailers .right-sect { width: 100%; padding: 0; }
.term-reel-trailers .right-sect { margin-top: 1em; }
.page-id-18 .page-heading-section .wrap { padding: 0; }
.page-id-18 .page-heading-section h1 { margin-top: 2em; }
.page-id-18 .page-heading-section h1, .page-id-18 .page-heading-section .eightcol { padding: 0 1.5em; }
.page-id-18 .page-heading-section .threecol { width: 100% !important; padding: .5em 0; }
.lower-content .wrap { padding: 0; }
.frm_submit { display: block; margin: 0 auto; }
#reset-form { float: none; }

}
.mean-container .mean-nav ul li a.mean-expand:hover {
    background: none !important;
}
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mean-container .mean-nav ul li a.mean-expand { height: 24px; }
.wrap.menu-catch {padding: 0;}