/* Theme Name: Theme12 Theme URI: http://kerwin.info Author: Kerwin Co Author URI: http://kerwin.info Description: Version: 1.0 License: GNU General Public License License URI: Tags: */ @import url(https://fonts.googleapis.com/css?family=Open+Sans); @import url(https://fonts.googleapis.com/css?family=Oswald); /* ========================================================================== 1. BASE, FLOATS, ALIGNMENTS ========================================================================== */ /*** 1.1 RESET ***/ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;} :focus{/*remember to define focus styles!*/outline: 0;} ol, ul{list-style:none;} table{/*tables still need 'cellspacing="0"' in the markup*/border-collapse:separate;border-spacing:0;} caption, th, td{font-weight:normal;text-align:left;} blockquote:before, blockquote:after, q:before, q:after {content: "";} blockquote, q{quotes: "" "";} a img{border:0;} article, , details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}/*html5*/ body{line-height:1;font:100% Tahoma,Geneva,sans-serif;text-align:center;} input, textarea{font-family:inherit;font-size:inherit;} textarea{height:90px;} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} @media screen, projection { /*** 1.2 STRUCTURE ***/ body.home{} body.single{} body.page{} /* Misc */ .hidden{display:none;} .clear{clear:both;} .arrowDown{display:inline-block;width:16px;height:16px;background:url('img/arrowDown.png') left top no-repeat;} /* Alignment */ .alignright{display:inline;float:right;margin-left:0.825em;} .alignleft{display:inline;float:left;margin-right: 0.825em;} .aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;text-align:center;} #page{max-width:100%;margin:0 auto;} /* Header */ #branding-container{width:100%;background:#ffffff;} #branding{} #branding #site-title{float:left;width:500px;max-width:100%;padding-top:10px;/*padding-left:10px;*/text-align:left;} #branding #site-info{float:right;width:400px;max-width:100%;padding-top:10px;padding-right:90px;text-align:right; background:url('img/contact-support-img.jpg') no-repeat right;} /* Navigation */ /*#access{max-width:90%;text-align:left;float:right;margin:0 0 25px;} #access select{display:none;} #access ul{list-style-type:none;} #access ul li{float:left;position:relative;} #access .dd-container{display:block;width:100%;margin:2.5% auto;} #access .dd-container ul li{float:none;} #access ul li a{display:block;padding:8px 5px;} #access ul li a:before{content:"| ";} #access ul li:first-child a:before, #access ul li li a:before{content:"";} #access ul ul{display:none;position:absolute;top:34px;left:0px;width:100%;z-index:999;} #access ul ul li{} #access ul ul li a{min-width:160px;padding-left:28px;} #access ul ul ul {left:100%;top:0px;} #access ul li:hover > ul {display:block;}*/ /* site-navigation */ #main-container{ background:#bae3f5 url('img/pageBg.jpg') repeat-x top; color:#333; padding-top:30px; } #navigation-container{width:100%; background:#003f87;/*border-bottom:1px solid #333;*/} #site-navigation{} #menu-icon{display:none;/* hide menu icon initially */} .nav-menu{float:left;} .nav-menu li{list-style:none;float:left;margin-right:3px;} /* nav link */ .nav-menu a{padding:10px 8px;display:block;text-decoration:none; /*ed*/color:#ffffff; -webkit-transition:all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;} .nav-menu a:hover{color:#ccc;} /* nav dropdown */ .nav-menu ul{display:none; /* hide dropdown */position:absolute;width:260px;padding:3px;z-index:999; /*ed*/background:#fff;border:solid 1px #ccc; -webkit-border-radius:3px;border-radius:3px;} .nav-menu ul a{background:#333;color:#eee;} .nav-menu ul a:hover{color:#fff;} .nav-menu ul li{float:none;margin:0;padding:0;} /* show dropdown on hover */.nav-menu li:hover > ul{display:block;} .nav-menu ul ul{left:100%;top:0px;} /* mobile navigation */ #site-navigation{position:relative;} /* menu icon */ #menu-icon{cursor:pointer;background:#ecebeb url('img/menu-icon.png') no-repeat 5px center;width:72px;height:42px;} #menu-icon:hover{background-color:#bbb;} #menu-icon.active{background-color:#bbb;} /* main nav */ .mob-menu{display:none;/*visibility will be toggled with jquery*/clear:both;position:absolute;top:38px;width:250px;max-width:80%;z-index:10000;padding:5px; /*ed*/background:#fff;border:solid 1px #999;} .mob-menu li{clear:both;float:none;margin:5px 0 5px 10px;} .mob-menu a, .mob-menu ul a{display:inline;padding:0; text-decoration:none;background:none;border:none;font:inherit;color:#888;} .mob-menu a:hover, .mob-menu ul a:hover {background:none; /*ed*/color:#000;} /* dropdown/sub-menu */ .mob-menu ul{position:static;display:block;width:auto; border:none;background:inherit;} .mob-menu ul li{margin:3px 0 3px 15px;} /* Main Content Area */ #page #main{width:960px;max-width:97%;margin:0 auto;text-align:left;} /* Contents */ #primary{ margin-bottom: 10px; } .entry-content img, #secondary img { max-width:100%; } #primary.one-column{width:100%;margin-left:0px;margin-right:0px;} #primary #content{} /* Entry Header */ #primary #content header.entry-header{} /* single & page */ .page #primary #content .entry-header{padding:0;} .page #primary #content .entry-header .entry-meta{padding:0 10px;} /* homepage */ #primary #content .entry-header{padding:10px 32px;} #primary #content .entry-header .comments-link{} /* Entry Contents */ #primary #content .entry-summary{padding:0 32px;} #primary #content .entry-content{padding:15px 32px 10px;} #primary #content .entry-meta{padding:0 32px 10px;} /* Comment Area */ #primary #content #comments{} /* Widget Area */ #secondary.widget-area{} #secondary.widget-area{} #secondary.widget-area .widget{margin:0 0 5%;} #secondary.widget-area .widget .widget-title{text-align:center;padding:10px 0;} #secondary.widget-area .widget ul{padding:15px;} #secondary.widget-area .widget li{} #secondary.widget-area .widget a{} /* Theme Specific Widget Area */ /* Widget Navigation */ #secondary #widget-nav{-webkit-box-shadow: 0px 0px 0px 0px #bfbebc;box-shadow: 0px 0px 0px 0px #bfbebc; /* .widgets have global borders so we reset*/border:0;} #secondary #widget-nav ul{background:none;padding:0;} #secondary #widget-nav li{} #secondary #widget-nav a{display:block;padding:12px 16px;max-width:239px;margin:0 auto 5px; -webkit-border-radius: 5px;border-radius: 5px;} #secondary #widget-nav li li{display:none;} /*widgetnav icons*/ #secondary #widget-nav li a{padding-left:39px;} /*widgetnav icons*/ #secondary #widget-nav li a{padding-left:39px;} /* castor widgets */ #widget-nav li.castor a{background-image:url('img/widgetnav/wid-castor.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.general a{background-image:url('img/widgetnav/wid-general.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.pneumatic a{background-image:url('img/widgetnav/wid-pneumatic.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.plasticcrates a{background-image:url('img/widgetnav/wid-plasticcrates.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.plasticnally a{background-image:url('img/widgetnav/wid-plasticnally.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.plasticrotomold a{background-image:url('img/widgetnav/wid-plasticrotomold.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.justafoot a{background-image:url('img/widgetnav/wid-justafoot.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.ladders a{background-image:url('img/widgetnav/wid-sidebar-ladders.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.handtrolleys a{background-image:url('img/widgetnav/wid-sidebar-handtrolleys.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.handtrucks a{background-image:url('img/widgetnav/wid-sidebar-handtrucks.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.pallettruck a{background-image:url('img/widgetnav/wid-sidebar-pallettruck.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.scissorlift a{background-image:url('img/widgetnav/wid-sidebar-scissorlift.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.liftingequip a{background-image:url('img/widgetnav/wid-sidebar-liftingequip.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.binlifter a{background-image:url('img/widgetnav/wid-sidebar-binlifter.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.safetysign a{background-image:url('img/widgetnav/wid-sidebar-safetysign.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.conveyor a{background-image:url('img/widgetnav/wid-sidebar-conveyor.png');background-repeat:no-repeat;background-position:10px 10px;} /* #castor widgets */ #widget-nav li.coffeebean a{background-image:url('img/widgetnav/wid-bean.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.cog a{background-image:url('img/widgetnav/wid-cog.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.tools a{background-image:url('img/widgetnav/wid-service2.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.heart a{background-image:url('img/widgetnav/widgetnav/wid-heart.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.message a{background-image:url('img/widgetnav/wid-chat.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.home a{background-image:url('img/widgetnav/wid-home.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.trophy a{background-image:url('img/widgetnav/wid-trophy.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.magnify a{background-image:url('img/widgetnav/wid-magnify.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.restaurant a{background-image:url('img/widgetnav/wid-resto.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.tag a{background-image:url('img/widgetnav/wid-tag.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.contract a{background-image:url('img/widgetnav/wid-contract.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.facility a{background-image:url('img/widgetnav/wid-facility.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.check a{background-image:url('img/widgetnav/wid-check.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.expert a{background-image:url('img/widgetnav/wid-expert.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.coffeecup a{background-image:url('img/widgetnav/wid-coffeecup.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.lm a{background-image:url('img/widgetnav/wid-lm.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.mazzer a{background-image:url('img/widgetnav/wid-mazzer.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.leaf a{background-image:url('img/widgetnav/wid-leaf.png');background-repeat:no-repeat;background-position:10px 10px;} #widget-nav li.espressomachine a{background-image:url('img/widgetnav/wid-espresso.png');background-repeat:no-repeat;background-position:10px 10px;} /* Widget Form */ #secondary #widget-form{-webkit-box-shadow: 0px 0px 0px 0px #bfbebc;box-shadow: 0px 0px 0px 0px #bfbebc;margin:0 auto 5%;} #secondary #widget-form .widget-title{/*background:#82b5bf;basic blue*/font-size:19px; background: #686868; /* Old browsers */ background: -moz-linear-gradient(top, #686868 0%, #5b5b5b 50%, #4c4c4c 100%); FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#686868), color-stop(50%,#5b5b5b), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #686868 0%,#5b5b5b 50%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #686868 0%,#5b5b5b 50%,#4c4c4c 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #686868 0%,#5b5b5b 50%,#4c4c4c 100%); /* IE10+ */ background: linear-gradient(to bottom, #686868 0%,#5b5b5b 50%,#4c4c4c 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686868', endColorstr='#4c4c4c',GradientType=0 ); /* IE6-9 */ } #secondary #widget-form ul{background:#ccc;padding-top:0;} #secondary #widget-form li{} #secondary #widget-form label{color:#333;} #secondary #widget-form .textbox{background:#fff;} #secondary #widget-form .textbox:focus{background:#fff;} #secondary #widget-form .widget-title-bottom{/*background:transparent url('img/widget-form.png') top center no-repeat;height:20px;margin-bottom:15px;*/margin:0 auto;width:0; height:0;border-left:20px solid transparent;border-right:20px solid transparent; border-top: 20px solid #4c4c4c;/*cool! http://css-tricks.com/snippets/css/css-triangle/ */} /* Widget Partners */ #secondary #widget-partners{margin:0 auto 5%;} /* Footer */ #colophon{width:100%;padding:15px 0;text-align:left;} #colophon-cont{} #colophon #colophon-menu{margin:0 0 5px;} #colophon ul{} #colophon li{display:inline;} #colophon li:before{content:" | ";} #colophon li:first-child:before{content:"";} #colophon li li{display:none;} #colophon li a{} #colophon #credits{} /*** 1.3 ELEMENTS & TYPOGRAPHY ***/ #page{font-family:"Open Sans", sans-serif;font-size:15px;line-height:23px;} #page img{/*max-width:100%;*/height:auto;} #branding #site-title a{text-decoration:none; !important} #branding #site-title a span{display:block;font-size:32px;font-weight:300;padding:20px 0 0;} /*#access a{font-size:15px;font-weight:300;text-decoration:none;}*/ #site-navigation a{font-size:14px;font-family:"Oswald", sans-serif;text-decoration:none;text-transform:uppercase;} #main h1,#main h2,#main h3{font-family:"Oswald", sans-serif;margin:0 0 15px;} #main h1{font-size:30px;line-height:38px;margin:0 0 15px;} #main h2{font-size:22px;line-height:30px;} #main h3{font-size:18px;line-height:26px;} #main p{margin-bottom:16px;} #main strong, #main b{font-weight:900;} #main em{font-style:italic;} #main .underline{text-decoration:underline;} #main .entry-meta{font-size:11px;color:#777;} #main .entry-meta a{color:#777;} #main .entry-meta p{font-size:11px;} #main a{} .entry-content a.back-btn,{background:transparent url('img/bullet.png') 5px 6px no-repeat;padding:0 0 0 15px; font-size:13px;} img.border{padding:3px;border:1px solid #ccc;} .entry-content blockquote{margin:0 0 10px;padding:20px 20px 1px 90px;} .entry-content hr{border:0;color:#e3e3e3;background:#e3e3e3;width:100%;height:1px;margin:15px auto;} .entry-content ul,.entry-content ol{margin:10px 10px 10px 25px;} .entry-content ul{} .entry-content ol{} .entry-content ul li{list-style:disc; padding:0 0 10px 10px;} #secondary,#secondary p{font-size:13px;line-height:20px;} #secondary h3{margin:0;} #secondary #widget-nav a{font-size:15px;text-transform:capitalize;} #colophon{font-size:11px;line-height:1.2em;} /* ========================================================================== 2. APPEARANCE ========================================================================== */ /* 2.1 STRUCTURE COLORS & STYLES */ /*body{background:#f3f3f3 url('img/home_bg_new.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover; color:#333;}*/ body{color:#333;} #page{} #branding #site-title a span{color:#4b2903;} #branding #site-info{} /*#access li li a{background:#4b2903;border-bottom:1px solid rgba(255,255,255,0.2);} #access li li:first-child a{-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;} #access li li:last-child a{-webkit-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;}*/ #primary #content{background:#fff;border:1px solid #ddd; /*-webkit-box-shadow:0px 0px 3px 2px #bfbebc; box-shadow:0px 1px 3px 1px #bfbebc;*/ -webkit-border-radius: 5px;border-radius: 5px;} #secondary.widget-area .widget{background:transparent;-webkit-border-radius:5px;border-radius:5px;/*border:1px solid #ddd;*/-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px #bfbebc;} #secondary.widget-area .widget ul{background:#fff;} #colophon{background: #333; background: -moz-linear-gradient(top, #333 0%, #222 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333), color-stop(100%,#222)); background: -webkit-linear-gradient(top, #333 0%,#222 100%); background: -o-linear-gradient(top, #333 0%,#222 100%); background: -ms-linear-gradient(top, #333 0%,#222 100%); background: linear-gradient(to bottom, #333 0%,#222 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#222222',GradientType=0 );} /* 2.2 TYPOGRAPHY & ELEMENTS COLORS & STYLES */ /*#access a{color:#333;} #access li li a{color:#fff;text-shadow:0 1px #333;}*/ #main a{color:#BD0622;text-decoration:none;} /*err this sucks eh? but you asked for it.*/ #main a.bluelink{text-decoration:underline;color:#15c;} #main a.blacklink{text-decoration:none;color:#000;} #main a.greenlink{color:#2A8E50} #main h1,#main h2,#main h3{color:#333;} #primary h2,#primary h3{color:#003f87;} #primary blockquote{background:#e3e3e3 url('img/quote.png') 20px 20px no-repeat; -webkit-border-radius:5px;border-radius:5px;} #primary .entry-header a{text-decoration:none;} .page #primary .entry-title { background: #a6a6a6 none repeat scroll 0 0; border-radius: 5px 5px 0 0; color: #ffffff; font-size: 21px; margin-top: 0; padding: 8px 15px; text-shadow: 0 1px 0 #555555; } .page #primary .entry-header a{color:#fff;} #main .multiple-columns p{font-size:12px;line-height:20px;} #secondary.widget-area .widget .widget-title{color:#fff;text-shadow:0 1px 0 #555; background: #0986D0;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;} #secondary #widget-nav a { text-decoration: none; color: #fff; background-color: #003f87; } #secondary #widget-nav a:hover { background-color: #94cb4a; } #colophon{color:#fff;} #colophon a{color:#fff;} /* ========================================================================== 3. MISC ========================================================================== */ /* 3.1 Other Page Elements */ /*Phone Number */ .phoneNum{padding-left:36px;background:url('img/ico-phone.png') left 5px no-repeat;height:41px;line-height:41px;display:block;float:right; font-size:28px;font-weight:700;font-family:"Oswald", sans-serif;text-decoration:none;color:#0155B5;} a.phoneNum{} /*Social Media Icons*/ .social-icons{display:inline-block;margin:15px auto 10px;} .social-icons li{float:left;margin:0 3px 0 0; list-style-type:none;} .social-icons li a{display:block;text-indent:-9999em; background-image:url('img/social-icons.png');width:30px;height:30px;} .social-icons li.facebook a{background-position:0 0;} .social-icons li.linkedin a{background-position:-30px 0;} .social-icons li.twitter a{background-position:-60px 0;} /*slider*/ #primary #ribbon{position:absolute;top:-5px;left:-6px;z-index:500;display:none; background:transparent url('img/rib-large.png') 0px 0px no-repeat;width:160px;height:160px; max-width:100%;} .slider-container{padding:10px;overflow:hidden; display:none} .slider-container .flexslider{margin-bottom:25px;} /* Featured Image */ .wp-featured-image{border:4px solid #fff;} /*forms*/ .contact-form{text-align:center;width:100%;max-width:270px;z-index:999;margin:0 auto 10px;} .contact-form label{float:left;width:100%;text-align:left;margin:0 0 3px; font-size:12px;} .contact-form span{padding-right:3px; color:#000;;font-weight:900;font-size:21px;} .contact-form .textbox{text-align:left;width:95%;padding:5px;margin:0 0 3px; background:#EEE9BF;border:1px solid #EEE9BF; -webkit-border-radius: 5px;border-radius: 5px;} .contact-form .textbox:focus{background:#fff; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2);} #main .contact-form a.privacy{display:inline-block;font-size:11px;background:transparent url('img/ico-lock.png') 0px 0px no-repeat;height:16px;line-height:16px;padding-left:18px;color:#15c;text-decoration:underline;} /*buttons*/ #main a.button{color:#fff; !important } .button{border:0;margin:10px 0;padding:12px 18px;cursor:pointer; text-decoration:none;font-size:17px;font-family:"Oswald", sans-serif;text-shadow:0px -1px 0 #555; -webkit-border-radius:5px;border-radius:5px;} .button:hover{box-shadow:1px 1px 2px 0 rgba(0,0,0,0.2);} .button.green{background: #77bb2e; background: -moz-linear-gradient(top, #77bb2e 0%, #6eb129 50%, #55971c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#77bb2e), color-stop(50%,#6eb129), color-stop(100%,#55971c)); background: -webkit-linear-gradient(top, #77bb2e 0%,#6eb129 50%,#55971c 100%); background: -o-linear-gradient(top, #77bb2e 0%,#6eb129 50%,#55971c 100%); background: -ms-linear-gradient(top, #77bb2e 0%,#6eb129 50%,#55971c 100%); background: linear-gradient(to bottom, #77bb2e 0%,#6eb129 50%,#55971c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77bb2e', endColorstr='#55971c',GradientType=0 ); border:1px solid #305b0e; color:#fff;} .button.red{background:#f05023;color:#fff;} .button.orange{background: #fc8516; background: -moz-linear-gradient(top, #fc8516 0%, #ce572c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc8516), color-stop(100%,#ce572c)); background: -webkit-linear-gradient(top, #fc8516 0%,#ce572c 100%); background: -o-linear-gradient(top, #fc8516 0%,#ce572c 100%); background: -ms-linear-gradient(top, #fc8516 0%,#ce572c 100%); background: linear-gradient(to bottom, #fc8516 0%,#ce572c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8516', endColorstr='#ce572c',GradientType=0 ); border:1px solid #f68500; color:#fff;} .button.coffee{background: #d2914c; background: -moz-linear-gradient(top, #d2914c 0%, #d16800 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2914c), color-stop(100%,#d16800)); background: -webkit-linear-gradient(top, #d2914c 0%,#d16800 100%); background: -o-linear-gradient(top, #d2914c 0%,#d16800 100%); background: -ms-linear-gradient(top, #d2914c 0%,#d16800 100%); background: linear-gradient(to bottom, #d2914c 0%,#d16800 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2914c', endColorstr='#d16800',GradientType=0 ); border:1px solid #d16800; color:#fff;} .button.blue{ background: #98db59; /* Old browsers */ background: -moz-linear-gradient(top, #98db59 0%, #94cb4a 50%, #7dc617 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98db59), color-stop(50%,#94cb4a), color-stop(100%,#7dc617)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #98db59 0%,#94cb4a 50%,#7dc617 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #98db59 0%,#94cb4a 50%,#7dc617 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #98db59 0%,#94cb4a 50%,#7dc617 100%); /* IE10+ */ background: linear-gradient(to bottom, #98db59 0%,#94cb4a 50%,#7dc617 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98db59', endColorstr='#7dc617',GradientType=0 ); /* IE6-9 */ border:1px solid #7DC617; color:#fff;} div.errorcontainer{display:none;padding:8px 0px;margin:0; font-size:12px; border:1px solid #f00;background:#ffebe8;} /*Image Captions*/ #main .wp-caption{margin-bottom:20px; /*background:#eaeaea;padding:5px 0 10px;-webkit-border-radius:3px;border-radius:3px;*/} #main .wp-caption img{} #main .wp-caption-text{margin-bottom:0px;font-size:12px;line-height:16px;font-style:italic;} /*Tables*/ table.default{} table.default tr.th{} table.default tr.th td{border-bottom:2px solid #ccc;font-weight:900;} table.default tr{} table.default td{margin:0px 5px 0px 0px;padding:8px;} /*Pricing list*/ #main ul.pricing{margin-left:auto;margin-right:auto;margin-bottom:20px;font-size:13px;} #main ul.pricing li{margin-left:0px;padding:10px 0 10px 10px;width:320px;max-width:90%;background-image:none;border-top:1px dashed #ccc;} #main ul.pricing li.totalPrice{text-align:center;font-size:26px;background-color:#d2914c;color:#fff;text-shadow:#555 0px 1px 0px;border-top:none;} #main ul.pricing .sub{font-size:11px;line-height:22px;} /*Tertiary*/ #tertiary{width:100%; background:#3f3f3f;border-top:5px solid #333; -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3);box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.3); color:#fff;font-size:12px} #tertiary-cont{} #tertiary a{color:#fff;text-decoration:none;} #tertiary .widget-footer{text-align: left;} #tertiary .widget-footer .widget-footer-title{margin:0 0 2.75%;font-size:15px;font-weight:900;} #tertiary .widget-footer ul{} #tertiary .widget-footer li{padding:3px 0;} /*Colophon Logos*/ #colophon-logos{width:100%;text-align:center;padding:25px 0 100px; /*background:#f8f8f8 url('img/bottom-beans.png') left bottom repeat-x;border-top:1px solid #ccc;-webkit-box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .3);*/ box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, .3); display:none;} #colophon-logos img{max-width:100%;height:auto;} /* Widget Footer Site Specific */ #widget-footer-socialmedia{} #widget-footer-socialmedia a.facebook{background-image:url('img/widgetnav/wid-facebook.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} #widget-footer-socialmedia a.twitter{background-image:url('img/widgetnav/wid-twitter.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} #widget-footer-socialmedia a.pinterest{background-image:url('img/widgetnav/wid-pinterest.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} #widget-footer-socialmedia a.google{background-image:url('img/widgetnav/wid-google.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} #widget-footer-socialmedia a.youtube{background-image:url('img/widgetnav/wid-youtube.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} } /***BUYERS GUIDES PAGE***/ .buyers-guides{overflow:hidden;} .buyers-guide-box{overflow:hidden;float:left;width:49%;padding:1.5%;margin-right:2%;margin-bottom:3.5%; border:1px solid #ddd;} .buyers-guide-box.even{margin-right:0%;} .buyers-guide-img{float:left;width:48%;margin-right:2%;} .buyers-guide-cnt{float:left;width:48%;margin-top:35px;} .buyers-guide-cnt .buyers-guide-title{} /***BUYERS GUIDE PAGES***/ .buyers-guides-1{overflow:hidden;margin-bottom:30px;} .buyers-guide-box-title-1{padding:10px;text-align: left;margin-bottom:0!important; background:#d2914c;border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; -webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;} #primary h2.buyers-guide-box-title-1{color:#fff;text-shadow:0 1px 0 #555;} .buyers-guide-box-container-1{overflow:hidden; border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; -webkit-border-radius: 0px 0px 5px 5px;border-radius: 0px 0px 5px 5px;} .buyers-guide-box-1{float:left;width:33.3%;padding:1.5%;text-align:center; border-top:1px solid #ccc;border-right:1px solid #ccc;} .buyers-guide-box-1.end-instance{border-right:0px;} .coffee-grinders .buyers-guide-box-1{width:25%;} .buyers-guide-img-1{} .buyers-guide-cnt-1{margin-top:15px;} #primary .buyers-guide-cnt-1 a{color:#4b2903;} .address{float: right;padding: 0 25px;color: #003f87;} /* 3.2 Media Queries */ @media screen and (max-width: 800px) { /*elements*/ #branding{background-image:none;} #main blockquote{background-image:none;padding-left:20px;} #page #branding{border-bottom:none;} #page #branding #site-title{float:none;text-align:center;margin:0 auto;padding-left:0px;} #page #branding #site-info{float:none;text-align:center;margin:0 auto;padding-right:0px; background-image:none;padding-right:0;} .phoneNum{float:none;display:inline;} .social-icons{} /*#access{float:none;margin:0;margin:-30px auto 0;text-align:center;} #access ul{display:none;} #access select{display:inline-block;padding:2px 0 2px 5px;margin:0 0 2.5%; /*STYLE*/ /*color:#fff; background:#4b2903;border:0}*/ #site-navigation{position:relative;margin-bottom:0px;} #menu-icon{display:block; /* show menu icon */} .nav-menu{display:none;} #main #primary{float:none;width:100%;margin:0 0 3.2%;} #primary #content .entry-header{padding:6px 10px;} #primary #content .entry-content{padding:10px 15px 10px;} #primary #content .entry-meta{padding:0 10px 5px;} #secondary.widget-area{float:none;width:100%;clear:both;} /*ribbon*/ #primary #ribbon{background-image:none;} /***BUYERS GUIDES PAGE***/ .buyers-guide-box{float:none;width:100%;padding:0;margin-right:0; margin-bottom:20px;} .buyers-guide-box .button{font-size:12px;}/*fix for 320px screens not fitting the text 'Download Now'*/ /***BUYERS GUIDE PAGES***/ .buyers-guide-box-1{float:none;width:100%;padding:0;margin-right:0;border:0; margin-bottom:20px;} .coffee-grinders .buyers-guide-box-1{width:100%;} .address{float: none;text-align:center;} } /**/ @media screen and (max-width: 480px) { .alignright{float:none;display:block;margin-left:0;margin-right:0;} .alignleft{float:none;display:block;margin-left:0;margin-right:0;} #page #branding #site-info img{} #tertiary .widget-footer{float:none;width:100%;} .mob-hide{display:none;} }