/* 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: */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ /* COLORS: BG: #F6F7FC INDEX: 1. BASE, FLOATS, ALIGNMENTS - 1.1 Reset - 1.2 Structure - 1.3 Elements & Typography 2. APPEARANCE - 2.1 Typography - 2.2 Other page elements - 2.3 Theme block colors 3. MISC - 3.1 Other Page Elements - 3.2 Media Queries still to do: -slider, contact form. -where does font sizes go? */ @import url(http://fonts.googleapis.com/css?family=Open+Sans); @import url(http://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;} @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{width:980px;max-width:100%;margin:0 auto;background: url("img/headerbanner.png") no-repeat scroll left top rgba(0, 0, 0, 0);} #branding #site-title{float:left;width:380px;max-width:100%;padding-top:10px;padding-left:10px;text-align:left;} #branding #site-info{float:right;width:470px;max-width:100%;padding-top:10px;padding-right:10px;text-align: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 */ #site-navigation{text-align:left;margin:0 0 15px;padding:0 15px;background:#ffffff;} #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:#333;-webkit-transition:all 1s;-moz-transition: all 1s;-o-transition: all 1s;-ms-transition: all 1s;transition: all 1s;} .nav-menu a:hover{color:#000;} /* 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 */ .menu-sidebar-container{background:none !important;} #site-navigation{position:relative;margin: 0 auto; max-width: 100%; text-align: left; width: 960px;} #branding-container{ background: none repeat scroll 0 0 #ffffff; width: 100%; } #navigation-container{ background: none repeat scroll 0 0 #FFFFFF; margin-bottom: 20px; width: 100%; border-top:2px solid #cccccc; } /* menu icon */ #menu-icon{padding:8px 10px 0 42px;margin:5px 0 0;cursor:pointer; border:solid 1px #666;background:#ecebeb url('img/menu-icon.png') no-repeat 10px center;width:42px;height:30px; color:#000;} #menu-icon:hover{background-color:#f8f8f8;} #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{float:right;width:67.5%;max-width:100%;margin:0 0 2.5% 2.5%;position:relative;} #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{float:left;width:30%;max-width:100%;margin:0 auto;} #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; background:#fff;} #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;} #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;max-width:320px;margin:0 auto 5%;} #secondary #widget-form .widget-title{/*background:#82b5bf;basic blue*/font-size:19px;line-height:150%; background: #EF3232; background: -moz-linear-gradient(top, #EF3232 0%, #f14949 60%, #EF3232 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EF3232), color-stop(60%,#f14949), color-stop(100%,#EF3232)); background: -webkit-linear-gradient(top, #EF3232 0%,#f14949 60%,#EF3232 100%); background: -o-linear-gradient(top, #EF3232 0%,#f14949 60%,#EF3232 100%); background: -ms-linear-gradient(top, #EF3232 0%,#f14949 60%,#EF3232 100%); background: linear-gradient(to bottom, #EF3232 0%,#f14949 60%,#EF3232 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EF3232', endColorstr='#f14949',GradientType=0 );} #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 #EF3232;/*cool! http://css-tricks.com/snippets/css/css-triangle/ */} /* Widget Partners */ #secondary #widget-partners{max-width:320px;margin:0 auto 5%;} /* Footer */ #colophon{width:100%;padding:15px 0;text-align:left;} #colophon-cont{width:980px;max-width:90%;margin:0 auto;} #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:14px;line-height:24px;} #page img{/*max-width:100%;*/height:auto;} #branding #site-title a{text-decoration:none!important;} #branding #site-title a span{display:block;padding:20px 0 0; font-family:"Oswald", sans-serif;font-size:34px;font-weight:300;line-height:110%;text-transform:uppercase;} /*#access a{font-size:15px;font-weight:300;text-decoration:none;}*/ #site-navigation a{font-size:16px;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:#aeaeae;background:#aeaeae;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{background:url('img/li-arrowDarkBrown.png') 0px 5px no-repeat; padding:0 0 15px 35px;} #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:#4169E1; /*background:#acaeb1 url('img/bg.jpg') no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;*/ color:#121212;} #page{background:#fff;background-image:url('img/background.jpg');background-attachment:fixed;background-position:center -92px;background-repeat:no-repeat;background-size:cover;} #branding #site-title a span{color:#009fd9;} #branding #site-infox{background:transparent url('img/site-description.jpg') top right no-repeat;padding-right:95px;} /*#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:none !important;-webkit-border-radius:5px;border-radius:5px;border:1px solid #aaa;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px #bfbebc;} #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:#005e92;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:#005E92;} #primary h2,#primary h3{color:#009fd9;} #primary blockquote{background:#eaeaea url('img/quote.png') 20px 20px no-repeat; -webkit-border-radius:5px;border-radius:5px;} #primary .entry-header a{text-decoration:none;} .entry-title a{color:#e82c3e !important;} #primary .page .entry-title{font-size:21px;padding:8px 15px; background:#393939;color:#ffffff;text-shadow:0 1px 0 #555; -webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;} #primary .post .entry-title{font-size:21px;padding:15px 32px 0px;margin-bottom:0!important; color:#e82c3e;} .page #primary .entry-header a{color:#fff;} #main .multiple-columns p{font-size:12px;line-height:15px;} .tile{background:#333333;width:192px;text-align:center;color:#ffffff;padding-bottom:0px;margin-top:15px;height:340px;} .tile h3{color:#ffffff !important;margin-top:20px !important;} .tile p{padding-left:15px;padding-right:15px;padding-top:15px;line-height:15px;} .p2{height:82px;} .p3{height:56px;} .p5{height:88px;} .p6{height:88px;} #secondary.widget-area .widget .widget-title{color:#fff;text-shadow:0 1px 0 #555; -webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px; background: #393939; background: -moz-linear-gradient(top, #393939 0%, #39393960%, #393939 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(60%,#393939), color-stop(100%,#393939)); background: -webkit-linear-gradient(top, #393939 0%,#393939 60%,#393939 100%); background: -o-linear-gradient(top, #393939 0%,#393939 60%,#393939 100%); background: -ms-linear-gradient(top, #393939 0%,#393939 60%,#393939 100%); background: linear-gradient(to bottom, #393939 0%,#393939 60%,#393939 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#393939',GradientType=0 );} #secondary #widget-nav a{text-decoration:none;color:#fff; background-color:#333;} #secondary #widget-nav a:hover{background-color:#3f3f3f;} #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:#333333;} 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; background:transparent url('img/rib-large.png') 0px 0px no-repeat;width:160px;height:160px; max-width:100%;} .slider-container{padding:10px;overflow:hidden;} .slider-container .flexslider{margin-bottom:25px;} /* Featured Image */ .wp-featured-image{border:4px solid #fff;} /*** CONTACT FORM ***/ .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:3px;border-radius:3px;} .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;} .buttonx: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{color:#fff; border:1px solid #e20003; background: #f25457; background: -moz-linear-gradient(top, #f25457 0%, #e22645 60%, #e20003 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f25457), color-stop(60%,#e22645), color-stop(100%,#e20003)); background: -webkit-linear-gradient(top, #f25457 0%,#e22645 60%,#e20003 100%); background: -o-linear-gradient(top, #f25457 0%,#e22645 60%,#e20003 100%); background: -ms-linear-gradient(top, #f25457 0%,#e22645 60%,#e20003 100%); background: linear-gradient(to bottom, #f25457 0%,#e22645 60%,#e20003 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25457', endColorstr='#e20003',GradientType=0 );} .button.orange{ background: #f35a27; background: -moz-linear-gradient(top, #f35a27 1%, #ed4c28 60%, #e26226 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f35a27), color-stop(60%,#ed4c28), color-stop(100%,#e26226)); background: -webkit-linear-gradient(top, #f35a27 1%,#ed4c28 60%,#e26226 100%); background: -o-linear-gradient(top, #f35a27 1%,#ed4c28 60%,#e26226 100%); background: -ms-linear-gradient(top, #f35a27 1%,#ed4c28 60%,#e26226 100%); background: linear-gradient(to bottom, #f35a27 1%,#ed4c28 60%,#e26226 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f35a27', endColorstr='#e26226',GradientType=0 ); border:1px solid #f35a27; color:#fff;} .button.coffee{background: #393939; background: -moz-linear-gradient(top, #393939 0%, #d16800 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#393939), color-stop(100%,#d16800)); background: -webkit-linear-gradient(top, #393939 0%,#d16800 100%); background: -o-linear-gradient(top, #393939 0%,#d16800 100%); background: -ms-linear-gradient(top, #393939 0%,#d16800 100%); background: linear-gradient(to bottom, #393939 0%,#d16800 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#393939', endColorstr='#d16800',GradientType=0 ); border:1px solid #d16800; color:#fff;} .button.bluex{background: #005E92; background: -moz-linear-gradient(top, #005E92 0%, #005E92 60%, #005E92 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005E92), color-stop(60%,#005E92), color-stop(100%,#005E92)); background: -webkit-linear-gradient(top, #005E92 0%,#005E92 60%,#005E92 100%); background: -o-linear-gradient(top, #005E92 0%,#005E92 60%,#005E92 100%); background: -ms-linear-gradient(top, #005E92 0%,#005E92 60%,#005E92 100%); background: linear-gradient(to bottom, #005E92 0%,#005E92 60%,#005E92 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54cbf6', endColorstr='#009fd9',GradientType=0 ); border:1px solid #009fd9; 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:#393939;color:#fff;text-shadow:#555 0px 1px 0px;border-top:none;} #main ul.pricing .sub{font-size:11px;line-height:22px;} /* Widget Social */ #secondary #widget-social{} #secondary #widget-social li{margin-bottom:15px;} #secondary #widget-social a.facebook{background-image:url('img/wid-facebook.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} #secondary #widget-social a.twitter{background-image:url('img/wid-twitter.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} #secondary #widget-social a.pinterest{background-image:url('img/wid-pinterest.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} #secondary #widget-social a.google{background-image:url('img/wid-google.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} #secondary #widget-social a.youtube{background-image:url('img/wid-youtube.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} /*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{width:980px;max-width:95%;margin:0 auto;padding:20px 0 15px;text-align:left;overflow:hidden;} #tertiary a{color:#fff;text-decoration:none;} #tertiary .widget-footer{float:left;width:25%;margin:0 2% 2% 1%;} #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; background:#fff;border-top:1px solid #ccc;} #colophon-logos img{max-width:100%;height:auto;} /* Widget Footer Site Specific */ #widget-footer-socialmedia{} #widget-footer-socialmedia a.facebook{background-image:url('img/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/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/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/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/wid-youtube.png');background-repeat:no-repeat;padding-left:35px;display:block;height:32px;line-height:32px;} /******* ACCORDION STYLE************/ .collapseomatic{ font-weight:bold !important; } } /* 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;width:960px;} #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;} } /**/ @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;} }