/* Theme Name: Cancast Theme URI: http://thechurch.co.nz/ Author: The Church Author URI: http://thechurch.co.nz/ Description: Cancast Website Theme Version: 1.0 */ /* Reset CSS */ html,body,div,span,applet,object,iframe,input,img,h1,h2,h3,h4,h5,h6,hr,p,a,strong,sub,sup,dl,dt,dd,ol,fieldset,form,label,legend,table,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0 } header,nav,section,article,footer,video,audio,hgroup,aside { display:block } :focus { outline:0 } html,body { width:100%; height:100% } body { color:black; background:white; font:normal 12px/16px Arial, Helvetica, sans-serif } a { cursor:pointer } table { border:0 } img { border:0; display:block; } caption,th,td { text-align:left; vertical-align:top; font-weight:inherit; font-family:inherit; font-size:inherit; font-style:inherit } blockquote:before,blockquote:after,q:before,q:after { content:"" } blockquote,q { quotes:"" "" } .clear { clear:both } .clearfix:after { content:"."; height:0; clear:both; display:block; visibility:hidden } .errors, .error { color:#F00 } /* Assistive text */ .assistive-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } #access a.assistive-text:active, #access a.assistive-text:focus { background: #eee; border-bottom: 1px solid #ddd; color: #1982d1; clip: auto !important; font-size: 12px; position: absolute; text-decoration: underline; top: 0; left: 7.6%; } /* Rest of stylesheet */ .clear { clear:both; } .mobile { display:none; } html,body { font-family:'proxima-nova', sans-serif; color:#3b3e3e; font-size:16px; line-height:1.5em; min-width:320px; } /* Header */ header#site-header { height:111px; border-bottom:3px solid #ebeaea; } header#site-header > div.inner { max-width:960px; margin:0 auto; } header#site-header h1 { float:left; margin-top:48px; } header#site-header h1::before,header#site-header h1::after { display:none; } header#site-header h1 a { } header#site-header h1 a img { } header#site-header #primary-navigation { float:right; } header#site-header #primary-navigation ul { padding:0; margin:42px 0 0; } header#site-header #primary-navigation ul li { float:left; list-style:none; display:block; } header#site-header #primary-navigation ul li a { border-left:2px solid #e8e8e8; display:block; float:left; line-height:69px; text-transform:uppercase; text-decoration:none; color:#707070; text-align:center; font-size:16px; padding:0 21px; font-weight:600; letter-spacing:1px; } header#site-header #primary-navigation ul li a:hover, header#site-header #primary-navigation ul li.current-menu-item a { color:#c51230; } /* Content */ #content h1 { font-size:1.51em; text-align:center; text-transform:uppercase; color:#434343; letter-spacing:1px; } #content h1::before,h1::after { content:''; display:inline-block; background:#b0b0b0; height:1px; width:100px; margin:0 10px; vertical-align:middle; position:relative; bottom:0.1em; } #content h2 { font-weight:normal; font-size:1.51em; font-family:'Chronicle Display A', 'Chronicle Display B', serif; line-height:1.5em; margin:20px 0; } #content h3 { font-size:1.0em; color:#434343; font-weight:700; line-height:1.2em; text-transform:uppercase; letter-spacing:1px; } #content p { font-size:1em; line-height:1.8em; margin:20px 0; font-family:'Chronicle Display A', 'Chronicle Display B', serif; } #content a { color:#434343; } #content a:hover { text-decoration:none; color:#787878; } /* Footer */ footer#site-footer { background:#191919; color:#eee; font-weight:bold; border-bottom:3px solid #3b3e3e; text-transform:uppercase; font-size:0.75em; height:39px; padding-top:45px; } footer#site-footer > div.inner { margin:0 auto; max-width:960px; position:relative; } footer#site-footer a { letter-spacing:1px; } footer#site-footer a { text-decoration:none; color:#eee; } footer#site-footer a:hover { text-decoration:underline; color:#fff; } footer#site-footer p.site_name { float:left; } footer#site-footer #footer-navigation { float:right; } footer#site-footer #footer-navigation ul { margin:0; } footer#site-footer #footer-navigation ul li { float:left; list-style:none; margin-left:20px; } footer#site-footer #footer-navigation ul li a { } /* Modal windows */ .modal_overlay { position:fixed; width:100%; height:100%; background:#6E6E6E; opacity:0.8; filter:alpha(opacity=80); top:0; left:0; z-index:200; } .modal_container { position:absolute; width:1px; height:1px; top:50%; left:50%; z-index:1010; display:none; } .modal_outer { position:absolute; background:#dedede; padding:50px 40px 80px; } .modal_inner { height:100%; } .modal_close { position:absolute; top:-20px; right:-20px; z-index:1020; width:54px; height:54px; background:url('images/products_icon_sprite.png') no-repeat 0 0; } /* TEMPLATES */ /* Standard Page */ #content.standard_page .content { padding:40px 0; } #content.standard_page .content.grey { background:url('images/content_grey_bg.gif') repeat 0 0; border-top:4px solid #ebeaea; } #content.standard_page .content.white { background:#fff; border-top:5px solid #ebeaea; } /* Full-width slider */ #content.standard_page .content.full_width_slider { width:100%; overflow:hidden; padding:0; background-color: #191919; height: 400px; position: relative; } #content.standard_page .content.full_width_slider div.slides { position:absolute; left:0; width: 100%; height: 100%; z-index: 1; } #content.standard_page .content.full_width_slider div.slides div.slide { width:100%; height:100%; } #content.standard_page .content.full_width_slider div.slides div.slide span.image { display:block; width:100%; height:100%; background-size: cover; background-position: center center; } #content.standard_page .content.full_width_slider span.heading { text-transform: uppercase; color:#fff; width: 700px; display:block; text-align:center; font-size:26px; font-weight:300; line-height:52px; position:absolute; left:50%; text-shadow:2px 2px 6px #000; letter-spacing:1.2px; margin-left: -350px; } #content.standard_page .content.full_width_slider span.heading p { font-family:'proxima-nova', sans-serif; } #content.standard_page .content.full_width_slider div.slides div.slide span.image span.heading strong { font-weight:600; } #content.standard_page .content.full_width_slider div.slides div.slide span.image span.heading a { color:#fff; } .slider-nav { background: url('images/full_width_slider_arrows.png') no-repeat 0 0; display: block; height: 48px; margin-top: -24px; position: absolute; top: 50%; width: 49px; z-index: 200; } .slider-prev { left: 75px; } .slider-next { background-position: -49px; right: 75px; } #content.standard_page .content.full_width_slider .slider-dots { position:absolute; bottom:27px; width:100%; z-index:9999; } #content.standard_page .content.full_width_slider .slider-dots ul { overflow:hidden; *zoom:1; display:table; margin:auto; padding:0; } #content.standard_page .content.full_width_slider .slider-dots li { float:left; display:block; width:8px; height:8px; margin-left:10px; } #content.standard_page .content.full_width_slider .slider-dots li:first-child { margin-left:0; } #content.standard_page .content.full_width_slider .slider-dots li a { display:block; width:100%; height:100%; text-indent:-9999px; background-color:#f2f1f1; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition-property:background-color; -moz-transition-property:background-color; -o-transition-property:background-color; transition-property:background-color; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; } .lte8 #content.standard_page .content.full_width_slider .slider-dots li a { position:relative; behavior:url("PIE.htc"); } #content.standard_page .content.full_width_slider .slider-dots li a:hover { background-color:#fff; } #content.standard_page .content.full_width_slider .slider-dots li.active a { cursor:default; background-color:#c1092c; } /* Standard Content */ #content.standard_page .content.standard_content > div.inner { max-width:800px; margin:0 auto; } /* Products */ #content.standard_page .content.products > div.inner { max-width:960px; margin:0 auto; } #content.standard_page .content.products .products { margin:60px 0 30px; } #content.standard_page .content.products .products .product { float:left; margin:0 2%; position:relative; width: 21%; } .product.first { clear: left; } #content.standard_page .content.products .products .product span.slides { display:block; width: 100%; overflow:hidden; } #content.standard_page .content.products .products .product span.slides img { width:100%; } #content.standard_page .content.products .products .product a { display: block; text-decoration:none; color:#434343; width: 100%; } #content.standard_page .content.products .products .product a img { border: 3px solid #d7d7d7; box-sizing: border-box; } #content.standard_page .content.products .products .product a:hover img { border: 3px solid #595959; } #content.standard_page .content.products .products .product span.name { font-family: 'Roboto Condensed', sans-serif; display:block; text-transform:uppercase; font-weight:400; letter-spacing:1px; text-align:center; margin:25px 0 20px; font-size: 1em; } #content.standard_page .content.products .products .product .slider-dots { position:absolute; bottom:0px; width:100%; z-index:9999; } #content.standard_page .content.products .products .product .slider-dots ul { overflow:hidden; *zoom:1; display:table; margin:auto; padding:0; } #content.standard_page .content.products .products .product .slider-dots li { float:left; display:block; width:8px; height:8px; margin-left:10px; } #content.standard_page .content.products .products .product .slider-dots li:first-child { margin-left:0; } #content.standard_page .content.products .products .product .slider-dots li a { display:block; width:100%; height:100%; text-indent:-9999px; background-color:#d4d4d4; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition-property:background-color; -moz-transition-property:background-color; -o-transition-property:background-color; transition-property:background-color; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; } .lte8 #content.standard_page .content.products .products .product .slider-dots li a { position:relative; behavior:url("PIE.htc"); } #content.standard_page .content.products .products .product .slider-dots li a:hover { background-color:#fff; } #content.standard_page .content.products .products .product .slider-dots li.active a { cursor:default; background-color:#2e9826; } /* The Team */ #content.standard_page .content.the_team { } #content.standard_page .content.the_team > div.inner { max-width:960px; margin:0 auto; overflow-x:hidden; } #content.standard_page .content.the_team .people { width:985px; margin-top:60px; } #content.standard_page .content.the_team .people .person { width:172px; margin-right:25px; float:left; height:250px; text-align:center; } /*#content.standard_page .content.the_team .people .person:nth-child(5n) { margin-right:0; }*/ #content.standard_page .content.the_team .people .person a { text-decoration:none; } #content.standard_page .content.the_team .people .person span.image, #content.standard_page .content.the_team .people .person span.image img { width:172px; height:113px; } #content.standard_page .content.the_team .people .person span.dash { content:''; width:24px; height:1px; background:#b0b0b0; display:inline-block; margin:0 auto; /*position:absolute; left:74px; top:-15px;*/ position:relative; top:18px; } #content.standard_page .content.the_team .people .person span.name { color:#434343; display:block; text-transform:uppercase; position:relative; margin-top:30px; font-weight:600; letter-spacing:1px; font-size:0.9em; } #content.standard_page .content.the_team .people .person span.title { color:#707070; font-family:'Chronicle Display A', 'Chronicle Display B', serif; font-size:0.87em; display:block; line-height:1.17em; } /* The Team */ #content.the_team .content.person { } #content.the_team .content.person > div.inner { max-width:960px; margin:10px auto 0; padding-top:50px; } #content.the_team .content.person h3 { font-size:1.5em; font-weight:400; position:relative; } #content.the_team .content.person h3::before { content:''; position:absolute; top:-50px; left:0; background:#b0b0b0; height:1px; width:45px; } #content.the_team .content.person h3 strong { font-weight:600; } #content.the_team .content.person .info { float:left; width:261px; text-align:center; } #content.the_team .content.person .info .image { width:251px; height:166px; border:5px solid #e8e8e8; display:block; } #content.the_team .content.person .info .name { text-transform:uppercase; font-weight:400; display:block; line-height:1.2em; font-size:1.0em; margin-top:10px; letter-spacing:1px; } #content.the_team .content.person .info .name strong { font-weight:600; display:block; clear:both; } #content.the_team .content.person .info .email { font-style:italic; display:block; font-family:'Chronicle Display A', 'Chronicle Display B', serif; } #content.the_team .content.person .bio { float:right; width:640px; } /* Products */ #content.products { background:url('images/content_grey_bg.gif') repeat 0 0; } #content.products > div.inner { max-width:1000px; width: auto; /* ha! */ margin:0 auto; padding:70px 0 70px; } #content.products .products-list { margin-bottom:50px; overflow: hidden; position: relative; width:auto; } #content.products .products-list .content.product { width: 46%; float:left; margin-top: 60px; margin-left:2%; margin-right:2%; cursor:pointer; } #content.products .products-list .content.product.first { clear: left; } #content.products .products-list .content.product .image { border:7px solid #e8e8e8; width:auto; display:block; } #content.products .products-list .content.product .image img { width:100%; height:auto; } #content.products .products-list .content.product .image:hover { border: 7px solid #595959; } #content.products .products-list .content.product h3 { font-size:1em; letter-spacing:1px; position:relative; margin:28px 0 0 7px; font-weight:600; } /* Single product */ #modal_outer .content.single-product { position:relative; } #modal_outer .content.single-product .slider-dots { position:absolute; bottom:0; width:100%; padding:20px 0; z-index:9999; background-color: rgba(0,0,0,.5); } #modal_outer .content.single-product .slider-dots ul { overflow:hidden; *zoom:1; display:table; margin:auto; padding:0; } #modal_outer .content.single-product .slider-dots li { float:left; display:block; width:8px; height:8px; margin-left:10px; } #modal_outer .content.single-product .slider-dots li:first-child { margin-left:0; } #modal_outer .content.single-product .slider-dots li a { display:block; width:100%; height:100%; text-indent:-9999px; background-color:#f2f1f1; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition-property:background-color; -moz-transition-property:background-color; -o-transition-property:background-color; transition-property:background-color; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; } #modal_outer .content.single-product .slider-dots li a { position:relative; behavior:url("PIE.htc"); } #modal_outer .content.single-product .slider-dots li a:hover { background-color:#fff; } #modal_outer .content.single-product .slider-dots li.active a { cursor:default; background-color:#2e9826; } #modal_outer .content.single-product > div.slides { width:auto; overflow:hidden; } #modal_outer .content.single-product > div.slides div.slide { } #modal_outer .content.single-product > div.slides div.slide img { width:100%; height:auto; } #modal_outer .content.single-product > div.inner { margin:0 166px 0 0; position:relative; } #modal_outer .content.single-product > div.inner div.content h3 { font-family: 'Roboto Condensed', sans-serif; font-size:1.4em; text-transform:uppercase; margin:70px 0 15px; position:relative; } #modal_outer .content.single-product > div.inner div.content p { font-family:'proxima-nova', sans-serif; font-size:1.4em; line-height:1.6em; } #modal_outer .content.single-product > div.inner a.next-product { font-family: 'Roboto Condensed', sans-serif; position:absolute; top:0px; right:-166px; display:block; height:70px; padding:0 0 15px 0; text-decoration:none; color:#434343; text-transform:uppercase; font-size:1.2em; font-weight:600; letter-spacing:1px; } #modal_outer .content.single-product > div.inner a.next-product::after { content:''; background:url('images/products_icon_sprite.png') no-repeat -54px 0; width:49px; height:48px; display:block; position:absolute; left:50%; bottom:0px; margin-left: -24px; } .single-product .slider-nav { background: url('images/project_slider_arrows.png') no-repeat 0 0; height: 29px; margin-top: -14px; top: 50%; width: 20px; } .single-product .slider-prev { left: 20px; } .single-product .slider-next { background-position: -20px; right: 20px; } /* Portfolio */ #content.portfolio { background:url('images/content_grey_bg.gif') repeat 0 0; } #content.portfolio > div.inner { max-width:1600px; margin:0 auto; padding:130px 0 40px; } #content.portfolio .portfolio-list { margin:45px auto; width:100%; overflow:hidden; max-width:800px; display:block; } #content.portfolio .portfolio-list .content.portfolio { position:relative; } #content.portfolio .portfolio-list .content.portfolio a.next-product { position:absolute; top:0px; right:-190px; display:block; width:190px; height:70px; padding:15px 0; text-align:center; text-decoration:none; color:#434343; text-transform:uppercase; font-size:1.2em; font-weight:600; letter-spacing:1px; } /* #content.portfolio .portfolio-list .content.portfolio a.next-product::after { content:''; background:url('images/products_icon_sprite.png') no-repeat -54px 0; width:49px; height:48px; display:block; position:absolute; left:70px; bottom:0px; }*/ #content.portfolio .portfolio-list .content.portfolio .image { width:100%; position:relative; } #content.portfolio .portfolio-list .content.portfolio .image .slider-nav.slider-next { right:25px; top:50% } #content.portfolio .portfolio-list .content.portfolio .image .slider-nav.slider-prev { left:25px; top:50% } #content.portfolio .portfolio-list .content.portfolio .image img { height:auto; height:540px; } #content.portfolio .portfolio-list .content.portfolio .inner { margin:0px; position:relative; } #content.portfolio .portfolio-list .content.portfolio .inner h3 { font-size:1.2em; text-transform:uppercase; margin:85px 0 0; position:relative; } #content.portfolio .portfolio-list .content.portfolio .inner h3::before { content:''; position:absolute; top:-37px; left:0; background:#b0b0b0; height:1px; width:45px; } #content.portfolio .portfolio-list .content.portfolio .inner .content { max-width:100%; } #content.portfolio .portfolio-list .content.portfolio .inner .content p { font-size:1.37em; line-height:1.67em; } #content.portfolio .portfolio-list .content.portfolio .inner .content p:first-child { margin-top:5px; } #content.portfolio .portfolio-list .slider-dots-container { position:absolute; top:0; left:0; width:100%; } #content.portfolio .portfolio-list .slider-dots-container img.placeholder { width:100%; height:auto; } #content.portfolio .portfolio-list .slider-dots-container .slider-dots { position:absolute; bottom:27px; width:100%; z-index:9998; } #content.portfolio .portfolio-list .slider-dots-container .slider-dots ul { overflow:hidden; *zoom:1; display:table; margin:auto; padding:0; } #content.portfolio .portfolio-list .slider-dots-container .slider-dots li { float:left; display:block; width:8px; height:8px; margin-left:10px; } #content.portfolio .portfolio-list .slider-dots-container .slider-dots li:first-child { margin-left:0; } #content.portfolio .portfolio-list .slider-dots-container .slider-dots li a { display:block; width:100%; height:100%; text-indent:-9999px; background-color:#f2f1f1; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; border-radius:5px; -webkit-transition-property:background-color; -moz-transition-property:background-color; -o-transition-property:background-color; transition-property:background-color; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; transition-duration:0.3s; } #content.portfolio .portfolio-list .slider-dots-container .slider-dots li a { position:relative; behavior:url("PIE.htc"); } #content.portfolio .portfolio-list .slider-dots-container .slider-dots li a:hover { background-color:#fff; } #content.portfolio .portfolio-list .slider-dots-container .slider-dots li.active a { cursor:default; background-color:#c1092c; } #content.portfolio .portfolio-list .content.portfolio img { max-width:800px; margin-left:0px; } /* Contact */ #content.contact { background:url('images/content_grey_bg.gif') repeat 0 0; } #content.contact > div.inner { max-width:1200px; margin:0 auto; padding:130px 0 0; } #content.contact .map { height:700px; max-width:1200px; border-top:7px solid #e8e8e8; border-bottom:7px solid #e8e8e8; margin-top:70px; margin:70px auto 0 auto; } #content.contact .contact_info { width:360px; margin-left:40px; float:left; margin-top:100px; position:relative; } #content.contact .contact_info::before { content:''; position:absolute; width:50px; left:0; height:1px; background:#b0b0b0; top:-20px; } #content.contact .contact_info h3 { font-size:1.2em; font-weight:300; margin-bottom:10px; letter-spacing:1px; position:relative; } #content.contact .contact_info h3.contact-name::before { content:''; background:url('images/contact_icon_sprite.png') no-repeat 0 0; width:16px; height:25px; display:block; position:absolute; left:-25px; top:-2px; } #content.contact .contact_info h3 strong { font-weight:600; } #content.contact .contact_info p { margin:0; font-size:1.2em; line-height:1.5em; letter-spacing:1px; } #content.contact .address_info { width:360px; margin-left:40px; float:left; margin-top:100px; position:relative; } #content.contact .address_info::before { content:''; position:absolute; width:50px; left:0; height:1px; background:#dcddde; top:-20px; } #content.contact .address_info h3 { font-size:1.2em; margin-bottom:10px; letter-spacing:1px; } #content.contact .address_info h3::before { content:''; background:url('images/contact_icon_sprite.png') no-repeat -16px 0; width:17px; height:28px; display:block; position:absolute; left:-27px; top:-2px; } #content.contact .address_info p { margin:0; font-size:1.2em; line-height:1.5em; letter-spacing:1px; } /***** MEDIA QUERIES *****/ /* 960 */ @media screen and (max-width:1250px) { header#site-header h1 a img { margin-left:20px; } footer#site-footer > div.inner { width:920px; } /* Standard Page */ /* Full-width slider */ /* Standard Content */ /* Products */ /* The Team */ #content.standard_page .content.the_team > div.inner { max-width:940px; } #content.standard_page .content.the_team .people { width:960px; } #content.standard_page .content.the_team .people .person { margin-right:20px; } /* Contact */ #content.contact > div.inner { max-width:800px; } /* The Team */ #content.the_team .content.person > div.inner { max-width:920px; } #content.the_team .content.person .bio { width:620px; } /* Portfolio */ #content.portfolio .portfolio-list .content.portfolio .inner { margin-left:40px; width:auto; } /* Contact */ } @media screen and (max-width:1500px) { } /* 720 */ @media screen and (max-width:960px) { .mobile { display:block; } header#site-header { height:105px; } header#site-header > div.inner { width:auto; margin:0; } header#site-header h1 a img { } header#site-header #primary-navigation { float:none; } header#site-header #primary-navigation a.mobile-nav { display:block; width:105px; height:105px; float:right; } header#site-header #primary-navigation a.mobile-nav > span { display:block; width:39px; height:39px; background:url('images/mobile_sprite.png') no-repeat 0 0; position:relative; top:40px; left:33px; } header#site-header #primary-navigation a.mobile-nav:hover { background-color:#e8e8e8; } header#site-header #primary-navigation a.mobile-nav:active { background-color:#aaa; } header#site-header #primary-navigation ul { position:absolute; top:105px; left:0; width:100%; margin:0; background:#353838; z-index:9999; display:none; } header#site-header #primary-navigation ul li { float:none; list-style:none; display:block; padding:0; margin:0; } header#site-header #primary-navigation ul li a { padding:0; width:100%; border:none; color:#fff; line-height:80px; margin:0; font-size:1.5em; font-weight:300; } header#site-header #primary-navigation ul li a:hover, header#site-header #primary-navigation ul li.current-menu-item a { background:#2b2e2e; color:#fff; } #content h1::before, h1::after { width:50px; } footer#site-footer { font-weight:400; font-size:1em; letter-spacing:2px; } footer#site-footer a { letter-spacing:2px; } footer#site-footer > div.inner { width:auto; margin:0 20px; } /* Standard Page */ /* Full-width slider */ #content.standard_page .content.full_width_slider .slider-nav { display:none; } #content.standard_page .content.full_width_slider > div.inner { width:auto; } #content.standard_page .content.full_width_slider div.slides { width:100%; left:0; } #content.standard_page .content.full_width_slider span.heading { width:auto; left:0; font-size:1.4em; margin:0 10px; } #content.standard_page .content.full_width_slider span.heading p { line-height:1.4em; } /* Standard Content */ #content.standard_page .content.standard_content > div.inner { max-width:90%; } /* Products */ #content.standard_page .content.products .products .product span.name { margin-top:15px; padding-bottom:10px; } #content.standard_page .content.products .products .product { clear: none; margin: 0 3%; width: 44%; } #content.standard_page .content.products .products .product:nth-child(2n + 1) { clear: left; } #content.standard_page .content.products .products .product span.slides { width:100%; height:auto; } #content.standard_page .content.products .products .product span.slides img { width:100%; height:auto; } /* The Team */ #content.standard_page .content.the_team .people { width:auto; } #content.standard_page .content.the_team > div.inner { overflow:visible; height:auto; width:auto; } #content.standard_page .content.the_team .people .person { width:auto; margin:0; height:auto; padding-bottom:50px; float:none; } #content.standard_page .content.the_team .people .person span.dash { top:12px; } #content.standard_page .content.the_team .people .person span.name { margin-top:16px; font-size:1.4em; line-height:2.0em; } #content.standard_page .content.the_team .people .person span.image, #content.standard_page .content.the_team .people .person span.image img { width:100%; height:auto; } #content.standard_page .content.the_team .people .person span.title { margin-bottom:18px; font-size:1.2em; } /* The Team */ #content.the_team .content.person { padding:0 0 30px; } #content.the_team .content.person > div.inner { padding-top:0; margin-top:0; } #content.the_team .content.person .bio { display:none; } #content.the_team .content.person .info { width:auto; height:auto; float:none; } #content.the_team .content.person .info .name { margin-top:20px; } #content.the_team .content.person .info .name strong { display:inline-block; clear:none; margin-right:0.4em; } #content.the_team .content.person .info .image { border-top:none; border-left:none; border-right:none; width:100%; height:auto; } #content.the_team .content.person .info .image img { width:100%; height:auto; } #content.products > div.inner { padding-top:100px; } #content.products .products-list .content.product { margin-left: 3%; margin-right: 3%; width: 44%; } /* Single product */ #modal_outer .content.single-product > div.inner { margin:0; } #modal_outer .content.single-product > div.inner a.next-product { display:none; } /* Portfolio */ #content.portfolio > div.inner { padding-top:100px; } #content.portfolio .portfolio-list .content.portfolio .inner { margin:0 20px; } #content.portfolio .portfolio-list .content.portfolio a.next-product { position:static; width:160px; } #content.portfolio .portfolio-list .content.portfolio a.next-product::after { left:50px; } #content.portfolio .portfolio-list .content.portfolio .image img { height:100%; min-height:260px; } /* Contact */ #content.contact > div.inner { max-width:400px; padding-top:100px; } #content.contact .contact_info { float:none; } #content.contact .address_info { float:none; margin-top:40px; } #content.contact .map { height:350px; } } /* 320 */ @media screen and (max-width:560px) { html,body { font-size:12px; } header#site-header h1 a img { max-width:120px; height:auto; } #content h1::before, h1::after { display:none; } footer#site-footer { font-size:0.8em; } /* Portfolio */ #content.portfolio .portfolio-list .content.portfolio a.next-product { position:static; width:120px; } #content.portfolio .portfolio-list .content.portfolio a.next-product::after { left:31px; bottom:10px; } /* Contact */ #content.contact .contact_info { margin-right:20px; width:auto; margin-left:40px; } #content.contact .contact_info h3::before { display:none; } #content.contact .address_info { margin-left:40px; margin-right:20px; width:auto; } #content.contact .address_info h3::before { } }