@charset "UTF-8";
/*
Theme Name: ohanlon_v1.0 
Version: 1.0
Description: 2016 Website Design for O'Hanlon Herbs 
Author: ProductFitter
Author URI: http://www.productfitter.com 
Tags: html5, css3, development, design, mobile, responsive, media queries, 
----------------------------------------------------------------------- */
/*font-size px/rem*/
/*======= GENERAL STYLES ===============================================*/
/*======================================================================*/
body.page, body.error404, body.single, body.archive, body.blog, body.search { background: #fcfcfa url(images/pages/bg.png) repeat center top; font-weight: 400; -webkit-font-smoothing: antialiased; /*fix for safari font rendering*/ }

.wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -169px; }

footer.site-footer, .push { height: 168px; clear: both; }

/* keeps the footer at the bottom */
html, body { height: 100%; }

/* keeps the footer at the bottom */
a, a:hover, img, img:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

a, a:active, a:focus { text-decoration: none; outline: 0; }

img { object-fit: cover; width: 100%; height: 100%; }
img.nofit { width: auto; }

p { color: #111; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); }
p:empty { display: none; }

:focus { outline: none; }

.smooth, ul.social, ul.social li, .site-header, .site-header h1 a#logo, .site-header .icon-freshherbs-white, .site-header .main-navigation li, #slide-1 .bcg .hsContent h2, #slide-1 .box, .circle, .box-button .top, .entry-header, .page-header, .accordion .accordion-navigation .content, .videos .box { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.note, small { font-size: 11px; font-size: 0.6875rem; color: #ccc; }

.text-11 { font-size: 11px; font-size: 0.6875rem; }

.text-12 { font-size: 12px; font-size: 0.75rem; }

.red, .required { color: red; }

.center { text-align: center; }

.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.alignright { float: right; margin: 5px 0 20px 20px; }

.alignleft { float: left; margin: 5px 20px 20px 0; }

.text-right { text-align: right; }

.border { behavior: url(border-radius.htc); border-radius: 50%; }

::selection { background: #80bd01; color: #fff; /* Safari - highlight*/ }

::-moz-selection { background: #80bd01; color: #fff; /* Firefox - highlight*/ }

.inline-block, label, .icon, ul.social li, .site-header h1, .site-header a.freshherbs, .site-header .main-navigation ul, .site-header .main-navigation li, .site-header .main-navigation a, .site-header .main-navigation a:active, .site-header .main-navigation a:focus, #slide-1 .bcg .hsContent h2, #slide-1 .circle, .table-center, .box-button .wrap span, .page-products .products .list-item.popup .copy, .page-products .products .list-item .details, .page-quality .center, .page-get-in-touch .row.white .entry, .page-get-in-touch .wpcf7 label, .page-get-in-touch .wpcf7 .wpcf7-form-control-wrap, .page-get-in-touch .wpcf7 div.wpcf7-validation-errors, .page-videos .entry-content .kgvid_wrapper, .comment-navigation a, .posts-navigation a, .post-navigation a, .error404 .entry .entry-footer, .single .entry .entry-footer, .archive .entry .entry-footer, .blog .entry .entry-footer, .search .entry .entry-footer { display: inline-block; zoom: 1; *display: inline; }

.wow { visibility: hidden; }

/* Icons */
.icon { width: 16px; height: 16px; }

.icon-bordbia { width: 125px; height: 162px; }

.icon-brc { width: 106px; height: 161px; }

.icon-gap { width: 159px; height: 157px; }

.icon-repak { width: 265px; height: 76px; }

.icon-origin { width: 158px; height: 159px; }

.icon-basket { width: 224px; height: 168px; }

.icon-herbie { width: 357px; height: 178px; }

.icon-herbie2 { width: 131px; height: 139px; }

.icon-freshherbs-white { width: 170px; height: 84px; }

.icon-freshherbs-black { width: 155px; height: 77px; }

.icon-share-twitter, .icon-share-facebook, .icon-facebook-love { width: 46px; height: 46px; }

.icon-bally { width: 160px; height: 160px; }

.icon-scroll { width: 39px; height: 19px; }

.icon-arrow-right { width: 43px; height: 43px; }

.icon-box-arrow { width: 42px; height: 42px; }

.icon-accordion-arrow { width: 31px; height: 10px; }

/* Unordered List */
/* Ordered List */
.terms h6 { color: #444; font-style: italic; }
.terms ol { font: italic 1em Georgia, Times, serif; color: #999999; margin: 0 1em 1em 1.6em; padding-left: 15px; }
.terms ol li { font-style: italic; background-image: none; list-style: decimal outside none; margin: 1em 0; padding-left: 0; }
.terms ol p { margin: 0; font: normal .9em Arial, Helvetica, sans-serif; color: #444; line-height: 1.4; }
.terms ol ol li { list-style-type: lower-alpha; }
.terms ol ol ol li { margin-bottom: .2em; }

ol { margin-left: 2em; font: italic 1em Georgia, Times, serif; color: #666; text-shadow: 1px 1px 0 #fff; }
ol li { margin: 0; }

.entry-content ol li p { margin: .5em 0; line-height: 1.4; }

a.button { background: #80bd01; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); font-family: "handregular"; }
a.button:hover { background: #91c91c; text-decoration: none; }
a.button.small, a.button.medium, a.button.large { padding: .5rem 1.5rem; }
a.button.small { font-size: 18px; font-size: 1.125rem; }
a.button.medium { font-size: 22px; font-size: 1.375rem; }
a.button.large { font-size: 26px; font-size: 1.625rem; }

/* ========================================================================== Helper classes parallax
========================================================================== */
/* Image replacement */
.ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Clearfix: contain floats  For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }

.clearfix:after { clear: both; }

/* For IE 6/7 only Include this rule to trigger hasLayout and contain floats. */
.clearfix { *zoom: 1; }

/*======= TYPOGRAPHY ===================================================*/
/*======================================================================*/
h1, h2, h3, h4, h5, h6 { clear: both; font-family: "Lato", sans-serif; font-weight: 600; }

h1 { font-size: 40px; font-size: 2.5rem; }

h2 { font-size: 30px; font-size: 1.875rem; }

h3 { font-size: 24px; font-size: 1.5rem; }

h4 { font-size: 20px; font-size: 1.25rem; }

h5 { font-size: 18px; font-size: 1.125rem; }

h6 { font-size: 16px; font-size: 1rem; }

dfn, cite, em, i { font-style: italic; }

blockquote { margin: 0 1.5em; }

address { margin: 0 0 1.5em; }

pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; }

code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

hr { color: #fff; background-color: #fbfbfb; border-color: #ccc; border-style: none none dotted; -webkit-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff; margin: 1em 0 2em; }

@font-face { font-family: 'handregular'; src: url("scss/base/webfontkit/seanhand-webfont.eot"); src: url("scss/base/webfontkit/seanhand-webfont.eot?#iefix") format("embedded-opentype"), url("scss/base/webfontkit/seanhand-webfont.woff2") format("woff2"), url("scss/base/webfontkit/seanhand-webfont.woff") format("woff"), url("scss/base/webfontkit/seanhand-webfont.ttf") format("truetype"), url("scss/base/webfontkit/seanhand-webfont.svg#seans_other_handregular") format("svg"); font-weight: normal; font-style: normal; }
/*======= HEADER =======================================================*/
/*======================================================================*/
ul.social { list-style: none; }
ul.social li { opacity: .5; }
ul.social li:hover { opacity: 1; }
ul.social .icon-share-facebook { margin-left: .3em; }

.site-header { display: block; height: 75px; background: rgba(8, 16, 2, 0.4); position: fixed; z-index: 999999; width: 100%; }
.site-header h1 { position: absolute; left: 0; margin: 12px auto 0; right: 0; width: 264px; z-index: 2; }
.site-header h1 a#logo { background: transparent url("images/icon/logo.png") no-repeat center top; background-size: 100% 100%; width: 264px; height: 235px; z-index: 9999; position: relative; text-indent: -9999em; display: block; margin: 0 auto; top: 0; left: 0; }
.site-header ul.social { position: absolute; left: 2%; top: .9em; z-index: 9; margin: 0; }
.site-header a.freshherbs { position: absolute; right: 2%; top: 1.3em; z-index: 9; }
.site-header .icon-freshherbs-white { background: transparent url("images/icon/freshherbs-white.png") no-repeat center top; background-size: 100% 100%; }
.site-header.tiny { height: 50px; }
.site-header.tiny .main-navigation a, .site-header.tiny .main-navigation a:active, .site-header.tiny .main-navigation a:focus { padding: .8em 0 .6em; }
.site-header.tiny .icon-logo { background: transparent url("images/icon/logo.png") no-repeat center top; }
.site-header.tiny h1 a#logo { width: 110px; height: 98px; /*background-size: 50% 50%;*/ }
.site-header.tiny ul.social { top: .4em; }
.site-header.tiny ul.social .icon { width: 35px; height: 35px; }
.site-header.tiny ul.social .icon.icon-share-facebook { background: transparent url(images/icon/share-facebook.png) no-repeat center top; background-size: 100%; }
.site-header.tiny ul.social .icon.icon-share-twitter { background: transparent url(images/icon/share-twitter.png) no-repeat center top; background-size: 100%; }
.site-header.tiny a.freshherbs { right: 0; top: .2em; }
.site-header.tiny a.freshherbs .icon-freshherbs-white { background-size: 50% 50%; }
.site-header .widget, .site-header .widgets_on_page ul { margin: 0; padding: 0; }
.site-header .widget:before { display: none; }
.site-header .main-navigation { clear: both; display: block; width: 100%; position: relative; z-index: 1; /*html*/ }
.site-header .main-navigation a#pull { display: none; }
.site-header .main-navigation ul { margin: 0; text-indent: 0; text-align: center; width: 100%; }
.site-header .main-navigation li { position: relative; margin: 0; width: 10%; }
.site-header .main-navigation li:last-child { margin: 0; }
.site-header .main-navigation li:nth-of-type(4) { margin-left: 28%; }
.site-header .main-navigation a, .site-header .main-navigation a:active, .site-header .main-navigation a:focus { font-size: 16px; font-size: 1rem; font-family: "Lato", sans-serif; padding: 1.6em 0 1.35em; font-weight: 400; text-transform: uppercase; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-bottom: 4px solid transparent; white-space: nowrap; }
.site-header .main-navigation a:hover, .site-header .main-navigation a:active:hover, .site-header .main-navigation a:focus:hover { color: #80bd01; }
.site-header .main-navigation ul ul { display: none; margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; width: 200px; text-align: left; }
.site-header .main-navigation ul ul ul { top: 0; left: 100%; }
.site-header .main-navigation ul ul li { width: 100%; }
.site-header .main-navigation ul ul li a { font-size: 12px; font-size: 0.75rem; background: rgba(0, 0, 0, 0.8); border-bottom: 1px solid #000; display: block; padding: .8em 1.5em; white-space: normal; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.site-header .main-navigation ul ul li a:hover { background: #e3e3e3; color: #444; }
.site-header .main-navigation ul ul li:hover > ul, .site-header .main-navigation ul ul li.focus > ul { left: 100%; }
.site-header .main-navigation ul ul li:nth-of-type(4) { margin-left: 0; }
.site-header .main-navigation ul li:hover > ul { display: none; }
.site-header .main-navigation ul li:hover > ul, .site-header .main-navigation ul li.focus > ul { left: auto; }
.site-header .main-navigation .current-menu-item > a, .site-header .main-navigation .current-menu-ancestor > a, .site-header .main-navigation .current_page_item > a, .site-header .main-navigation .current_page_ancestor > a { border-bottom: 4px solid #97d90d; color: #97d90d; }

/* Small menu. */
/* HAMBURGER */
.menu-button { display: none; position: absolute; left: 1%; top: .2em; height: 60px; width: 60px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

.menu-link { width: 100%; height: 100%; position: absolute; z-index: 1002; }

.menu-icon { position: absolute; width: 22px; height: 14px; margin: auto; left: 0; top: 0; right: 0; bottom: 1px; }

.menu-circle { width: 100%; height: 100%; position: absolute; border-radius: 50%; transform: scale(1); z-index: 1000; -webkit-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; }

.main-nav { top: 0; visibility: hidden; color: #333; height: 100%; width: 100%; position: fixed; text-align: center; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; z-index: 1001; }
.main-nav nav { visibility: hidden; }
.main-nav.open.visi nav { visibility: visible; }

.menu-line { background-color: #80bd01; height: 2px; width: 100%; border-radius: 2px; position: absolute; left: 0; -webkit-transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1); }

.menu-line-1 { top: 0; }

.menu-line-2 { top: 0; bottom: 0; margin: auto; }

.menu-line-3 { bottom: 0; }

.menu-button:hover .menu-circle { transform: scale(1.4); }

.main-nav.open { opacity: 1; visibility: visible; }

.menu-button.open .menu-circle { transform: scale(68); background-color: #9a2130; }
.menu-button.open .menu-line-2 { opacity: 0; }
.menu-button.open .menu-line-1 { transform: translateY(7px) translateY(-50%) rotate(-45deg); }
.menu-button.open .menu-line-3 { transform: translateY(-7px) translateY(50%) rotate(45deg); }

/*HAMBURGER Main navigation*/
.main-nav { display: none; top: 0; visibility: hidden; color: #333; height: 100%; width: 100%; position: fixed; text-align: center; transition: opacity 0.2s ease-in-out; z-index: 1001; }
.main-nav nav { visibility: hidden; }
.main-nav.open { opacity: 1; visibility: visible; }
.main-nav.open.visi nav { visibility: visible; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
.main-nav ul { list-style: none; margin: 0; }
.main-nav ul.children { display: none; }
.main-nav li { margin-bottom: .5rem; }
.main-nav li a { font-size: 30px; font-size: 1.875rem; color: #e47c86; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); text-transform: uppercase; text-decoration: none; font-weight: 600; }
.main-nav li a:hover { color: #fff; }
.main-nav .current-menu-item > a, .main-nav .current-menu-ancestor > a, .main-nav .current_page_item > a, .main-nav .current_page_ancestor > a { color: #fff; }

/*======= FOOTER =======================================================*/
/*======================================================================*/
.site-footer { font-size: 14px; font-size: 0.875rem; position: relative; color: #333; background: transparent url(images/pages/footer.jpg) repeat-x center top; }
.site-footer a.scroll-back { position: absolute; right: 1.5%; top: 2em; z-index: 9; }
.site-footer .row { padding-top: 2em; margin-bottom: 0; position: relative; }
.site-footer h6 { color: #fff; letter-spacing: 1px; text-transform: uppercase; font-weight: 300; }
.site-footer ul { margin: 2em 0 0; }
.site-footer ul .icon-share-facebook { margin-left: .5em; }
.site-footer .icon-freshherbs-white { margin-top: 1em; width: 114px; height: 65px; background: transparent url(images/icon/freshherbs-white.png) no-repeat center top; background-size: 100%; }
.site-footer address { font-size: 14px; font-size: 0.875rem; color: #fff; font-weight: 300; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); margin-bottom: 0; font-style: normal; letter-spacing: 2px; }
.site-footer .copy { font-size: 11px; font-size: 0.6875rem; color: #fff; opacity: .5; letter-spacing: 1px; font-weight: 300; }
.site-footer .by { font-size: 11px; font-size: 0.6875rem; color: #fff; position: absolute; bottom: 0; left: .5%; opacity: .2; }
.site-footer .by:hover { opacity: 1; }
.site-footer .phone { font-size: 18px; font-size: 1.125rem; color: #fff; font-weight: 500; margin: .7em 0 1.4em; }
.site-footer .email a { color: #fff; text-decoration: underline; font-weight: 300; }
.site-footer .widget { margin: 0; }

/*======= PAGE/ HOME ===================================================*/
/*======================================================================*/
.main { margin: 0 auto; padding: 0; }
.main .hentry { margin: 0; }
.main .widget, .main .widgets_on_page ul { margin: 0; padding: 0; list-style: none; }
.main .widget:before { display: none; }

.edit-link { font-size: 12px; font-size: 0.75rem; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ position: absolute; right: 0.9375rem; bottom: .5rem; background: #fff; }
.edit-link a { padding: .3em 1em; }

.home h1.entry-title { display: none; }

.content { width: 65%; }

.sidebar { width: 35%; }

/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
Parallax Scroll
========================================================================== */
#skrollr-body { height: 100%; }

img { vertical-align: middle; }

textarea { resize: vertical; }

body, html { height: 100%; min-height: 100%; }

h2 { margin-top: 0; }

body.loading { background: url("images/ico_loading.gif") no-repeat center center; }

section { opacity: 0; }

.loaded section, .no-js section { opacity: 1; -webkit-transition: opacity 300ms ease-out; -moz-transition: opacity 300ms ease-out; transition: opacity 300ms ease-out; }

main { overflow-x: hidden; }

.bcg { background-position: center center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; height: 100%; width: 100%; }

.curtain { width: 100%; height: 100%; background-image: url("images/pages/overlay.png"); position: absolute; top: 0; left: 0; opacity: 0; }

.hsContainer { display: table; table-layout: fixed; width: 100%; height: 100%; overflow: hidden; position: relative; }

.hsContent { display: table-cell; vertical-align: middle; width: 100%; }
.hsContent h2, .hsContent p, .hsContent h3 { color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }
.hsContent h2 { font-size: 60px; font-size: 3.75rem; font-weight: 500; margin-bottom: .5em; font-family: "handregular"; }
.hsContent p { font-size: 26px; font-size: 1.625rem; line-height: 1.2; }

.bgBlack { background-color: rgba(0, 0, 0, 0.75); padding: 3px 10px; }

.home .hsContent h2 { margin-top: .3em; }
.home .hsContent p { margin-bottom: 2em; }

/* Slide 1 */
#slide-1 .row { max-width: 78.625rem; }
#slide-1 .bcg { background-image: url("images/pages/home1.jpg"); }
#slide-1 .bcg .hsContent { padding-top: 13rem; }
#slide-1 .bcg .hsContent h2 { font-size: 100px; font-size: 6.25rem; width: 63%; vertical-align: middle; text-align: right; position: relative; }
#slide-1 .bcg .hsContent h2 .since { font-size: 30px; font-size: 1.875rem; font-family: "Lato", sans-serif; display: block; font-weight: 300; }
#slide-1 .bcg .hsContent h2 i { font-size: 22px; font-size: 1.375rem; font-style: normal; font-family: "Lato", sans-serif; margin-top: .5em; font-weight: 300; display: block; /* position: absolute; left: 0; text-align: center; margin-left: 0%;*/ }
#slide-1 .bcg .hsContent .icon-bordbia { vertical-align: middle; top: 3em; position: relative; }
#slide-1 .box { margin-top: 2em; padding: 0; background: transparent url("images/pages/box1.png") no-repeat center top; width: 395px; height: 351px; background-size: 100%; }
#slide-1 .box .box-button { margin-top: 60%; margin-left: 2%; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -o-transform: rotate(-9deg); -ms-transform: rotate(-9deg); transform: rotate(-9deg); }
#slide-1 .box.two { background-image: url("images/pages/box2.png"); }
#slide-1 .box.three { background-image: url("images/pages/box3.png"); }
#slide-1 .circle { margin-left: -1.4em; background-image: url("images/pages/circle-trans.png"); }

/* Slide 2 */
#slide-2 .bcg { background-image: url("images/pages/home2.jpg"); }

.table-center { text-align: center; }

/* Slide 3 */
#slide-3 .bcg { background-image: url("images/pages/home3.jpg"); }

/* Slide 4 */
#slide-4 .bcg { background-image: url("images/pages/home4.jpg"); }

/* Slide 5 */
#slide-5 { position: relative; }
#slide-5 .bg { background: transparent url("images/pages/bgHerbie.jpg") repeat center top; }
#slide-5 .entryContentTop { height: 33px; width: 100%; margin-top: -2em; background: transparent url("images/pages/entryContentTop.png") repeat-x center top; }
#slide-5 .icon-herbie { position: relative; top: -3.5em; }
#slide-5 p { font-size: 24px; font-size: 1.5rem; width: 60%; margin: 1.2em auto 1.5em; font-weight: 300; line-height: 1.3; }
#slide-5 .herbieCar { width: 100%; height: 218px; background: transparent url("images/pages/herbieCar.png") no-repeat center bottom; }
#slide-5 a.button.green { -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1); padding: 1.2em 1.5em; }

a.button.green { font-size: 14px; font-size: 0.875rem; -webkit-box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.2); box-shadow: 6px 6px 0 rgba(255, 255, 255, 0.2); font-family: "handregular"; color: #d1f586; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); padding: .7em 3em; margin: 2em 0 0; }
a.button.green span { font-size: 22px; font-size: 1.375rem; color: #fff; display: block; }
a.button.green br { display: none; }

.circle { display: table-cell; position: relative; vertical-align: middle; background: transparent url(images/pages/circle.png) no-repeat center top; background-size: 100%; width: 251px; height: 253px; }

.box-button { position: relative; padding: 0; width: 100%; height: 73px; text-align: center; }
.box-button .wrap { font-size: 26px; font-size: 1.625rem; position: relative; z-index: 2; vertical-align: middle; font-family: "handregular"; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
.box-button .wrap span { line-height: 1.1; vertical-align: middle; }
.box-button .wrap i { font-size: 16px; font-size: 1rem; display: block; color: #d1f586; font-style: normal; }
.box-button .wrap .icon { vertical-align: middle; }
.box-button .wrap a, .box-button .wrap a:active, .box-button .wrap a:focus, .box-button .wrap a:hover { color: #fff; padding: .5em 0; display: block; }
.box-button .icon-box-arrow { margin-left: .4em; vertical-align: -.4em; }
.box-button .top, .box-button .bottom { position: absolute; width: 100%; height: 73px; bottom: 0; opacity: 1; }
.box-button .top { background: transparent url("images/pages/box-button.png") no-repeat center bottom; z-index: 1; }
.box-button .bottom { background: transparent url("images/pages/box-buttonHover.png") no-repeat center bottom; }
.box-button:hover .top { opacity: 0; }

/*======= PAGE/ FARM ===================================================*/
/*======================================================================*/
.page-farm .main { background: transparent url("images/pages/farm.jpg") no-repeat center top; }
.page-farm a.button.green { margin: 0 0 2em; }
.page-farm .row.white { min-height: 36em; }

.entry-header, .page-header { padding-top: 17.5em; text-align: center; }
.entry-header h1, .page-header h1 { font-size: 60px; font-size: 3.75rem; font-family: "handregular"; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); color: #fff; margin-bottom: .4em; }

.entry-content h2 { font-family: "handregular"; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); color: #000; margin: 0 0 .5em; line-height: 1; }
.entry-content h3 { margin: 0 0 1em; }
.entry-content .columns.copy-left { padding-right: 7%; }
.entry-content .columns.copy-right { padding-left: 7%; }
.entry-content .mission { margin: 3em auto; }
.entry-content .mission p { font-size: 24px; font-size: 1.5rem; font-weight: 300; text-align: center; line-height: 1.4; min-height: 4.2em; }
.entry-content .mission .columns { padding-top: 4em; padding-bottom: 4em; }
.entry-content .mission .medium-12 { padding-bottom: 0; padding-top: 1em; }
.entry-content .mission .one { background: transparent url("images/pages/one.png") no-repeat center top; }
.entry-content .mission .two { background: transparent url("images/pages/two.png") no-repeat center top; }
.entry-content .mission .three { background: transparent url("images/pages/three.png") no-repeat center top; }
.entry-content .hsContent h2 { font-size: 40px; font-size: 2.5rem; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
.entry-content .hsContent p { font-size: 16px; font-size: 1rem; line-height: 1.4; }
.entry-content p { font-size: 17px; font-size: 1.0625rem; line-height: 1.45; }
.entry-content .row.white p, .entry-content .row.white h2 { color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); }
.entry-content .row.white a { text-decoration: underline; color: #d1f586; font-weight: 300; }
.entry-content .row.white a.button { text-decoration: none; }
.entry-content .row.white a span { color: #fff; }

/* Slide 6 */
#slide-6 .bcg { background-image: url("images/pages/company2.jpg"); }
#slide-6 .curtain { background-image: url("images/pages/overlayFarm1.png"); background-size: cover; background-position: right top; }
#slide-6 .medium-6 { float: right; }
#slide-6 h2 { text-align: right; }
#slide-6 p { font-size: 20px; font-size: 1.25rem; text-align: justify; font-weight: 300; }

/* Slide 7 */
#slide-7 .bcg { background-image: url("images/pages/farm-community.jpg"); }
#slide-7 .curtain { background-image: url("images/pages/overlayFarm2.png"); }
#slide-7 .medium-6 { padding-top: 15rem; padding-bottom: 14.5rem; }
#slide-7 p { font-size: 20px; font-size: 1.25rem; font-weight: 300; }

/*======= PAGE/ PRODUCTS ===============================================*/
/*======================================================================*/
.page-products .main { background: transparent url("images/pages/products1.jpg") no-repeat center top; }
.page-products .potcut { position: relative; top: -3em; width: auto; }
.page-products .pack { margin-top: 7em; }
.page-products .pack.row { margin-top: 5em; margin-bottom: 5em; }
.page-products .pack .medium-2, .page-products .pack .medium-4 { margin-top: 1em; }
.page-products .pack .potpack { width: auto; }
.page-products .tabs { border-bottom: 1px solid #dce8d7; padding-bottom: .3em; }
.page-products .tabs .tab-title > a { -webkit-border-radius: 5px; border-radius: 5px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-size: 20px; font-size: 1.25rem; font-family: "handregular"; background: none; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); color: #9bb78d; padding: .4em 1em; }
.page-products .tabs .tab-title > a:hover { background: none; color: #01592f; }
.page-products .tabs .tab-title.active a, .page-products .tabs .tab-title.active a:hover { background: #cedfc6; color: #01592f; }
.page-products img.love { width: 253px; }
.page-products .icon-facebook-love { margin-top: 1em; height: 47px; }
.page-products .row.herbs { margin-top: 5em; }
.page-products .row.herbs .entry-footer .row { margin: 0; }
.page-products .subtitle { font-size: 13px; font-size: 0.8125rem; margin: 1em 0; }
.page-products .products-list { background: rgba(206, 223, 198, 0.2); }
.page-products .products .list-item { width: 100%; z-index: 1000; position: relative; background: #fff; text-align: left; }
.page-products .products .list-item.popup { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ width: 200%; z-index: 1050; }
.page-products .products .list-item.popup .entry-herb { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ position: absolute; top: 0; background: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.page-products .products .list-item.popup .copy { width: 49%; height: 100%; padding: 1.5rem 1.5rem 0 1.4rem; margin-left: 51%; overflow: hidden; min-height: 16.9em; text-align: justify; }
.page-products .products .list-item.popup .copy.full { width: 100%; margin: 1em 0 0; padding: 0 1.5rem; min-height: auto; }
.page-products .products .list-item.popup .use, .page-products .products .list-item.popup .more-info { display: block; width: 100%; border-top: 1px solid #dce8d7; padding: .5rem 1rem; }
.page-products .products .list-item.popup .more-info { padding: 1rem 1.2rem; margin: 0; }
.page-products .products .list-item.popup .more-info p { font-size: 13px; font-size: 0.8125rem; }
.page-products .products .list-item.popup .more-info p:last-child { margin-bottom: 0; }
.page-products .products .list-item.popup .herb-name { display: none; }
.page-products .products .list-item.popup .image { -webkit-border-bottom-right-radius: 50%; border-bottom-right-radius: 50%; overflow: hidden; }
.page-products .products .list-item .details { vertical-align: top; z-index: 9; position: relative; cursor: pointer; }
.page-products .products .list-item .details .image { display: block; }
.page-products .products .list-item .details br { display: none; }
.page-products .products .list-item .image { display: none; }
.page-products .products .list-item .image img { width: auto; }
.page-products .products .list-item .herb-name { font-size: 30px; font-size: 1.875rem; color: #fff; font-weight: 300; position: absolute; bottom: 3%; right: 6%; }
.page-products .products .list-item h3 { font-size: 30px; font-size: 1.875rem; font-weight: 300; margin: 0 0 .5em; text-align: right; }
.page-products .products .list-item .copy { text-align: right; display: none; }
.page-products .products .list-item .copy p { font-size: 15px; font-size: 0.9375rem; line-height: 1.3; margin-bottom: .8em; }
.page-products .products .list-item .use, .page-products .products .list-item .more-info { display: none; }
.page-products .products #panel1 .list-item.popup .more-info.pack { display: none; }
.page-products .products #panel1 .list-item.popup .more-info.pot { display: block; }
.page-products .products #panel2 .list-item.popup .more-info.pack { display: block; }
.page-products .products #panel2 .list-item.popup .more-info.pot { display: none; }
.page-products .products .products-overlay { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: #393c2f; filter: alpha(opacity=35); opacity: .35; cursor: pointer; z-index: 1040; -webkit-animation: appearlay 1s; -moz-animation: appearlay 1s; -o-animation: appearlay 1s; animation: appearlay 1s; }
.page-products .tabs-content > .content.active { padding-top: 0; }
@keyframes appear { 0% { opacity: 0; }
  100% { opacity: 1; } }
@keyframes appearlay { 0% { opacity: 0; }
  100% { opacity: .35; } }
/*======= PAGE/ QUALITY ================================================*/
/*======================================================================*/
.page-quality .main { background: transparent url("images/pages/quality.jpg") no-repeat center top; }
.page-quality h3 { font-size: 22px; font-size: 1.375rem; font-weight: 300; text-align: center; }
.page-quality .medium-4 { text-align: center; }
.page-quality .stamp { margin-bottom: 1em; width: 241px; height: 246px; display: table-cell; text-align: center; vertical-align: middle; background: transparent url("images/pages/circle50.png") no-repeat center top; }

.row.quality1 { margin-bottom: 13.4rem; }
.row.quality1 p { font-size: 18px; font-size: 1.125rem; }

/* Slide 8 */
#slide-8 .bcg { background-image: url("images/pages/quality2.jpg"); }
#slide-8 .curtain { background-image: url("images/pages/overlayQuality2.png"); }

.entry-content #slide-8 h2 { margin-bottom: 1.5em; text-align: center; position: absolute; width: 100%; top: -3.5em; }

/* Slide 9 */
#slide-9 .bcg { background-image: url("images/pages/quality3.jpg"); }
#slide-9 .hsContent { display: table-cell; vertical-align: middle; width: 100%; }
#slide-9 h2, #slide-9 p { color: #111; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); }
#slide-9 p { font-weight: 400; }

/* Slide 10 */
#slide-10 .bcg { background-image: url("images/pages/quality4.jpg"); }
#slide-10 .curtain { background-image: url("images/pages/overlayQuality4.png"); }
#slide-10 .icon-repak { background: transparent url(images/icon/repak.png) no-repeat center top; width: 80%; height: 56px; background-size: 100%; }

.accordion { margin: 0; }
.accordion .accordion-navigation { text-align: center; list-style: none; }
.accordion .accordion-navigation a { position: relative; z-index: 10; background: none; padding: 0; text-align: center; }
.accordion .accordion-navigation a:hover { background: none; }
.accordion .accordion-navigation .icon { margin-bottom: 1em; position: relative; -webkit-transition: all 300ms ease-in 0s; -moz-transition: all 300ms ease-in 0s; -o-transition: all 300ms ease-in 0s; transition: all 300ms ease-in 0s; }
.accordion .accordion-navigation.active .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.accordion .accordion-navigation .content { position: absolute; opacity: 0; filter: alpha(opacity=0); display: none; padding: 0; background: none; width: 92%; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion .accordion-navigation .content.active { height: 265px; display: block; overflow-y: auto; opacity: 1; filter: alpha(opacity=100); background: none; }
.accordion .accordion-navigation .content p { font-size: 15px; font-size: 0.9375rem; line-height: 1.3; }
.accordion .accordion-navigation.active > a { background: none; }

/*======= PAGE/ JOIN US ================================================*/
/*======================================================================*/
.page-join-us .main { background: transparent url("images/pages/careers.jpg") no-repeat center top; }
.page-join-us .center h2 { margin: 2.8em 0 1.2em; }

.team div { width: 33.33%; float: left; }

/*======= PAGE/ GET IN TOUCH ===========================================*/
/*======================================================================*/
.page-get-in-touch .main { background: transparent url("images/pages/contact.jpg") no-repeat center top; }
.page-get-in-touch .row.white { min-height: 32em; }
.page-get-in-touch .row.white .email { margin-bottom: 3em; text-align: center; }
.page-get-in-touch .row.white .phone { font-size: 36px; font-size: 2.25rem; text-shadow: 0 1px 7px black; text-align: center; margin-top: 1.5em; }
.page-get-in-touch .row.white address, .page-get-in-touch .row.white .phone { color: #fff; font-style: normal; }
.page-get-in-touch .row.white address, .page-get-in-touch .row.white p { font-weight: 300; line-height: 1.3; }
.page-get-in-touch .row.white address { font-size: 20px; font-size: 1.25rem; }
.page-get-in-touch .row.white .entry { width: 42%; }
.page-get-in-touch .mailForm { margin-top: 5em; margin-bottom: 5em; }
.page-get-in-touch .wpcf7 label { font-size: 16px; font-size: 1rem; color: #333; width: 15%; }
.page-get-in-touch .wpcf7 .wpcf7-form-control-wrap { width: 84%; }
.page-get-in-touch .wpcf7 .wpcf7-form-control-wrap input, .page-get-in-touch .wpcf7 .wpcf7-form-control-wrap textarea { font-size: 18px; font-size: 1.125rem; border: 0; -webkit-box-shadow: none; box-shadow: none; }
.page-get-in-touch .wpcf7 .wpcf7-form-control-wrap input { background: none; border-bottom: 1px solid #dfe6d1; }
.page-get-in-touch .wpcf7 .wpcf7-form-control-wrap textarea { height: 9em; margin: 0; line-height: 2.2; padding-top: 0; background: transparent url(images/pages/formText.png) no-repeat left 2em; }
.page-get-in-touch .wpcf7 .wpcf7-form-control-wrap.message span.wpcf7-not-valid-tip { right: 8%; }
.page-get-in-touch .wpcf7 input.green { font-size: 20px; font-size: 1.25rem; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ -webkit-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.1); cursor: pointer; background: #80bd01; color: #fff; border: 0; float: right; font-family: "handregular"; letter-spacing: 3px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); padding: .7em 3em; margin: .5em 0 0; }
.page-get-in-touch .wpcf7 input.green:focus { outline: 0; }
.page-get-in-touch .wpcf7 input.green:hover { background: #91c91c; }
.page-get-in-touch .wpcf7 span.wpcf7-not-valid-tip { font-size: 12px; font-size: 0.75rem; top: .8em; position: absolute; }
.page-get-in-touch .wpcf7 div.wpcf7-validation-errors { font-size: 12px; font-size: 0.75rem; margin: 0 0 0 0.9375rem; position: relative; top: -4em; padding: 1em 3em; border: 2px solid #80bd01; }
.page-get-in-touch .wpcf7 .ajax-loader { margin: 1em 0 0; }
.page-get-in-touch iframe { margin: 3.2em 0 0; }

/*======= PAGE/ VIDEOS =================================================*/
/*======================================================================*/
.page-videos .main { background: transparent url("images/pages/videos.jpg") no-repeat center top; background-size: cover; }
.page-videos .entry-content .kgvid_wrapper { -webkit-border-radius: 4px; border-radius: 4px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ margin: 0 auto; }
.page-videos .entry-content .white .kgvid_wrapper { margin-bottom: 0; }
.page-videos .entry-content .row.white { border-bottom: 1px dotted rgba(255, 255, 255, 0.3); padding-bottom: 1.5em; }
.page-videos .entry-content .row.white h2 { margin: .5em 0; }
.page-videos .entry-content h3 { font-size: 20px; font-size: 1.25rem; font-family: "handregular"; color: #fff; }

.videos { margin: 3em 0 5em 0; }
.videos .box { margin: 2em auto 0; padding: 0; background: transparent url("images/pages/logoBgBig.png") no-repeat center top; max-width: 431px; height: 387px; background-size: 100%; }
.videos .box .box-button { margin-top: 60%; margin-left: 2%; -webkit-box-shadow: none; box-shadow: none; -webkit-transform: rotate(-9deg); -moz-transform: rotate(-9deg); -o-transform: rotate(-9deg); -ms-transform: rotate(-9deg); transform: rotate(-9deg); }
.videos .box.one { background-image: url("images/video/ChoppingHerbs.png"); }
.videos .box.two { background-image: url("images/video/HerbalTeas.png"); }
.videos .box.three { background-image: url("images/video/PorkMeat.png"); }
.videos .box.four { background-image: url("images/video/MintSmoothie.png"); }
.videos .box.five { background-image: url("images/video/PineappleSalad.png"); }
.videos .box.six { background-image: url("images/video/RosemaryTorte.png"); }
.videos .box.seven { background-image: url("images/video/LambDish.png"); }
.videos .frame { position: absolute; z-index: 1; background: transparent url(images/pages/logoBgBigFrame.png) no-repeat 31px top; }
.videos .frame.left { top: 0; left: 0; width: 100px; height: 100%; }
.videos .frame.right { top: 0; right: 12px; width: 85px; height: 100%; background-position: right top; }
.videos .frame.top { left: 0; top: 0; width: 100%; height: 140px; }
.videos .frame.bottom { left: 0; bottom: 0; width: 100%; height: 147px; background-position: 31px bottom; }
.videos .title { font-size: 26px; font-size: 1.625rem; color: #01592f; position: absolute; width: 100%; text-align: center; font-family: "handregular"; z-index: 2; }
.videos .title.top { top: 3em; }
.videos .title.bottom { font-size: 22px; font-size: 1.375rem; bottom: 4em; }
.videos .kgvid_videodiv { margin-right: 2%; }

.kgvid_videodiv, .page-get-in-touch .white img { -webkit-mask: url("images/pages/videoMask.svg") center center/cover; -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; mask: url("images/pages/videoMask.svg") center center/cover; mask-size: 100% 100%; mask-repeat: no-repeat; }

/*--------------------------------------------------------------
# BLOG
--------------------------------------------------------------*/
.comment-navigation, .posts-navigation, .post-navigation { margin: 0 0 1.5em; overflow: hidden; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; }
.comment-navigation .nav-previous:before, .posts-navigation .nav-previous:before, .post-navigation .nav-previous:before { content: url("images/pages/previous.png"); width: 11px; height: 11px; margin-right: .5em; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; }
.comment-navigation .nav-next:after, .posts-navigation .nav-next:after, .post-navigation .nav-next:after { content: url("images/pages/next.png"); width: 11px; height: 11px; margin-left: .5em; }
.comment-navigation a, .posts-navigation a, .post-navigation a { font-size: 11px; font-size: 0.6875rem; text-transform: uppercase; width: 80%; vertical-align: middle; }

.form-submit input[type="submit"] { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ border: 0; padding: .5em 1em; cursor: pointer; background: #01592f; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); }
.form-submit input[type="submit"]:hover { background: #80bd01; }

/*======= BLOG/DEFAULT PAGES ===========================================*/
/*======================================================================*/
.error404 .main, .single .main, .archive .main, .blog .main, .search .main { background-image: url("images/pages/default-pages.jpg"); background-repeat: no-repeat; background-position: center top; padding-bottom: 3em; }
.error404 .main .hentry, .single .main .hentry, .archive .main .hentry, .blog .main .hentry, .search .main .hentry { margin-bottom: 2em; padding-bottom: 1em; background: transparent url("images/pages/news-divider.png") no-repeat center bottom; }
.error404 .page-header h1, .single .page-header h1, .archive .page-header h1, .blog .page-header h1, .search .page-header h1 { margin-bottom: 1.5em; }
.error404 .entry .entry-header, .single .entry .entry-header, .archive .entry .entry-header, .blog .entry .entry-header, .search .entry .entry-header { padding-top: 0; }
.error404 .entry .entry-header h1, .single .entry .entry-header h1, .archive .entry .entry-header h1, .blog .entry .entry-header h1, .search .entry .entry-header h1 { font-size: 40px; font-size: 2.5rem; text-align: left; font-family: "Lato", sans-serif; color: #000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
.error404 .entry .entry-header h1 a, .single .entry .entry-header h1 a, .archive .entry .entry-header h1 a, .blog .entry .entry-header h1 a, .search .entry .entry-header h1 a { color: #01592f; }
.error404 .entry .entry-header h1 a:hover, .single .entry .entry-header h1 a:hover, .archive .entry .entry-header h1 a:hover, .blog .entry .entry-header h1 a:hover, .search .entry .entry-header h1 a:hover { text-decoration: none; }
.error404 .entry .entry-footer, .single .entry .entry-footer, .archive .entry .entry-footer, .blog .entry .entry-footer, .search .entry .entry-footer { position: relative; text-align: right; width: 100%; }
.error404 .entry .entry-footer span, .single .entry .entry-footer span, .archive .entry .entry-footer span, .blog .entry .entry-footer span, .search .entry .entry-footer span { font-size: 11px; font-size: 0.6875rem; position: relative; right: 0; bottom: 0; left: 0; }
.error404 .entry .entry-footer .edit-link, .single .entry .entry-footer .edit-link, .archive .entry .entry-footer .edit-link, .blog .entry .entry-footer .edit-link, .search .entry .entry-footer .edit-link { background: #80bd01; float: left; margin-right: 1em; }
.error404 .entry .entry-meta, .error404 .entry .screen-reader-text, .single .entry .entry-meta, .single .entry .screen-reader-text, .archive .entry .entry-meta, .archive .entry .screen-reader-text, .blog .entry .entry-meta, .blog .entry .screen-reader-text, .search .entry .entry-meta, .search .entry .screen-reader-text { font-size: 11px; font-size: 0.6875rem; text-transform: uppercase; text-align: left; }
.error404 .entry .entry-meta .byline, .error404 .entry .screen-reader-text .byline, .single .entry .entry-meta .byline, .single .entry .screen-reader-text .byline, .archive .entry .entry-meta .byline, .archive .entry .screen-reader-text .byline, .blog .entry .entry-meta .byline, .blog .entry .screen-reader-text .byline, .search .entry .entry-meta .byline, .search .entry .screen-reader-text .byline { display: none; }
.error404 .entry-content img, .single .entry-content img, .archive .entry-content img, .blog .entry-content img, .search .entry-content img { margin-bottom: 1em; width: auto; }
.error404 .entry-content h2, .single .entry-content h2, .archive .entry-content h2, .blog .entry-content h2, .search .entry-content h2 { font-family: "Lato", sans-serif; }
.error404 .entry-content h1, .error404 .entry-content h2, .error404 .entry-content h3, .error404 .entry-content h4, .error404 .entry-content h5, .error404 .entry-content h6, .single .entry-content h1, .single .entry-content h2, .single .entry-content h3, .single .entry-content h4, .single .entry-content h5, .single .entry-content h6, .archive .entry-content h1, .archive .entry-content h2, .archive .entry-content h3, .archive .entry-content h4, .archive .entry-content h5, .archive .entry-content h6, .blog .entry-content h1, .blog .entry-content h2, .blog .entry-content h3, .blog .entry-content h4, .blog .entry-content h5, .blog .entry-content h6, .search .entry-content h1, .search .entry-content h2, .search .entry-content h3, .search .entry-content h4, .search .entry-content h5, .search .entry-content h6 { font-weight: 600; }
.error404 .entry-content ul, .error404 .widget-area ul, .single .entry-content ul, .single .widget-area ul, .archive .entry-content ul, .archive .widget-area ul, .blog .entry-content ul, .blog .widget-area ul, .search .entry-content ul, .search .widget-area ul { margin: 1em 1.5em 2em; color: #666; text-shadow: 1px 1px 0 #fff; list-style: none; }
.error404 .entry-content ul li, .error404 .widget-area ul li, .single .entry-content ul li, .single .widget-area ul li, .archive .entry-content ul li, .archive .widget-area ul li, .blog .entry-content ul li, .blog .widget-area ul li, .search .entry-content ul li, .search .widget-area ul li { margin: .8em 0; line-height: 1.3; }
.error404 .entry-content ul li:before, .error404 .widget-area ul li:before, .single .entry-content ul li:before, .single .widget-area ul li:before, .archive .entry-content ul li:before, .archive .widget-area ul li:before, .blog .entry-content ul li:before, .blog .widget-area ul li:before, .search .entry-content ul li:before, .search .widget-area ul li:before { content: url(images/pages/bullet.png); margin-left: -1.4em; padding-right: .7em; }
.error404 .widget-area, .single .widget-area, .archive .widget-area, .blog .widget-area, .search .widget-area { margin-left: 1.3rem; }
.error404 .widget-area a, .error404 .widget-area a:hover, .single .widget-area a, .single .widget-area a:hover, .archive .widget-area a, .archive .widget-area a:hover, .blog .widget-area a, .blog .widget-area a:hover, .search .widget-area a, .search .widget-area a:hover { color: #01592f; }
.error404 .widget-area a:hover, .error404 .widget-area a:hover:hover, .single .widget-area a:hover, .single .widget-area a:hover:hover, .archive .widget-area a:hover, .archive .widget-area a:hover:hover, .blog .widget-area a:hover, .blog .widget-area a:hover:hover, .search .widget-area a:hover, .search .widget-area a:hover:hover { text-decoration: underline; }
.error404 .widget-area .widget-title, .single .widget-area .widget-title, .archive .widget-area .widget-title, .blog .widget-area .widget-title, .search .widget-area .widget-title { font-size: 20px; font-size: 1.25rem; font-family: "handregular"; }
.error404 .widget-area ul, .single .widget-area ul, .archive .widget-area ul, .blog .widget-area ul, .search .widget-area ul { margin-bottom: 1em; }
.error404 .widget-area ul li, .single .widget-area ul li, .archive .widget-area ul li, .blog .widget-area ul li, .search .widget-area ul li { font-size: 14px; font-size: 0.875rem; }
.error404 .widget-area .widget, .single .widget-area .widget, .archive .widget-area .widget, .blog .widget-area .widget, .search .widget-area .widget { background: transparent url("images/pages/news-divider-widget.png") no-repeat center bottom; margin-bottom: 2em; }
.error404 .widget-area .widget.widget_execphp, .error404 .widget-area .widget.widget_text, .single .widget-area .widget.widget_execphp, .single .widget-area .widget.widget_text, .archive .widget-area .widget.widget_execphp, .archive .widget-area .widget.widget_text, .blog .widget-area .widget.widget_execphp, .blog .widget-area .widget.widget_text, .search .widget-area .widget.widget_execphp, .search .widget-area .widget.widget_text { background: none; margin: 0; }

/* Search */
#searchform { position: relative; margin: 2em 0; text-align: center; }
#searchform input[type=text] { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ padding-left: .5em; background-color: rgba(255, 255, 255, 0.5); width: 100%; z-index: 1; border: 1px solid #80bd01; box-shadow: none; box-sizing: border-box; color: #bdc0c6; cursor: pointer; margin: 0; max-width: none; outline: 0 none; position: relative; transition-duration: 400ms; transition-property: width, background; transition-timing-function: ease; }
#searchform input[type=text]:focus { color: #333; background-color: rgba(1, 89, 47, 0.2); cursor: text; }
#searchform input[type=submit] { -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ font-family: "handregular"; bottom: 0; height: 37px; padding: 0 1em; cursor: pointer; z-index: 2; position: absolute; right: 0; background: #80bd01; color: #fff; -webkit-box-shadow: none; box-shadow: none; border: 0; }

/*======= PAGE/ SEARCH =================================================*/
/*======================================================================*/
.search-results #searchform { width: 30%; float: right; margin: 0; }

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget { margin: 0 0 1.5em; }

/* Make sure select elements fit in widgets. */
.widget select { max-width: 100%; }

/* Search widget. */
.widget_search .search-submit { display: none; }

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky { display: block; }

.hentry { margin: 0 0 1.5em; }

.byline, .updated:not(.published) { display: none; }

.single .byline, .group-blog .byline { display: inline; }

.page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; }

.page-links { clear: both; margin: 0 0 1.5em; }

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title { display: none; }

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word; }

.bypostauthor { display: block; }

#comments { clear: both; padding: 2em 0 0.5em; border-top: 3px solid; margin-top: 5em; }
#comments .vcard { margin: 0; border: 0; padding: 0; font-style: normal; }
#comments .reply { text-align: right; }

.comments-title { font-weight: 300; font-size: 20px; font-size: 1.25rem; margin-bottom: 1.5em; }

.comment-list, .comment-list .children { list-style: none; margin: 0; padding: 0; }

.comment-list li:before { display: none; }

.comment-body { margin-left: 65px; }

.comment-author { font-size: 16px; font-size: 1rem; margin-bottom: 0.4em; position: relative; z-index: 2; }

.comment-author .avatar { -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; /* stops bg color from leaking outside the border: */ height: 50px; left: -65px; position: absolute; width: 50px; }

.comment-author .says { display: none; }

.comment-meta { margin-bottom: 1.5em; }

.comment-metadata { color: #767676; font-size: 10px; font-size: 0.625rem; font-weight: 300; letter-spacing: 0.1818em; text-transform: uppercase; font-style: normal; }

.comment-metadata a { color: #767676; }

.comment-metadata a.comment-edit-link { color: #222; margin-left: 1em; }

.comment-body { color: #333; font-size: 14px; font-size: 0.875rem; margin-bottom: 2.5em; }

.comment-reply-link { font-weight: 800; position: relative; font-style: normal; }

.comment-reply-link .icon { color: #222; left: -2em; height: 1em; position: absolute; top: 0; width: 1em; }

.children .comment-author .avatar { height: 30px; left: -45px; width: 30px; }

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #333; padding: 2px; }

.no-comments, .comment-awaiting-moderation { color: #767676; font-size: 14px; font-size: 0.875rem; font-style: italic; }

.comments-pagination { margin: 2em 0 3em; }

.form-submit { text-align: right; }

.comment-content p { font-style: normal; }

.comment-form p.logged-in-as { font-size: 12px; font-size: 0.75rem; }

.comment-respond h3 { font-size: 17px; font-size: 1.0625rem; text-transform: uppercase; font-weight: 300; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; }

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block; }

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%; }

.wp-caption img[class*="wp-image-"] { display: block; margin: 0 auto; }

.wp-caption-text { text-align: center; }

.wp-caption .wp-caption-text { margin: 0.8075em 0; }

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em; }

.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }

.gallery-columns-2 .gallery-item { max-width: 50%; }

.gallery-columns-3 .gallery-item { max-width: 33.33%; }

.gallery-columns-4 .gallery-item { max-width: 25%; }

.gallery-columns-5 .gallery-item { max-width: 20%; }

.gallery-columns-6 .gallery-item { max-width: 16.66%; }

.gallery-columns-7 .gallery-item { max-width: 14.28%; }

.gallery-columns-8 .gallery-item { max-width: 12.5%; }

.gallery-columns-9 .gallery-item { max-width: 11.11%; }

.gallery-caption { display: block; }

/* =Print
----------------------------------------------- */
@media print { footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after { content: " [" attr(href) "] "; /* Show URLs */ }
  a { text-decoration: none; }
  .comment-content img, .author-avatar img, img.wp-post-image { border-radius: 0; box-shadow: none; }
  .site { clear: both !important; display: block !important; float: none !important; max-width: 100%; position: relative !important; }
  .author-avatar, #colophon, #respond, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .page-link, .site-content nav, .widget-area, img.header-image, .main-navigation { display: none; }
  .site-content { margin: 0; width: auto; }
  .singular .entry-header .entry-meta { position: static; }
  .singular .site-content, .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular .comments-title { margin: 0; width: 100%; }
  .entry-header .entry-title, .entry-title, .singular .entry-title { font-size: 21pt; }
  footer.entry-meta, footer.entry-meta a { color: #444; font-size: 10pt; }
  .author-description { float: none; width: auto; }
  /* Comments */
  .commentlist > li.comment { background: none; position: relative; width: auto; }
  .commentlist .avatar { height: 39px; left: 2.2em; top: 2.2em; width: 39px; }
  .comments-area article header cite, .comments-area article header time { margin-left: 50px; } }
/*======= PRINT ========================================================*/
/*======================================================================*/
@media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; }
  @page { margin: 1.5cm 0.5cm; }
  html, body { margin: 0 !important; padding: 0 !important; }
  body { color: #000; font-size: 10pt; }
  h2, h3 { orphans: 3; widows: 3; page-break-after: avoid; }
  p { orphans: 3; widows: 3; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  a, a:visited { color: #333 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; font-size: 8pt; color: #555; }
  a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  img { border: 0; max-width: 100% !important; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr { page-break-inside: avoid; }
  .ir a:after { content: ""; }
  q { quotes: none; }
  q:before, q:after { content: ""; }
  q:after { content: " (" attr(cite) ")"; }
  blockquote { font-size: 9pt; font-style: italic; font-weight: normal; border: 0; }
  body { font-size: 10pt; line-height: 1.3; }
  header:after { display: block; content: "www.ohanlonherbs.ie"; margin-left: 5%; }
  .entry-content ul { margin: 0; list-style: none; }
  .entry-content li { content: "┬╗ "; }
  .entry-content img { border-radius: 0; box-shadow: none; } }
.icon-sprite, .icon-accordion-arrow, .icon-bally, .icon-basket, .icon-bordbia, .icon-box-arrow, .icon-brc, .icon-facebook-love, .icon-freshherbs-black, .icon-freshherbs-white, .icon-gap, .icon-herbie, .icon-herbie2, .icon-logo, .icon-origin, .icon-repak, .icon-scroll, .icon-share-facebook, .icon-share-twitter { background-image: url('images/icon-s1eb81809af.png'); background-repeat: no-repeat; }

.icon-accordion-arrow { background-position: 0 0; }

.icon-bally { background-position: 0 -10px; }

.icon-basket { background-position: 0 -170px; }

.icon-bordbia { background-position: 0 -338px; }

.icon-box-arrow { background-position: 0 -500px; }

.icon-brc { background-position: 0 -542px; }

.icon-facebook-love { background-position: 0 -703px; }

.icon-freshherbs-black { background-position: 0 -750px; }

.icon-freshherbs-white { background-position: 0 -827px; }

.icon-gap { background-position: 0 -911px; }

.icon-herbie { background-position: 0 -1068px; }

.icon-herbie2 { background-position: 0 -1246px; }

.icon-logo { background-position: 0 -1385px; }

.icon-origin { background-position: 0 -1620px; }

.icon-repak { background-position: 0 -1779px; }

.icon-scroll { background-position: 0 -1855px; }

.icon-share-facebook { background-position: 0 -1874px; }

.icon-share-twitter { background-position: 0 -1920px; }

/*======= RESPONSIVE ===================================================*/
/*======================================================================*/
/*======= Up to 1680px =================================================*/
/*======================================================================*/
@media only screen and (max-width: 1680px) { /*VIDEOS*/
  .videos .frame { display: none; }
  .videos .screen { padding: 0 3rem; } }
/*======= Up to 1500px =================================================*/
/*======================================================================*/
@media only screen and (max-width: 1500px) { .site-header a.freshherbs { right: 1%; }
  .site-header a.freshherbs .icon-freshherbs-white { background-size: 80% 80%; }
  /*PRODUCTS PAGE */
  .page-products .products .medium-3:nth-of-type(4) .list-item.popup, .page-products .products .medium-3:nth-of-type(8) .list-item.popup, .page-products .products .medium-3:nth-of-type(12) .list-item.popup, .page-products .products .medium-3:nth-of-type(16) .list-item.popup, .page-products .products .medium-3:nth-of-type(20) .list-item.popup, .page-products .products .medium-3:nth-of-type(24) .list-item.popup { width: auto; }
  .page-products .products .medium-3:nth-of-type(4) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(8) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(12) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(16) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(20) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(24) .list-item.popup .entry-herb { width: 200%; right: 0; }
  .page-products .products .medium-3:nth-of-type(4) .list-item.popup .copy, .page-products .products .medium-3:nth-of-type(8) .list-item.popup .copy, .page-products .products .medium-3:nth-of-type(12) .list-item.popup .copy, .page-products .products .medium-3:nth-of-type(16) .list-item.popup .copy, .page-products .products .medium-3:nth-of-type(20) .list-item.popup .copy, .page-products .products .medium-3:nth-of-type(24) .list-item.popup .copy { margin-left: 0; }
  .page-products .products .medium-3:nth-of-type(4) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(8) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(12) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(16) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(20) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(24) .list-item.popup .image { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; background-clip: padding-box; -webkit-border-bottom-left-radius: 50%; border-bottom-left-radius: 50%; background-clip: padding-box; } }
/*======= Up to 1440px =================================================*/
/*======================================================================*/
@media only screen and (max-width: 1440px) { .site-header h1 a#logo { width: 211px; height: 188px; /*background-size:80% 80%*/ }
  .site-header a.freshherbs { top: .8em; }
  .site-header a.freshherbs .icon-freshherbs-white { width: 100px; background-size: 100%; }
  .site-header.tiny a.freshherbs { top: .3em; right: 1%; }
  .site-header.tiny a.freshherbs .icon-freshherbs-white { width: 80px; background-size: 100%; }
  .entry-header, .page-header { padding-top: 15em; }
  .site-footer a.by { bottom: 0; }
  #slide-1 { height: 960px !important; }
  #slide-1 .bcg { background-position: 50% 0px !important; }
  #slide-1 .bcg .hsContent { padding-top: 6rem; }
  #slide-1 .bcg .hsContent h2 { margin: 0; }
  /*QUALITY*/
  .accordion .accordion-navigation .content.active { height: 211px; }
  /*VIDEOS*/
  .videos .large-3 { width: 33.333%; }
  .videos .title.top { top: 2em; }
  .videos .title.bottom { width: 80%; line-height: 1; display: block; margin-left: 10%; } }
/*======= Up to 1366px =================================================*/
/*======================================================================*/
@media only screen and (max-width: 1366px) { #slide-2, #slide-3, #slide-4 { height: 760px !important; }
  /*QUALITY*/
  #slide-8 { height: 760px !important; }
  #slide-9 { height: 800px !important; }
  #slide-10 { height: 760px !important; }
  #slide-10 .icon-repak { height: 43px; }
  .page-quality .stamp { width: 180px; height: 183px; background-size: 100%; }
  .page-quality .icon-bordbia { width: 90px; height: 116px; background: transparent url(images/icon/bordbia.png) no-repeat center top; background-size: 100%; }
  .page-quality .icon-gap { width: 126px; height: 129px; background: transparent url(images/icon/gap.png) no-repeat center top; background-size: 100%; }
  .page-quality .icon-brc { width: 77px; height: 116px; background: transparent url(images/icon/brc.png) no-repeat center top; background-size: 100%; }
  .page-quality .icon-origin { width: 115px; height: 115px; background: transparent url(images/icon/origin.png) no-repeat center top; background-size: 100%; }
  .page-quality .icon-bally { width: 127px; height: 127px; background: transparent url(images/icon/bally.png) no-repeat center top; background-size: 100%; } }
/*======= Up to 1280px =================================================*/
/*======================================================================*/
@media only screen and (max-width: 1280px) { .site-header .main-navigation li { width: 9%; }
  .site-header .main-navigation li:nth-of-type(4) { margin-left: 18%; }
  img.no-fit { object-fit: cover; width: 100%; }
  .site-footer a.scroll-back { left: 1.5%; right: inherit; }
  /*VIDEOS*/
  .videos .large-3 { width: 50%; } }
/*======= Up to 1220px =================================================*/
/*======================================================================*/
@media only screen and (max-width: 1220px) { #slide-1 .bcg .hsContent h2 { font-size: 74px; font-size: 4.625rem; } }
/*======= Up to 1135px =================================================*/
/*======================================================================*/
@media only screen and (max-width: 1135px) { .site-header .main-navigation a { font-size: 14px; font-size: 0.875rem; padding: 2.2em 0 1.35em; }
  .site-header.tiny .main-navigation a { padding: 1em 0 0.8em; }
  #slide-1 .box { width: 100%; }
  #slide-1 .box .box-button { margin-left: 11%; width: 81%; height: 60px; }
  #slide-1 .box .box-button .top, #slide-1 .box .box-button .bottom { background-size: 100%; }
  #slide-1 .box .box-button a { font-size: 22px; font-size: 1.375rem; }
  .hsContent h2 { font-size: 40px; font-size: 2.5rem; line-height: 1.2; }
  .hsContent p { font-size: 20px; font-size: 1.25rem; }
  .hsContent .medium-7 { width: 78%; margin: 0 auto; float: none; }
  /*PRODUCTS PAGE*/
  .page-products .products .list-item .details .image { height: 275px; }
  .page-products .products .list-item .details .image img { height: 100%; width: 100%; } }
/*======= Up to IPAD LANDSCAPE =========================================*/
/*======================================================================*/
@media only screen and (max-width: 1024px) { .site-header h1 { width: 140px; }
  .site-header h1 a#logo { background: transparent url(images/icon/logo.png) no-repeat center top; background-size: 100% 100%; width: 140px; height: 125px; }
  .site-header.tiny h1 a#logo { background-size: 100% 100%; }
  .entry-header, .page-header { padding-top: 10em; }
  .site-footer a.by { display: none; }
  .hsContent h2 { font-size: 42px; font-size: 2.625rem; }
  #slide-1 .bcg .hsContent .icon-bordbia { top: 2em; }
  #slide-4 .bcg .icon-basket { left: 0; }
  .circle { width: 180px; height: 183px; }
  .icon-bordbia { width: 90px; height: 116px; background: transparent url(images/icon/bordbia.png) no-repeat center top; background-size: 100%; }
  .icon-gap { width: 126px; height: 129px; background: transparent url(images/icon/gap.png) no-repeat center top; background-size: 100%; }
  .icon-brc { width: 77px; height: 116px; background: transparent url(images/icon/brc.png) no-repeat center top; background-size: 100%; }
  .icon-origin { width: 115px; height: 115px; background: transparent url(images/icon/origin.png) no-repeat center top; background-size: 100%; }
  .icon-bally { width: 127px; height: 127px; background: transparent url(images/icon/bally.png) no-repeat center top; background-size: 100%; }
  .icon-basket { width: 150px; height: 113px; background: transparent url(images/icon/basket.png) no-repeat center top; background-size: 100%; margin-left: 2em; }
  #slide-8 { height: 800px !important; }
  #slide-9 { height: 900px !important; }
  /*FARM PAGE*/
  .entry-content .mission .medium-12 { padding-top: 8em; }
  #slide-7 .medium-6 { padding-top: 11rem; padding-bottom: 9rem; }
  /*PRODUCTS PAGE */
  .page-products .potcut, .page-products .pack .potpack { width: 100%; }
  .page-products .potcut { top: 0; margin-bottom: 4em; }
  .page-products .products .list-item.popup .entry-herb { padding-top: 275px; }
  .page-products .products .list-item.popup .copy { margin: 0; width: 100%; }
  /*QUALITY PAGE*/
  .quality1 { margin-bottom: 9rem; }
  /*VIDEOS*/
  .videos .title.top { top: 1.5em; } }
@media only screen and (max-device-width: 1024px) { .bcg { background-size: inherit; background-attachment: inherit; }
  .bcg .hsContent { opacity: 1 !important; }
  #slide-1 .bcg, #slide-3 .bcg, #slide-6 .bcg, #slide-8 .bcg, #slide-10 .bcg { background-position: 50% 0px !important; }
  #slide-6 .bcg { background-position: left 0px !important; }
  #slide-8, #slide-9 { height: 965px !important; }
  #slide-7 .medium-6 { padding-top: 4em; padding-bottom: 4em; }
  .page-farm .main, .page-products .main, .page-quality .main, .page-join-us .main, .page-get-in-touch .main { background-position: 50% 0 !important; } }
/*======= Up to 995px ==================================================*/
/*======================================================================*/
@media only screen and (max-width: 995px) { .site-header .social, .site-header a.freshherbs { display: none; }
  .site-header .main-navigation li { width: 13%; }
  .site-footer a.scroll-back { right: 47.5%; }
  p { font-size: 15px; font-size: 0.9375rem; }
  #slide-1 .box-button { height: 53px; }
  #slide-1 .box-button a { font-size: 20px; font-size: 1.25rem; }
  #slide-1 .box-button a .icon { display: none; }
  /*FARM PAGE*/
  .entry-content h2 { font-size: 28px; font-size: 1.75rem; }
  .entry-content .hsContent p { font-size: 15px; font-size: 0.9375rem; }
  .entry-content .hsContent h2 { font-size: 34px; font-size: 2.125rem; }
  .entry-content .columns.copy-left { padding-right: 0.9375rem; }
  .entry-content .mission p { font-size: 20px; font-size: 1.25rem; }
  #slide-7 .medium-6 { padding-top: 8rem; padding-bottom: 7.5rem; }
  /*QUALITY*/
  #slide-10 .icon-repak { background: transparent url(images/icon/repak.png) no-repeat center top; width: 140px; background-size: 100%; }
  /*CONTACT US PAGE*/
  .page-get-in-touch .entry-content ul b { font-size: 22px; font-size: 1.375rem; }
  .page-get-in-touch .wpcf7 label { width: 19%; }
  .page-get-in-touch .wpcf7 .wpcf7-form-control-wrap { width: 79%; } }
/*======= Up to 768px ==================================================*/
/*======================================================================*/
@media only screen and (max-width: 768px) { .site-footer .icon-freshherbs-black { background: transparent url(images/icon/freshherbs-black.png) no-repeat center top; background-size: 100%; width: 120px; }
  .site-footer h6, .site-footer address { font-weight: 400; }
  .site-footer .medium-6.center { padding-right: 0; padding-left: 0; }
  .box-button a, .box-button a:active, .box-button a:focus { font-size: 24px; font-size: 1.5rem; padding: .7em 0; }
  #slide-1 .box { height: 208px; margin-top: 6em; }
  #slide-1 .box .box-button { height: 41px; margin-top: 61%; }
  #slide-1 .box .box-button a { font-size: 21px; font-size: 1.3125rem; padding: .1em 0; }
  #slide-5 p { font-size: 20px; font-size: 1.25rem; margin-top: .5em; }
  section { min-width: 100%; }
  /*FARM PAGE*/
  .page-farm .entry-content .row.white p { line-height: 1.3; }
  #slide-6 .medium-6, #slide-7 .medium-6 { width: 70%; }
  #slide-6 p, #slide-7 p { line-height: 1.3; font-weight: 400; }
  /*PRODUCTS PAGE*/
  .page-products .main { background-position: 50% -4em !important; }
  .page-products .main .medium-5, .page-products .main .medium-7 { width: 100%; }
  .page-products .potcut { width: auto; top: 0; margin-bottom: 2em; }
  /*QUALITY PAGE*/
  .row.quality1 { margin-top: 10em; margin-bottom: 10em; }
  #slide-8 { height: 1000px !important; }
  #slide-8 .curtain { opacity: 1 !important; }
  #slide-9 { height: 1100px !important; }
  #slide-9 .bcg { background-position: -29em top; }
  #slide-10 { height: 800px !important; }
  .page-quality h3 { font-size: 19px; font-size: 1.1875rem; }
  .page-quality .icon-repak { margin: 2.5em 0 1.8em; }
  /*VIDEOS*/
  /*JOIN US*/
  .page-join-us .center h2 { margin: 5.3em 0 1.4em; }
  /*CONTACT*/
  .page-get-in-touch .main { background-size: 275%; }
  .page-get-in-touch .entry-content { margin: 0; }
  .page-get-in-touch .row.white h2, .page-get-in-touch .row.white address { text-align: center; }
  .page-get-in-touch .row.white address, .page-get-in-touch .row.white p { font-weight: 400; }
  .page-get-in-touch .row.white .phone { font-size: 31px; font-size: 1.9375rem; }
  .page-get-in-touch .row.white img { float: none !important; margin: 0 auto; display: block; }
  .page-get-in-touch .row.white .entry { width: 100%; }
  .page-get-in-touch .row.white p { margin: 2.5em 0 0; text-align: center; } }
@media only screen and (max-device-width: 768px) { #slide-6 { height: 960px !important; }
  #slide-8, #slide-9 { height: 965px !important; } }
@media only screen and (max-device-width: 736px) { #slide-1 { height: 750px !important; }
  #slide-1 .bcg .hsContent { padding-top: 2rem; } }
/*======= Up to 760px ==================================================*/
/*======================================================================*/
@media screen and (max-width: 760px) { .site-header { height: 50px; }
  .site-header h1 { width: 50%; z-index: 9; }
  .site-header .menu-toggle, .site-header .main-navigation.toggled ul { display: inline-block; zoom: 1; *display: inline; }
  .site-header .menu-toggle { top: .8em; padding: 0; width: 33px; height: 19px; margin: 0; background: url(images/nav-icon.png) no-repeat; float: left; }
  .site-header .menu-toggle:hover, .site-header .menu-toggle:focus { background-color: transparent; border: 0; outline: none; }
  .site-header .main-navigation { text-align: right; width: 100%; position: relative; z-index: 1; }
  .site-header .main-navigation ul { display: none; height: auto; margin: 0; padding: 3.4em 0 0; width: 100%; position: relative; top: 31px; background: rgba(8, 16, 2, 0.4); }
  .site-header .main-navigation li { width: 100%; display: block; position: inherit; margin-left: 0; }
  .site-header .main-navigation li.current_page_item { background: none; }
  .site-header .main-navigation li:nth-of-type(5) { margin-left: 0; }
  .site-header .main-navigation a { display: block; margin: 0; padding: .5em 1rem; text-align: left; }
  .site-header .main-navigation a:hover { background: #fff; }
  .site-header a.freshherbs { top: .3em; }
  .site-header.tiny .main-navigation a { padding: .5em 1rem; }
  .site-header .social { display: none; }
  .site-header .menu-button { width: 40px; height: 40px; display: block; }
  .site-header .main-nav { display: block; }
  .site-footer .medium-6.center { padding-left: 0.9375rem; padding-right: 0.9375rem; }
  #slide-1 { height: 1560px !important; }
  #slide-1 .medium-4 { width: 100%; }
  #slide-1 .bcg .hsContent h2 { font-size: 56px; font-size: 3.5rem; }
  #slide-1 .box { margin: 0 auto; width: 395px; height: 351px; }
  #slide-1 .box .box-button { margin-top: 61%; margin-left: 12%; height: 72px; }
  #slide-1 .box .box-button a { padding: .7em 0; }
  #slide-1 .box a { font-size: 26px; font-size: 1.625rem; }
  #slide-1 .box a .icon { display: inline-block; }
  /*FARM PAGE*/
  p { font-size: 15px; font-size: 0.9375rem; }
  .entry-content .kgvid_wrapper { margin-bottom: 2em; }
  .entry-content .mission p { font-size: 18px; font-size: 1.125rem; line-height: 1.3; margin: 0; }
  .entry-content .mission .columns { background-size: 40%; }
  .entry-content .hsContent h2 { font-size: 30px; font-size: 1.875rem; }
  .entry-content .hsContent p { font-size: 15px; font-size: 0.9375rem; }
  #slide-6 h2, #slide-6 p { text-align: left; }
  #slide-6 .medium-6, #slide-6 .curtain { opacity: 1 !important; }
  /*QUALITY PAGE*/
  #slide-8 { height: 1050px !important; }
  #slide-8 .curtain { opacity: 1 !important; }
  #slide-9 .bcg { background-position: left center; }
  #slide-10 { height: 900px !important; }
  /*CONTACT US PAGE*/
  .page-get-in-touch .entry-content ul { font-size: 15px; font-size: 0.9375rem; }
  .page-get-in-touch .entry-content ul b { font-size: 17px; font-size: 1.0625rem; }
  .page-get-in-touch .wpcf7 label { width: 21%; }
  .page-get-in-touch .wpcf7 .wpcf7-form-control-wrap { width: 77%; }
  /*SEARCH PAGE*/
  .search-results #searchform { width: 60%; margin: 0 0 2em; }
  .videos .large-3 { width: 100%; } }
/*======= Up to 640px ==================================================*/
/*======================================================================*/
@media screen and (max-width: 640px) { #skrollr-body { height: initial; }
  .wrapper { margin: 0px auto -451px; }
  footer.site-footer, .push { height: 450px; }
  .site-header { background: rgba(8, 16, 2, 0.6); }
  .site-header .main-navigation ul { background: #081002; }
  .site-footer { background-size: cover; }
  .site-footer .columns { text-align: center; }
  .site-footer .columns.text-right { text-align: center !important; margin-top: 2.5em; }
  .site-footer .icon-freshherbs-black { margin: 2em 0; }
  .site-footer a.by { display: none; }
  .site-footer .social { margin-bottom: 1em; }
  .site-footer a.scroll-back { display: none; right: -45%; position: relative; top: 1em; }
  p { line-height: 1.4; }
  /*HOMEPAGE*/
  .hsContent h2 { font-size: 38px; font-size: 2.375rem; }
  .hsContent p { font-size: 16px; font-size: 1rem; }
  .hsContent .medium-7 { width: 100%; }
  #slide-1 { height: 1660px !important; }
  #slide-1 .bcg { background: transparent url("images/pages/homeMQ.jpg") no-repeat center top; }
  #slide-1 .bcg .hsContent { padding-top: inherit; }
  #slide-1 .bcg .hsContent h2 { font-size: 56px; font-size: 3.5rem; width: 100%; text-align: center; }
  #slide-1 .circle { margin: 1em 0 0; }
  #slide-4 .bcg p .icon-basket { width: 98px; height: 120px; background: transparent url("images/icon/basket.png") no-repeat center top; background-size: 100%; }
  #slide-5 .icon-herbie { background: transparent url("images/icon/herbie.png") no-repeat center top; top: -2em; background-size: 100%; width: 250px; height: 126px; }
  #slide-5 p { font-size: 18px; font-size: 1.125rem; width: 100%; }
  #slide-5 .herbieCar { height: 150px; }
  /*FARM PAGE*/
  .page-farm .main { background: transparent url("images/pages/farmMQ.jpg") no-repeat center top; background-size: 200%; }
  .entry-content .mission .columns { background-size: 20%; visibility: visible !important; }
  .entry-content .mission .columns.medium-12 { padding-top: 0; }
  .entry-content .row.white a { color: #01592f; font-weight: 400; }
  .entry-content .row.white p, .entry-content .row.white h2 { color: #000; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); margin: 1em 0 0; }
  #slide-6 .medium-6, #slide-7 .medium-6 { width: 100%; padding-top: 5rem; padding-bottom: 5rem; }
  /*QUALITY PAGE*/
  .page-quality .main { background: transparent url("images/pages/qualityMQ.jpg") no-repeat center top; background-size: 300%; }
  #slide-8 { height: 1600px !important; }
  #slide-8 .bcg { background-size: 995%; }
  #slide-10 { height: 1200px !important; }
  #slide-10 .bcg { background-size: 747%; }
  .accordion .accordion-navigation .content { position: relative; }
  .row.quality1 { margin-top: 0; margin-bottom: 0; }
  /*PRODUCTS PAGE */
  .page-products .main { background-size: 426%; }
  .page-products .potcut { top: 0; margin-bottom: 3em; width: 100%; }
  .page-products .products .list-item .details { width: 100%; }
  .page-products .products .list-item .details .image { width: 100%; }
  .page-products .products .list-item h3 { text-align: left; }
  .page-products .products .list-item.popup { width: 100%; }
  .page-products .products .list-item.popup .entry-herb { width: 100%; }
  .page-products .products .list-item.popup .copy { min-height: 100%; }
  .page-products .products .medium-3:nth-of-type(4) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(8) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(12) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(16) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(20) .list-item.popup .entry-herb, .page-products .products .medium-3:nth-of-type(24) .list-item.popup .entry-herb { width: 100%; }
  .page-products .products .medium-3:nth-of-type(4) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(8) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(12) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(16) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(20) .list-item.popup .image, .page-products .products .medium-3:nth-of-type(24) .list-item.popup .image { -webkit-border-bottom-right-radius: 50%; border-bottom-right-radius: 50%; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; background-clip: padding-box; }
  .page-products .pack .center { margin-bottom: 3em; }
  .page-products .box-button { margin-bottom: 2em; }
  /*JOIN US*/
  .page-join-us .main { background: transparent url(images/pages/careersMQ.jpg) no-repeat center top; }
  .page-join-us .entry-content .row.white .center h2 { margin: 3.5em 0 1.5em; }
  .page-join-us .team div { width: 50%; }
  /*VIDEOS*/
  /*CONTACT US PAGE*/
  .page-get-in-touch .main { background: transparent url(images/pages/contactMQ.jpg) no-repeat center top; background-size: 300%; }
  .page-get-in-touch .wpcf7 .wpcf7-form-control-wrap.message { width: 100%; }
  .page-get-in-touch .entry-content .row.white address { color: #000; }
  .page-get-in-touch .entry-content .row.white .email { margin: 1em 0 2em; }
  .page-get-in-touch .row.white address, .page-get-in-touch .row.white p { font-weight: 400; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.4); } }
/*======= Up to 480px ==================================================*/
/*======================================================================*/
@media only screen and (max-width: 480px) { .site-header .main-nav { height: 38em; }
  /*FARM PAGE*/
  .page-farm a.button.green { margin: 3em 0; }
  .page-farm #slide-6 p, .page-farm #slide-7 p { font-size: 15px; font-size: 0.9375rem; }
  .page-farm #slide-6 { height: 600px !important; } }
/*======= Up to 440px ==================================================*/
/*======================================================================*/
@media only screen and (max-width: 440px) { #slide-1 .box { width: 100%; } }
/*======= Up to 414px ==================================================*/
/*======================================================================*/
@media only screen and (max-width: 414px) { #slide-1 .box .box-button { height: 66px; }
  .page-get-in-touch .row.white .email a, .entry-content .row.white a { color: #01592f; }
  /*NEWS*/
  .error404 .main, .single .main, .archive .main, .blog .main, .search .main { background-size: 322%; }
  .error404 .widget-area, .single .widget-area, .archive .widget-area, .blog .widget-area, .search .widget-area { margin-left: 0; }
  .error404 .page-header h1, .single .page-header h1, .archive .page-header h1, .blog .page-header h1, .search .page-header h1 { font-size: 40px; font-size: 2.5rem; }
  .error404 .entry .entry-header h1, .single .entry .entry-header h1, .archive .entry .entry-header h1, .blog .entry .entry-header h1, .search .entry .entry-header h1 { font-size: 30px; font-size: 1.875rem; }
  .search-results #searchform { width: 100%; margin: 0 0 2em; } }
/*======= Up to 375px ==================================================*/
/*======================================================================*/
@media only screen and (max-width: 375px) { #slide-1 .box { height: 304px; }
  #slide-1 .box .box-button { height: 60px; }
  #slide-1 .box .box-button .wrap { line-height: 1.4; }
  #slide-1 .box a { font-size: 20px; font-size: 1.25rem; }
  #slide-1 .box a .icon { display: none; }
  #slide-1 .bcg .hsContent { display: block; padding-top: 9em; }
  #slide-1 .bcg .hsContent h2 .since { font-size: 22px; font-size: 1.375rem; }
  #slide-1 .bcg .hsContent h2 i { position: relative; line-height: 1; display: block; font-size: 18px; }
  .box-button .wrap { line-height: 2; }
  /*NEWS*/
  .error404 .main, .single .main, .archive .main, .blog .main, .search .main { background-size: 360%; }
  .videos .box { height: 310px; }
  .videos .box .box-button { margin-top: 58%; }
  .videos .box .box-button .top, .videos .box .box-button .bottom { background-size: 82%; }
  .videos .box .box-button a, .videos .box .box-button a:active, .videos .box .box-button a:focus, .videos .box .box-button a:hover { font-size: 20px; font-size: 1.25rem; }
  .videos .box .box-button .wrap { line-height: 3; } }
/*======= Up to 320px ==================================================*/
/*======================================================================*/
@media only screen and (max-width: 320px) { .entry-header h1, .page-header h1 { font-size: 48px; font-size: 3rem; }
  #slide-1 { height: 1460px !important; }
  #slide-1 .box { height: 261px; }
  #slide-1 .box .box-button { height: 54px; }
  #slide-1 .box .box-button a { padding: .6em 0; }
  .box-button .top, .box-button .bottom { background-size: 100%; }
  /*FARM*/
  .page-farm #slide-6 { height: 650px !important; }
  .page-farm #slide-6 .medium-6 { padding-bottom: 0; padding-top: 0; }
  .page-farm .box-button { margin-top: 1em; }
  /*GET IN TOUCH*/
  .page-get-in-touch .row.white .phone { color: #000; text-shadow: none; }
  /*NEWS*/
  .error404 .main, .single .main, .archive .main, .blog .main, .search .main { background-size: 455%; }
  .videos .box { height: 260px; }
  .videos .box .box-button { margin-top: 54%; } }
/*======= IPHONE 4 and high pixel ratio devices ========================*/
/*======================================================================*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { .site-header h1 a#logo { background: transparent url(images//icon/logo.png) no-repeat center top; background-size: 100%; } }
meta.foundation-version { font-family: "/5.5.2/"; }

meta.foundation-mq-small { font-family: "/only screen/"; width: 0; }

meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 40em)/"; width: 0; }

meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.0625em)/"; width: 40.0625em; }

meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:40.0625em) and (max-width:64em)/"; width: 40.0625em; }

meta.foundation-mq-large { font-family: "/only screen and (min-width:64.0625em)/"; width: 64.0625em; }

meta.foundation-mq-large-only { font-family: "/only screen and (min-width:64.0625em) and (max-width:90em)/"; width: 64.0625em; }

meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.0625em)/"; width: 90.0625em; }

meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:90.0625em) and (max-width:120em)/"; width: 90.0625em; }

meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.0625em)/"; width: 120.0625em; }

meta.foundation-data-attribute-namespace { font-family: false; }

html, body { height: 100%; }

html { box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; }

html, body { font-size: 100%; }

body { background: #fbfbf4; color: #000; cursor: auto; font-family: "Lato", "Open Sans", sans-serif, Arial, "Helvetica Neue", Helvetica; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; }

a:hover { cursor: pointer; }

img { max-width: 100%; height: auto; }

img { -ms-interpolation-mode: bicubic; }

#map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; }

.left { float: left !important; }

.right { float: right !important; }

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.hide { display: none; }

.invisible { visibility: hidden; }

.antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { display: inline-block; vertical-align: middle; }

textarea { height: auto; min-height: 50px; }

select { width: 100%; }

button, .button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Lato", "Open Sans", sans-serif, Arial, "Helvetica Neue", Helvetica; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; background-color: #008CBA; border-color: #007095; color: #fff; transition: background-color 300ms ease-out; }
button:hover, button:focus, .button:hover, .button:focus { background-color: #007095; }
button:hover, button:focus, .button:hover, .button:focus { color: #fff; }
button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b9b9b9; }
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; }
button.success, .button.success { background-color: #43AC6A; border-color: #368a55; color: #fff; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; }
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #fff; }
button.alert, .button.alert { background-color: #f04124; border-color: #cf2a0e; color: #fff; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf2a0e; }
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #fff; }
button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #fff; }
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; }
button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #fff; }
button.info, .button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; }
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9; }
button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #fff; }
button.large, .button.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; }
button.small, .button.small { padding: 0.875rem 1.75rem 0.9375rem 1.75rem; font-size: 0.8125rem; }
button.tiny, .button.tiny { padding: 0.625rem 1.25rem 0.6875rem 1.25rem; font-size: 0.6875rem; }
button.expand, .button.expand { padding-left: 0; padding-right: 0; width: 100%; }
button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; }
button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; }
button.radius, .button.radius { border-radius: 3px; }
button.round, .button.round { border-radius: 1000px; }
button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #008CBA; border-color: #007095; color: #fff; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #007095; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #fff; }
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #008CBA; }
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; }
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; }
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43AC6A; border-color: #368a55; color: #fff; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #fff; }
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43AC6A; }
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #cf2a0e; color: #fff; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf2a0e; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #fff; }
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; }
button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #fff; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: #fff; }
button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; }
button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; box-shadow: none; cursor: default; opacity: 0.7; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #61b6d9; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: #fff; }
button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #a0d3e8; }

button::-moz-focus-inner { border: 0; padding: 0; }

@media only screen and (min-width: 40.0625em) { button, .button { display: inline-block; } }
/* Standard Forms */
form { margin: 0 0 1rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row { margin: 0 -0.5rem; }
form .row .row .column, form .row .row .columns { padding: 0 0.5rem; }
form .row .row.collapse { margin: 0; }
form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; }
form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; }
form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; }

/* Label Styles */
label { color: #4d4d4d; cursor: pointer; display: block; font-size: 0.875rem; font-weight: normal; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ }
label.right { float: none !important; text-align: right; }
label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; }
label small { text-transform: capitalize; color: #676767; }

/* Attach elements to the beginning or end of an input */
.prefix, .postfix { border-style: solid; border-width: 1px; display: block; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; overflow: visible; padding-bottom: 0; padding-top: 0; position: relative; text-align: center; width: 100%; z-index: 2; }

/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button { border-color: true; }

.prefix.button { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; }

.prefix.button.radius { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }

.postfix.button.radius { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }

.prefix.button.round { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }

.postfix.button.round { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

/* Separate prefix and postfix styles when on span or label so buttons keep their own */
span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; }

span.postfix, label.postfix { background: #f2f2f2; color: #333333; border-color: #cccccc; }

/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #fff; border-style: solid; border-width: 1px; border-color: #cccccc; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.15s linear, background 0.15s linear; -moz-transition: border-color 0.15s linear, background 0.15s linear; -ms-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear; transition: border-color 0.15s linear, background 0.15s linear; }
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; }
input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; }
input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; }
input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; }

form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }
form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; }
form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; }

input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; }

/* Respect enforced amount of rows for textarea */
textarea[rows] { height: auto; }

/* Not allow resize out of parent */
textarea { max-width: 100%; }

::-webkit-input-placeholder { color: #cccccc; }

:-moz-placeholder { /* Firefox 18- */ color: #cccccc; }

::-moz-placeholder { /* Firefox 19+ */ color: #cccccc; }

:-ms-input-placeholder { color: #cccccc; }

/* Add height value for select elements to match text input height */
select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: rgba(0, 0, 0, 0.75); font-family: inherit; font-size: 0.875rem; line-height: normal; padding: 0.5rem; border-radius: 0; height: 2.3125rem; }
select::-ms-expand { display: none; }
select.radius { border-radius: 3px; }
select:hover { background-color: #f3f3f3; border-color: #999999; }
select:disabled { background-color: #DDDDDD; cursor: default; }
select[multiple] { height: auto; }

/* Adjust margin for form elements below */
input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; }

input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; }

/* Normalize file input width */
input[type="file"] { width: 100%; }

/* HTML5 Number spinners settings */
/* We add basic fieldset styling */
fieldset { border: 1px solid #DDDDDD; margin: 1.125rem 0; padding: 1.25rem; }
fieldset legend { background: #fff; font-weight: bold; margin-left: -0.1875rem; margin: 0; padding: 0 0.1875rem; }

/* Error Handling */
[data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #fff; }
[data-abide] span.error, [data-abide] small.error { display: none; }

span.error, small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #fff; }

.error input, .error textarea, .error select { margin-bottom: 0; }
.error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; }
.error label, .error label.error { color: #f04124; }
.error small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: normal; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #fff; }
.error > label > small { background: transparent; color: #676767; display: inline; font-size: 60%; font-style: normal; margin: 0; padding: 0; text-transform: capitalize; }
.error span.error-message { display: block; }

input.error, textarea.error, select.error { margin-bottom: 0; }

label.error { color: #f04124; }

.row { margin: 0 auto; max-width: 70.625rem; width: 100%; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; }
.row.collapse .row { margin-left: 0; margin-right: 0; }
.row .row { margin: 0 -0.9375rem; max-width: none; width: auto; }
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { margin: 0; max-width: none; width: auto; }
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }

.column, .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; }

.column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: right; }
.column + .column.end, .columns + .column.end, .column + .columns.end, .columns + .columns.end { float: left; }

@media only screen { .small-push-0 { position: relative; left: 0; right: auto; }
  .small-pull-0 { position: relative; right: 0; left: auto; }
  .small-push-1 { position: relative; left: 8.33333%; right: auto; }
  .small-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .small-push-2 { position: relative; left: 16.66667%; right: auto; }
  .small-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .small-push-3 { position: relative; left: 25%; right: auto; }
  .small-pull-3 { position: relative; right: 25%; left: auto; }
  .small-push-4 { position: relative; left: 33.33333%; right: auto; }
  .small-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .small-push-5 { position: relative; left: 41.66667%; right: auto; }
  .small-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .small-push-6 { position: relative; left: 50%; right: auto; }
  .small-pull-6 { position: relative; right: 50%; left: auto; }
  .small-push-7 { position: relative; left: 58.33333%; right: auto; }
  .small-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .small-push-8 { position: relative; left: 66.66667%; right: auto; }
  .small-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .small-push-9 { position: relative; left: 75%; right: auto; }
  .small-pull-9 { position: relative; right: 75%; left: auto; }
  .small-push-10 { position: relative; left: 83.33333%; right: auto; }
  .small-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .small-push-11 { position: relative; left: 91.66667%; right: auto; }
  .small-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .small-1 { width: 8.33333%; }
  .small-2 { width: 16.66667%; }
  .small-3 { width: 25%; }
  .small-4 { width: 33.33333%; }
  .small-5 { width: 41.66667%; }
  .small-6 { width: 50%; }
  .small-7 { width: 58.33333%; }
  .small-8 { width: 66.66667%; }
  .small-9 { width: 75%; }
  .small-10 { width: 83.33333%; }
  .small-11 { width: 91.66667%; }
  .small-12 { width: 100%; }
  .small-offset-0 { margin-left: 0 !important; }
  .small-offset-1 { margin-left: 8.33333% !important; }
  .small-offset-2 { margin-left: 16.66667% !important; }
  .small-offset-3 { margin-left: 25% !important; }
  .small-offset-4 { margin-left: 33.33333% !important; }
  .small-offset-5 { margin-left: 41.66667% !important; }
  .small-offset-6 { margin-left: 50% !important; }
  .small-offset-7 { margin-left: 58.33333% !important; }
  .small-offset-8 { margin-left: 66.66667% !important; }
  .small-offset-9 { margin-left: 75% !important; }
  .small-offset-10 { margin-left: 83.33333% !important; }
  .small-offset-11 { margin-left: 91.66667% !important; }
  .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; }
  .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.small-centered:last-child, .columns.small-centered:last-child { float: none; }
  .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; }
  .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; }
  .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; }
  .row.small-collapse .row { margin-left: 0; margin-right: 0; }
  .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } }
@media only screen and (min-width: 40.0625em) { .medium-push-0 { position: relative; left: 0; right: auto; }
  .medium-pull-0 { position: relative; right: 0; left: auto; }
  .medium-push-1 { position: relative; left: 8.33333%; right: auto; }
  .medium-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .medium-push-2 { position: relative; left: 16.66667%; right: auto; }
  .medium-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .medium-push-3 { position: relative; left: 25%; right: auto; }
  .medium-pull-3 { position: relative; right: 25%; left: auto; }
  .medium-push-4 { position: relative; left: 33.33333%; right: auto; }
  .medium-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .medium-push-5 { position: relative; left: 41.66667%; right: auto; }
  .medium-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .medium-push-6 { position: relative; left: 50%; right: auto; }
  .medium-pull-6 { position: relative; right: 50%; left: auto; }
  .medium-push-7 { position: relative; left: 58.33333%; right: auto; }
  .medium-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .medium-push-8 { position: relative; left: 66.66667%; right: auto; }
  .medium-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .medium-push-9 { position: relative; left: 75%; right: auto; }
  .medium-pull-9 { position: relative; right: 75%; left: auto; }
  .medium-push-10 { position: relative; left: 83.33333%; right: auto; }
  .medium-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .medium-push-11 { position: relative; left: 91.66667%; right: auto; }
  .medium-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .medium-1 { width: 8.33333%; }
  .medium-2 { width: 16.66667%; }
  .medium-3 { width: 25%; }
  .medium-4 { width: 33.33333%; }
  .medium-5 { width: 41.66667%; }
  .medium-6 { width: 50%; }
  .medium-7 { width: 58.33333%; }
  .medium-8 { width: 66.66667%; }
  .medium-9 { width: 75%; }
  .medium-10 { width: 83.33333%; }
  .medium-11 { width: 91.66667%; }
  .medium-12 { width: 100%; }
  .medium-offset-0 { margin-left: 0 !important; }
  .medium-offset-1 { margin-left: 8.33333% !important; }
  .medium-offset-2 { margin-left: 16.66667% !important; }
  .medium-offset-3 { margin-left: 25% !important; }
  .medium-offset-4 { margin-left: 33.33333% !important; }
  .medium-offset-5 { margin-left: 41.66667% !important; }
  .medium-offset-6 { margin-left: 50% !important; }
  .medium-offset-7 { margin-left: 58.33333% !important; }
  .medium-offset-8 { margin-left: 66.66667% !important; }
  .medium-offset-9 { margin-left: 75% !important; }
  .medium-offset-10 { margin-left: 83.33333% !important; }
  .medium-offset-11 { margin-left: 91.66667% !important; }
  .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; }
  .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; }
  .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; }
  .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; }
  .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; }
  .row.medium-collapse .row { margin-left: 0; margin-right: 0; }
  .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .push-0 { position: relative; left: 0; right: auto; }
  .pull-0 { position: relative; right: 0; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; } }
@media only screen and (min-width: 64.0625em) { .large-push-0 { position: relative; left: 0; right: auto; }
  .large-pull-0 { position: relative; right: 0; left: auto; }
  .large-push-1 { position: relative; left: 8.33333%; right: auto; }
  .large-pull-1 { position: relative; right: 8.33333%; left: auto; }
  .large-push-2 { position: relative; left: 16.66667%; right: auto; }
  .large-pull-2 { position: relative; right: 16.66667%; left: auto; }
  .large-push-3 { position: relative; left: 25%; right: auto; }
  .large-pull-3 { position: relative; right: 25%; left: auto; }
  .large-push-4 { position: relative; left: 33.33333%; right: auto; }
  .large-pull-4 { position: relative; right: 33.33333%; left: auto; }
  .large-push-5 { position: relative; left: 41.66667%; right: auto; }
  .large-pull-5 { position: relative; right: 41.66667%; left: auto; }
  .large-push-6 { position: relative; left: 50%; right: auto; }
  .large-pull-6 { position: relative; right: 50%; left: auto; }
  .large-push-7 { position: relative; left: 58.33333%; right: auto; }
  .large-pull-7 { position: relative; right: 58.33333%; left: auto; }
  .large-push-8 { position: relative; left: 66.66667%; right: auto; }
  .large-pull-8 { position: relative; right: 66.66667%; left: auto; }
  .large-push-9 { position: relative; left: 75%; right: auto; }
  .large-pull-9 { position: relative; right: 75%; left: auto; }
  .large-push-10 { position: relative; left: 83.33333%; right: auto; }
  .large-pull-10 { position: relative; right: 83.33333%; left: auto; }
  .large-push-11 { position: relative; left: 91.66667%; right: auto; }
  .large-pull-11 { position: relative; right: 91.66667%; left: auto; }
  .column, .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .large-1 { width: 8.33333%; }
  .large-2 { width: 16.66667%; }
  .large-3 { width: 25%; }
  .large-4 { width: 33.33333%; }
  .large-5 { width: 41.66667%; }
  .large-6 { width: 50%; }
  .large-7 { width: 58.33333%; }
  .large-8 { width: 66.66667%; }
  .large-9 { width: 75%; }
  .large-10 { width: 83.33333%; }
  .large-11 { width: 91.66667%; }
  .large-12 { width: 100%; }
  .large-offset-0 { margin-left: 0 !important; }
  .large-offset-1 { margin-left: 8.33333% !important; }
  .large-offset-2 { margin-left: 16.66667% !important; }
  .large-offset-3 { margin-left: 25% !important; }
  .large-offset-4 { margin-left: 33.33333% !important; }
  .large-offset-5 { margin-left: 41.66667% !important; }
  .large-offset-6 { margin-left: 50% !important; }
  .large-offset-7 { margin-left: 58.33333% !important; }
  .large-offset-8 { margin-left: 66.66667% !important; }
  .large-offset-9 { margin-left: 75% !important; }
  .large-offset-10 { margin-left: 83.33333% !important; }
  .large-offset-11 { margin-left: 91.66667% !important; }
  .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; }
  .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; }
  .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; }
  .column.large-centered:last-child, .columns.large-centered:last-child { float: none; }
  .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; }
  .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; }
  .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; }
  .row.large-collapse .row { margin-left: 0; margin-right: 0; }
  .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; }
  .push-0 { position: relative; left: 0; right: auto; }
  .pull-0 { position: relative; right: 0; left: auto; }
  .push-1 { position: relative; left: 8.33333%; right: auto; }
  .pull-1 { position: relative; right: 8.33333%; left: auto; }
  .push-2 { position: relative; left: 16.66667%; right: auto; }
  .pull-2 { position: relative; right: 16.66667%; left: auto; }
  .push-3 { position: relative; left: 25%; right: auto; }
  .pull-3 { position: relative; right: 25%; left: auto; }
  .push-4 { position: relative; left: 33.33333%; right: auto; }
  .pull-4 { position: relative; right: 33.33333%; left: auto; }
  .push-5 { position: relative; left: 41.66667%; right: auto; }
  .pull-5 { position: relative; right: 41.66667%; left: auto; }
  .push-6 { position: relative; left: 50%; right: auto; }
  .pull-6 { position: relative; right: 50%; left: auto; }
  .push-7 { position: relative; left: 58.33333%; right: auto; }
  .pull-7 { position: relative; right: 58.33333%; left: auto; }
  .push-8 { position: relative; left: 66.66667%; right: auto; }
  .pull-8 { position: relative; right: 66.66667%; left: auto; }
  .push-9 { position: relative; left: 75%; right: auto; }
  .pull-9 { position: relative; right: 75%; left: auto; }
  .push-10 { position: relative; left: 83.33333%; right: auto; }
  .pull-10 { position: relative; right: 83.33333%; left: auto; }
  .push-11 { position: relative; left: 91.66667%; right: auto; }
  .pull-11 { position: relative; right: 91.66667%; left: auto; } }
.tabs { margin-bottom: 0 !important; margin-left: 0; }
.tabs:before, .tabs:after { content: " "; display: table; }
.tabs:after { clear: both; }
.tabs dd, .tabs .tab-title { float: left; list-style: none; margin-bottom: 0 !important; position: relative; }
.tabs dd > a, .tabs .tab-title > a { display: block; background-color: #ccc; color: #222222; font-family: "Lato", "Open Sans", sans-serif, Arial, "Helvetica Neue", Helvetica; font-size: 1rem; padding: 1rem 2rem; }
.tabs dd > a:hover, .tabs .tab-title > a:hover { background-color: silver; }
.tabs dd.active a, .tabs .tab-title.active a { background-color: #fff; color: #222222; }
.tabs.radius dd:first-child a, .tabs.radius .tab:first-child a { -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
.tabs.radius dd:last-child a, .tabs.radius .tab:last-child a { -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
.tabs.vertical dd, .tabs.vertical .tab-title { position: inherit; float: none; display: block; top: auto; }

.tabs-content { margin-bottom: 1.5rem; width: 100%; }
.tabs-content:before, .tabs-content:after { content: " "; display: table; }
.tabs-content:after { clear: both; }
.tabs-content > .content { display: none; float: left; padding: 0.9375rem 0; width: 100%; }
.tabs-content > .content.active { display: block; float: none; }
.tabs-content > .content.contained { padding: 0.9375rem; }
.tabs-content.vertical { display: block; }
.tabs-content.vertical > .content { padding: 0 0.9375rem; }

@media only screen and (min-width: 40.0625em) { .tabs.vertical { float: left; margin: 0; margin-bottom: 1.25rem !important; max-width: 20%; width: 20%; }
  .tabs-content.vertical { float: left; margin-left: -1px; max-width: 80%; padding-left: 1rem; width: 80%; } }
.no-js .tabs-content > .content { display: block; float: none; }

.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.text-center { text-align: center !important; }

.text-justify { text-align: justify !important; }

@media only screen and (max-width: 40em) { .small-only-text-left { text-align: left !important; }
  .small-only-text-right { text-align: right !important; }
  .small-only-text-center { text-align: center !important; }
  .small-only-text-justify { text-align: justify !important; } }
@media only screen { .small-text-left { text-align: left !important; }
  .small-text-right { text-align: right !important; }
  .small-text-center { text-align: center !important; }
  .small-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 40.0625em) and (max-width: 64em) { .medium-only-text-left { text-align: left !important; }
  .medium-only-text-right { text-align: right !important; }
  .medium-only-text-center { text-align: center !important; }
  .medium-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 40.0625em) { .medium-text-left { text-align: left !important; }
  .medium-text-right { text-align: right !important; }
  .medium-text-center { text-align: center !important; }
  .medium-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 64.0625em) and (max-width: 90em) { .large-only-text-left { text-align: left !important; }
  .large-only-text-right { text-align: right !important; }
  .large-only-text-center { text-align: center !important; }
  .large-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 64.0625em) { .large-text-left { text-align: left !important; }
  .large-text-right { text-align: right !important; }
  .large-text-center { text-align: center !important; }
  .large-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 90.0625em) and (max-width: 120em) { .xlarge-only-text-left { text-align: left !important; }
  .xlarge-only-text-right { text-align: right !important; }
  .xlarge-only-text-center { text-align: center !important; }
  .xlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 90.0625em) { .xlarge-text-left { text-align: left !important; }
  .xlarge-text-right { text-align: right !important; }
  .xlarge-text-center { text-align: center !important; }
  .xlarge-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 120.0625em) and (max-width: 6249999.9375em) { .xxlarge-only-text-left { text-align: left !important; }
  .xxlarge-only-text-right { text-align: right !important; }
  .xxlarge-only-text-center { text-align: center !important; }
  .xxlarge-only-text-justify { text-align: justify !important; } }
@media only screen and (min-width: 120.0625em) { .xxlarge-text-left { text-align: left !important; }
  .xxlarge-text-right { text-align: right !important; }
  .xxlarge-text-center { text-align: center !important; }
  .xxlarge-text-justify { text-align: justify !important; } }
/* Typography resets */
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; }

/* Default Link Styles */
a { color: #01592f; line-height: inherit; text-decoration: none; }
a:hover, a:focus { color: #80bd01; }
a img { border: none; }

/* Default paragraph styles */
p { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.5; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; }
p.lead { font-size: 1.21875rem; line-height: 1.6; }
p aside { font-size: 0.875rem; font-style: italic; line-height: 1.35; }

/* Default header styles */
h1, h2, h3, h4, h5, h6 { color: #222222; font-family: "Lato", "Open Sans", sans-serif, Arial, "Helvetica Neue", Helvetica; font-style: normal; font-weight: normal; line-height: 1.2; margin-bottom: 0.5rem; margin-top: 0; text-rendering: optimizeLegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #6f6f6f; font-size: 60%; line-height: 0; }

h1 { font-size: 2.125rem; }

h2 { font-size: 1.6875rem; }

h3 { font-size: 1.375rem; }

h4 { font-size: 1.125rem; }

h5 { font-size: 1.125rem; }

h6 { font-size: 1rem; }

.subheader { line-height: 1.4; color: #6f6f6f; font-weight: normal; margin-top: 0.2rem; margin-bottom: 0.5rem; }

hr { border: solid #DDDDDD; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; }

/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }

strong, b { font-weight: bold; line-height: inherit; }

small { font-size: 60%; line-height: inherit; }

code { background-color: #f8f8f8; border-color: #dfdfdf; border-style: solid; border-width: 1px; color: #333333; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; padding: 0.125rem 0.3125rem 0.0625rem; }

/* Lists */
ul, ol, dl { font-family: inherit; font-size: 1rem; line-height: 1.5; list-style-position: outside; margin-bottom: 1.25rem; }

ul { margin-left: 1.1rem; }
ul.no-bullet { margin-left: 0; }
ul.no-bullet li ul, ul.no-bullet li ol { margin-left: 1.25rem; margin-bottom: 0; list-style: none; }

/* Unordered Lists */
ul li ul, ul li ol { margin-left: 1.25rem; margin-bottom: 0; }
ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; }
ul.square { list-style-type: square; margin-left: 1.1rem; }
ul.circle { list-style-type: circle; margin-left: 1.1rem; }
ul.disc { list-style-type: disc; margin-left: 1.1rem; }
ul.no-bullet { list-style: none; }

/* Ordered Lists */
ol { margin-left: 1.4rem; }
ol li ul, ol li ol { margin-left: 1.25rem; margin-bottom: 0; }

/* Definition Lists */
dl dt { margin-bottom: 0.3rem; font-weight: bold; }
dl dd { margin-bottom: 0.75rem; }

/* Abbreviations */
abbr, acronym { text-transform: uppercase; font-size: 90%; color: #000; cursor: help; }

abbr { text-transform: none; }
abbr[title] { border-bottom: 1px dotted #DDDDDD; }

/* Blockquotes */
blockquote { margin: 0 0 1.25rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; }
blockquote cite { display: block; font-size: 0.8125rem; color: #555555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited { color: #555555; }

blockquote, blockquote p { line-height: 1.5; color: #6f6f6f; }

/* Microformats */
.vcard { display: inline-block; margin: 0 0 1.25rem 0; border: 1px solid #DDDDDD; padding: 0.625rem 0.75rem; }
.vcard li { margin: 0; display: block; }
.vcard .fn { font-weight: bold; font-size: 0.9375rem; }

.vevent .summary { font-weight: bold; }
.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625rem; }

@media only screen and (min-width: 40.0625em) { h1, h2, h3, h4, h5, h6 { line-height: 1.2; }
  h1 { font-size: 2.75rem; }
  h2 { font-size: 2.3125rem; }
  h3 { font-size: 1.6875rem; }
  h4 { font-size: 1.4375rem; }
  h5 { font-size: 1.125rem; }
  h6 { font-size: 1rem; } }