/*

Theme Name: Baiting Hollow
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com
Version: 1.0.0
Template: pro

*/



:root {
	--color-prime: #b23433; /* redish */
	--color-second: #d1b053; /* yellaish */
	--color-tert: #231f20; /*  almost black  */
	--color-quart: #c97170; /*  rosé  */
	--color-quint: #007d41; /*  green  */
	--color-quint: #353825; /*  dark green  */
}


html, body {
	/* font-family: "museo-sans",sans-serif !important; */
}

body {
    text-rendering: optimizeLegibility;
    -webkit-transition: opacity 1s;
    -o-transition: opacity 1s;
    transition:opacity 1s;
	color:#0b0b0a;
}

a, a:hover {
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}

/*
::-moz-selection {
  background: #8e8761;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #8e8761;
  color: #fff;
  text-shadow: none; }
*/


 /* #Fonts
================================================== */

body, .x-anchor-button { }


.color-prime { color:var(--color-prime) !important; }
.color-second { color:var(--color-second) !important; }
.color-tert { color:var(--color-quint) !important; }
.color-quart { color:var(--color-quint) !important; }
.color-quint { color:var(--color-quint) !important; }
.color-sex { color:var(--color-sex) !important; }

.white, 
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6, 
.white p,
.white .phone-mobile, .white .x-text {
		color:#fff !important;
}

.white a { color: rgba(255, 255, 255, .9) !important; }
.white a:hover { color: rgba(255, 255, 255, .5) !important; }

.x-text { line-height:2em !important; }


.gold { color:#f6ba07; }

.black, .black a {
	color:var(--color-tert);
	text-decoration:none !important;
}
.black:hover, .black a:hover { color:var(--color-prime) !important; }


#main-content h1 {
	font-family: "Alex Brush", handwriting;
	font-size:6em !important;
	color:#231f20 !important;
}
 /* #Header
================================================== */


.logo { /*  max-width:350px; */  }

.top-nav > :before {
  content: "";
  display: inline-block;
  height: 12px;
  vertical-align: middle;
}
.top-nav > :nth-child(n+2):before {
  margin-top:18px;
  margin-right: 8px;
  border-left: 1px solid #231f20;
}

.social-top a {
	margin-right:.5em;
	font-size:1.5em !important;
	color:#353825;
}
	@media (max-width: 420px) {
		.social-top a { font-size:1.2em !important;margin-right:0em; }
	}

.top-info a {
	margin-left:.7em;
	font-size:1.2em !important;
	color:#353825;
}
.social-top a:hover, .top-info a:hover { color:#635c33; }

a.res-btn-top {
	color:#fff;
	background-color:#353825;
	padding:.2em .5em;
	border-radius:.3em;
	cursor:pointer;
}
a.res-btn-top:hover {
	color:#fff;
	background-color:#635c33;
}

a.res-btn-white {
	color:#b23433 !important;
	background-color:#fff;
	padding:.2em .5em;
	border-radius:.3em;
	cursor:pointer;
}
a.res-btn-white:hover {
	color:#fff !important;
	background-color:#b23433;
}

a.res-btn-inside {
	color:#fff;
	font-size:1.2em;
	background-color:#c97170;
	padding:.2em .6em;
	border-radius:.3em;
	cursor:pointer;
}
a.res-btn-inside:hover {
	color:#fff;
	background-color:#b23433;
}

.hero-rev {
	background: linear-gradient(to top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

 /* #Hero
================================================== */
.x-slider-container { margin-top:0px;border:0px solid #ff0000 !important; }

.grad-bottom-black {
	background: linear-gradient(to bottom,  rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.51) 20%,rgba(0,0,0,0) 100%);
}
.grad-bottom-white {
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 20%,rgba(255,255,255,1) 100%);
}

@media (max-width: 420px) {
	.rev-headline { top:10px !important;font-size:2.2em !important; }
	.rev-line { top:-30px; }
	.rev-copy { top:10px;width:100% !important;font-size:1em !important;line-height:1.2em !important; }
	.rev-button { display:none  !important; }
}


/*
.x-slider-container:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  background:
    linear-gradient(
    rgba(0,0,0,0.6),
    rgba(0,0,0,0.4) 17%,
    rgba(0,0,0,0) 30%,
    rgba(0,0,0,0) 60%,
    rgba(0,0,0,0.5) 75%,
    rgba(0,0,0,0.8)
    ), image-url("header3_mobile.png") no-repeat center left;
  background-size: cover;
  z-index: 16000;
}

@media(min-width: 768px) {
 .x-slider-container:after {
   background-color: rgba(0,0,0,0.6);
   background:
    linear-gradient(
    rgba(0,0,0,0.6),
    rgba(0,0,0,0.4) 30%,
    rgba(0,0,0,0) 42%,
    rgba(0,0,0,0) 63%,
    rgba(0,0,0,0.6) 76%,
    rgba(0,0,0,0.8)
    ), image-url("header3_desktop.png") no-repeat center left;

 }
}
*/

/*
.hero-sub {
	min-height: 500px;
}
.hero-sub-no-bg {
	min-height: 500px;
}

.hero-headline, .hero-headline-in {
	font-family: "montserrat", sans-serif !important;
	font-weight:700;
	color:#ffffff;
	font-size:3rem !important;
	line-height:3.5rem !important;
	text-shadow: 3px 3px 5px #000000;
}
@media (max-width: 1024px) {
	.hero-headline {
		top:3em;
		left:2em;
		font-size:1.4rem !important;
		line-height:1.5rem !important;
	}
	.hero-headline-in {
		font-size:1.4rem !important;
		line-height:1.5rem !important;
	}
}
*/

.hero {
	height: 60vh;
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}

.hero-head { margin-top: 18vh !important; }

	@media (max-width: 760px) {
		.hero { height: 30vh; }
		.x-bg-layer-lower-image { background-size: contain; }
		.hero-head { margin-top: 0vh !important; }
	}



@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


/* #Footer
================================================== */


footer .x-text { line-height:1.5em !important; }

footer .info a {
	color:#fff;
	text-decoration:underline;
}

.bottom-nav > :before {
  content: "";
  display: inline-block;
  height: 12px;
  vertical-align: middle;
}
.bottom-nav > :nth-child(n+2):before {
  margin-top:18px;
  margin-right: 8px;
  border-left: 1px solid #ffffff;
}

.social-bottom a {
	margin-right:0em;
	font-size:.8em !important;
	color:#fff;
}
.social-bottom a .fa-facebook-f, 
.social-bottom a .fa-instagram, 
.social-bottom a .fa-tiktok {
	color:#b23433 !important;
}

.social-black a {
	margin-right:0em;
	font-size:.8em !important;
	color:#231f20;
}
.social-black a .fa-facebook-f, 
.social-black a .fa-instagram, 
.social-black a .fa-tiktok {
	color:#fff !important;
}

a.res-btn-bottom {
	color:#fff;
	background-color:#353825;
	padding:.2em .5em;
	border-radius:.3em;
	text-decoration:none !important;
	cursor:pointer;
}
a.res-btn-bottom:hover {
	color:#fff;
	background-color:#635c33;
}


/* #Forms
 ================================================== */

/*
input[type="submit"].return  {
	background-color:#ccc;border:1px solid #ccc;
}
input[type="submit"].return:hover  {
	background-color:#1e8042;border:1px solid #1e8042;
}
*/


.wpcf7 span.wpcf7-form-control-wrap { width: 100%; }

.wpcf7-not-valid-tip { position: absolute !important; left: -40px !important; top: 0 !important; width: 44px !important; height: 35px !important; padding: 0 !important; background: url("_img/contact-form-error.png") !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; }
.wpcf7-validation-errors { border: 0; display: none !important;text-shadow: 0 0 0 #000000 !important; }
.wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; }

.wpcf7-captchar { margin-bottom: 0; }

span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; }
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }

.wpcf7-submit { margin-bottom: 0; }



input[type="radio"], input[type="checkbox"] {
    margin: 0.425em 0.425em;
    margin-top: 1px \9;
    line-height: normal;
    cursor: pointer;
}



.form-check label { margin-top:.4em !important; }
.wpcf7-radio, .wpcf7-checkbox { font-size:.9em !important;
 }

.wpcf7-list-item {  }


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-weight: 400;
    color: #222b30;
}
input::-moz-placeholder, textarea::-moz-placeholder {
    font-weight: 400;
    color: #222b30;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-weight: 400;
    color: #222b30;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    font-weight: 400;
    color: #222b30;
}

label { /* margin-top:20px;height:1px; */ }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}



.x-btn, .button, .btn-primary, .more-link, .esg-navigationbutton, #wpsl-search-btn {
	display: initial !important;
	font-size: 1rem !important;
	font-weight:normal;
	letter-spacing:normal !important;
	padding: 0.813em 2em 0.813em !important;
	border-radius:.3em;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
    text-decoration:none !important;
    white-space:none;
    text-transform:uppercase;
}
/*
.x-btn:after, .button:after, .btn-primary:after, .more-link:after, .entry-content input[type="submit"]:after {
	content: '';
	position: absolute;
	top: -5px;
	left: -5px;
	bottom: -5px;
	right: -5px;
	border: 1px #da2834 solid;
}
*/

.x-btn-global.white {
	color:#a70237 !important;
	border: 2px solid #fff !important;
	background-color:#ffffff !important;
	text-decoration:none;
}
.x-btn-global.white:hover {
	color:#fff !important;
	border: 2px solid #fff !important;
	background-color:#a70237 !important;
}
.x-btn-global.red {
	color:#ffff !important;
	border: 2px solid #a70237 !important;
	background-color:#a70237 !important;
	text-decoration:none;
}
.x-btn-global.red:hover {
	color:#fff !important;
	border: 2px solid #3b3a3e !important;
	background-color:#3b3a3e !important;
}

 /* #Widget
================================================== */

.widget {
    text-shadow:0 0px 0 rgba(255, 255, 255, .95);
}

.h-widget {
    margin: 0 0 .5em;
    font-size: 2.5em;
    line-height:1;
}

.widget .h-widget:before, .widget .h-widget:after {
    opacity:.35
}



 /* #Woo
================================================== */

li.product {
    float: left;
    overflow: hidden;
    position: relative;
    margin: 0 4% 4.5% 0;
    padding: 0;
    background-color: #fff;
    border-radius: 0px !important;
    box-shadow:0 0em 0em #0002 !important;
    text-align:center;
}

.has-post-thumbnail .entry-wrap { border-radius: 0 0 0px 0px !important; }

.has-post-thumbnail .entry-featured {
    border-bottom:0px solid #ddd !important;
}
.x-boxed-layout-active .has-post-thumbnail .entry-featured {
    border:0px solid #ddd !important;
}

.entry-header .price, .entry-header .amount {
	font-family: "Alex Brush", handwriting;
	font-size:1.3em !important;
	color:#231f20 !important;
}
.summary .amount {
	font-family: "Alex Brush", handwriting;
	font-size:2em !important;
	color:#231f20 !important;
}
.product_title, .x-tab-content h2, .related h2, h1.entry-title, .cart_totals h2 {
	font-size:4em !important;
	margin-botton:0px !important;
}

 
.entry-header h3 a {
    margin: 0;
    padding-bottom: .5em;
    font-size: 1.5em !important;
    line-height: 1.05;
    -webkit-transition: color .3s ease;
    transition:color .3s ease;
    text-decoration:none;
}
[class * =woocommerce] li.product .entry-header .price > .amount, [class * =woocommerce] li.product .entry-header .price > ins > .amount {
    font-size:18px
}
.upsells ul.products li.product, .related ul.products li.product, .cross-sells ul.products li.product {
    border: 0px solid #ddd !important;
    border: 0px solid rgba(0, 0, 0, .15) !important;
    border-radius: 0 0 0px 0px !important;
    box-shadow:0  0em 0em #00000020 !important;
}
.upsells ul.products li.product .entry-featured, .related ul.products li.product .entry-featured, .cross-sells ul.products li.product .entry-featured {
    border-bottom: 0px solid #ddd !important;
    border-bottom:0px solid rgba(0, 0, 0, .15) !important;
}

.has-post-thumbnail .entry-featured {
    border-bottom:0px solid #ddd !important;
}

.x-boxed-layout-active .has-post-thumbnail .entry-featured {
    border:0px solid #ddd !important;
}

.product-remove a.remove {
	font-size:3em !important;
	color:#b23433 !important;
	text-decoration:none;
}


.x-pagination a, .x-pagination span, .woocommerce-pagination a, .woocommerce-pagination span {
    float: left;
    margin: 0 .35em;
    width: 32px;
    height: 32px;
    font-size: 13px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
    text-shadow: 0 0px 0px rgba(255, 255, 255, .85);
    color: #bababa;
    background-color: #fff;
    border-radius: 50%;
    box-shadow:inset 0 0 #0000, 0 .1em .45em #00000040;
}

.x-pagination a:hover, .woocommerce-pagination a:hover {
    color:#fff;
    background-color: #b23433 !important;
}


.x-pagination span.current, .woocommerce-pagination span.current {
    text-shadow: 0 1px 2px rgba(0, 0, 0, .65);
    color: #fff;
    background-color: #b23433 !important;
    box-shadow: inset 0 .1em .35em #000000a6, 0 1px #fffffff2;
}

.woocommerce-tabs a { text-decoration:none !important; }


 /* #Misc
================================================== */

.entry-wrap {
    padding: 0px;
    border-radius: 0px;
    box-shadow: 0 0em 0em 0 rgba(0, 0, 0, 0.135);
    background-color: transparent;
}

.entry-content a { text-decoration:underline; }
.entry-content a.none { text-decoration:none; }


.nowrap { white-space:nowrap; }

@media (max-width: 420px) {
	.nowrapmobile { white-space:nowrap; }
}

@media (max-width: 420px) {
	.hide-mobile { display:none; }
}

a.x-image img, li.product-category a {
     transition: opacity 0.5s ease-in-out;
}
a.x-image img:hover, li.product-category a:hover {
    opacity:.65 !important;
    transition: opacity 0.5s ease-in-out;
}


.upper { text-transform:uppercase; }

.normal, .wpsl-wrap { line-height:normal !important; }

.center { text-align:center; }

ul.normal li { margin-bottom:.8em; }



.p-meta { display:none;
    /* font-family: "museo-sans",sans-serif !important; */
}
.p-meta > span:after {
    content: "";
    padding:0 .5em 0 .45em
}

.p-meta span:nth-child(n+3) { display:none; }

.x-div a,
a.woocommerce-product-gallery__trigger
	{ text-decoration:none !important; }

.image-box-bg { min-height: 30vh; }


.map { max-height:500px; }

.gradient-titles { background:linear-gradient(rgba(255,255,255,0) 0%, rgba(235,235,235,1) 100%) !important; }
.grad-block { background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 19%,#ffffff 86%,#ebebeb 100%); }


.quotes, .quote { 
	font-style: normal;
	line-height:normal;
}
.quote { font-size:3em; }
.author, .client { font-size:2em;line-height:normal; }
.author { text-transform:uppercase; }

.bg-img { min-height:570px; }

.mec-totalcalview-selected { color:#fff !important; }

a.reset_variations {
	margin-top:2em !important;
	color:#fff;
	background-color:#b23433;
	padding:.2em .5em;
	border-radius:.3em;
	text-decoration:none !important;
	cursor:pointer;
}
a.reset_variations:hover {
	color:#fff;
	background-color:#b23433;
}
