/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.btn.cta-shop::before {
	content:  '\f291';
	font-family: 'FontAwesome';
	margin-right:  0.5em;
}
 
.btn.cta-shop::after {
	content:  '\f061';
	font-family: 'FontAwesome';
	margin-left:  0.5em;
}


.woocommerce .col-1,
.woocommerce .col-2,
.woocommerce .col-3,
.woocommerce .col-4,
.woocommerce .col-5,
.woocommerce .col-6,
.woocommerce .col-7,
.woocommerce .col-8,
.woocommerce .col-9,
.woocommerce .col-10,
.woocommerce .col-11,
.woocommerce .col-12{
	 max-width: none;
}

.ahao-image,
.ahao-video {
	position:  relative;
	margin-bottom:  1em;
	/* border:  1px dashed blue; */
	padding-top:  56.25%;
	border-radius:  0.5em;
	overflow:  hidden;
	box-shadow: 0 0 1em #44444444;
	border: 2px solid grey;
	/* border:  0.25em solid black; */
}

.ahao-image .thumbnail,
.ahao-video .thumbnail {
	/* border:  1px dashed green; */
	width:  100%;
	object-fit:  cover;
	position:  absolute;
	left:  0;
	top:  0;
	width:  100%;
	height:  100%;
}

@media( min-width: 768px ) {
/* 	.ahao-image,
	.ahao-video {
		margin-bottom:  1em;
	}
	 */
	.galleries .ahao-image .thumbnail,
	.galleries .ahao-video .thumbnail {
		/* border:  1px dashed green; */
		/* width:  100%; */
		/* height:  15em; */
	}
}

.ahao-video .label {
	/* border:  1px dashed red; */
	position: absolute;
	display: block;
	color:  white;
	width: 100%;
	/* height: 4.5em; */
	left: 0;
	bottom: 0;
	/*background-color: rgba( 0, 0, 0, 0.50 );*/
	/* background-color: rgba( 0, 0, 0, 0.75 ); */
	background-color: rgba( 32, 32, 32, 0.75 );
	text-align: center;
	/*font-size: 8pt;*/
	/*font-weight: bold;*/
	/*border: 1px dotted blue;*/
	/*margin: 0 1em 1em 1em;*/
	/* padding: 1.5em 1.5em 1.5em 1.5em; */
	padding: 0.75em;
	line-height: 1.5em;
	font-size: 11pt;
	font-weight: bold;
}

.ahao-image .thumbnail {
	object-fit:  cover;
}

.ahao-video .launcher {
	cursor: pointer;
}

.ahao-video .launcher {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	/*border: 2px dashed green;*/
}

.ahao-video .launcher i {
	/*border:  1px dashed purple;*/
	position: absolute;
	font-size: 48pt;
	left: 50%;
	top: 33%;
	transform: translateX( -50% ) translateY( -50% );
	opacity: 0.75;
	transition: 0.3s;
	color: black;
}

.ahao-video .launcher img {
	position: absolute;
	left: 50%;
	top: 45%;
	transform: translateX( -50% ) translateY( -50% );
	/* width:  3rem; */
	width:  18%;
	max-width:  5em;
	opacity: 0.85;
	transition: 0.3s;
}

.ahao-video .launcher i {
	top: 50%;
}

.ahao-video .launcher:hover i {
	color: red;
	opacity: 1.0;
}

.ahao-video .launcher:hover img {
	opacity: 1.00;
}


/**
 * Hero Video seciton.
 */
#hero {
	position:  relative;
	/* max-height:  15em; */
	margin-bottom:  5em;
}

#hero video {
	width:  100%;
	height:  100%;
	object-fit: contain;
}

#hero .main-hero-video {
	max-height:  25em;
	background-color:  lightgrey;
	object-fit: cover;
}


@media( min-width: 768px ) {
	#hero {
		height:  35em;
		position:  relative;
	}

	#hero .main-hero-video {
		max-height: inherit;
	}
	/* #hero video { */
		/* object-fit: cover; */
	/* } */
}

#hero .layer {
	/* border:  1px dashed green; */
	position:  absolute;
}

#hero .header-layer {
	/* left: 50%; */
	width:  100%;
	left:  0;
	top: 50%;
	/* transform: translate(-50%, -50%); */
	transform: translateY( -50% );
	text-align: center;
}

#hero .header-layer h1,
#hero .header-layer h2 {
	font-size:  16pt;
	letter-spacing: 0.05em;
}

@media( min-width: 768px ) {
	#hero .header-layer h1,
	#hero .header-layer h2 {
		font-size:  32pt;
	}

	#hero .header-layer .strapline {
		font-size:  16pt;
	}
}

#hero .header-layer h1,
#hero .header-layer h2,
#hero .header-layer p {
	color:  white;
	font-weight: bold;
	text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
	font-family: inherit;
}

#hero .header-layer p {
	font-size:  125%;
}

/* #hero .header-layer .btn-primary::after {
	content:  '\f061';
	font-family: 'FontAwesome';
	margin-left:  0.5em;
}

 */
/**
 * Carousels.
 */
.ahao-carousel {
	/* border:  2px dashed blue; */
	/* display:  none; */
	/* margin-bottom:  2em; */
	/* height:  auto; */
	overflow-x: hidden;
	/* overflow-y: hidden; */
	/* padding-bottom:  2em; */
}

.ahao-carousel ul {
	/* overflow-x: hidden; */
	/* visibility: hidden; */
	/* display: flex; */
	/* flex-direction: row; */
}

.ahao-carousel ul li {
	/* border:  2px dashed red; */
	/* display:  inline; */
	/* overflow-x: hidden; */
	/* visibility: hidden; */
}

.ahao-carousel.woocommerce ul.products, .woocommerce-page ul.products {
	flex-wrap:  inherit;
}

/* .ahao-carousel ul { */
	/* list-style-type: none; */
	/* margin: 0; */
	/* padding: 0; */
	/* border:  2px dashed green; */
	/* white-space: nowrap; */
	/* overflow-x: hidden; */
/* } */

.ahao-carousel li.glide__slide {
	/* border:  2px dashed purple; */
	/* height:  25em; */
	transition: 0.3s;
}

.ahao-carousel .glide__slide .attachment-woocommerce_thumbnail {
	/* border:  2px dashed red; */
	/* width:  100%; */
	/* height:  50%; */
	object-fit: cover;
	transition: 0.3s;
}


/* body .ahao-carousel li {
	border:  2px dashed red;
	display:  inline-block;
	width:  10em;
} */

/* body .ahao-carousel li { */

.multibuy-options {
	clear:  both;
	display:  flex;
	flex-wrap: wrap;
	gap:  1em;
	padding-top:  2em;
	margin-bottom: 2em;
}

/* .multibuy-options a {
	display:  block;
} */

/* .multibuy-options a > i {
	margin-right:  1em;
}
 */



a.ah-multibuy-button {
	background-color:  #0a2c70;
	color:  white !important;
    border-radius:  2em;
    line-height:  1.5em;
    display:  flex;
    align-items:  center;
    padding:  1em 2em;
    flex-wrap: nowrap;
}

a.ah-multibuy-button:hover {
	background-color:  #ff0099;
}

a.ah-multibuy-button i {
    font-size:  20pt;
    margin-right:  1rem;
}

a.ah-multibuy-button .price-container {
    margin-left:  1rem;
    font-size:  14pt;
}