/* 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;
}