@import url('https://fonts.googleapis.com/css?family=Fjalla+One|Noto+Sans:400,400i,700,700i');

body h1,body h2,body h3,body h4,body h5,body h6 {font-family: 'Fjalla One', sans-serif; text-transform: uppercase; padding: 10px 0; margin: 0; color: #000000;}
body h1 {font-size: 50px; line-height: 50px; letter-spacing: 4px;}
body h2 {font-size: 42px; line-height: 42px; letter-spacing: 4px;}
body h3 {font-size: 38px; line-height: 38px; letter-spacing: 4px;}
body h4 {font-size: 34px; line-height: 34px; letter-spacing: 2px;}
body h5 {font-size: 30px; line-height: 30px; letter-spacing: 2px;}
body h6 {font-size: 26px; line-height: 26px; letter-spacing: 2px;}

body p, body ul li, body ol li {font-family: 'Noto Sans', sans-serif; font-size: 18px;}

.alignLeft {text-align: left;}
.alignCenter {text-align: center;}
.alignRight {text-align: right;}
.alignJust {text-align: justify;}

.white {color: #ffffff;}
.black {color: #000000;}
.gray {color: #666666;}

.textShadow {text-shadow: 1px 1px 1px #000000;}

.marginR {margin-right: 10px;}
.marginL {margin-left: 10px;}
.marginT {margin-top: 10px;}
.marginB {margin-bottom: 10px;}
.marginRL {margin-left: 10px; margin-right: 10px;}
.marginTB {margin-top: 10px; margin-bottom: 10px;}

/* Figures */
figure {padding: 1%; margin: 0 0 0 0; border-radius: 2px; border: 1px solid #cccccc; background: #fafafa;}
figcaption {font-family: 'Noto Sans', sans-serif; text-align: center; line-height: 1.5em;}
figure img {width: 100%; height: auto;}

/* -- Detail Summary for Cannery Page -- */
summary:hover {cursor: pointer;  color: #756131;}

summary { text-align: center; }

/*.cannery .three-thirds .wrapper { width:1340px; }*/


/* -- Buttons -- */
a.lightButton,a.darkButton,input[type="submit"].lightButton,input[type="submit"].darkButton {display: inline-block; padding: 16px 100px; margin: 20px 0; box-shadow: 1px 1px 3px #000000; font-family: 'Noto Sans', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; text-align: center;}
a.lightButton,input[type="submit"].lightButton {background: #ffffff; color: #756131;}
a.lightButton:hover,input[type="submit"].lightButton:hover {background: #000000; color: #ffffff;}
a.darkButton,input[type="submit"].darkButton {background: #000000; color: #ffffff;}
a.darkButton:hover,input[type="submit"].darkButton:hover {background: #ffffff; color: #756131;}
a.blockButton,input[type="submit"].blockButton {display: block; width: 100%; padding: 16px 0;}

/* -- Header -- */
.logo a img {width: 186px; min-width: 186px; max-width: 186px; height: 86px; min-height: 86px; max-height: 86px;}
header .top-widget p, header .top-widget span,.top-widget a, body .top-widget .span6.right a {font-size: 16pt;}
.top-header {height: 116px; background-color: rgba(255,255,255,0.75);}
.span6.left a {font-family: 'Fjalla One', sans-serif; transition: none;}
#top-menu li {font-family: 'Fjalla One', sans-serif;}
.left-right-header .header-button a.btn-bt.default {border-radius: 0;}

/* -- Nav -- */
body .left-right-header .navigation-top {margin-top: 20px;}
.main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon {display: none;}

/* -- Hero Images --*/
.top-heroes {margin-top: -116px; padding: 246px 0 160px 0;}
.top-heroes2 {margin-top: -256px; padding: 166px 0 40px 0;}
.top-heroes2 .wrapper {position: relative; width: 100%; max-width: 100%; min-width: 100%;}
.top-heroes2 .wrapper.ctaWrap {position: relative; bottom: -40px; padding: 0 0 0 0; margin: 0 0 0 0; background: rgba(255,255,255,0.625); height: 75px;}
.top-heroes2 .wrapper.ctaWrap .full {padding: 0 0 0 0; width: 550px; height: 75px; margin: 0 auto 25px auto;}
.top-heroes2 .wrapper.ctaWrap .full h5 {float: left; margin: 0 0 0 0; padding: 0 0 0 0; height: 75px; line-height: 75px;}
.top-heroes2 .wrapper.ctaWrap .full a.lightButton {float: right; margin: 10px 0 0 0;}
body.home .top-heroes h1,
body.home .top-heroes h2 {font-family: 'Times New Roman', serif;}
body.home .top-heroes h2 {font-size: 30px; text-transform: none; font-weight: 400;}
@media screen and (max-width: 767px) {body.home .top-heroes h2 {font-size: 20px; line-height: 30px;} body.home .top-heroes h1 {font-size: 40px; line-height: 40px;}}

/* -- Front Page Feature Boxes -- */
.featureBox {padding: 15px 10px 10px 10px; margin: 40px 20px;}
.featureBox h5 {line-height: 40px; margin-bottom: 10px;}
.featureBox p:first-of-type {height: 160px;}
.featureBox a.lightButton {margin: 0 0;}
.featureBox#stockfishProducts {background: url(/wp-content/uploads/2018/04/promo1.jpg) top center no-repeat; background-size: cover;}
.featureBox#cannedFish {background: url(/wp-content/uploads/2018/04/promo2.jpg) top center no-repeat; background-size: cover;}
.featureBox#smokeDriedFish {background: url(/wp-content/uploads/2018/04/promo3.jpg) top center no-repeat; background-size: cover;}

/* -- Shop Page Feature Boxes -- */
.shopBox {position: relative; width: 100%; padding-bottom: 100%; margin: 0 auto;}
.shopBoxContent {position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; padding: 5px;}
.shopBoxContent#stockfish {background: url(/wp-content/uploads/2018/04/stockfish.jpg) center center no-repeat; background-size: 100% 100%;}
.shopBoxContent#cannedFish {background: url(/wp-content/uploads/2018/04/canned-fish.jpg) center center no-repeat; background-size: 100% 100%;}
.shopBoxContent#smokeDriedFish {background: url(/wp-content/uploads/2018/04/smoke-dried-fish.jpg) center center no-repeat; background-size: 100% 100%;}
.shopBoxContent h5 {line-height: 40px; margin-top: 50px;}
.shopBoxContent.toilet#stockfish {
	background: url(/wp-content/uploads/2020/10/jonevac-esc-101.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.shopBoxContent.vents#cannedFish {
	background: url(/wp-content/uploads/2020/10/jonevac-js-002-1.jpg) center center no-repeat;
	background-size: 100% 100%;
}

/* -- Make Front Page Video Full Width -- */
.videoSection .wrapper {width: 100%; max-width: 100%; padding: 0 0;}

/* -- FAQ Accordion -- */
.accordion-row.acc-with-icon h4.accordion::before {content: none;}
.accordion-row.acc-with-icon h4 {border-radius: 3px; border: 2px solid #000000; margin: 0 0 0 0; padding: 15px;}
.accordion-row.acc-with-icon h4:hover {border: 2px solid #F0E8D6;}
.accordion-row.acc-with-icon h4.accordion.active {border: 2px solid #756131; color: #ffffff;}
.panel p,.panel ol,.panel ul {padding-top: 25px;}

/* -- Reviews -- */
.wpcr3_review {background: #fafafa; padding: 10px; margin: 10px 0; border-radius: 4px; box-shadow: 1px 1px 2px #666666;}
div.wpcr3_review div.wpcr3_review_title,div.wpcr3_review_item div.wpcr3_item_name {font-family: 'Fjalla One', sans-serif; text-transform: uppercase; padding: 10px 0; margin: 0; color: #000000; font-size: 30px; line-height: 30px; letter-spacing: 2px; font-style: normal;}
div.wpcr3_aggregateRating {font-family: 'Noto Sans', sans-serif;}
div.wpcr3_review blockquote.wpcr3_content p {font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal;}
div.wpcr3_review div.wpcr3_review_datePublished,div.wpcr3_review div.wpcr3_review_author {font-family: 'Noto Sans', sans-serif; font-style: normal;}
div.wpcr3_review div.wpcr3_review_datePublished {font-weight: 700;}
span.wpcr3_caps,span.wpcr3_item_name {font-family: 'Noto Sans', sans-serif; text-transform: uppercase; font-weight: 700;}

/* -- Shop -- */

.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {background: #F0E8D6; display: block /*inline-flex*/; margin: 0 0 0px; box-shadow: 1px 1px 3px #000000; font-family: 'Noto Sans', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 2px; text-align: center; width: 100%; height: 46px; line-height: 46px; /*justify-content: center; align-items: center;*/ border-radius: 7px; box-shadow: none; transition: all 250ms ease-in-out;}
.button.product_type_simple.add_to_cart_button.ajax_add_to_cart:hover {box-shadow: none; background: #d8d1c3;}
img.attachment-woocommerce_thumbnail,img.woocommerce-placeholder {display: block; /*height: 250px;*/ max-height: 250px; width: auto; margin: 0 auto;}
ul.products li.product {background: #f9f9f9; border-radius: 8px; padding: 10px 10px 10px 10px !important;}
ul.products li.product p {margin-bottom: auto;}

@media (max-width: 480px) { .button.product_type_simple.add_to_cart_button.ajax_add_to_cart { margin-top: 15px;   } }
.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
	margin-bottom: auto;
}
span.excerpt-readmore {color: #036A79; transition: all 250ms ease-in-out;}
span.excerpt-readmore:hover {color: #756131; text-shadow: 1px 1px 1px #555;}
/* -- Footer -- */
.site-footer {border-top: 0pt none;}
.footer-icon {float: left; margin-right: 10px; font-size: 19pt; color: #756131;}
.footer-icon.sm {font-size: 12pt; margin-top: -3px;}
.footer-para {float: left;}
.footer-para p {font-family: 'Noto Sans', sans-serif; font-size: 13px;}
.footer-para p span {font-weight: bold; text-transform: uppercase;}
.clearfix {width: 100%; clear: both;}
.copyright-text p {color: #756131;}
.copyright-content ul.social li a i {font-size: 24px; color: #756131;}
.copyright-content ul.social li a:hover i {color: #000000;}
.ftrLinks {float: right; font-family: 'Noto Sans', sans-serif; font-size: 14px; text-align: right; margin-top: 10px;}
.ftrLinks a {color: #756131;}
.ftrLinks a:hover {color: #000000;}

/* -- Initial Fixes For WC --*/
/*.wrap {max-width: 90%; margin-left: 15%; margin-right: 0; padding-left: 0; padding-right: 0;}*/
.wrap {width: 75%; max-width: 75%; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0;}
.has-sidebar.woocommerce-page:not(.error404) #primary {float: none; width: 100%;}
.woocommerce-loop-product__title {font-size: 20px; text-transform: uppercase; font-weight: 400; letter-spacing: 1.5px; line-height: 25px;}
form.woocommerce-ordering select.orderby {margin-bottom: 10px;}
.woocommerce-product-gallery figure {background: none;}

/* -- Devices -- */
@media screen and (max-width: 1200px) {
	.featureBox {padding: 25px 10px; margin: 40px 10px;}
	.videoSection .wrapper {width: 100%; max-width: 100%; padding: 0 0;}
}

@media screen and (max-width: 1050px) {
	.featureBox p:first-of-type {height: 210px;}
	.shopBoxContent h5 {margin-top: 25px;}
}

@media screen and (max-width: 979px) {
	.top-header {height: 175px;}
	.top-heroes {margin-top: -175px; padding: 195px 0 15px 0;}
	.top-heroes2 {margin-top: -315px; padding: 226px 0 40px 0;}
	a.headerButton {padding: 16px 50px;}
	.left-right-header .header-button a.btn-bt.default {position: absolute; display: block; float: none; top: 90px; left: calc(50% - 114px); width: 186px;}
}
@media (min-width: 980px) {
    .display-tablet {
        display: none !important;
    }
}
@media (max-width: 979px) {
	.hide-tablet {
        display: none !important;
    }
    .left-right-header nav#site-navigation {
        position: absolute;
        width: 100%;
        left: 0;
    }
}

@media screen and (max-width: 767px) {
	.top-heroes2 {margin-top: -256px; /*padding: 246px 0 160px 0;*/}
	img#footerLogo {float: none; display: block; clear: both; margin: 0 auto;}
	footer .row .container {width: 75%;}
	.ftrLinks {float: none; text-align: center;}
	.featureBox p:first-of-type {height: auto;}
	body .left-right-header .navigation-top {margin-top: 0;}
	.left-right-header .header-button a.btn-bt.default {top: 110px;}
	.shopBox {width: 300px; padding-bottom: 300px;}
	.wrap {margin-left: auto; margin-right: auto;}
	header ul#top-menu li a {padding-top: 0; padding-bottom: 0;}
	.woocommerce-product-gallery figure img {width: 50%; height: auto; margin: 0 auto;}
	.page-id-1412 .wrapper {padding: 10px; width: 100%;}
	.accordion-row h4 {font-size: 12px; padding: 15px 0;}
}

@media screen and (max-width: 560px) {
	header .top-widget p, header .top-widget span,.top-widget a, body .top-widget .span6.right a {font-size: 15px;}
	a.lightButton,input[type="submit"].lightButton,a.darkButton,input[type="submit"].darkButton {padding: 16px 20px; margin: 20px 0; box-shadow: 1px 1px 3px #000000; font-family: 'Noto Sans', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 700; letter-spacing: 0; text-align: center;}
	.top-heroes2 .wrapper.ctaWrap .full {width: 320px;}
	.top-heroes2 .wrapper.ctaWrap .full h5 {font-size: 26px; letter-spacing: 0;}
	.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {display: block; width: 100%;}
	.woocommerce ul.products.columns-3 li.product img, .woocommerce-page ul.products.columns-3 li.product img {width: 60%; height: auto; margin-left: 20%; margin-right: 20%;}
	ul.products li.product {
		height: auto;
	}
	.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {margin: 20px 0 0px;}
	.cannery h2 {font-size: 26px;}
}

@media screen and (max-width: 400px) {
	.shopBox {width: 235px; padding-bottom: 235px;}
	.shopBoxContent h5 {margin-top: 15px;}
}