/* Theme Name: Twenty Fourteen - Trini Marine Theme URI: http://wordpress.org/themes/twentyfourteen Author: the WordPress team Author URI: http://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ 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; outline: 0; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display: block;} audio, canvas, video{display: inline-block; max-width: 100%;} html{overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%;} /******************************* * BODY * ----------------------------------------------------------------------------- */ body, button, input, select, textarea{color:#545454; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; line-height:25px;} /******************************* * LINKS * ----------------------------------------------------------------------------- */ a{text-decoration: none;} a:focus{outline: thin dotted;} a:hover, a:active{outline: 0;} a:active, a:hover{} /******************************* * HEADINGS * ----------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6{clear:both; font-weight:700; margin:0px 0px 0px;} h1{font-size: 26px; line-height: 1.3846153846;} h2{font-size: 24px; line-height: 1;} h3{font-size: 22px; line-height: 1.0909090909;} h4{font-size: 20px; line-height: 1.2;} h5{font-size: 18px; line-height: 1.3333333333;} h6{font-size: 16px; line-height: 1.5;} /******************************* * ATTRIBUTES * ----------------------------------------------------------------------------- */ address{font-style: italic; margin-bottom: 24px;} abbr[title]{border-bottom: 1px dotted #2b2b2b; cursor: help;} b, strong{font-weight: 700;} cite, dfn, em, i{font-style: italic;} mark, ins{background:#bef3ff; text-decoration: none; padding:0px 4px 3px 3px; background: #000; text-decoration: none; color: #fff; padding: 0px 4px 3px 3px;} p{margin-bottom: 24px;} code, kbd, tt, var, samp, pre{font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6;} pre{border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} blockquote, q{-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none;} blockquote{color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px;} blockquote cite, blockquote small{color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5;} blockquote em, blockquote i, blockquote cite{font-style: normal;} blockquote strong, blockquote b{font-weight: 400;} small{font-size: smaller;} big{font-size: 125%;} sup, sub{font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;} sup{bottom: 1ex;} sub{top: .5ex;} dl{margin-bottom: 24px;} dt{font-weight: bold;} dd{margin-bottom: 24px;} ul, ol{list-style: none;} ul{list-style: disc;} ol{list-style: decimal;} li > ul, li > ol{margin: 0 0 0 20px;} img{-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;} figure{margin: 0;} fieldset{border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0;} legend{white-space: normal;} button, input, select, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;} button, input{line-height: normal;} input, textarea{background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;} button[disabled], input[disabled]{cursor: default;} input[type="checkbox"], input[type="radio"]{padding: 0;} input[type="search"]{-webkit-appearance: textfield;} input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} textarea{overflow: auto; vertical-align: top;} table, th, td{border: 1px solid rgba(0, 0, 0, 0.1);} table{border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%;} caption, th, td{font-weight: normal; text-align: left;} th{border-width: 0 1px 1px 0; font-weight: bold;} td{border-width: 0 1px 1px 0;} del{color: #767676;} hr{background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px;} /******************************* * ALIGNMENT * ----------------------------------------------------------------------------- */ .alignleft{float: left;} .alignright{float: right;} .aligncenter{display: block; margin-left: auto; margin-right: auto;} /******************************* Support a widely-adopted but non-standard selector for text selection styles * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898. */ ::selection{background:#535353; color:#fff; text-shadow: none;} ::-moz-selection{background:#535353; color:#fff; text-shadow: none;} /******************************* * 11.0 Media Queries * ----------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport{width: device-width;} @viewport{width: device-width;} /******************************* Input fields */ input, textarea{border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color:#00a7cf; padding: 8px 10px 7px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} textarea{width: 100%; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} input:focus, textarea:focus{border: 1px solid rgba(0, 0, 0, 0.3); outline: 0;} input.submit{border-radius:0px; color:#FFF; padding:9px 15px; border-radius:0px; text-decoration:none; background-color:rgba(0, 167, 207, 1); border:rgba(0, 167, 207, 1); font-family:'Open Sans', sans-serif; font-weight:400; font-size:20px; text-transform:uppercase; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} input.submit:hover{background-color:rgba(205, 16, 38, 1);} /******************************* * NEW CSS * ----------------------------------------------------------------------------- */ body{background:#FFF url(images/bg.jpg) center top no-repeat; background-attachment:fixed; margin:0px auto; padding:0px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} /*** LOGO *** /* ----------------------------------------------------------------------------- */ #logo-bg{margin:10px auto 0px; padding:0px; width:100%; height:auto; background:url(images/nav-bg.png) center top repeat-x;} #logo-bg .logo-main{margin:0px auto; padding:0px; width:100%; max-width:1220px;} #logo-bg .logo-main > .site-title{width:282px; height:207px; margin:0px 0px 0px 0px; padding:0px; float:left; -webkit-box-shadow:0px 0px 9px 0px rgba(255, 255, 255, 0.52); -moz-box-shadow:0px 0px 9px 0px rgba(255, 255, 255, 0.52); box-shadow:0px 0px 9px 0px rgba(255, 255, 255, 0.52);} #logo-bg .logo-main > .site-title img{margin:0px 0px 0px 0px; padding:0px;} .site-title-right{float:right; -webkit-box-shadow:0px 0px 9px 0px rgba(255, 255, 255, 0.52); -moz-box-shadow:0px 0px 9px 0px rgba(255, 255, 255, 0.52); box-shadow:0px 0px 9px 0px rgba(255, 255, 255, 0.52);} .site-title-right img{width:100%;} /***** NAVIGATION *** /* ----------------------------------------------------------------------------- */ .menu-toggle, .skip-link{display:none;} nav{float:left; margin:38px 0px 0px 30px; padding:0px; width:auto;} .menu-responsive-menu-container{width:100%; margin:0px auto;} .nav-menu{float:left; height:auto; margin:0px; padding:0px;} /*------------------------------ Nav main li css ------------------------------*/ nav ul.nav-menu{float:left; list-style:none; padding:0px; margin:0px auto; height:auto; width:auto;} nav ul.nav-menu > li{display:block; padding:0px 0px 0px 0px; margin:0px 0px 0px 1px; position:relative; float:left; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} .ie7 nav ul.nav-menu > li{margin:-1px 0px 0px;} nav ul.nav-menu > li:nth-child(1){background:none;} /*------------------------------ Nav main li a css ------------------------------*/ nav ul.nav-menu > li > a{display:block; padding:41px 15px 30px; font-size:15px; font-family:'Muli', sans-serif; color:#FFF; font-weight:200; text-transform:uppercase; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} nav ul.nav-menu > li:hover, nav ul.nav-menu > li.current_page_item, nav ul.nav-menu > li.current_page_ancestor{margin:0px 0px 0px 1px;} nav ul.nav-menu > li:hover > a, nav ul.nav-menu > li.current_page_item > a, nav ul.nav-menu > li.current_page_ancestor > a{color:#FFF; text-decoration:none; border-bottom:10px solid #cd1026;} /*------------------------------ SubNav li css ------------------------------*/ nav ul li > ul{position:absolute; z-index:1; top:100%; left:-20px; width:220px; display:none; padding:0px; list-style:none;} nav ul li > ul li:nth-child(1){broder:none;} nav ul li > ul li{border-bottom:none; position:relative; margin:0px; background-color:rgba(113, 31, 99, 1); border-top:1px solid rgba(113, 31, 99, 1); width:220px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} /*------------------------------ SubNav li a css ------------------------------*/ nav ul li > ul li a{display:block; font-size:15px; margin:0px; padding:9px 12px; color:#FFF; background-color:#993187; display:block; font-family:'Muli', sans-serif; font-weight:300; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} nav ul li > ul li:hover, nav ul li > ul li.current_page_item, nav ul li > ul li.current_page_ancestor{margin:0px; color:#fff;} nav ul li > ul li:hover a, nav ul li > ul li.current_page_item a, nav ul li > ul li.current_page_ancestor a{color:#fff; background-color:#b24aa0; text-decoration:none; padding:12px 12px;} /*------------------------------ SubNav default css ------------------------------*/ nav ul li:hover ul{display:block;} nav ul li ul ul{top:-1px; left:200px; display:inline-block;} .ie7 nav ul li ul ul{top:1px;} /* Only Chrome & Safari Browser CSS */ @media screen and (-webkit-min-device-pixel-ratio:0) { nav ul.nav-menu > li > a{padding:41px 15px 30px;} nav ul li > ul li a{padding:9px 12px;} } /* Only IE Browser CSS */ @media screen and (min-width:0){/* IE9 and IE10 rule sets go here */ nav ul.nav-menu > li > a{padding:41px 15px 30px;} nav ul li > ul li a{padding:9px 12px;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { } /*** SEARCHBOX TOP *** /* ----------------------------------------------------------------------------- */ #search-top-box{width:auto; height:40px; float:right; margin:66px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative;} span.screen-reader-text{display:none;} #search-top-box > .search-box-main{width:auto; height:auto; margin:0px auto 0px; padding:0px;} #search-top-box > .search-box-main > form.search-form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; background:#cd1026; width:268px; height:47px; border:none;} #search-top-box > .search-box-main input[type=search]{float:left; margin:0px 0px 0px 0px; padding:15px 0px 13px 20px; border:none; background-color:transparent; font-family:'Muli', sans-serif; font-size:14px; color:#FFF; width:74%;} #search-top-box > .search-box-main input[type=search]:hover{color:#b2d234;} .#search-top-box > search-box-main input[type=search]:focus{color:#b2d234; border-color:none;} #search-top-box > .search-box-main input[type=submit]{background-color:transparent; background-image:url(images/search-top.png); background-position:center center; background-repeat:no-repeat; width:58px; height:47px; font-size:0px; float:right; border:none;} /*** HEADER TAG *** /* ----------------------------------------------------------------------------- */ header{margin:0px auto; padding:0px; width:100%; height:auto;} .header-main{margin:0px auto; padding:0px; width:100%; max-width:1220px; height:auto;} .header-main img.map{margin:0px 0px 0px -11px; padding:0px; float:left;} .header-main-inner{margin:0px auto; padding:0px; width:100%; max-width:1220px; height:auto;} #rev_slider_1_1_wrapper{z-index:0 !important;} /*** TAGLINE *** /* ----------------------------------------------------------------------------- */ #tagline{font-family:'Raleway', sans-serif; font-weight:400; color:#FFF; font-size:19px; text-transform:none; text-align:left; line-height:30px; margin:65px 0px 0px; padding:0px; float:right; width:40%; text-shadow:0px 2px 4px rgba(0, 0, 0, 0.35);} #tagline h2{font-family:'Muli', sans-serif; color:#03d8f7; font-size:40px; font-weight:900; text-transform:uppercase; padding:9px 0px 0px 0px;} #tagline h2 span.green{color:#b2d234; border-bottom:7px solid #b2d234;} #tagline span.caps{text-transform:uppercase; font-weight:700;} #tagline a{font-family:'Open Sans', sans-serif; color:#FFF; font-size:15px; font-weight:600; padding:9px 15px; background:#000; text-transform:uppercase;} #tagline a:hover{background:#044563;} #tagline a > span.plus{font-size:30px; font-weight:300; position:relative; top:4px;} #secondary .site-description{ display:none;} /*** BOXES *** /* ----------------------------------------------------------------------------- */ #boxes{margin:0px auto 0px; padding:0px; width:100%; max-width:1216px; position:relative; z-index:1;} #boxes-sidebar{margin:0px auto; padding:0px 0px 0px;} #boxes-sidebar aside{margin:0px 0px 0px 29px; padding:0px; float:left; text-align:justify; color:#3f4649; width:282px;} #boxes-sidebar aside:nth-child(1){margin:0px;} .container{position:relative; opacity:1; background:#000; float:left; height:277px;} .container-main{margin:0px auto; padding:0px; width:100%; position:relative; z-index:1;} .img-effect{opacity:1; display: block; width: 100%; height: auto; transition: .5s ease; backface-visibility: hidden;} .container:hover .img-effect{opacity:0.6;} #boxes-sidebar aside .text-bg{background:#000; margin:0px 0px 0px 0px; padding:9px 0px; float:left; text-align:center; width:100%; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15);} #boxes-sidebar aside .text-bg h2{font-family:'Muli', sans-serif; font-weight:700; font-size:25px; color:#FFF; text-transform:uppercase; text-align:center; line-height:8px; padding:22px 0px 0px; margin:0px; position:relative; top:20px;} #boxes-sidebar aside .text-bg p{margin:0px; padding:15px 12px 0px; color:#898989; font-family:'Droid Sans', sans-serif; font-size:14px; line-height:25px;} #boxes-sidebar aside .text-bg .plus{background:#000; padding:0px 15px; color:#FFF; font-size:37px; font-family:'Open Sans', sans-serif; font-weight:400; line-height:52px; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; display:inline-block; position:relative; top:33px;} #boxes-sidebar aside .text-bg .plus a{color:#FFF;} #boxes-sidebar aside .text-bg .plus a:hover{color:#B2D234;} #boxes h1{font-family:'Muli', sans-serif; font-weight:900; color:#FFF; text-align:center; text-transform:uppercase; font-size:36px; margin:0px auto 27px; padding:0px; text-shadow:0px 1px 7px rgba(0, 0, 0, 0.75);} /*** PRODUCTS *** /* ----------------------------------------------------------------------------- */ #home-products h1{font-family:'Muli', sans-serif; font-weight:900; color:#FFF; text-align:center; text-transform:uppercase; font-size:36px; margin:0px auto 27px; padding:0px; text-shadow:0px 1px 7px rgba(0, 0, 0, 0.75);} #home-products{margin:75px auto 0px; padding:0px; width:100%; max-width:1216px; position:relative; z-index:1;} #tab-description, #tab-additional_information, #tab-reviews{border-left:1px solid #d3ced2; border-right:1px solid #d3ced2; border-bottom:1px solid #d3ced2; padding:20px 3%; width:94%;} #tab-description p{font-family:'Open Sans', sans-serif; font-size:15px;} #content ul.products h2.woocommerce-loop-product__title{font-weight:700; font-family:'Droid Sans', sans-serif; color:#3f4445; line-height:20px; font-size:15px;} #content ul.products h2.woocommerce-loop-product__title:hover{color:#00a7cf;} /*** CONTENT *** /* ----------------------------------------------------------------------------- */ .edit-link{display:none;} #main-page, #page{width:100%; margin:75px auto 0px; padding:0px; height:auto; position:relative; z-index:1;} #page-inner{width:100%; margin:0px auto 0px; padding:0px;} #main{width:100%; max-width:1216px; margin:0px auto 75px; padding:0px 0px;} #main-content{float:left; width:100%; max-width:906px; margin:0px; padding:0px;} #primary{float:left; width:100%; max-width:846px; margin:0px; padding:32px 30px; border:1px solid #d2d2d2; background:#FFF;} .entry-content{width:100%; margin:0px auto 0px; padding:0px 0px; float:left;} .entry-header{width:100%; margin:0px auto; padding:0px;} .entry-header-blog{width:100%; height:auto; margin:0px auto; padding:0px;} #post-1 .entry-header{width:100%; height:auto; margin:0px auto; padding:0px;} #content{margin:0px auto 0px; padding:0px 0px 0px; text-align:justify; color:#3a3a3a; font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:25px;} #content span.purple{color:#711f63;} #content em.italic{font-weight:400; font-style:italic; font-family:'PT Serif', serif; color:#292b2c; font-size:20px;} #content span.script{color:#00a7cf; font-family:'Dancing Script', cursive; font-size:52px; text-transform:none;} #content strong{color:#000; font-family:'Open Sans', sans-serif; font-size:15px; font-weight:700; text-transform:uppercase;} #content header{background:none;} #content a{color:#2d2d2d;} #content a:hover{color:#cd1026;} #content a.button.wc-forward{color:#fff;} #content a.button.wc-forward:hover{ background:#3f4445;} #content span.contact{background:#f0f0f0 url(images/phone-icon.png) left top no-repeat; margin:25px 0px 0px; padding:20px 50px 20px 133px; color:#757575; font-family:'PT Serif', serif; font-style:italic; line-height:27px; font-size:16px; display:inline-block; width:38%;} #content .leftimg{float:left; margin:5px 43px 0px 0px; padding:0px;} #content .rightimg{float:right; margin:5px 0px 17px 43px; padding:0px;} #content .leftimg1{float:left; margin:5px 17px 17px 0px; padding:0px; border:4px solid #fff;} #content .left{margin:0px; padding:0px; float:left; width:34%;} #content .left img{margin:0px; padding:0px; float:left; border:9px solid #FFF;} #content .right{margin:0px; padding:0px; float:right; width:66%; background:#FFF;} #content .home-left{width:66%; float:left; margin:0px; padding:0px;} #content .home-right{width:32%; float:right; margin:0px; padding:0px;} #content h2{font-family:'Muli', sans-serif; font-weight:500; font-size:20px; color:#00a7cf; margin:0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:45px; background:url(images/bullet2.png) center left no-repeat;} #content h2 span.gray{color:#4b5053;} #content h2.comments-title{} #content h3{font-family:'Muli', sans-serif; font-size:20px; color:#4b5053; margin:0px 0px 15px; padding:0px; line-height:27px; font-weight:700;} #content h4{font-family:'Teko', sans-serif; font-size:25px; color:#414344; margin:0px 0px 15px 0px; padding:9px 12px; line-height:27px; font-weight:300;} #content h5{font-family:'Teko', sans-serif; font-size:27px; color:#4b5053; margin:0px; padding:0px; line-height:27px; font-weight:600;} #content h6{font-family:'sansationregular', Arial, Helvetica, sans-serif; font-size:18px; color:#4b5053; margin:0px; padding:0px; line-height:27px; font-weight:normal;} #content h6 strong{font-family:'sansationbold', Arial, Helvetica, sans-serif; font-size:18px; color:#4b5053; font-weight:normal;} .rightimg{float:right; margin:7px 0px 0px 27px; padding:0px;} #more-button{padding-bottom:0px; padding-left:0px; padding-top:0px; text-align:center; display:table; float:none; margin:0px auto; position:relative; z-index:1; left:0; right:0; top:40px; width:44%; font-style:normal;} #more-button a{color:#FFF; text-decoration:none; border:none; font-family:'Squada One', cursive; font-weight:300; font-size:20px; text-transform:uppercase; padding:9px 12px; border-radius:0px; background-color:rgba(113, 31, 99, 1); -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} #more-button a:hover{background-color:rgba(1, 97, 52, 1); color:#FFF;} /*** H1 CSS *** /* ----------------------------------------------------------------------------- */ .entry-content-home{width:100%; margin:0px 0px 0px 0px; padding:0px 0px; float:left;} #content .entry-content-home h1{font-family:'Muli', sans-serif; font-weight:400; font-size:34px; color:#000; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:45px;} #content .entry-content-home h1 a{color:#000;} #content .entry-content-home h1 a:hover{color:#00a7cf;} #content .entry-content h1{font-family:'Muli', sans-serif; font-weight:400; font-size:34px; color:#000; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:45px;} #content h1 .entry-content a{color:#000;} #content h1 .entry-content a:hover{color:#b2d234;} #content .entry-header h1{font-family:'Muli', sans-serif; font-weight:600; font-size:25px; color:#000; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:45px;} #content h1 .entry-header a{color:#000;} #content h1 .entry-header a:hover{color:#cd1026;} #content .page-header h1{font-family:'Muli', sans-serif; font-weight:400; font-size:34px; color:#000; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:45px;} #content h1 .page-header a{color:#000;} #content h1 .page-header a:hover{color:#00a7cf;} #content .archive-header h1{font-family:'Muli', sans-serif; font-weight:400; font-size:34px; color:#000; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:45px;} #content h1 .archive-header a{color:#000;} #content h1 .archive-header a:hover{color:#00a7cf;} #content h1.entry-title{font-family:'Poppins', sans-serif; font-weight:700; font-size:23px; color:#00a7cf; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px; line-height:30px; text-transform:uppercase; text-align:left;} #content h1.entry-title a{color:#00a7cf;} #content h1.entry-title a:hover{color:#000;} /*** INNER EXTRA CSS *** /* ----------------------------------------------------------------------------- */ .center{text-align:center;} .caps{text-transform:uppercase;} .border{border:1px solid #bfc7ce;} .length{width:70%; margin:0px auto;} .length1{width:80%; margin:0px auto; } .space{padding:25px 0px; margin:0px auto 25px;} .space1{padding:25px 35px; margin:0px auto 25px;} .clear{clear:both;} .divider{border-top:1px solid #bfc7ce; margin:5px 0px 0px 0px; padding:30px 0px 0px 0px; width:100%; float:left;} .divider1{border-top:2px dotted #9ba3aa; margin:30px 0px 0px 0px; padding:30px 0px 0px 0px; width:100%; float:left;} .divider2{border-top:1px solid #bfc7ce; margin:12px 0px 0px 0px; padding:12px 0px 0px 0px; width:100%; float:left;} .font-style{margin:0px; padding:0px; font-family:'Open Sans', sans-serif; font-size:18px; font-weight:500;} #content .entry-content-home p{margin:25px 0px 0px; color:#414344;} #content .entry-content-home p:nth-child(1){margin:0px;} #content .entry-content p{margin:0px 0px 25px 0px; line-height:25px; font-size:14px;} #content .entry-content-home p:nth-child(1){margin:0px;} #content .left1{margin:0px; padding:0px; float:left; width:35%;} #content .right1{margin:0px; padding:0px; float:right; width:61%;} #contact-form{margin:0px auto; padding:20px 5%; background-color:#ebebeb; width:90%;} #vfbp-form-2 .vfbp-form label{font-size:15px; font-family:'Open Sans', sans-serif;} #contact-form .vfbp-form .btn{color:#FFF; text-decoration:none; border:none; font-family:'Muli', sans-serif; font-weight:400; font-size:20px; text-transform:uppercase; padding:9px 15px; border-radius:0px; background-color:rgba(113, 31, 99, 1); height:50px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} #contact-form .vfbp-form .btn:hover{background-color:rgba(1, 97, 52, 1);} #content .entry-content > ul{margin:0px 0px 15px; padding:0px; list-style:none; border:1px solid #e4e4e4;} #content .entry-content > ul li:nth-child(1){border-top:none;} #content .entry-content > ul li{margin:0px; padding:3px 0px 5px 9px; list-style:square inside; border-top:1px solid #e4e4e4;} /*** RIGHT SIDEBAR *** /* ----------------------------------------------------------------------------- */ #right-sidebar{margin:0px 42px 0px 0px; padding:0px 0px; width:266px; max-width:266px; float:left;} #right-sidebar aside{margin:36px 0px 0px 0px; padding:0px 0px; width:100%; float:left;} #right-sidebar aside:nth-child(1){margin:0px;} #right-sidebar aside p{margin:0px; padding:0px;} #right-sidebar aside h1{font-family:'Muli', sans-serif; font-weight:600; font-size:30px; text-transform:uppercase; line-height:39px; text-align:left; margin:0px; padding:0px 0px 0px 0px; color:#FFF; text-shadow:0px 3px 5px rgba(0, 0, 0, 0.52);} #right-sidebar aside h2{color:#c2c2c2; font-size:19px; font-family:'Open Sans', sans-serif; margin:0px; padding:0px; line-height:28px; text-align:left; font-weight:300; text-shadow:0px 3px 5px rgba(0, 0, 0, 0.52);} #right-sidebar aside ul{margin:25px 0px 0px 0px; padding:0px; list-style:none;} #right-sidebar aside ul li{margin:0px; padding:0px 0px; list-style:none;} /*** ADS SIDEBAR *** /* ----------------------------------------------------------------------------- */ #ads-sidebar{float:left; width:100%; max-width:906px; margin:36px 0px 0px 0px; padding:0px;} #ads-sidebar aside{margin:0px 0px 0px 4%; padding:0px 0px; width:48%; float:left;} #ads-sidebar aside:nth-child(1){margin:0px;} #ads-sidebar aside p{margin:0px; padding:0px;} /*** CALL BAR *** /* ----------------------------------------------------------------------------- */ #call-bar{margin:0px 0px 0px 0px; padding:0px; background:#cd1026; width:100%; height:85px; position:relative; z-index:1; display:table;} #call-bar ul{margin:0px auto; padding:0px; list-style:none; width:100%; max-width:1220px;} #call-bar ul li{margin:0px auto; padding:0px; list-style:none; float:left; color:#FFF; font-family:'Open Sans', sans-serif;} #call-bar ul li:nth-child(1){font-size:23px; font-weight:300; line-height:85px; background:url(images/phone-icon.png) center left no-repeat; padding:0px 0px 0px 36px; margin:0px;} #call-bar ul li:nth-child(2) strong{font-weight:800; font-size:23px;} #call-bar ul li:nth-child(1) a{font-size:37px; font-family:'Alex Brush', cursive; font-weight:400; color:#FFF;} #call-bar ul li:nth-child(1) a:hover{color:#000; border-bottom:1px solid #000000;} #call-bar ul li:nth-child(2){float:right; margin:0px 0px 0px 0px; padding:0px;} /*** SEARCHBOX FOOTER *** /* ----------------------------------------------------------------------------- */ #search-footer-box{width:auto; height:47px; float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; position:relative;} span.screen-reader-text{display:none;} .search-box-main{width:auto; height:auto; margin:0px auto 0px; padding:0px;} #search-footer-box .search-box-main form.search-form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; background-color:#FFF; width:268px; height:47px; border:0px solid #aeb5b6;} .search-box-main input[type=search] {float:left; margin:0px 0px 0px 0px; padding:12px 0px 15px 20px; border:none; background-color:transparent; font-family: 'Open Sans', sans-serif; font-size:14px; color:#6f767b; width:74%;} .search-box-main input[type=search]:hover{color:#4b5053;} .search-box-main input[type=search]:focus{color:#2886e7; border-color:none;} .search-box-main input[type=submit]{background-color:transparent; background-image:url(images/search.png); background-position:center center; background-repeat:no-repeat; width:47px; height:47px; font-size:0px; float:right; border:none;} /***** FOOTER SIDEBAR *** /* ----------------------------------------------------------------------------- */ footer{margin:0px auto 0px; padding:0px 0px 0px; width:100%; background:#000;} #supplementary{margin:0px auto; padding:0px 0px 0px 0px; width:100%; max-width:1220px;} #footer-sidebar{margin:0px auto; padding:50px 0px 30px; min-height:150px; height:auto !important; display:block; color:#6f767b; font-family:'Open Sans', sans-serif; font-size:14px; line-height:35px; background:url(images/footer-glass-bg.png) center top no-repeat;} #footer-sidebar aside{left:0px !important; top:0px !important; position:relative !important; width:25%; min-height:150px; height:auto; margin:0px 30px 0px 30px; padding:0px 30px 0px 30px; float:left;} #footer-sidebar aside.contact{width:36%;} #footer-sidebar aside img{position:relative; z-index:1;} #footer-sidebar aside h1{font-size:22px; color:#FFF; font-family:'Muli', sans-serif; font-weight:700; padding:0px 0px 0px 0px; margin:0px 0px 9px 0px; text-transform:uppercase; line-height:30px; text-align:left;} #footer-sidebar aside h2{font-family:'Muli', sans-serif; font-weight:200; margin:0px; padding:0px; font-size:30px; text-transform:uppercase; color:#FFF;} #footer-sidebar aside h3{font-family:'Muli', sans-serif; font-weight:600; margin:0px 0px 20px 0px; padding:0px; font-size:18px; text-transform:uppercase; color:#909090; display:block;} #footer-sidebar aside:nth-child(1){margin:0px; padding:0px; width:32%; background:none;} #footer-sidebar aside:nth-child(1) h1{text-align:right;} #footer-sidebar aside:nth-child(1) ul{padding:0px 0px; list-style:none; margin:0px; font-family:'Open Sans', sans-serif; font-size:14px; line-height:19px; text-align:right;} #footer-sidebar aside:nth-child(1) ul li{list-style:none;} #footer-sidebar aside:nth-child(3){margin:0px; padding:0px; width:32%; background:none;} #footer-sidebar aside:nth-child(3) h1{text-align:left;} #footer-sidebar aside a{color:#FFF; text-decoration:none;} #footer-sidebar aside a:hover{color:#e4eaec;} #footer-sidebar aside ul{padding:0px 0px; list-style:none; margin:0px; font-family:'Open Sans', sans-serif; font-size:14px; line-height:19px;} #footer-sidebar aside ul li:nth-child(1){background:none;} #footer-sidebar aside ul li{padding:7px 0px; margin:0px; background:url(images/footer-divider.png) left top repeat-x; list-style:url(images/bullet1.png) circle inside;} #call{margin:0px; padding:0px; float:left;} span.ph{font-size:23px; display:block; line-height:25px; font-family:'Muli', sans-serif; font-weight:bold; color:#FFF; margin:0px 0px 0px 25px; padding:0px 0px 0px 25px; background:url(images/footer-phone-icon.png) center left no-repeat;} span.mail{font-size:15px; font-family:'Open Sans', sans-serif; color:#FFF; background:url(images/footer-mail-icon.png) center left no-repeat; margin:0px 0px 0px 25px; padding:0px 0px 0px 25px;} span.mail a{color:#FFF;} span.mail > a:hover{color:#00a7cf; border-bottom:1px solid #00a7cf;} span.mail a span.at{} /***** SOCIAL ICONS *** /* ----------------------------------------------------------------------------- */ #footer-sidebar aside .icons{margin:6px 0px 0px 0px; padding:0px; float:left; height:40px; display:block;} #footer-sidebar aside .icons a{width:40px; height:40px; margin:0px 0px 0px 5px; padding:0px 0px 0px 0px; text-decoration:none; display:block; float:left; background:#3f4445 url(images/social-icons.png) left top no-repeat; text-indent:-9999px;} #footer-sidebar aside .icons a:hover{background-color:#cd1026;} #footer-sidebar aside .icons a.fb{background-position:left top; margin:0px;} #footer-sidebar aside .icons a.tw{background-position:-50px top;} #footer-sidebar aside .icons a.in{background-position:-100px top;} #footer-sidebar aside .icons a.p{background-position:-150px top;} /***** FOOTER *** /* ----------------------------------------------------------------------------- */ #footer-links{margin:0px auto; padding:0px; width:100%; max-width:1220px; height:auto;} .site-info{width:100%; margin:0px auto; padding:20px 0px 20px;} .site-info #nav-links{width:100%; float:left; font-family:'PT Sans', sans-serif; font-size:15px; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px; color:#FFF; text-align:center; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.75); font-weight:400;} .site-info #nav-links a{color:#FFF;} .site-info #nav-links a:hover{color:#e4eaec;} .site-info #copyright{width:100%; float:left; margin:0px; padding:0px 0px 0px 0px; font-size:13px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal; text-transform:none; text-align:center; color:#FFF; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.75);} .site-info #copyright a{color:#FFF;} .site-info #copyright a:hover{color:#e4eaec;} /******************************* * 6.14 Comments * ----------------------------------------------------------------------------- */ .comments-area{margin: 48px auto; padding: 0 0px;} .comment-reply-title, .comments-title{font: 900 16px/1.5 Lato, sans-serif; margin: 0; text-transform: uppercase;} .comment-list{margin:0px; padding:0px; list-style:none;} .comment-list footer{margin:0px 0px 0px; padding:25px 3% 25px 3%; background:#ebebeb; display:inline-block; font-family:'Open Sans', sans-serif; font-size:17px; line-height:30px; color:#2d2d2d; list-style:none; border:1px dashed #b0b0b0; width:94%; position:relative;} .comment-author{font-size: 14px; line-height: 1.7142857142;} .comment-list .reply, .comment-metadata{font-size: 12px; line-height: 2; text-transform: uppercase;} .comment-list .reply{margin-top: 24px;} .comment-author .fn{font-weight:800; font-size:15px; text-transform:uppercase; font-family:'Open Sans', sans-serif; padding:0px 0px 0px 15px;} .comment-author a{color:#711f63;} .comment-author a:hover{color:#2d2d2d;} .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a{color: #767676;} .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover{color: #41a62a;} .comment-list article, .comment-list .pingback, .comment-list .trackback{border-top: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 24px; padding-top:0px;} .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child{border-top: 0;} .comment-author{position: relative;} .comment-author .avatar{border: 5px solid rgba(0, 0, 0, 0.1); height: 18px; padding: 2px; position: absolute; top: 0; left: 0; width: 18px;} .bypostauthor > article .fn:before{content: "\f408"; margin: 0 2px 0 -2px; position: relative; top: -1px;} /*.says{display: none;}*/ .comment-author, .comment-awaiting-moderation, .comment-content, .comment-list .reply, .comment-metadata{padding-left: 30px;} .comment-edit-link, .post-edit-link{margin-left:10px;} span.edit-link{background:url(images/edit.png) left 6px no-repeat; padding:3px 0px 3px 15px; 'Open Sans', sans-serif font-size:20px;} .comment-list .reply{background:url(images/reply.png) left 5px no-repeat; padding:3px 0px 3px 25px;} time{font-family:'Droid Sans', sans-serif; font-size:15px; text-transform:none;} time.entry-date{background:url(images/calendar-icon.png) left 6px no-repeat; padding:8px 15px 3px 26px; font-family:'Droid Sans', sans-serif; font-size:15px;} span.byline{background:url(images/admin-icon.png) left 6px no-repeat; padding:8px 15px 3px 26px; font-family:'Droid Sans', sans-serif; font-size:15px;} span.comments-link{background:url(images/comments-icon.png) left 8px no-repeat; padding:8px 15px 3px 26px; font-family:'Droid Sans', sans-serif; font-size:15px;} .entry-meta{margin:0px 0px 12px; padding:0px;} .entry-meta > span{border-right:1px solid #000; margin:0px 6px;} .entry-meta > span.edit-link{border-right:none;} .comment-edit-link:before{} .comment-reply-link:before, .comment-reply-login:before{margin-right:2px;} .comment-content{-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-wrap: break-word; margin:24px 0px 0px 0px; padding:25px 3%; background:#ececec; border:1px dashed #b0b0b0; width:94%;} #comments .comment-content > p{font-size:15px; font-family:'Merriweather', serif; margin:0px; font-style:italic;} .comment-content ul, .comment-content ol{margin: 0 0 24px 22px;} .comment-content li > ul, .comment-content li > ol{margin-bottom: 0;} .comment-content > :last-child{margin-bottom: 0;} .comment-list .children{list-style: none; margin-left: 15px;} .comment-respond{margin-bottom: 24px; padding: 0;} .comment .comment-respond{margin-top: 24px;} .comment-respond h3{margin-top: 0; margin-bottom: 24px;} .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code{color:#414344;} .comment-notes, .comment-awaiting-moderation, .logged-in-as{font-size: 14px; line-height: 1.7142857142;} .no-comments{font-size: 16px; font-weight: 900; line-height: 1.5; margin-top: 24px; text-transform: uppercase;} .comment-form label{display: block;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{width: 100%;} .form-allowed-tags, .form-allowed-tags code{font-size: 12px; line-height: 1.5;} .required{color: #c0392b;} .comment-reply-title small a{color: #2b2b2b; float: right; height: 24px; overflow: hidden; width: 24px;} .comment-reply-title small a:hover{color: #41a62a;} .comment-reply-title small a:before{content: "\f405"; font-size: 32px;} .comment-navigation{font-size: 12px; line-height: 2; margin-bottom: 48px; text-transform: uppercase;} .comment-navigation .nav-next, .comment-navigation .nav-previous{display: inline-block;} .comment-navigation .nav-previous a{margin-right: 10px;} #comment-nav-above{margin-top: 36px; margin-bottom: 0;} article.post{margin:0px 0px 0px; padding:25px 3% 25px 3%; background:#ebf2f3; display:inline-block; font-family:'Droid Sans', sans-serif; font-size:17px; line-height:30px; color:#646464; list-style:none; border:1px dashed #b0b0b0; width:94%;} #content nav.navigation{background:none; height:55px; float:right; width:100%; text-align:right; border:none; padding:0px;} #content nav.navigation h1.screen-reader-text{display:none;} #content nav.navigation:after{content:normal; position:absolute; bottom:0; width:0; height:0; border-bottom:none; border-left:none;} #content nav.navigation .nav-links{margin:-13px 0px 0px;} #content nav.navigation .nav-links a{background:#cd1026; border:#cd1026 1px solid; font-family:'Droid Sans', sans-serif; font-size:15px; text-transform:capitalize; color:#FFF; padding:7px 15px; margin:0px 0px; font-weight:300; -webkit-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15); box-shadow:0px 0px 15px 0px rgba(0,0,0,0.15); -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} #content nav.navigation .nav-links a:hover{background:#00a7cf; border:#00a7cf 1px solid; color:#FFF;} #content nav.navigation .nav-links a span.meta-nav{margin:0px 7px 0px 0px; color:#FFF; font-family:'Droid Sans', sans-serif;} #content nav.navigation .nav-links a:hover span.meta-nav{color:#FFF;} @media screen and (min-width:961px) and (max-width:1220px) { #logo-bg .logo-main, .header-main, #boxes, #home-products, #supplementary, #footer-links{width:96%;} #page, #page-inner{width:96%;} #call-bar ul{width:96%;} #boxes-sidebar aside{width:23.5%; margin-left:2%;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width:20%;} #tagline{width:60%;} #right-sidebar{width:23%; max-width:inherit;} #main-content{width:72%; max-width:inherit;} #primary{width:90%; padding-left:5%; padding-right:5%;} #content .home-right img{width:100%;} #call-bar ul li:nth-child(1){width:63%; padding:15px 0px 15px 36px; line-height:40px;} #call-bar ul li:nth-child(2){padding:15px 0px;} #footer-sidebar aside img{width:100%;} #footer-sidebar aside{width:29%; margin:0px 15px 0px 15px; padding:0px 15px 0px 15px;} span.ph, span.mail{margin-left:0px;} } @media screen and (min-width:1145px) and (max-width:1220px) { nav{margin-left:15px;} #primary{width:63%;} .twentyfourteen .tfwc{padding-left:0px; padding-right:0px; max-width:100%;} } @media screen and (min-width:1024px) and (max-width:1024px) { #primary{width:62.5%;} } @media screen and (min-width:0px) and (max-width:768px) { #logo-bg .logo-main, .header-main, #boxes, #home-products, #supplementary, #footer-links{width:88%;} .site-title-right img{width:100%;} .site-title-right{margin:30px 0px 0px 0px;} .header-main img.map{width:100%; margin-left:0px;} #tagline{width:100%;} #tagline h2{line-height:65px;} #boxes-sidebar aside{margin:29px 0px 0px 0px;} .woocommerce[class*="columns-"] ul.products li.product{width:91%;} #page, #page-inner{width:90%;} #right-sidebar{width:100%; margin:30px auto 42px; max-width:100%; float:none;} #main-page, #page{margin-top:0px;} #primary{width:80%; padding-left:10%; padding-right:10%;} #content span.script{display:block;} #content .home-left{width:100%;} #content .home-right{width:100%;} #content .home-right img{width:100%; height:auto;} #ads-sidebar aside{width:100%; margin:15px 0px 15px 0px;} #call-bar{width:80%; height:auto; padding:0px 10% 40px 10%;} #call-bar ul li:nth-child(1){line-height:36px; text-align:center; padding:60px 0px 0px 0px; background-position:center 15px;} #call-bar ul li:nth-child(2){width:100%;} #search-footer-box{width:80%; margin:20px auto 0px; text-align:center; float:none;} #footer-sidebar aside:nth-child(1), #footer-sidebar aside, #footer-sidebar aside:nth-child(3){width:100%;} #footer-sidebar aside{margin:0px; padding:0px;} #footer-sidebar aside img{width:100%;} #footer-sidebar aside h2{line-height:45px;} } @media screen and (min-width:0px) and (max-width:568px) { #boxes-sidebar aside{width:100%;} #content .tfwc h1{word-wrap:break-word;} .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input{width:100%;} #content h2{line-height:25px;} .entry-content{text-align:left;} #footer-sidebar aside:nth-child(1), #footer-sidebar aside, #footer-sidebar aside:nth-child(3){text-align:center;} #footer-sidebar aside:nth-child(1) ul{text-align:center;} #footer-sidebar aside:nth-child(1) h1, #footer-sidebar aside:nth-child(3) h1{text-align:center;} span.ph, span.mail{margin-left:0px;} #content .entry-content-home h1{text-align:left;} } @media screen and (min-width:568px) and (max-width:768px) { #logo-bg .logo-main > .site-title, .site-title-right{width:45%; height:auto;} #logo-bg .logo-main > .site-title img{width:100%;} .site-title-right{margin-top:0px;} #right-sidebar aside{width:45%; margin:0px 0px 0px 10%;} #primary{width:90%; padding-left:5%; padding-right:5%;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width:42%;} .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input{width:48%;} #search-footer-box{width:59%;} #footer-sidebar aside img{width:auto;} #footer-sidebar aside .icons{width:36%; margin:6px auto 0px; float:none;} #call{width:80%; margin:6px auto 0px; float:none;} span.ph, span.mail{float:left; line-height:38px;} span.mail{margin-left:15px;} .header-main img.map{width:44%;} #tagline{width:50%;} #boxes-sidebar{width:88%;} #boxes-sidebar aside:nth-child(2){margin-top:0px;} #boxes-sidebar aside:nth-child(2), #boxes-sidebar aside:nth-child(4){margin-left:29px;} .woocommerce[class*="columns-"] ul.products li.product{width:43%;} #page, #page-inner{width:88%;} #content .home-left{width:60%;} #content .home-right{width:36%;} #content .home-right img{height:315px;} #ads-sidebar aside{width:48%;} #ads-sidebar aside:nth-child(2){margin:0px 0px 0px 4%;} #search-footer-box{width:44%;} #footer-sidebar aside:nth-child(1), #footer-sidebar aside, #footer-sidebar aside:nth-child(3){text-align:center;} #footer-sidebar aside:nth-child(1) ul{text-align:center;} #footer-sidebar aside:nth-child(1) h1, #footer-sidebar aside:nth-child(3) h1{text-align:center;} } @media screen and (min-width:0px) and (max-width:568px) { #boxes-sidebar{width:100%;} #boxes-sidebar aside{width:46%;} @media screen and (min-width:0px) and (max-width:480px) { #logo-bg .logo-main, .header-main, #boxes, #home-products, #supplementary, #footer-links{width:80%;} .woocommerce[class*="columns-"] ul.products li.product{width:91%;} #search-footer-box{width:81%;} #content a.button.wc-forward{font-size:13px;} #boxes h1{font-size:32px;} .container{width:100%;} #page, #page-inner{width:80%;} .woocommerce ul.products li.product, .woocommerce-page ul.products li.product{width:86%;} #logo-bg .logo-main > .site-title{width:100%; height:auto;} #logo-bg .logo-main > .site-title img{width:100%;} .site-title-right{width:100%;} #footer-sidebar aside .icons, #call{width:60%; margin:6px auto 0px; float:none;} #content .entry-content-home h1{text-align:left; font-family:32px;} } @media screen and (min-width:0px) and (max-width:375px) { #search-footer-box{width:90%;} #boxes-sidebar aside{width:100%;} #footer-sidebar aside .icons{width:70%; margin:6px auto 0px; float:none;} #call{width:72%; margin:6px auto 0px; float:none; left:0; right:0; position:relative;} } @media screen and (min-width:0px) and (max-width:360px) { #logo-bg .logo-main, .header-main, #boxes, #home-products, #supplementary, #footer-links{width:80%;} #search-footer-box{width:93%;} #page, #page-inner{width:80%;} } @media screen and (min-width:0px) and (max-width:320px) { #search-footer-box{width:100%;} #content .tfwc h1{font-size:30px;} #call-bar{width:84%; padding:0px 8% 40px 8%;} } /* FORUM */ .wrap{width:70%; padding:54px;} .forabg{border-radius:0px;} .navbar{border-radius:0px; font-family:'Droid Sans', sans-serif; font-size:14px;} .stat-block h3{font-family:'Open Sans', sans-serif; font-size:18px; text-transform:none; font-weight:600;} fieldset{font-size:13px;} .stat-block p{font-size:13px;} dl.row-item dt .list-inner, ul.topiclist dd{font-family:'Open Sans', sans-serif; font-size:15px; font-weight:600;} a.forumtitle, a.lastsubject{font-family:'Open Sans', sans-serif; font-size:18px;} dl.row-item dt, dl.row-item dd{min-height:100px;} dd, dl{margin-bottom:0px;} .{ font-family:'Open Sans', sans-serif; font-family:'Raleway', sans-serif; font-family:'Droid Sans', sans-serif; font-family:'Dancing Script', cursive; font-family:'PT Serif', serif; font-family:'PT Sans', sans-serif; font-family:'Alex Brush', cursive; font-family:'Poppins', sans-serif; font-family:'Merriweather', serif; font-family:'Muli', sans-serif; font-family:'ITC Avant Garde Pro Md', Arial, Helvetica, sans-serif; font-weight:500; font-weight:bold; font-family:'ITC Avant Garde Pro Bk', Arial, Helvetica, sans-serif; font-weight:300; font-weight:600; font-family:'ITC Avant Garde Pro XLt', Arial, Helvetica, sans-serif; font-weight:200; } @font-face { font-family: 'ITC Avant Garde Pro Md'; src: url('fonts/ITCAvantGardePro-MdObl.eot'); src: url('fonts/ITCAvantGardePro-MdObl.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-MdObl.woff') format('woff'), url('fonts/ITCAvantGardePro-MdObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-MdObl.svg#ITCAvantGardePro-MdObl') format('svg'); font-weight: 500; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro Bk'; src: url('fonts/ITCAvantGardePro-Bk.eot'); src: url('fonts/ITCAvantGardePro-Bk.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-Bk.woff') format('woff'), url('fonts/ITCAvantGardePro-Bk.ttf') format('truetype'), url('fonts/ITCAvantGardePro-Bk.svg#ITCAvantGardePro-Bk') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'ITC Avant Garde Pro XLt'; src: url('fonts/ITCAvantGardePro-XLt.eot'); src: url('fonts/ITCAvantGardePro-XLt.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-XLt.woff') format('woff'), url('fonts/ITCAvantGardePro-XLt.ttf') format('truetype'), url('fonts/ITCAvantGardePro-XLt.svg#ITCAvantGardePro-XLt') format('svg'); font-weight: 200; font-style: normal; } @font-face { font-family: 'ITC Avant Garde Pro Md'; src: url('fonts/ITCAvantGardePro-BoldObl.eot'); src: url('fonts/ITCAvantGardePro-BoldObl.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-BoldObl.woff') format('woff'), url('fonts/ITCAvantGardePro-BoldObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-BoldObl.svg#ITCAvantGardePro-BoldObl') format('svg'); font-weight: bold; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro Bk'; src: url('fonts/ITCAvantGardePro-DemiObl.eot'); src: url('fonts/ITCAvantGardePro-DemiObl.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-DemiObl.woff') format('woff'), url('fonts/ITCAvantGardePro-DemiObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-DemiObl.svg#ITCAvantGardePro-DemiObl') format('svg'); font-weight: 600; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro XLt'; src: url('fonts/ITCAvantGardePro-XLtObl.eot'); src: url('fonts/ITCAvantGardePro-XLtObl.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-XLtObl.woff') format('woff'), url('fonts/ITCAvantGardePro-XLtObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-XLtObl.svg#ITCAvantGardePro-XLtObl') format('svg'); font-weight: 200; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro Bk'; src: url('fonts/ITCAvantGardePro-BkObl.eot'); src: url('fonts/ITCAvantGardePro-BkObl.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-BkObl.woff') format('woff'), url('fonts/ITCAvantGardePro-BkObl.ttf') format('truetype'), url('fonts/ITCAvantGardePro-BkObl.svg#ITCAvantGardePro-BkObl') format('svg'); font-weight: 300; font-style: italic; } @font-face { font-family: 'ITC Avant Garde Pro Md'; src: url('fonts/ITCAvantGardePro-Md.eot'); src: url('fonts/ITCAvantGardePro-Md.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-Md.woff') format('woff'), url('fonts/ITCAvantGardePro-Md.ttf') format('truetype'), url('fonts/ITCAvantGardePro-Md.svg#ITCAvantGardePro-Md') format('svg'); font-weight: 500; font-style: normal; } @font-face { font-family: 'ITC Avant Garde Pro Bk'; src: url('fonts/ITCAvantGardePro-Demi.eot'); src: url('fonts/ITCAvantGardePro-Demi.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-Demi.woff') format('woff'), url('fonts/ITCAvantGardePro-Demi.ttf') format('truetype'), url('fonts/ITCAvantGardePro-Demi.svg#ITCAvantGardePro-Demi') format('svg'); font-weight: 600; font-style: normal; } @font-face { font-family: 'ITC Avant Garde Pro Md'; src: url('fonts/ITCAvantGardePro-Bold.eot'); src: url('fonts/ITCAvantGardePro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ITCAvantGardePro-Bold.woff') format('woff'), url('fonts/ITCAvantGardePro-Bold.ttf') format('truetype'), url('fonts/ITCAvantGardePro-Bold.svg#ITCAvantGardePro-Bold') format('svg'); font-weight: bold; font-style: normal; }