@font-face {
font-family: 'open_sans';
src: url(/wp-content/themes/savarino/fonts/opensans-regular-webfont.eot);
src: url(/wp-content/themes/savarino/fonts/opensans-regular-webfont.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/savarino/fonts/opensans-regular-webfont.woff) format('woff'),
url(/wp-content/themes/savarino/fonts/opensans-regular-webfont.ttf) format('truetype'),
url(/wp-content/themes/savarino/fonts/opensans-regular-webfont.svg#open_sansregular) format('svg');
font-weight: normal;
}
@font-face {
font-family: 'open_sans';
src: url(/wp-content/themes/savarino/fonts/opensans-bold-webfont.eot);
src: url(/wp-content/themes/savarino/fonts/opensans-bold-webfont.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/savarino/fonts/opensans-bold-webfont.woff) format('woff'),
url(/wp-content/themes/savarino/fonts/opensans-bold-webfont.ttf) format('truetype'),
url(/wp-content/themes/savarino/fonts/opensans-bold-webfont.svg#open_sansbold) format('svg');
font-weight: bold;
}
@font-face {
font-family: 'open_sans';
src: url(/wp-content/themes/savarino/fonts/opensans-extrabold-webfont.eot);
src: url(/wp-content/themes/savarino/fonts/opensans-extrabold-webfont.eot?#iefix) format('embedded-opentype'),
url(/wp-content/themes/savarino/fonts/opensans-extrabold-webfont.woff) format('woff'),
url(/wp-content/themes/savarino/fonts/opensans-extrabold-webfont.ttf) format('truetype'),
url(/wp-content/themes/savarino/fonts/opensans-extrabold-webfont.svg#open_sansextrabold) format('svg');
font-weight: 900;
}
* {
margin: 0;
padding: 0;
}
p {
margin: 1em 0;
}
a img {
text-decoration: none;
border: none;
}
a {
text-decoration: none;
color: brown;
}
.wpcf7 textarea, 
.wpcf7 input,
.wpcf7 select {
border-color: #ddd;
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
box-shadow: inset 0 1px 2px rgba(0,0,0,.07);
background-color: #fff;
color: #333;
border-width: 1px;
border-style: solid;
outline: 0;
padding: 5px;
width: 97%;
}
.wpcf7 textarea:focus,
.wpcf7 input:focus,
.wpcf7 select:focus {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
border-color: #999;
}
.wpcf7 input[type="submit"] {
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
}
.wpcf7 input[type="submit"]:hover {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
box-shadow: 0 1px 2px rgba(0,0,0,.1);
border-color: #999;
color: black;
}
.page-title {
font-family: 'open_sans';
font-weight: 900;
color: #1D3E15;
}
.helper {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.f-left {
float: left;
width: 450px;
}
.f-left img {
float: left;
margin-right: 5px;
}
.f-left .menu-main-menu-container {
padding-top: 25px;
}
.f-right {
float: right;
}
.text-center {
text-align: center;
}
.clear  {
clear: both;
}
.yellow {
color: yellow;
}
.green {
color: #307324;
}
.white {
color: white;
}  #top-container {
width: 100%;
}
#header-wrap {
width: 100%;
position: absolute;
top: 0;
z-index: 5;
}
#header {
max-width: 1020px;
height: 145px;
margin: 20px auto 0 auto;
border-bottom: solid white 1px;
background: url(/wp-content/themes/savarino/images/header-bg.png) no-repeat;
}
#logo {
height: 100%;
padding-left: 25px;
float: left;
}
#logo img {
vertical-align: middle;
}
#right-header {
float: right;
}
#deliver {
height: 145px;
float: left;
padding-right: 15px;
}
#deliver img {
vertical-align: middle;
display: inline-block;
}
#deliver h2 {
display: inline-block;
vertical-align: middle;
}
#right-header #address {
height: 105px;
float: right;
padding-right: 50px;
padding-top: 40px;
}
#mobile-nav-button {
display: none;
margin-left: 10px;
height: 100%;
float: left;
cursor: pointer;
}
#mobile-nav-button img {
vertical-align: middle;
} #slider {
width: 100%;
border-bottom: solid white 4px;
}
.home-page #slider {
max-height: 600px;
overflow: hidden;
}
.inside-page #slider {
max-height: 400px;
overflow: hidden;
}
#slider .soliloquy-container {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 100% !important;
overflow: hidden;
}
#slider .soliloquy-control-nav {
display: none;
} #home-products {
margin-bottom: 45px;
}
#description-box {
margin-bottom: 25px;
text-align: left;
padding-left: 25px;
padding-right: 30px;
}
#description-box h1 {
color: #1D3E15;
}
#description-box p {
margin-bottom: 15px;
}
#whats-new {
background: url(/wp-content/themes/savarino/images/whats-new-bg-top.png) #FEFEFE no-repeat; text-align: left;
padding-top: 25px;
padding-left: 30px;
padding-right: 75px; -webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#whats-new-grass {
background: url(/wp-content/themes/savarino/images/whats-new-bg-bottom.png) no-repeat;
height: 135px;
}
#whats-new-title {
margin-bottom: 5px;
color: #307324;
}
#whats-new .whats-new-post {
padding-left: 5px;
}
#whats-new .post-title a {
color: #9E6D1B;
text-decoration: none;
}
#whats-new .excerpt {
color: #71AF40;
font-weight: bold;
padding-top: 0;
margin-top: 0;
}
#home-widgets .widget {
width: 33%;
display: inline-block;
vertical-align: top;
}
#home-widgets .widgettitle {
color: #F5C825;
}
#address .store-link {
color: yellow;
margin-top: 10px;
}
#home-right-col {
float: right;
width: 750px;
}
#home-products .top-soil {
margin: 0 10px;
} #content-wrap {
width: 100%;
background-color: white;
min-height: 800px;
margin: 0 auto;
font-family: 'open_sans';
}
.home-page #content-wrap {
background: url(/wp-content/themes/savarino/images/content-bg-stretched.png) no-repeat;
background-position: center top;
}
.inside-page #content-wrap {
background: url(/wp-content/themes/savarino/images/inside-content-bg.png) no-repeat;
}
#content-area {
max-width: 1020px;
margin: 0 auto;
padding: 45px 15px 0 15px;
text-align: center;
}
.inside-page #left-col {
float: left;
max-width: 730px;
padding-right: 30px;
text-align: left;
}
.inside-page #right-col {
float: right;
width: 260px;
} #mulch-calculator {
float: left;
width: 236px;
margin-left: -15px;
height: 560px;
background: url(/wp-content/themes/savarino/images/mulch-calc/design-box.png) no-repeat;
padding-top: 75px;
text-align: left;
padding-left: 35px;
}
#mulch-calculator select {
width: 218px;
height: 29px;
border: solid #D29E22 1px;
margin-bottom: 10px;
font-weight: bold; }
#mulch-calculator .input {
width: 218px;
height: 29px;
border: solid #D29E22 1px;
margin-bottom: 10px;
font-weight: bold;
}
#mulch-calculator input[type=text] {
width: 74px;
border: solid #D29E22 1px;
height: 27px;
margin-bottom: 7px;
}
#mulch-calculator input[type=submit] {
color: white;
width: 134px;
height: 38px;
border: none;
background: url(/wp-content/themes/savarino/images/mulch-calc/submit-bg.png) no-repeat;
cursor: pointer;
}
#mulch-calc-button {
display: none;
} #home-products .mobile-product {
display: none;
} #main-nav-bar {
max-width: 1020px;
height: 45px;
margin: 0 auto;
background: url(/wp-content/themes/savarino/images/nav-bg.png) repeat-x;
color: white;
}
#main-menu {
list-style-type: none;
width: 100%;
height: 100%;
}
#main-menu li {
display: inline-block;
width: 16%;
text-align: center;
position: relative;
}
#main-menu li .sub-menu {
display: none;
}
#main-menu li:hover > .sub-menu {
display: block;
position: absolute;
top: 45px;
left: 40px;
}
#main-menu li .sub-menu li {
display: block;
width: 200px;
text-align: left;
padding: 3px 5px;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter: alpha(opacity=80);
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
background: #245712 url(/wp-content/themes/savarino/images/nav-arrow.png) no-repeat right center;
}
#main-menu li .sub-menu li:hover {
background: #E4F327 url(/wp-content/themes/savarino/images/nav-arrow-hover.png) no-repeat right center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1.0
-khtml-opacity: 1.0;
opacity: 1.0;
}
#main-menu li .sub-menu li a {
color: #E4F327;
}
#main-menu li .sub-menu li:hover a {
color: #465914;
}
#main-menu li a {
line-height: 45px;
color: white;
text-decoration: none;
text-transform: uppercase;
width: 100%;
} #sidr {
background: #224517;
}
#sidr a {
color: white;
text-transform: uppercase;
}
#sidr ul li:hover > a {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
} #footer-wrap {
width: 100%;
margin: 0 auto;
background: url(/wp-content/themes/savarino/images/footer-grass.png) repeat-x;
height: 103px;
padding-top: 90px;
margin-top: 50px;
}
#footer-content {
max-width: 1020px;
margin: 0 auto;
}
#row-1 {
height: 80px;
}
#row-2 {
background-color: #3A7027;
}
#row-2-left {
float: left;
width: 31%;
text-align: left;
color: white;
}
#row-2-mid {
float: left;
width: 34%;
text-align: center;
color: yellow;
}
#row-2-right {
float: right;
width: 34%;
text-align: right;
color: white;
}
#footer-wrap-mobile {
display: none;
width: 100%;
background: url(/wp-content/themes/savarino/images/mobile-footer-bg.png) #FEFEFE no-repeat;
padding-top: 20px;
}
#footer-wrap-mobile table {
width: 100%;
}
#footer-mobile-left h2 {
margin-left: 10px;
font-family: 'open_sans';
}
#footer-mobile-left h2 .row1 {
color: #29701C;
}
#footer-mobile-left h2 .row2 {
color: #8CBC35;
}
#footer-mobile-left h2 .row3 {
color: #A27623;
}
#footer-mobile-right {
width: 50%;
text-align: right;
} #default-template-sidebar {
text-align: right;
} #footer-main-menu a {
color: white;
text-decoration: none;
margin-right: 3px;
}
#footer-main-menu {
list-style-type: none;
}
#footer-main-menu li {
display: inline;
}
#footer-main-menu .sub-menu {
display: none;
}
#footer-main-menu .menu-item-233 {
display: none;
}
#footer-mini-menu a {
color: yellow;
text-decoration: none;
margin-left: 2px;
margin-right: 2px;
}
#footer-mini-menu {
list-style-type: none;
}
#footer-mini-menu li {
display: inline;
}  @media screen and (max-width: 1055px) {
#content-area {
padding-right: 0;
}
#home-right-col {
width: 700px;
float: left;
}
#whats-new { }
.inside-page #left-col {
max-width: 660px;
}
}
@media screen and (max-width: 980px) { #logo img {
height: 100px;
}
#header {
height: 120px;
}
#deliver {
height: 120px;
}
#right-header #address {
padding-top: 20px;
height: 95px;
}
#deliver img {
display: none;
} #home-right-col {
width: auto;
}
#description-box {
}
#whats-new { }
.inside-page #left-col {
width: 98%;
max-width: 98%;
padding-right: 2%;
}
.inside-page #right-col {
float: none;
clear: both;
width: 100%;
}
.inside-page #right-col #default-template-sidebar {
text-align: center;
}
.inside-page #right-col .widget {
display: inline;
}
.inside-page #right-col #mulch-calc-button {
display: block;
margin: 0 auto;
margin-top: 15px;
}
.f-left {
width: 50%;
} #mulch-calculator {
display: none;
}
#mobile-mulch-calculator #mulch-calculator {
display: block;
}
#mulch-calc-button {
display: inline;
}
}
@media screen and (max-width: 650px) { #logo img {
height: 80px;
}
#header {
height: 100px;
}
#deliver {
height: 100px;
}
#address {
display: none;
} #whats-new-title {
font-size: 26px;
}
#whats-new .post-title {
font-size: 20px;
}
#home-widgets .widget {
width: 100%;
}
.f-left {
width: 45%;
}
.f-left .menu-main-menu-container {
padding-top: 0;
}
}
@media screen and (max-width: 480px) { #header-wrap {
position: static;
}
#header {
margin-top: 0;
}
#logo {
float: right;
margin-right: 10px;
}
#logo img {
width: 100px;
}
#deliver {
display: none;
}
#mobile-nav-button {
display: inline;
} #main-nav-bar {
display: none;
} #home-products .product {
display: none;
}
#home-products .mobile-product {
display: block;
margin: 0 auto;
width: 100%;
} .home-page #content-area {
padding-left: 0;
padding-right: 0;
}
#content-area {
padding-top: 0;
}
#description-box {
display: none;
}
#home-widgets {
display: none;
}
#whats-new-title {
font-size: 24px;
}
#whats-new .post-title {
font-size: 18px;
}
div.aggregate-reviews {
margin-left: auto;
margin-right: auto;
display: table;
} #slider {
display: none;
} .inside-page #right-col {
width: 100%;
text-align: center;
}
.inside-page #right-col #default-template-sidebar {
text-align: center;
} .inside-page #left-col {
width: 96%;
padding: 10px 2%;
} #footer-wrap {
display: none;
}
#footer-wrap-mobile {
display: block;
overflow: hidden;
}
} @media screen and (max-width: 320px) {
}
@media screen and (max-width: 240px) {
} .home-page #text-3 {
width: 45%;
}
.home-page #text-4 {
width: 21%;
}
.soliloquy-theme-classic .soliloquy-pager {
width: 100%;
margin: 0 0 0 5px;
position: absolute;
bottom: 10px;
height: 14px;
text-align: center !important;
}