/* Theme Name: Twenty Thirteen Theme URI: http://wordpress.org/themes/savvy Author: the WordPress team Author URI: http://wordpress.org/ Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready Text Domain: savvy This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 1.1 - Plugin BxSlider * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Main design * 4.1 - Header * 4.2 - Footer * 5.0 - Home page * 5.1 - Blog Listing * 5.1.1 - Blog Details * 5.2 - Services Page * 5.3 - Shop Pages * 5.4 - About * 5.5 - Contact * 5.6 - Directory * 6.0 - Sidebar * 6.1 - Widgets * 8.0 - Media Queries * 9.0 - Print * ---------------------------------------------------------------------------- */ /** * 1.0 Reset * * Modified from Normalize.css to provide cross-browser consistency and a smart * default styling of HTML elements. * * @see http://git.io/normalize * ---------------------------------------------------------------------------- */ *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top} article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block} audio,canvas,video{display:inline-block} audio:not([controls]){display:none;height:0} [hidden]{display:none} html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;overflow-y:scroll} html,button,input,select,textarea{font-family:Arial, Helvetica, sans-serif} body{color:#231f20;line-height:1.5;margin:0} a{color:#708fb0;text-decoration:none;-webkit-transition: all 0.2s ease-out;-moz-transition: all 0.2s ease-out;-ms-transition: all 0.2s ease-out;-o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;} a:hover{color:#4b4b4b!important;} h1,h2,h3,h4,h5,h6{clear:both; font-family:Bitter, Georgia, serif; line-height:1.3} h1{font-size:48px;margin:33px 0} h2{font-size:30px;margin:25px 0} h3{font-size:22px;margin:22px 0} h4{font-size:20px;margin:25px 0} h5{font-size:18px;margin:30px 0} h6{font-size:16px;margin:36px 0} address{font-style:italic;margin:0 0 24px} abbr[title]{border-bottom:1px dotted} dfn{font-style:italic} mark{background:#ff0;color:#000} p{margin:0} code,kbd,pre,samp{-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;font-family:monospace, serif;font-size:14px;hyphens:none} pre{background:#f5f5f5;color:#666;font-family:monospace;font-size:14px;margin:20px 0;overflow:auto;padding:20px;white-space:pre-wrap;word-wrap:break-word} blockquote,q{-moz-hyphens:none;-ms-hyphens:none;-webkit-hyphens:none;hyphens:none;quotes:none} blockquote:before,blockquote:after,q:before,q:after{content:none} blockquote{font-size:18px;font-style:italic;font-weight:300;margin:24px 40px} blockquote blockquote{margin-right:0} blockquote cite,blockquote small{font-size:14px;font-weight:400;text-transform:uppercase} blockquote em,blockquote i{font-style:normal;font-weight:300} blockquote strong,blockquote b{font-weight:400} small{font-size:smaller} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top:-.5em} sub{bottom:-.25em} dl{margin:0 20px} dd{margin:0 0 20px} menu,ol,ul{margin:16px 0;padding:0 0 0 40px} ul{list-style-type:square} nav ul,nav ol{list-style:none;list-style-image:none} img{-ms-interpolation-mode:bicubic;border:0;vertical-align:middle} svg:not(:root){overflow:hidden} fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em} legend{border:0;padding:0;white-space:normal} button,input,select,textarea{font-size:100%;margin:0;max-width:100%;vertical-align:baseline} button,input{line-height:normal} button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],input[disabled]{cursor:default} input[type=checkbox],input[type=radio]{padding:0} input[type=search]{-webkit-appearance:textfield;padding-right:2px;width:270px} input[type=search]::-webkit-search-decoration{-webkit-appearance:none} button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0} textarea{overflow:auto;resize:vertical;vertical-align:top} table{border-bottom:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px;width:100%} caption,th,td{font-weight:400;text-align:left} caption{font-size:16px;margin:20px 0} th{font-weight:700;text-transform:uppercase} td{border-top:1px solid #ededed;padding:6px 10px 6px 0} del{color:#333} ins{background:#fff9c0;text-decoration:none} hr{background-size:4px 4px;border:0;height:1px;margin:0 0 24px} b,strong,dt{font-weight:700} li > ul,li > ol,figure,form{margin:0} /** * 1.1 PLUGIN BxSlider * ---------------------------------------------------------------------------- */ /** * BxSlider v4.0 - Fully loaded, responsive content slider * http://bxslider.com * * Written by: Steven Wanderski, 2012 * http://stevenwanderski.com * (while drinking belgian ales and listening to jazz) * * CEO and founder of bxCreative, LTD * http://bxcreative.com */ .bx-wrapper{margin:0 auto 60px;padding:0;position:relative;zoom:1} .bx-wrapper img{display:block;max-width:100%} .bx-wrapper .bx-viewport{background:#fff;left:-5px} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{bottom:-30px;position:absolute;width:100%} .bx-wrapper .bx-loading{background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;left:0;min-height:50px;position:absolute;top:0;width:100%;z-index:2000} .bx-wrapper .bx-pager{color:#666;font-family:Arial;font-size:.85em;font-weight:700;padding-top:20px;text-align:center} .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline;zoom:1} .bx-wrapper .bx-pager.bx-default-pager a{-moz-border-radius:5px;-webkit-border-radius:5px;background:#666;border-radius:5px;display:block;height:10px;margin:0 5px;outline:0;text-indent:-9999px;width:10px} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:#000} .bx-wrapper .bx-prev{background:url(images/controls.png) no-repeat 0 -32px;left:10px} .bx-wrapper .bx-next{background:url(images/controls.png) no-repeat -43px -32px;right:10px} .bx-wrapper .bx-prev:hover{background-position:0 0} .bx-wrapper .bx-next:hover{background-position:-43px 0} .bx-wrapper .bx-controls-direction a{height:32px;margin-top:-16px;outline:0;position:absolute;text-indent:-9999px;top:50%;width:32px;z-index:9999} .bx-wrapper .bx-controls-direction a.disabled{display:none} .bx-wrapper .bx-controls-auto{text-align:center} .bx-wrapper .bx-controls-auto .bx-start{background:url(images/controls.png) -86px -11px no-repeat;display:block;height:11px;margin:0 3px;outline:0;text-indent:-9999px;width:10px} .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0} .bx-wrapper .bx-controls-auto .bx-stop{background:url(images/controls.png) -86px -44px no-repeat;display:block;height:11px;margin:0 3px;outline:0;text-indent:-9999px;width:9px} .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px} .bx-wrapper .bx-caption{background:rgba(80,80,80,0.75);bottom:0;left:0;position:absolute;width:100%} .bx-wrapper .bx-caption span{color:#fff;display:block;font-family:Arial;font-size:.85em;padding:10px} /** * 2.0 Body * ---------------------------------------------------------------------------- */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 10, 2013 */ /*@font-face { font-family: 'novecento_wide_bookbold'; src: url('fonts/novecentowide-bold-webfont.eot'); src: url('fonts/novecentowide-bold-webfont.eot#iefix') format('embedded-opentype'), url('fonts/novecentowide-bold-webfont.woff') format('woff'), url('fonts/novecentowide-bold-webfont.ttf') format('truetype'), url('fonts/novecentowide-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'big_caslonmedium'; src: url('fonts/novecentowide-book-webfont.eot'); src: url('fonts/novecentowide-book-webfont.eot#iefix') format('embedded-opentype'), url('fonts/novecentowide-book-webfont.woff') format('woff'), url('fonts/novecentowide-book-webfont.ttf') format('truetype'), url('fonts/novecentowide-book-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'big_caslonmedium'; src: url('fonts/novecentowide-medium-webfont.eot'); src: url('fonts/novecentowide-medium-webfont.eot#iefix') format('embedded-opentype'), url('fonts/novecentowide-medium-webfont.woff') format('woff'), url('fonts/novecentowide-medium-webfont.ttf') format('truetype'), url('fonts/novecentowide-medium-webfont.svg') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'big_caslonmedium'; src: url('fonts/big_caslon_medium-webfont.eot'); src: url('fonts/big_caslon_medium-webfont.eot#iefix') format('embedded-opentype'), url('fonts/big_caslon_medium-webfont.woff') format('woff'), url('fonts/big_caslon_medium-webfont.ttf') format('truetype'), url('fonts/big_caslon_medium-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /** * 4.0 Main design * ---------------------------------------------------------------------------- */ body > section{margin:0 auto; max-width:1060px; width:100%;} h1, .h1{font:24px/27px big_caslonmedium; letter-spacing:2px; margin:1em 0; text-transform:uppercase;} h2, .h2{font:20px/27px big_caslonmedium; letter-spacing:2px; margin:1em 0; text-transform:uppercase;} h3, .h3{font:12px/19px big_caslonmedium; letter-spacing:2px; margin:1em 0; text-transform:uppercase;} h4, .h4{font:10px/17px big_caslonmedium; margin:1em 0; text-transform:uppercase;} p{font:300 11px/25px muli; letter-spacing:1px;} a{color:#708fb0; font:400 10px/25px muli;} .both{clear:both;} .width100{width:100% !important;} .bg_fcfbfa{background-color:#fcfbfa;} #mainContent{position:relative; z-index:5;} .page-template-template_shop-php > #mainContent, .tax-shopcat > #mainContent, .tax-brand > #mainContent, .blog > #mainContent, .category > #mainContent, .single > #mainContent, .search > #mainContent{border-top:1px solid #e9e9e9; width:100%;} .page-template-template_shop-php > #mainContent > section, .tax-shopcat > #mainContent > section, .tax-brand > #mainContent > section, .category > #mainContent > section, .blog > #mainContent > section, .single > #mainContent > section, .search > #mainContent > section{margin:0 auto; max-width:1060px;} #primary{margin:0 auto; max-width:1060px;} #mainColumn{float:left; max-width:690px; padding:0 40px 0 0;} /* Aside column */ #sidebar_blog{background-color:#fcfbf9; border:1px solid #e9e9e9; border-bottom:none; border-top:none; float:right; font:10px/17px big_caslonmedium; max-width:365px; padding:0 30px; text-align:center; text-transform:uppercase;} #sidebar_blog h3{margin:0; padding:1em 0;} #sidebar_blog > div{margin:40px auto; max-width:300px;} #sidebar_blog > div > img{display:block; margin:25px auto;} #sidebar_blog ul{list-style:none; margin:0; padding:0;} #sidebar_blog p, #sidebar_blog a{color:#231F20; display:block; font:10px/17px muli;} #sidebar_blog .lastLink{color:#708FB0;} #sidebar_blog a img{height:auto !important; left:0!important; width:100% !important;} li.pins-feed-item{margin:0;} #sidebar_shop{background-color:#fcfbf9; border:1px solid #e9e9e9; border-bottom:none; border-top:none; float:left; font:10px/17px big_caslonmedium; margin-right:10px; text-align:center; text-transform:uppercase; width:355px;} #sidebar_shop > div{border-bottom:1px solid #e9e9e9; margin:0 auto; padding:40px 30px; width:100%;} #sidebar_shop > div:last-child{border-bottom:none;} #sidebar_shop p{font:400 10px/17px muli;} #sidebar_shop ul{list-style:none; margin:0; padding:0;} #sidebar_shop a{color:#231f20; font:400 10px/17px muli;} #sidebar_shop .seeMore{color:#708fb0; cursor:pointer; font:600 10px/20px muli; margin:20px 0 0;} #sidebar_shop ul ul{display:none; margin-bottom:15px;} #sidebar_shop .current-cat ul, #sidebar_shop .current-cat-parent ul{display:block;} #sidebar_shop ul ul a{color:#808080; display:block; font:300 8px/14px muli;} #sidebar_shop .leaf{margin-bottom:25px;} #sidebar_shop .pub{padding-top:110px;} #sidebar_shop .pub > div{margin-bottom:20px;} /* Aside column - Sliders */ .sidebar_slider .bx-wrapper .bx-controls-direction a{top:-22px;} .sidebar_slider .bx-wrapper .bx-viewport{background-color:inherit!important; height:245px !important; left:0;} .sidebar_slider .bx-prev{background:url(images/homeslider/arrowleft.png) no-repeat center center;} .sidebar_slider .bx-prev:hover{background:url(images/homeslider/arrowleft.png) no-repeat left center;} .sidebar_slider .bx-next{background:url(images/homeslider/arrowright.png) no-repeat center center;} .sidebar_slider .bx-next:hover{background:url(images/homeslider/arrowright.png) no-repeat right center;} /* Adds */ #div-gpt-ad-1393461193632-0, .add_300x250{display:block; height:auto; width:300px;} #div-gpt-ad-1393461193632-1{display:block; height:auto; width:300px;} #div-gpt-ad-1393461193632-2{display:block; height:auto; margin:34px auto 55px; width:728px;} .addEmpty{display:none !important;} /** * 4.1 Header * ---------------------------------------------------------------------------- */ body > header{padding-top:50px; position:relative; text-align:center;} body > header > *{text-align:center;} #headerNav{background-color:#fff; border-bottom:1px solid #e9e9e9; position:fixed; text-align:center; top:0; width:100%; z-index:10; zoom:1;} /* MENU */ #mainMenu{display:inline-block; margin:0; padding:0 45px 0 0;} #mainMenu .triangle{border-color:transparent transparent #f6f3ef transparent; border-style:solid; border-width:0 12px 12px 12px; bottom:-1px; display:none; height:0; left:33%; position:absolute; width:0;} #mainMenu > li:last-child .triangle{left:40%;} #mainMenu .menu-item{display:inline-block; font-size:0; position:relative;} #mainMenu .menu-item > a{color:#231f20; display:block; font:11px/11px muli; letter-spacing:1px; padding:20px 22px 18px; text-transform:uppercase;} #mainMenu #menu-item-15018 a {color:#dc626e;font-weight:700;} #mainMenu #menu-item-19 a {font-weight:700;} #mainMenu .menu-item a:hover{text-decoration:none;} #mainMenu .sub-menu{background-color:#f6f3ef; display:none; left:-57px; padding:15px 20px; position:absolute; top:47px; width:200px;} #mainMenu > li:nth-child(3) .sub-menu{left:-61px;} #mainMenu > li:nth-child(2) .sub-menu, #mainMenu > li:last-child .sub-menu{left:-37%;} #mainMenu .sub-menu > .menu-item{display:block;} #mainMenu .sub-menu a{color:#231f20; font:11px/24px muli; letter-spacing:1px; padding:0;} /* hover */ #mainMenu > li:hover .triangle{display:block;} #mainMenu > li:hover > ul{display:block;} /* active */ #mainMenu .current-menu-parent > a, #mainMenu .current_page_item > a, #mainMenu .sub-menu .current-menu-item > a{color:#708fb0;} /* SEARCH FORM */ #searchform{border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; display:inline-block; padding:11px 20px; position:relative;} #searchformText{border:none; font:11px/11px muli; letter-spacing:1px; padding:5px 0 5px 10px; text-transform:uppercase; transition: all 0.3s ease-out; width:80px;} #searchformText.active{width:200px;} #searchformSubmit{background:url(images/headers/btn_searchformsubmit.png) no-repeat 0 0; border:none; height:12px; position:relative; top:1px; width:14px;} body.search-results #mainContent .entry-meta{display:none !important;} /* SOCIAL NETWORK */ #headerSocialNetwork{display:inline-block; padding-left:40px;} #headerSocialNetwork > a{float:right; height:44px; width:34px;} .facebookIcon{background:url(images/socialnetwork/facebook.png) no-repeat center center;} .googleplusIcon{background:url(images/socialnetwork/googleplus.png) no-repeat center center;} .statigramIcon{background:url(images/socialnetwork/statigram.png) no-repeat center center;} .statigram_footer{background:url(images/socialnetwork/statigram_footer.png) no-repeat center center;} .bloglovin{background:url(images/socialnetwork/heart.png) no-repeat center center;} .pinitIcon{background:url(images/socialnetwork/pinit.png) no-repeat center center;} .twitterIcon{background:url(images/socialnetwork/twitter.png) no-repeat center center;} .emailIcon{background:url(images/socialnetwork/email.png) no-repeat center center;} #logo{background:url(images/headers/img_logo.png) no-repeat 0 0; display:block; height:126px; margin:30px auto 55px; width:417px;} /** * 4.2 Footer * ---------------------------------------------------------------------------- */ body > footer{border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; clear:both; font-size:0; margin:0 0 25px; text-align:center; width:100%;} body > footer > div{display:inline-block; font-size:11px; height:20vw; max-height:280px; max-width:325px; padding:40px 0 0; text-transform:uppercase; width:33vw;} body > footer a{color:#231f20;} body > footer .current-menu-item > a{color:#708fb0;} /* Column 1 */ #footerMenu ul{font:11px/20px muli; letter-spacing:1px; list-style:none; padding:18px 0 0;} /* Column 2 */ footer .col2{border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; padding-top:90px;} footer .col2 p{font:11px/16px muli; letter-spacing:1px;} footer .col2 form{border:none!important; margin-top:24px;} footer .col2 label{display:none!important;} footer .col2 #mc_mv_EMAIL{border:1px solid #e7e7e7; color:#a09c9d; font:11px/16px muli; letter-spacing:1px; padding:4px 0; text-align:center; text-transform:uppercase; width:75%;} footer .col2 input[type=submit]{background:none; border:none; display:block; font:11px/16px muli; letter-spacing:1px; margin:20px auto 0; text-align:center; text-transform:uppercase;} footer .col2 .accua-form-view-sidebyside .pfbc-label{display:none;} .mc_error_msg{line-height:10px!important; margin-bottom:0!important; text-transform:none!important;} .mc_error_msg > a{display:block; line-height:0!important;} .mc_success_msg{color:#718fb0 !important; font-weight:400!important;} /* Column 3 */ .statigram_footer{height:17px; margin:0 auto; width:18px;} #instagramContainer{height:120px; margin:10px auto 0; overflow:hidden; width:120px;} #instagramContainer iframe{margin:-87px 0 0 -19px;} #siteInfo{font:11px/16px muli; letter-spacing:1px; margin-bottom:50px; margin-left:-112px; text-align:center; text-transform:uppercase;} #siteInfo > b{font:11px/16px muli; letter-spacing:1px;} #siteInfo > img{display:inline-block; margin:0 35px;} #siteInfo a{color:#231F20; font:800 11px/16px muli; letter-spacing:1px;} /** * 5.0 Home page * ---------------------------------------------------------------------------- */ /* Home Slider */ #homeSlider{margin-bottom:75px;} #homeSlider ul{clear:both; margin:0 auto; padding-left:10%; width:100%;} #homeSlider ul > li{float:left; list-style:none; margin-right:5px; max-width:1024px; width:100vw;} #homeSlider .bx-wrapper .bx-controls-direction a{display:none; height:32px; width:31px;} #homeSlider .bx-wrapper .bx-prev{background:url(images/homeslider/arrowleft.png) no-repeat center center #fff;} #homeSlider .bx-wrapper .bx-prev:hover{background:url(images/homeslider/arrowleft.png) no-repeat center center #ccc;} #homeSlider .bx-wrapper .bx-next{background:url(images/homeslider/arrowright.png) no-repeat center center #fff;} #homeSlider .bx-wrapper .bx-next:hover{background:url(images/homeslider/arrowright.png) no-repeat center center #fff;} #homeSlider .bx-wrapper .bx-pager{bottom:-43px;} #homeSlider .bx-wrapper .bx-pager .bx-pager-item{display:inline-block;} #homeSlider .bx-wrapper .bx-pager.bx-default-pager a{background-color:#000; height:8px; margin:0 10px; width:8px;} #homeSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, #homeSlider .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#d1d0cd;} /* Favorite Slider */ #favoriteSlider > h3{margin-bottom:40px; text-align:center;} #favoriteSlider > h3 > a{color:#231f20; font:12px/19px big_caslonmedium;} #favoriteSlider{margin:0 auto; max-width:1024px; width:100%;} #favoriteSlider ul{margin:0 auto; width:100%;} #favoriteSlider ul > li{float:left; list-style:none; width:165px;} #favoriteSlider a{display:block;} #favoriteSlider figure{display:block; height:140px; margin-bottom:20px; overflow:hidden; width:140px;} #favoriteSlider img{display:block; height:auto; width:100%;} #favoriteSlider span{color:#231f20; display:block; font:11px/14px muli; letter-spacing:1px; opacity:0; text-align:center; text-transform:uppercase; transition: all 0.3s ease-out;} #favoriteSlider .cat{font-weight:600; margin-top:3px;} #favoriteSlider a:hover span{opacity:.99;} #favoriteSlider .bx-wrapper .bx-controls-direction a{height:35px; width:35px;} #favoriteSlider .bx-wrapper .bx-prev{background:url(images/homeslider/arrowleft.png) no-repeat center center; left:-40px; top:30%;} #favoriteSlider .bx-wrapper .bx-next{background:url(images/homeslider/arrowright.png) no-repeat center center; right:-30px; top:30%;} #favoriteSlider .bx-wrapper .bx-prev:hover{left:-44px; padding-right:5px;} #favoriteSlider .bx-wrapper .bx-next:hover{padding-left:5px; right:-34px;} #favoriteSlider .bx-wrapper .bx-pager{bottom:-35px;} #favoriteSlider .bx-wrapper .bx-pager .bx-pager-item{display:inline-block;} #favoriteSlider .bx-wrapper .bx-pager.bx-default-pager a{background-color:#000; height:8px; margin:0 10px; width:8px;} #favoriteSlider .bx-wrapper .bx-pager.bx-default-pager a:hover, #favoriteSlider .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#d1d0cd;} /* Homepage Newsletter */ #headbandNewsletter{border-top:1px solid #e9e9e9; padding:30px 0 20px; position:relative; text-align:center;} #headbandNewsletter div{display:inline-block;} #headbandNewsletter p{display:inline-block; font:11px/11px muli; letter-spacing:1px; margin-top:2px; text-transform:uppercase;} #headbandNewsletter form{border:none;} #headbandNewsletter form p{margin-top:0;} #headbandNewsletter div.wpcf7{display:inline-block;} #headbandNewsletter .addedTop{padding-top:12px;} #mc_signup_submit{width:100%!important;} #headbandNewsletter #mc_message{bottom:0; left:0; position:absolute; right:0;} #headbandNewsletter .pfbc-element{display:inline-block;} #headbandNewsletter .pfbc-element-0{width:380px;} #headbandNewsletter label{display:none;} #headbandNewsletter input[type=text]{border:1px solid #e7e7e7; color:#a09c9d; font:11px/16px muli; letter-spacing:1px; margin:-4px 20px 0 24px; max-width:380px; padding:4px 0; text-align:center; text-transform:uppercase; width:320px;} #headbandNewsletter input[type=submit]{background:none; border:none; font:600 11px/16px muli; letter-spacing:1px; margin:0 0 0 5px; text-transform:uppercase;} /* Blog section */ #lastPosts{/*background:#fcfbfa;*/ border-top:1px solid #e9e9e9; clear:both; display:table; /*padding:55px 0 65px;*/ width:100%;} #lastPosts .container{margin:0 auto; /*max-width:1025px;*/ max-width:1060px;} #lastPosts .container > a{background-color:#fff; color:#231f20; float:left; margin:0 12px 0 0; max-width:350px; padding-bottom:40px; text-align:center; text-transform:uppercase;} #lastPosts .container > a:hover{text-decoration:none;} #lastPosts .container > a img{display:block; height:auto; width:100%;} #lastPosts .container figure{/*height:380px; overflow:hidden; width:350px;*/} #lastPosts .date{font:11px/11px muli; letter-spacing:1px; padding:20px 0 10px; border-bottom:1px solid #e9e9e9;} #advertisement{float:right; width:300px;} #advertisement div{margin-bottom:15px;} /** * 5.1 - Blog Listing * ---------------------------------------------------------------------------- */ .post{margin:60px 0 80px;} .post header{text-align:center; text-transform:uppercase;} .post .date{border-bottom:1px solid #e9e9e9; display:inline-block; font:11px/11px big_caslonmedium; letter-spacing:2px; margin-bottom:25px; padding:0 20% 10px; width:auto;} .post .date a{color:#231f20;} .post h1 a{color:#231f20; font:24px/27px big_caslonmedium; margin:0 0 40px;} .post .entry-thumbnail{margin-bottom:15px; position:relative;} .post .entry-thumbnail img{display:block; height:auto; margin:0 auto; /*max-width:650px;*/ width:650px;} .post .entry-content p{font:11px/19px Arial; margin:0 0 15px;} .post .entry-content p a{font:11px/19px Arial;} .post .entry-content a > a{} .post .pinit{background-color:rgba(255,255,255,.8); bottom:32px; color:#606060; display:block!important; font:600 9px/9px muli !important; left:38px; padding:10px 25px 8px !important; position:absolute !important; opacity:0; text-transform:uppercase; transition: all 0.3s ease-out;} .post .entry-thumbnail:hover .pinit, .post a:hover .pinit{opacity:1;} .post .comments-link{font:10px/17px big_caslonmedium; margin-top:30px; text-align:right; text-transform:uppercase;} .post .comments-link a{color:#708fb0;} .post footer{border-top:1px solid #e9e9e9; font:10px/17px big_caslonmedium; margin-top:10px; padding-top:20px;} .post footer.entry-meta p{font:10px/17px muli; text-transform:uppercase;} .post footer.entry-meta p b{font:400 10px/17px muli;} .post footer.entry-meta a, .post footer.entry-meta p span{color:#231f20; font:10px/17px muli; text-transform:none;} .post .addtoany_list{float:right;} .post .shareText{float:right; margin:0 25px 0 0;} .post .mayLike{clear:both; margin:42px 0 0; width:100%;} .post .mayLike p{font:10px/17px big_caslonmedium; margin-bottom:15px; text-transform:uppercase;} .post .mayLike ul{height:280px; margin:0; overflow:hidden; padding:0; width:100%;} .post .mayLike li{border-right:1px solid #e9e9e9; float:left; list-style:none; padding:0 8px; width:216px;} .post .mayLike ul > li:first-child{padding-left:0;} .post .mayLike ul > li:last-child{border-right:none; padding-right:0;} .post .mayLike figure{display:block; height:200px; margin-bottom:20px; overflow:hidden; width:100%;} .post .mayLike img{height:auto; margin-left:-25%; width:150%;} .post .mayLike h4{display:block; font:10px/17px muli; height:auto; margin-bottom:20px; text-transform:none; width:100%;} .post .mayLike li a{color:#231f20;} .nav-links{clear:both; min-height:50px;} .nav-links a{color:#231f20; font:11px/11px muli; letter-spacing:1px; text-transform:uppercase;} .nav-previous span{background:url(images/homeslider/arrowleft.png) no-repeat center center; display:inline-block; height:16px; margin:-4px 8px 0 0; width:10px;} .nav-previous{float:left;} .nav-next{float:right;} .nav-next span{background:url(images/homeslider/arrowright.png) no-repeat center center; display:inline-block; height:16px; margin:-4px 0 0 8px; width:10px;} /** * 5.1.1 - Blog details * ---------------------------------------------------------------------------- */ #commentform{clear:both; margin:30px 0 70px; width:100%;} #commentform label{float:left; width:10%;} #commentform input, #commentform textarea{border:1px solid #bebdbd; border-radius:0; display:block; font:400 11px/25px muli; letter-spacing:1px; margin-bottom:20px; padding:9px 10px; text-align:center; width:90%;} #commentform input[type=submit]{background-color:#708fb0; border:none; color:#fff; float:right; font:400 12px/34px muli; margin:20px 0 70px; padding:6px 60px; text-transform:uppercase; width:auto;} #commentform .form-allowed-tags, #commentform .comment-form-url{display:none;} #commentform .logged-in-as{margin-bottom:20px;} /** * 5.2 - Services page * ---------------------------------------------------------------------------- */ #servicesPage > header{background-color:#2c3d50; padding:115px 0 100px; text-align:center;} #servicesPage > header h1{color:#fff; font:30px/34px big_caslonmedium; margin:0;} #servicesPage > header h1 span{display:block; font:12px/34px muli;} #explanation{background-color:#fcfbfa; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; padding:60px 0 70px; text-align:center; width:100%;} #explanation > div{display:inline-block; margin:0 35px; max-width:280px;} #explanation h2{border-bottom:1px solid #e9e9e9; margin-bottom:25px; padding-bottom:25px;} #explanation h2 > span{display:block; margin:0 auto; width:80%;} #explanation p{font:300 10px/25px muli; line-height:20px;} #explanation .title{font-size:12px; text-transform:uppercase;} #explanation .uppercase{font-weight:400; text-transform:uppercase;} #explanation a{color:#708fb0; text-transform:uppercase;} #explanation > div:first-child a{font:300 10px/20px muli; text-transform:none;} #servicesForm{clear:both; text-align:center;} #servicesForm h1{font:30px/34px big_caslonmedium; margin-bottom:10px;} #servicesForm > p{margin-bottom:10px;} #servicesForm form{clear:both; margin:40px auto; max-width:950px; width:100%;} #servicesForm legend{clear:both; font:400 10px/25px muli; margin-bottom:40px;} #servicesForm form > div{display:inline-block; margin:0 6px; max-width:300px; width:100%;} #servicesForm form p{text-transform:uppercase;} #servicesForm form p span{display:block; text-transform:none;} #servicesForm form p span.small{font:300 10px/25px muli; margin-bottom:30px;} #servicesForm form p .wpcf7-list-item span{display:inline-block; text-transform:uppercase;} #servicesForm input{border:1px solid #c0c0c0; border-radius:0; display:block; font:11px/25px muli; letter-spacing:1px; margin-bottom:35px; padding:9px 10px; text-align:center; width:100%;} #servicesForm textarea{border:1px solid #c0c0c0; border-radius:0; display:block; font:11px/15px muli; letter-spacing:1px; height:190px; margin-bottom:35px; min-width:100%; text-align:center; width:100%;} #servicesForm input[type=checkbox]{float:left; margin:6px 10px 6px 0; width:auto;} #servicesForm label{float:left; font:400 9px/25px muli; margin-bottom:6px; text-align:left; text-transform:uppercase; width:145px;} #servicesForm input[type=submit]{background-color:#708fb0; border:none; color:#fff; float:right; font:400 12px/12px muli; margin:0 6px; padding:10px 60px 8px; text-transform:uppercase; width:auto;} .page-template-template_services-php #quotation{padding:45px 0 30px;} #quotation{background-color:#718fb0; clear:both; color:#fff; padding:30px 0 70px; text-align:center;} #quotation .bx-wrapper .bx-viewport, #quotation article{background-color:#718fb0;} #quotation p{font:12px/34px muli; letter-spacing:2px; text-transform:uppercase;} #quotation .quotation p{/*font:30px/41px big_caslonmedium;*/ font:26px/30px big_caslonmedium; letter-spacing:3px; margin:20px auto 12px; text-transform:none; max-width:760px;} #quotation .bx-wrapper .bx-pager{bottom:-75px;} #quotation .bx-pager-item{display:inline-block;} #quotation .bx-wrapper .bx-pager.bx-default-pager a:hover, #quotation .bx-wrapper .bx-pager.bx-default-pager a.active{background-color:#5d758d;} #quotation .bx-wrapper .bx-pager.bx-default-pager a{background-color:#01020a; height:9px; margin:0 12px; width:9px;} /** * 5.3 - Shop page * ---------------------------------------------------------------------------- */ #shoppingList{clear:both; margin:50px auto 70px; width:100%;} #shoppingList > header{border-bottom:1px solid #e9e9e9; font:11px/11px muli; letter-spacing:1px; margin-bottom:70px; padding-bottom:15px; text-transform:uppercase;} #shoppingList > footer{border-top:1px solid #e9e9e9; font:11px/11px muli; letter-spacing:1px; margin-top:70px; padding-top:15px; text-transform:uppercase;} #shoppingList .shopFilter{float:left;} #shoppingList .shopFilter > a{color:#231f20; font:11px/11px muli; letter-spacing:1px; border-left:1px solid #231f20; margin:0; padding:0 10px; width:auto;} #shoppingList .shopFilter > a:first-child{border-left:none;} #shoppingList .shopFilter > a.active{color:#708fb0;} #shoppingList .shopPaging{float:right;} #shoppingList .shopPaging a{float:right; height:16px; margin-top:-3px; width:10px;} #shoppingList .shopPaging .prev{background:url(images/homeslider/arrowleft.png) no-repeat 0 0;} #shoppingList .shopPaging .next{background:url(images/homeslider/arrowright.png) no-repeat 0 0;} #shoppingList .shopPaging p{float:right; font:11px/11px muli; letter-spacing:1px; padding:0 15px;} #shoppingList section a{color:#231f20; float:left; font:11px/14px muli; letter-spacing:1px; margin:0 8px; text-align:center; text-transform:uppercase; width:200px;} #shoppingList section figure{display:block; height:200px; overflow:hidden; width:200px;} #shoppingList section p{color:#231f20; font:11px/14px muli; letter-spacing:1px; text-align:center; text-transform:uppercase;} #shoppingList section .price{font-weight:600;} #shoppingList section img{display:block; width:100%;} #shoppingList section hr{border-top:1px solid #e9e9e9; clear:both; height:1px; display:block; margin:60px 0; width:100%;} #shoppingList .addtoany_list{display:none;} #modalContainer{background-color:rgba(0, 0, 0, .3); height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999;} #modal{background-color:#fff; font:300 11px/14px muli; letter-spacing:1px; left:50%; margin:12% 0 0 -200px; max-width:400px; padding:10px 15px; position:fixed; text-align:center; width:100%;} #shopSocialNetwork{height:18px;} #shopSocialNetwork a{float:left; height:18px; width:30px;} #modal img{display:block; margin:20px auto; max-width:250px; width:100%;} #modal p{text-transform:uppercase;} #modal b{display:block;} #modal .link{border:1px solid #282828; color:#3b3e40; display:inline-block; margin:20px 0; padding:5px 50px; text-align:center; text-transform:uppercase;} #modal .price{font-weight:600;} #modalClose{border:1px solid #939393; color:#afb0b0; cursor:pointer; display:block; font:12px/14px Tahoma; height:18px; position:absolute; right:15px; text-align:center; top:10px; width:18px;} /** * 5.4 - About page * ---------------------------------------------------------------------------- */ #aboutText{text-align:center; margin-bottom:125px; width:100%;} #aboutText > div{display:inline-block; margin:0 50px; width:415px;} #aboutText h2{border-bottom:1px solid #e9e9e9; margin-bottom:20px; padding-bottom:16px;} #aboutText a{display:block; font-weight:bold;} #aboutText p{text-align:left;} #aboutText p strong{display:block; text-align:center;} /* SOCIAL NETWORK */ #socialNetwork{display:inline-block; margin-top:-8px;} #socialNetwork > a{float:right; height:44px; width:34px;} #quotationAbout{background-color:#718fb0; clear:both; color:#fff; margin-bottom:55px; padding:40px 0 45px; text-align:center;} #quotationAbout p{font:30px/41px big_caslonmedium; letter-spacing:3px; margin:50px auto 60px; text-transform:none; max-width:865px;} #aboutArticle{background-color:#fcfbfa; padding-bottom:125px; text-align:center; width:100%;} #aboutArticle > article{background-color:#fff; display:inline-block; margin:0 12px; padding-bottom:80px; position:relative; width:322px;} #aboutArticle h2{border-bottom:1px solid #e9e9e9; font:24px/27px big_caslonmedium; margin-bottom:25px; padding-bottom:25px;} #aboutArticle h2 a{color:#231f20; font:24px/27px big_caslonmedium;} #aboutArticle h2 span{display:inline-block; font:300 11px/25px muli; padding-top:10px; text-transform:uppercase;} #aboutArticle p.hidden{display:none;} #aboutArticle > .active > p.hidden{display:block;} #aboutArticle p a{color:#231f20; font-size:12px;} #aboutArticle .lastLink{bottom:30px; display:block; left:0; letter-spacing:1px; position:absolute; text-transform:uppercase; right:0;} /** * 5.5 - Contact page * ---------------------------------------------------------------------------- */ #contactPage{background-color:#fcfbf9; padding-top:80px; text-align:center;} #contactPage h1{font:30px/34px big_caslonmedium; margin:0 0 15px; letter-spacing:1.5px;} #contactPage p{font:300 11px/16px muli; letter-spacing:1px; margin:0 auto; max-width:770px;} #contactForm{margin:35px auto 110px; text-align:center; width:950px;} #contactForm .inputText{clear:both; width:100%;} #contactForm .inputText span{float:left; margin:0 .5%; width:32%;} #contactForm .inputText span span{float:none; margin:0; width:100%;} #contactForm input[type=text], #contactForm input[type=email]{border:1px solid #bebdbd; border-radius:0; display:block; font:11px/25px muli; letter-spacing:1px; margin-bottom:35px; padding:9px 10px; text-align:center; width:100%;} #contactForm .checkbox{clear:both; width:100%;} #contactForm .checkbox p{float:right; margin-right:2%; text-align:left; width:65%;} #contactForm .checkbox p:first-child{float:left; margin-left:1%; width:30%} #contactForm .checkbox .wpcf7-list-item{float:left; margin:0;} #contactForm input[type=checkbox]{display:inline-block; float:left; margin:2px 2px 35px 65px; width:auto;} #contactForm .textarea{clear:both; width:100%;} #contactForm .textarea span{display:block;} #contactForm textarea{display:block; font:400 11px/25px muli; letter-spacing:1px; margin:0 1% 35px; padding:20px 5%; width:97%;} #contactForm input[type=submit]{background-color:#708fb0; border:none; color:#fff; font:400 12px/18px muli; margin:0 auto; padding:6px 60px 4px; text-transform:uppercase; width:auto;} #contactForm .submit{width:100%;} #contactPage h2{font:24px/34px big_caslonmedium; margin:0 0 25px;} #partnerships{padding-bottom:35px;} #partnerships img{margin:45px 1.5%;} /** * 5.6 - Directory page * ---------------------------------------------------------------------------- */ #quotationDirectory{background-color:#718fb0; clear:both; color:#fff; margin:10px 0 65px; padding:45px 0 50px; text-align:center;} #quotationDirectory p{font:30px/41px big_caslonmedium; letter-spacing:2px; margin:40px auto 20px; text-transform:none; max-width:760px;} #quotationDirectory .signature{font:12px/34px muli; margin:0 auto; text-transform:uppercase;} #directory3cols{margin:0 auto; text-align:center; width:1024px;} #directory3cols > h1{font:30px/34px big_caslonmedium; margin-bottom:15px;} #directory3cols > p{font:11px/16px muli; letter-spacing:2px;} #directory3cols > div{margin-top:45px;} #directory3cols > div > div{float:left; margin-right:29px; width:322px;} #directory3cols > div > div:last-child{margin-right:0;} #directory3cols article{background-color:#fff; margin-bottom:25px; padding-bottom:25px;} #directory3cols img{height:auto; width:322px;} #directory3cols h2{border-bottom:1px solid #e9e9e9; font:24px/27px big_caslonmedium; margin:0 auto 30px; padding:35px 0 30px; width:95%;} #directory3cols div a{color:#231f20; display:block; font:300 12px/25px muli; letter-spacing:1px;} div.wpcf7-mail-sent-ok{border:2px solid #718fb0!important; color:#718fb0;} /** * 8.0 Media Queries * ---------------------------------------------------------------------------- */ @media only screen and (max-width:1200px){ #footerMenu{padding-top:20px;} #subscribeBox{padding-top:40px;} } @media only screen and (max-width:1160px){ #headerNav{position:relative;} } @media only screen and (max-width:1060px){ #sidebar_blog, #sidebar_shop{display:none!important;} #mainColumn{float:inherit; margin:0 auto;} } /** * 9.0 Print * ---------------------------------------------------------------------------- */ /* Retina-specific styles. */ @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {} .site-header .search-field { background-image: url(http://yxdht2ey6h11at0ix2jeork1.wpengine.netdna-cdn.com/wp-content/themes/savvy_v1/images/search-icon-2x.png); } .format-audio .audio-content, .format-status .entry-content:before, .format-status .entry-meta:before, .comment-list > li:after, .comment-list .children > li:before { background-image: url(http://yxdht2ey6h11at0ix2jeork1.wpengine.netdna-cdn.com/wp-content/themes/savvy_v1/images/dotted-line-2x.png); } } @media print { body { background: none !important; color: #000; font-size: 10pt; } footer a[rel="bookmark"]:link:after, footer a[rel="bookmark"]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ } .site { max-width: 98%; } .site-header { background-image: none !important; } .site-header .home-link { max-width: none; min-height: 0; } .site-title { color: #000; font-size: 21pt; } .site-description { font-size: 10pt; } .author-avatar, .site-footer, .comment-respond, .comments-area .comment-edit-link, .comments-area .reply, .comments-link, .entry-meta .edit-link, .page-links, .site-content nav, .widget-area, .main-navigation, .navbar { display: none; } .entry-header, .entry-content, .entry-summary, .entry-meta { margin: 0; width: 100%; } .page-title, .entry-title { font-size: 21pt; } .entry-meta, .entry-meta a { color: #444; font-size: 10pt; } .entry-content img.alignleft, .entry-content .wp-caption.alignleft { margin-left: 0; } .entry-content img.alignright, .entry-content .wp-caption.alignright { margin-right: 0; } .format-image .entry-content .size-full { margin: 0; } /* Remove colors from post formats */ .hentry { background-color: #fff; } /* Comments */ .comments-area > li.comment { background: none; position: relative; width: auto; } .comment-metadata { float: none; } .comment-author .fn, .comment-reply-link, .comment-reply-login { color: #333; } } a.more-link { }