/* Begin CSS Reset */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; } html {overflow: -moz-scrollbars-vertical;} body {line-height: 1;} ol, ul {list-style: none;} :focus {outline: 0;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} /* End CSS Reset */ /* Globals */ .left { float:left; } .right { float:right; } .clear { clear:both; } .block { display:block; } .inline { display:inline; } .hide { display:none; } .noFloat {float:none;} .wp-caption.alignleft {float:left;} .alignleft {float:left; margin-right:20px;} /* Start variables */ @darkGreen: #4D5C2E; @lightGreen: #95A53B; @lightLightGreen: #CCE46D; @darkDarkGreen: #333E1F; @beige: #F0F0E1; @grey: #999; h1 { color: @darkGreen; font:normal 24px 'Century Gothic'; padding-left:50px; background:url('img/h1.png') no-repeat left; line-height:36px; margin: 20px -20px 20px; } h2 { font: normal 20px 'Century Gothic'; color: @lightGreen; padding-bottom:20px; } h3 { font: normal 16px 'Century Gothic'; color: @lightGreen; } h4 { font: normal 16px 'Century Gothic'; color: @darkGreen; } p { font:14px Arial; color: #777; margin:10px 0px 40px 0px; line-height:1.8; } a { text-decoration:none; color:@lightGreen; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } a:hover { color:@darkGreen; } input, textarea { border-radius: 3px; border-top:1px solid #64682A; border-left: 1px solid #818637; border-right: 1px solid #818637; border-bottom: 1px solid #989D40; -webkit-box-shadow:inset 2px 5px 3px 0px #BBBBBB; -moz-box-shadow:inset 2px 5px 3px 0px #BBBBBB; box-shadow:inset 2px 5px 3px 0px #BBBBBB; background: white; } select { padding:5px; border:1px solid @lightLightGreen; border-radius:3px; } body { background: url('img/decals_r2_c2.png') no-repeat right 218px; .header { background: url('img/decals_r1_c1.png') no-repeat top right @darkGreen; width:100%; height:218px; .innerHeader { width:960px; margin:0px auto; position: relative; .logo { float:left; position: absolute; z-index: 10; img { margin-top:10px; } } .phone { float:right; position:absolute; top:15px; right:0px; color: white; font:20px 'Century Gothic'; font-style: italic; background-color: @lightGreen; padding:5px 13px; border-radius:3px; span { font-size:16px; margin-right:8px; position: relative; top:-1px; color: @darkGreen; } a { color: white; text-decoration: none; } } .socialIcons { float:right; margin-top:146px; a { margin-left:8px; } } } } .menu-main-menu-container { width:100%; position: relative; top:-25px; #menu-main-menu { width: 960px; margin:0px auto; background: @lightGreen; border-radius: 3px; text-align:center; min-height:50px; li { float:left; a { text-decoration:none; font-family: 'Century Gothic'; display:block; line-height:49px; padding-left:55px; color:white; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } a:hover { color:@darkGreen; } .sub-menu { display:none; position:absolute; } } } } .slideshowWrapper { width:960px; margin:0px auto; position: relative; top:-10px; border-radius:3px; .slideshow { width:960px; height:330px; border-radius:3px; .slide { display:none; .caption { position:absolute; z-index:100; bottom:0px; left:0px; width:100%; background:url('img/slideshow-caption-bg.png'); color:white; font:32px 'Century Gothic'; padding:15px 20px 20px 20px; text-shadow: 0 0 5px #000000; } } .slidesjs-next { float:right; position: absolute; z-index: 100; top:130px; right:0px; } .slidesjs-previous { float:left; position: absolute; z-index: 100; top:130px; left:0px; } } } .quickLinks { width:960px; margin: 0px auto; height: 166px; .quickLink { width:266px; margin-right:21px; display:block; float:left; height:111px; border-radius: 2px; margin-top:15px; text-decoration: none; padding:20px; } .spot1 { background: url('img/quicklink-decal-01.png') no-repeat top right @lightGreen; color: @darkDarkGreen; .mainText { font: 20px 'Century Gothic'; height:90px; display:block; } .subText { font:14px 'Century Gothic'; } } .spot2 { text-align: right; background: url('img/quicklink-decal-02.png') no-repeat top left #ECECFB; color: #444; .mainText { font:26px 'Century Gothic'; height:90px; display:block; } .subText { font: 14px 'Century Gothic'; line-height:14px; } } .spot3 { background: url('img/quicklink-decal-03.png') no-repeat top right @darkGreen; margin-right:0px; color: white; .mainText { font: 35px 'Century Gothic'; height:65px; display: block; } .subText { font:16px 'Century Gothic'; } } } .content { width:960px; margin:0px auto; .leftColumn { float:left; padding:0px 40px 40px 20px; width:66%; p { margin-bottom:20px; } .postWrapper { border-bottom:1px solid #ededed; padding:20px 0px 40px 0px; img { float:left; padding-right:20px; } .excerpt { width:72%; float:right; p { margin:0px 0px 20px 0px; } a { font-family: 'Century Gothic'; float: right; margin-right:20px; } } } } .fullColumn { padding:0px 20px 40px 20px; width:920px; } .rightColumn { float:right; width:260px; .quickLinks { width:260px; .quickLink { padding:15px; height:85px; width:230px; } .spot3 { .mainText { font-size:30px; height:45px; } .subText { font-size:14px; } } .spot2 { .mainText { font-size:22px; } .subText { width:150px; line-height: 1.35; margin:-30px 0px; position: relative; top: -20px } } .spot1 { .mainText { font-size: 16px; color:white; } .subText { font-size:13px; position: relative; top: -20px; } } } } .servicesTable { font:14px 'Century Gothic'; color: @lightGreen; margin:0px auto; tr { td { line-height: 2.5; padding:0px 40px; } td:nth-child(even) { text-align:right; } td:nth-child(odd) { padding:0px 0px 0px 40px; } } tr:nth-child(odd){ background-color: @beige; } } .services { p { color: #777; font-size:12px; margin:10px 0px 10px 0px; } .serviceTitle{ padding:7px 20px 9px 20px; background-color: @darkGreen; color: white; border-radius: 3px; font-size: 16px; span { float:right; font-size: 14px; margin-top:2px; } } .serviceContent { padding:20px 20px 50px 20px; } } .contactTable { float:left; font: 14px Arial; color: black; line-height: 1.35; tr { td { padding:10px 0px; } } .title { color: @lightGreen; padding-right:20px; } a { color: @lightGreen; } } .contactForm, #wpcf7-f145-p16-o1 { float:right; background-color: @darkGreen; padding:20px 40px; border-radius: 3px; position: relative; top: -50px; width:380px; span { color: white; font:20px 'Century Gothic'; } select { padding:5px; } p { color: #A6AE97; margin:20px 0px; } input { padding:8px; border-radius:3px; border:none; width:300px; } textarea { padding:8px; border-radius: 3px; border:none; width:300px; } input.wpcf7-submit { width:316px; background-color: @lightLightGreen; font-size:15px; text-transform: uppercase; color: @darkGreen; font-family: 'Century Gothic'; font-weight: bold; box-shadow:none; } input.wpcf7-submit:hover { cursor: pointer; } .wpcf7-list-item { display:block; input { width:auto; } .wpcf7-list-item-label { font:14px Arial; } } } #wpcf7-f145-p16-o1 { float:none; top:0px; margin:0px auto; } .map { border:1px solid #66652D; clear:left; width:350px; height:350px; position: relative; top: 40px; } .woocommerce { form { h3 { margin-bottom:20px; } .form-row { margin-bottom:20px; #place_order { box-shadow: none; background: @darkGreen; text-shadow:none; color: white; border:none; border-radius:2px; font:14px 'Century Gothic'; padding:5px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } #place_order:hover { background-color: @lightLightGreen; } } label { font:14px arial; color: #777; padding-bottom:5px; } input { border:1px solid #ccc; background:none; border-radius:3px; padding:8px; box-shadow:2px 5px 3px 0 #eee inset; } } table { font:14px arial; border-radius:3px; border:none; thead { tr { th { background-color: @lightGreen; color: white; text-transform: uppercase; font:normal 14px 'Century Gothic'; } th.product-remove { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } th.product-subtotal { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } th.product-price, th.product-quantity, th.product-subtotal { text-align: center; } } } tbody { tr { td { border-top:none; border-bottom:1px solid rgba(0, 0, 0, 0.1); } td.product-thumbnail { img { width:50px; height:50px; } } td.product-remove { a { color: #B20000 } a:hover { background-color: #B20000; } } td.product-name { a { color: @darkGreen; } .variation { color: #777; } } td.product-price, td.product-quantity, td.product-subtotal { text-align: center; color: #777; } td.actions { border-bottom:none; .button { box-shadow: none; background: @lightGreen; text-shadow:none; color: white; border:none; border-radius:2px; font:14px 'Century Gothic'; padding:5px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; margin-top:20px; } .button:hover { background-color: @lightLightGreen; } .checkout-button { background-color: @darkGreen; } #coupon_code { margin-top:20px; } } } } } .cart_totals { table { float:right; tbody { tr { td { border-bottom:none; } } } } } } } .content.servicesTemplate { h2 { padding-bottom:10px !important; } p { margin:10px 0px; margin-top:0px; } table { margin-bottom:60px; } } .footer { clear:both; margin-top:10px; .footerTop { background: url('img/footer-decal-top.png') no-repeat bottom left; height: 88px; } .footerBottom { background: url('img/footer-decal-bottom.png') no-repeat bottom left @lightGreen; height:295px; .footerInner { width:960px; margin:0px auto; padding-top:30px; .widget { width:267px; padding:0px 19px; margin-right:21px; float:left; h3 { font:21px 'Century Gothic'; color: white; margin-bottom:20px; } p { font:normal 13px Arial; color: white; line-height: 1.2; } .socialIcons { margin-top:30px; clear:both; a { margin-right:8px; } } .copyright { font-size: 12px; opacity: .5; margin-top:10px; position:absolute; } } .widget:last-child { margin-right:0px; } #text-3 { #wpcf7-f114-w1-o1 { position: relative; } p { margin-bottom:10px; } .wpcf7-email { padding:10px; width:202px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-right:none; } .your-email { float:left; } .wpcf7-submit { float:right; border:none; background-color: @lightLightGreen; color: @darkGreen; font:15px 'Century Gothic'; box-shadow:none; border-top-left-radius:0px; border-bottom-left-radius:0px; padding:7px 5px 6px 5px; cursor: pointer; } .wpcf7-response-output { font:11px Arial; color: @darkGreen; position:absolute; width:270px; top:40px; } } #text-4 { p { margin:0px; } p.left { margin-right:5px; } } } } } } /** WooCommerce styles **/ .shopContainer { width: 960px; margin:0px auto; .requestLink { float:right; font:14px 'Century Gothic'; } .catMenu { margin-bottom:0px; border-top:1px solid #eee; border-bottom:1px solid #eee; position:relative; top: 20px; clear:both; ul { text-align: center; width:auto; margin:0px; li { display: inline-block; a { font:14px 'Century Gothic'; text-transform:uppercase; color: @grey; line-height:40px; display:block; padding:0px 15px; } a:hover { color: #333; } } } } .shopSidebar { position:absolute; h3:first-child { display:none; } .widget_shopping_cart_content { float:right; .button { padding:5px 10px; border-radius:3px; font:14px 'Century Gothic'; background:@lightGreen; color: white; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; span { font-size:11px; } } .button:hover { background: @lightLightGreen; } } } #container { clear:both; position: relative; top:70px; #content { .woocommerce-breadcrumb { display:none; } .page-title { display:none; } ul.products { li.product-category { float:left; margin-right:6px; margin-bottom:2px; a { position:relative; img { width:314px; height:314px; } h3 { display:none; } } } li.type-product { float:left; margin-right:6px; margin-bottom:2px; width:314px; position:relative; .onsale { position:absolute; margin:10px; background:white; padding:5px 10px; color: red; font:bold 14px 'Century Gothic'; border-radius:3px; text-transform:uppercase; } .prodDetails { /*position: absolute;*/ bottom:0px; padding: 10px 10px 15px 10px; /*background:url('img/bg-transparent.png') transparent;*/ width:100%; min-height:65px; h3 { font:13px 'Century Gothic'; text-transform: uppercase; color: #695E49; margin-bottom:12px; width:90%; min-height:34px; } span.price { font:bold 13px 'Century Gothic'; color: #695E49; background: white; padding:5px 10px; border-radius:3px; ins { text-decoration:none; span.amount { color:red; } } } .button { text-transform:uppercase; background:white; padding:7px 10px 5px 10px; border-radius:3px; font-size:11px; font-family:'Century Gothic'; color: #695E49; font-weight: bold; margin-left:5px; } a.added_to_cart { display:none; } } } } .woocommerce-pagination { clear:both; padding-top:20px; ul { li { float:left; margin-right:5px; span, a { padding:5px 10px; font:14px 'Century Gothic'; background-color:@lightGreen; color: white; border-radius:2px; } a:hover { background-color: @lightLightGreen; } span.current { background-color: @lightLightGreen; } } } } div.type-product { p { margin-bottom:10px; } .images { float:left; } .onsale { display:none; } .summary { float:right; width:63%; .price { font:20px 'Century Gothic'; color: @darkGreen; .from { font-size:14px; } ins { text-decoration:none; span.amount { color:red; } } } .product_title { font-size:20px; text-transform:uppercase; } .product_meta { display:none; } .variations_form, .cart { margin-top:30px; label { display:none; } .variations { float:left; margin-right:10px; a.reset_variations { display:none !important; } } .single_variation_wrap { display:inline !important; .price { float:left; margin-right:20px; ins { text-decoration: none; span.amount { color:red; } } } } .quantity { float:left; margin-right:10px; } .minus, .plus { background:@lightGreen; padding:0px 0px 2px 0px; color: white; border:none; box-shadow:none; font:20px Arial; width:28px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } .minus:hover, .plus:hover { cursor:pointer; background: @lightLightGreen; } .minus { border-bottom-left-radius: 3px; border-top-left-radius: 3px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .plus { border-bottom-right-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .qty { background:white; box-shadow:none; border:1px solid @lightGreen; border-radius:0px; text-align:center; width:35px; padding:8px 3px 4px 3px; } .button { background:@lightGreen; color: white; padding:4px 10px 6px 10px; box-shadow:none; border:none; border-radius:3px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; text-transform: uppercase; font:12px 'Century Gothic'; } .button:hover { background: @lightLightGreen; cursor:pointer; } } } .woocommerce-tabs { clear:both; ul.tabs { padding-top:20px; li { float:left; a { padding:10px 20px; display:block; font:12px 'Century Gothic'; text-transform:uppercase; } } li.active { background: @lightLightGreen; border-top-right-radius: 2px; border-top-left-radius: 2px; a { color: @darkGreen; font-weight:bold; } } } #tab-description, #tab-tab-video, #tab-tab-ingredients, #tab-tab-how-to-use { clear:both; padding:20px 40px 50px 40px; border:1px solid @lightLightGreen; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; border-top-right-radius: 2px; h2 { padding-bottom:10px; margin-top:20px; } ul { list-style: disc; margin-left:50px; li { font:14px Arial; color:#777; line-height: 1.5 } } } #tab-description, #tab-tab-video { h2:first-child { display:none; } } } } } } } .woocommerce-message, .woocommerce-error, .woocommerce-info { box-shadow:none !important; border-radius:2px !important; font:13px Arial; } .related.products { display:none; } .sociable { .sociable_tagline { font:14px 'Century Gothic'; margin-bottom:10px; } } #billing_company_field, #shipping_company_field { display:none; } ul.order_details { font:14px arial; } dl.customer_details { font:14px arial; color: #777; margin-bottom:30px; dt { color: @lightGreen; font:16px 'Century Gothic'; margin-top:10px; } dd { line-height:2; } } .shopContainer #container #content ul.products li.type-product .prodDetails h3 { font: 13px 'arial' !important; } .shopContainer #container #content ul.products li.type-product .prodDetails span.price { font: bold 13px 'arial' !important; } .shopContainer #container #content ul.products li.type-product .prodDetails .button { font-size: 12px !important; font-family: 'arial' !important; } .shopContainer .requestLink { font: 14px 'arial' !important; } .shopContainer #container #content div.type-product .summary .price { font: 20px 'arial' !important; } .shopContainer #container #content div.type-product .woocommerce-tabs #tab-description h2, .shopContainer #container #content div.type-product .woocommerce-tabs #tab-tab-video h2, .shopContainer #container #content div.type-product .woocommerce-tabs #tab-tab-ingredients h2, .shopContainer #container #content div.type-product .woocommerce-tabs #tab-tab-how-to-use h2{ font-family: arial !important; } .shopContainer #container #content div.type-product .summary .variations_form .button, .shopContainer #container #content div.type-product .summary .cart .button{ font: 12px 'arial' !important; } .shopContainer #container #content div.type-product .woocommerce-tabs ul.tabs li a{ font: 12px 'arial' !important; } .shopContainer #container #content div.type-product .woocommerce-tabs ul.tabs li.active a { font-weight: bold !important; } body .content .woocommerce table tbody tr td.product-name a { font: 12px 'arial' !important; color: #695E49; } body .content .woocommerce table tbody tr td.product-price span { font: 12px 'arial' !important; color: #695E49; } body .content .woocommerce table tbody tr td.product-subtotal span { font: 12px 'arial' !important; color: #695E49; } .upsells h2, .cross-sells h2{ margin-top:20px; } .upsells li{ width:30%; float:left; margin-right:3%; list-style-type:none; } .upsells li a img{ width:80%; height:auto; } .prodDetails h3, .cross-sells h3{ width:90%; padding-bottom:10px; padding-top:10px; } .breadcrumbs span, .cross-sells span{ color: #95a53b; } .cross-sells li a img{ width:100%; height:auto; } .cross-sells li{ width:40%; float:left; margin-right:3%; list-style-type:none; } .cross-sells{ width:500%; float:left; } body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-img a.festi-cart-img img, body div.festi-cart-pop-up-products-content table.festi-cart-list tr.festi-cart-item td.festi-cart-product-img span.festi-cart-img img { height: auto; max-width: 250px !important; width: 150px !important; } .festi-cart-view-cart, .festi-cart-checkout, .festi-cart-continue-shopping { background: #3498db; background-image: -webkit-linear-gradient(top, #b6c759, #95a53b); background-image: -moz-linear-gradient(top, #b6c759, #95a53b); background-image: -ms-linear-gradient(top, #b6c759, #95a53b); background-image: -o-linear-gradient(top, #b6c759, #95a53b); background-image: linear-gradient(to bottom, #b6c759, #95a53b); -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important; font-family: Arial !important; color: #ffffff !important; font-size: 16px; padding: 4px 8px 4px 8px; text-decoration: none; } .festi-cart-view-cart:hover, .festi-cart-checkout:hover, .festi-cart-continue-shopping:hover { background: #3cb0fd; background-image: -webkit-linear-gradient(top, #b6c759, #95a53b); background-image: -moz-linear-gradient(top, #b6c759, #95a53b); background-image: -ms-linear-gradient(top, #b6c759, #95a53b); background-image: -o-linear-gradient(top, #b6c759, #95a53b); background-image: linear-gradient(to bottom, #b6c759, #95a53b); text-decoration: none; color:#ffffff; } .festi-cart-buttons span.festi-cart-continue.b-close span.festi-cart-continue-shopping { font-size: 13px !important; font-family: Arial !important; padding: 9px 8px !important; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #95a53b !important; color: #fff !important; }