/*
Theme Name: KegCheck USA Custom Theme
Theme URI: 
Author:
Author URI:
Description: 
Version: 2.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags:
Text Domain:
*/

/* ----- Framework Styles ----- */
html{font-size:18px;}
body{font-family: 'Open Sans', sans-serif;letter-spacing:1px;}
#wrapper{overflow:hidden;}
.row-eq-height {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.row-eq-height.wrap{flex-wrap: wrap;}
h1, h2, h3, h4, h5, h6, p, h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, img + h1, img + h2, img + h3, img + h4, img + h5, img + h6, a + h1, a + h2, a + h3, a + h4, a + h5, a + h6{margin:0;}
h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6{margin-top:20px;}
h2 + h3, h2 + h4, h2 + h5, h2 + h6{margin-top:20px;}
h3 + h4, h3 + h5, h3 + h6{margin-top:20px;}
h4 + h5, h4 + h6{margin-top:20px;}
h5 + h6{margin-top:20px;}
h1, .title{font-size:2rem;font-weight:700;text-transform:uppercase;margin-top:30px;color:#224575;}
h2{font-size:1.8rem;font-weight:700;margin-top:30px;}
h3{font-size:1.6rem;font-weight:700;margin-top:30px;}
h4{font-size:1.3rem;font-weight:700;margin-top:30px;}
h5{font-size:1.3rem;font-weight:400;text-transform:uppercase;margin-top:30px;}
h6{font-size:1rem;font-weight:700;text-transform:uppercase;margin-top:30px;}
p{line-height:36px;letter-spacing:.75px;margin-top:20px;}
p:empty{display:none;}
a{}
a:hover{text-decoration:none;}
a.btn{background-color: #356ab5;color: #FFF;border-radius: 100px;padding: 15px 60px;font-weight: 700;text-transform: uppercase;margin: 10px;}
a.btn:hover{background-color:#568edd;color:#FFF;}
.content ul{list-style:disc;list-style-position: inside;padding:10px 0 10px 20px;}
.content ol{list-style:decimal;list-style-position: inside;padding:10px 0 10px 20px;}
img{max-width:100%;height:auto;}
.pdf::after{content:'\f1c1';font-family:"Font Awesome 5 Pro";margin: 0 5px;color: #da181b;}
input, textarea, select{background-color: #fff;border: 1px solid #aaa;border-radius: 4px; padding: 8px 12px;font-size:14px;}
select.ninja-forms-field{height:48px !important;}
input[type="submit"], form button, input[type="button"]{padding: 10px 20px;font-size: 14px;text-transform: uppercase;border: none;background-color: #333;color: #FFF;}
input[type="submit"]:hover, form button:hover, input[type="button"]:hover{background-color:#555;}
.vidwrap{position: relative;padding-bottom: 56.25%;padding-top: 35px;height: 0;overflow: hidden;}
.vidwrap.small{padding-bottom:26.25%;}
.vidwrap iframe{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.mapwrap {position: relative;padding-bottom: 90%;height: 0;overflow: hidden;}
.mapwrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.wp-caption img{width:100%;}
.wp-caption-text{font-size: 12px;font-style: italic;line-height: 18px;padding: 10px;background-color: #eee;}
.col2{columns:2;}.col3{columns:3;}.col4{columns:4;}
.col2 li, .col3 li, .col4 li{break-inside: avoid;}
blockquote{margin: 20px 0 0 0;padding: 30px;background-color: #ddd;border-left: 3px solid #356ab5;}

.nf-form-fields-required{font-size:.6rem;max-width: 1000px;margin: 0 auto;}

.tns-outer{position:relative;}
.tns-controls{position: absolute;top: 0;z-index: 999;width: 100%;top: 40%;height: 0;}
.tns-controls button{background-color: rgba(0,0,0,0.4);border: none;color:#FFF;padding: 25px 10px;}
.tns-controls button:hover{background-color:rgba(0,0,0,0.8);}
.tns-controls button[data-controls="prev"]{margin-left:1%;float:left;}
.tns-controls button[data-controls="next"]{margin-right:1%;float:right;}
.tns-nav{display:none;}
.tns-nav + button{display:none;}
.tns-item > a::before{content: '\f00e';font-family: 'Font Awesome 5 Pro';font-weight: 300;font-size: 1.8rem;position: absolute;top: 0;right: 0px;background-color:#111;color:#FFF;padding: 20px 30px;}

/* ----- Header Styles ----- */
header#header{position: fixed;width: 100%;top: 0;left: 0;z-index: 9999;background-color: #FFF;padding: 30px 15px;box-shadow: 0px 0px 3px 3px rgba(0,0,0,0.4);}
.admin-bar header#header{top:32px;}
header#header .menu{display: flex;justify-content: flex-end;}
#main-menu{height: 100%;display: flex;flex-direction: column;justify-content: center;}
#main-menu ul.menu{text-align:right;margin:0;}
#main-menu ul.menu > li{display:inline-block;}
#main-menu ul.menu > li > a{color:#333;font-size: 18px;display: block;padding: 20px;border-bottom:3px solid transparent;position: relative;z-index: 5;}
#main-menu ul.menu > li.button > a{background-color: #356ab5;color: #FFF;border-radius: 100px;padding: 10px 30px;margin: 10px 30px 0;}
#main-menu ul.menu > li.button > a:hover{background-color:#568edd;color:#FFF;}
#main-menu ul.menu > li.button:hover > a{color:#FFF;}
#main-menu ul.menu > li.menu-item-has-children:hover > a{border-bottom:3px solid #00acc8;}
#main-menu ul.menu > li:hover > a, #main-menu ul.menu > li.current_page_item > a, #main-menu ul.menu > li.current_page_ancestor > a {color:#0264a9;}
header#header + section, header#header + #mainslider-ow{margin-top:165px;}
#mobilebtn{display:none;width: 50px;position: absolute;top: 20px;right: 20px;}
#mobilebtn span{display: block;margin: 5px;height: 2px;background-color: #222;border-radius: 5px;}

.cartwrap{display: flex;justify-content: center;flex-direction: column;}
.cartwrap .cart{width: 42px;position: relative;}
.cartwrap .cart i{color:#636365;font-size:21px;position:relative;z-index:5;}
.cartwrap .cart .cartcount{color: #FFF;background-color: #989697;border-radius: 100px;padding: 5px;height: 26px;width: 26px;display: block;text-align: center;line-height: 15px;font-size: 14px;position: absolute;top: 0;right: 0;transform: translateY(-50%);}

/* ----- Footer Styles ----- */
footer#footer{background-color:#050505;color:#FFF;font-size:.88rem;font-weight:700;padding:20px 0;}
footer#footer a{color:#FFF;}
footer#footer a:hover{color:#356ab5;}

/* ----- Home Page Styles ----- */
#mainslider .slide{height:580px;background-size:cover;background-position:center;}
#mainslider .slide .slidetext{max-width: 38%;position: absolute;left: 6%;top: 50%;transform: translateY(-50%);}
#mainslider .slide .slidetext .title{color:#224575;font-size: 3.33rem;font-weight: 700;line-height: 60px;margin:0px 0px 30px 0px;}
#mainslider .slide .slidetext p{line-height:30px;margin-top:20px;}
#mainslider .slide .slidetext p span{display:inline-block;line-height:24px;font-size: .88rem;}
#mainslider .slide .slidetext img + span{margin-top: 20px;}
	
#ctas{background-color:#0c1829;color:#FFF;padding:60px 0;}
#ctas .title{color:#FFF;font-size:2rem;font-weight:700;text-transform:uppercase;}

.entry-summary{margin-top:20px;}

#homereviews{background-color: #0c1729;color: #FFF;padding: 120px 0;}
#homereviews .review{padding: 2% 8%;}
#homereviews .review p{text-align: center;font-size: 1.333rem;}
#homereviews .review span{text-align: center;font-size: 1.133rem;font-weight: 700;}
#homereviews .review .stars{text-align: center;font-size: 2.66rem;}
#homereviews .tns-controls button{background-color:transparent;}
#homereviews .tns-controls button i{font-weight:900;font-size:2.66rem;}

/* ----- Inner Page Styles ----- */
#innerheader{background-color: #0c1829;padding: 60px 0;}
#innerheader .title{text-align: center;color: #FFF;font-size:1.5rem;}
#innerheader #breadcrumbs{color: #FFF;text-transform: uppercase;font-size: .77rem;text-align: center;margin: 0; display:none;}
#innerheader #breadcrumbs a{color:#FFF;}

section.content{position:relative;padding:80px 0;}
section.content .container{position:relative;z-index:5;}
section.left{background-size:contain;background-position:center left;}
section.right{}
section.content .bgcover{position:absolute;top:0;width:53%;height:100%;}
section.left .bgcover{right:0;}
section.right .bgcover{left:0;}
section.parallax{}

#sidebar{background-color: #f1f1f1;padding: 10% 0;}
#sidebar ul{list-style:none;}
#sidebar .sidebar{margin:0; padding:0;}
#nav-below{clear: both;margin-top: 20px;width: 100%;}
#nav-below .nav-previous{float:left;}
#nav-below .nav-next{float:right;}
#nav-below a{padding:5px 15px;}
.post.hentry{margin-bottom:40px;transition:opacity .3s ease;-moz-transition:opacity .3s ease;-webkit-transition:opacity .3s ease;}
.archive .post.hentry:hover{opacity:.6;cursor:pointer;}
.post.hentry > a{color:#356ab5;}
.postthumb{width: 100%;padding-top: 50%;background-position: center;background-size: cover;}
.group.hentry{margin-top: 0px;border-bottom: 1px solid #eee;padding-bottom: 40px;}
.entry-summary > div{display: flex;flex-direction: column;justify-content: center;}
.group .entry-summary p{color:#111;}
.group .entry-summary p span{display:block;margin:0 auto;text-align:center;}
.group .entry-summary p span > i{padding: 2px;border-radius: 100px;background-color: #356ab5;color: #FFF;width: 25px;text-align: center;height: 25px;line-height: 20px;}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6{max-width:initial;}
.woocommerce .form-row{display:block;}

/* ----- Woocommerce Styles ----- */
.woocommerce div.product div.images{float: right !important;width: 28% !important;}
.woocommerce-page div.product div.summary{float:left !important;}
.woocommerce div.product form.cart .button, .woocommerce a.button.alt, .woocommerce button.button.alt{background-color: #356ab5 !important;}
.woocommerce div.product form.cart .button:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover{background-color: #568edd !important;}
.woocommerce div.product p.price{margin:0 !important;}
.select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow{height:36px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:36px !important;}
.woocommerce-terms-and-conditions-wrapper{float:left !important;}
.woocommerce-terms-and-conditions-wrapper p{font-size: .88rem;}
.woocommerce #reviews #comments ol.commentlist{padding:0 !important;}
#review_form_wrapper{display:none !important;}
#reviews .avatar, #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce #reviews #comments h2, .summary .product_meta{display:none;}
#reviews #comments ol.commentlist{display: flex;flex-wrap: wrap;}
#reviews #comments ol.commentlist li{max-width: 48%;width: 100%;display: flex;justify-content: center;flex-direction: column;margin: 0 1% 20px 1% !important;}
#reviews #comments ol.commentlist li .comment-text{margin:0 !important;}
#reviews #comments ol.commentlist li .comment-text .description{text-align:center;}
.woocommerce #reviews .star-rating{float: none !important;display: block !important;margin: 10px auto !important;}
.summary .woocommerce-product-details__short-description{margin-bottom:20px;}
.woocommerce span.onsale{z-index: 10 !important;left: initial !important;right: -25px;top: -25px !important;}
.woocommerce-review-link .count{display:none;}

/* ----- Social Navigation Styles ----- */
.social-navigation a:before{-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-family:'Font Awesome 5 Brands';font-size: 16px;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;speak: none;text-align: center;text-decoration: inherit;text-transform: none;vertical-align: top;}.social-navigation ul {list-style: none;}.social-navigation li {float: left;margin: 0 0.4375em 0.4375em 0;}.social-navigation a {color: #FFF;display: block;height: 45px;position: relative;width: 45px;background-color: #59765f;border-radius: 50px;}.social-navigation a:before {content: "\f1e0";height: 43px;line-height: 43px;text-align: center;width: 43px;}.social-navigation a:hover:before,.social-navigation a:focus:before {	color:#272525;}.social-navigation a[href*="dropbox.com"]:before {content: "\f16b";}.social-navigation a[href*="facebook.com"]:before {content: "\f39e";}.social-navigation a[href*="flickr.com"]:before {content: "\f16e";}.social-navigation a[href*="foursquare.com"]:before {content: "\f180";}.social-navigation a[href*="google.com"]:before {content: "\f1a0";}.social-navigation a[href*="plus.google.com"]:before {content: "\f0d5";}.social-navigation a[href*="instagram.com"]:before {content: "\f16d";}.social-navigation a[href*="linkedin.com"]:before {content: "\f0e1";}.social-navigation a[href*="pinterest.com"]:before {content: "\f0d2";}.social-navigation a[href*="reddit.com"]:before {content: "\f1a1";}.social-navigation a[href*="skype.com"]:before {content: "\f17e";}.social-navigation a[href*="stumbleupon.com"]:before {content: "\f1a4";}.social-navigation a[href*="tumblr.com"]:before {content: "\f173";}.social-navigation a[href*="twitter.com"]:before {content: "\f099";}.social-navigation a[href*="vimeo.com"]:before {content: "\f27d";}.social-navigation a[href*="wordpress.com"]:before,.social-navigation a[href*="wordpress.org"]:before {content: "\f19a";}.social-navigation a[href*="youtube.com"]:before {content: "\f167";}.social-navigation a[href^="mailto:"]:before {font-family:'Font Awesome 5 Pro';font-weight:900;content: "\f0e0";}.social-navigation a[href*="spotify.com"]:before {content: "\f1bc";}.social-navigation a[href*="twitch.tv"]:before {content: "\f1e8";}.social-navigation a[href$="/feed/"]:before {content: "\f09e";}
.social-navigation.socialshort{float: none;display: flex;justify-content: space-evenly;margin-top: 0;}

/* ----- Media Queries ----- */
@media screen and (min-width: 1700px){
	.container{max-width:1700px;}
}
@media screen and (min-width: 992px) and (max-width: 1200px){
	#logo{width:330px;}
	header#header + section, header#header + #mainslider-ow {margin-top: 145px;}
	#main-menu ul.menu > li > a{font-size: 16px;padding: 20px 18px;}
	#mainslider .slide .slidetext {max-width: 68%;padding: 5%;background-color: rgba(255,255,255,0.8);}
	#ctas p{font-size:.88rem;line-height:24px;}
	section.right, section.left{background-size: cover;}
	.woocommerce-page div.product div.summary{width:68% !important;}
}
@media screen and (min-width: 768px) and (max-width: 991px){ 
	h1, .title{font-size:1.77rem;}
	h2{font-size:1.6rem;}
	h3{font-size:1.4rem;}
	h4{font-size:1.2rem;}
	h5{font-size:1rem;}
	h6{font-size:1rem;}  
	#logo{width: 330px;margin: 0 auto;display: block;}
	header#header .menu{justify-content:center;}
	header#header + section, header#header + #mainslider-ow {margin-top: 215px;}
	#mainslider .slide .slidetext {max-width: 88%;padding: 5%;background-color: rgba(255,255,255,0.8);}
	#ctas p{margin:0;}
	#ctas .title + p{margin-bottom:20px;}
	section.content .bgcover{width:100%;}
	.col2{columns:1;}.col3{columns:2;}.col4{columns:2;}
	#sidebar{margin-top:40px;}
	.woocommerce div.product div.images {float: none !important;width: 65% !important;display: block;margin: 0 auto;}
	#reviews #comments ol.commentlist li{max-width:100%;}
}
@media screen and (min-width: 1px) and (max-width: 767px){
	h1, .title{font-size:1.77rem;}
	h2{font-size:1.6rem;}
	h3{font-size:1.4rem;}
	h4{font-size:1.2rem;}
	h5{font-size:1rem;}
	h6{font-size:1rem;}
	#mobilebtn{display:block;}    
	#logo{width:330px;padding-right: 70px;}
	header#header .menu{display: block;}
	#main-menu ul.menu{text-align:left;overflow:hidden;height:0;}
	#main-menu ul.menu.active{height:auto;}
	#main-menu ul.menu > li {display: block;}
	#main-menu ul.menu > li > a{padding:10px 15px;}
	#main-menu ul.menu > li.button > a{margin:0;text-align: center;}
	.cartwrap{position: absolute;top: 15px;right: 20px;display:none;}
	.cartwrap.active{display:block;}
	#mainslider .slide {height:auto; padding-top: 100%;background-position:center right;}
	#mainslider .slide .slidetext {max-width: 100%;left: 0;padding: 5%;background-color: rgba(255,255,255,0.8);text-align: center;}
	#mainslider .slide .slidetext .title{font-size: 2rem;line-height: 40px;display:block;}
	#mainslider .slide .slidetext p{display:none;}
	header#header + section, header#header + #mainslider-ow {margin-top: 127px;}
	#ctas{text-align: center;padding:30px 0;}
	#ctas p{margin:0;}
	#ctas .title + p{margin-bottom:20px;}
	section.content{padding:30px 0 !important;}
	section.content .bgcover{width:100%;}
	section.content .row .row{flex-direction: column;}
	#homereviews{padding:30px 0;}
	#homereviews .review .stars{font-size:2rem;}
	#homereviews .review {padding: 2% 12%;}
	#homereviews .review p, #homereviews .review span{font-size:1rem;}
	.alignright, .alignleft{margin:10px auto;display:block;float: none;}
	#sidebar{margin-top:40px;}
	.woocommerce div.product div.images {float: none !important;width: 50% !important;display: block;margin: 0 auto;}
	#reviews #comments ol.commentlist li{max-width:100%;}
	.col2{columns:1;}.col3{columns:1;}.col4{columns:1;}
	body.blog .col-lg-8 article {margin:0 15px;}
}


/* Location line aligned with the logo slogan, without changing header height. */
header#header .kegcheck-brand {
  display: block;
  position: relative;
  width: 406px;
  max-width: 100%;
  container-type: inline-size;
}
header#header .kegcheck-brand #logo {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
header#header .kegcheck-brand-location {
  position: absolute;
  top: 76%;
  left: 32%;
  right: 0;
  color: #555;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-size: clamp(8px, 4.4335cqw, 18px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0.057em;
  word-spacing: normal;
  white-space: nowrap;
  text-align: left;
  text-align-last: auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  header#header .kegcheck-brand { width: 330px; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  header#header .kegcheck-brand { margin: 0 auto; }
}
@media screen and (max-width: 767px) {
  header#header .kegcheck-brand { width: 260px; max-width: calc(100% - 70px); }
}


/* Contact form styling owned by the site; no paid Layout & Styles add-on required. */
#nf-form-1-cont .nf-form-content {
  width: 100%;
  max-width: 100%;
  padding: 5px;
}
#nf-form-1-cont .nf-field-container {
  width: 100%;
  margin: 0 0 25px;
}
#nf-form-1-cont .nf-field-element input[type="text"],
#nf-form-1-cont .nf-field-element input[type="email"],
#nf-form-1-cont .nf-field-element input[type="tel"],
#nf-form-1-cont .nf-field-element textarea {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  height: 50px;
  margin: 0;
  padding: 12px;
  border: 1px solid #c4c4c4;
  border-radius: 0;
  background: #f7f7f7;
  color: #6b6b6b;
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
}
#nf-form-1-cont .nf-field-element textarea {
  height: 200px;
  min-height: 150px;
  resize: vertical;
}
#nf-form-1-cont .nf-field-element input[type="submit"] {
  width: auto;
  max-width: 100%;
  height: 50px;
  margin: 0;
  padding: 12px;
  border: 0;
  border-radius: 0;
  background: #333;
  color: #f7f7f7;
  font-family: inherit;
  font-size: 16px;
  line-height: 24px;
  cursor: pointer;
}
#nf-form-1-cont .nf-field-element input[type="submit"]:hover {
  background: #555;
}
#nf-form-1-cont .nf-field-element .ninja-forms-field:focus-visible {
  outline: 2px solid #356ab5;
  outline-offset: 2px;
}
#nf-form-1-cont .nf-error .ninja-forms-field {
  border-color: #e80000;
}

/* Vertically center country and state labels within checkout dropdowns. */
body.woocommerce-checkout form.checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 34px !important;
}
body.woocommerce-checkout form.checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 1px;
  height: 34px !important;
}
