:root {
	--chev-left-orange: url('/templates/baleandanchor/images/shared/chev-left.svg') var(--contain); 
	--chev-right-orange: url('/templates/baleandanchor/images/shared/chev-right.svg') var(--contain);
	--chev-left-white: url('/templates/baleandanchor/images/shared/chevl-white.svg') var(--contain); 
	--chev-right-white: url('/templates/baleandanchor/images/shared/chevr-white.svg') var(--contain);
	--chev-left-brown: url('/templates/baleandanchor/images/shared/chevl-brown.svg') var(--contain); 
	--chev-right-brown: url('/templates/baleandanchor/images/shared/chevr-brown.svg') var(--contain);	
}

.hero-slider, .hero-slider div, .hero-slider img{height:100vh; line-height:0;}
.hero-slider img{width:100vw; height:100vh; object-fit:cover;}
.hero-slider .slider{
	--chev-left: var(--chev-left-white); 
	--chev-right: var(--chev-right-white); 
	--btn-bottom: 48%;
	--btn-left: var(--47px);
	--btn-right: var(--47px);
	--btn-bg-color: var(--dorange);
	--btn-border-radius: 50%;
	--btn-l-bg-posx: var(--4px);
	--btn-r-bg-posx: var(--n4px);
}

.hero-slider .slider:not(.slick-initialized) img:not(:first-child){display:none;}

.slick-slider {
	--chev-left: var(--chev-left-orange); 
	--chev-right: var(--chev-right-orange); 
	--btn-bottom: calc(var(--n15px) - var(--chev-size));
	--btn-left: 0;
	--btn-right: 0;
	--button-top: 48%;
	--chev-size: var(--34px);
}

.slick-slider.slide-light, 
#accordion .orange-bg .slick-slider {
	--chev-left: var(--chev-left-white); 
	--chev-right: var(--chev-right-white); 
}

.slick-slider.slide-dark, section.cream-bg .slick-slider, section.white-bg .slick-slider {
	--chev-left: var(--chev-left-brown); 
	--chev-right: var(--chev-right-brown);  
}

.fw-slider {
	--chev-left: var(--chev-left-white); 
	--chev-right: var(--chev-right-white); 
	--btn-bottom: 48%;
	--btn-left: var(--47px);
	--btn-right: var(--47px);
	--btn-bg-color: var(--dorange);
	--btn-border-radius: 50%;
	--btn-l-bg-posx: var(--4px);
	--btn-r-bg-posx: var(--n4px);
}

@media (max-width: 768px){
	.fw-slider.slick-slider, .multi-media-slider .slick-slider{
		--chev-size: var(--23px);
	}
}

.cream-bg,
.white-bg,
.pgreen-bg {
	--dot-color: var(--dgreen);
}

/* FW SLIDER */
.fw-slider-block {
	--slide-height: var(--768px);
}

.body.perks.fw-slider-block {
	--slide-height: var(--768px);
}
@media (max-width: 768px){
	.fw-slider-block {
		--slide-height: var(--457px);
	}
	body.perks .fw-slider-block {
		--slide-height: var(--211px);
		aspect-ratio: unset
	}
	.fw-slider{
		--btn-left: var(--hpad);
		--btn-right: var(--hpad);
	}
	
	.fw-slider .slide-wrap.slide-1 img{
		object-position: var(--n37px);
	}
}
.fw-slider {
	--img-height: var(--slide-height);
}

@media (min-width: 769px) and (orientation:landscape) {
	.fw-slider:not(a):not(.a), .fw-slider:not(a) .slide-wrap, .fw-slider:not(a) .slide-wrap img {
		height:var(--slide-height);
		aspect-ratio:20.5/13.6;
		/*max-height:100vh;*/
		width:100%;
	}
	
	
	
}

@media (min-width: 769px){
	.fw-slider-block {
		--slide-height: var(--768px);
	}
	
}

.slider-dots {
	--dot-border: var(--2px) solid;
	--gap: calc(var(--dot-size) * .7);
	--dot-size: var(--13px);
	--dot-color: var(--orange);
	--dot-wrap-height: var(--18px);
	--dot-margin-top: var(--n38px);
	--dot-justify: center;
	--dot-align: center;
	--dot-bg: var(--cream);
}

@media (max-width:768px) {
	.slider-dots {
		--gap: 0;
		--slider-dots__margin-left:calc(var(--dot-size) * .7);
	}
}

#sister-sites-our-story #sister-wrap{padding: var(--86px) var(--112px) var(--69px);}
@media (max-width:768px) {
	#sister-sites-our-story #sister-wrap{padding: var(--60px) 0 var(--24px);}
}

.sister-slider-text {
	--slide-wrap-direction: column;
	--slide-width: var(--657px); 
	--slide-height: var(--348px);
	--slide-padding: var(--36px) var(--118px) var(--12px) var(--96px);
	--name-font: var(--sh3);
	--location-font: var(--sh6);
	--content-font: var(--p2);
	--content-text-align: left;
	--title-margin-bottom: var(--26px);
	--title-border:var(--border);
	--title-border-color: var(--dbrown);
	--title-padding-bottom: var(--8px);
	--btn-left: var(--96px);
	--btn-right: var(--132px);	
	--slide-wrap-justify: flex-start;
	--title-letter-spacing: .175em;
	--title-wrap:no-wrap;
}

#sister-wrap .sister-slider-text {
	--slide-padding: var(--36px) var(--87px) var(--100px) var(--90px);
	--btn-left: var(--90px);
	--btn-right: var(--2px);
	--slide-height: 100%;
	--btn-bottom: var(--11px);
	--slide-text-align:left;
}
#sister-wrap {
	--main-heading-margin-left: var(--48px);
	--main-div-width: 50%;
}
#sister-wrap .btn {
	transform:translate(var(--45px), var(--n56px));
}

.sister-slider-img {
	--img-width: var(--580px); 
	--img-height: var(--402px);
}

#accordion .sister-slider-img{
	--img-height: var(--455px);
}

#accordion .sister-slider-text{
	--title-border-color: var(--white);
}

#sister-wrap, #sister-wrap .slide-wrap {
	--main-heading-margin-left: var(--90px);
	--main-heading-margin-bottom: 0;	
	--btn-bottom: var(--11px);
}

@media (max-width: 768px) {
	.sister-slider-text {
		--slide-height: var(--730px);
		--name-font: var(--sh6);
		--location-font: var(--sh6);
		--content-font: var(--p2);
		--title-header-align:center;
		--title-border:none;
		--title-margin-bottom: var(--26px);
		--title-padding-bottom:0
		--title-border-color: var(--white);
		--title-border-color: var(--white);
		--title-letter-spacing: .115em;
		--slide-wrap-justify: flex-start;
		--slide-width:100%;
		--chevw:var(--33px);
		--btn-top:var(--21px);
		--title-wrap:wrap;
		--title-width:var(--258px)
	}

	#sister-wrap .sister-slider-text {
/*	--slide-width: var(--320px); */
		--slide-padding: var(--32px) var(--hpad) 0;
		--btn-left: var(--hpad);
		--btn-right: var(--hpad);
		--btn-bottom: auto;
		--content-text-align: center;
	}
	#sister-wrap {
		--section-flex-wrap: wrap;
		--section-flex-direction: column-reverse;
		--content-text-align: center;
		--main-div-width: 100%;
	}
	#sister-wrap .btn {
		transform:translate(0);
	}
	
	.sister-slider-text .slide-image-append{
		--img-padding-bottom:var(--20px);
		--img-border-bottom:var(--border);
		--img-border-color:car(--white);
		--img-width: var(--324px); 
		--img-height: var(--403px);
		--append-margin-bottom:var(--22px);
	}
	#accordion #sister-wrap .slider-dots{
		--dot-color:var(--red);
	}
	#sister-wrap .slider-dots{
		--dot-margin-top:var(--30px);
	}


	#sister-wrap, #sister-wrap .slide-wrap {
		--main-heading-margin-left: 0;
		--main-heading-margin-bottom: 0;	
		--btn-bottom: var(--3px);
	}
	
	section.cream-bg #sister-wrap .slick-slider {
		--chev-left: var(--chev-left-orange); 
		--chev-right: var(--chev-right-orange);  
	}
}

.fw-slider .slide-wrap{position: relative;}
.fw-slider .slide-caption{position: absolute; left:var(--49px); bottom:var(--23px); font:var(--sh4); text-transform:uppercase;height:fit-content;}
@media (max-width: 768px) {
	.fw-slider .slide-caption{display:none}
}

.sister-title {	
	display: flex; justify-content:var(--title-header-align, space-between);width:var(--title-width, 100%); border-bottom: var(--title-border); border-color: var(--title-border-color); text-transform: uppercase; letter-spacing:var(--title-letter-spacing); margin-bottom: var(--title-margin-bottom); padding-bottom: var(--title-padding-bottom);
	align-items: first baseline;flex-wrap:var(--title-wrap);
}
#sister-wrap h2:not(.a) {margin-left: var(--main-heading-margin-left, inherit); margin-bottom: var(--main-heading-margin-bottom, inherit); text-align:var(--content-text-align, left);}
.sister-title h3 {font: var(--name-font, var(--h3-fallbacks));}
.sister-title h6 {font: var(--location-font, var(--h6-fallbacks));}
.sister-slider-text p.p2 {font: var(--content-font, var(--p2-fallbacks)); text-align:var(--content-text-align, left);}

.sister-slider-text .slide-image-append{padding-bottom:var(--img-padding-bottom,0); border-bottom:var(--img-border-bottom);border-color:var(--img-border-color);margin-bottom:var(--append-margin-bottom);}

#sister-wrap .btn{position:relative;z-index:100;}

#sister-wrap {display: flex; flex-wrap: var(--section-flex-wrap, nowrap); flex-direction: var(--section-flex-direction, row);align-items: flex-start;}
#sister-wrap > div {width: var(--main-div-width);}
.slide-6-stop{display:none;}

@media (min-width:769px) {
	#sister-wrap .slider-dots{display:none;}

}
/* SHARED */
.showlast { opacity: 0; transition: .666s;}
.slick-current .showlast {opacity: 1;}
.slick-track { display: flex;}
.slick-list { overflow: hidden;}
.slick-slider {display: flex; flex-wrap: wrap; position: relative;}
.fw-slider {overflow: hidden;}
.fw-slider, .fw-slider-block {height: var(--slide-height); }

button.slick-arrow {position: absolute; bottom: var(--btn-bottom, auto); top: var(--btn-top, auto); transition:.333s; z-index: 1000; text-indent:-9999px; border: 0; overflow: hidden; cursor: pointer; width: var(--chev-size, var(--34px)); height: var(--chev-size, var(--34px)); border-radius: var(--btn-border-radius, 0); transition: background-color 0.3s ease; }
button.slick-prev, button.slick-prev:hover { background: var(--btn-bg-color, transparent) var(--chev-left); background-size: 100%; left: var(--btn-left); background-position: var(--btn-l-bg-posx,center) var(--btn-l-bg-posy, center);}
button.slick-next, button.slick-next:hover { background: var(--btn-bg-color, transparent) var(--chev-right); background-size: 100%; right: var(--btn-right); background-position: var(--btn-r-bg-posx, center) var(--btn-r-bg-posy, center);}

#sister-wrap .slick-dots{margin-bottom:var(--30px)}

ul.slick-dots {width: 100%; display: flex; padding: 0; gap: var(--gap); justify-content: var(--dot-justify, center); position: relative; height: var(--dot-wrap-height); align-items: var(--dot-align, center); margin-top: var(--dot-margin-top);}
ul.slick-dots > li {background: var(--dot-bg); width: var(--dot-size); height: var(--dot-size); border: var(--dot-border); border-color: var(--dot-color); border-radius: 80px; transition:.3s ease; cursor: pointer;}
ul.slick-dots > li:not(:first-child){margin-left:var(--slider-dots__margin-left,0);}
ul.slick-dots button { display: none; }
ul.slick-dots .slick-active { background: var(--dot-color); }
.slide-wrap img {width: var(--img-width, 100%); height: var(--img-height, 100%); object-fit: cover; margin-bottom: var(--img-margin-bottom, 0);}

/* SMALL SLIDER
========================================================== */

.small-slider-block {
	--hpad: var(--111px);
}

.small-slider {
	--img-height: var(--555px);
	--img-width: var(--740px);
	--img-margin-bottom: var(--61px);
	--btn-top: var(--612px);
	--btn-bottom: auto;
	--btn-left: 0;
	--btn-right: 0;
	--h-font: var(--sh3);
	--p-font: var(--p2);
	--p-line-height: var(--25px);
	--h-margin-bottom: var(--22px);
	--copy-width: var(--350px);
}

@media (max-width: 768px) {
	.small-slider-block {
		--hpad: var(--26px);
	}
	
	.small-slider {
		--img-height: var(--403px);
		--img-width: 100%;
		--btn-top:0;
		--slide-pt: var(--41px);
		--btn-bottom: auto;
		--btn-left: 0;
		--btn-right: 0;
		--h-margin-bottom: 0;
		--h-translate: 0, var(--n435px);
		--img-margin-bottom: 0;
		--copy-width: 100%;
	}
	
	.small-slider-block .slider-dots {
		--dot-margin-top: var(--10px);
	}
	
	.ss-container h2.h1.left{
		text-align: center;
	}
	
}

@media (min-width: 769px) {
	.small-slider-block .slider-dots {
		display:none;
	}
}

.small-slider .slide-wrap{padding-top:var(--slide-pt,0)}
.small-slider .slide-wrap:not(:first-child){display: none;}
.small-slider.slick-initialized .slide-wrap {display: flex;}

.small-slider-block > div {flex-direction: column;}
.small-slider-block h1,.small-slider-block h2 {align-self: self-start;}
.small-slider {width: var(--img-width);}
.small-slider h3 {text-transform: uppercase; margin-bottom: var(--h-margin-bottom); font: var(--h-font); width: var(--copy-width);transform:translate(var(--translate,0));transform:translate(var(--h-translate,0));}
@media(max-width:768px){ .small-slider h3 {  font-size: var(--13px); line-height: var(--15px); } }
.small-slider p {font: var(--p-font); line-height: var(--p-line-height); width: var(--copy-width);}

/*
Testimonials
========================================================== */
#igtm {
	--section-left-padding: var(--74px);
	--section-right-padding: var(--134px);
	--section-padding: var(--vpad) var(--section-right-padding) calc(var(--vpad) * 1.5) var(--section-left-padding);
	--section-flex-wrap: no-wrap;
	--tm-body-font: var(--n3) var(--23px) / var(--30px) var(--hff);
	--heading-margin-bottom: var(--36px);
	--heading-font: var(--h1);
	--subheading-font: var(--n4) var(--15px) / var(--24px) var(--bff);
	--subheading-margin: 0 auto var(--30px);
	--subheading-max-width: var(--472px);
	--tm-name-font: var(--n4) var(--10px) / var(--10px) var(--hff2);
	--tm-bg: var(--white); 
	--quote-mark-size: var(--60px); 
	--quote-mark-translate: var(--n16px), var(--n42px);
	--quote-mark-color: var(--dorange);
	--quote-mark-content:'“';
	--quote-mark-display: inline-block;
	--slide-width: var(--589px); 
	--slide-height: var(--343px);
	--slide-padding: var(--64px) var(--54px) var(--36px);
	--tm-name-case: uppercase;
	--content-spacing: var(--142px);
	--ig-img-size: var(--206px);
	--slide-wrap-direction: column;
	--slide-wrap-justify: space-between;
	--width: 50%;
	--dots-display: none;
	--btn-border-radius:50%;
}

@media (max-width: 768px) {
	#igtm {
		--section-padding:var(--vpad) var(--hpad) var(--14px);
		--gap: 0;
		--igtm-img__margin: var(--12px);
		--ig-img-size: calc(var(--156px) - var(--12px)/4);
		--width: 100%;
		--section-flex-wrap: wrap;
		--section-padding: var(--vpad) var(--hpad);
		--heading-font: var(--n4) var(--26px) / var(--55px) var(--hff);
		--heading-margin-bottom: var(--10px);
		--subheading-font: var(--n4) var(--15px) / var(--20px) var(--bff);
		--subheading-margin: 0 auto var(--16px);
		--slide-width: var(--324px); 
		--slide-height: auto;
		--slide-padding: var(--60px) var(--25px) var(--20px);
		--tm-body-font: var(--n3) var(--15px) / var(--25px) var(--hff);
		--content-spacing: 0;
		--tm-mb: var(--55px);
		--dots-display: flex;
	}
	#igtm .slider-dots {
		--dot-margin-top: var(--14px);
	}
	
	.testimonials-slider .slick-arrow{display:none;}
}

#igtm {padding: var(--section-padding); margin: 0 auto; display: flex; gap: var(--content-spacing); flex-wrap: var(--section-flex-wrap);}
#igtm > div {width: var(--width);}
section:not(.multi-media-slider) .slide-wrap {z-index: 1 !important;}
.slide-wrap {overflow: hidden; display: flex; flex-direction: column; align-items: center;}
.slide-wrap > div {align-items: center; justify-content: var(--slide-wrap-justify, center); text-align: center; background: var(--tm-bg, transparent); display: flex; flex-direction: var(--slide-wrap-direction, inherit); height:100%; padding: var(--slide-padding); width: var(--slide-width);}
.tms {margin-bottom: var(--tm-mb, 0)}
.tms .slide-wrap h4 {font: var(--tm-name-font); text-transform: var(--tm-name-case, inherit);}
.tms .slide-wrap p {font: var(--tm-body-font);}
.tms .slide-wrap p, .tms .slide-wrap h4 {opacity: 0; transition: opacity 2s;}
.tms .slide-wrap.slick-active p, .tms .slide-wrap.slick-active h4 {opacity: 1;}
.tms .slide-wrap span {position: relative;}
.tms .slide-wrap span::before {display: var(--quote-mark-display, none); content: var(--quote-mark-content, ''); position: absolute; font-family: var(--hff); color: var(--quote-mark-color) !important; font-size: var(--quote-mark-size); transform:translate(var(--quote-mark-translate)); line-height: 1;}
#igtm h2.h1 {margin-bottom: var(--heading-margin-bottom, var(--36px)); font: var(--heading-font);}
#igtm h2 + p, #igtm h2 + p + p {font: var(--subheading-font); text-align: center; max-width: var(--subheading-max-width); margin: var(--subheading-margin);}
#igtm h2 + p a, #igtm h2 + p + p a {display: inline;}
#igtm h2 + p a, #igtm h2 + p + p a > img{height: 1.2em;transform:translateY(0.35em)}
.slide-wrap:not(:first-child){display: none;}
.slick-initialized .slide-wrap {display: block;}
.testimonials-slider {background: var(--tm-bg);}


/*
Instagram
========================================================== */
#instafeed {display: flex; flex-wrap: wrap; gap: var(--gap);}
.ig-wrap {width: var(--ig-img-size); height: var(--ig-img-size);margin-bottom:var(--igtm-img__margin, 0)}
.ig-wrap:nth-child(odd){margin-right:calc(var(--igtm-img__margin)/2);}
.ig-wrap:nth-child(even){margin-left:calc(var(--igtm-img__margin)/2);}
.ig-img, .ig-wrap > a {object-fit: cover; width: 100%; height: 100%;}


/*
Multi media slider
========================================================== */
.multi-media-slider {
	--height: var(--740px);
	--align: center;
	--justify: center;
	--display: flex;
	--h-width: var(--600px);
	--h1-mb:var(--78px);
}

.media-slider.slick-slider {
	--chev-left: var(--chev-left-white); 
	--chev-right: var(--chev-right-white);
	--btn-bottom: 48%;
	--btn-left: var(--47px);
	--btn-right: var(--47px);
	--btn-bg-color: var(--dorange);
	--btn-border-radius: 50%;
	--btn-l-bg-posx: var(--4px);
	--btn-r-bg-posx: var(--n4px);
}

.media-slider .slide-wrap {
	--link-bg: transparent;
	--link-width: var(--230px);
	--link-height: var(--17px);
	--link-font: var(--nav);
}

body.slide-hero-orange .media-slider.slick-slider button.slick-arrow {
	--btn-bg-color: var(--red);
}

@media (max-width: 768px) {
	.multi-media-slider {
		--height:var(--766px);
		--h-width: 100%;
		--h1-font: var(--n3) var(--25px) / var(--30px) var(--hff);
		--h2-font: var(--n3) var(--20px) / var(--25px) var(--hff);
		--justify: center;
		--h1-mb:var(--13px);
	}
	
	.media-slider .slide-wrap {
		--padding: 0 var(--hpad);
	}
	
	.media-slider.slick-slider {
		--btn-left: var(--13px);
		--btn-right: var(--13px);
		--btn-bottom: auto;
		--btn-top: var(--367px);
	}
	
	.multi-media-slider .slide-0{
		--h-mt:var(--n20px)
	}
	.multi-media-slider .slide-1{
		--h-mt:var(--n110px)
	}
	.multi-media-slider .slide-3{
		--h-mt:var(--n84px)
	}
	.multi-media-slider .slide-4{
		--h-mt:var(--n24px)
	}
	.multi-media-slider .slide-5{
		--h-mt:var(--n44px)
	}
	
}

.media-slider {width: 100%; height: var(--height); overflow: hidden;}
.multi-media-slider .slide-wrap {position: relative; overflow: hidden; width: 100%; height: var(--height); display: var(--display, flex); align-items: var(--align, center); justify-content:var(--justify, center);padding:var(--padding,0);}
.multi-media-slider .img-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.multi-media-slider .slide-wrap img { position: absolute; top: 0; left: 0;max-width:fit-content;}
.multi-media-slider .slide-wrap img[src*=".png"]{object-fit: contain}
.multi-media-slider .h1 { position: relative; line-height: var(--67px); margin-bottom: var(--h1-mb); font:var(--h1-font, var(--h1));margin-top:var(--h-mt, 0);}
.multi-media-slider .h2 {position: relative; margin-bottom: 0; font:var(--h2-font, var(--h2));margin-top:var(--h-mt, 0);}
.multi-media-slider button.slide-link {background: var(--link-bg); height: var(--link-height); width: var(--link-width); font: var(--link-font); text-transform: uppercase; letter-spacing: var(--ls); text-decoration: underline; position: relative;}

/* Luke Last Edit 26/07 15:20pm */