/* Bootstap Safari Columns fix
   ========================= */

/* 
.col-4{
	-ms-flex: 0 0 33.3%;
	flex: 0 0 33.3%;
	max-width: 33.3%;
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { 
	.col-sm-4{
		-ms-flex: 0 0 33.3%;
		flex: 0 0 33.3%;
		max-width: 33.3%;
	}
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { 
	.col-md-4{
		-ms-flex: 0 0 33.3%;
		flex: 0 0 33.3%;
		max-width: 33.3%;
	}
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 
	.col-lg-4{
		-ms-flex: 0 0 33.3%;
		flex: 0 0 33.3%;
		max-width: 33.3%;
	}
}

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { 
	.col-xl-4{
		-ms-flex: 0 0 33.3%;
		flex: 0 0 33.3%;
		max-width: 33.3%;
	}
}
*/


/* Hero
   ========================= */

.hero{
	margin-left: 0px;
	margin-right: 0px;
	overflow: hidden;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 1;
	width: 100%;
	background-repeat: no-repeat;
}

.hero-xs{
	height: 300px;
}

.hero-sm{
	height: 500px;
}

.hero-md{
	height: 700px;
}

.hero-lg{
	height: 850px;
}

@media all and (max-width: 500px) and (min-width: 0px) {
	.hero-lg{
		height: 700px;
	}
}

.hero-fp{
	height: 100vh;
}

.hero-16x9{
	height: 0;
	padding-top: 56.25%; /* 16:9 */
}

.hero-21x9{
	height: 0;
	padding-top: 42.86%; /* 21:9 */
}

.hero-3x2{
	height: 0;
	padding-top: 66.66%; /* 3:2 */ 
}

.hero-bg-image{
	top: -100%; 
	left: -100%; 
	right: -100%; 
	bottom: -100%;
   margin: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.hero-inner{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	z-index: 1;
}

.hero video{
	top:-100%; 
	left:0; 
	right: 0; 
	bottom:-100%;
   margin: auto;
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	object-fit: cover;
}

.hero-content{
	max-width: 100%;
}

.hero-content img{
	position: relative;
}


/* WordPress Fixes
   ========================= */
.wp-block-spacer{
	display: block;
	width: 100%;
}
.required{
	color: red;
}

/* SR Icons
   ========================= */

.sr-icon{
	line-height: 1;
}


/* Lightbox 
   ========================= */

.lightbox .lb-image{
  border: 8px solid #fff !important;
}

.lb-nav a.lb-next{
  background: none !important;
  display: flex !important;
  justify-content: right !important;
  align-items: center !important;
  text-decoration: none !important;
}

.lb-nav a.lb-prev{
  background: none !important;
  display: flex !important;
  justify-content: left !important;
  align-items: center !important;
  text-decoration: none !important;
}

.lb-nav a.lb-next:after{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: '\f061';
  color: rgba(0, 0, 0, 0.5);
  width: 25px;
  height: 50px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.lb-nav a.lb-prev:after{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: '\f060';
  color: rgba(0, 0, 0, 0.5);
  width: 25px;
  height: 50px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.lb-data{ 
  position: relative !important; 
}

.lb-data .lb-details{
  width: 100% !important;
  text-align: center !important;
}

.lb-closeContainer{
  position: absolute !important;
  right: 0 !important;
  bottom: 0 !important;
}

.lb-data .lb-close{
  background: none !important;
  position: relative !important;
  opacity: 1 !important;
  position: relative !important;
  top: 6px !important;
  right: -10px !important;
  z-index: 9999;
}

.lb-data .lb-close:after{
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: '\f00d';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 6px rgba(0,0,0,.4);
}




/* SR Checkout Login Form Shortcode
   ========================= */
.sr-checkout-login{
	width: 1200px;
	max-width: 100%;
	margin: 0 auto;
}

.sr-checkout-login .col-left{
	border-right: 1px solid rgba(0, 0, 0, .2);
}

.sr-checkout-login .col-inner{
	width: 375px;
	max-width: 100%;
	margin: auto;
}

@media screen and (max-width: 767px) {
	.sr-checkout-login .col-left{
		border-right: 1px solid rgba(0, 0, 0, 0);
	}

}

.sr-checkout-login-form button{
	margin-right: 10px;
}


.parallax-window {
    background: transparent;
}