/*   
Theme Name: Truwood Artisans
Description: Truwood Artisans website
Author: Odvod Media
Version: 1
*/


/* default
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}									

article, aside, figure, footer, header, hgroup, nav, section {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites, like, say for Google Maps custom placemarkers. 
   There has been a report of problems with standard Google maps as well, but we haven't been able to duplicate or diagnose the issue. */
img,
object,
embed {width: 100%; height:auto}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color:#6783a8; text-decoration:none; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
a:hover{ text-decoration:none}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

h1,h2,h3,h4,h5,h6{ font-weight:400}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}
 
/* Accessible focus treatment
	people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

 canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  

.clear { clear: both; }

.hide { display: none !important; }

img { display: block; }
.home img { transition: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; }

.container { position: relative; display: block; }

strong { font-weight: 700; }

.left { position: relative; float: left; }
.right { position: relative; float: right; }

a.tel, a.tel:hover { color: #121212; cursor: default; }

/*** site styles ***/

html, BODY { height: 100%; }
BODY { background: #d5d5d5; font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3; color: #121212; text-align: center; }

h1 { font-weight: 400; color: #121212; font-size: 30px; line-height: 1; margin: 0 0 20px; padding: 0; text-transform: uppercase; }
h2 { font-weight: 700; color: #121212; font-size: 30px; line-height: 1.3; margin: 0 0 12px; padding: 0; }
h3 { font-weight: 400; color: #393939; font-size: 30px; line-height: 1.2; margin: 0 0 12px; padding: 0; }
h4 { font-weight: 400; color: #969696; font-size: 26px; line-height: 1; margin: 0 0 12px; padding: 0; }

p { padding: 0 0 20px; margin: 0; line-height: 1.3; }
p:last-child, p:last-of-type { padding-bottom: 0; }
p + h3 { padding-top: 30px; }
p:last-child + h3, p:last-of-type + h3 { padding-top: 45px; }

p + h2 { padding-top: 20px; }

a { color: #6783a8; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }

ul, ol { padding: 0 0 20px; margin: 0; }
ul:last-of-type, ol:last-of-type { padding-bottom: 0; }
ul li, ol li { list-style-type: disc; margin: 0 0 0 25px; padding: 2px 0; }
ol li { list-style-type: decimal; }
p:last-of-type + ul, p:last-of-type + ol { padding-top: 17px; }
ul:last-of-type + p, ol:last-of-type + p { padding-top: 0; }
ul:last-child + h3, ul:last-of-type + h3, ol:last-child + h3, ol:last-of-type + h3 { padding-top: 45px; }


#flyout-menu { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100%; padding: 40px 0 0; background: #989898; text-align: left; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 99999; }
#flyout-menu a.close-btn { position: absolute; top: 5px; right: 20px; font-size: 24px; color: #FFF; }
#flyout-menu a.close-btn:hover { color: #333; }
#flyout-menu ul { margin: 0; padding: 0; }
#flyout-menu ul ul { margin-bottom: 10px; }
#flyout-menu li { margin: 0; padding: 0; display: block; text-align: center; }
#flyout-menu li a { display: block; padding: 10px 20px; font-size: 20px; color: #FFF; line-height: 1; text-transform: uppercase; text-decoration: none; box-sizing: border-box; -moz-box-sizing: border-box; }
#flyout-menu li a:hover { background: #333; color: #FFF; text-decoration: none; }
#flyout-menu li li a { font-size: 18px; text-transform: none; padding: 8px 20px; }

#site { position: relative; display: block; width: 100%; max-width: 1200px; margin: 0 auto; background: #FFF; -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.08); box-shadow: 0 0 10px 0 rgba(0,0,0,.08); overflow: hidden; }




#header { position: relative; display: block; height: 130px; width: 100%; z-index: 9999; }
.home #header { height: 145px; }
#header .top { position: relative; display: block; height: 71px; border-bottom: 1px solid #333333; background: url(images/header-top.jpg) center top; margin-bottom: 13px; }

#logo { position: absolute; top: 20px; left: 50%; display: block; width: 100px; margin: 0 0 0 -50px; padding: 0; z-index: 100; }
#logo img { position: relative; display: block; }
#logo h2 { text-indent: -9999px; overflow: hidden; font-size: 1px; border: none; line-height: 1; height: auto; margin: 0; padding: 0; }

#menu { position: relative; display: block; }
#menu .left, #menu .right { position: relative; display: block; width: 42.083333%; }
#menu ul { margin: 0; padding: 0; float: right; }
#menu .right ul { float: left; }
#menu li { position: relative; list-style-type: none; margin: 0 0 0 50px; padding: 0; line-height: 1; float: left; }
#menu li:first-child { margin-left: 0; margin-right: 0; }
#menu li a { font-size: 14px; line-height: 1; color: #989898; text-transform: uppercase; border-bottom: 1px solid #fff; }
#menu li > a:hover, #menu li:hover > a, #menu li.current-menu-item > a, #menu li.current-menu-parent > a, #menu li.current_page_parent > a { color: #989898; border-bottom: 1px solid #333333; }

#menu li ul { position: absolute; display: none; width: 110px; padding: 10px 10px 1px; margin: 0 0 0 -10px; background: #fff; opacity: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
#menu li:hover ul { display: block; opacity: 1; }
#menu li li { display: block; float: none; height: auto; margin: 0; padding: 4px 0 5px; line-height: .6; border: none; background: #FFF; text-align: left; }
#menu li li a, #menu li li:hover a { font-size: 12px; color: #121212; line-height: 1.1; margin: 0; padding: 0; border: none !important; }
#menu li li a:hover, #menu li li.current-menu-item > a { color: #121212; text-decoration: underline; border: none; padding: 0; }

#flyout { position: absolute; top: 20px; right: 30px; display: none; text-align: right; z-index: 999999; }
#flyout a.icon-menu { color: #989898; font-size: 24px; line-height: 1; text-decoration: none; margin: 0; transition: all .4s; -moz-transition: all .4s; -webkit-transition: all .4s; -o-transition: all .4s; }
#flyout a.icon-menu:hover { color: #000; }


.banner-wrapper { position: relative; display: block; padding: 0 60px; }
.banner-wrapper .banners { position: relative; display: block; }
.banner-wrapper .banners .banner { position: relative; display: block; width: 100%; overflow: hidden; }
.banner-wrapper .banner-cover { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; padding: 10px; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 9998; }
.banner-wrapper .banner-cover:after { position: relative; display: block; width: 100%; height: 100%; border: 1px solid #fff; content: ''; box-sizing: border-box; -moz-box-sizing: border-box; }
.banner-wrapper .cycle-pager { position: absolute; bottom: 10px; display: block; width: 100%; z-index: 9999; }
.banner-wrapper .cycle-pager span { color: #b7aba2; font-size: 26px; line-height: 1; margin: 0 1px; cursor: pointer; }
.banner-wrapper .cycle-pager span.cycle-pager-active { color: #fff; }


.content { position: relative; display: block; padding: 0 60px; text-align: left; }
.home .content { padding: 0 140px; }
.content .content-inner { position: relative; display: block; padding: 65px 0 90px; border-top: 1px solid #7c7c7c; }
.home .content .content-inner { padding: 50px 0; border-top: none; }
.content + .content { padding-top: 0; }

.content ul, .content ol { margin: 0 0 30px 0; padding: 20px 0 0; }
.content ul li, .content ol li { margin: 0 0 5px 25px; padding: 0; line-height: 1.5; }
.content p + ul, .content p + ol { margin-top: -20px; }
.content p:last-of-type + ul, .content p:last-of-type + ol { margin-top: 0; }
.content ul:last-of-type, .content ol:last-of-type { margin-bottom: 0; }

.content .content-row { position: relative; display: block; }

.collection-wrapper { position: relative; display: block; margin: 0 0 0 -10px; text-align: center; }
.collection-wrapper .collection { position: relative; display: block; width: 33.3333%; padding: 0 0 0 10px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.collection-wrapper .collection a { position: relative; display: block; margin: 0 0 10px; }
.collection-wrapper .collection a .logo { position: absolute; top: 50%; left: 0; display: block; width: 100%; margin-top: -40px; z-index: 10; }
.collection-wrapper .collection.collection-3 a .logo { margin-top: -30px; }
.collection-wrapper .collection a .logo img { width: auto; height: 80px; margin: 0 auto; }
.collection-wrapper .collection.collection-3 a .logo img { height: 60px; }
.collection-wrapper .collection a .wood { position: relative; display: block; opacity: .3; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; z-index: 1; }
.collection-wrapper .collection a:hover .wood { opacity: 1; }
.collection-wrapper .collection h5 { font-size: 12px; color: #989898; text-transform: uppercase; margin: 0; padding: 0; }


.content .content-split { position: relative; display: block; }
.content .content-split .content-row:first-child { margin-bottom: 30px; }
.page-template-page-about .content .content-split .content-row:first-child { margin-bottom: 0; }
.content .content-split .left, .content .content-split .right { width: 47.2222%; }
.content #map { height: 385px; }
.content .map-window { position: absolute; top: 40px; left: 50px; display: block; width: 44%; background: #FFF; padding: 20px 25px; font-size: 16px; color: #121212; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .map-window h3 { font-weight: 600; color: #7c7c7c; font-size: 19px; text-transform: uppercase; margin-bottom: 10px; }
.content .map-window hr { border: none; border-bottom: 1px solid #121212; margin: 0 0 3px; padding: 12px 0 0; }
.content .map-window p { line-height: 1.2; }
.content .map-window a { color: #121212; }
.content .map-window a:hover { color: #7c7c7c; }


.content .post-img { postion: relative; display: block; margin: 0 0 20px; }
.content .post-img:last-of-type { margin-bottom: 0; }

.content .quote-box { position: relative; display: block; }
.content .post-img + .quote-box { padding-top: 50px; }
.content .quote { position: relative; display: block; padding: 0 80px 0 45px; color: #7c7c7c; }
.content .quote:before { position: absolute; top: 0; left: 0; display: block; width: 26px; height: 19px; content: ''; background: url(images/quote-open.png) no-repeat; }
.content .quote:after { position: absolute; top: 0; right: 0; display: block; width: 26px; height: 19px; content: ''; background: url(images/quote-close.png) no-repeat; }

.single-collection .content .content-row { padding-top: 30px; }
.single-collection .content .content-row:first-child { padding-top: 0; }
.content .collection-logo { position: relative; display: block; width: 17.326733%; float: left; }
.content .collection-content { position: relative; display: block; width: 68.316832%; padding: 0 0 0 40px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }

.content .collection-item { position: relative; display: block; padding: 5px 5px 0; background: #FFF; margin: 0 0 50px; }
.content .collection-item:last-child { margin-bottom: 0; }
.content .collection-item .collection-item-title { position: relative; display: block; padding: 15px 0; text-align: center; }
.content .collection-item .collection-item-title h2 { font-size: 16px; font-weight: 400; text-transform: uppercase; margin: 0; padding: 0; line-height: 1; }
.content .collection-item .collection-item-btn { position: relative; display: block; text-align: center; }
.content .collection-item .collection-item-btn a { display: inline-block; color: #000000; font-size: 16px; text-transform: uppercase; line-height: 1; padding: 7px 0 10px; }
.content .collection-item .collection-item-btn a:hover { color: #f1b434; }
.content .collection-item .collection-item-images { position: relative; display: block; margin-left: -5px; }
.content .collection-item .collection-item-images .collection-box { position: relative; display: block; width: 50%; padding: 0 0 5px 5px; opacity: 0; float: left; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .collection-item .collection-item-images .box { position: relative; display: block; width: 50%; float: left; overflow: hidden; }
.content .collection-item .collection-item-images .box .collection-box { width: 100%; }
.content .collection-item .collection-item-images .collection-box .collection-box-inner { position: relative; display: block; overflow: hidden; }
.content .collection-item .collection-item-images .collection-box .collection-box-bg { position: relative; display: block; background-position: center top; background-size: 100%; }
.content .collection-item .collection-item-images .collection-box.collection-text .collection-box-inner { padding: 50px 30px; color: #000000; font-size: 16px; }
.content .collection-item .collection-item-images .collection-box p.read-more { text-align: center; }
.content .collection-item .collection-item-images .collection-box p.read-more a { font-family: "futura-pt", sans-serif; display: inline-block; border: 1px solid #ab907e; background: rgba(255,255,255,.7); color: #000; padding: 7px 15px; font-size: 12px; line-height: 1; text-transform: uppercase; }
.content .collection-item .collection-item-images .collection-box p.read-more a:hover { background: rgba(255,255,255,1); color: #000; }

.content .collection-item .collection-full-text { position: absolute; top: 51px; left: 5%; display: none; width: 90%; background: #FFF; border: 2px solid #333; z-index: 10; -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.75); }
.content .collection-item .collection-full-text .collection-full-text-inner { position: relative; display: block; padding: 30px; }
.content .collection-item .collection-full-text a.close-btn { position: absolute; top: 10px; right: 10px; }


.content div.wpcf7 { width: 100%; padding: 0; }
.content .wpcf7-form p { padding: 0; margin: 0 0 10px; width: auto; }
.content .wpcf7-form span { display: block; border: none; background: #e8e8e8; padding: 10px 10px; box-sizing: border-box; -moz-box-sizing: border-box; }
.content .wpcf7-form input, .content .wpcf7-form textarea, .content .wpcf7-form select { font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 13px; color: #121212; }
.content .wpcf7-form input[type="text"], .content .wpcf7-form input[type="email"], .content .wpcf7-form textarea, .content .wpcf7-form select { width: 100%; border: none; outline: 0; padding: 0; margin: 0; background: none; line-height: 1.2; }
.content .wpcf7-form textarea { height: 130px; }
.content .wpcf7-form .captcha .wpcf7-captchac { width: 180px; background: #363636; margin-bottom: 10px; }
.content .wpcf7-form .captcha span.wpcf7-form-control-wrap { width: 180px; }
.content .wpcf7-form .wpcf7-recaptcha { margin: 0 0 10px; }
.content .wpcf7-form input.wpcf7-submit { color: #FFF; font-size: 20px; padding: 10px 25px; outline: 0; border: none; background: #121212; text-transform: uppercase; transition: all .6s; -moz-transition: all .6s; -webkit-transition: all .6s; -o-transition: all .6s; }
.content .wpcf7-form input.wpcf7-submit:hover { background: #e8e8e8; color: #000; }
.content .wpcf7-form img { width: auto; }
.content .wpcf7 .ajax-loader { float: right; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.content div.wpcf7-validation-errors { background: #fff; }
.content div.wpcf7-response-output { margin-top: 0; font-size: 20px; color: #000; margin: 0; padding: 6px 10px; }
.content .wpcf7-form span.wpcf7-not-valid-tip { position: absolute; top: 0; right: 0; background: #ee4542; color: #fff; font-size: 15px; padding-top: 4px; white-space: nowrap; }
.content .wpcf7-form .captcha span.wpcf7-not-valid-tip { right: -100%; }
.content div.wpcf7-validation-errors { border-color: #000; font-size: 16px; }
.placeholder { color: #249140; }


.content .checkbox-section { background: #e8e8e8; font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 13px; color: #121212; }
.content .checkbox-section > span { padding-bottom: 0; }
.content .checkbox-section span.wpcf7-form-control-wrap { padding-bottom: 10px; padding-top: 0; }
.content .wpcf7-form span.wpcf7-checkbox { padding: 0; margin: 0; }
.content .wpcf7-form .wpcf7-checkbox span { padding: 5px 0; font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 13px; color: #121212; }
.content .wpcf7-form .wpcf7-checkbox .wpcf7-list-item > label { display: grid; grid-template-columns: auto 1fr; gap: 0 10px; }
.content .wpcf7-form .wpcf7-checkbox .wpcf7-list-item > label input { margin-top: 7px; }


#footer { position: relative; display: block; width: 100%; text-transform: uppercase; color: #989898; border-top: 1px solid #333333; padding: 20px 30px 15px; box-sizing: border-box; -moz-box-sizing: border-box; }
#footer .col { position: relative; display: block; width: 33.3333%; padding: 0 30px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; z-index: 10; }
#footer .col.col-1 { text-align: left; font-size: 13px; padding-top: 0; }
#footer .col.col-3 { text-align: right; font-size: 10px; padding-top: 5px; }
#footer a { color: #989898; text-decoration: underline; }
#footer a.tel { color: #7c7c7c; text-decoration: none; }
#footer a:hover { color: #989898; text-decoration: none; }
#footer a.tel:hover { color: #7c7c7c; }
#footer img { max-width: 100%; width: auto; margin: 0 auto; }
#footer strong { color: #666; }
#footer .bg { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; z-index: 1; }
#footer .bg img { height: 100%; }

#footer .social { position: relative; display: block; padding: 3px 0 0; }
#footer .social a { text-decoration: none; margin-left: 10px; font-size: 18px; }
#footer .social a:first-child { margin-left: 0; }
#footer .social a:hover { color: #000; }



.loading { position: fixed; top: 0; display: none; width: 100%; height: 100%; background: #FFF url(images/ajax-loader.gif) center center no-repeat; z-index: 999999999999; }
.loading .loading-inner { position: fixed; top: -60px; display: block; width: 100%; height: 100%; background: url(images/logo.svg) center center no-repeat; }

input.placeholder, textarea.placeholder { color: #121212; font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 13px; padding-top: 2px; }
::-webkit-input-placeholder { /* WebKit browsers */
	color:    #121212;
	font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 13px; padding-top: 4px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #121212;
	font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 13px; padding-top: 2px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #121212;
	font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 13px; padding-top: 2px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color:    #121212;
	font-family: "adobe-garamond-pro", sans-serif; font-weight: 400; font-size: 13px; padding-top: 2px;
}

@viewport { width: auto; }



@media only screen and (max-width: 1024px) {
	
	#header { height: 200px; }
	.content { padding-left: 40px; padding-right: 40px; }
	.home .content { padding-left: 100px; padding-right: 100px; }
	
	#footer { padding-left: 20px; padding-right: 20px; }
	#footer .col { padding-left: 20px; padding-right: 20px; }
	
}

@media only screen and (max-width: 900px) {
	
	.home .content { padding-left: 60px; padding-right: 60px; }
	
	.content .map-window { top: 20px; left: 20px; width: 59%; }
	.content .post-img + .quote-box { padding-top: 10px; }
	.content .quote { padding: 0 40px; }
	
	#footer .col.col-3 { padding-top: 0; }
	
}

@media only screen and (max-width: 800px) {
	
	.collection-wrapper .collection a .logo { margin-top: -30px; }
	.collection-wrapper .collection a .logo img { height: 60px; }
	.collection-wrapper .collection.collection-3 a .logo { margin-top: -20px; }
	.collection-wrapper .collection.collection-3 a .logo img { height: 40px; }
	
	.content .map-window { font-size: 15px; padding: 12px 15px; width: 58%; }
	
	.content .collection-logo { width: 20%; }
	.content .collection-content { width: 80%; }
	
}

@media only screen and (max-width: 768px) {
	
	.banner-wrapper { padding: 0 30px; }
	.home .content { padding: 0 30px; }
	.content .content-inner { padding: 60px 0; }
	.home .content .content-inner { padding: 30px 0; }
	
	#footer { padding-left: 15px; padding-right: 15px; }
	#footer .col { padding-left: 15px; padding-right: 15px; }
		
}

@media only screen and (max-width: 667px) {
	
	#header { height: 140px; }
	
	#menu { display: none; }
	#flyout { display: block; }
	
	.content .content-inner { border-top: none; padding: 10px 0 60px; }
	.content .content-split .left, .content .content-split .right { width: 100%; }
	.content .content-split .right { padding-top: 30px; }
	.page-template-page-contact .content .content-split .content-row .left { margin-bottom: 30px; }
	.page-template-page-contact .content .content-split .content-row:first-child { margin-bottom: 0; }
	
	.content .map-window { font-size: 16px; padding: 20px 25px; width: 45%; }
	
	.single-collection .content .content-inner { padding: 30px 0 10px; }
	.content .collection-item .collection-item-images .collection-box.collection-text .collection-box-inner { padding: 20px; font-size: 15px; }
	
	p + h3 { padding-top: 15px; }
	p:last-child + h3, p:last-of-type + h3, ul:last-child + h3, ul:last-of-type + h3, ol:last-child + h3, ol:last-of-type + h3 { padding-top: 30px; }
	
}

@media only screen and (max-width: 600px) {
	
	.banner-wrapper { padding: 0 20px; }
	.banner-wrapper .cycle-pager span { fon-size: 20px; }
	.content, .home .content { padding: 0 20px; }
	
	#footer { padding-left: 10px; padding-right: 10px; }
	#footer .col { padding-left: 10px; padding-right: 10px; }

}

@media only screen and (max-width: 480px) {
	
	h1 { font-size: 26px; }
	h3 { font-size: 26px; }
	
	#header { height: 125px; }
	#header .top { height: 61px; }
	#logo { width: 80px; margin-left: -40px; }
	#flyout { right: 10px; }
	
	.banner-wrapper { padding: 0 10px; }
	.home .content { padding: 0 80px; }
	.home .content .content-inner { padding: 20px 0 40px; }
	
	.collection-wrapper .collection { width: 100%; float: none; padding-top: 25px; }
	.collection-wrapper .collection:first-child { padding-top: 0; }
	.collection-wrapper .collection a .logo { margin-top: -40px; }
	.collection-wrapper .collection a .logo img { height: 80px; }
	.collection-wrapper .collection.collection-3 a .logo { margin-top: -30px; }
	.collection-wrapper .collection.collection-3 a .logo img { height: 60px; }
	
	.content .map-window { width: 49%; }
	
	.content .wpcf7-form input.wpcf7-submit { font-size: 16px; }
	
	.content .collection-item .collection-item-images .collection-box { width: 100%; }
	
	#footer { padding-left: 10px; padding-right: 10px; padding-bottom: 5px; }
	#footer .col { width: 100%; padding: 0 0 15px !important; text-align: center !important; float: none; }
	
}

@media only screen and (max-width: 420px) {
	
	.content, .home .content { padding: 0 10px; }
	
	.content .map-window { font-size: 15px; padding: 12px 15px; width: 58%; }
	
	.content .collection-logo { width: 100%; }
	.content .collection-logo img { max-width: 35%; margin: 0 auto 30px; }
	.content .collection-content { width: 100%; padding-left: 0; padding-top: 20px; float: none; }
	
	p + h3 { padding-top: 5px; }
	p:last-child + h3, p:last-of-type + h3, ul:last-child + h3, ul:last-of-type + h3, ol:last-child + h3, ol:last-of-type + h3 { padding-top: 20px; }
	
}

@media only screen and (max-width: 320px) {
}



@media only screen and (min-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
	
}

@media only screen and (max-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
	
}