@charset "utf-8"; #screenINFO {position: fixed; bottom: 0; right: 0; z-index: 10000; padding: 1px 4px; background-color: rgba(0, 0, 0, 0.5); color: yellow; text-align: left; font-size: 12px; font-weight: 700;} .screenMOB, .screenSMALL, .screenMED, .screenBIG, .screenLARGE, .screenHUMUNGOUS, .screenHD {display: none;} /* MOBILE SCREENS */ .screenMOB {display: block;} .screenSMALL, .screenMED, .screenBIG, .screenLARGE, .screenHUMUNGOUS, .screenHD {display: none;} /* SMALL SCREENS */ @media only screen and (min-width: 480px) { .screenSMALL {display: block;} .screenMOB, .screenMED, .screenBIG, .screenLARGE, .screenHUMUNGOUS, .screenHD {display: none;} } /* MEDIUM SCREENS */ @media only screen and (min-width: 768px) { .screenMED {display: block;} .screenMOB, .screenSMALL, .screenLARGE, .screenHUMUNGOUS, .screenHD {display: none;} } /* BIG SCREENS */ @media only screen and (min-width: 1024px) { .screenBIG {display: block;} .screenMOB, .screenSMALL, .screenMED, .screenLARGE, .screenHUMUNGOUS, .screenHD {display: none;} } /* LARGE SCREENS */ @media only screen and (min-width: 1220px) { .screenLARGE {display: block;} .screenMOB, .screenSMALL, .screenMED, .screenBIG, .screenHUMUNGOUS, .screenHD {display: none;} } /* HUMUNGOUS SCREENS */ @media only screen and (min-width: 1440px) { .screenHUMUNGOUS {display: block;} .screenMOB, .screenSMALL, .screenMED, .screenLARGE, .screenBIG, .screenHD {display: none;} } /* HD SCREENS */ @media only screen and (min-width: 1920px) { .screenHD {display: block;} .screenMOB, .screenSMALL, .screenMED, .screenLARGE, .screenBIG, .screenHUMUNGOUS {display: none;} } @media only screen and (max-width: 320px) { #top {width: 320px;} } @media only screen and (min-width: 321px) { #top {width: 100%;} } /* GENERAL STYLES ------------------------------------------------------------------ */ html {height: 100%; overflow-x: hidden; margin: 0; padding: 0;} body {background: #fff; color: #231f20; font-size: 62.5%; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 400; text-rendering: optimizeLegibility; text-align: center;} .font-light {font-weight: 300;} .font-normal {font-weight: 400;} .font-bold, strong {font-weight: 700;} .font-extrabold {font-weight: 800;} .font-italic, .font-em, em {font-weight: 400; font-style: italic;} .font-small, small {font-size: 80%;} .font-big, big {font-size: 120%;} .font-condensed {font-family: 'Open Sans Condensed'; font-weight: 300;} a {color: #231f20; text-decoration: underline; -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out;} a:hover {color: #f06f10; text-decoration: underline;} a.button, button {display: inline-block; margin: 10px 0; padding: 0 12px; border: solid 1px #231f20; background-color: #f3d07c; color: #231f20; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} a.button:hover, button:hover {background-color: #f06f10; color: #fff;} a.button:active, button:active {background-color: #231f20; color: #fff;} .clearfix:after {content: ""; display: table; clear: both;} /* clearfix */ .headerbox, .contentbox, .footerbox {position: relative;} .boxed {width: 96%; max-width: 470px; margin: 0 auto; text-align: left;} .boxed:after {content: ""; display: table; clear: both;} /* clearfix */ /* small screens */ @media only screen and (min-width: 480px) { .boxed {width: 98%; max-width: 750px;} } /* medium screens */ @media only screen and (min-width: 768px) { .boxed {width: 96%; max-width: 980px;} } /* big screens */ @media only screen and (min-width: 1024px) { .boxed {width: 980px; max-width: 100%;} } /* large screens */ @media only screen and (min-width: 1220px) { .boxed {width: 1160px;} } /* humungous screens */ @media only screen and (min-width: 1440px) { .boxed {width: 1300px;} } /* hd screens */ @media only screen and (min-width: 1920px) { .boxed {width: 1400px;} } .only-screen {display: inline;} .only-print {display: none;} /* retina */ .lq-image {display: block;} .hq-image {display: none;} @media only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .lq-image {display: none;} .hq-image {display: block;} } /* post edit button */ span.post-edit-link-wrapper {position: absolute; top: 2px; right: 2px;} span.post-edit-link-wrapper a {display: block; width: 32px; color: #000; border: solid 1px rgba(0, 0, 0, 0.33); border-radius: 8px; background-color: rgba(0, 0, 0, 0.25); text-align: center; font-size: 20px; line-height: 32px;} span.post-edit-link-wrapper a:hover {color: #f00; border: solid 1px rgba(255, 0, 0, 0.33); text-decoration: none;} /* post pagingination */ #pager {} #pager a {display: inline-block; margin: 10px 0; padding: 0 12px; border: solid 1px #231f20; background-color: #f3d07c; color: #231f20; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} #pager a:hover {background-color: #f06f10; color: #fff;} #pager a:active {background-color: #231f20; color: #fff;} #pager .nav-links:after {content: ""; display: table; clear: both;} /* clearfix */ #pager .nav-links .nav-prev {float: left;} #pager .nav-links .nav-next {float: right;} #pager .nav-links .nav-prev .fa {margin-right: 8px;} #pager .nav-links .nav-next i.fa {margin-left: 8px;} /* WooCommerce pagingination */ .woocommerce nav.woocommerce-pagination {padding: 12px 0 24px 0;} .woocommerce nav.woocommerce-pagination ul {border: none;} .woocommerce nav.woocommerce-pagination ul li {margin: 0 6px; border: none;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {display: inline-block; margin: 10px 0; padding: 0 12px; border: solid 1px #231f20; background-color: #f3d07c; color: #231f20; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus {background-color: #f06f10; color: #fff;} .woocommerce nav.woocommerce-pagination ul li a:active, .woocommerce nav.woocommerce-pagination ul li span.current {background-color: #231f20; color: #fff;} /* Forms */ select {display: inline-block; margin: 10px 0; padding: 0 24px 0 12px; border: solid 1px #231f20; border-radius: 0; background: #f3d07c url(../img/ico40x200select.png) no-repeat right center; background-size: 20px auto; color: #231f20; text-decoration: none; text-transform: none; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; /*font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s;*/ transition: background-color ease-in .3s; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; text-indent: 1px; text-overflow: '';} select::-ms-expand {display: none;} input[type=text], input[type=tel], input[type=password], input[type=search], input[type=email] {display: inline-block; margin: 10px 0; padding: 0 4px; border: solid 1px #231f20; border-radius: 0; background-color: #fffceb; color: #231f20; text-decoration: none; text-transform: none; text-align: left; font-size: 16px; line-height: 30px !important; font-family: 'Open Sans Condensed'; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; text-indent: 1px; text-overflow: '';} input[type=number] {display: inline-block; margin: 10px 0; padding: 0 12px; border: solid 1px #231f20; border-radius: 0; background-color: #fffceb; color: #231f20; text-decoration: none; text-transform: none; text-align: center; font-size: 16px; line-height: 30px !important; font-family: 'Open Sans Condensed'; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; text-indent: 1px; text-overflow: '';} textarea {display: inline-block; margin: 10px 0; padding: 3px 4px; border: solid 1px #231f20; border-radius: 0; background-color: #fffceb; color: #231f20; text-decoration: none; text-transform: none; text-align: left; font-size: 16px; line-height: 20px !important; font-family: 'Open Sans Condensed'; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; text-indent: 1px; text-overflow: '';} /* PXL TOOLS - delete this section when website done .headerbox-id-wrapper, .headerbox-id {background-color: rgba(0, 0, 0, 0.2);} .headerbox-nav-wrapper, .headerbox-nav {background-color: rgba(0, 0, 0, 0.4);} .docsection-wrapper, .docsection {background-color: rgba(0, 255, 0, 0.2);} .scroll-screen-wrapper, .scroll-screen {background-color: rgba(0, 255, 255, 0.2);} .docsection-wrapper, .docsection {background-color: rgba(255, 0, 255, 0.2);} .footerbox-nav-wrapper, .footerbox-nav {background-color: rgba(0, 0, 0, 0.4);} .footerbox-text-wrapper, .footerbox-text {background-color: rgba(0, 0, 0, 0.2);}*/ /* TEMPLATES */ /* page-home.php */ .home {} .page-template-page-home.page-template-page-home-php {} .page.page-template {} .page-id-[ID] {} /* page-scroll.php */ .page-template-page-scroll.page-template-page-scroll-php {} .page.page-template {} .page-id-[ID] {} /* page.php */ .page.page-template-default {} .page-id-[ID] {} /* index.php */ .blog {} /* archive.php */ .archive.date {} .archive.category {} .category-[SLUG].category-[ID] {} .archive.author {} .author-[SLUG].author-[ID] {} /* single.php */ .single single-post {} .single-format-standard {} .postid-[ID] {} /* search.php */ .search.search-results {} /* 404.php */ .error404 {} /* HEADER ------------------------------------------------------------------ */ #search-wrapper {display: none; background-color: #625123;} #search-wrapper .fa-times-circle {display: none;} form.search-form {margin: 0; padding: 20px 0; border-top: solid 1px #625123;} form.search-form input[type=search] {width: 200px;} form.search-form input[type=submit] {display: inline-block; margin: 10px 0; padding: 0 12px; border: solid 1px #231f20; background-color: #f3d07c; color: #231f20; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} form.search-form input[type=submit]:hover {background-color: #f06f10; color: #fff;} form.search-form input[type=submit]:active {background-color: #231f20; color: #fff;} /* small screens */ @media only screen and (min-width: 480px) { form.search-form input[type=search] {width: 300px;} } /* medium screens */ @media only screen and (min-width: 768px) { form.search-form input[type=search] {width: 400px;} } /* big screens */ @media only screen and (min-width: 1024px) { #search-wrapper {z-index: 99999; position: fixed; top: 0; left: 0; right: 0; bottom: 0; padding-top: calc(50vh - 50px); background-color: rgba(98, 81, 35, 0.9);} #search-wrapper .fa-times-circle {display: block; position: absolute; top: 20px; right: 20px; font-size: 40px; color: #f3d07c; cursor: pointer;} #search-wrapper .fa-times-circle:hover {color: #f06f10;} #search-wrapper form.search-form input[type=search] {width: 440px; font-size: 24px; line-height: 48px !important;} #search-wrapper form.search-form input[type=submit] {font-size: 24px; line-height: 48px;} } /* HEADER ------------------------------------------------------------------ */ #curtain {display: none;} .headerbox-wrapper {} .headerbox-wrapper:after {content: ""; display: table; clear: both;} /* clearfix */ .headerbox {} /* big screens */ @media only screen and (min-width: 1024px) { #curtain {display: none; z-index: 9998; position: fixed; top: 36px; left: 0; right: 0; height: 100vh; background-color: rgba(0, 0, 0, .66);} .headerbox-wrapper {z-index: 9999; position: fixed; top: 0; left: 0; right: 0;} } /* HEADER - TOP BAR ------------------------------------------------------------------ */ .headerbox-id-wrapper {min-height: 48px; background: #f1e0b6 url(../img/bg3000x780honeycomb.png) no-repeat center top -210px; -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} .headerbox-id-wrapper:after {content: ""; display: table; clear: both;} /* clearfix */ .headerbox-id {} .headerbox-id header {position: relative;} .headerbox-id header a {z-index: 9999; position: absolute; top: 0; left: 0; display: inline-block;} .headerbox-id header a img {display: block;} #logo280 {width: 140px; height: auto;} #logo380 {display: none;} .headerbox-id nav {position: relative;} #nav-utils-mobile {position: absolute; top: 0; right: 0;} #nav-utils-mobile ul {} #nav-utils-mobile ul li {float: left;} #nav-utils-mobile ul li a {display: block; width: 48px; color: #231f20; text-align: center; font-size: 26px; line-height: 48px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} #nav-utils-mobile ul li a:hover, #nav-utils-mobile ul li a:active {background-color: #625123; color: #f0b310;} #nav-utils-mobile ul li.open a {background-color: #625123; color: #f0b310;} #nav-utils-mobile il li a i {} #nav-store, #nav-utils {display: none;} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { } /* big screens */ @media only screen and (min-width: 1024px) { .headerbox-id-wrapper {min-height: 36px; background-color: rgba(249, 232, 190, .75);} .scrolled .headerbox-id-wrapper {background-color: rgba(249, 232, 190, .96);} #logo280 {display: none;} #logo380 {display: block; width: 190px; height: auto;} .home .headerbox-id header a {top: -120px; -webkit-transition: top ease-in .3s; -moz-transition: top ease-in .3s; -o-transition: top ease-in .3s; transition: top ease-in .3s;} .home.scrolled210 .headerbox-id header a {top: 0px;} #nav-utils-mobile {display: none;} #nav-store {display: block; position: relative;} #nav-store > ul {position: absolute; top: 0; left: 196px;} #nav-store > ul:after {content: ""; display: table; clear: both;} /* clearfix */ #nav-store > ul > li {float: left; margin-right: 20px;} #nav-store > ul > li > a {color: #231f20; text-transform: uppercase; text-decoration: none; font-size: 1.4rem; line-height: 36px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out;} #nav-store > ul > li > a:hover {color: #f06f10;} #nav-store > ul > li ul {display: none !important;} .home #nav-store > ul {left: 6px; -webkit-transition: left ease-in .2s; -moz-transition: left ease-in .2s; -o-transition: left ease-in .2s; transition: left ease-in .2s;} .home.scrolled190 #nav-store > ul {left: 196px;} #nav-utils {display: block; position: relative;} #nav-utils > ul {position: absolute; top: 0; right: 0;} #nav-utils > ul:after {content: ""; display: table; clear: both;} /* clearfix */ #nav-utils > ul > li {float: left; margin-left: 20px;} #nav-utils > ul > li > a {color: #231f20; text-transform: uppercase; text-decoration: none; font-size: 1.4rem; line-height: 36px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out;} #nav-utils > ul > li > a:hover {color: #f06f10;} #nav-utils > ul > li ul {display: none !important;} } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* HEADER - BOTTOM BAR ------------------------------------------------------------------ */ .headerbox-nav-wrapper {min-height: 48px; background-color: #231f20;} .headerbox-nav-wrapper:after {content: ""; display: table; clear: both;} /* clearfix */ .headerbox-nav {} #nav-holder {position: relative; height: 48px;} #location-info, #nav-social {display: none;} #nav-release {position: absolute; top: 0; right: 0; display: block; padding: 0 10px; color: #fff; text-transform: uppercase; font-size: 2.2rem; line-height: 48px; cursor: pointer; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color ease-in .15s; -moz-transition: color ease-in .15s; -o-transition: color ease-in .15s; transition: color ease-in .15s;} #nav-release:hover {color: #f0b310;} #nav-release.open {color: #231f20; background: rgb(214,183,106); background: -moz-linear-gradient(top, rgba(214,183,106,1) 0%, rgba(243,208,124,1) 100%); background: -webkit-linear-gradient(top, rgba(214,183,106,1) 0%,rgba(243,208,124,1) 100%); background: linear-gradient(to bottom, rgba(214,183,106,1) 0%,rgba(243,208,124,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6b76a', endColorstr='#f3d07c',GradientType=0 ); } .headerbox-nav nav {position: relative;} #nav-main {display: none; border-top: solid 10px #f3d07c; background: #483a16 url(../img/bg1400x900megamenu.jpg) no-repeat center center; background-size: cover;} #menu-store-main {background-color: rgba(130, 102, 31, .6);} #menu-store-main > li {} #menu-store-main > li > span {display: block; width: 320px; margin: 0 auto; padding: 10px 0; text-align: left;} #menu-store-main > li > span > span {position: relative; display: block; margin-left: 42px; color: #f0b310; text-transform: uppercase; text-decoration: none; font-size: 3.8rem; font-weight: 300; line-height: 48px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out; cursor: pointer;} #menu-store-main > li > span > span:hover {color: #fff;} #menu-store-main > li > span > span:before {position: absolute; top: 8px; left: -40px; display: block; width: 38px; height: 38px; content: "\f054"; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: 28px; line-height: 38px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;} #menu-store-main > li.open > span > span {color: #f0b310;} #menu-store-main > li.open > span > span:before {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} #menu-store-main > li > ul {display: none;} #menu-store-main > li > ul > li {border-top: solid 1px #f0b310; background: url(../img/img768x768cat-default.jpg) no-repeat center center; background-size: cover;} #menu-store-main > li > ul > li > a {display: block; color: #fff; text-transform: uppercase; text-decoration: none; text-align: left; font-size: 2rem; line-height: 40px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .1s ease-in-out; -moz-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out;} #menu-store-main > li > ul > li > a:hover {background-color: rgba(0, 0, 0, .33);} #menu-store-main > li > ul > li > a > span {display: block; width: 320px; margin: 0 auto; padding: 8px 14px 0 42px; -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out;} #menu-store-main > li > ul > li > a:hover > span {color: #f0b310;} #menu-store-main-bg {display: none;} #menu-store-tools-main-wrapper {background-color: #f0b310;} #menu-store-tools-main {display: block; width: 320px; margin: 0 auto; text-align: left;} #menu-store-tools-main:after {content: ""; display: table; clear: both;} /* clearfix */ #menu-store-tools-main > li {float: left;} #menu-store-tools-main > li > a {display: block; margin: 0 14px; color: #231f20; text-transform: uppercase; text-decoration: none; font-size: 1.4rem; line-height: 50px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out;} #menu-store-tools-main > li > a:hover {color: #fff;} #menu-megamenu {padding: 10px 0; border-bottom: solid 10px #f3d07c;} #menu-megamenu:after {content: ""; display: table; clear: both;} /* clearfix */ #menu-megamenu > li {width: 320px; margin: 0 auto; padding: 10px 0; text-align: left;} #menu-megamenu > li > a {position: relative; display: block; margin-left: 30px; padding-left: 10px; border-left: solid 1px #f0b310; color: #f0b310; text-transform: uppercase; text-decoration: none; font-size: 2rem; line-height: 32px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .15s ease-in-out; -moz-transition: color .15s ease-in-out; -o-transition: color .15s ease-in-out; transition: color .15s ease-in-out;} #menu-megamenu > li > a:before {position: absolute; top: 6px; left: -25px; display: block; width: 20px; height: 20px; content: "\f054"; text-align: center; font: normal normal normal 14px/1 FontAwesome; font-size: 14px; line-height: 20px; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out;} #menu-megamenu > li.open > a:before {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);} #menu-megamenu > li > a:hover {color: #fff;} #menu-megamenu > li.open > a {color: #f0b310;} #menu-megamenu > li > ul.sub-menu {display: none; margin-left: 30px; padding-top: 10px; padding-left: 10px; border-left: solid 1px #f0b310;} #menu-megamenu > li > ul.sub-menu > li.space {margin-top: 10px;} #menu-megamenu > li > ul.sub-menu > li > a {display: block; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 1.6rem; line-height: 32px; -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out;} #menu-megamenu > li > ul.sub-menu > li > a:hover {color: #f0b310;} #menu-megamenu > li > ul.sub-menu ul.sub-menu {display: none !important;} #menu-megamenu > li > ul.sub-menu > li.current-menu-item > a {color: #f0b310;} #menu-utils-main-wrapper {background-color: #483a16;} #menu-utils-main {display: block; width: 320px; margin: 0 auto; text-align: left;} #menu-utils-main:after {content: ""; display: table; clear: both;} /* clearfix */ #menu-utils-main > li {float: left;} #menu-utils-main > li > a {display: block; margin: 0 14px; color: #fff; text-transform: uppercase; text-decoration: none; font-size: 1.4rem; line-height: 50px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out;} #menu-utils-main > li > a:hover {color: #f0b310;} /* small screens */ @media only screen and (min-width: 480px) { #menu-store-main > li > ul > li > a > span {padding-top: 10px; padding-bottom: 6px;} } /* medium screens */ @media only screen and (min-width: 768px) { #menu-store-main > li > ul > li > a > span {padding-top: 16px; padding-bottom: 12px;} } /* big screens */ @media only screen and (min-width: 1024px) { .headerbox-nav-wrapper {min-height: 44px;} #nav-holder {height: 44px;} #location-info {display: block; position: absolute; top: 0; right: 190px; color: #fff; font-size: 1.4rem; line-height: 44px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); } #location-info a {color: #fff; text-decoration: none; -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out;} #location-info a:hover {color: #f0b310;} #nav-social {display: block; position: absolute; top: 0; right: 0;} #nav-social a {display: inline-block; margin-left: 10px; color: #fff; text-decoration: none; font-size: 24px; line-height: 44px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out;} #nav-social a:hover {color: #f0b310;} #nav-social a span {display: none;} #nav-release {left: 190px; right: auto; line-height: 44px;} .home #nav-release {left: 0; -webkit-transition: left ease-in .2s; -moz-transition: left ease-in .2s; -o-transition: left ease-in .2s; transition: left ease-in .2s;} .home.scrolled190 #nav-release {left: 190px;} #nav-main {z-index: 999; position: absolute; top: 0; left: 0; right: 0; border-bottom: solid 10px #f3d07c;} #nav-main > div {position: relative; width: 980px; margin: 0 auto;} #nav-main > div:after {content: ""; display: table; clear: both;} /* clearfix */ #menu-store-tools-main, #menu-utils-main-wrapper {display: none;} #menu-store-main {float: left; width: 300px; background-color: transparent; border-bottom: solid 1px #f0b310;} #menu-store-main > li > span {width: 100%; max-width: 100%; padding: 50px 0 20px 0;} #menu-store-main > li > span > span {cursor: default;} #menu-store-main > li > span > span:hover {color: #f0b310;} #menu-store-main > li > span > span:before {display: none;} #menu-store-main > li > ul {display: block;} #menu-store-main > li > ul > li > a > span {width: 100%; padding-top: 8px; padding-bottom: 6px;} #menu-store-main-bg {z-index: -1; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: 300px; background-color: rgba(130, 102, 31, .6); -webkit-box-shadow: 15px 0px 25px -10px rgba(35, 31, 32, .55); -moz-box-shadow: 15px 0px 25px -10px rgba(35, 31, 32, .55); box-shadow: 15px 0px 25px -10px rgba(35, 31, 32, .55);} #menu-megamenu {float: right; width: 630px; border-bottom: none; padding: 20px 0;} #menu-megamenu > li {float: left; width: 200px; max-width: 100%; margin-right: 10px; padding: 30px 0;} #menu-megamenu > li > a {margin-left: 0;} #menu-megamenu > li > a:hover {color: #f0b310; cursor: default;} #menu-megamenu > li > a:before {display: none;} #menu-megamenu > li > ul.sub-menu {display: block; margin-left: 0;} #menu-megamenu > li > ul.sub-menu > li > a {font-size: 1.4rem; line-height: 28px;} } /* large screens */ @media only screen and (min-width: 1220px) { #location-info {right: 220px;} #nav-social a {margin-left: 20px;} #nav-main > div {width: 1160px;} #menu-store-main {width: 350px;} #menu-store-main > li > span {padding-top: 60px;} #menu-store-main-bg {width: 350px;} #menu-megamenu {width: 750px; padding: 40px 0;} #menu-megamenu > li {width: 230px; margin-right: 20px;} } /* humungous screens */ @media only screen and (min-width: 1440px) { #nav-main > div {width: 1300px;} #menu-megamenu {width: 840px;} #menu-megamenu > li {width: 250px; margin-right: 30px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #nav-main > div {width: 1400px;} #menu-megamenu {width: 930px;} #menu-megamenu > li {width: 280px;} } /* CONTENT ------------------------------------------------------------------ */ .page-template-page-home {} .page-template-default {} .blog {} .archive {} .single {} .search {} .error404 {} .contentbox-wrapper {} .contentbox-wrapper:after {content: ""; display: table; clear: both;} /* clearfix */ .contentbox {} .docsection-wrapper {} .docsection-wrapper .docsection {} .docsection-wrapper .docsection section {} .docsection-wrapper .docsection section:after {content: ""; display: table; clear: both;} /* clearfix */ .docsection-wrapper .docsection aside {padding-bottom: 22px; border-top: solid 1px #cbc6b7;} .docsection-wrapper .docsection aside:after {content: ""; display: table; clear: both;} /* clearfix */ .docsection-wrapper .docsection aside .widget-wrapper {} .docsection-wrapper .docsection aside .widget-wrapper select {width: 80%; max-width: 300px;} .docsection-wrapper .docsection aside .widget-wrapper .widget {} .docsection-wrapper .docsection aside .widget-wrapper .widget.content {} .docsection-wrapper .docsection aside .widget-wrapper .widget.content h3 {padding-top: 22px; text-transform: uppercase; font-size: 1.8rem;} /* small screens */ @media only screen and (min-width: 480px) { .docsection-wrapper .docsection aside .widget-wrapper {width: 50%; float: left;} } /* medium screens */ @media only screen and (min-width: 768px) { .docsection-wrapper .docsection aside {padding-bottom: 34px;} .docsection-wrapper .docsection aside .widget-wrapper .widget.content h3 {padding-top: 34px;} } /* big screens */ @media only screen and (min-width: 1024px) { } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* FORMATTED TEXT ------------------------------------------------------------------ */ .frmtxt {position: relative; margin: 2em 0; font-size: 1.4rem;} .frmtxt h1 {margin: 0 0 1.4em 0; padding: 2em 0 0 0; text-transform: uppercase; font-size: 200%; line-height: 120%; font-weight: normal;} .frmtxt h2 {margin: 1.4em 0 1em 0; padding: 0; text-transform: uppercase; font-size: 160%; line-height: 130%; font-weight: normal;} .frmtxt h3 {margin: 1em 0 0.8em 0; padding: 0; text-transform: uppercase; font-size: 120%; line-height: 140%; font-weight: normal;} .frmtxt h4, .frmtxt h5, .frmtxt h6, .frmtxt p, .frmtxt li {margin: 0.8em 0; padding: 0; font-size: 100%; line-height: 150%; font-weight: normal;} .frmtxt ul {list-style: url(../img/ico10x10bullet.png); padding: 0 0 0 2em;} .frmtxt ul ul {list-style: url(../img/ico10x10bullet-sub.png);} .frmtxt ul li {} .frmtxt ol {list-style: decimal; padding: 0 0 0 2em;} .frmtxt ol li {} .frmtxt img, .frmtxt img.alignleft, .frmtxt img.alignright, .frmtxt img.aligncenter {float: none; display: block; max-width: 100%; height: auto; margin: 0.9em auto; border: solid 1px #666;} .frmtxt img.noborder {border: none;} /* small screens */ @media only screen and (min-width: 480px) { .frmtxt {font-size: 1.6rem;} } /* medium screens */ @media only screen and (min-width: 768px) { .frmtxt {font-size: 1.8rem;} } /* big screens */ @media only screen and (min-width: 1024px) { .frmtxt {font-size: 2.0rem;} .frmtxt img.alignleft {float: left; clear: left; margin: 0.9em 1.8em 0.9em 0;} .frmtxt img.alignright {float: right; clear: right; margin: 0.9em 0 0.9em 1.8em;} } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* PAGE HEADER ------------------------------------------------------------------ */ #pageheader {position: relative; height: 101px; border-bottom: solid 1px #c0baab; background: #fbefd1 url(../img/bg3000x780pageheader-default.jpg) no-repeat center center; background-size: auto 300px;} #pageheader-gradient-sides {display: none; position: relative; max-width: 3000px; margin: 0 auto;} #pageheader-gradient-l {position: absolute; top: 0; left: 0; width: 200px; height: 100px; background: -moz-linear-gradient(left, rgba(251,239,209,1) 0%, rgba(251,239,209,0) 100%); background: -webkit-linear-gradient(left, rgba(251,239,209,1) 0%,rgba(251,239,209,0) 100%); background: linear-gradient(to right, rgba(251,239,209,1) 0%,rgba(251,239,209,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbefd1', endColorstr='#00fbefd1',GradientType=1 );} #pageheader-gradient-r {position: absolute; top: 0; right: 0; width: 200px; height: 100px; background: -moz-linear-gradient(left, rgba(251,239,209,0) 0%, rgba(251,239,209,1) 100%); background: -webkit-linear-gradient(left, rgba(251,239,209,0) 0%,rgba(251,239,209,1) 100%); background: linear-gradient(to right, rgba(251,239,209,0) 0%,rgba(251,239,209,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbefd1', endColorstr='#fbefd1',GradientType=1 );} #pageheader-gradient-b {position: absolute; left: 0; right: 0; bottom: 0; height: 100px; background: -moz-linear-gradient(top, rgba(251,239,209,0) 0%, rgba(251,239,209,0.8) 66%); background: -webkit-linear-gradient(top, rgba(251,239,209,0) 0%,rgba(251,239,209,0.8) 66%); background: linear-gradient(to bottom, rgba(251,239,209,0) 0%,rgba(251,239,209,0.8) 66%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbefd1', endColorstr='#ccfbefd1',GradientType=0 );} #pageheader-honeycomb {position: absolute; left: 0; right: 0; bottom: 0; height: 70px; background: url(../img/bg3000x780honeycomb.png) no-repeat center top;} #pageheader .docsection {position: relative;} #pageheader .docsection section {position: absolute; top: 0; left: 0; right: 0; height: 100px;} #pageheader .docsection section h1 {position: absolute; left: 0; right: 0; bottom: 10px; text-transform: uppercase; text-decoration: none; font-size: 2.8rem; font-weight: 300; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.66);} #pageheader .docsection section h1.recipies {display: none;} .single-recipe #pageheader .docsection section h1.recipies {display: block;} .single-recipe #pageheader .docsection section h1.news {display: none;} .home #pageheader {height: auto; background-position: center right -1000px; background-size: cover;} .home #pageheader-gradient-b {top: 40px; height: auto; background: -moz-linear-gradient(top, rgba(251,239,209,0) 0%, rgba(251,239,209,0.8) 20%); background: -webkit-linear-gradient(top, rgba(251,239,209,0) 0%,rgba(251,239,209,0.8) 20%); background: linear-gradient(to bottom, rgba(251,239,209,0) 0%,rgba(251,239,209,0.8) 20%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fbefd1', endColorstr='#ccfbefd1',GradientType=0 );} .home #pageheader-honeycomb {top: 30px; height: auto;} .home #pageheader .docsection {padding: 80px 0 10px 0;} .home #pageheader .docsection section {position: static; top: auto; left: auto; right: auto; height: auto; margin: 0 auto;} .home #pageheader .docsection section#box-honey {max-width: 300px; padding-bottom: 10px; background: url(../img/bg255x1box-divider-h.png) no-repeat center bottom;} .home #pageheader .docsection section#box-mead {max-width: 440px; padding: 10px 0 10px 140px; background: url(../img/logo440x490meadery.png) no-repeat left center; background-size: 120px auto;} .home #pageheader .docsection section#box-shop {max-width: 240px; padding-top: 10px; background: url(../img/bg255x1box-divider-h.png) no-repeat center top;} .home #pageheader .docsection section h2 {padding: 12px 0; text-transform: uppercase; text-decoration: none; font-size: 3.6rem; font-weight: 300; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.66);} .home #pageheader .docsection section p {font-size: 1.4rem; line-height: 140%; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.66);} .home #pageheader-logo {display: none;} /* small screens */ @media only screen and (min-width: 480px) { #pageheader {height: 121px;} #pageheader-honeycomb {height: 90px;} #pageheader-gradient-l, #pageheader-gradient-r, #pageheader-gradient-b, #pageheader .docsection section {height: 120px;} #pageheader {background-size: auto 360px;} #pageheader .docsection section h1 {bottom: 12px; font-size: 3.4rem;} } /* medium screens */ @media only screen and (min-width: 768px) { #pageheader {height: 161px;} #pageheader-honeycomb {height: 110px;} #pageheader-gradient-l, #pageheader-gradient-r, #pageheader-gradient-b, #pageheader .docsection section {height: 160px;} #pageheader {background-size: auto 480px;} #pageheader .docsection section h1 {bottom: 14px; font-size: 4.2rem;} .home #pageheader {background-position: center top;} .home #pageheader-gradient-b {top: 100px;} .home #pageheader-honeycomb {top: 90px;} .home #pageheader .docsection {max-width: 737px; margin: 0 auto; padding: 160px 0 20px 0;} .home #pageheader .docsection section {float: left; margin: 0;} .home #pageheader .docsection section#box-honey {width: 190px; max-width: 100%; padding: 0 20px 0 0; background: url(../img/bg1x255box-divider-v.png) no-repeat right center;} .home #pageheader .docsection section#box-mead {width: 357px; max-width: 100%; padding: 0 20px 0 140px;} .home #pageheader .docsection section#box-shop {width: 190px; max-width: 100%; padding: 0 0 0 20px; background: url(../img/bg1x255box-divider-v.png) no-repeat left center;} } /* big screens */ @media only screen and (min-width: 1024px) { #pageheader {height: 261px;} #pageheader-honeycomb {height: 130px;} #pageheader-gradient-l, #pageheader-gradient-r, #pageheader-gradient-b, #pageheader .docsection section {height: 260px;} #pageheader {background-size: auto 780px;} #pageheader .docsection section h1 {bottom: 16px; font-size: 6rem;} .home #pageheader {height: 100vh;} .home #pageheader-gradient-b, .home #pageheader-honeycomb {top: 58vh;} .home #pageheader .docsection {max-width: 100%; padding: 0;} .home #pageheader .docsection section {float: none; position: absolute; bottom: -96vh;} .home #pageheader .docsection section#box-honey {left: 0; width: 260px; padding-right: 30px;} .home #pageheader .docsection section#box-mead {left: 280px; right: 240px; width: auto; padding: 0 0 0 200px; background-size: 180px auto;} .home #pageheader .docsection section#box-shop {right: 0; width: 220px; padding-left: 30px;} .home #pageheader .docsection section h2 {padding: 16px 0; font-size: 4rem;} .home #pageheader .docsection section p {font-size: 1.6rem;} .home #pageheader .docsection section a.button {margin-top: 16px;} .home #pageheader-logo {display: block; position: absolute; top: 20vh; bottom: auto; left: 0; right: 0; text-align: center;} .home #pageheader-logo img {display: inline-block; margin: 0 auto; width: auto; max-width: 500px; height: 30vh; max-height: 320px;} } /* large screens */ @media only screen and (min-width: 1220px) { #pageheader {height: 281px;} #pageheader-honeycomb {height: 140px;} #pageheader-gradient-l, #pageheader-gradient-r, #pageheader-gradient-b, #pageheader .docsection section {height: 280px;} #pageheader {background-size: auto 840px;} #pageheader .docsection section h1 {bottom: 18px; font-size: 6.4rem;} .home #pageheader-gradient-b, .home #pageheader-honeycomb {top: 60vh;} .home #pageheader .docsection section#box-honey {width: 300px; padding-right: 40px;} .home #pageheader .docsection section#box-mead {left: 320px; right: 280px; padding-left: 240px; background-size: 220px auto;} .home #pageheader .docsection section#box-shop {width: 240px; padding-left: 40px;} .home #pageheader .docsection section h2 {padding: 18px 0; font-size: 6rem;} .home #pageheader .docsection section p {font-size: 1.8rem;} .home #pageheader .docsection section a.button {margin-top: 26px;} } /* humungous screens */ @media only screen and (min-width: 1440px) { #pageheader {height: 311px;} #pageheader-honeycomb {height: 160px;} #pageheader-gradient-l, #pageheader-gradient-r, #pageheader-gradient-b, #pageheader .docsection section {height: 310px;} #pageheader {background-size: auto 930px;} #pageheader .docsection section h1 {bottom: 20px; font-size: 7rem;} .home #pageheader-gradient-b, .home #pageheader-honeycomb {top: 64vh;} .home #pageheader .docsection section#box-honey {width: 320px; padding-right: 60px;} .home #pageheader .docsection section#box-mead {left: 360px; right: 310px; padding-left: 250px;} .home #pageheader .docsection section#box-shop {width: 260px; padding-left: 60px;} } /* hd screens */ @media only screen and (min-width: 1920px) { #pageheader {height: 361px;} #pageheader-honeycomb {height: 210px;} #pageheader-gradient-l, #pageheader-gradient-r, #pageheader-gradient-b, #pageheader .docsection section {height: 360px;} #pageheader {background-size: 3000px auto;} #pageheader .docsection section h1 {bottom: 24px; font-size: 8.4rem;} .home #pageheader-gradient-b, .home #pageheader-honeycomb {top: 66vh;} .home #pageheader .docsection section#box-honey {width: 350px; padding-right: 90px;} .home #pageheader .docsection section#box-mead {left: 420px; right: 370px;} .home #pageheader .docsection section#box-shop {width: 290px; padding-left: 90px;} } @media only screen and (min-width: 3000px) { #pageheader-gradient-sides {display: block;} .home #pageheader-gradient-sides {display: none;} } /* INTRO ------------------------------------------------------------------ */ #intro {position: relative; border-bottom: solid 1px #c0baab; background-color: #fffceb;} #intro .honey {position: absolute; top: -3px; left: 0; right: 0; height: 35px; background: url(../img/img640x150honey.png) repeat-x top left; background-size: auto 35px;} #intro .docsection {position: relative; padding-top: 35px;} #intro section {} #intro article {} #intro .content-body {} #owners-photo {position: relative; max-width: 480px; margin: 0 auto;} #owners-photo img {border: none; margin: 0;} #owners-photo-honeycomb-top {position: absolute; top: 0; left: 0; width: 170px; height: 70px; background: url(../img/bg340x140honeycombimg-top.png) no-repeat top left; background-size: 170px auto;} #owners-photo-honeycomb-btm {position: absolute; bottom: 0; right: 0; width: 75px; height: 65px; background: url(../img/bg150x130honeycombimg-btm.png) no-repeat bottom right; background-size: 75px auto;} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { #intro .content-body {float: left; width: 50%; margin: 40px 0;} #owners-photo {float: right; width: 45%; margin: 60px 0 0 0;} } /* big screens */ @media only screen and (min-width: 1024px) { #intro .honey {height: 75px; background-size: auto 75px;} #intro .docsection {padding-top: 75px;} #intro .content-body {width: 55%;} #owners-photo {width: 40%;} } /* large screens */ @media only screen and (min-width: 1220px) { #intro .content-body {width: 63%; margin: 60px 0;} #owners-photo {width: 33%; margin: 80px 0 0 0;} } /* humungous screens */ @media only screen and (min-width: 1440px) { #intro .content-body {width: 55%;} } /* hd screens */ @media only screen and (min-width: 1920px) { #intro .content-body {width: 50%;} } /* EVENTS ------------------------------------------------------------------ */ #events {position: relative; background-color: #fff; margin-top: 20px;} .home #events {margin-top: 0;} #events .docsection {position: relative;} #events section {} #events .docsection section h2 {padding: 1em 0 .2em 0; text-transform: uppercase; text-decoration: none; font-size: 3.6rem; font-weight: 300; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.66);} #events #button-calendar {position: absolute; top: 40px; right: 0; margin: 0;} #event-calendar {max-height: 100%; margin-bottom: 30px;} #event-calendar:after {content: ""; display: table; clear: both;} /* clearfix */ #event-calendar .event {max-width: 480px; margin: 0 auto 10px auto;} #event-calendar .event.past {display: none;} #event-calendar .calendar-date {display: block; padding: 5px; background-color: #625123; color: #fff; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 20px;} #event-calendar .calendar-date .manydays {display: block;} #event-calendar .calendar-date .manydays .month {} #event-calendar .calendar-date .manydays .day {} #event-calendar .calendar-date .manydays .now {} #event-calendar .calendar-date .manydays .separator {text-transform: none; font-weight: 400;} #event-calendar .calendar-date .manydays .end {} #event-calendar .calendar-date .oneday {display: block;} #event-calendar .calendar-date .oneday .month {} #event-calendar .calendar-date .oneday .day {} #event-calendar .calendar-date .oneday .now {} #event-calendar .calendar-info:after {content: ""; display: table; clear: both;} /* clearfix */ #event-calendar .calendar-info h3 {margin: 8px 0; font-size: 1.6rem; font-weight: 700;} #event-calendar .calendar-info p {font-size: 1.4rem; font-weight: 400; line-height: normal;} #event-info-header {max-height: 100%; overflow: hidden; margin-bottom: 10px; border-bottom: solid 1px #625123;} #event-info-header:after {content: ""; display: table; clear: both;} /* clearfix */ #event-info-header .calendar-date {display: block; margin: 5px 0 0 0; padding: 5px; background-color: #625123; color: #fff; text-align: left; text-transform: uppercase; font-weight: 800; font-size: 20px;} #event-info-header .calendar-date .manydays {display: block;} #event-info-header .calendar-date .manydays .month {} #event-info-header .calendar-date .manydays .day {} #event-info-header .calendar-date .manydays .now {} #event-info-header .calendar-date .manydays .separator {text-transform: none; font-weight: 400;} #event-info-header .calendar-date .manydays .end {} #event-info-header .calendar-date .oneday {display: block;} #event-info-header .calendar-date .oneday .month {} #event-info-header .calendar-date .oneday .day {} #event-info-header .calendar-date .oneday .now {} #event-info-header .calendar-date .oneday .separator, #event-info-header .calendar-date .oneday .end {display: none;} #event-info-header .calendar-info:after {content: ""; display: table; clear: both;} /* clearfix */ #event-info-header .calendar-info h3 {margin: 8px 0; font-size: 2rem; font-weight: 700;} #event-info-header .calendar-info p {font-size: 1.4rem; font-weight: 400; line-height: normal;} /* small screens */ @media only screen and (min-width: 480px) { #event-info-header .calendar-info h3 {margin: 12px 0; font-size: 2.6rem;} #event-info-header .calendar-info p {font-size: 1.6rem;} } /* medium screens */ @media only screen and (min-width: 768px) { #events {margin-top: 40px;} #event-calendar .event {max-width: 600px; padding: 5px; border: solid 1px #cbc6b7; background-color: #fffceb;} #event-calendar .calendar-date {float: left; width: 140px; line-height: 22px; text-align: center;} #event-calendar .calendar-date .manydays {height: 120px; padding: 10px 5px;} #event-calendar .calendar-date .manydays .month {} #event-calendar .calendar-date .manydays .day {display: block; font-size: 50px; line-height: 46px;} #event-calendar .calendar-date .manydays .now {display: block; margin-top: 16px; font-size: 32px; line-height: 30px;} #event-calendar .calendar-date .manydays .separator {top: 0; display: block; font-size: 14px; line-height: 16px;} #event-calendar .calendar-date .manydays .end {} #event-calendar .calendar-date .oneday {height: 120px; padding: 10px 5px;} #event-calendar .calendar-date .oneday .month {display: block; margin-top: 16px;} #event-calendar .calendar-date .oneday .day {display: block; font-size: 50px; line-height: 40px;} #event-calendar .calendar-date .oneday .now {display: block; margin-top: 34px; font-size: 32px; line-height: 30px;} #event-calendar .calendar-info {position: relative; margin-left: 160px;} #event-calendar .calendar-info h3 {margin: 12px 0; font-size: 2rem;} #event-calendar .calendar-info p {font-size: 1.6rem;} #event-calendar .calendar-info .text {float: none;} #event-calendar .calendar-info .button {} #event-info-header .calendar-info h3 {font-size: 3rem;} #event-info-header .calendar-info p {font-size: 1.8rem;} } /* big screens */ @media only screen and (min-width: 1024px) { #events .docsection section h2 {font-size: 4rem;} #events #button-calendar {top: 46px;} #event-calendar {margin-bottom: 40px;} #event-info-header .calendar-info h3 {font-size: 3.6rem;} #event-info-header .calendar-info p {font-size: 2rem;} } /* large screens */ @media only screen and (min-width: 1220px) { #events {margin-top: 60px;} #events .docsection section h2 {font-size: 6rem;} #events #button-calendar {top: 78px;} #event-calendar {margin-bottom: 60px;} .home #event-calendar .event {float: left; width: 32.8%; max-width: 100%; margin: 0 0 0.8% 0;} .home #event-calendar .event:nth-child(3n+2) {margin: 0 0.8%;} .home #event-calendar .calendar-date {float: none; width: 100%; line-height: 22px; text-align: center;} .home #event-calendar .calendar-date .manydays, .home #event-calendar .calendar-date .oneday {height: 66px; padding: 10px 5px;} .home #event-calendar .calendar-date .manydays .month {font-size: 32px;} .home #event-calendar .calendar-date .manydays .day {display: inline; font-size: 32px; line-height: 46px;} .home #event-calendar .calendar-date .manydays .now {display: inline; margin-top: 0; font-size: 32px; line-height: 46px;} .home #event-calendar .calendar-date .manydays .separator {top: 0; display: inline; font-size: 14px; line-height: 46px;} .home #event-calendar .calendar-date .manydays .end {} .home #event-calendar .calendar-date .oneday .month {display: inline; font-size: 32px; margin-top: 0;} .home #event-calendar .calendar-date .oneday .day {display: inline; font-size: 32px; line-height: 46px;} .home #event-calendar .calendar-date .oneday .now {display: inline; margin-top: 34px; font-size: 32px; line-height: 46px;} .home #event-calendar .calendar-info {margin-left: 0;} .home #event-calendar .calendar-info h3 {text-align: center; margin: 8px 0 12px 0;} .home #event-calendar .calendar-info .text {width: 100%;} } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* NEWSLETTER ------------------------------------------------------------------ */ #newsletter {position: relative; border-bottom: solid 1px #fff; background: rgb(98,81,35); background: -moz-linear-gradient(top, rgba(98,81,35,1) 0%, rgba(53,49,0,1) 100%); background: -webkit-linear-gradient(top, rgba(98,81,35,1) 0%,rgba(53,49,0,1) 100%); background: linear-gradient(to bottom, rgba(98,81,35,1) 0%,rgba(53,49,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#625123', endColorstr='#353100',GradientType=0 ); color: #f3d07c;} .home #newsletter {border-bottom: none;} .home .footerbox #newsletter {display: none;} #newsletter .docsection {padding: 6px 0;} #newsletter section {text-align: center; text-transform: uppercase; font-size: 1.8rem;} #newsletter section strong {display: inline-block; width: 155px; background: url(../img/logo310x80beeline.png) no-repeat center center; background-size: auto 40px; text-indent: -9999px; line-height: 40px;} #newsletter section span.txt {display: block; line-height: 34px;} #newsletter section span.btns {display: block;} #newsletter section a.button {margin: 10px 4px;} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { #newsletter .docsection {padding: 4px 0;} #newsletter section span.txt {display: inline-block; line-height: 40px;} } /* big screens */ @media only screen and (min-width: 1024px) { #newsletter .docsection {padding: 2px 0;} #newsletter section span.btns {display: inline-block; line-height: 40px;} } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* FEATURED PRODUCTS ------------------------------------------------------------------ */ #featured-products {position: relative; background-color: #fff;} #featured-products .docsection {position: relative;} #featured-products section {} #featured-products .docsection section h2 {padding: 1em 0 .2em 0; text-transform: uppercase; text-decoration: none; font-size: 3.6rem; font-weight: 300; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.66);} #featured-products #button-shop {margin-right: 10px;} #featured-products #button-locator {} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { #featured-products #button-shop {position: absolute; top: 42px; right: 120px; margin: 0;} #featured-products #button-locator {position: absolute; top: 42px; right: 0; margin: 0;} } /* big screens */ @media only screen and (min-width: 1024px) { #featured-products .docsection section h2 {font-size: 4rem;} #featured-products #button-shop, #featured-products #button-locator {top: 46px;} } /* large screens */ @media only screen and (min-width: 1220px) { #featured-products .docsection section h2 {font-size: 6rem;} #featured-products #button-shop, #featured-products #button-locator {top: 78px;} } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } #featured-products-widget {position: relative; background-color: #fff;} #featured-products-widget .docsection {} #featured-products-widget .store-widget-wrapper {} #featured-products-widget .store-widget {} #featured-products-widget .store-widget h3 {display: none;} #featured-products-widget .store-widget > ul {margin: 0; padding: 10px 0 30px 0;} #featured-products-widget .store-widget > ul:after {content: ""; display: table; clear: both;} /* clearfix */ #featured-products-widget .store-widget > ul > li {padding: 0; font-size: 0.1px; color: #fff;} #featured-products-widget .store-widget > ul > li > span.amount {display: none;} #featured-products-widget .store-widget > ul > li > a {display: block; position: relative; width: 100%; min-height: 100px; margin: 30px auto; padding: 10px 10px 10px 160px; color: #f3d07c; background-color: #231f20; text-align: left; text-decoration: none; font-size: 1.6rem; font-weight: 400;} #featured-products-widget .store-widget > ul > li > a:after {content: 'Buy It Now'; display: inline-block; margin: 10px 0; padding: 0 12px; border: solid 1px #231f20; background-color: #f3d07c; color: #231f20; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} #featured-products-widget .store-widget > ul > li > a:hover:after {background-color: #f06f10; color: #fff;} #featured-products-widget .store-widget > ul > li > a:active:after {background-color: #231f20; color: #fff;} #featured-products-widget .store-widget > ul > li > a > img {display: block; float: none; position: absolute; top: -20px; left: 10px; width: 140px; height: 140px; margin: 0; padding: 0; background-color: #fff; border: solid 1px #231f20;} #featured-products-widget .store-widget > ul > li > a > span.product-title {display: block;} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { } /* big screens */ @media only screen and (min-width: 1024px) { #featured-products-widget .store-widget {padding: 50px 0 90px 0;} #featured-products-widget .store-widget > ul {margin: -10px 0; padding: 0; background-color: #231f20;} #featured-products-widget .store-widget > ul > li {width: 33.333%; float: left;} #featured-products-widget .store-widget > ul > li > a {margin: 0; background-color: transparent;} } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* BEES ------------------------------------------------------------------ */ #menu-store-main > li:first-child > span {position: relative;} #menu-store-main > li:first-child > span:before {position: absolute; top: 51px; left: 282px; width: 30px; height: 30px; background: url(../img/img30x30bee0.png) no-repeat center center; content: '';} #box-honey h2, #box-mead h2, #box-shop h2 {position: relative;} #box-honey h2:before {position: absolute; top: -21px; left: 0; width: 30px; height: 30px; background: url(../img/img30x30bee3.png) no-repeat center center; content: '';} #box-mead h2:before {position: absolute; top: 20px; right: 0; width: 30px; height: 30px; background: url(../img/img30x30bee4.png) no-repeat center center; content: '';} #box-shop h2:before {position: absolute; top: 117px; left: 121px; width: 30px; height: 30px; background: url(../img/img30x30bee5.png) no-repeat center center; content: '';} #owners-photo:before {z-index: 9; position: absolute; top: 50px; left: -15px; width: 30px; height: 30px; background: url(../img/img30x30bee6.png) no-repeat center center; content: '';} #event-calendar .event:first-child {position: relative;} #event-calendar .event:first-child:before {position: absolute; top: 20px; right: -10px; width: 30px; height: 30px; background: url(../img/img30x30bee8.png) no-repeat center center; content: '';} #featured-products h2 {position: relative;} #featured-products h2:before {position: absolute; top: 84px; right: 10px; width: 30px; height: 30px; background: url(../img/img30x30bee7.png) no-repeat center center; content: '';} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { #intro .docsection:before {position: absolute; bottom: 10px; left: -15px; width: 30px; height: 30px; background: url(../img/img30x30bee7.png) no-repeat center center; content: '';} #event-calendar .event:first-child:before {top: -10px; right: -15px;} #newsletter .docsection:before {position: absolute; top: -10px; right: 20px; width: 30px; height: 30px; background: url(../img/img30x30bee9.png) no-repeat center center; content: '';} #featured-products h2:before {top: 40px; right: 260px;} } /* big screens */ @media only screen and (min-width: 1024px) { .headerbox-id:before {position: absolute; top: 13px; left: -10px; width: 30px; height: 30px; background: url(../img/img30x30bee1.png) no-repeat center center; content: '';} #nav-holder:before {position: absolute; top: -23px; right: -38px; width: 30px; height: 30px; background: url(../img/img30x30bee2.png) no-repeat center center; content: '';} #box-mead h2:before {top: 195px; right: 20px;} #box-shop h2:before {top: 40px; left: 160px;} } /* large screens */ @media only screen and (min-width: 1220px) { #featured-products h2:before {top: 80px; right: 280px;} } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* GOOGLE MAPS ------------------------------------------------------------------ */ #map_canvas {border: solid 1px #ccc; width: 100%; height: 400px;} #map_canvas .tooltip {position: absolute; width: 225px; padding: 10px; font-size: 14px; border: solid 1px #cbc6b7; background-color: #fffceb; color: #000; border-radius: 0;} #map_canvas .tooltip span {font-size: 10px;} /*#map-wrapper {position: absolute; top: 0; right: 0; bottom: 0; width: 48%;}*/ /* FOOTER ------------------------------------------------------------------ */ .footerbox-wrapper {position: relative; background: #231f20 url(../img/bg1800x630footer.jpg) no-repeat left -100px bottom; background-size: 800px auto; color: #f3d07c;} .footerbox-wrapper:after {content: ""; display: table; clear: both;} /* clearfix */ .footerbox {padding-bottom: 160px;} .footerbox-location-wrapper {border-bottom: solid 1px #fff; background: #231f20; color: #fff;} .footerbox-location a {display: block; padding: 12px 0; text-align: center; font-size: 1.4rem; line-height: 18px; color: #fff; text-decoration: none; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out;} .footerbox-location a:hover {color: #f0b310;} .footerbox-location a span {white-space: nowrap;} .footerbox-social-wrapper {background: rgb(35,31,32); background: -moz-linear-gradient(top, rgba(35,31,32,1) 0%, rgba(75,63,34,1) 100%); background: -webkit-linear-gradient(top, rgba(35,31,32,1) 0%,rgba(75,63,34,1) 100%); background: linear-gradient(to bottom, rgba(35,31,32,1) 0%,rgba(75,63,34,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#4b3f22',GradientType=0 );} .footerbox-social {text-align: center;} .footerbox-social a {display: inline-block; margin: 0 12px; color: #f3d07c; text-decoration: none; font-size: 28px; line-height: 54px; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; transition: color .1s ease-in-out;} .footerbox-social a:hover {color: #fff;} .footerbox-social a span {display: none;} .footerbox-tripadvisor-wrapper {background: #fff;} .footerbox-tripadvisor {position: relative;} .footerbox-tripadvisor > a {display: block; padding: 18px 0 12px 0; text-align: center;} .footerbox-tripadvisor > a img {width: auto; height: 25px; margin: 0 auto;} .footerbox-tripadvisor > .widget {display: none;} .footerbox-info-wrapper {} .footerbox-info {position: relative;} .footerbox-info h3 {padding: 12px 0; font-size: 1.4rem;} .footerbox-info h3 span {white-space: nowrap;} .footerbox-info p {font-size: 1.2rem; line-height: 130%;} .footerbox-info .address {width: 300px; padding: 3px 0;} .footerbox-info .hours {width: 300px; padding: 3px 0;} .footerbox-info .hours p {float: left;} .footerbox-info .hours p:last-child {float: right;} .footerbox-copy-wrapper {position: absolute; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .66);} .footerbox-copy {padding: 6px 0; font-size: 10px;} .footerbox-copy a {color: #f3d07c; text-decoration: none;} /* small screens */ @media only screen and (min-width: 480px) { .footerbox-wrapper {background-position: left -90px bottom; background-size: 900px auto;} .footerbox {padding-bottom: 180px;} .footerbox-info h3 {font-size: 1.6rem;} .footerbox-info p {font-size: 1.3rem;} .footerbox-info .address {width: 420px; padding: 12px 0;} .footerbox-info .address p {float: left;} .footerbox-info .address a.button {float: right; margin: 0;} .footerbox-info .hours {width: 320px; padding: 12px 0;} } /* medium screens */ @media only screen and (min-width: 768px) { .footerbox-wrapper {background-position: left 250px bottom; background-size: 1100px auto;} .footerbox {padding-bottom: 40px;} .footerbox-info h3 {font-size: 1.8rem;} .footerbox-info p {font-size: 1.4rem;} .footerbox-info .address {width: 440px;} .footerbox-info .address a.button {margin: 3px 0;} .footerbox-info .hours {width: 340px;} } /* big screens */ @media only screen and (min-width: 1024px) { .footerbox-wrapper {background-position: center bottom; background-size: 1300px auto;} .footerbox {padding-bottom: 220px;} .footerbox-location-wrapper, .footerbox-social-wrapper {display: none;} .footerbox-tripadvisor > a {display: none;} .footerbox-tripadvisor > .widget {display: block; position: absolute; top: 0; right: 0; width: 242px; border: solid 1px #000; background-color: #fff;} .footerbox-info .hours {position: absolute; top: 0; left: 500px; width: 210px;} .footerbox-info .hours p, .footerbox-info .hours p:last-child {float: none; margin-bottom: 12px;} .footerbox-copy-wrapper {background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.66) 60%, rgba(0,0,0,0.66) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 60%,rgba(0,0,0,0.66) 100%); background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.66) 60%,rgba(0,0,0,0.66) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a8000000',GradientType=1 );} .footerbox-copy {text-align: right;} } /* large screens */ @media only screen and (min-width: 1220px) { .footerbox-wrapper {background-position: center bottom; background-size: 1800px auto;} .footerbox {padding-bottom: 310px;} .footerbox-info .hours {left: 520px; width: 340px;} .footerbox-info .hours p {float: left;} .footerbox-info .hours p:last-child {float: right;} } /* humungous screens */ @media only screen and (min-width: 1440px) { .footerbox {padding-bottom: 330px;} .footerbox-info .hours {left: 560px;} } /* hd screens */ @media only screen and (min-width: 1920px) { } /* WOOCOMMERCE ------------------------------------------------------------------ */ .woocommerce {border-right: dotted 0 green;} #woocommerce {border-right: solid 0 red;} .content-body .woocommerce {border-right: dashed 0 blue;} .woocommerce p.woocommerce-result-count {padding: 0; margin: 10px 0 !important; color: #999; font-size: 14px; line-height: 30px;} .woocommerce-MyAccount-navigation {border-left: solid 1px #cbc6b7 !important; border-right: solid 1px #cbc6b7 !important; border-bottom: solid 1px #cbc6b7 !important; background-color: #fffceb !important;} .woocommerce-MyAccount-content {margin: 20px 0;} .woocommerce-account .addresses .title .edit {margin: 1.2em 0 0.8em 0;} .woocommerce form .form-row label {font-family: 'Open Sans Condensed'; font-weight: 300; /*font-size: 1.4rem;*/} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { } @media only screen and (min-width: 770px) { .woocommerce-MyAccount-navigation {border: solid 1px #cbc6b7 !important; margin: 40px 0 !important;} } /* big screens */ @media only screen and (min-width: 1024px) { } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {display: inline-block; margin: 0; padding: 0 12px; border: solid 1px #231f20; border-radius: 0; background-color: #f3d07c !important; color: #231f20 !important; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {background-color: #f06f10 !important; color: #fff !important;} .woocommerce #respond input#submit:active, .woocommerce a.button:active, .woocommerce button.button:active, .woocommerce input.button:active {background-color: #231f20 !important; color: #fff !important;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {background-color: #363639; color: #fff; text-decoration: none;} .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {opacity: 0.5; padding: 0 12px !important;} #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, #place_order {width: 280px; margin: 0 auto; font-size: 22px;} #add_payment_method .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, #place_order:hover {background-color: #363639; color: #fff; text-decoration: none;} .woocommerce #customer_login form {border: 0;} ul.woocommerce-error {padding: 10px !important; color: #b81c23; font-size: 14px;} ul.woocommerce-error:before {display: none;} .woocommerce-MyAccount-navigation {padding: 20px 0; background-color: #ddd; border-bottom: solid 1px #f26522;} .woocommerce-MyAccount-navigation ul {padding-left: 10px;} .woocommerce-MyAccount-navigation ul li {display: inline-block; margin: 5px 10px !important; text-transform: uppercase; font-weight: normal;} .woocommerce-MyAccount-navigation ul li a {color: #000; text-decoration: none;} .woocommerce-MyAccount-navigation ul li.is-active a, .woocommerce-MyAccount-navigation ul li a:hover {color: #f26522;} .woocommerce-MyAccount-content {margin-top: 20px;} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { .woocommerce-MyAccount-content {margin-top: 40px;} .woocommerce-MyAccount-navigation ul li {display: block;} } /* big screens */ @media only screen and (min-width: 1024px) { } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* WOOCOMMERCE CART ------------------------------------------------------------------ */ .woocommerce table.shop_table {border: none; font-size: 1.6rem;} .woocommerce table.shop_table tr {border-bottom: solid 1px #000;} .woocommerce table.shop_table td {border: none;} .woocommerce table.shop_table td.product-remove {padding-top: 20px; height: 45px;} .woocommerce table.shop_table td.product-remove a {float: right;} .woocommerce table.shop_table td.product-quantity {line-height: 30px;} .woocommerce table.shop_table td.actions {padding: 20px 0;} .woocommerce table.shop_table td a, .woocommerce table.shop_table td span {margin-left: 6px;} .woocommerce table.shop_table dl.variation {padding-top: 3px; font-size: 80%;} .woocommerce table.shop_table dl.variation:after {content: ""; display: table; clear: both;} /* clearfix */ .woocommerce table.shop_table dl.variation dt {float: left; clear: both; display: block;} .woocommerce table.shop_table dl.variation dd {float: right; display: inline;} .woocommerce table.shop_table dl.variation dd p {display: inline !important; margin: 0 !important; padding: 0 !important;} .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {line-height: 30px !important;} .woocommerce-cart table.shop_table .coupon input[type=text] {display: inline-block !important; float: none !important; width: auto !important; padding: 0 6px !important; border-color: #000 !important;} .woocommerce-cart table.shop_table .coupon input[type=submit] {display: inline-block !important; width: auto !important;} .woocommerce-cart table.shop_table input[type=submit] {display: inline-block !important; width: auto !important;} .woocommerce .wc-proceed-to-checkout {margin-top: 40px;} /* small screens */ @media only screen and (min-width: 480px) { } /* medium screens */ @media only screen and (min-width: 768px) { .woocommerce table.shop_table {margin-top: 40px;} .woocommerce table.shop_table tr {border-bottom: none;} .woocommerce table.shop_table th, .woocommerce table.shop_table td {border-bottom: solid 1px #000;} .woocommerce table.shop_table td.product-remove {padding: 0;} .woocommerce table.shop_table td.product-thumbnail img {width: 120px; border: solid 1px #cbc6b7;} } @media only screen and (min-width: 770px) { .woocommerce table.shop_table td a, .woocommerce table.shop_table td span {margin-left: 0;} .woocommerce table.shop_table dl.variation {width: 80%;} } /* big screens */ @media only screen and (min-width: 1024px) { .woocommerce table.shop_table {font-size: 1.8rem;} .woocommerce .wc-proceed-to-checkout {margin-top: 60px;} } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* WOOCOMMERCE CHECKOUT ------------------------------------------------------------------ */ abbr[title] {text-decoration: none;} .woocommerce-info {padding: 10px 10px !important; border-top: none; font-size: 14px;} .woocommerce-info:before {display: none;} .woocommerce form.checkout_coupon {border: none; border-radius: 0; border-bottom: solid 1px #000;} .select2-container .select2-choice {border: solid 2px #363639; background-color: transparent;} .select2-search input {border: 0 !important;} .woocommerce .checkout label {font-family: 'Open Sans Condensed'; font-weight: 300; /*font-size: 1.4rem;*/} .woocommerce .checkout table.shop_table #shipping_method li {line-height: 14px;} .woocommerce .checkout table.shop_table #shipping_method li label {font-size: 1.4rem;} #add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {list-style-image: none;} .woocommerce ul#shipping_method li label {font-family: 'Open Sans';} /* small screens */ @media only screen and (min-width: 480px) { .woocommerce-info {padding: 10px 15px !important;} } /* medium screens */ @media only screen and (min-width: 768px) { .woocommerce-info {padding: 10px 20px !important; font-size: 16px;} } /* big screens */ @media only screen and (min-width: 1024px) { .woocommerce-info {padding: 10px 25px !important; font-size: 18px;} .woocommerce ul#shipping_method li label {font-size: 1.8rem !important;} } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } .woocommerce .checkout .select2-container {display: inline-block; margin: 10px 0; padding: 0 24px 0 12px; border: solid 1px #231f20 !important; border-radius: 0; background: #f3d07c url(../img/ico40x200select.png) no-repeat right center; background-size: 20px auto; color: #231f20; text-decoration: none; text-transform: none; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; text-indent: 1px; text-overflow: '';} .woocommerce .checkout .select2-container .select2-selection--single {background-color: transparent !important; border: none !important;} .woocommerce .checkout .select2-container .select2-selection__arrow {display: none !important;} .select2-results__option {font-size: 14px !important;} /* WOOCOMMERCE PRODUCTS ------------------------------------------------------------------ */ .woocommerce .products ul, .woocommerce ul.products {margin-top: 20px;} .woocommerce ul.products li.product {padding: 15px; border: solid 1px #cbc6b7; background-color: #ffffff; text-align: center;} .woocommerce ul.products li.product > a.woocommerce-LoopProduct-link {background-color: red;} .woocommerce ul.products li.product a img {width: auto; margin: 0 auto 10px auto; /*border: solid 1px #eee;*/} .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title {text-align: center; font-size: 1.8rem;} .woocommerce ul.products li.product .woocommerce-loop-category__title mark, .woocommerce ul.products li.product .woocommerce-loop-product__title mark {background-color: transparent; font-weight: bold;} .woocommerce ul.products li.product .price {margin: 0; padding: 4px 0; background-color: #cbc6b7; color: #000; text-align: center; font-size: 20px; font-weight: 700;} .woocommerce ul.products li.product .button {margin: 10px auto 0 auto;} .woocommerce div.product {padding: 5px 0 0 0;} .woocommerce div.product div.images.woocommerce-product-gallery {} .woocommerce div.product div.images .woocommerce-product-gallery__trigger {} .woocommerce div.product div.images .flex-viewport {} .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {/*width: 100% !important; margin: 0 !important;*/} .woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__image {} .woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__image a {} .woocommerce div.product div.images .flex-viewport .woocommerce-product-gallery__image a img {/*border: solid 1px #eee;*/} .woocommerce div.product div.images img {width: auto; max-width: 100%;} .woocommerce div.product div.images .flex-control-thumbs {margin: 25px 0 0 0;} .woocommerce div.product div.summary {} .woocommerce div.product h1.product_title {padding: 4px 0; color: #000 !important; text-align: center; text-transform: none !important; font-size: 2.4rem !important; font-weight: 400;} .woocommerce div.product p.price {margin: 0; padding: 4px 0; background-color: #cbc6b7; color: #000; text-align: center; font-size: 20px !important; font-weight: 700;} .woocommerce div.product .woocommerce-product-details__short-description {margin: 6px 0; font-size: 1.4rem; line-height: normal;} .woocommerce div.product .woocommerce-product-details__short-description p {margin: 6px 0;} .woocommerce div.product table.variations {border-top: solid 1px #cbc6b7 !important; border-bottom: solid 1px #cbc6b7 !important;} .woocommerce div.product form.cart .variations td, .woocommerce div.product form.cart .variations th {width: 66%;} .woocommerce div.product form.cart .variations select {width: 100% !important;} .woocommerce div.product form.cart .variations td.label {width: 33%;} .woocommerce div.product form.cart .variations label {display: block; margin: 10px 0; text-align: right; font-size: 16px; font-family: 'Open Sans Condensed'; font-weight: 300; line-height: 30px;} .woocommerce div.product form.cart .reset_variations {display: none !important;} .woocommerce .quantity .qty {margin: 0;} .woocommerce div.product form.cart .single_variation_wrap {} .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation {margin-bottom: 12px; text-align: right; font-size: 14px; font-weight: 700;} .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-description {} .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-price {font-size: 1.8em!important;} .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation .woocommerce-variation-availability {text-transform: uppercase;} .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart {text-align: right;} .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart:after {content: ""; display: table; clear: both;} /* clearfix */ .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart .quantity {float: none; display: inline-block; margin: 0 10px 0 0;} .woocommerce div.product form.cart .single_variation_wrap .woocommerce-variation-add-to-cart button {float: none; vertical-align: top;} .woocommerce div.product .summary .product_meta {text-align: right; font-size: 1rem;} .woocommerce div.product .summary .product_meta > span {display: block;} .woocommerce-tabs {font-size: 1.4rem; line-height: normal;} .woocommerce-tabs .panel h2 {padding: 0 0 6px 0; text-transform: uppercase; font-size: 1.8rem; font-weight: 700;} .woocommerce div.product .related > h2 {padding: 0 0 6px 0; text-transform: uppercase; font-size: 1.8rem; font-weight: 700;} .woocommerce .term-description {margin-top: 20px; font-size: 1.4rem;} .woocommerce .term-description p {margin: 0.4em 0;} /* small screens */ @media only screen and (min-width: 480px) { .woocommerce div.product h1.product_title {padding: 6px 0; font-size: 3.2rem !important;} } /* medium screens */ @media only screen and (min-width: 768px) { .woocommerce div.product h1.product_title {padding: 24px 0;} .woocommerce .term-description {font-size: 1.6rem;} } /* big screens */ @media only screen and (min-width: 1024px) { .woocommerce .term-description {font-size: 1.8rem;} } /* large screens */ @media only screen and (min-width: 1220px) { } /* humungous screens */ @media only screen and (min-width: 1440px) { } /* hd screens */ @media only screen and (min-width: 1920px) { } /* WOOCOMMERCE SIDEBAR ------------------------------------------------------------------ */ #woocommerce-sidebar {display: none;} body.woocommerce #woocommerce-sidebar {display: block;} #woocommerce-sidebar {} #woocommerce-sidebar .widget {margin: 30px 0; border-bottom: solid 5px #f26522; background-color: #eee; font-size: 1.4rem;} #woocommerce-sidebar .widget > h3 {clear: both; margin: 0; padding: 0.6em 0 0.6em 40px; color: #000; background: #f26522 url(../img/bg31x23header-paws.png) no-repeat 5px 0.7em; text-transform: uppercase; font-size: 22px; font-weight: 600;} #woocommerce-sidebar .widget > form, #woocommerce-sidebar .widget > ul, #woocommerce-sidebar .widget > div {padding: 10px 5px;} #woocommerce-sidebar .widget ul.cart_list {} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item {position: relative; margin-bottom: 6px;} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item a {padding-right: 25px;} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item a.remove {position: absolute; top: 3px; right: 0; padding-right: 0;} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item a img {display: none;} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item dl.variation {display: none;} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item span.quantity {display: block; text-align: right; padding-right: 25px;} #woocommerce-sidebar .widget p.total {margin-top: 12px; padding-right: 25px; text-align: right;} #woocommerce-sidebar .widget p.total .amount {padding-left: 10px; border-top: solid 1px #000;} #woocommerce-sidebar .widget p.buttons {padding: 20px 0 10px 0; text-align: center;} #woocommerce-sidebar #widget-products_predictive_search-2.widget > div {padding: 0 5px;} #woocommerce-sidebar #widget-products_predictive_search-2.widget .wc_ps_sidebar_container {margin: 10px 0 !important; border: none !important;} ul.predictive_search_results {text-align: left !important;} #woocommerce-sidebar .textwidget p {margin: 10px 0;} /* small screens */ @media only screen and (min-width: 480px) { #woocommerce-sidebar .widget {font-size: 1.6rem;} } /* medium screens */ @media only screen and (min-width: 768px) { #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item a {float: left; padding-right: 125px;} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item span.quantity {float: right;} } /* big screens */ @media only screen and (min-width: 1024px) { body.woocommerce .content-wrapper {float: left; width: 680px;} body.woocommerce .sidebar-wrapper {float: right; clear: none; width: 280px;} #woocommerce-sidebar .widget {font-size: 1.4rem;} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item a {float: none; padding-right: 25px;} #woocommerce-sidebar .widget ul.cart_list li.mini_cart_item span.quantity {float: none;} } /* large screens */ @media only screen and (min-width: 1220px) { body.woocommerce .content-wrapper {width: 810px;} body.woocommerce .sidebar-wrapper {width: 320px;} #woocommerce-sidebar .widget {font-size: 1.6rem;} } /* humungous screens */ @media only screen and (min-width: 1440px) { body.woocommerce .content-wrapper {width: 930px;} body.woocommerce .sidebar-wrapper {width: 340px;} } /* hd screens */ @media only screen and (min-width: 1920px) { body.woocommerce .content-wrapper {width: 1030px;} } /* FINAL HACKS AND FIXES ------------------------------------------------------------------ */ .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {font-size: 16px !important; font-family: 'Open Sans Condensed' !important; padding: 0 4px !important;} .gform_wrapper textarea.medium {font-size: 16px !important; font-family: 'Open Sans Condensed' !important; padding: 0 4px !important;} .gform_wrapper select {padding: 0 24px 0 12px !important; font-size: 16px !important; font-family: 'Open Sans Condensed' !important; line-height: 30px !important;} .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label, .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_date_].ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label, .gform_wrapper label.gfield_label {display: none !important;} .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {display: inline-block; margin: 10px 0; padding: 0 12px; border: solid 1px #231f20; background-color: #f3d07c; color: #231f20; text-decoration: none; text-transform: uppercase; font-size: 16px; line-height: 30px; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {background-color: #f06f10; color: #fff;} .gform_wrapper .gform_footer input.button:active, .gform_wrapper .gform_footer input[type=submit]:active, .gform_wrapper .gform_page_footer input.button:active, .gform_wrapper .gform_page_footer input[type=submit]:active {background-color: #231f20; color: #fff;} .blog .frmtxt, .search .frmtxt, .archive .frmtxt {margin: 0; padding: 10px 0; border-bottom: solid 1px #cbc6b7;} .blog .frmtxt h1, .search .frmtxt h1, .archive .frmtxt h1 {margin: 0; padding: 0; text-transform: none; font-size: 2.2rem; font-weight: 600;} .blog .frmtxt h1 a, .search .frmtxt h1 a, .archive .frmtxt h1 a {text-decoration: none;} .blog .frmtxt span.posted-on, .search .frmtxt span.posted-on, .archive .frmtxt span.posted-on {display: block; padding: 4px 0; font-size: 1.2rem;} .blog .frmtxt span.posted-on a, .search .frmtxt span.posted-on a, .archive .frmtxt span.posted-on a {text-decoration: none;} /* medium screens */ @media only screen and (min-width: 768px) { .blog .frmtxt, .search .frmtxt, .archive .frmtxt {padding: 14px 0;} .blog .frmtxt h1, .search .frmtxt h1, .archive .frmtxt h1 {font-size: 2.8rem;} } /* big screens */ @media only screen and (min-width: 1024px) { .blog .frmtxt, .search .frmtxt, .archive .frmtxt {padding: 18px 0;} .blog .frmtxt h1, .search .frmtxt h1, .archive .frmtxt h1 {font-size: 3.2rem;} } #archivesubtitle {padding: 6px 0; border-bottom: solid 1px #cbc6b7; background-color: #fffceb;} #archivesubtitle h2 {font-size: 1.8rem; text-transform: uppercase;} .single #posttitle {padding: 0; border-bottom: solid 1px #cbc6b7;} .single #posttitle h2 {padding: 12px 0; text-transform: uppercase; font-size: 3rem; font-weight: 300; text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.66);} .single .content-footer {text-align: right; font-size: 12px;} .single .content-footer a {color: #999; text-decoration: none;} .single .content-footer a:hover {color: #000;} .single .content-footer > span {display: block; line-height: normal;} /* small screens */ @media only screen and (min-width: 480px) { .single #posttitle h2 {padding: 14px 0; font-size: 3.2rem;} } /* medium screens */ @media only screen and (min-width: 768px) { .single #posttitle h2 {padding: 20px 0; font-size: 4.2rem;} } /* big screens */ @media only screen and (min-width: 1024px) { .single #posttitle h2 {padding: 26px 0; font-size: 4.8rem;} } .wpupg-filter {display: none;} #wpupg-grid-browse-recipes-filter.wpupg-filter {display: block; padding-bottom: 20px;} .wpupg-filter-item {display: inline-block !important; margin: 0 10px 0 0 !important; padding: 0 12px !important; border: solid 1px #231f20 !important; background-color: #f3d07c !important; color: #231f20 !important; text-decoration: none !important; text-transform: uppercase !important; font-size: 16px !important; line-height: 30px !important; font-family: 'Open Sans Condensed' !important; font-weight: 300 !important; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33) !important; -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s;} .wpupg-filter-item:hover {background-color: #f06f10 !important; color: #fff !important;} .wpupg-filter-item:active, .wpupg-filter-item.active{background-color: #231f20 !important; color: #fff !important;} .single-recipe {} .single-recipe #posttitle {display: none !important;} .single-recipe .frmtxt .wpurp-container {max-width: 100% !important; border-top: none !important;} .single-recipe .content-footer .posted-on {display: none;} .single-recipe .wpurp-recipe-servings-changer {} .single-recipe .wpurp-recipe-servings-changer input {display: inline-block !important; margin: 0 !important; padding: 0 4px !important; border: solid 1px #231f20 !important; border-radius: 0 !important; background-color: #fffceb !important; color: #231f20 !important; text-decoration: none !important; text-transform: none !important; text-align: left !important; font-size: 16px; line-height: 30px !important; font-family: 'Open Sans Condensed'; font-weight: 300; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; text-indent: 1px; text-overflow: '';} .single-recipe .wpurp-recipe-unit-changer {} .single-recipe .wpurp-recipe-unit-changer select {display: inline-block !important; margin: 0 !important; padding: 0 32px 0 12px !important; border: solid 1px #231f20 !important; border-radius: 0 !important; background: #f3d07c url(../img/ico40x200select.png) no-repeat right center !important; background-size: 20px auto !important; color: #231f20 !important; text-decoration: none !important; text-transform: none !important; font-size: 16px; line-height: 30px !important; font-family: 'Open Sans Condensed'; font-weight: 300; text-shadow: 0px 1px 2px rgba(35, 31, 32, 0.33); -webkit-transition: background-color ease-in .3s; -moz-transition: background-color ease-in .3s; -o-transition: background-color ease-in .3s; transition: background-color ease-in .3s; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; text-indent: 1px; text-overflow: '';} .single-recipe .wpurp-recipe-unit-changer select::-ms-expand {display: none;} html body .wpurp-container .sharrre .button.pinterest a {text-indet: -9999px !important;} .single-recipe #pagewidgets {display: none;} .single-recipe .wpurp-container {font-size: 1.4rem !important;} /* small screens */ @media only screen and (min-width: 480px) { .single-recipe .wpurp-container {font-size: 1.6rem !important;} } /* medium screens */ @media only screen and (min-width: 768px) { .single-recipe .wpurp-container {font-size: 1.8rem !important;} } /* big screens */ @media only screen and (min-width: 1024px) { .single-recipe .wpurp-container {font-size: 2.0rem !important;} } .wcppec-checkout-buttons__button {padding-top: 0;} /* © PIXEL SCIENCE */