/* Theme Name: Floating Kitchen Theme URI: http://www.floatingkitchen.net Description: custom theme for floatingkitchen.net Author: A. Woods Author URI: http://www.iconikweb.com Version: 1.01 Tags: light, custom-background, threaded-comments, minimal, food License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /* Text Color: #545454 Menu Color: #3e3f3f Yellow Color: #86B854 Header Color: #2a2b2c */ /* for HTML5 blocks */ @font-face { font-family: "AlexandriaFLF"; src: url('fonts/alexandriaflf/alexandriaflf-bold-webfont.eot'); src: url('fonts/alexandriaflf/alexandriaflf-bold-webfont.eot?#iefix') format('eot'), url('fonts/alexandriaflf/alexandriaflf-bold-webfont.woff') format('woff'), url('fonts/alexandriaflf/alexandriaflf-bold-webfont.ttf') format('truetype'); font-weight: bold; } @font-face { font-family: "AlexandriaFLF"; src: url('fonts/alexandriaflf/alexandriaflf-italic-webfont.eot'); src: url('fonts/alexandriaflf/alexandriaflf-italic-webfont.eot?#iefix') format('eot'), url('fonts/alexandriaflf/alexandriaflf-italic-webfont.woff') format('woff'), url('fonts/alexandriaflf/alexandriaflf-italic-webfont.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: "AlexandriaFLF"; src: url('fonts/alexandriaflf/alexandriaflf-bolditalic-webfont.eot'); src: url('fonts/alexandriaflf/alexandriaflf-bolditalic-webfont.eot?#iefix') format('eot'), url('fonts/alexandriaflf/alexandriaflf-bolditalic-webfont.woff') format('woff'), url('fonts/alexandriaflf/alexandriaflf-bolditalic-webfont.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: "AlexandriaFLF"; src: url('fonts/alexandriaflf/alexandriaflf-webfont.eot'); src: url('fonts/alexandriaflf/alexandriaflf-webfont.eot?#iefix') format('eot'), url('fonts/alexandriaflf/alexandriaflf-webfont.woff') format('woff'), url('fonts/alexandriaflf/alexandriaflf-webfont.ttf') format('truetype'); } @import url(https://fonts.googleapis.com/css?family=Lato); @import url(https://fonts.googleapis.com/css?family=Open+Sans); /* for HTML5 blocks */ header, footer, aside, nav, article, section { display: block; } a { outline: none !important } ::selection , ::-moz-selection { background-color: #333 !important; color: #FFF !important; } .noshow{height:0px!important;width:0px!important} .widget { margin-left: -30px; padding-left: 20px; border-bottom: 2px solid #ECECEC; padding-bottom: 15px } .widget ul, .widget ol { margin-bottom: 0; margin-left: 0 } /* --------------------------------------------------------------------------------------------------------- Body --------------------------------------------------------------------------------------------------------- */ body, .body-class { font-family:Open Sans, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 19px; background-color: #FFF; color: #222; word-wrap: break-word; font-weight:normal; } .entry-title a { color: rgb(92, 92, 92); font-style:normal!important; } .entry-title h2{font-style:normal!important; font-family:Open Sans, Helvetica, Arial, sans-serif; } .entry-title { font-size: 24px!important; line-height:30px; } .top-block { background: #86B854; position: relative; padding-top: 10px; padding-bottom:-20px; } #zlrecipe-container .heading-one, #zlrecipe-container .h-1 { font-size: 24px!important; line-height: 30px!important; color:#222!important;} /* --------------------------------------------------------------------------------------------------------- Clear Floats --------------------------------------------------------------------------------------------------------- */ .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* --------------------------------------------------------------------------------------------------------- Logo --------------------------------------------------------------------------------------------------------- */ #logo { /* float:left; */ margin-bottom: -30px; } #logo h1 { font-family: 'Merriweather Sans', sans-seif; font-size: 36px; text-transform: uppercase; color:#222!important; width:auto; white-space: nowrap; } #logo h1, #logo h2 { margin-bottom: 0; padding-bottom: 0; color: #FFF !important } #logo h2 { font-size: 18px; text-transform: lowercase } #logo h1 a, #logo h2 a { color: #222 } #logo h1 a:hover, #logo h2 a:hover{color:#86B854;transition: all 0.3s ease-in-out 0s; } #entry-welcome { background-color: #2a2b2c; padding: 50px 0; text-align: center; position: relative } #entry-welcome h1{font-family:'Vidaloka', Arial, Helvetica, sans-serif;font-size:65px!important;color: rgb(255, 255, 255);text-shadow: 2px 2px 2px rgba(50, 26, 14, 0.3);padding-bottom:20px;margin:10px;} #entry-welcome h2{color:#fff!important;color: rgb(255, 255, 255); text-shadow: 2px 2px 2px rgba(50, 26, 14, 0.3);font-style:italic} #entry-welcome > .container { position: relative } #entry-welcome > .container .btn-close { position: absolute; right: 0; top: -40px; background: url(img/btn-close.png) right top no-repeat; width: 33px; height: 33px; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; -transition: opacity 0.3s ease; } #entry-welcome > .container .btn-close:hover { cursor: pointer; opacity: 0.5 } #entry-welcome h1 { color: #FFF; font-size: 40px; line-height: 50px; margin-bottom: 0; } #entry-welcome h1 span { letter-spacing: 5px; } #content, #content-home { padding-top: 50px } #content-single { padding: 50px 20px 20px 20px } .border-right { border-right: 2px solid #ececec; } .infinite-box { text-align: center; width: 100px; margin: 0 auto } a #infinitloader { margin-bottom: 30px; display: block } #boxed-content { padding: 0 30px; background-color: #fff; } #boxed-content #entry-welcome, #boxed-content .top-block, #boxed-content #footer, #boxed-content #section-slider, #boxed-content .inner-title-block { margin: 0 -30px; } .std-nav { padding-bottom: 30px } /* --------------------------------------------------------------------------------------------------------- Sidebar --------------------------------------------------------------------------------------------------------- */ #sidebar { padding-top: 50px; border-left: 2px solid #ececec; /*#DADCE0;*/ margin-left: -32px; padding-left: 30px; padding-bottom:0px } /* --------------------------------------------------------------------------------------------------------- Menu --------------------------------------------------------------------------------------------------------- */ .to-top-block { background-color: #373a3c; border: 1px solid #686b6e; margin-bottom: 10px; display: inline-block; height: auto; padding: 5px 10px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .to-top-block { font-size: 11px; margin-bottom: 0; color: #aaa; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; } .to-top-block { float: right } .floatLeft { float: left !important } p a{color:#86B854 !important;} p a:hover{color:#45AAB8!important;} .bg-menu { background-color: #373a3c; border-top: 1px solid #666b6e; border-bottom: 5px solid #72b7fc; width: 100%; } .divider-1px-white { height: 1px; width: 100%; background-color: #fff } #menu { float:right; background: url(img/border.png) right top repeat-y; margin-left: 0; padding-right: 20px; margin-bottom: 0px; } .add-nav li a { text-transform: lowercase; line-height: 18px; font-size: 11px; font-weight: normal; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: capitalize; background: none !important; } .sf-menu.add-nav li:hover ul, .sf-menu.add-nav li.sfHover ul { top: 30px; width: 140px; background: #373A3C; } .sf-menu.add-nav li:hover ul li, .sf-menu.add-nav li.sfHover ul li { padding: 5px; width: 130px; border-bottom: 1px solid #424648 } .sf-menu.add-nav li:hover ul li a, .sf-menu.add-nav li.sfHover ul li a { color: #999 !important } .sf-menu.add-nav li:hover ul li a:hover, .sf-menu.add-nav li.sfHover ul li a:hover { color: #fff !important } .sf-menu.add-nav a { padding: 0; color: #c0c0c0 !important; } .sf-menu.add-nav li { margin-right: 10px; border: none; padding: 0; background: none !important } .sf-menu.add-nav li:hover a { color: #fff !important; cursor: pointer } .sf-menu li:last-child { margin-right: 0 } /* * ===================================================================================== * Entry Posts * ===================================================================================== */ .single-date { display: block !important } .entry-post, .single-box-entry { margin-bottom: 40px; border-bottom: 2px solid #ECECEC; padding-bottom: 40px; padding-right: 20px; display: block; } ul.archive-list { margin-left: 0; margin-bottom: 30px; list-style: disc; list-style-position: inside } /* * ===================================================================================== * Meta Information * ===================================================================================== */ .entry-meta { height: 30px; width: 55px; text-align: center; color: #e4b41b; display: block; border-radius: 3px; float: left; margin-right: 10px } .entry-meta { position: relative; background: #fff; border: 3px solid #e4b41b; } .entry-meta:after, .entry-meta:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .entry-meta:after { border-color: rgba(136, 183, 213, 0); border-top-color: #e4b41b; border-width: 3px; left: 50%; margin-left: -3px; } .entry-meta:before { border-color: rgba(228, 180, 27, 0); border-top-color: #e4b41b; border-width: 9px; left: 50%; margin-left: -9px; } .entry-meta .count { color: #e4b41b; border-radius: 3px; font-size: 14px; text-align: center; margin-bottom: 7px; font-weight: bold; width: 55px; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; -ms-transition: color .2s linear; transition: color .2s linear; } .entry-meta .count a, .entry-meta .count.likes-style, .entry-meta .count.views-style { display: block; padding: 6px 0px; width: 55px } .entry-meta .count:hover, .entry-meta .count a:hover, .entry-meta .count.likes-style:hover, .entry-meta .count.views-style:hover { cursor: pointer; color: #727272 } .entry-meta.left { float: left; margin-right: 10px; margin-left: 0 } .entry-meta.right { float: right; margin-left: 10px; margin-right: 0 } .entry-meta-standard { height: 29px; font-size: 12px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; line-height: 29px; margin-right: -20px; } .entry-meta-standard.right { text-align: right; padding-right: 20px; padding-left: 20px; float: right } .entry-meta-standard a, .entry-meta-standard a:link, .entry-meta-standard a:visited { font-size: 12px } .entry-meta-standard a:hover { color: #e4b41b } .entry-meta { margin-bottom: 15px } .format-chat p:nth-child(2n+1) { background: none repeat scroll 0 0 #f7f8f9; /* box-shadow: 0 2px 1px #ececec*/ } .format-chat p { margin: 0; padding: 8px 10px 8px 0; border-bottom: 1px solid #ececec } .format-chat #respond p { background: none; border: none; padding: 0 } .format-chat #respond p.logged-in-as { margin-bottom: 15px } .entry-chat { margin-bottom: 15px } .entry-chat p strong { background-color: #86B854; color: #FFF; padding: 10px; margin-right: 10px } .format-chat ul#comments li p { border: none; padding: 0; margin-bottom: 15px } .entry-aside { background: #f7f8f9; border:1px solid #ececec; padding: 20px 20px 5px 20px; margin-bottom: 15px; border-radius: 5px } #content-single .entry-aside > p { margin-bottom: 15px; } .entry-aside > p { margin-bottom: 15px } .entry-video { margin-left: 0 !important; padding-left: 0 !important } .entry-video iframe { width: 100%; display: block; line-height: 0; margin-left: 0 !important; padding-left: 0 !important } .entry-audio iframe { display: block; line-height: 0; width: 100% } .entry-gallery.flexslider { padding: 0 !important; border: none !important; margin: 0 0 15px; } /* ======================================================================================================================= * * Post Like * ======================================================================================================================= */ .post-like{ margin-top: 2px; float: right } /* .like{ background:url(img/icons.png) no-repeat 0 0; width: 15px; height: 16px; display: block; float:left; margin-right: 4px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s } .post-like a:hover .like{ background:url(img/icons.png) no-repeat -16px 0 } */ .voted .like, article footer .post-like .alreadyvoted{ background-position:-32px 0 } .entry-likes { margin-left:5px; margin-bottom: 15px; margin-left:0; padding-left: 0 } .entry-likes strong { color: #545454; font-weight: normal; font-style: italic } .post-like{ float: left } .likes { width: 100%; margin-bottom: 15px; float: left; line-height: 18px } .like { background:url(img/icons/heart.png) no-repeat; width: 13px; height: 14px; display: block; float:left; margin-right: 4px; -moz-transition: all 0.2s ease-out 0.1s; -webkit-transition: all 0.2s ease-out 0.1s; -o-transition: all 0.2s ease-out 0.1s } .entry-single-meta { border-bottom: 1px solid #ececec; margin-right: -31px; border-right: 1px solid #ececec; padding: 20px 0; padding-right: 20px; text-align: right; } .entry-single-meta h4 { text-align: right } .entry-single-meta > .likes { margin-bottom: 0 } .entry-single-meta .post-like { float: right !important; margin-top: 0; } ul.single-post-meta { padding-top: 50px; list-style-type: none; clear: both; margin-bottom: 0 } ul.single-post-meta li { text-align: right; } ul.single-post-meta li:first-child .entry-single-meta { padding-top: 0 } .voted .like, .post-like .alreadyvoted, .post-like a:hover .like { background:url(img/icons/heart-active.png) no-repeat; } .bottom-meta { border-top: 1px dashed #EDEDED; margin-top: 6px; padding-top: 5px; border-style: } .right-nav { float: right; padding-right: 20px; } .the-icons { list-style:none; margin:0; } .the-icons li { float: left; width: 25%; line-height: 25px; } .blog-yumprint-stars-reviews{display:none!important;} .count { float: left; margin-right: 5px } .entry-full-width { margin-bottom: 30px } .entry-title { border-bottom:1px solid #ececec; line-height: 35px; margin-bottom: 10px } .postmetas li{list-style-type: none;display:inline;font-style:italic;font-weight:normal!important;font-size:13px;text-transform:uppercase!important;} ul.postmetas{margin:0!important;padding-bottom:10px;} .postmetas li a{font-weight:normal!important;} .widget h3{font-family:Merriweather Sans, Arial, Helvetica, sans-serif!important;font-size:25px} .widget ul li{padding: 10px 0px;margin:0 0px 2px 0px} li.jaw_months{margin:0px 0px 0px 15px!important;} .menu li{list-style-type:disc;padding: 10px 0px!important;margin:0 0px 2px 12px!important} .lcp_catlist li{padding: 3px 0px!important;margin:0 0px 2px 12px!important} @media screen and (-webkit-min-device-pixel-ratio:0) { .menu li{list-style-type:disc;padding: 10px 0px!important;margin:0 0px 2px 15px!important} li.jaw_months{margin:0px 0px 0px 15px!important;} } .entry-title.no-margin { margin-bottom: 15px } .author-margin { border-bottom:1px solid #ececec; margin-bottom: 50px } /* --------------------------------------------------------------------------------------------------------- Lists --------------------------------------------------------------------------------------------------------- */ ul { list-style-type: none; /*list-style-position: inside; margin-bottom: 15px; */ } /* default lists */ ul.list { margin-left: 0 } ul.list li { padding: 5px 0; line-height: 18px; } ul.list.underline li { border-bottom: 1px dashed #DCE2E7 } ul.unordered { list-style: none; } ul.ordered { list-style: inside decimal; } ul.square { list-style: inside square; } ul.circle { list-style: inside circle; } ul.bullets { list-style: inside disc } ul.arrow li { background: url('images/list-arrow.png') left 11px no-repeat; padding-left: 15px; } ul.arrow2 li { background: url('images/list-arrow2.png') left 11px no-repeat; padding-left: 15px; } /* --------------------------------------------------------------------------------------------------------- Post Formats --------------------------------------------------------------------------------------------------------- */ .row-fluid { position: relative } .format-icon-standard, .format-icon-quote, .format-icon-audio, .format-icon-video, .format-icon-aside, .format-icon-status, .format-icon-image, .format-icon-gallery, .format-icon-link, .format-icon-chat { border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; display: block; height: 32px; width: 32px; float: right; margin-right: -20px; padding: 3px 30px 3px 20px; position: absolute; right: 0; top: 0 } .format-icon-standard { background: url(img/icon-formats/standard.png) center center no-repeat; } .format-icon-quote { background: url(img/icon-formats/quote.png) center center no-repeat; } .format-icon-audio { background: url(img/icon-formats/audio.png) center center no-repeat; } .format-icon-video { background: url(img/icon-formats/video.png) center center no-repeat; } .format-icon-aside { background: url(img/icon-formats/aside.png) center center no-repeat; } .format-icon-status { background: url(img/icon-formats/status.png) center center no-repeat; } .format-icon-image { background: url(img/icon-formats/image.png) center center no-repeat; } .format-icon-gallery { background: url(img/icon-formats/gallery.png) center center no-repeat; } .format-icon-link { background: url(img/icon-formats/link.png) center center no-repeat; } .format-icon-chat { background: url(img/icon-formats/chat.png) center center no-repeat; } /* --------------------------------------------------------------------------------------------------------- Typography --------------------------------------------------------------------------------------------------------- */ p { margin-bottom: 15px; } h1,h2,h3,h4,h5,h6 { color: #111; line-height: 18px; margin-bottom:15px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; margin: 0; margin-bottom: 15px; } .atwidget iframe { max-width:none; } .wpsr-floatbar-float_left{display:none!important;} .inner-title-block { background: #2A2B2C url(//floatingkitchen.net/wp-content/uploads/2013/04/blue.jpg) no-repeat top center; padding: 50px 0; color: #FFF; text-align: center } h1.entry-single-title{text-shadow: 2px 2px 2px rgba(50, 26, 14, 0.3);} h1 { font-size: 36px; line-height: 42px } h2 { font-size: 25px; line-height: 30px;} h3 { line-height: 24px; margin-bottom: 15px; font-size: 18px; } h3.bold-title { font-weight: bold; } h4 { font-size: 16px; line-height: 20px; margin-bottom: 10px; } h4.single-date { margin-bottom: 0px; color: #111 } h5 { font-size: 12px; line-height: 19px; margin-bottom: 10px} h6 { font-size: 11px; line-height: 18px; margin-bottom: 5px } .entry-single-title { color: #FFF; margin-bottom: 0 } a.sign-in { color: #FFF !important; margin-right: 20px; font-weight: bold } #searchform input { padding: 5px 8px; margin:5px; width: 85%; border: 0px solid #e4b41b; /* padding: 5px; */ } a.more-link { font-weight: bold; font-size: 13px; display: inline-block; margin-bottom: 15px; } a.moretag, .join-btn { background: #232527; border-radius: 3px; border: 3px solid #e4b41b; color: #fff !important; display: inline-block; font-size: 14px; font-weight: bold; margin-top: 10px; padding: 8px 18px; -webkit-transition: background .2s linear; -moz-transition: background .2s linear; -o-transition: background .2s linear; -ms-transition: background .2s linear; transition: background .2s linear; text-decoration: none; } .entry-full-article { border-top: 0px solid #ececec; font-weight: bold; display: inline-block; padding: 5px 15px 5px 5px; border-bottom: 0px solid #ececec; } .join-btn { padding: 10px 18px; margin-top:0; text-decoration: none !important; cursor: pointer; background-color: #86B854 } .join-btn:hover { background-color: #3E3F3F !important } .moretag.left { float: left } .moretag.right { float: right } .moretag:hover, .join-btn:hover { background: #86B854; color: #ffffff; } a, a:link, a:visited { color: #111; text-decoration: none; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -o-transition: color 0.3s ease; -transition: color 0.3s ease; } a:hover { color: #e4b41b; outline: none !important } .small-meta a, .meta-time a { color: #333; } .small-meta a:hover, .meta-time a:hover { color: #e4b41b } .meta-time a { font-weight: bold; } .meta-time { margin-right: 5px; line-height: 18px; display: block; margin-left: 15px } a img { display:block; line-height:0 !important; background: none !important; } ul.left-col li, ul.right-col li { border-bottom: 1px dashed #ececec; padding: 5px 0 } .comments, .post-time { font-size: 12px; color: #999; font-style: italic } .post-time { margin-bottom: 15px } .post-time.no-margin { margin-bottom: 0 } ul.popular-post-widget li{ margin-left: 0px;list-style: none!important;list-style-stype:none!important; } ul.popular-post-widget li:last-child .post-meta { margin-bottom: 0 } .likes-widget, .comments.views, .comments.comm { /* float: left; */ line-height: 19px; margin-left: 20px; margin-bottom: 2px } blockquote p:before, blockquote p:after { content: '"'; font-size: 30px; font-style: italic; font-family:'Courier New', Courier, monospace; } blockquote { border-left: 1px solid #ECECEC; padding: 0 0 0 15px; } blockquote p { font-size: 18px; line-height: 26px; font-style: italic; } strong { font-weight: bold; color: #333 } .format-status .entry-status { font-size: 18px; font-style: italic; line-height: 26px; margin-bottom: 15px; } .format-status .entry-status a { font-size: 15px; line-height: 22px } .status-title-link a.more-link { display: inline-block !important } #author-description { margin-bottom: 20px; padding: 20px; margin-right: 20px; background: #f7f8f9; border: 1px solid #ececec } .entry-status p a { margin-bottom: 0 } /* --------------------------------------------------------------------------------------------------------- Margins --------------------------------------------------------------------------------------------------------- */ /* top margins */ .margin-5t { margin-top: 5px; } .margin-8t { margin-top: 8px; } .margin-9t { margin-top: 9px; } .margin-10t { margin-top: 10px; } .margin-15t { margin-top: 15px; } .margin-20t { margin-top: 20px; } .margin-25t { margin-top: 25px; } .margin-30t { margin-top: 30px; } .margin-35t { margin-top: 35px; } .margin-40t { margin-top: 40px; } .margin-45t { margin-top: 45px; } .margin-50t { margin-top: 50px; } .margin-55t { margin-top: 55px; } .margin-60t { margin-top: 60px; } /* bottom margins */ .margin-5b { margin-bottom: 5px; } .margin-8b { margin-bottom: 8px; } .margin-10b { margin-bottom: 10px; } .margin-15b { margin-bottom: 15px; } .margin-20b { margin-bottom: 20px; } .margin-25b { margin-bottom: 25px; } .margin-30b { margin-bottom: 30px; } .margin-35b { margin-bottom: 35px; } .margin-40b { margin-bottom: 40px; } .margin-45b { margin-bottom: 45px; } .margin-50b { margin-bottom: 50px; } .margin-55b { margin-bottom: 55px; } .margin-60b { margin-bottom: 60px; } .margin-20l { margin-left: 20px; } .margin-20r { margin-right: 20px; } .margin-30l { margin-left: 30px; } .margin-30r { margin-right: 30px; } .no-margin-b { margin-bottom: 0; } .no-margin-t { margin-top: 0; } .floatRight { float: right } .floatLeft { float: right } /*-------------------------------------------------------------------------------------------------*/ /*SUPERFISH MENU */ /*-------------------------------------------------------------------------------------------------*/ #section-slider { background-color: #f7f8f9; border-bottom: 2px solid #ececec; border-top: 1px solid #FFF; padding-top: 50px; } a#inifiniteLoader{ position: relative; z-index: 2; display:block; width: 31px; height: 31px; margin: 0 auto } a#inifiniteLoader img { margin-left: 7px } .ct_navigation select { display: none; width: 100%; padding: 5px 0; margin: 40px 0 10px 0px; border: none !important; float: right; text-transform:uppercase; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; color: #222; background:#F5F5F5; } .menu-main-container ul{list-style:none;margin:0;padding:0}.menu-main-container ul a{display:block;position:relative;font-family:'Titillium Web', Arial, Helvetica, sans-serif!important; text-transform:uppercase!important; font-size:18px!important;position:relative;outline:none;line-height:100%;text-decoration:none;line-height:25px;padding:8px;}.menu-main-container ul a.sf-with-ul{padding-right:1em}.menu-main-container ul li{float:left;padding:0 0 0 30px;position:relative;z-index:40}.menu-main-container ul li:first-child{padding-left:0}.menu-main-container ul li:hover{visibility:inherit}.menu-main-container ul li:hover ul, .menu-main-container ul li.sfHover ul{left:-20px;top:30px;z-index:99}.menu-main-container ul li:hover li ul, .menu-main-container ul li.sfHover li ul, .menu-main-container ul li li:hover li ul, .menu-main-container ul li li.sfHover li ul, .menu-main-container ul li li li:hover li ul, .menu-main-container ul li li li.sfHover li ul{top:-9999em}.menu-main-container ul li li:hover ul, .menu-main-container ul li li.sfHover ul, .menu-main-container ul li li li:hover ul, .menu-main-container ul li li li.sfHover ul, .menu-main-container ul li li li li:hover ul, .menu-main-container ul li li li li.sfHover ul{left:240px;top:0}.menu-main-container ul li a:hover, .menu-main-container ul li:hover, .menu-main-container ul li.sfHover a, .menu-main-container ul li.current-cat a, .menu-main-container ul li.current_page_item a, .menu-main-container ul li.current-menu-item a{text-decoration:none}.menu-main-container ul ul{background:#333;background:#fff;border:1px solid #e0e0e0;margin:20px 0 0 50px;padding:0;position:absolute;top:-9999em;width:250px}.menu-main-container ul ul ul{margin:0}.menu-main-container ul ul li{background:none;float:none;width:100%;margin:0;padding:0;border:none;height:auto;text-align:left;box-shadow:none;border:none}.menu-main-container ul ul li a{font-size:18px!important;font-weight:normal;color:#222!important;display:block;margin:0;padding:8px 10px;height:auto}.menu-main-container ul ul li a:hover{background:#FBFBD5;overflow:hidden!important;}.menu-main-container .sf-sub-indicator{border:medium none;display:inline;font-weight:normal;margin:0;padding:0;position:absolute;right:0;top:0}.menu-main-container ul ul .sf-sub-indicator{right:20px;top:20px}.menu-main-container ul ul a.sf-with-ul{}.menu-main-container ul li.sfHover ul a{color:#595959 !important}.menu-main-container ul li.sfHover ul a:hover{color:#595959 !important}/.menu-main-container ul li a:hover, .menu-main-container ul li:hover, .menu-main-container ul li.sfHover a{color:#000} --------------------------------------------------------------------------------------------------------- Tags --------------------------------------------------------------------------------------------------------- */ .post-tags { margin-top: 10px; } .cloud { padding: 0; list-style: none; margin: 0 auto; position:relative; width:100% } .cloud .tag { margin: 3px 0 3px 3px; padding: 0; position: relative; display: block; overflow: hidden; } .cloud .tag a { font: 11px/22px Arial, Sans-serif; text-decoration: none; margin: 1px; display: block; text-decoration: none; background: #86B854; color: #ffffff; padding: 0 11px 0 22px; background: #fcc65e; background: -webkit-gradient(linear, left top, left bottom, from(#86B854), to(#86B854)); background: -moz-linear-gradient(top, #86B854, #86B854); /* text-shadow: 0 1px 0 rgba(255,255,255,0.65);*/ -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .cloud .tag:before { content: ''; height: 0; width: 0; position: absolute; top: 0; left: 0; border-color: #FFF transparent; border-width: 12px 12px 12px 0; border-style: solid; } .cloud .tag a:after { content: ''; height: 6px; width: 6px; background: #FFF; position: absolute; top: 50%; left: 8px; margin: -3px 0 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 0 1px #86B854 inset, 0 1px 2px 0 rgba(0,0,0,0.25) inset; -moz-box-shadow: 0 0 0 1px #86B854 inset, 0 1px 2px 0 rgba(0,0,0,0.25) inset; box-shadow: 0 0 0 1px #86B854 inset, 0 1px 2px 0 rgba(0,0,0,0.25) inset; } /* --------------------------------------------------------------------------------------------------------- Tabs --------------------------------------------------------------------------------------------------------- */ .ui-tabs-hide { display: none; } #featuredvid { text-align: center; } .fvid { margin-bottom: 5px; } .vidselector li { text-align: left; list-style: none; background: #ffffff; border: 1px solid #dedbd1; text-transform: uppercase; margin-bottom: 5px; } /* ------------------------------------------------------------------------------------------------- Shortcode Tabs ------------------------------------------------------------------------------------------------- */ .section { background: #fff; border: 1px solid #DCE2E7 } ul.tabs { height: 28px; line-height: 25px; list-style: none; background: #f1f2f3; } .widget .tabs li, .tabs li { float: left; display: inline; margin: 0 1px -1px 0; cursor: pointer; padding: 3px 7px 2px; border: none; background: #f1f2f3; position: relative; color:#999; text-transform:capitalize; font-size: 12px; font-weight: bold; line-height: 23px; border-right: 1px solid #ddd; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; -transition: all .2s ease; } ul.tabs { border: none } ul.tabs li, ul.tabs li:hover { background: #fff; border-right: 1px solid #ddd } .tabs li:hover, .vertical .tabs li:hover { padding: 3px 7px 2px; background: #fff !important; color: #333; border: none; } .tabs li.current { background: #fff; color: #333; padding: 3px 7px 2px; border-right: 1px solid #ddd } .box { display: none; background: #fff; padding-left:10px; padding-right:10px; border: none !important } .box .tagcloud { padding-bottom: 15px; } .widget .box .tagcloud a { background-color: #f1f2f3; } .widget .box .tagcloud a:hover { background-color: #fff } .box.visible { display: block; border: none !important } .section.vertical { border-left: 160px solid #393939; } .vertical .tabs { width: 160px; float: left; display: inline; margin: 0 0 0 -160px; } .vertical .tabs li { padding: 0 13px; padding-top:10px; margin: 0 0 1px; width: 132px; height: 33px; } .vertical .tabs li:hover { padding: 0 13px; padding-top:10px; margin: 0 0 1px; width: 131px; height: 33px; } .vertical .tabs li.current { width: 133px; color: #444; background: #393939; margin-right: -1px; } .vertical .box { border-width: 1px; padding-top:15px; } /* --------------------------------------------------------------------------------------------------------- Collapse --------------------------------------------------------------------------------------------------------- */ .collapse-demo1 .active, .collapse-demo2 .active {background-position: 0 -21px; padding-left:25px;} .collapse-styling .active {background-position: 0 -142px; padding-left:25px;} .col {float: left; width:210px; margin-right:30px;} .disclaim {margin:10px; padding:10px; background: red;} .collapse-demo1 h6, .collapse-demo2 h6 { padding: 7px 5px 6px 5px; cursor: pointer; background: url('img/state.png') no-repeat 0 5px; display: block; text-decoration: none; margin: 0; margin-top: 10px; padding-left:25px; border: 1px solid #E6E5E5; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .collapse-styling h6 { padding: 5px 5px 6px 5px; cursor: pointer; background: url('img/state.png') no-repeat 0 -115px; display: block; text-decoration: none; margin: 0; margin-top: 10px; padding-left:25px; border: 1px solid #E6E5E5; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .collapse-demo1, .collapse-demo2, .collapse-styling { margin-bottom:25px; } .collapse-demo1 h6 a, .collapse-demo2 h6 a, .collapse-styling h6 a {color: #000; text-decoration:none;} .collapse-demo1 h6:hover, .collapse-demo2 h6:hover, .collapse-styling h6:hover {color: #BF252F; text-decoration:none; background-color:#f4f4f4; } .toggle-content { padding:15px; border: 1px solid #E6E5E5; border-top: none; } /* --------------------------------------------------------------------------------------------------------- Inputs --------------------------------------------------------------------------------------------------------- */ textarea { width: 98%; font-size: 12px; } input[type=text] { font-size: 12px; color: #999; } input[type=submit] { line-height: 18px; padding: 5px; border-color: 1px solid #aaa } .input-prepend, .input-append { margin-bottom: 15px; } select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input { font-size: 12px; color: #999; } /* --------------------------------------------------------------------------------------------------------- Blog --------------------------------------------------------------------------------------------------------- */ .pagination { height: 0 } iframe { border: none !important } .first-comment { padding-top: 15px; } .first-comment img { width: auto } ul.children { padding-bottom: 0; margin-bottom: 0; list-style: none !important; } ul.children li p { padding-right: 10px; } #respond { margin-top: 15px; } label { float: left; font-weight: bold; margin-bottom: 3px; color: #777 } a.single-post-category { font-size: 11px; color: #777; line-height: 16px } a.single-post-category:hover { color: #111 } .arrow_box { position: relative; background: #88b7d5; border: 3px solid #86B854; width: 30px; float:left; margin-bottom: 10px; margin-right: 10px; } .arrow_box:after, .arrow_box:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(136, 183, 213, 0); border-left-color: #86B854; border-width: 3px; top: 50%; margin-top: -3px; } .arrow_box:before { border-color: rgba(252, 199, 31, 0); border-left-color: #86B854; border-width: 9px; top: 50%; margin-top: -9px; } img.avatar, img.avatar-60, img.avatar-40, img.avatar-50 { width: 30px; height: 30px; display: block; float: left; margin-right: 10px; } img.avatar-60 { width: 60px; height: 60px; display: block; margin-right: 0; float: right } img.avatar-40 { width: 40px; height: 40px; display: block; float: right } img.avatar-50 { width: 50px; height: 50px; display: block; float: left } .inner-content { border-left: 1px solid #ececec; border-bottom: 1px solid #ececec; border-right: 1px solid #ececec; display: inline; display: block } /* --------------------------------------------------------------------------------------------------------- 404 --------------------------------------------------------------------------------------------------------- */ .atwidget iframe { max-width:none!important; } /* --------------------------------------------------------------------------------------------------------- WordPress Calendar Widget --------------------------------------------------------------------------------------------------------- */ .pages-title { background-color: #fff; padding: 10px; border: 1px solid #DCE2E7; border-left: 5px solid #575B5E; } .pages-title h2 { color: #333; line-height: 20px; margin-bottom: 0; font-size: 18px; } table#wp-calendar { width: 100% } table#wp-calendar caption { color:#999; font-size:12px; } table#wp-calendar th { padding:8px; color:#AAA; border-right: 1px solid #DCE2E7 } table#wp-calendar td { padding:10px; color:#666; background-color:#fff !important; border:1px solid #DCE2E7; text-align:center; } table#wp-calendar td:hover { background-color:#fff; color:#666; cursor:pointer; } table#wp-calendar td:hover a { cursor:pointer; } table#wp-calendar a { text-decoration: none; font-weight: bold } table#wp-calendar a:hover { text-decoration: none } table#wp-calendar td#today,table#wp-calendar td#today a { background-color:#fff; } table#wp-calendar td#prev a, table#wp-calendar td#next a { color: #333; } table#wp-calendar td#today { background-color: #999; text-decoration: none; color: #FFF } table#wp-calendar td#prev a:hover, table#wp-calendar td#next a:hover{ } table#wp-calendar td#prev:hover, table#wp-calendar td#next:hover{ background-color:#eee; } /* --------------------------------------------------------------------------------------------------------- WordPress Core --------------------------------------------------------------------------------------------------------- */ .gallery-caption { } .bypostauthor { } .sticky { } .wp-caption { } .wp-caption-text { } strong, b { font-weight: bold; margin-bottom: 15px; } em { font-style: italic; font-weight:400!important; } p em{font-weight:400!important;} p i{font-weight:400!important;} .blockright { float: right; text-align: right; } .blockleft { float: left; text-align: left } .alignnone { margin: 5px 15px 15px 0; } .aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 15px 15px; } .alignleft { float:left; margin: 5px 15px 15px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } .divider-1px { height: 1px; background-color: #ececec; margin: 15px 0; width: 100%; } .divider-1px-dashed { height: 1px; width: 100%; border-bottom: 1px dashed #ececec } .image-border { border: 5px solid #e9eef4; width: auto; display: block; } .image-border img { width: 100%; padding: 0; margin: 0; line-height: 0; display: block } img { max-width: 100%; } a img.alignright { float:right; margin: 5px 0 15px 15px; } a img.alignnone { margin: 5px 15px 15px 0; } a img.alignleft { float:left; margin: 5px 15px 15px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; } .wp-caption p.wp-caption-text { font-size:12px; line-height:17px; margin:0; padding:0 4px 5px; } .media-fullsize img { margin-bottom: 15px } .media-bottom { margin-bottom: 15px } /* styles */ .italic { font-style:italic; } .bold { font-weight: bold; } code, pre { border-left: 2px solid #ccc; color:#777; display: block; font-size: 11px; line-height: 20px; padding:10px; margin-bottom: 15px; white-space: pre-wrap; word-break:break-all; } .margin-top-10 { margin-top:10px; } .margin-15 { margin-bottom: 15px; } .margin-r15 { margin-right:15px; } .highlight { padding: 0; color:#edeae2; background-color: #2a2a2a; } .highlight.pink { background:#bd1e7b; } .highlight.green { background:#668508; } .highlight.red { background:#ef2d2d; } .highlight.orange { background:#ff6600; } .highlight.blue { background:#308aef; } .highlight.yellow { background:#cb7a0b; } .highlight.custom { background:#921529; } span.dropcap { font-size:40px; margin-right:6px; text-transform: uppercase; float: left; line-height: 1; font-weight:bold; } span.dropcap.pink { color:#bd1e7b; } span.dropcap.green { color:#668508; } span.dropcap.red { color:#ef2d2d; } span.dropcap.orange { color:#ff6600; } span.dropcap.blue { color:#308aef; } span.dropcap.yellow { color:#cb7a0b; } span.dropcap.custom { color:#921529; } /* align paragraphs */ p.text-left { text-align: left } p.text-right { text-align: right } p.text-center { text-align: center } p.text-justify { text-align: justify } /* --------------------------------------------------------------------------------------------------------- Tables --------------------------------------------------------------------------------------------------------- */ table.tablesorter { font-family:Arial, Helvetica, sans-serif; background-color: #f9f9f9; margin:10px 0pt 30px; font-size: 12px; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #f9f9f9; border: 1px solid #E6E5E5; font-size: 12px; font-weight:bold; padding: 4px; } table.tablesorter thead tr .header { background-image: url('../images/ts-arrows.gif'); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { padding: 4px; background-color: #fafafa; vertical-align: top; border: 1px solid #E6E5E5 } table.tablesorter tbody tr.odd td { background-color:#333333; } table.tablesorter thead tr .headerSortUp { background-image: url('../images/asc.gif'); } table.tablesorter thead tr .headerSortDown { background-image: url('../images/desc.gif'); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #ededed; } .search-widget { width: 97.5%; font-size: 10px; line-height: 16px; } .search-widget { margin-bottom: 0 !important } /* --------------------------------------------------------------------------------------------------------- WordPress Tag Cloud Widget --------------------------------------------------------------------------------------------------------- */ span.info-category a { margin-bottom: 0 } .tagcloud a[class|=tag-link], a[rel=tag], a[rel="category tag"] { font-size: 14px !important; margin-bottom: 5px; line-height: 16px; color: #777; } .tagcloud a[class|=tag-link]:hover, a[rel=tag]:hover, a[rel="category tag"]:hover { color: #111; } .tagcloud { margin-bottom: 15px } /* --------------------------------------------------------------------------------------------------------- WordPress Calendar Widget --------------------------------------------------------------------------------------------------------- */ .ads628x78 { margin: 0 auto 30 auto; text-align: center } .ads628x78 img { margin: 0 auto; width: 100%; } .ads628x78:hover { border-color: #aaa } .ads300-thumb a img { display: block; line-height: 0; width: 100%; } ul.four-ads-blocks { list-style-type: none; margin-left: 0; } ul.four-ads-blocks li { list-style-type: none; float: left; border: none; margin-bottom: 20px; width: 125px; height: 125px; } ul.four-ads-blocks li.first { margin-right: 20px } ul.popular-posts li { padding: 15px 0; } ul.popular-posts li:first-child { padding-top: 0 } ul.popular-posts li a { font-weight: bold; color: #ebe8df; } .popular-post-thumb img { border: 5px solid #2a2a2a; float: left; margin-right: 10px; } .popular-post-thumb a:hover { background-color: #111 !important } /* --------------------------------------------------------------------------------------------------------- Collapse / Toggles --------------------------------------------------------------------------------------------------------- */ [class^="collapse-"] .active, [class*="collapse-"] .active { background-position: 3px -23px; padding-left:26px; } .col {float: left; width:210px; margin-right:30px;} .disclaim {margin:10px; padding:10px; background: red;} [class^="collapse-"] h6, [class*="collapse-"] h6 { cursor: pointer; background: url('img/state.png') no-repeat 3px 3px; display: block; text-decoration: none; margin: 0; margin-top: 10px; padding-left:26px; border: 1px solid #DCE2E7; font-size: 12px; color: #555; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } .collapse-explosion { margin-bottom:25px; } [class^="collapse-"] h6 a, [class*="collapse-"] h6 a { text-decoration:none; height: 25px; display: block; text-transform:capitalize; line-height: 25px; color: #333; background-color:#f1f2f3 !important; padding-left: 10px;} .collapse-crumble h6:hover { color: #edeae2; text-decoration:none; } .toggle-content { padding:15px; border: 1px solid #DCE2E7; border-top: none; background-color: #FFF } .adsense-left { float: left; margin: 0 15px 15px 0; } .adsense-right { float: right; margin: 0 0 15px 15px; } /* ======================================================================================================================= * * Recent Posts Widget * ======================================================================================================================= */ ul.recent-post-widget, ul.recent-comments-widget { list-style-type: none; margin-left: 0; } ul.recent-post-widget li img { margin-right: 10px } .widget-thumb img { max-width: 50px; height: 50px; float: left; display: block; line-height: 0; margin-right: 5px; margin-bottom: 5px; } ul.recent-post-widget li .box-category a { font-weight: normal; color: #999; } .widget-thumb.review-img a img { margin-right: 10px } ul.recent-post-widget li .box-category a:hover { background-color: #ececec } ul.recent-post-widget { list-style-type: none!important; } ul.recent-post-widget li, ul.recent-comments-widget li { list-style-type: none!important; padding: 10px 0; border-bottom: 1px dashed #ececec; margin-left:0; } ul.recent-post-widget li:first-child, ul.recent-comments-widget li:first-child { padding-top: 0 } ul.recent-post-widget li .small-meta, ul.popular-posts li .small-meta { line-height: 18px; margin-top: 5px; } ul.recent-post-widget li .meta .post-time, ul.recent-comments-widget li .meta .post-time { margin-bottom: 0 } ul.popular-post-widget, ul.popular-comments-widget { list-style-type: none; margin-left: 0; } ul.popular-post-widget li img { margin-right: 10px } .widget-thumb img { max-width: 50px; height: 50px; float: left; display: block; line-height: 0; margin-right: 5px; margin-bottom: 5px; } ul.popular-post-widget li .box-category a { font-weight: normal; color: #999; } .widget-thumb.review-img a img { margin-right: 10px } ul.popular-post-widget li .box-category a:hover { background-color: #ececec } ul.popular-post-widget { list-style-type: none!important; } ul.popular-post-widget li, ul.popular-comments-widget li { list-style-type: none!important; padding: 10px 0; border-bottom: 1px dashed #ececec; margin-left:0; } ul.popular-post-widget li:first-child, ul.popular-comments-widget li:first-child { padding-top: 0 } ul.popular-post-widget li .small-meta, ul.popular-posts li .small-meta { line-height: 18px; margin-top: 5px; } ul.popular-post-widget li .meta .post-time, ul.popular-comments-widget li .meta .post-time { margin-bottom: 0 } /* /* ======================================================================================================================= * * Recent Comments Standard Widget * ======================================================================================================================= */ .recent-comments-widget { padding: 5px 0 } /* ======================================================================================================================= * * Related Posts Widget * ======================================================================================================================= */ .related-posts-single li { float: left; display: block; /* width: 147px; height: 200px; */ margin-right: 10px; margin-bottom: 10px; } .related-posts-single li img { margin-bottom: 5px; } .related-posts-single li span a { padding: 0 !important; /* font-size: 12px; */ line-height: 18px; } /* ======================================================================================================================= * * 2 Columns List Widget * ======================================================================================================================= */ ul.columns-list li { padding: 5px 0 } /* ======================================================================================================================= * * Facebook Widgets * ======================================================================================================================= */ .fbcomments,.fb_iframe_widget,.fb_iframe_widget[style],.fb_iframe_widget iframe[style],.fbcomments iframe[style],.fb_iframe_widget span { width: 100% !important } .fb-subscribe { width: 100% } /* ======================================================================================================================= * * Flickr Widget * ======================================================================================================================= */ ul#cbox { list-style-type: none;margin-left: 0px; } ul#cbox li { list-style-type: none; float: left; display: block; margin-right: 10px; margin-bottom: 10px; border: none; width: 59px; height: 59px; } ul#cbox li a img { border: 1px solid #ececec; display: block; padding: 5px; width: 50px; height: 50px; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; -transition: border-color 0.2s ease; } ul#cbox li a:hover img { border: 1px solid #999; } /* ======================================================================================================================= * * Twitter Widget * ======================================================================================================================= */ .tweet { color: #333; font-size:12px; } .tweet a { font-size:12px; } .tweet_list { list-style: none; overflow-y: hidden; margin-left:0; } .tweet_list .awesome, .tweet_list .epic { text-transform: uppercase; } .tweet_list li { overflow-y: auto; overflow-x: hidden; display: block; padding: 10px 0 !important; } .tweet_list .tweet_even { } .tweet_list .tweet_odd { } .tweet_list .tweet_avatar { float: left; } .tweet_list .tweet_avatar img { vertical-align: middle; } .tweet_list .tweet_time a { color:#333; font-style:italic; } span.tweet_time a { font-style: italic !important } .tweet_list .tweet_time a:hover { color: #999; } a.tweet_avatar { display: block; width: 32px; height: 32px; } .footer .tweet_list li { border-bottom: 1px solid #393939 } .widget .tweet_list .tweet_time a { color: #999; font-style:normal; display: block; font-size: 12px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } span.tweet_text { margin-right: 5px; } .tweet_list .tweet_first { padding-top: 0 !important; } a.tweet_avatar { margin-right: 10px; } .widget .tweet { color: #555; font-size:12px;} .footer table#wp-calendar caption { color:#aaa; font-size:12px; } .footer table#wp-calendar th { padding:8px; color:#AAA; border-right: 1px solid #777 } .footer table#wp-calendar td { padding:10px; color:#aaa; background:none !important; border:1px solid #777; text-align:center; } .footer table#wp-calendar td:hover { background-color:#333; color:#aaa; cursor:pointer; } .footer table#wp-calendar td:hover a { cursor:pointer; } .footer table#wp-calendar a:hover { text-decoration: none } .footer table#wp-calendar td#today, .footer table#wp-calendar td#today a { background-color:#fff; } .footer table#wp-calendar td#prev a, .footer table#wp-calendar td#next a { color: #aaa; } .footer table#wp-calendar td#today { background-color: #999; text-decoration: none; color: #FFF } .footer table#wp-calendar td#prev a:hover, .footer table#wp-calendar td#next a:hover{ } .footer table#wp-calendar td#prev:hover, .footer table#wp-calendar td#next:hover{ background-color:#eee; } /* ======================================================================================================================= * * Author Profile Widget * ======================================================================================================================= */ .author-inner-block { background-color: #fff !important; border:1px solid #DCE2E7; padding:20px; } .author-name { border-right: 1px dashed #DCE2E7; padding-right:5px; background-color: #f1f2f3; padding: 0 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; } a.author { background: transparent url(img/icons/author-icons.png) 0 0 no-repeat; display: block; float: right; width: 16px; height: 16px; margin-left: 5px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -transition: none; } a.author:hover { background-color: transparent } a.author.twitter-icon { background-position: 0 0 } a.author.twitter-icon:hover { background-position: 0 -16px } a.author.flickr-icon { background-position: -16px 0 } a.author.flickr-icon:hover { background-position: -16px -16px } a.author.facebook-icon { background-position: -32px 0 } a.author.facebook-icon:hover { background-position: -32px -16px } a.author.google-icon { background-position: -48px 0 } a.author.google-icon:hover { background-position: -48px -16px } /* ======================================================================================================================= * * Video Widget * ======================================================================================================================= */ .video-frame iframe { width: 100% !important; line-height: 0; display: block } /* ======================================================================================================================= * * Flex Slider and Flex Carousel * ======================================================================================================================= */ .flex-blog { padding: 0 !important; border: none !important; margin: 0 !important; background: none !important; } .flex-blog img { margin: 0 0 15px 0; padding: 0; display: block } [id^="carousel-"] ul.slides li, [id*=" carousel-"] ul.slides li, #carousel-slider ul.slides li{ margin-right: 10px !important; } [id^="carousel-"], [id*=" carousel-"] { margin-bottom: 30px } .flexslider { padding: 20px 20px 5px 20px; } .flexslider img { cursor: pointer } .metastrong{color:#16C1C8;font-weight:normal!important;font-style:italic;} .shrink{padding-bottom:-10px!important;} #carousel ul.slides li img , #carousel-slider ul.slides li img, #carousel-slider ul.slides .under-slides li img, [id^="carousel-"] ul.slides li img, [id*=" carousel-"] ul.slides li img { border: 1px solid #ddd; margin-bottom: 5px; } #slider-homepage .sociable{display:none!important;} ul.slides li { padding: 0 !important } #carousel-slider ul.slides.under-slides li img { margin-bottom: 0px !important } .flex-main { margin-bottom: 0px; } ul.flex-direction-nav { height: 0 } /* ======================================================================================================================= * * Comments * ======================================================================================================================= */ .comment-author-link { font-weight: bold; color: #333 } .comment-date-link { font-size: 11px; color: #aaa; margin-bottom: 10px; } .responsive-textarea { width: 720px !important } #comments {list-style: none;} .prev-arrow { border-top: 1px solid #DCE2E7; border-bottom: 1px solid #DCE2E7; padding: 10px; float: left; line-height: 16px; text-align: left; color: #555; font-size: 11px; font-style: italic; margin-bottom: 30px } .next-arrow { border-top: 1px solid #DCE2E7; border-bottom: 1px solid #DCE2E7; padding: 10px; float: right; line-height: 16px; color: #555; font-size: 12px; font-style: italic; margin-bottom: 30px } .single-post-navigation { margin-bottom: 30px; } /* Social Counter Widget */ #social-counter { list-style:none; margin:0; } #social-counter li { float:left; text-align:center;margin-right: 25px;width: 60px;} #social-counter li:last-child { margin-right:0;} #social-counter li a { color:#2B2B2B; } #social-counter .fans { color:#B2B2B2; font-size:11px;font-style: italic;} #social-counter .social { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; -transition: color 0.2s linear; } #social-counter li:hover .social { color:#86B854;} #social-counter .c-icon { width:48px; height:48px; display: block; background-color: #86B854; margin: auto; margin-bottom:10px; } .facebook-social .c-icon { background: url('img/icons/fb-counter.png') center no-repeat; } .twitter-social .c-icon { background: url('img/icons/twitter-counter.png') center no-repeat; } .rss-social .c-icon { background: url('img/icons/rss-counter.png') center no-repeat; } i.social { font-weight: bold; font-style: normal; margin-left: 60px; font-size: 20px; } /* comments */ .first-comment { padding-top: 15px; padding-bottom: 4px } ul.children .first-comment .entry-comment-meta { padding-left: 30px } ul.children .first-comment .arrow_box { margin-left: 30px } ul.children { margin-bottom: 0; padding-bottom: 15px} ul.children li p { padding-right: 10px; } #respond input[type=submit] { display: inline-block; padding: 4px 14px; margin-bottom: 0; font-size: 12px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; border: 1px solid #bbbbbb; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-repeat: repeat-x; } #respond input[type="submit"]:hover, #respond input[type="submit"]:active, { color: #333333; background-color: #e6e6e6; } #respond input[type=submit]:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } #respond input[type=submit]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a.comment-reply-link { padding: 7px 7px 7px 0; font-weight: bold; font-size: 12px; color: #111; border: none; margin-left: 0px; font-style: italic; float: right } a.comment-reply-link:hover { background: none; color: #777 } [id^="comment-"], [id*=" comment-"] { border-bottom: 1px solid #ececec; position:relative; } #comments .avatar { float:right; width: auto; display: block; margin-left: 15px; } #comments .avatar-30 { margin-right: 0 } .logged-in-as, #cancel-comment-reply-link { font-size:12px; } .logged-in-as { } .form-allowed-tags code { margin-top:5px; } .comment-form-comment label { font-size:12px; font-weight:normal; display:none;} .comment-form-author, .comment-form-email, .comment-form-url { float:left; } .comment-form-url{display:none!important;} .comment-form-author, .comment-form-email { margin-right:10px; } .comment-form-author label, .comment-form-email label, .comment-form-url label { display:inline-block; font-weight:bold; font-size:12px; } .comment-form-url label:after { clear: both } #respond [type=text], #respond [type=email], #respond [type=url] { width:188px; display:block;} #disqus_thread h4, #global-nav h4 { font-size: 18px; } .comment-date-link { font-size: 12px; color:#A8A8A8; display:inline-block; font-style: italic; } .comment-author-link { font-weight:bold; display:inline-block; margin-right:10px; float:left; } .first-comment p { margin-top:15px; } .depth-2 .first-comment p { margin-bottom:15px; } .first-comment p img { width:auto; } /* ======================================================================================================================= * * Post Date * ======================================================================================================================= */ .entry-date { /* width: 120px; height: 60px;*/ width: 150px; height: 41px; display: block; background: url(img/date_w2_bg.png) left top no-repeat; text-align: center; float: left; margin-right: 15px; padding-top: 10px; margin-bottom: 5px; } .entry-date > span.number, .entry-date > span.month { font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 48px; color: #545454; font-style:normal } .entry-date > span.month { font-size: 22px; text-transform: uppercase } /* ======================================================================================================================= * * Footer * ======================================================================================================================= */ #footer { background-color: #F7F8F9; border-top: 2px solid #ECECEC; padding: 0 0 10px 0; font-size: 12px } #footer .border-copyright { padding-top: 30px; padding-bottom: 20px; line-height: 18px; } ul.footer-menu li { border: none !important; background: none !important; float: left; padding: 30px 15px 20px 15px; border-right: 1px solid #ececec !important } ul.footer-menu li:first-child { border-left: 1px solid #ececec !important } ul.footer-menu li:hover { padding-bottom: 0px } ul.footer-menu { margin-bottom: 0 !important; } /* ======================================================================================================================= * * Visual Composer Styles * ======================================================================================================================= */ h2.wpb_heading, h2.post-title { line-height: 24px; margin-bottom: 15px; font-size: 22px } .wpb_separator, .vc_text_separator { border-bottom: 1px solid #ECECEC; } .post-thumb { margin-bottom: 15px } .fb_type_standard, .fb_type_standard iframe { height: 40px; } .wpb_wrapper iframe { width: 100% !important; } .wpb_gmaps_widget, .wpb_map_wraper { background-color: #FFF; padding: 0px !important; }/* ======================================================================================================================= * * Responsive Styles * ======================================================================================================================= */ #slider-homepage{background:#fff;height:auto!important;} #slider-homepage h2.entry-title{font-size:24px!important;} @media (min-width: 768px) and (max-width: 979px) { .widget { margin-left: -20px; } #sidebar { margin-left: -22px; padding-left: 20px; } ul.single-post-meta { margin-right: 10px } .flex-direction-nav .flex-next {left: 55px; bottom:20px } .flex-direction-nav .flex-prev {left: 20px; bottom:20px} } @media (max-width: 767px) { #slider-homepage .entry-meta {margin-top: 20px;} #menu { display: none; } .ct_navigation {padding: 0 20px;} .ct_navigation select { display: block; padding: 0;} .add-nav-menu, .add-nav { display: none } .top-block, .inner-title-block, .feature-scroller, .footer_bg { margin-right: -20px; margin-left: -20px; } #footer > .container { margin-right: 30px; margin-left: 30px; } .widget { margin-left: 0px !important; padding-left: 0 } #sidebar { border-left: none !important } #logo, #searchform input { margin-left: 20px } #searchform input { width: 91.5% } ul.single-post-meta { margin-right: 31px } ul.single-post-meta {padding-top: 0;} ul.single-post-meta li:first-child .entry-single-meta { padding-top: 50px; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { width: 40%; } ul.four-ads-blocks li.first { margin-right: 10px; } ul.four-ads-blocks li { margin-right: 10px; } .flex-direction-nav .flex-next {left: 55px; bottom:20px } .flex-direction-nav .flex-prev {left: 20px; bottom:20px} .entry-date { display:none;} #slider-homepage .flex-direction-nav .flex-next { left: inherit; right: 20px; top:35px; } #slider-homepage .flex-direction-nav .flex-prev { left: inherit; right: 51px; top:35px; } } @media (max-width: 480px) { #menu { display: none; } .ct_navigation {padding: 0 20px;} .ct_navigation select { display: block; padding: 0; } #footer { margin-right: -20px; margin-left: -20px;} .add-nav-menu, .add-nav { display: none } .widget { margin-left: 20px; } .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { width: 93%; } textarea { width: 97%; } #searchform input { width: 86%; } ul.single-post-meta {padding-top: 0;} ul.single-post-meta li:first-child .entry-single-meta { padding-top: 50px; } .comment-form-author, .comment-form-email { margin-right: 0; } .comment-form-author, .comment-form-email, .comment-form-url { float: none; } #respond [type=text], #respond [type=email] { width: 97%; } #boxed-content .input-prepend input, #boxed-content .input-append input, #boxed-content .input-prepend input[class*="span"], #boxed-content .input-append input[class*="span"] { width: 92%; } #boxed-content #searchform input { width: 85%; } #boxed-content .flexslider {margin:0;} } @media (max-width: 320px) { .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { width: 89%; } #boxed-content .input-prepend input, #boxed-content .input-append input, #boxed-content .input-prepend input[class*="span"], #boxed-content .input-append input[class*="span"] { width: 85%; } textarea { width: 96%; } #searchform input {width: 79%;} #respond [type=text], #respond [type=email] { width: 96%; } .format-icon-standard, .format-icon-quote, .format-icon-audio, .format-icon-video, .format-icon-aside, .format-icon-status, .format-icon-image, .format-icon-gallery, .format-icon-link, .format-icon-chat { display:none;} .entry-meta-standard.right { display:none;} } @media (max-width: 240px) { .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] { width: 83%; } textarea { width: 93%; } #searchform input {width: 71%;} } @media (min-width: 980px) { .widget { margin-left: -20px; } #sidebar { margin-left: -22px; padding-left: 20px; } ul.single-post-meta { margin-right: 10px } } @media (max-width: 979px) { .widget { margin-left: -20px; } } @media (min-width: 980px) and (max-width: 1199px) { } @media (min-width: 1200px) { .widget { margin-left: -30px; } #sidebar { margin-left: -32px; padding-left: 30px; } ul.single-post-meta { margin-right: 0px } } #contacts-form textarea {margin-bottom: 15px;} .left-col, .right-col {list-style: none; margin-left: 0;} .post .inner-content ul, .wpb_content_element ul { list-style:disc; } .vc_text_separator > div { font-weight: bold } .related-posts-single {margin-left: 0;} /* --------------------------------------------------------------------------------------------------------- Ads --------------------------------------------------------------------------------------------------------- */ .rwd-google-ads { text-align: center; } .entry-ads, .entry-ads-110 { list-style:none; margin:0;} .entry-ads li { margin-top:20px; } .entry-ads li:first-child { margin-top:0; } .entry-ads-110 li { margin-bottom:10px; margin-right:10px; float:left;} .entry-ads-110 li:nth-child(2n+2) { margin-right: 0px; } ul.entry-ads-110 { margin-bottom: -10px; } .icon-eye-open.meta-margins, .icon-comment.meta-margins, .icon-thumbs-up.meta-margins { margin-top: -1px; margin-right: 2px; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #ajax-contact-form input[type=text], #ajax-contact-form input[type=email], #ajax-contact-form input[type=url] { height:30px } /* #boxed-content #logo { padding-left:20px;} #boxed-content .border-copyright { padding-left:20px;} #boxed-content #searchform input { width:70%;} */ #boxed-content{ box-shadow: 0px 1px 5px 0px rgb(147, 167, 183); } .top-block{border-top: 7px solid #86B854;} #widget-collapsarch-3-top span.sym{padding-right:5px;} #widget-collapsarch-3-top li ul li{padding-left:30px!important;} .essb_links.essb_template_copy-retina .essb_counter_right{top:1px!important;} ul.recent-post-widget li .meta{margin-left:60px!important;}