*,
*::before,
*::after{margin:0;padding:0;box-sizing:border-box}
html {scroll-behavior:smooth}
body {font-family:'Swoon', Arial, Helvetica, sans-serif; color:#201747; background:#F8F8F8}





/* Import Fonts */
@font-face {
    font-family:'Swoon Headline';
    src:url('../fonts/Swoon-Headline-Medium.woff2') format('woff2');
    font-weight:500;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Swoon Headline';
    src:url('../fonts/Swoon-Headline-Bold.woff2') format('woff2');
    font-weight:bold;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Swoon';
    src:url('../fonts/Swoon-Regular.woff2') format('woff2');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face {
    font-family:'Swoon';
    src:url('../fonts/Swoon-RegularItalic.woff2') format('woff2');
    font-weight:normal;
    font-style:italic;
    font-display:swap;
}
@font-face {
    font-family:'Swoon';
    src:url('../fonts/Swoon-SemiBold.woff2') format('woff2');
    font-weight:600;
    font-style:normal;
    font-display:swap;
}





/* Fonts */
h1, h2, h3, h4, h5, h6  {line-height:125%; padding:0.5rem 0; font-weight:bold}
h1, h2, h3 {font-family:'Swoon Headline'; text-transform:uppercase; font-weight:bold}
h1 {font-size:3em}
h2 {font-size:2rem}
.title h2 {line-height:90%;}
h3 {font-size:1.5rem; line-height:130%; letter-spacing:0.04em; margin:0.5rem 0}
h4 {font-size:1.25rem; font-weight:400}
h5 {font-size:1.25rem; line-height:125%; font-weight:600}
h6 {font-size:0.85rem; line-height:125%}
p {line-height:140%; margin:1rem 0}
p.large {font-size:1.3em}
.content-area ul, .article-copy ul {margin:1em}
.content-area li, .article-copy ul li {margin:0.75em 0.25em; line-height:140%}
strong {font-weight:bold}
small {font-size:80%}
em {font-style:italic}

	@media (min-width:901px) {
		h1, h2 {font-size:10vw; line-height:90%}
	}
	@media only screen and (min-width:1500px) {
		h1, h2 {font-size:8vw; line-height:90%}	
	}
	@media only screen and (min-width:2000px) {
		h1, h2 {font-size:6vw; line-height:90%}	
	}
	@media only screen and (min-width:2500px) {
		h1, h2 {font-size:4vw; line-height:90%}	
	}
	@media (max-width:900px) {
		h1, h2 {font-size:3rem; line-height:100%}
	}




/* Theme Colors */
.blue {color:#6FCFEB}
.pink {color:#F3B2DB}
.purple {color:#BD9EC8}
.yellow {color:#FCF3A4}
.green {color:#9DEAD4}
.white {color:white}




/* Links */
a {color:#201747}
.btn, .wpcf7 input[type=submit] {padding:0.75rem 1.5rem 0.5rem;font-size:1.2rem;line-height:100%;display:inline-block;color:#201747;background:#F3B2DB;font-weight:500;text-decoration:none;border-radius:40px;font-family:'Swoon Headline'; border:1px solid #201747; box-shadow:3px 5px 0px 0px #201747; -webkit-box-shadow:3px 5px 0px 0px #201747;text-transform:uppercase; -moz-box-shadow:3px 5px 0px 0px #201747; transition:all 0.2s ease}
.btn.blue {background:#6FCFEB}
.btn.purple {background:#BD9EC8}
.btn.yellow {background:#FCF3A4}
.btn.green {background:#9DEAD4}

.btn:hover, .wpcf7 input[type=submit]:hover {box-shadow:1px 2px 0px 0px #201747;-webkit-box-shadow:1px 2px 0px 0px #201747;-moz-box-shadow:1px 2px 0px 0px #201747}



.fade-up, .fade-up-delay {visibility:hidden}






/* Layout */
.main-content {width:100%; overflow:hidden;}
.wrapper {max-width:1600px; margin:0 auto; padding:0 3vw}
section {padding:10vh 0; background:white}

	@media (max-width:767px) {
		section {padding:3em 0}
	}



/* Header */
.header-grid {background:white; padding:1rem 1.5rem; border-radius:40px; margin:2rem 0}
	.header-grid .right-menu {text-align:right}
		.header ul {list-style-type:none; margin:0; padding:0}

	/* Logo */
	.logo {text-align:center}	
		.logo img {display:inline-block; vertical-align:middle; width:150px !important; height:auto !important}	

	/* Right Menu */
	.right-menu {display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;align-content:center;flex-direction:row;gap:1rem}
		 
		/* Search input */
		.search-container {position:relative; width:40px; height:40px; transition:width 0.4s ease;overflow:hidden;border:1px solid #201747; border-radius:20px;background:white;  box-shadow:0px 0px 0px 0px #201747; -webkit-box-shadow:0px 0px 0px 0px #201747; -moz-box-shadow:0px 0px 0px 0px #201747; transition:all 0.2s ease}
		.search-container.expanded { width:240px; border-color:#201747;box-shadow:3px 5px 0px 0px #201747; -webkit-box-shadow:3px 5px 0px 0px #201747; -moz-box-shadow:3px 5px 0px 0px #201747;}
		.search-input {width:100%; height:40px; padding:0px; border:none;outline:none;font-size:15px; text-indent:15px;}
		.search-button {position:absolute; right:0px; top:0px; background:white; border:0px; cursor:pointer; font-size:20px; width:40px; height:40px}
		.search-button:focus {outline:none} 
		 
	@media (min-width:901px) {
		.header-grid {display:grid; grid-template-columns:40% auto 40%; gap:0; align-items:center}		
		.toggle-menu-panel, .menu-panel {display:none}		
		.main-menu li{display:inline-block;vertical-align:middle;text-transform:uppercase;font-family:'Swoon Headline';font-weight:500;font-size:1.25rem;margin:8px 1.75rem 0}
	}
	@media (max-width:900px) {
		.main-menu, .right-menu .search {display:none}
		
		.header-grid {display:grid; grid-template-columns:50px auto 100px; gap:1rem; align-items:center; padding:10px; margin:1rem 0}
			
			.logo {text-align:left}	
			.logo img {display:inline-block; vertical-align:middle; width:100% !important; max-width:150px !important; height:auto !important}	
			
		.header-grid .btn{padding:0.75rem 0.5rem 0.5rem; display:block; text-align:center}
		.right-menu {width:100%; display:block}
		
		/* Animated Burger Menu */ 
		.sidebar-toggle { font-size:32px; line-height:40px; height:40px; width:50px; display:inline-block; text-align:center; background:transparent; color:#201747; cursor:pointer; padding:0; margin:0; border:none; border-radius:0px; outline:0}
		.menu-panel .sidebar-toggle {position:absolute; right:10px; top:10px}

		/* Menu System */
		.menu-panel {background:white; position:fixed; z-index:100001; overflow-y:auto; top:0px; left:-100%; width:100%; height:100%; box-sizing:border-box; right:auto; opacity:0; transition:all 0.25s ease-in-out}
		.menu-panel.open-menu {left:auto; left:0px; opacity:1}
		.menu {padding:74px 0 0}
		.menu * {box-sizing:border-box}
		.menu ul {list-style:none;margin:0;padding:0;display:block;clear:both; font-family:'Swoon Headline'}
		.menu li {position:relative;overflow:hidden; transition:all .4s ease; font-size:2rem; text-transform:uppercase; border-top:1px solid #eee}
		.menu a {padding:1.5rem; display:block; text-decoration:none;color:#201747}
	}
	
	
	

/* Menu text animation effect */
a[data-link-hover] {display:inline-block;overflow:hidden;line-height:1em}
.link-text-wrap {display:inline-block;position:relative;height:1em}
.link-text {display:block;transition:transform 0.545s cubic-bezier(0.16, 1, 0.3, 1)}
.link-text--hover {position:absolute;top:1em;left:0;right:0}
a[data-link-hover]:hover .link-text {transform:translateY(-1em)}
a[data-link-hover]:hover .link-text--hover {transform:translateY(-1em)}





/* Text areas */
.text-area { background:#6FCFEB; text-align:center}
.text-area-content {position:relative}
.home .contain-copy {max-width:40%; margin:0 auto}
.text-area-content p .btn {margin:1rem 0;}
	.home .text-area-content img {position:absolute; bottom:0px; right:-30px; max-width:33%; height:auto !important;}

.about .contain-copy {max-width:50%; margin:0 0 0 auto;  text-align:left}
	.about .text-area-content img {position:absolute; top:-20%; left:0px; max-height:120%; width:auto}
	
	@media (min-width:1151px) and (max-width:1400px) {
		.about .text-area-content img {position:absolute; top:-10%; left:0px; max-height:110%}
	}
	@media (min-width:901px) and (max-width:1150px) {
		.about .text-area-content img {position:absolute; top:0%; left:0px; max-height:100%; max-width:40%}
	}	
	@media (max-width:900px) {
		.home .contain-copy {max-width:50%; margin:0; text-align:left}
		.home .text-area .text-area-content img { max-width:60%}
		.about .text-area-content img {position:absolute; top:0%; left:0px; max-height:100%; max-width:40%}
	}
	@media (max-width:700px) {
		.home .contain-copy, 
		.about .contain-copy {max-width:100%}
		.text-area-content img {position:static !important; width:auto !important; margin:1rem auto; height:40vh !important; max-height:30vh !important; max-width:100% !important}
	}






/* Section Header (with button on right) */
.section-header {display:grid;grid-template-columns:auto auto;gap:10px; align-items:end; margin-bottom:3vh; width:100%; overflow:hidden;}
.section-header .button {text-align:right; padding:1rem 6px}

	@media (min-width:768px) {
		.section-header .button {margin-bottom:2em;}
	}
	@media (max-width:767px) {
		.section-header h1 {padding:0;}
	}
		


/* Full width text */
.fullwidth-container{width:100%; display:grid;grid-template-columns:1fr;grid-template-areas:"dedicated" "joy"; box-sizing:border-box; font-family:'Swoon Headline'; text-transform:uppercase; font-weight:bold}
.fullwidth-container h1,
.fullwidth-container h2 {padding:0; }
.fullwidth-container > *{min-width:0;display:flex;flex-direction:column;justify-content:center}
.dedicated{grid-area:dedicated}
.joy{grid-area:joy}
	

	




/* Home Page Intro Grid */
.page-intro {background:#F8F8F8; padding:4vh 0}
.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:10px;margin-bottom:2em; height:50vh;}
.grid-container div{border-radius:40px;overflow:hidden; position:relative; z-index:1; }
.grid-container div img{width:100%;height:100%;object-fit:cover; position:relative; z-index:1}
.div1{grid-column:span 2 / span 2;grid-row:span 2 / span 2}
.div2{grid-row:span 2 / span 2;grid-column-start:3}
.div3{grid-column-start:4}
.div4{grid-column-start:4;grid-row-start:2}
.grid-container .btn {position:absolute; top:1rem; left:1rem; z-index:2; background:rgba(157, 234, 212, 1);}

.caption {position:absolute; text-transform:uppercase; bottom:1rem; right:1rem; z-index:2; background:#FAF1A4; padding:1rem; border-radius:20px; width:50%; font-size:1rem; line-height:110%;  font-family:'Swoon Headline'; font-weight:500}
	.caption p {margin:0; line-height:110%;}

	@media (min-width:2000px) {
		.grid-container{margin-bottom:3em}
	}
	@media (max-width:1800px) {
		.grid-container{margin-bottom:2em}
	}
	@media (max-width:1500px) {
		.grid-container{height:47vh;}
	}
	@media (max-width:767px) {
		.grid-container {grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr); gap:10px; height:60vh; margin:0 0 1rem}
		.grid-container div{border-radius:20px}
		.grid-container .div1{grid-row:span 1 / span 2;grid-column-start:1}
		.grid-container .div2{display:none;}
		.grid-container .div3{grid-column-start:1;grid-row-start:2}
		.grid-container .div4{grid-column-start:2;grid-row-start:2}
		.grid-container .caption, .product-header-grid .caption {display:none}
	}



/* Instagram section - home */	
.follow-instagram{text-align:center;position:relative;background:#FCF3A4;min-height:100vh;display:flex;justify-content:center;align-items:center}
	.follow-instagram .copy {position:relative; z-index:2}
	.follow-instagram .copy h2 {line-height:90%;}
	.follow-instagram .cup-image {position:absolute; z-index:2; bottom:10vh; right:6vw; max-height:55vh}
		.follow-instagram .cup-image img {max-height:55vh}
	.follow-instagram .insta-img {width:150px; height:150px; display:block !important; overflow:hidden; border-radius:20px; position:absolute; z-index:1; top:3vw; left:3vw}
		.follow-instagram .insta-img img {width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:1}
	.follow-instagram .insta-img.two {width:120px; height:120px; left:10vw; top:10vw}
	.follow-instagram .insta-img.three {left:10vw; top:auto; bottom:3vw}
	.follow-instagram .insta-img.four {left:auto; top:3vw; right:3vw}
	.follow-instagram .insta-img.five {width:120px; height:120px; left:auto; right:30vw; top:auto; bottom:10vw}	
	
	@media only screen and (min-width:1240px) {
		.follow-instagram .insta-img {width:200px; height:200px}
		.follow-instagram .insta-img.two,
		.follow-instagram .insta-img.five {width:160px; height:160px}		
	}
	@media only screen and (max-width:767px) {
		.follow-instagram {min-height:66vh;}
		.follow-instagram .insta-img {width:100px; height:100px; border-radius:10px}
		.follow-instagram .insta-img.two {left:15vw; top:15vw}
		.follow-instagram .insta-img.three {left:3vw}
		.follow-instagram .insta-img.five {right:35vw}	
		.follow-instagram .insta-img.two,
		.follow-instagram .insta-img.five {width:80px; height:80px}
		.follow-instagram .cup-image {bottom:3vh; right:3vw; max-height:25vh}
			.follow-instagram .cup-image img {width:auto; max-height:25vh}
	}	



.strip {background:#201747;padding:1px 0;}
.strip .scrolling-container {margin:10px 0;}
.strip, .strip img {display:block}
.strip img {width:100%; max-width:100%; height:auto}

	@media only screen and (min-width:768px) {
		.mobile-only {display:none;}
	}
	@media only screen and (max-width:767px) {
		.desktop-only {display:none;}
	}
	





/* Banner */
.banner {position:relative}
.banner .banner-image {border-radius:40px; height:60vh; overflow:hidden; position:relative; z-index:1; margin:0 0 2vw}
.banner-image img {width:100%;height:100%;object-fit:cover; position:relative; z-index:1}
.banner .caption {max-width:350px}
	
	@media only screen and (max-width:767px) {
		.banner .banner-image {border-radius:20px;}
		.banner .banner-image {height:66vh}
	}




/* Grid */
.two-col {display:grid;grid-template-columns:repeat(2, 1fr);gap:4vw; align-items:start}
.three-col {display:grid;grid-template-columns:repeat(3, 1fr);gap:4vw; align-items:start}

	@media only screen and (max-width:767px) {
		.two-col, .three-col {display:grid; grid-template-columns:repeat(1, 1fr); gap:1em}
	}
	
	
	
	
	
/* Common Bottom Area */
.common-btm {background:#F3B2DB; padding:3vw 0; margin-bottom:0}
.common-btm iframe {margin:0 0 6vh 0; border-radius:40px}

	@media only screen and (max-width:767px) {
		.common-btm iframe {border-radius:20px}
	}



/* Footer */
.footer {background:#201747; border-radius:40px; padding:3vw 3vw 1vw}
	.footer, .footer a {color:white;  text-transform:uppercase;}
		.footer .columns {display:grid; grid-template-columns:15% 12% 22% 12% auto; gap:1rem; align-items:start; padding:1rem; font-family:'Swoon Headline'; font-weight:500;}
			.footer ul {list-style-type:none; margin:5px 0; padding:0;}
			.footer ul li a { font-size:1.4rem; margin-bottom:5px; display:block}
	.footer a {text-decoration:none}
	.footer a:hover {text-decoration:underline}
	
	.footer h3 {margin-top:0px; padding-top:0px; font-weight:500}
	.footer .logo {margin:3vw 0}
	.footer .logo img {display:block; width:100% !important; height:auto !important}	
	
	.footer ul.opening-times {list-style-type:disc}
	.footer ul.opening-times li {list-style-type:disc; margin:1rem; line-height:150%}
		.footer ul.opening-times li span {display:block; letter-spacing:0.06em;}
		.footer ul.opening-times li span.location {}
		
	.footer .newsletter {background:#FCF3A4; border-radius:20px; color:#201747; padding:1.5rem}
	.footer .newsletter h3 {font-family:'Swoon Headline'; font-weight:700; line-height:120%}

	.newsletter-form {display:grid; grid-template-columns:auto 50px; gap:0px; align-items:start}
	.newsletter-form p {margin:0; padding:0}

		.wpcf7 .newsletter-form input{background:transparent;border:0px; border-bottom:1px solid #201747;font-size:1rem;color:#201747;padding:0; height:40px; display:inline-block;border-radius:0px;max-width:100%; width:100%; min-width:100%; text-indent:0px; font-family:'Swoon'; outline:none;}
		.wpcf7 .newsletter-form input.wpcf7-submit {width:40px !important; min-width:40px; max-width:40px !important; box-shadow:none; display:inline-block; text-indent:-9999px; background-color:transparent !important; background-repeat:no-repeat; background-position:center right; background-size:55%;  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23201747' class='bi bi-arrow-right-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0M4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5z'/%3E%3C/svg%3E")}
		.wpcf7 .newsletter-form input.wpcf7-submit:hover {transform:none !important}
		.wpcf7 .newsletter-form input:focus{background:transparent;}
		
	
	.btm-line {font-size:0.75rem;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:flex-start;flex-direction:row; line-height:160%}
	.btm-line .links a {margin:0 2vw; display:inline-block}
	
	
	@media (min-width:901px) {
		.btm-line.mobile {display:none;}
	}
	@media (max-width:900px) {
		.footer .columns{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:10px}
		.footer .columns .column:last-of-type {grid-column:span 2 / span 1}
		.btm-line.desktop {display:none;}
	}
	@media (max-width:550px) {
		.footer {border-radius:20px; padding:1rem}
		.footer .columns {display:block; padding:0}
		.footer .columns .column {padding:0.5rem 0}
		.footer .newsletter {padding:1.5rem; margin:1rem 0}

		.btm-line .links a {margin:0; display:inline-block}
		
		.btm-line  {
			 text-align:left;
		    display: grid;
		    grid-template-columns: repeat(2, 1fr);
		    grid-template-rows: repeat(2, 1fr);
		    gap:8px;
		}
		.btm-line .noise {text-align:right;}
		.btm-line .links {
			display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:flex-start;flex-direction:row; 
		    grid-column: span 2 / span 2;
		    grid-row-start: 2;
		}
		
	}







/* Team */
.team {background:#FCF3A4; margin:0; padding:10vh 0}	

	.title-area {display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:2rem;grid-row-gap:0px}

	.team-contain {margin:10vh 0 0}
	.team-contain .names .team-member {font-weight:600; font-size:5.5vw; margin:1rem 0; cursor:pointer; color:transparent;-webkit-text-stroke:1.5px #201747;text-stroke:1.5px #201747}
	.team-contain .names .team-member.active{color:#201747;-webkit-text-stroke:none;text-stroke:none}
	.team-contain .team-member-details {order:1; position:relative}
	
	.team-member-details div div {position:relative; z-index:1; border-radius:20px; padding:1rem 1.25rem; display:inline-block; vertical-align:top}
	.about-row .about-title, 
	.favourite-row .favourite-title { z-index:2; background:#201747; color:white; font-family:'Swoon Headline'; font-weight:500; text-transform:uppercase; font-size:1.2rem}
	.about-row .about-details {background:white; line-height:140%; margin:-1em 10vw 0 4rem; font-size:0.9rem}

	.favourite-row {width:100%; margin:1.5rem 0 0}
		.favourite-row .favourite-title {background:#9DEAD4; color:#201747; margin:0 0 0 1rem}
		.favourite-row .favourite-image {width:150px; height:150px; display:block !important; overflow:hidden; padding:0 !important;  margin:-1em 4rem 0 10rem}
			.favourite-row .favourite-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:1}
		.favourite-row .favourite-details {background:white; display:block !important; line-height:140%; margin:-1em 10vw 0 250px; font-size:0.9rem}
	
	.team-member-image {position:absolute !important; z-index:3 !important; top:0px; right:-3rem}
	.team-member-image, 
	.team-member-image img {width:auto; height:90%}
	
	
	@media only screen and (min-width:1281px) {	
		.team-contain .names .team-member {font-size:4.5vw}
	}
	@media only screen and (min-width:1950px) {	
		.team-contain .names .team-member {font-size:3.5vw}
	}
	@media only screen and (min-width:901px) {
		.team-contain{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:2rem;grid-row-gap:0px}
		.team-contain .names {order:2}
	}
	@media only screen and (max-width:900px) {
		.title-area {display:block}
		.team {padding:2em 0}
		.team-contain {min-height:400px; margin:2em 0 0 ;}
		.team-contain .names .team-member {font-size:2.5rem}
		.team-contain .names .team-member.active{-webkit-text-stroke:1px #201747;text-stroke:1px #201747}
		.team-member-details div div {padding:1rem; border-radius:10px}
		.about-row .about-details {margin:-0.5em 0 0 1rem; font-size:0.9rem}
		.about-row, .favourite-row {max-width:66%}
		.favourite-row {margin:1rem 0 0}
		.favourite-row .favourite-title {margin:0}
		.favourite-row .favourite-image { margin:0em 0 0 4rem}
		.favourite-row .favourite-details {margin:0 0 0 2rem}
		.team-member-image {right:0rem}
		.team-member-image, 
		.team-member-image img {width:auto; height:75%}
	}
	
	
	

/* Accordion */
.accordion-contain {padding:0; background:#201747}
	.accordion-contain-title span{color:white;font-family:'Swoon Headline';font-weight:bold;text-transform:uppercase;font-size:10vh; line-height:100%}
	.accordion {width:100%}
		.accordion-option {cursor:pointer;position:relative; background:#C09CDF; display:block; padding:2rem; margin:0}
		.accordion-option:nth-of-type(2) {background:#F3B2DB}
		.accordion-option:nth-of-type(3) {background:#FEE99A}
		.accordion-option:nth-of-type(4) {background:#73D1EA}
		.accordion-option:nth-of-type(5) {background:#9DEAD4}
		.accordion-option.open {}		
			.accordion-title {font-size:2rem; text-transform:uppercase; color:#201747; text-decoration:none; font-family:'Swoon Headline'; font-weight:500}
			.accordion-title:after {content:"+"; font-family:'Swoon'; font-weight:400; font-size:100%; font-weight:normal; position:absolute; right:2rem; top:2rem; transition:all 0.25s ease}
				.accordion-option.open .accordion-title:after {content:"-"}
		.accordion .data {display:none; padding:0}	

		@media only screen and (min-width:901px) {		
			.accordion-contain {display:grid;grid-template-columns:12% 88%;grid-template-rows:1fr;grid-column-gap:0px;grid-row-gap:0px}
				.accordion-contain-title{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}
					.accordion-contain-title span{transform:rotate(-90deg);white-space:nowrap}
			.accordion .data {margin:-1.5rem 5% 0 45%}
			.accordion-title {transition:all 0.25s ease}
			/*.accordion-option:hover {transform:scale(1.01)}*/
			.accordion-option:hover .accordion-title {padding-left:1rem}
		}
		@media only screen and (min-width:1025px) and (max-width:1240px) {
			.accordion-contain-title span{font-size:8vh}		
		}
		@media only screen and (min-width:2000px) {
			.accordion-contain span{font-size:5vh}		
		}
		@media only screen and (max-width:900px) {
			.accordion-contain-title {padding:1.5rem}
			.accordion-contain-title span{font-size:3rem}		
			.accordion-option {padding:1.5rem}	
			.accordion-title {font-size:1.75rem}
			.accordion-title:after {right:1.5rem; top:1.5rem}
			.accordion .data {padding:1rem 0 0 }
		}




/* Large Text Banner */
.text-banner {text-align:center; background:#F8F8F8; padding:0}
.text-banner .wrapper{display:flex;align-items:center;justify-content:center;min-height:85vh}
.text-banner .contain{position:relative;z-index:1; margin-top:-5vh;}
	.text-banner h1 {position:relative; z-index:1; display:inline-block; line-height:85%; font-size:11.5vw}
	.text-banner .pill {position:absolute; z-index:2; padding:1rem 1.5rem 0.75rem; font-size:1.5rem; line-height:100%; display:inline-block; color:#201747; background:#F3B2DB;font-weight:500;text-decoration:none;border-radius:40px;font-family:'Swoon Headline'; text-transform:uppercase}
	
	.text-banner .pill.blue {background:#6FCFEB}
	.text-banner .pill.purple {background:#BD9EC8}
	.text-banner .pill.yellow {background:#FCF3A4}
	.text-banner .pill.green {background:#9DEAD4}
	
	.text-banner.faq .pill.pink {bottom:15%; right:25%; transform:rotate(3deg)}
	.text-banner.faq .pill.blue {bottom:0rem; left:0px; transform:rotate(-5deg)}
	.text-banner.faq .pill.purple {top:-2rem; left:25%; transform:rotate(6deg)}
	.text-banner.faq .pill.yellow {top:-2rem; right:0px; transform:rotate(-5deg)}
	
	.text-banner.about .pill.pink {top:45%; right:40%; transform:rotate(3deg)}
	.text-banner.about .pill.blue {top:12%; left:12%; transform:rotate(3deg)}
	.text-banner.about .pill.purple {bottom:-1rem; left:40%; transform:rotate(6deg)}
	.text-banner.about .pill.yellow {top:12%; right:20%; transform:rotate(-5deg)}
	.text-banner.about .pill.green {top:45%; left:0px; transform:rotate(-5deg)}
	
	
	@media (min-width:1240px) {
		.text-banner h1 {font-size:10vw}
	}
	@media (min-width:2000px) {
		.text-banner h1 {font-size:8vw}
	}
	@media (max-width:1023px) {
		.text-banner h1 {font-size:11.5vw}
		.text-banner .pill {padding:1rem 1.5rem 0.75rem; font-size:1.25rem}	
	}
	@media (max-width:767px) {
		.text-banner .wrapper {min-height:50vh}
		.text-banner .pill {padding:0.6rem 0.8rem 0.4rem; font-size:1rem}
		
		.text-banner.faq .pill.pink {bottom:0rem}
		.text-banner.faq .pill.purple {top:-1rem}
		.text-banner.faq .pill.yellow {top:-1rem}
		
		.text-banner.faq h1 {font-size:14vw;}
		
		
		.text-banner.about .pill.pink {right:20%}
		.text-banner.about .pill.blue {top:12%; left:12%}
		.text-banner.about .pill.purple {bottom:-1rem; left:40%}
		.text-banner.about .pill.yellow {top:12%; right:5%}
		.text-banner.about .pill.green {top:45%; left:0px}
		
	}
	@media (max-width:550px) {
		.text-banner .pill {padding:0.4rem 0.5rem 0.2rem; font-size:0.9rem}
	}





/* Products */

	/* Product Grid */
	.product-header-grid {height:60vh; align-items:stretch; display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr); gap:0px; margin-bottom:3vh}
		.product-header-grid div { height:12vh; padding:5px; border-radius:40px; position:relative; }
		.product-header-grid .div1{grid-column:span 2 / span 2; grid-row:span 1 / span 1}
		.product-header-grid .div2{grid-column:span 2 / span 2; grid-row:span 4 / span 4; grid-column-start:1;grid-row-start:2; height:48vh}
		.product-header-grid .div3{grid-row:span 4 / span 4; grid-column-start:3; height:48vh}
		.product-header-grid .div4{grid-row:span 2 / span 2; grid-column-start:4; grid-row-start:1; height:24vh}
		.product-header-grid .div5{grid-column:span 1 / span 1; grid-row:span 2 / span 2; grid-column-start:4;grid-row-start:3; height:24vh}
		.product-header-grid .div6{grid-column:span 2 / span 2; grid-row:span 1 / span 1; grid-column-start:3;grid-row-start:5}
        
			.product-header-grid .fullwidth-container,
			.product-header-grid .image { padding:0px; height:auto}
		
			.product-header-grid .image {overflow:hidden; position:relative; z-index:1; width:100%;height:100%}
				.product-header-grid .image img{width:100%;height:100%;object-fit:cover; position:relative; z-index:1}
			
			/* Vertically center the text */
			.product-header-grid div.fullwidth-container{position:absolute;left:0px;top:50%;transform:translateY(-40%);border-radius:0}
			.product-header-grid .div1 img, 
			.product-header-grid .div6 img {width:100% !important; height:100% !important; border-radius:0}
	
		@media only screen and (min-width:1250px) {
			.product-header-grid {height:70vh;}
			
			.product-header-grid div {height:14vh}
			.product-header-grid .div2, .product-header-grid .div3 {height:56vh}
			.product-header-grid .div4, .product-header-grid .div5 { height:28vh}			
		}
		@media only screen and (max-width:900px) {
			.product-header-grid {height:auto; grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr); gap:10px; margin:0}
			.product-header-grid div {border-radius:20px; height:15vh !important; padding:0} 
			.product-header-grid .div2{grid-column:span 2 / span 2; grid-row:span 1 / span 1; grid-column-start:1;grid-row-start:2}
			.product-header-grid .div3{grid-column:span 1 / span 1; grid-row:span 1 / span 1; grid-column-start:1}
			.product-header-grid .div4{grid-column:span 1 / span 1; grid-row:span 1 / span 1; grid-column-start:2}
			.product-header-grid .div5{display:none}
			.product-header-grid .div6{grid-column:span 2 / span 2; grid-row:span 1 / span 1; grid-column-start:1;grid-row-start:4}	
			.product-header-grid .fullwidth-container:first-of-type {margin:4vh 0 -4vh}		
		}
		@media only screen and (max-width:600px) {
			.product-header-grid .fullwidth-container:first-of-type {margin:0}
			.product-header-grid .div1 {position:relative;}
			.product-header-grid .div1 h1 {position:absolute; bottom:0px; left:0px; width:100%;}		
		}
			

	/* Product Listings */
	.product-listings {display:grid;grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:3vh}
		.product-listings .product {background:#F8F8F8; border-radius:40px; text-align:center; padding:1.5rem; border:1px solid transparent; box-shadow:0px 0px 0px 0px #201747; -webkit-box-shadow:0px 0px 0px 0px #201747; -moz-box-shadow:0px 0px 0px 0px #201747; transition:all 0.2s ease}
		.product-listings .product:hover {border:1px solid #201747; box-shadow:3px 5px 0px 0px #201747; -webkit-box-shadow:3px 5px 0px 0px #201747; -moz-box-shadow:3px 5px 0px 0px #201747;}
			.product-listings .product-image {position:relative;width:100%;margin:auto;aspect-ratio:1 / 1;overflow:hidden; margin:0 0 1rem}
				.product-listings .product-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block}
		.product-listings.categories .btn {display:block; box-shadow:none; -webkit-box-shadow:3px none; -moz-box-shadow:none; position:relative; text-align:left; border:0;}
			.product-listings.categories .btn:hover{box-shadow:none; -webkit-box-shadow:3px none; -moz-box-shadow:none}
			.product-listings.categories .btn:after {font-family:"bootstrap-icons"; content:"\F124"; position:absolute; right:-1px; top:-1px; background:white; width:40px; height:40px; line-height:40px; border-radius:50%; font-size:1.5rem; text-align:center; transform:rotate(-45deg)}		

/*
		.product-listings .crepes .product-image:before {content:""; background: url(../img/crepes.png) center center no-repeat; background-size:100%; width:30px; height:30px; position:absolute; z-index:2; top:0rem; right:0rem;}	
		.product-listings .cookie-dough .product-image:before {content:""; background: url(../img/cookies.png) center center no-repeat; background-size:100%; width:30px; height:30px; position:absolute; z-index:2; top:0rem; right:0rem;}	
		.product-listings .shakes .product-image:before {content:""; background: url(../img/shakes.png) center center no-repeat; background-size:100%; width:30px; height:30px; position:absolute; z-index:2; top:0rem; right:0rem;}	
		.product-listings .soft-serve .product-image:before {content:""; background: url(../img/soft.png) center center no-repeat; background-size:100%; width:30px; height:30px; position:absolute; z-index:2; top:0rem; right:0rem;}	
*/
			
        .product-image img {border-radius: 16px;}
		
		/* Taxonoomy page */
		.tax-product-category .product-listings .product {padding:3rem 3rem 1rem; }
		.tax-product-category .product-listings .product-image {overflow:visible}
		.tax-product-category .product-listings .cookie-dough .product-image:before {top:-2rem; right:-2rem;}	

		@media only screen and (max-width:900px) {
			.product-listings {display:grid;grid-template-columns:repeat(3,1fr)}
			.product-listings .product {border-radius:30px; padding:1rem; }
			.tax-product-category .banner .banner-image {height:33vh;}
		}
		@media only screen and (max-width:600px) {
			.product-listings {display:grid;grid-template-columns:repeat(2,1fr)}
			.product-listings .product {border-radius:20px; padding:0.5rem; }		
		}
		@media only screen and (max-width:450px) {
			.product-listings {display:grid;grid-template-columns:repeat(1,1fr)}		
		}
		




/* Reviews */
.reviews {width:100%; overflow:hidden}	
.reviews .section-header {margin-bottom:10vh;}	
.reviewsSwiper2 {margin-top:20px}
.review {background:#ededed; padding:1rem; border-radius:150px; position:relative;}
.review p {font-size:14px; padding:0px 10px 0 0}

.review p br {display:none;}
.review-image img {border-radius:50%; max-width:125px;height:auto}
.review blockquote {font-size:14px;}
.tax-product-category .reviews {background:#ededed}
.tax-product-category .review {background:white}

.reviews-grid {display:grid;grid-template-columns:repeat(2,1fr); gap:1.5rem}

	@media only screen and (min-width:601px) {
		.review {display:flex;gap:1rem;align-items:center;justify-content:center}	
		.review blockquote p {display:-webkit-box;-webkit-line-clamp:4; -webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis; height:5.5em; }
			
	}
	@media only screen and (max-width:780px) {
		.reviews-grid {display:grid;grid-template-columns:repeat(1,1fr); gap:1rem}		
	}
	@media only screen and (max-width:600px) {
		.review {display:block; margin:0 5px; border-radius:20px; text-align:center; padding:1rem}
		.reviews .section-header {margin-bottom:2em}
		.review-image {display:block; text-align:center; padding:0 50px 10px 0;}
		.review-image img {max-width:50px}
		.review cite {position:absolute; top:35px; left:calc(50% + 15px);}
		.review p {margin:0;}
	}





/* Contact Page */
.contact-image {text-align:right; margin-top:-3rem}
.contact-image img {max-height:50vh; width:auto;}
.contact-form {background:#F8F8F8}	
.contact-form .two-col table {width:100%}
.contact-form .two-col table tr td:first-of-type {font-weight:600; width:52%;}

	.contact-form .wpcf7-form .two-col {gap:2rem}

	/* Form Elements */
	.wpcf7 p{padding:0}
	.wpcf7-form-control-wrap{padding:0;display:block;position:relative}
	.wpcf7-list-item{display:block!important;padding:.25em 0;margin:0}

	.wpcf7 input,.wpcf7 textarea,.wpcf7 select{font-family:inherit;display:block;width:100%;min-width:100%;padding:1rem 0;margin:0;text-indent:1rem;border:0; background:white; color:#201747;font-size:100%;border-radius:10px}
	.wpcf7 input:focus,.wpcf7 textarea:focus,.wpcf7 select:focus{background:#fff}
	.wpcf7 input.wpcf7-date,.wpcf7 select{height:45px;line-height:45px;padding:0;text-indent:.75em}
	input.wpcf7-not-valid{border-color:red}
	::-webkit-input-placeholder{color:#777}
	:-moz-placeholder{color:#777}
	::-moz-placeholder{color:#777}
	:-ms-input-placeholder{color:#777}
	.wpcf7 p br{display:none}

		.wpcf7 input[type=submit]{width:auto;min-width:150px;text-indent:0px; background-color:#FCF3A4; cursor:pointer}
	
		/* Contact Form 7 output */
		div.wpcf7-response-output {border:0 !important; line-height:125%; padding:0.5em 0 !important; margin:0 !important; color:red}
		div.wpcf7-mail-sent-ok {font-size:100%; color:#201747; font-weight:bold}
		.wpcf7-not-valid-tip {display:block; padding:0; color:red !important; font-size:90%}

		@media only screen and (min-width:768px){
			.contact-form .two-col table {margin:2rem 0}
			.contact-form .two-col table td {padding:0.5rem 0; width:50%}
			.contact-form .wpcf7-form {margin:2rem 0 }	
		}
		@media only screen and (max-width:767px){
			.contact-image img {width:auto; height:auto; max-width:50%}
			.contact-form .two-col table,
			.contact-form .two-col table td {display:block; line-height:150%}
			.contact-form .two-col table tr {padding:0.5rem 0; display:block}
			.contact-form .two-col table tr td:first-of-type {font-weight:bold}
			.contact-form .wpcf7-form {margin:1rem 0}	
			.contact-form label {font-weight:bold}
			.contact-form p {margin:0.5rem 0}
			.contact-form .wpcf7-form .two-col {gap:0}
		}	



/*Image scroller*/
/*
.scrolling-container {width: 100vw;overflow: hidden;position: relative;}
.scrolling-wrapper {display: flex;width: 200%;}
.scrolling-wrapper img {width:50vw;flex-shrink: 0;}
.scroll-left {animation: scroll-left 25s linear infinite;}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.scroll-right {animation: scroll-right 25s linear infinite;}
@keyframes scroll-right {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}*/
.scrolling-container {width: 100vw;overflow: hidden;position: relative;}
.scrolling-wrapper {display: flex;width: 200vw;animation-timing-function: linear;animation-iteration-count: infinite;}
.scrolling-wrapper img {width: 50vw;flex-shrink: 0;}

.scroll-left {animation-name: scroll-left;animation-duration: 35s;}
@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100vw);
  }
}

.scroll-right {animation-name: scroll-right;animation-duration: 35s;}

@keyframes scroll-right {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0);
  }
}


@media (max-width: 768px) {
  .scrolling-wrapper {width: 400vw;}
  .scrolling-wrapper img {width: 100vw;}
  .scroll-left {animation-name: scroll-left-mobile;animation-duration: 35s;}
  @keyframes scroll-left-mobile {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-300vw);
    }
  }

  .scroll-right {animation-name: scroll-right-mobile;animation-duration: 35s;}

  @keyframes scroll-right-mobile {
    0% {
      transform: translateX(-300vw);
    }
    100% {
      transform: translateX(0);
    }
  }
}


/*Google reviews*/
a.ti-header.ti-header-grid.source-Google {padding: 0px;}
img.ti-platform-icon {display: none;}
.ti-widget.ti-goog.ti-disable-animation .ti-widget-container {margin-left: -5px;}

@media screen and (min-width:768px) {
    .ti-widget.ti-goog {text-align: left !important;}
}

@media screen and (max-width: 767px) {
    .ti-widget.ti-goog {text-align: center;}
}

/*
img[src*="trustindex.io/assets/platform/Google/star/f.svg"] {
  filter: brightness(0%) invert(0%);
}
*/