/**
 * Theme Name: bewonder.co.uk
 * Description: bewonder.co.uk
 * Author: Bewonder*
 * Template: blocksy
 * Text Domain: blocksy
 */
:root {
	--page-gutter: calc(((100vw - (200vw - 200%)) - var(--container-width)) / 2);
}

@media screen and (min-width: 1260px) {
	:root {
		--page-gutter: calc(((100vw - (200vw - 200%)) - var(--normal-container-max-width)) / 2);
	}
}

.acf-spinner {
	display: none;
	margin: 0 !important;
	position: fixed !important;
	width: 100vw !important;
	height: 100vh !important;
	left: 0 !important;
	top: 0 !important;
	z-index: 1000000 !important;
	background: #607d8bc7 url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%20%20%20width%3D%2260px%22%20height%3D%2260px%22%20viewBox%3D%220%200%2040%2040%22%20enable-background%3D%22new%200%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%3Cpath%20opacity%3D%220.3%22%20fill%3D%22%23fff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0A%20%20%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0A%20%20%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22/%3E%0A%20%20%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0A%20%20%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0A%20%20%20%20%20%20attributeName%3D%22transform%22%0A%20%20%20%20%20%20type%3D%22rotate%22%0A%20%20%20%20%20%20from%3D%220%2020%2020%22%0A%20%20%20%20%20%20to%3D%22360%2020%2020%22%0A%20%20%20%20%20%20dur%3D%220.5s%22%0A%20%20%20%20%20%20repeatCount%3D%22indefinite%22/%3E%0A%20%20%20%20%3C/path%3E%0A%20%20%3C/svg%3E) no-repeat center !important;
}

body.home {
	background-color: var(--body-bg) !important;
	transition: background-color 0.3s ease;
}

.set-body-bg.active~.hide-after,
.set-body-bg.active~.hide-both,
.set-body-bg:has(~ .set-body-bg.active).hide-both,
.set-body-bg:has(~ .set-body-bg.active).hide-before {
	opacity: 0 !important;
}

/* Buttons */
.button-white .stk-button {
	border: 1px solid #FFF !important;
}

.button-purple .stk-button {
	border: 1px solid #A822FB !important;
}

:is(.button-purple, .button-white) .stk-button:before {
	transition: ease .2s !important;
	transition-property: width;
	content: "";
	display: block;
	position: absolute;
	width: 0 !important;
	opacity: 0 !important;
}

.button-purple .stk-button:before {
	background: none repeat scroll 0 0 #A822FB;
}

.button-white .stk-button:before {
	background: none repeat scroll 0 0 #FFF;
}

:is(.button-purple, .button-white) .stk-button:hover:before {
	width: 100% !important;
	opacity: 1 !important;
}

.button-purple .stk-button:hover span {
	color: #FFF !important;
}

.button-white .stk-button:hover span {
	color: #A822FB !important;
}

:is(.button-purple, .button-white) .stk-button:hover .stk--svg-wrapper {
	transition: all ease-in-out .5s !important;
}

.button-purple .stk-button:hover .stk--svg-wrapper {
	background-color: #FFF;
}

.button-white .stk-button:hover .stk--svg-wrapper {
	background-color: #A822FB;
}

/* Button contact */
.acf-form-submit:hover {
	color: white;
}

.acf-form-submit:hover:after {
	background-color: white;
	border-radius: 50px;
	pointer-events: none;
}

/* .acf-form-submit:before {
	transition: ease .2s !important;
	transition-property: width;
	content: "";
	position: absolute;
	width: 0 !important;
	height: 41px;
	border-radius: 50px;
	opacity: 0 !important;
	background: none repeat scroll 0 0 #A822FB;
} */

.acf-form-submit:hover:before {
	width: 131px !important;
	opacity: 1 !important;
}

/* 

    1 - Header 

*/
.ct-header {
	z-index: 999 !important;
}

.header-menu-1 a {
	font-family: "aktiv-grotesk-extended", Sans-serif !important;
}

.header-menu-1 .sub-menu {
	padding: 0 15px;
}

.header-menu-1 [role="none"]:hover {
	cursor: pointer;
}

[data-menu]>ul>li>a:before,
[data-menu]>ul>li>a:after {
	height: 1px !important;
}

.ct-header-search {
	margin-bottom: 10px !important;
}

.hero-section {
	z-index: 9 !important;
}

.page-title {
	padding-top: 10px;
}

/* Mobile menu */
.ct-panel-content[data-device="mobile"] {
	justify-content: space-between !important;
}

.ct-panel-content[data-device="mobile"] [data-id="widget-area-1"] {
	margin-bottom: 20px !important;
}


.ct-panel-content[data-device="mobile"] h2 {
	font-family: "ct_font_acta__display__book", Sans-serif !important;
	font-style: italic;
	color: #A822FB !important;
}

.mobile-menu [class*=children]>ul li a:not(:empty):before {
	display: none !important;
}

[data-device="mobile"] .ct-panel-content-inner {
	height: 100% !important;
}

[data-device="mobile"] [data-id="widget-area-1"] {
	margin-top: auto !important;
}

/* 

    2 - Footer

*/
.email--footer .stk--inner-svg {
	border: 1px solid #9b51e0 !important;
	padding: 5px;
	border-radius: 2em;
}

#footer {
	z-index: 99 !important;
}

.footer-contact .links a {
	text-decoration: unset !important;
	color: #3B3B3B;
}

.footer-contact .links a:hover {
	color: #9b51e0;
}

/* Forms */
.acf-form-submit,
.acf-fields {
	max-width: 800px;
	margin: 0 auto;
}

.acf-fields {
	border-top: 1px solid #000000 !important;
	padding-top: 20px;
}

.acf-field,
.acf-input :is(input, textarea) {
	border: unset !important;
	padding: 20px 0 !important;
}

.acf-input :is(input, textarea) {
	border-bottom: 1px solid #000000 !important;
	border-radius: 0 !important;
}

.button.acf-button {
	background-color: unset !important;
	color: #A822FB !important;
	border: 1px solid #A822FB !important;
	border-radius: 50px !important;
	padding: 7px 20px 7px 20px !important;
}
/* 
.button.acf-button:hover {
	color:  var(--theme-palette-color-8); !important;
	border: 1px solid  var(--theme-palette-color-1); !important;
	background:  var(--theme-palette-color-1)!important;
} */

/* .acf-form-submit:after {
	content: "";
	background-image: url(images/arrow-right.svg);
	background-size: cover;
	display: inline-block;
	position: absolute;
	bottom: 12px;
	height: 15px;
	width: 15px;
	margin-left: -30px;
} */

/* 

	BRAND HUB STYLES

*/

/* HEADER */
.header-menu-1 .sub-menu {
	padding: 0 !important;
}

.page-title {
	margin-top: 0 !important;
	line-height: 1em;
}

/* SEARCH */
.ct-search-form input,
input[type=search]:focus {
	background-color: var(--theme-palette-color-3);
	border: unset;
	border-radius: unset;
}

.ct-search-form-controls {
	background-color: var(--theme-palette-color-1);
	transition: 0.2s ease-in-out;
}

.ct-search-form-controls .wp-element-button {
	border: unset !important;
}

.ct-search-form:hover .ct-search-form-controls {
	background-color: var(--theme-palette-color-3);
}

.ct-search-form-controls .ct-icon {
	transition: 0.2s ease-in-out;
}

.ct-search-form:hover .ct-search-form-controls .ct-icon {
	color: var(--theme-palette-color-1);
}

[type="search"] {
	font-family: "aktiv-grotesk-extended", Sans-serif !important;
	font-size: 20px !important;
}

[type="search"]:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
}

.ct-search-results {
	top: unset !important;
	inset-inline: unset !important;
	width: calc(100% - 40px);
	padding-top: calc(var(--theme-form-field-height, 40px)) !important;
	font-family: "aktiv-grotesk-extended", Sans-serif !important;
}

.ct-search-results a:not(:last-child) {
	border-bottom: unset !important;
}

.ct-search-more {
	color: var(--theme-palette-color-1) !important;
}

.hero--home {
	z-index: 99 !important;
}

/* FOOTER */
#block-39 a {
	color: #A822FB;
}

#block-39 a:hover {
	color: #ffffff;
}

#menu-footer-legal {
	display: flex;
	column-gap: 20px;
}

#menu-footer-legal a {
	color: #ffffff;
	font-family: aktiv-grotesk-extended, Sans-Serif;
}

#menu-footer-legal a:hover {
	color: #A822FB;
}

@media only screen and (max-width: 425px) {
	#block-38 .stk--block-horizontal-flex {
		display: grid;
		row-gap: 20px;
	}
}

/* LOGIN PAGE */
.login-form .acf-fields {
	border-top: unset !important;
}

/* CARDS */
[data-archive=default][data-cards=simple] .entry-card {
	--card-border: unset;
	padding-bottom: unset;
}

.stk-hover-parent:hover :is(.download-button_link, .copy-button_link) svg {
	fill: #ffffff;
}

.ct-container hr {
	background-color: #DFDAD1;
}

.ct-container .top-level-heading_container:not(:first-child) {
	margin-top: 70px !important;
}

.top-level_title {
	color: var(--theme-palette-color-2);
	font-family: aktiv-grotesk-extended, Sans-Serif;
	font-size: 25px;
}

.top-level_container .entry-card {
	position: relative;
}

.top-level_container .entry-card .ct-media-container {
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.1);
	width: 100%;
}

.top-level_container .post-title {
	color: #3B3B3B;
	font-family: aktiv-grotesk-extended, Sans-Serif;
	font-size: 18px;
	padding-top: 10px;
}

.hover--card:hover .post-title {
	color: #A822FB;
}

.hover--card:hover .post-title:after {
	border: 1px solid #A822FB;
	background-color: #A822FB;
	background-position: 7px 4.5px;
}

.top-level_container .entries {
	padding-top: 20px;
}
/* 
.post-title:after,
.show-more a:after {
	content: "";
	background-image: url(images/arrow-right-circle.svg);
	width: 20px !important;
	height: 20px !important;
	display: inline-block;
	position: relative;
	top: 4px;
	left: 5px;
	background-color: rgba(255, 255, 255, 0);
	border-radius: 100%;
	border: 1px solid #A822FB;
	background-size: auto 10px !important;
	background-repeat: no-repeat;
	background-position: -9px 4.5px;
	transition: 0.2s;
}

.post-title:after {
	margin-top: 6px;
	margin-left: 10px;
}

.show-more a:after {
	margin-top: 8px;
	margin-left: 10px;
} */

.ct-container:has(.ct-no-results) {
	display: none;
}

.show-more {
	margin-top: 30px;
}

.show-more a {
	border: 1px solid var(--theme-palette-color-2);
	border-radius: 2em;
	padding: 5px 20px 5px 20px;
	font-size: 20px;
}

.show-more a:hover {
	border: 1px solid var(--theme-palette-color-1);
	background-color: var(--theme-palette-color-1);
	color: #ffffff;
}

.show-more a:hover:after {
	border: 1px solid #A822FB;
	background-color: #A822FB;
	background-position: 7px 4.5px;
}

/* Copy button */
.copy-button_link:hover {
	cursor: pointer;
}

/* File meta info */
.meta-container .meta-title {
	color: #1D1D1D;
	background-color: #F1F1F1;
	font-size: 25px;
	padding: 10px;
	font-family: aktiv-grotesk-extended, Sans-Serif;
	font-weight: 400;
	margin-bottom: 0;
}

.meta-container .meta-single--information {
	border: 1px solid #D0D0D0;
	border-bottom: unset;
}

.meta-container .meta-row {
	border-bottom: 1px solid #D0D0D0;
	padding: 10px;
	margin-bottom: 0;
	display: flex;
	justify-content: space-between;
}

.meta-container .meta-row p {
	margin-bottom: unset;
	font-family: aktiv-grotesk-extended, Sans-Serif;
}

.meta-container .meta-row p:first-child {
	font-weight: 500;
}

body.single-brandhub :is(.download-button_link, .copy-button_link) {
	border: 1px solid var(--theme-palette-color-2);
	color: var(--theme-palette-color-2);
	width: 150px;
	padding: 5px 10px;
	border-radius: 2em;
	font-family: aktiv-grotesk-extended, Sans-Serif;
	text-align:center
}
body.single-brandhub :is(.download-button_link, .copy-button_link):hover {
	border: 1px solid var(--theme-palette-color-1);
	
}

body.single-brandhub :is(.download-button_link, .copy-button_link):hover {
	background-color: #A822FB;
	color: #ffffff;
}

body.single-brandhub :is(.download-button_link, .copy-button_link):hover svg {
	fill: #ffffff;
}

body.single-brandhub :is(.download-button_link, .copy-button_link) svg {
	fill: #A822FB;
	width: 15px;
	height: 15px;
	display: none;
}

body.single-brandhub .download-button_link:before {
	content: "Download";
/* 	margin-right: 20px; */
}

body.single-brandhub .copy-button_link:before {
	content: "Copy Link";
/* 	margin-right: 20px; */
}

/* Animation */
.top-level-heading_container a:hover {
	color: #A822FB !important;
}

.top-level-heading_container:hover {
	cursor: pointer;
}

/* .top-level-heading_container:after {
	transition: all ease-in-out .5s;
	background: none repeat scroll 0 0 #A822FB;
	content: "";
	display: block;
	position: absolute;
	height: 1px;
	width: 0;
	left: 0;
	bottom: 0;
}

.top-level-heading_container:hover:after {
	width: 100%;
} */

/* Top level categories / home page */
.top_level--container {
	display: grid;
	gap: 40px;
}

.top_level--container .entry-card {
	transition: 0.2s ease-in-out !important;
}

.top_level--container .entry-card:hover {
	transform: translateY(-10px);
}

@media only screen and (min-width: 550px) {
	body.home .top_level--container {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	}

	.top_level--container {
		gap: 40px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
	}
}

.top_level--container .entry-card h2 {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 28px !important;
	color: #fff !important;
	font-weight: 500 !important;
	font-family: "aktiv-grotesk-extended", Sans-serif !important;
}

.top_level--container .entry-card:hover img {
	filter: brightness(0.6);
}

/* .top_level--container .entry-card:hover h2 {
	color: #A822FB !important;
} */

/* Mega menu */
.ct-mega-menu-full-width>.sub-menu {
	padding: 0px 0 40px 0 !important;
}

.ct-column-heading {
	padding-bottom: 20px !important;
}

.ct-column-heading:after {
	content: "";
	background-color: #000;
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	bottom: 10px;
}

.header-menu-1 li {
	padding-top: unset !important;
}

.header-menu-1 .ct-menu-badge {
	opacity: 0;
}

.ct-menu-link:has(.ct-menu-badge) {
	font-weight: 700 !important;
}

/* Hub single */
.type-brandhub>.entry-content {
/* 	display: none; */
}
.ct-separator {
	fill: var(--theme-palette-color-2);
}

.ct-breadcrumbs span:nth-last-child(2) .ct-separator {
	fill: var(--theme-palette-color-1);
}
/* .entry-card.card-content, 
.entry-card.card-content .ct-entry-content-block, 
.entry-card.card-content .ct-entry-content-block > .wp-block-stackable-columns {
	height:100%;
} */