/* --------------------- BUTTON --------------------- */
.wp-block-buttons {
	
}
.wp-block-buttons.is-content-justification-center {
	
}
.wp-block-buttons.is-content-justification-right {
	
}
	.wp-block-buttons .wp-block-button {
		
	}
	:not(.wp-block-buttons) > .wp-block-button {
		display: inline-block;
	}
	html .wp-block-button .wp-block-button__link,
	html .frontend input[type="submit"],
	html .frontend input[type="button"],
	html .frontend button[type="submit"],
	html .frontend form button,
	.media-menu a,
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		background: #065C67;
		border: 0;
		border-radius: 0;
		color: #FFFFFF;
		cursor: pointer;
		display: inline-block;
		font-family: 'Londrina Solid', 'Arial', sans-serif;
		font-size: 1.15rem;
		line-height: 1.5;
		padding: calc(.5rem + 2px) 1.5rem;
		position: relative;
		text-decoration: none !important;
		text-transform: uppercase;
		transition: all .3s ease;
		vertical-align: middle;
		width: auto;
		z-index: 2;
	}
	html .wp-block-button .wp-block-button__link:hover,
	html .wp-block-button .wp-block-button__link:focus,
	html .frontend input[type="submit"]:hover, 
	html .frontend input[type="submit"]:focus, 
	html .frontend input[type="button"]:hover,
	html .frontend input[type="button"]:focus,
	html .frontend button[type="submit"]:hover,
	html .frontend button[type="submit"]:focus,
	html .frontend form button:hover,
	html .frontend form button:focus,
	.media-menu a:hover,
	.media-menu a:focus,
	.woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus {
		background: #9A8362;
		color: #FFFFFF;
	}

	/* 'ripped' background edge effect */
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link,
	html .frontend main input[type="submit"],
	html .frontend main input[type="button"],
	html .frontend main button[type="submit"],
	html .frontend main form button,
	.media-menu a,
	.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
		background: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-turquoise.png') center/100% 100% no-repeat transparent;
		background-color: transparent !important;
		image-rendering: -webkit-optimize-contrast;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-white-background-color,
	html .frontend main input[type="submit"].has-white-background-color,
	html .frontend main input[type="button"].has-white-background-color,
	html .frontend main button[type="submit"].has-white-background-color,
	html .frontend main form button.has-white-background-color,
	main .media-menu a.has-white-background-color {
		background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-white.png');
		background-color: transparent !important;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-black-background-color,
	html .frontend main input[type="submit"].has-black-background-color,
	html .frontend main input[type="button"].has-black-background-color,
	html .frontend main button[type="submit"].has-black-background-color,
	html .frontend main form button.has-black-background-color,
	.media-menu a.has-black-background-color,
	.media-menu .current-menu-item > a {
		background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-black.png');
		background-color: transparent !important;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-pale-grey-background-color,
	html .frontend main input[type="submit"].has-pale-grey-background-color,
	html .frontend main input[type="button"].has-pale-grey-background-color,
	html .frontend main button[type="submit"].has-pale-grey-background-color,
	html .frontend main form button.has-pale-grey-background-color,
	.media-menu a.has-pale-grey-background-color,
	.media-menu a {
		background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-pale-grey.png');
		background-color: transparent !important;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-grey-background-color,
	html .frontend main input[type="submit"].has-grey-background-color,
	html .frontend main input[type="button"].has-grey-background-color,
	html .frontend main button[type="submit"].has-grey-background-color,
	html .frontend main form button.has-grey-background-color,
	.media-menu a.has-grey-background-color {
		background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-grey.png');
		background-color: transparent !important;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-pale-turquoise-background-color,
	html .frontend main input[type="submit"].has-pale-turquoise-background-color,
	html .frontend main input[type="button"].has-pale-turquoise-background-color,
	html .frontend main button[type="submit"].has-pale-turquoise-background-color,
	html .frontend main form button.has-pale-turquoise-background-color,
	.media-menu a.has-pale-turquoise-background-color {
		background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-pale-turquoise.png');
		background-color: transparent !important;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-turquoise-background-color,
	html .frontend main input[type="submit"].has-turquoise-background-color,
	html .frontend main input[type="button"].has-turquoise-background-color,
	html .frontend main button[type="submit"].has-turquoise-background-color,
	html .frontend main form button.has-turquoise-background-color,
	.media-menu a.has-turquoise-background-color {
		background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-turquoise.png');
		background-color: transparent !important;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-yellow-background-color,
	html .frontend main input[type="submit"].has-yellow-background-color,
	html .frontend main input[type="button"].has-yellow-background-color,
	html .frontend main button[type="submit"].has-yellow-background-color,
	html .frontend main form button.has-yellow-background-color,
	.media-menu a.has-yellow-background-color {
		background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-yellow.png');
		background-color: transparent !important;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-gold-background-color,
	html .frontend main input[type="submit"].has-gold-background-color,
	html .frontend main input[type="button"].has-gold-background-color,
	html .frontend main button[type="submit"].has-grgoldey-background-color,
	html .frontend main form button.has-gold-background-color,
	.media-menu a.has-gold-background-color {
		background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-gold.png');
		background-color: transparent !important;
	}
	/* tear hovers */
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link:hover,
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link:focus,
	html .frontend input[type="submit"]:hover, 
	html .frontend input[type="submit"]:focus, 
	html .frontend input[type="button"]:hover,
	html .frontend input[type="button"]:focus,
	html .frontend button[type="submit"]:hover,
	html .frontend button[type="submit"]:focus,
	html .frontend form button:hover,
	html .frontend form button:focus,
	.media-menu a:hover,
	.media-menu a:focus,
	.woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus, .woocommerce input.button:hover, .woocommerce input.button:focus {
		background: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-gold.png') center/100% 100% no-repeat transparent !important;
		color: #FFFFFF !important;
	}
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-gold-background-color:hover,
	html .wp-block-button:not([class*="is-style-"]) .wp-block-button__link.has-gold-background-color:focus,
	html .frontend input[type="submit"].has-gold-background-color:hover, 
	html .frontend input[type="submit"].has-gold-background-color:focus, 
	html .frontend input[type="button"].has-gold-background-color:hover,
	html .frontend input[type="button"].has-gold-background-color:focus,
	html .frontend button[type="submit"].has-gold-background-color:hover,
	html .frontend button[type="submit"].has-gold-background-color:focus,
	html .frontend form button.has-gold-background-color:hover,
	html .frontend form button.has-gold-background-color:focus,
	.media-menu a.has-gold-background-color:hover,
	.media-menu a.has-gold-background-color:focus {
		background: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-turquoise.png') center/100% 100% no-repeat transparent !important;
		color: #FFFFFF !important;
	}


/* arrow */
html .wp-block-button.is-style-arrow {
	
}
	html .wp-block-button.is-style-arrow .wp-block-button__link {
		background: transparent;
		color: inherit;
		padding: 0; padding-right: 2.6rem;
	}
		html .wp-block-button.is-style-arrow .wp-block-button__link::after {
			background: url('/wp-content/themes/britishquinoa/images/arrow-right-white.svg') center/auto 40% no-repeat #065C67;
			border-radius: 50%;
			content: '';
			display: block;
			position: absolute; top: 50%; right: 0; transform: translateY(-50%);
			width: 2rem; height: 2rem;
		}
	html .wp-block-button.is-style-arrow.left .wp-block-button__link {
		padding-right: 0; padding-left: 2.6rem;
	}
		html .wp-block-button.is-style-arrow.left .wp-block-button__link::after {
			background-image: url('/wp-content/themes/britishquinoa/images/arrow-left-white.svg');
			right: auto; left: 0;
		}


/* icon, basket etc */
html .wp-block-button.is-style-icon {
	
}
	html .wp-block-button.is-style-icon .wp-block-button__link {
		background-color: transparent !important;
		color: inherit;
		font-size: 0;
		padding: 0;
		position: relative;
	}
		html .wp-block-button.is-style-icon .wp-block-button__link img {
			display: inline-block;
			width: auto; height: 1.6rem;
		}
		.wp-block-button.is-style-icon .is-style-badge {
			background: #AD936C;
			border-radius: 50%;
			color: #FFFFFF;
			display: block;
			font-family: 'proxima-nova', 'Arial', sans-serif;
			font-size: .7rem;
			font-weight: 400;
			position: absolute; top: 0; right: 0; transform: translate(50%,-50%);
			text-align: center;
			width: 1.2rem; height: 1.2rem; line-height: 1.2rem;
		}



/* --------------------- SOURCE CAROUSEL --------------------- */
html .slick-slider.is-style-timeline {
	margin-right: 10%; margin-left: 10%;
	text-align: center;
}
	.slick-slider.is-style-timeline::before {
		border-bottom: 1px solid #8e8e8e;
		content: '';
		position: absolute; top: 2rem; left: 50%; transform: translateX(-50%);
		width: 100vw; height: 0;
	}
	.slick-slider.is-style-timeline .slick-arrow {
		top: 2rem; transform: translateY(-50%);
	}
	.slick-slider.is-style-timeline .slick-arrow.slick-prev {
		left: -11%;
	}
	.slick-slider.is-style-timeline .slick-arrow.slick-next {
		right: -11%;
	}
	.slick-slider.is-style-timeline .slick-slide > div {
		padding-right: 15%; padding-left: 15%;
	}
		.slick-slider.is-style-timeline h2 {
			background: url('/wp-content/themes/britishquinoa/images/backgrounds/timeline-heading-bg-turquoise.png') top center/calc(100% - .6rem) 2em no-repeat #FFFFFF;
			color: #FFFFFF;
			display: table;
			margin-right: auto; margin-left: auto;
			padding-right: .75em; padding-left: .75em;
			position: relative;
			height: 2.5em; line-height: 2em !important;
		}
		.slick-slider.is-style-timeline .slick-slide:nth-child(even) h2 {
			background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/timeline-heading-bg-gold.png');
		}
			.slick-slider.is-style-timeline h2::after {
				border-style: solid;
				border-width: 1em 1em 0 1em;
				border-color: #065C67 transparent transparent transparent;
				content: '';
				display: block;
				position: absolute; top: 100%; left: 50%;
				transform: translate(-50%,-1em);
				width: 0; height: 0;
				z-index: 1;
			}
			.slick-slider.is-style-timeline .slick-slide:nth-child(even) h2::after {
				border-color: #AD936C transparent transparent transparent;
			}


html .slick-slider.is-style-team {
	margin-right: -1.5rem; margin-left: -1.5rem;
}
	.slick-slider.is-style-team .slick-list {
		overflow: visible;
	}
		.slick-slider.is-style-team .slick-slide {
			align-items: flex-start;
			opacity: .5;
		}
		.slick-slider.is-style-team .slick-slide.slick-active {
			opacity: 1;
		}
		.slick-slider.is-style-team .slick-slide > div {
			padding-right: 1.5rem; padding-left: 1.5rem;
		}
			.slick-slider.is-style-team h3 {
				margin-top: 1.5rem !important; margin-bottom: .5rem !important;
			}



/* --------------------- COLOURS --------------------- */
html .has-white-color {
	color: #FFFFFF !important;
}
	html .has-white-color a {
		color: inherit;
		text-decoration: underline;
	}
	html .has-white-color hr,
	html .has-white-color .is-style-accordion {
		border-color: currentColor;
	}
	html .has-white-color .row.is-style-gutters-lines > div:not(:last-child)::after,
	html .has-white-color .is-style-gutters-lines > div > div > .wp-block:not(:last-child)::after {
		border-color: currentColor;
	}
html .has-white-background-color {
	background-color: #FFFFFF !important;
}
html .has-black-color {
	color: #171716 !important;
}
html .has-black-background-color {
	background-color: #171716 !important;
}
html .has-pale-grey-color {
	color: #EFEFEF !important;
}
html .has-pale-grey-background-color {
	background-color: #EFEFEF !important;
}
html .has-grey-color {
	color: #565656 !important;
}
html .has-grey-background-color {
	background-color: #565656 !important;
}
html .has-pale-turquoise-color {
	color: #E6EFF0 !important;
}
html .has-pale-turquoise-background-color {
	background-color: #E6EFF0 !important;
}
html .has-turquoise-color {
	color: #065C67 !important;
}
html .has-turquoise-background-color {
	background-color: #065C67 !important;
}
html .has-yellow-color {
	color: #F8F2EB !important;
}
html .has-yellow-background-color {
	background-color: #F8F2EB !important;
}
html .has-gold-color {
	color: #AD936C !important; /* D8B58D */
}
html .has-gold-background-color {
	background-color: #AD936C !important;
}
	.has-turquoise-background-color .has-gold-color,
	.has-turquoise-background-color span[style*="#AD936C"] {
		color: #D8B58D !important;
	}


.is-style-untidy {
	background: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-turquoise.png') center/100% 100% no-repeat transparent;
	background-color: transparent !important;
	image-rendering: -webkit-optimize-contrast;
	position: relative;
}
.is-style-untidy.has-white-background-color {
	background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-white.png');
	background-color: transparent !important;
}
.is-style-untidy.has-black-background-color {
	background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-black.png');
	background-color: transparent !important;
}
.is-style-untidy.has-grey-background-color {
	background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-grey.png');
	background-color: transparent !important;
}
.is-style-untidy.has-pale-turquoise-background-color {
	background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-pale-turquoise.png');
	background-color: transparent !important;
}
.is-style-untidy.has-turquoise-background-color {
	background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-turquoise.png');
	background-color: transparent !important;
}
.is-style-untidy.has-yellow-background-color {
	background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-yellow.png');
	background-color: transparent !important;
}
.is-style-untidy.has-gold-background-color {
	background-image: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-gold.png');
	background-color: transparent !important;
}



/* --------------------- COLUMNS --------------------- */
/*.wp-block-columns {
	margin: 0 -15px;
	text-align: initial;
}
	.wp-block-columns .wp-block-column {
		margin: 0 15px;
	}
	.wp-block-columns.nogutters .wp-block-column {
		margin: 0;
	}*/


/* --------------------- SOURCE COLUMNS --------------------- */
.wp-block-source-columns {
	
}
	.wp-block-source-column {
		background-size: cover;
	}
		.wp-block-source-column .wp-block-image,
		.wp-block-column .wp-block-image {
			margin-bottom: 0;
		}


html .is-style-no-gutters {
	margin-right: 0;
	margin-left: 0;
}
	html .is-style-no-gutters > .col,
	html .is-style-no-gutters > [class*="col-"] {
		padding-right: 0;
		padding-left: 0;
	}


/* --------------------- SOURCE COLUMN --------------------- */
html .is-style-fullheight-image {
	align-self: stretch;
}
	html .is-style-fullheight-image > div,
	html .is-style-fullheight-image .wp-block-image {
		height: 100%;
	}


/* style for a box of padded text, with option for arrow inset */
html .is-style-text-column {
	/*align-items: center;*/
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
}
html .is-style-text-column,
html [class*="no-gutters"] > .is-style-text-column,
.wp-block-media-text__content {
	padding-top: 2rem; padding-bottom: 2rem;
	padding-right: 6vw; padding-left: 6vw;
	position: relative;
}
html .container .is-style-text-column, /* .row because only for multiple columns */
html .container .row[class*="no-gutters"] > .is-style-text-column,
.container .wp-block-media-text__content {
	padding-right: 2rem; padding-left: 2rem;
}
	html .is-style-text-column > div {
		position: relative;
		width: 100%;
		z-index: 4;
	}



/* row styles */
.frontend .is-style-gutters-large,
.frontend .is-style-gutters-lines {
	margin-right: -1rem; margin-left: -1rem;
}
	.frontend .row.is-style-gutters-large > div,
	.frontend .row.is-style-gutters-lines > div,
	.block-editor .wp-block[data-type="source/columns"] .wp-block-source-columns.is-style-gutters-large > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="source/column"],
	.block-editor .wp-block[data-type="source/columns"] .wp-block-source-columns.is-style-gutters-lines > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="source/column"] {
		padding-right: 1rem; padding-left: 1rem;
		position: relative;
	}
		.frontend .row.is-style-gutters-lines > div:not(:last-child)::before,
		.block-editor .is-style-gutters-lines > div > div > .wp-block:not(:last-child)::before {
			border-left: 1px solid #CCCCCC;
			content: '';
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0;
			width: 0; height: 100%;
		}



/* --------------------- CONTAINER --------------------- */
.wp-block-source-container {
	padding-top: 0; padding-bottom: 0;
}


/* vertical spacing */
html .is-style-padded-small,
.is-style-inset-above > .container {
	padding-top: 1rem; padding-bottom: 1rem;
}
html .is-style-padded {
	padding-top: 2rem; padding-bottom: 2rem;
}
html .is-style-padded-large {
	padding-top: 3rem; padding-bottom: 3rem;
}


.frontend .is-style-inset-above {
	/*margin-top: -2.5rem;*/
	position: relative;
	z-index: 101;
}
	.frontend .is-style-inset-above > .container {
		/*background: #FFFFFF;
		padding-right: 9%; padding-left: 9%;*/
	}



/* --------------------- FONT SIZE / PARAGRAPH --------------------- */
html .has-small-font-size,
html .has-medium-font-size,
html .has-large-font-size,
html .has-huge-font-size {
	
}
html .has-small-font-size {
	font-size: .9rem !important;
}
html .has-normal-font-size {
	font-size: 1rem !important;
}
html .has-medium-font-size,
.wp-block-quote {
	font-size: 1.1rem !important;
}
html .has-large-font-size,
.slick-slider.is-style-timeline h2 { /* equiv h2 */
	font-size: 1.2rem !important;
	line-height: 1.2;
}
html .has-huge-font-size { /* equiv h1 */
	font-size: 1.3rem !important;
	line-height: 1.2;
}

.is-style-heading {
	font-family: 'Londrina Solid', 'Arial', sans-serif;
	text-transform: uppercase;
}

.is-style-hide-links a {
	color: inherit;
	text-decoration: none;
}




/* --------------------- GALLERY --------------------- */
.wp-block-gallery {
	
}


/* bricks */
html .wp-block-gallery.is-style-bricks {
	
}
	html .wp-block-gallery.is-style-bricks .blocks-gallery-grid {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr;
		margin: -.7rem;
	}
		html .wp-block-gallery.is-style-bricks .blocks-gallery-item {
			margin: .6125rem;
			width: auto; height: 18rem;
		}
		html .wp-block-gallery.is-style-bricks .blocks-gallery-item:nth-child(1n) { grid-area: 1 / 1 / 2 / 3; }
		html .wp-block-gallery.is-style-bricks .blocks-gallery-item:nth-child(2n) { grid-area: 1 / 3 / 2 / 6; }
		html .wp-block-gallery.is-style-bricks .blocks-gallery-item:nth-child(3n) { grid-area: 1 / 6 / 2 / 8; }
		html .wp-block-gallery.is-style-bricks .blocks-gallery-item:nth-child(4n) { grid-area: 2 / 1 / 3 / 5; }
		html .wp-block-gallery.is-style-bricks .blocks-gallery-item:nth-child(5n) { grid-area: 2 / 5 / 3 / 8; }


/* 'flow' style */
html .wp-block-gallery.is-style-flow {
	display: block;
}
	html .wp-block-gallery.is-style-flow .blocks-gallery-grid {
		display: block;
	}
	html .wp-block-gallery.is-style-flow.columns-2 .blocks-gallery-grid {
		column-count: 2;
	}
	html .wp-block-gallery.is-style-flow.columns-3 .blocks-gallery-grid {
		column-count: 3;
	}
	html .wp-block-gallery.is-style-flow.columns-4 .blocks-gallery-grid {
		column-count: 4;
	}
	html .wp-block-gallery.is-style-flow.columns-5 .blocks-gallery-grid {
		column-count: 5;
	}
	html .wp-block-gallery.is-style-flow.columns-6 .blocks-gallery-grid {
		column-count: 6;
	}
		html .wp-block-gallery.is-style-flow .blocks-gallery-item {
			-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;
			display: inline-block !important;
			margin: 0 0 1rem !important;
			width: 100% !important;
		}
			html .wp-block-gallery.is-style-flow .blocks-gallery-item figure {
				display: block;
			}
				html .wp-block-gallery.is-style-flow .blocks-gallery-item figure figcaption {
					
				}


/* no gutters */
		html .wp-block-gallery.is-style-no-gutters .blocks-gallery-item {
			margin: 0;
		}



/* --------------------- GROUP --------------------- */
.wp-block-group.is-style-overlay {
	position: relative;
}
	.wp-block-group.is-style-overlay .wp-block-image {
		margin: 0;
	}
	/* container (full page width overlay) */
	.wp-block-group.is-style-overlay > .wp-block-group__inner-container > .wp-block-source-container {
		align-items: flex-end;
		display: flex;
		justify-content: center;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		transform: none;
		z-index: 50;
	}
		.wp-block-group.is-style-overlay .wp-block-source-container .container {
			padding-top: 2rem; padding-bottom: 2rem;
			position: relative;
		}
			.wp-block-group.is-style-overlay .wp-block-source-container .container::before {
				background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 15%, rgba(0,0,0,0.7) 100%);
				content: '';
				display: block;
				
				position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
				width: 100vw; height: 100%;
				z-index: -1;
			}
			@media only screen and (min-width: 991.98px) {
			.wp-block-group.is-style-overlay .wp-block-source-container .container > * {
				max-width: 75%;
			}
			}
	/* group (portal-style overlay) */
	.frontend .wp-block-group.is-style-overlay > .wp-block-group__inner-container > .wp-block-group {
		align-items: center;
		display: flex;
		justify-content: center;
		
		padding: 1rem 10%;
		pointer-events: none;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		text-align: center;
		transform: none;
		z-index: 50;
	}
		.wp-block-group.is-style-overlay > .wp-block-group__inner-container > .wp-block-group .wp-block-buttons {
			justify-content: center;
		}
			.wp-block-group.is-style-overlay .wp-block-group::before {
				background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 100%);
				content: '';
				display: block;
				
				position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);
				width: 100%; height: 100%;
				z-index: -1;
			}
			/*.wp-block-group.is-style-overlay.has-white-background-color .wp-block-group::before {
				
			}*/
			.wp-block-group.is-style-overlay .wp-block-group > div {
				width: 100%;
			}
				.wp-block-group.is-style-overlay > .wp-block-group__inner-container > .wp-block-group a {
					pointer-events: initial;
				}
				.wp-block-group.is-style-overlay > .wp-block-group__inner-container > .wp-block-group .wp-block-button__link::after {
					background: url('/wp-content/themes/britishquinoa/images/arrow-right.svg') center/contain no-repeat transparent;
					content: '';
					display: inline-block;
					filter: brightness(0) invert(1);
					margin-left: .5em;
					width: .7em; height: .7em;
				}


.wp-block-group.is-style-overlay-title {
	position: relative;
	text-align: center;
}
	.wp-block-group.is-style-overlay-title .wp-block-image {
		margin: 0;
	}
	/* container (full page width overlay */
	.wp-block-group.is-style-overlay-title > .wp-block-group__inner-container > .wp-block-source-container {
		align-items: center;
		display: flex;
		justify-content: center;
		position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		transform: none;
		z-index: 50;
	}
		.wp-block-group.is-style-overlay-title h1 {
			background: url('/wp-content/themes/britishquinoa/images/backgrounds/button-bg-turquoise.png') center/100% 100% no-repeat transparent;
			color: #FFFFFF;
			display: inline-block;
			image-rendering: -webkit-optimize-contrast;
			margin: 0;
			padding: .5em 1.2em;
		}


.wp-block-group.is-style-flex-inline {
	
}
	.wp-block-group.is-style-flex-inline > div,
	:not(.wp-block-group).is-style-flex-inline {
		align-items: center;
		column-gap: 2rem;
		display: flex;
		justify-content: inherit;
	}
		.wp-block-group.is-style-flex-inline > div .wp-block-button {
			margin-bottom: 0;
		}



/* --------------------- HEADING --------------------- */
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
	padding: .5em 1em;
}

/* accordion */
.is-style-accordion {
	margin: 0 !important;
}
	.is-style-accordion a {
		display: block;
		padding: 1rem 0 1rem 3rem;
		position: relative;
	}
		.is-style-accordion a::before,
		.block-editor .is-style-accordion::before {
			background: url('/wp-content/themes/britishquinoa/images/plus.svg') center/30% auto no-repeat #065C67;
			border-radius: 50%;
			color: #FFFFFF;
			content: '';
			display: block;
			font-size: 1rem;
			position: absolute; left: 0; top: 50%;
			text-align: center;
			transform: translateY(-50%);
			width: 1.8em; height: 1.8em;
		}
		.is-style-accordion.open a::before {
			background-image: url('/wp-content/themes/britishquinoa/images/minus.svg');
		}
	.accordion-content {
		padding: .5rem 0 1.5rem 3rem;
	}
	.accordion-content.hidden {
		display: none;
	}
	@media print {
	.accordion-content.hidden {
		display: block;
	}
	}

.is-style-accordion-end { /* spacer option */
	
}



/* --------------------- HORIZONTAL RULE --------------------- */
hr,
.wp-block-separator { 
	border: 0;
	border-bottom: 1px solid #8e8e8e;
	margin: 1rem 0;
	opacity: 1;
	max-width: none !important;
}



/* --------------------- INLINE IMAGE --------------------- */
p img {
	height: auto;
}



/* --------------------- IMAGE --------------------- */
.wp-block-image {
	margin: 0;
	overflow: hidden;
	position: relative;
}
.wp-block-image:not(.is-style-graphic) img {
	object-fit: cover;
	transition: transform 3s ease;
}
	.wp-block-image a,
	.wp-block-image img {
		display: inline;
		position: relative;
		height: auto;
		z-index: 1;
	}
	.wp-block-image:not(.is-resized) img {
		display: block;
		width: 100%;
	}
	.wp-block-image figcaption {
		
	}

	.wp-block-image:not(.is-style-graphic) > a:hover img,
	.wp-block-image:not(.is-style-graphic) > a:focus img { /* slow zoom on hover */
		transform: scale(1.1);
	}


.wp-block-image.is-style-icon {
	margin: 0 0 .5rem;
	position: relative;
}
	.wp-block-image.is-style-icon img {
		display: block;
		margin-right: auto; margin-left: auto;
		width: auto; height: 3.3rem;
	}


/* force image aspect ratios */
.frontend .size-banner,
.frontend .size-banner-shallow,
.frontend .size-banner-shallowest,
.frontend .size-landscape,
.frontend .size-square {
	position: relative;
}
	.frontend .size-banner a,
	.frontend .size-banner img,
	.frontend .size-banner-shallow a,
	.frontend .size-banner-shallow img,
	.frontend .size-banner-shallowest a,
	.frontend .size-banner-shallowest img,
	.frontend .size-landscape a,
	.frontend .size-landscape img,
	.frontend .size-square a,
	.frontend .size-square img {
		position: absolute !important; top: 0; right: 0; bottom: 0; left: 0;
		height: 100%;
	}
	.frontend .size-banner::before,
	.frontend .size-banner-shallow::before,
	.frontend .size-banner-shallowest::before,
	.frontend .size-landscape::before,
	.frontend .size-square::before {
		content: '';
		display: block;
		padding-top: 50%;
		width: 100%;
	}
	.frontend .size-banner-shallow::before {
		padding-top: 36%;
	}
	.frontend .size-banner-shallowest::before {
		padding-top: 26%;
	}
	.frontend .size-landscape::before {
		padding-top: 71.4%;
	}
	.frontend .size-square::before {
		padding-top: 100%;
	}
	.size-banner,
	.size-banner img,
	.size-banner-shallow,
	.size-banner-shallow img,
	.size-banner-shallowest,
	.size-banner-shallowest img,
	.size-landscape,
	.size-landscape img,
	.size-square,
	.size-square img {
		max-height: calc(100vh - 200px);
	}
	.size-banner,
	.size-banner img {
		min-height: 320px;
	}
	.size-banner-shallow,
	.size-banner-shallow img,
	.size-banner-shallowest,
	.size-banner-shallowest img {
		min-height: 200px;
	}



/* --------------------- PARAGRAPH --------------------- */
/*.is-style-label {
	font-size: 1rem;
	text-transform: uppercase;
}*/

.is-style-hide-link a,
a.is-style-hide-link {
	color: inherit;
	text-decoration: none;
}

.is-style-logos {
	display: flex;
	flex-wrap: wrap;
	margin-right: -1rem; margin-left: -1rem;
	margin-bottom: 0;
}
.is-style-logos.has-text-align-center {
	justify-content: space-between; /* center */
}
.is-style-logos.has-text-align-right {
	justify-content: flex-end;
}
	.is-style-logos img {
		margin: 0 1rem 1rem;
		object-fit: contain;
		object-position: center;
		width: auto !important; width: 240px; max-width: 17%; height: 3vw;/* 45px */
	}



/* --------------------- QUOTE --------------------- */
.wp-block-quote {
	margin: 0;
	text-align: initial;
}
	.wp-block-quote p:last-of-type {
		margin-bottom: 0;
	}
	.wp-block-quote cite {
		font-size: 1rem;
		font-style: normal;
		font-weight: bold;
	}



/* --------------------- SOCIAL LINKS --------------------- */
html .wp-block-social-links {
	margin: 0;
}

html .wp-block-social-links.is-style-logos-only {
	margin-right: -.3rem; margin-left: -.3rem;
}
	html .wp-block-social-links.is-style-logos-only .wp-social-link {
		display: inline-block;
		margin: 0 .3rem;
		padding: 0;
		width: auto; height: auto;
	}
		html .wp-block-social-links.is-style-logos-only .wp-social-link a {
			color: inherit !important;
			padding: 0;
		}
	html .wp-block-social-links.is-style-logos-only .wp-social-link svg {
		width: 2rem; height: 2rem;
	}



/* --------------------- SPACER --------------------- */
.wp-block-spacer.is-style-small {
	height: 1rem !important;
}
.wp-block-spacer.is-style-medium {
	height: 2rem !important;
}
.wp-block-spacer.is-style-large {
	height: 3rem !important;
}



/* --------------------- TABLE --------------------- */
.wp-block-table {
	border: 0;
	border-collapse: collapse;
	margin: 0 0 1rem;
}
	.wp-block-table table {
		
	}
		.wp-block-table tr {
			
		}
			.wp-block-table tr th,
			.wp-block-table tr td {
				padding: .2rem .4rem;
				text-align: left;
			}
			.wp-block-table tr:first-child > th,
			.wp-block-table tr:first-child > td {
				
			}
			.wp-block-table th {
				background: rgba(0,0,0,.5);
				color: #FFFFFF;
				border: 1px solid #FFFFFF;
				font-weight: inherit;
			}
			.wp-block-table td {
				border: 1px solid #cccccc;
			}

/* invisible */
.wp-block-table.is-style-no-borders {
	border: 0;
}
.wp-block-table.is-style-no-borders th,
.wp-block-table.is-style-no-borders td {
	background: none;
	border: none;
	padding: 0;
}



/* --------------------- OTHER STYLES --------------------- */

/* wordpress embed */
.wp-block-embed-wordpress {
	margin: 0;
}
	.wp-block-embed-wordpress .wp-block-embed__wrapper {
		
	}
	.wp-block-embed-wordpress .wp-block-embed__wrapper > blockquote {
		display: none;
	}
		.wp-block-embed-wordpress iframe.wp-embedded-content {
			position: relative !important;
			width: 100%; height: 50vw; max-height: 60vh;
		}

/* embeds (video, other) */
.wp-has-aspect-ratio iframe {
	display: block;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	width: 100%; height: 100%;
}
	.wp-has-aspect-ratio .wp-block-embed__wrapper::before {
		content: '';
		display: block;
		width: 100%;
	}
	.wp-embed-aspect-4-3 .wp-block-embed__wrapper::before {
		padding-top: 75%;
	}
	.wp-embed-aspect-16-9 .wp-block-embed__wrapper::before {
		padding-top: 56.25%;
	}



/* video links */
.wp-block-image a[href*="youtu"],
.wp-block-image a[href*="vimeo"],
a.video-link {
	display: block;
	overflow: hidden;
	position: relative;
}
	.wp-block-image a[href*="youtu"] img,
	.wp-block-image a[href*="vimeo"] img,
	a.video-link img {
		
	}
	.wp-block-image a[href*="youtu"]::after,
	.wp-block-image a[href*="vimeo"]::after,
	a.video-link::after {
		background: url('/wp-content/themes/britishquinoa/images/play.svg') center/100% auto no-repeat transparent;
		content: '';
		display: block;
		position: absolute; top: 0; left: 50%;
		transform: translateX(-50%);
		transition: all .3s ease;
		width: 20%; max-width: 8rem; height: 100%;
		z-index: 2;
	}
	.wp-block-image a[href*="youtu"]:hover::after,
	.wp-block-image a[href*="youtu"]:focus::after,
	.wp-block-image a[href*="vimeo"]:hover::after,
	.wp-block-image a[href*="vimeo"]:focus::after,
	a.video-link:hover::after,
	a.video-link:focus::after {
		transform: translateX(-50%) scale(1.1);
	}












/* ----------------------------------------------------------------------
   --------------------------- BREAKPOINTS ------------------------------ 
   ---------------------------------------------------------------------- */


/* smartphones, touchscreens (devices with no hover state and 'coarse' i.e. finger-based cursor position) */
@media (hover: none) and (pointer: coarse) {



}



/* 
@media (max-width: 575.98px) { ... } xs
@media (max-width: 767.98px) { ... } sm
@media (max-width: 991.98px) { ... } md
@media (max-width: 1199.98px) { ... } lg
larger xl
*/


/* xs and sm only */
@media only screen and (max-width: 767.98px) {

html .is-style-text-column,
.wp-block-media-text__content {
	padding-right: 15px !important; padding-left: 15px !important; /* to match .container padding */
}

/* --------------------- SOURCE CAROUSEL --------------------- */
html .slick-slider.is-style-timeline {
	margin-right: 0; margin-left: 0;
	text-align: center;
}
	.slick-slider.is-style-timeline::before {
		
	}
	.slick-slider.is-style-timeline .slick-arrow {
		
	}
	.slick-slider.is-style-timeline .slick-arrow.slick-prev {
		left: -.5rem;
	}
	.slick-slider.is-style-timeline .slick-arrow.slick-next {
		right: -.5rem;
	}
	.slick-slider.is-style-timeline .slick-slide > div {
		padding-right: .5rem; padding-left: .5rem;
	}
		.slick-slider.is-style-timeline h2 {
			font-size: 1.2rem;
			margin-top: .7rem;
		}
		.slick-slider.is-style-timeline .slick-slide:nth-child(even) h2 {
			
		}
			.slick-slider.is-style-timeline h2::after {
				
			}
			.slick-slider.is-style-timeline .slick-slide:nth-child(even) h2::after {
				
			}

html .slick-slider.is-style-team {
	margin-right: -.5rem; margin-left: -.5rem;
}
	.slick-slider.is-style-team .slick-list {
		
	}
		.slick-slider.is-style-team .slick-slide {
			
		}
		.slick-slider.is-style-team .slick-slide.slick-active {
			
		}
		.slick-slider.is-style-team .slick-slide > div {
			padding-right: .5rem; padding-left: .5rem;
		}
			.slick-slider.is-style-team h3 {
				margin-top: .5rem !important;
			}


}


/* sm (small) + */
@media only screen and (min-width: 575.98px) {




}


/* md (medium) + */
@media only screen and (min-width: 767.98px) {

/* --------------------- FONT SIZE --------------------- */
html .has-small-font-size,
html .has-medium-font-size,
html .has-large-font-size,
html .has-huge-font-size {
	
}
html .has-small-font-size {
	font-size: .8rem !important;
}
html .has-normal-font-size {
	font-size: 1rem !important;
}
html .has-medium-font-size,
.wp-block-quote,
.media-menu a {
	font-size: 1.3rem !important;
}

html .has-large-font-size,
.slick-slider.is-style-timeline h2 { 
	font-size: 2rem !important;
}
html .has-huge-font-size { /* equiv h1 */ /* equiv h2 */
	font-size: 2.5rem !important;
}


/* --------------------- SPACER --------------------- */
.wp-block-spacer.is-style-small {
	height: 2.5rem !important;
}
.wp-block-spacer.is-style-medium {
	height: 5rem !important;
}
.wp-block-spacer.is-style-large {
	height: 7.5rem !important;
}


/* row styles */
.frontend .row.is-style-gutters-large,
.frontend .row.is-style-gutters-lines,
.frontend .row.is-style-gutters-md-lines {
	margin-right: -2rem; margin-left: -2rem;
}
	.frontend .row.is-style-gutters-large > div,
	.frontend .row.is-style-gutters-lines > div,
	.frontend .row.is-style-gutters-md-lines > div,
	.block-editor .wp-block[data-type="source/columns"] .wp-block-source-columns.is-style-gutters-large > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="source/column"],
	.block-editor .wp-block[data-type="source/columns"] .wp-block-source-columns.is-style-gutters-lines > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="source/column"],
	.block-editor .wp-block[data-type="source/columns"] .wp-block-source-columns.is-style-gutters-md-lines > .block-editor-inner-blocks > .block-editor-block-list__layout > [data-type="source/column"] {
		padding-right: 2rem; padding-left: 2rem;
		position: relative; 
	}
		.frontend .row.is-style-gutters-md-lines > div:not(:last-child)::before,
		.block-editor .is-style-gutters-lines > div > div > .wp-block:not(:last-child)::before,
		.block-editor .is-style-gutters-md-lines > div > div > .wp-block:not(:last-child)::before {
			border-left: 1px solid #CCCCCC;
			content: '';
			display: block;
			position: absolute; top: 0; right: 0; bottom: 0;
			width: 0; height: 100%;
		}




/* vertical spacing */
html .is-style-padded-small,
.is-style-inset-above > .container {
	padding-top: 2.5rem; padding-bottom: 2.5rem;
}
html .is-style-padded {
	padding-top: 5rem; padding-bottom: 5rem;
}
html .is-style-padded-large {
	padding-top: 7.5rem; padding-bottom: 7.5rem;
}

.frontend .is-style-inset-above {
	margin-top: -7.5rem;
}
	.frontend .is-style-inset-above > .container {
		background: url('/wp-content/themes/britishquinoa/images/backgrounds/bg-white.png') center top/calc(100% - var(--bs-gutter-x,1.5rem)) 100% no-repeat transparent;
		padding-right: 8%; padding-left: 8%;
	}



/* narrow */
.is-style-narrow > div,
p.is-style-narrow,
.wp-block-group.is-style-narrow {
	margin-right: auto; margin-left: auto;
	padding-right: 8%; padding-left: 8%;
	/*max-width: 800px;*/
}



}


/* lg (large) + */
@media only screen and (min-width: 991.98px) {




}


/* xl (extra large) + */
@media only screen and (min-width: 1199.98px) {




}



/* --------------------- EDITOR STYLES --------------------- */
.block-editor .wp-block-heading {
	font-family: 'Londrina Solid', 'Arial', sans-serif;
	text-transform: uppercase;
}
.block-editor .editor-post-title__block .editor-post-title__input,
html .block-editor .editor-styles-wrapper {
	/* font-family: */
}
.block-editor .wp-block { /* make blocks slightly visible, massively helpful */
	background-color: rgba(100,100,100,.03);
}
.block-editor .wp-block:not([data-align=full]) {
	/* max-width: 1200px; */
}
.block-editor .wp-block-source-container:not(.full-width) > div {
	margin-right: auto; margin-left: auto;
	padding-right: 3rem; padding-left: 3rem;
}
.wp-block-spacer[class*="is-style-"] .components-resizable-box__container { /* limit handle on styled spacers */
	max-height: 100%;
}