/*
Theme Name: Forest Plywood / Reverie Responsive
*/
/* Google Font Imports */
@import url(https://fonts.googleapis.com/css?family=Tinos:400,700);

/* -----------------------------------------
Styling Basic WordPress Outputs
----------------------------------------- */
/* Global */
h1, h2, h3, h4, h5 { font-family: "Tinos", serif; font-weight: 700; color:#626258; }
h1 { font-size:33px; }
h2 { font-size:29px; }
h3, h1 { font-size: 26px; }
body, p { color:#666666; font-size:12px; }
a { color:#ba9545; }
a:hover { text-decoration: underline; color:#222; }
ul { margin-left:20px; }

/* Add Divider for Listed Posts */
.post-divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; }

/* Add Class for Images */
img.alignright { float: right; margin: 0 0 18px 18px; }
img.alignleft { float: left; margin: 0 18px 18px 0; }
img.aligncenter { display: block; margin: 18px auto; }

figure { margin-bottom: 17px; }
figure img { height: auto; margin: 0 auto; display: block; border-image: initial; }
figure.figure { margin: 0 auto; display: inline-block; }
figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555; }
figure.alignright.figure { float: right; margin: 0 0 18px 18px; }
figure.alignleft.figure { float: left; margin: 0 18px 18px 0; }

/* Comment Textarea Adjustment */
#respond textarea { height: 100px; }

/* Pagination */
ul.page-numbers { margin:0; display: block; height: 24px; margin-left: -5px; }
ul.page-numbers li { float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; }
ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; }
ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #e6e6e6; }
ul.page-numbers li.unavailable a { cursor: default; color: #999; }
ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; }
ul.page-numbers li span.current { background: #2ba6cb; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; }

/* --------------------------
 Primary Styles
------------------------------ */
body { min-width:320px; background:#eee url(images/retina_wood.jpg); overflow-x:hidden; }
#container { background:#fff; box-shadow:0 2px 100px rgba(0,0,0,0.2), 0 2px 7px rgba(0,0,0,0.2); }
#content { padding:15px 40px; }
#sidebar { padding:35px 40px 15px; }
#content.seven { padding-right:0; }
.row { width:1000px; }

.header { position:relative; margin:0 !important; padding-top:20px; background:#48643e; border-bottom:0 !important; }
.header h1 { display:inline-block; margin:0; }
.header h1 img { display:block; margin:10px 15px 15px; width:200px; }
.header .logo.columns { width:260px; }
.header .menu.columns { height: 136px; padding:0 25px 0 0; width:740px; text-align:right; color:#fff; }
.order-now { color:#ba9545; font-weight:800; font-size: 22px; }
.header .contact-links { margin:6px 0 0; }
.header .contact-links li { margin:0 0 10px 12px; display:inline-block; }
.header .contact-links li a { color:#fff; text-transform: uppercase; }

.header .primary-links { background:none; text-align:right; font-size:0; margin:6px -5px 0 -30px; }
.header .primary-links li, .header .primary-links li a { float:none; display:inline-block; background:none; border:0 !important; box-shadow:none; }
.header .primary-links li a { text-transform:uppercase !important; padding:18px 16px 14px !important; color:#fff; font-size: 17px; background:none; text-transform:none; }
.header .primary-links .flyout-toggle { display:none !important; }
.header .primary-links li a:after { display:none !important; }
.header .primary-links li:hover>a:first-child, .header .primary-links li.active>a, .header .primary-links li.current-menu-ancestor>a { text-decoration:none; background: #f6f2ed !important; color : #48643e; }
.header .menu.columns, .header .primary-links, .header .primary-links li, .header .primary-links li a { position:static; }
.header .primary-links ul.flyout { font-size:0; text-align:center; top:156px; left:0; width:100%; background:#30432a; border:0; border-top:1px solid #293924; border-bottom:1px solid #24321f; box-shadow:0 -1px 0 rgba(255,255,255,0.15), 0 1px 0 #516c48; }
.header .primary-links ul.flyout li { background:none; position:relative; }
.header .primary-links ul.flyout li>a { background:none; color:#ddd; font-size:12px; padding:13px 25px !important; border-left:1px solid transparent !important; border-right:1px solid transparent !important; margin-right:-1px; }
.header .primary-links ul.flyout li.active>a:first-child, .header .primary-links ul.flyout li.current-menu-ancestor>a:first-child { background:none !important; color:#fff; font-weight:800; }
.header .primary-links ul.flyout li:hover>a:first-child { background:#30432a !important; color:#fff; border-left-color: #24321f !important; border-right-color: #24321f !important; box-shadow:0 0px 1px rgba(0,0,0,0.1); }
.header .primary-links>li>ul.flyout>li>ul.flyout { top:38px; border:0;  box-shadow:0 0px 5px rgba(0,0,0,0.15); }
.header .primary-links>li>ul.flyout>li>ul.flyout li { display:block; }
.header .primary-links>li>ul.flyout>li>ul.flyout li>a, .header .primary-links>li>ul.flyout>li>ul.flyout li>a:hover { margin:0; display:block; border-left:0 !important; border-right:0 !important; box-shadow:inset 0 1px 0 #516c48; border-top:1px solid #24321f !important; padding:10px 5px !important; }
.header .primary-links>li>ul.flyout ul.flyout { min-width:100%; width:auto; }
.header .primary-links>li>ul.flyout>li>ul.flyout.more-width { width:250px; }
.header .primary-links>li>ul.flyout>li.has-flyout.menu-item-532>ul.flyout, .header .primary-links>li>ul.flyout>li.has-flyout.menu-item-609>ul.flyout { width:160px; }
.header .primary-links>li>ul.flyout>li.has-flyout.menu-item-546>ul.flyout { width:220px; }
.header .primary-links>li>ul.flyout>li.has-flyout.menu-item-975>ul.flyout { width:140px; }
.header .primary-links>li>ul.flyout>li.has-flyout.menu-item-971>ul.flyout { width:230px; }
.header .primary-links>li>ul.flyout>li>ul.flyout ul.flyout { top:0; left: 100%; width:220px; }
/* .header .primary-links>li.has-flyout.menu-item>ul.flyout, .header .primary-links>li.has-flyout.menu-item:hover>ul.flyout { display:none !important; } */
.header .primary-links li.has-flyout:hover>ul.flyout { display:block !important; }
.header .primary-links>li.has-flyout.menu-item.current-menu-item>ul.flyout, .header .primary-links>li.has-flyout.menu-item.current-menu-ancestor>ul.flyout, .header .primary-links>li.has-flyout:hover>ul.flyout { display:block !important; z-index:98; }
.header .primary-links>li.has-flyout:hover>ul.flyout { z-index:99; }
.header .primary-links:hover>li.has-flyout.menu-item.current-menu-item>a, .header .primary-links:hover>li.has-flyout.menu-item.current-menu-ancestor>a { background:none !important; color:#fff; }
.header .primary-links:hover>li.has-flyout.menu-item.current-menu-item:hover>a, .header .primary-links:hover>li.has-flyout.menu-item.current-menu-ancestor:hover>a { background:#f6f2ed !important; color:#48643e; }

.fake-flyout-bar { position:relative; margin:-15px -25px 16px; height:40px; background: #30432a; border-top: 1px solid #293924; border-bottom: 1px solid #24321f; box-shadow: 0 -1px 0 rgba(255,255,255,0.15), 0 1px 0 #516c48; }
.offcanvas-nav-toggle, .offcanvas-nav { display:none; }

/* Submenu Spacing */
body.page-has-primary-submenu #main{ margin-top:40px; }

/* Sidebar Menu */
#sidebar .widget .menu { width: 250px; margin: 0 auto; list-style:none; margin-bottom:40px; background:#48643e; padding:3px 0; }
#sidebar .widget .menu a { display:block; color:#fff; }
#sidebar .widget .menu a:hover { text-decoration:none; }
#sidebar .widget .menu>li>a { text-transform:uppercase; font-size:18px; line-height:22px; padding:10px 25px; font-weight:800; }
#sidebar .widget .menu>li { padding-bottom:1px; background:url(images/dotted-bg.png) repeat-x bottom left; }
#sidebar .widget .menu>li:last-child { background:none; padding-bottom:0; }
#sidebar .widget .menu>li>.sub-menu { list-style:none; margin:0; padding: 0; }
#sidebar .widget .menu>li>.sub-menu>li>a { font-size: 16px; line-height: 21px; padding: 3px 40px; margin-bottom:3px; }
#sidebar .widget .menu>li>.sub-menu>li.current-menu-item>a, #sidebar .widget .menu>li>.sub-menu>li.current-menu-ancestor>a { background:#364b2e; }
#sidebar .widget .menu>li>.sub-menu>li>.sub-menu { list-style:none; margin:0; padding: 0; }
#sidebar .widget .menu>li>.sub-menu>li>.sub-menu li { font-size:13px; }
#sidebar .widget .menu>li>.sub-menu>li>.sub-menu li a { padding:0 50px; }
#sidebar .widget .menu .sub-menu { display:none; }
#sidebar .widget .menu li.current-menu-item>.sub-menu, #sidebar .widget .menu li.current-menu-ancestor>.sub-menu { display:block; margin:-2px 0 6px; }

/* --------------------------
 Content & Elements
------------------------------ */

/* Tabs */
dl.tabs.simple-vertical, dl.tabs.simple-vertical dd, dl.tabs.simple-vertical dd a { background:none !important; border:0 !important; }
dl.tabs.simple-vertical dd a { text-transform:uppercase; padding:4px 15px 4px 0 !important; }
dl.tabs.simple-vertical.more-padding dd a { padding-top:8px !important; padding-bottom:8px !important; }
dl.tabs.simple-vertical dd.active a { background:#fff !important; position:relative; z-index:3; font-weight:bold; color:#222; }

ul.tabs-content.simple-vertical li { min-height:180px; border:1px solid #eee; background:#F4F4F4; position:relative; z-index:3; }
ul.tabs-content.simple-vertical li .row { text-align:center; margin-bottom:6px; line-height:1.2; }
ul.tabs-content.simple-vertical li .row .row { margin:2px 0; }
ul.tabs-content.simple-vertical li .row:last-child { margin-bottom:0; }

.tabs.contained { font-family:"Tinos", serif; text-transform:uppercase; }
.tabs.contained dd.active, .tabs.contained li.active { margin-top:-1px; border-top:1px solid #e6e6e6; }
.tabs.contained dd a, .tabs.contained li a { font-weight:700; text-decoration:none !important; border:solid transparent; border-width:0 1px; padding-left:15px; padding-right:15px; }
.tabs.contained dd.active a, .tabs.contained li.active a { border-color:#e6e6e6; }
.panel ul.tabs-content.contained>li { background:#fff; }
.panel .species-tabs-container>.the-links ul.tabs-content.contained>li { min-height:224px; max-height: 500px; overflow: scroll;}
.panel .specifications-tabs-container ul.tabs-content.simple-vertical li { background:#eee; }

.species-tabs-container { position:relative; margin-bottom:5px; }
.simple-vertical.species-tabs { margin-bottom:20px; }
.species-tabs-content.simple-vertical li { width:280px; }
.species-tabs-content img { float:left; width:100%; margin-bottom:25px; }
.tabs.vertical.species-tabs dd { float:left; width:50%; clear:none; }
.tabs.vertical.species-tabs dd:nth-child(2n+1) { clear:both; }
.tabs.vertical.species-tabs a { position:relative; font-size:11px; line-height:13px; padding:5px 10px 5px 32px !important; margin-bottom:3px !important; }
.tabs.vertical.species-tabs a span { position:absolute; top:0; left:0; height:23px; width:23px; background-size:cover; }

/* Heading Boxes */
.heading-detail { position: relative; background:#888; color:#fff; text-shadow:0 1px 5px rgba(0,0,0,0.6); font-size:29px; line-height:40px; font-weight:800; padding:0; margin:-15px -25px 15px; padding:100px 0 50px; }
.heading-detail h1 { position: relative; font-family:Arial; color:#fff; text-shadow:0 1px 5px rgba(0,0,0,0.6); font-size:29px; line-height:1.4; font-weight:800; margin:0; width:685px; display:block; background:rgba(0,0,0,0.2); padding:10px 10px 10px 30px; }
.heading-detail.for-home img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.home.page h1.page-title { display:none; }

.heading-points.row, .heading-box.row { position:relative; margin:-15px -25px 15px; background:#626258; }
.heading-box.row .content-box { padding:15px 30px 53px; }
.heading-points.row { overflow:hidden; }
.heading-points .columns, .contact-block { position:relative; padding:15px 25px 25px; background:#626258; }
.contact-block { display: block; box-shadow:none !important; }
.heading-points .columns.c2 { background:#ba9545; box-shadow:0 200px 0 #ba9545; }
.heading-points .columns.c3 { background:#8a7c53; box-shadow:0 200px 0 #8a7c53; }
.heading-points .columns.c4, .contact-block { background:#ba532f; box-shadow:0 200px 0 #ba532f; }

.heading-points .button, .heading-box .button, .contact-block .button { float:right; }
.heading-points .columns.c2 .button { background:#9A7B39; }
.heading-points .columns.c3 .button { background:#726644; }
.heading-points .columns.c4 .button, .contact-block .button { background:#9A4426; }
.heading-points .button:hover, .heading-box .button:hover, , .contact-block .button:hover { text-decoration:none; }

.heading-points p, .heading-points h3, .heading-points h4, .heading-box p, .heading-box h1, .heading-box h2, .contact-block h2, .contact-block h3, .contact-block h4, .contact-block p { color:#fff; }
.heading-points p.content, .heading-box.row p.content { font-size:13px; line-height: 1.5; margin-bottom:20px; margin-right:-3px; }
.heading-points h3, .heading-box h2, .contact-block h3 { text-transform:uppercase; margin-bottom:10px; font-size:24px; }
.c4 h4, .contact-block h4 { font-family:Arial, sans-serif; font-size:24px; }
.c4 p.content, .contact-block p.content { font-size:18px; line-height:1.3; margin-bottom:25px; }
.heading-box .image-box { background:#222; padding:0; float:right; text-align:center; }
.heading-box .image-box img { vertical-align:bottom; display:block; width:100%; }

/* Elements */
.button { font-size:12px; text-transform:uppercase; padding:12px 30px; background:#515148; border:0; box-shadow:1px 1px 2px rgba(0,0,0,0.4); }
.button:hover { text-decoration:underline; }
p .button, p .button:visited { line-height:1; }

.breadcrumb { padding:15px 0 5px; font-family:"Tinos", serif; display:block; color:#222; }
.breadcrumb a { color:#666; }

.info-text { font-size:14px; font-style:italic; margin-top:-2px; color:#999; font-family:serif; margin-bottom:5px; }

/* Footer Styles */
#content-info { padding:25px; background:#626258; color:#fff; font-size: 12px !important; line-height: 14px !important; }
#content-info span { font-size: 12px; line-height: 14px; }
#content-info .ten { line-height:1.5; padding-top:35px; }

.social-right { text-align: right; }
.stButton { margin-left: 0!important;  margin-right: 0!important; }

.no-right { padding-right:0; }
.no-left { padding-left:0; }


/* Veneer Facts & Veneer Application pages */
.veneer-facts-td { text-align: center; }
ul.veneer-application-list { margin-left: 0; }
ul.veneer-application-list li { clear: both; }
ul.veneer-application-list li ul { width: 360px; float: right; }
.page-id-727 ul li, .page-id-727 ol li { font-size: 12px; }
.page-id-727 ul li { list-style: none; }

/* Gallery With Click */
.gallery-content, .gallery-content>li { position:relative; overflow:visible; z-index:9; }
.gallery-content>li>div { float:right; overflow:hidden; width:100%; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-top:10px; position:relative; padding:10px; background:#fff; border:2px solid #eee; }
.gallery-content>li>div>img { float:left; width:241px; -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; display:block; vertical-align:bottom; }
.gallery-content>li>div>p { display:none; }
.gallery-content>li>div>h3 { font-size:18px; margin:10px 0 0; float:left; }
.gallery-content>li>div>h3, .gallery-content>li>div>div.content { float:left; width:100%; }
.gallery-content>li>div>div.content>p { line-height:1.5; }
.gallery-content>li div.content { position:relative; overflow:hidden; width:440px !important; height:0; }
.gallery-content>li>div:hover, .gallery-content.is-active>li.active>div { opacity:1 !important; border:2px solid #ddd; cursor:pointer; }
.gallery-content.is-active>li>div { opacity:0.6; border:2px dashed #ddd; }
.gallery-content>li.active { z-index:10; }
.gallery-content>li.active>div { cursor:default !important; width:464px; padding:10px 10px 0px 10px; z-index:10; }
.gallery-content>li.active>div>img { width:440px; }
.gallery-content>li.active>div>.close:before { content:"x"; }
.gallery-content>li.active>div>.close { display:none !important; /* Disabled for now */ cursor:pointer; position:absolute; bottom:10px; left:10px; height:14px; width:15px; text-align:left; line-height:14px; font-size:18px; font-weight:800; color:#999; }
.gallery-content>li.active>div>.close:hover { color:#555; }
.gallery-content>li.active>div>h3 { margin-bottom: 5px; }
.gallery-content>li.active>div>div.content { display:block; height:auto; }
.gallery-content>li:nth-child(2n+1)>div { float:left; }

/* Moulding Pages */
.wood-type { background:#eee; color:#0f0f0f; text-align:center; display:block; font-size:15px; line-height:1.6; padding:5px; margin-bottom:30px; }
.wood-type strong { margin-right:5px; display:inline-block; }
.wood-type span { margin-right:10px; display:inline-block; }
.wood-type span:last-child { margin-right:0; }

/* IE8 Styling */
html.oldie .logo img { max-width:none !important; }
html.oldie .heading-points .columns, html.oldie .contact-block { min-height:200px !important; }


/* Blog Styles */
.attachment-blog-featured { margin-bottom: 20px; }
#fsb-social-bar { padding: 5px 0 10px !important; }
#fsb-social-bar .fsb-title { margin-top: 7px !important; }
.type-post h1, .type-post h2, .type-post h3 { font-size: 23px; }
small.wp_rp_excerpt { font-size: 80%; }
a.wp_rp_title { font-weight: bold; }

/*
.blog .sidebar-box, .single .sidebar-box, .archive .sidebar-box { background: #f4f4f4; border: solid 1px #eee; padding: 5px 0 20px 20px; }
.blog .sidebar-box h4, .single .sidebar-box h4, .archive .sidebar-box h4 { font-size: 20px; }
.blog .sidebar-box ul, .single .sidebar-box ul, .archive .sidebar-box ul { margin-left: 0; }
.blog .sidebar-box ul li, .single .sidebar-box ul li, .archive .sidebar-box ul li { list-style: none inside; }
*/
.blog .sidebar-box, .single .sidebar-box { padding: 0; }
.blog-widget { margin-bottom: 20px; }
.blog .sidebar-box h4, .single .sidebar-box h4 { background: none repeat scroll 0 0 #48643E; color: #FFFFFF; font-size: 20px; line-height: 30px; margin-top: 0; padding-bottom: 5px; padding-left: 10px; margin-bottom: 0; }
.blog .sidebar-box ul, .single .sidebar-box ul { margin-left: 0; margin-bottom: 0; border: solid 1px #ccc; border-top: none; }
.blog .sidebar-box ul li, .single .sidebar-box ul li { border-bottom: 1px dotted #CCCCCC; list-style: none inside none; padding: 5px 5px 5px 15px; }
.blog .sidebar-box ul li:last-child, .single .sidebar-box ul li:last-child { border-bottom: none; }

.wp_rp_content { background: #f9f9f9; border: solid 1px #eee; padding: 1px 15px; }
h3.related_post_title { font-size: 20px; }

.single .byline.author.vcard { border-top: solid 1px #eee; border-bottom: solid 1px #eee; display: none;}
.stButton .stButton_gradient { height: 24px !important; }
.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices { height: 24px !important; }
.gravatar img { padding: 3px; border: solid 1px #ddd; background: #fff; }
.single-post p, .blog p, .single-post ul li, .blog ul li, .single-post ol li, .blog ol li { font-size: 17px; }

/* IE Fixes */
html.oldie #content-info { height:130px; }

/* Media Queries --- */
@media screen and (max-width:1020px) {
	div, dl, dt, dd, ul, ol, li, pre, form, blockquote, th, td { font-size:13px; }
	body, p { font-size:12px; }

	.row { width:870px; }

	.header h1 img { margin-top:8px; width:181px; }
	.header .logo.columns { width:25%; padding-right:5px; }
	.order-now { font-size:19px; }
	.contact-links li a { font-size:13px; }
	.heading-detail { padding:85px 0 45px; }
	.header .menu.columns { width:75%; height:118px; }
	.header .primary-links { margin:6px -5px 0 -10px; }
	.header .primary-links li a { padding:11px 15px 8px !important; font-size:15px; }
	.header .primary-links ul.flyout { top:138px; }
	.header .primary-links ul.flyout li>a { padding:13px 20px !important; }

	.c4 h4 { margin-bottom:10px; } ul.tabs-content.contained>li { padding:15px; }
	.species-tabs-content.simple-vertical li { width:240px; }
	.tabs.contained dd a, .tabs.contained li a { font-size:12px; }
	.tabs.vertical.species-tabs dd { width:100%; }
	.wood-type { text-align:left; padding: 5px 15px; }

	.button { padding:11px 22px; }
}

@media screen and (max-width:890px) {
	.row { width:767px; }

	.header h1 img { margin:0 0 15px; }
	.header { padding-top:15px; }
	.header .menu.columns { padding-right:15px; height:103px; }
	.order-now { font-size:17px; }
	.header .contact-links { margin-top:4px; }
	.header .contact-links li { margin-left:8px; }
	.header .primary-links { margin:0 0 0 -10px; }
	.header .primary-links li a { font-size:14px; padding:8px 12px 6px !important; }
	.header .primary-links ul.flyout { top:118px; }
	.header .primary-links ul.flyout li>a { padding:13px 13px !important; }
	.heading-detail { padding:70px 0 40px; }

	.button { padding:11px 15px; } #content-info { padding:15px; }
	#content-info .ten { padding-top:30px; }
	.specifications-tabs-container { margin-left:-25px !important; }

	.panel .tabs.contained { height:auto; padding-bottom:5px; }
	.panel .tabs.contained dd { float:none; }
	.panel .tabs.contained dd a { line-height:30px; height:30px; padding:0 10px; border-bottom:1px solid #e6e6e6; }
	.panel .species-tabs-container>.the-links ul.tabs-content.contained>li { min-height:0; max-height: 200px; overflow: scroll; }
}

@media screen and (min-width:768px) and (max-width:890px), (max-width:600px) {
	h1 { font-size:31px; }
	h2 { font-size:27px; }
	h3 { font-size:24px; }
	h4, .c4 h4, .contact-block h4, .heading-points h3, .heading-box h2, .contact-block h3 { font-size:21px; }
	.heading-points .columns, .contact-block { padding:10px 20px 20px; } ul.tabs-content.contained>li { padding:12px; }
	.info-text { font-size:13px; } #content-info .ten { padding-left:0; }
}

@media screen and (max-width:767px) {
	.row { width:580px; margin:0 auto; }
	#content.seven { padding-right:40px; }

	.header { padding-left:20px; padding-right:20px; }
	.header .logo.columns { float:left; }
	.header .menu.columns { float:right; height:auto; }
	.header .primary-links, .fake-flyout-bar { display:none; }
	.header .contact-links { margin-top:2px; }
	.order-now { margin-top:1px; font-size:16px; }
	.header .contact-links li { margin-bottom:12px; }
	.contact-links li a { font-size:9px; }
	.heading-detail { padding:15px; }
	.heading-detail h1 { padding:15px 30px; width:auto; background:rgba(0,0,0,0.3); }
	.heading-detail h1 br { display:none; } body.page-has-primary-submenu #main { margin-top:0; } a.offcanvas-nav-toggle { text-decoration:none !important; float:right; color:#fff; font-size:43px; line-height:1; padding:4px 15px 6px; margin:-6px -5px; -moz-transition:all 0.1s linear; -webkit-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; }

	a.offcanvas-nav-toggle:hover, a.offcanvas-nav-toggle:active, a.offcanvas-nav-toggle:focus { color:#fff; text-shadow:0 0 13px rgba(255,255,255,0.7); }
	body.offcanvas-nav-active a.offcanvas-nav-toggle { box-shadow:inset 0 1px 9px rgba(0,0,0,0.3); color:#222; background:#fff; }
	.offcanvas-nav { display:block; box-shadow:inset 0 0 20px rgba(0,0,0,0.2), 0 0 10px rgba(0,0,0,0.3); position:absolute; top:0; left:-320px; width:100%; background:#336633; width:240px; min-height:100%; -moz-transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out; -o-transition:all 0.4s ease-out; transition:all 0.4s ease-out; }
	body.offcanvas-nav-active .offcanvas-nav { left:0; }
	.offcanvas-nav .nav-bar { box-shadow:none; background:none !important; }
	.offcanvas-nav .nav-bar li { box-shadow:none; position:relative; border:0 !important; }
	.offcanvas-nav .nav-bar>li>a { border-bottom:1px solid rgba(255,255,255,0.2); color:#fff; text-transform:uppercase; font-size:17px; padding:3px 25px; }
	.offcanvas-nav .nav-bar li:hover { background:none !important; }
	.offcanvas-nav .nav-bar li:hover>a, .offcanvas-nav .nav-bar li.active>a, .offcanvas-nav .nav-bar li.current-menu-ancestor>a { background:#f6f2ed; color:#48643e; }
	.offcanvas-nav .nav-bar li.active>a, .offcanvas-nav .nav-bar li.current-menu-ancestor>a:first-child { font-weight:800; }
	.offcanvas-nav .nav-bar li.has-flyout:hover>.flyout { display:block !important; }
	.offcanvas-nav .nav-bar li.has-flyout>a.flyout-toggle { background:none !important; border:0 !important; position:absolute; right:0; top:0; padding:23px 25px; z-index:2; display:block; }
	.offcanvas-nav .nav-bar li.has-flyout>a:first-child:after { content:""; display:block; width:0; height:0; border:solid 7px; border-color:#ccc transparent transparent transparent; position:absolute; right:20px; top:19px; }
	.offcanvas-nav .nav-bar .flyout { background:#30432a !important; border:0; }
	.offcanvas-nav .nav-bar .flyout>li { border-bottom:1px solid rgba(255,255,255,0.2) !important; }
	.offcanvas-nav .nav-bar .flyout>li>a { box-shadow:none; border:0; padding:11px 25px; text-transform:uppercase; background:none; color:#fff; }
	.offcanvas-nav .nav-bar .flyout>li.active>a, .offcanvas-nav .nav-bar .flyout>li.current-menu-ancestor>a:first-child { background:rgba(255,255,255,0.1) !important; }
	.offcanvas-nav .nav-bar .flyout>li:hover, .offcanvas-nav .nav-bar .flyout>li:hover>a { background:none; }
	.offcanvas-nav .nav-bar li.has-flyout:hover>a:first-child:after { border-top-color:#999; }
	.offcanvas-nav .nav-bar .flyout li.has-flyout>a:first-child:after { border:solid 5px; border-color:#ccc transparent transparent transparent; position:absolute; right:18px; top:16px; }
	.offcanvas-nav .nav-bar .flyout .flyout { padding-left:15px; padding-bottom:9px; }
	.offcanvas-nav .nav-bar .flyout .flyout>li { border-bottom:0 !important; }
	.offcanvas-nav .nav-bar .flyout .flyout>li>a { padding:6px 25px; font-size:14px; text-transform:none; }
	.offcanvas-nav .nav-bar .flyout .flyout>li.active>a, .offcanvas-nav .nav-bar .flyout .flyout>li.current-menu-ancestor>a:first-child { background:none !important; text-decoration:underline; }
	.offcanvas-nav .nav-bar .flyout .flyout>li.has-flyout>a:first-child:after { border:solid 4px; border-color:#ccc transparent transparent transparent; position:absolute; right:18px; top:14px; }
	.offcanvas-nav .nav-bar .flyout .flyout .flyout { padding-bottom:0; }
	.offcanvas-nav .contact-links { list-style:none; margin:0; display:none; }
	.offcanvas-nav .contact-links li a { font-size:15px; color:#eee; text-transform:uppercase; display:block; padding:2px 25px; }

	#content-info { padding:15px 30px; }
	#content-info img { /*width:130px;*/ }
	#content-info .ten { padding-top:10px; padding-left:15px !important; }
	.textwidget .contact-block, #sidebar .widget .menu { margin:20px auto !important; float:none !important; max-width:300px; width:90% !important; }
	.textwidget .contact-block { margin-bottom:20px !important; }
	.specifications-tabs-container { margin-left:-15px !important; }

	.specifications-tabs-container .mobile-one { width:30% !important; }
	.specifications-tabs-container .mobile-three { width:70% !important; }
	.specifications-tabs-container ul.tabs-content.contained { max-width:320px; }
	.species-tabs-container>.the-boxes ul.tabs-content.contained { margin-left:-25px; }
	.species-tabs-content.simple-vertical li { width:280px; }

	.social-right { text-align: left; }
	#content-info .columns { margin-bottom: 10px; }

	.no-right { padding-right:15px; }
	.no-left { padding-left:15px; }
}

@media screen and (max-width:600px) {
	.row { width:460px; }
	.header { padding-left:10px; padding-right:10px; }
	.header .contact-links { display:none; }
	.order-now span { display:none; }
	.order-now { font-size:20px; margin-top:10px; }

	a.offcanvas-nav-toggle { margin-top:8px; font-size:45px; padding:7px 16px; }
	.offcanvas-nav .contact-links { display:block; }

	.heading-detail { padding:7px; }
	.heading-detail h1 { padding:10px 15px; font-size:25px; }
	.heading-detail h1 br { display:none; }
	.specifications-tabs-container .mobile-one { width:35% !important; }
	.specifications-tabs-container .mobile-three { width:65% !important; }
	.specifications-tabs-container ul.tabs-content.contained { max-width:215px; }
	.species-tabs-container>.the-boxes ul.tabs-content.contained { margin-left:-35px; }
	.species-tabs-content.simple-vertical li { width:240px; }
}

@media screen and (max-width:479px) {
	.row { width:400px; }

	.header h1 img { width:150px; }
	.order-now { font-size:18px; margin-top:4px; }

	a.offcanvas-nav-toggle { margin-top:4px; }
	.heading-points .columns { width:100% !important; float:none; }
	.heading-detail h1 { padding:10px 15px; font-size:21px; }
	.specifications-tabs-container ul.tabs-content.contained { max-width:190px; }
	.species-tabs-container>.the-links { width:100% !important; }
	.species-tabs-container>.the-boxes { margin-top:15px; width:100% !important; }
	.species-tabs-container>.the-boxes ul.tabs-content.contained { margin-left:0; margin-top:0 !important; bottom:none !important; position:relative !important; }
	.species-tabs-container .info-text { display:none; }
	.species-tabs-container>.the-boxes ul.tabs-content.contained { margin-left:0 !important; padding-left:15px !important; }
	.species-tabs-content.simple-vertical li { width:100%; max-width:280px; margin:0 auto !important; }
	.mouldings-grid li { width:100% !important; }
	ul.tabs-content a {
		margin: 9px 0;
		min-height: 32px;
	}
}

@media screen and (max-width:400px) {
	.header h1 img { width:140px; }
	.order-now { margin-top:2px; }
	.heading-detail { padding:0px; }
	.heading-detail h1 { padding:15px 22px; }
}

.post-type-archive-infographics .end img { max-height: 260px; min-width: 200px; }
.postid-2216 #lightbox { top: 0 !important; }


.home-melamine-banner .row {
	position: relative;
	margin: -15px -25px 15px;
	background: #30432a;
	padding-left: 30px;

}

.home-melamine-banner h3 {
	font-size: 20px;
	color: #fff;
	font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;

}

.home-melamine-banner .button {
	color: #ba9545;
	background: #00000029;
	margin: 5px 28px 0 0;
}

.melamine-block .button {
	background: #9A4426;
	display:block;
	margin-top: 17px;
	float: none;
}

.post-567 .panel  {
	display: none;
}