/*
 Theme Name:   AMS Procivitas Child
 Theme URI:    https://procivitas.se/
 Description:  AMS Child Theme for Procivitas Gymnasiet
 Author:       Academedia WDT
 Author URI:   http://academedia.se/
 Template:     ams
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  ams
*/

/* Gradient heading */
.ams-hero.gradient-heading .c-heading span:first-child {
	background-image: linear-gradient(270deg, #C5A14C 18.67%, #F8DEA3 49.81%, #AE8F4C 82.48%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	padding-top: 1rem;
}

/* Add decor icon to centered heading */
.heading-decor .c-heading {
	--heading-icon-color: var(--ams-color-global-icon, #8B723C);
	--heading-icon-width: 31px;
	--heading-icon-height: 11px;

	position: relative;
}

.heading-decor .c-heading::after {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--heading-icon-color);
	width: var(--heading-icon-width);
	height: var(--heading-icon-height);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: var(--heading-icon-width) var(--heading-icon-height);
	-webkit-mask-size: var(--heading-icon-width) var(--heading-icon-height);
}

@media screen and (max-width: 767px) {
	.heading-decor .is-center .c-heading {
		padding-bottom: var(--ams-space-lg);
	}

	.heading-decor .is-center .c-heading::after {
		content: '';
		mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 31 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.50602L5.35322 0L10.7064 5.50602L5.35322 11L0 5.50602ZM5.35322 1.36145L1.31398 5.50602L5.35322 9.63855L9.373 5.50602L5.35322 1.36145ZM10.2198 5.50602L15.5827 0L20.936 5.50602L15.5827 11L10.2198 5.50602ZM15.573 1.36145L11.5435 5.50602L15.5827 9.63855L19.6025 5.50602L15.573 1.36145ZM20.3228 5.50602L25.6468 0L31 5.50602L25.6468 11L20.3228 5.50602ZM25.6468 1.36145L21.627 5.50602L25.6468 9.63855L29.6763 5.50602L25.6468 1.36145Z'/%3E%3C/svg%3E");
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 31 11' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 5.50602L5.35322 0L10.7064 5.50602L5.35322 11L0 5.50602ZM5.35322 1.36145L1.31398 5.50602L5.35322 9.63855L9.373 5.50602L5.35322 1.36145ZM10.2198 5.50602L15.5827 0L20.936 5.50602L15.5827 11L10.2198 5.50602ZM15.573 1.36145L11.5435 5.50602L15.5827 9.63855L19.6025 5.50602L15.573 1.36145ZM20.3228 5.50602L25.6468 0L31 5.50602L25.6468 11L20.3228 5.50602ZM25.6468 1.36145L21.627 5.50602L25.6468 9.63855L29.6763 5.50602L25.6468 1.36145Z'/%3E%3C/svg%3E");
	}
}

@media (min-width: 768px) {
	.heading-decor [class*="is-center@"] .c-heading {
		padding-bottom: var(--ams-space-lg);
	}

	.heading-decor [class*="is-center@"] .c-heading::after {
		--heading-icon-width: 50px;
		--heading-icon-height: 15px;
		content: '';
		mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 15'%3E%3Cpath d='M0.3,7.5l8.5-7.1l8.5,7.1l-8.5,7.1L0.3,7.5z M8.8,2.2L2.4,7.5l6.4,5.3l6.4-5.3L8.8,2.2z M16.6,7.5l8.5-7.1 l8.5,7.1l-8.5,7.1L16.6,7.5z M25.1,2.2l-6.4,5.3l6.4,5.3l6.4-5.3L25.1,2.2z M32.7,7.5l8.5-7.1l8.5,7.1l-8.5,7.1L32.7,7.5z M41.2,2.2 l-6.4,5.3l6.4,5.3l6.4-5.3L41.2,2.2z'/%3E%3C/svg%3E");
		-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 15'%3E%3Cpath d='M0.3,7.5l8.5-7.1l8.5,7.1l-8.5,7.1L0.3,7.5z M8.8,2.2L2.4,7.5l6.4,5.3l6.4-5.3L8.8,2.2z M16.6,7.5l8.5-7.1 l8.5,7.1l-8.5,7.1L16.6,7.5z M25.1,2.2l-6.4,5.3l6.4,5.3l6.4-5.3L25.1,2.2z M32.7,7.5l8.5-7.1l8.5,7.1l-8.5,7.1L32.7,7.5z M41.2,2.2 l-6.4,5.3l6.4,5.3l6.4-5.3L41.2,2.2z'/%3E%3C/svg%3E");
	}
}

/* Border radius on personfråga and info card in wp column */
.wp-block-column .ams-fragor,
.wp-block-column .ams-info-card {
	border-radius: var(--ams-radius-sm);
}

/**
* Remove mobile header background on transparent header
*/
body:not(.menu-open) ._transparent_header_._hidden_ ._overlay_ {
	opacity: 0;
}

/**
* Remove underline on search icon and change color on mobile
*/
.navbar .search_icon,
.navbar .search_icon:hover {
	color: #fff;
	text-decoration: none;
}

@media (min-width: 64em) {
	.has-transparent-header--desktop .ams-hero--classic .ams-hero__content {
		padding-top: 168px;
		padding-bottom: var(--ams-space-fluid-md-3xl);
	}
}

/* Lists Block Icon */
.ams-lists .c-list__link {
	--list-item-icon-size: 11px;
}

.ams-lists .c-list__link::before {
	mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='var(--list-item-icon-size)' height='var(--list-item-icon-size)' viewBox='0 0 11 11'%3e%3cpath d='M5.33203 0.5L0.332031 5.42754L5.33203 10.5L10.332 5.42754L5.33203 0.5Z'/%3e%3c/svg%3e");
	-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='var(--list-item-icon-size)' height='var(--list-item-icon-size)' viewBox='0 0 11 11'%3e%3cpath d='M5.33203 0.5L0.332031 5.42754L5.33203 10.5L10.332 5.42754L5.33203 0.5Z'/%3e%3c/svg%3e");
}

/* FileManager Block Icon */
.ams-file-manager .c-block-list__link {
	--bl-item-icon-size: 11px;
}

.ams-file-manager .c-block-list__link::before {
	mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='var(--bl-item-icon-size)' height='var(--bl-item-icon-size)' viewBox='0 0 11 11'%3e%3cpath d='M5.33203 0.5L0.332031 5.42754L5.33203 10.5L10.332 5.42754L5.33203 0.5Z'/%3e%3c/svg%3e");
	-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='var(--bl-item-icon-size)' height='var(--bl-item-icon-size)' viewBox='0 0 11 11'%3e%3cpath d='M5.33203 0.5L0.332031 5.42754L5.33203 10.5L10.332 5.42754L5.33203 0.5Z'/%3e%3c/svg%3e");
}

.ams-file-manager .c-block-list__link:hover {
	padding-left: calc(var(--bl-item-icon-size) * 2);
}

/* Footer Menu Icon */
.ams-footer .ams-footer-nav .c-nav__link {
	--icon-size: 11px;
}

.ams-footer .ams-footer-nav .c-nav__link::before {
	mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='var(--icon-size)' height='var(--icon-size)' viewBox='0 0 11 11'%3e%3cpath d='M5.33203 0.5L0.332031 5.42754L5.33203 10.5L10.332 5.42754L5.33203 0.5Z'/%3e%3c/svg%3e");
	-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='var(--icon-size)' height='var(--icon-size)' viewBox='0 0 11 11'%3e%3cpath d='M5.33203 0.5L0.332031 5.42754L5.33203 10.5L10.332 5.42754L5.33203 0.5Z'/%3e%3c/svg%3e");
}

/* Header Menu Icon */
.navbar #main-navigation #ams_nav_menu {
	--header-icon-size: 11px;
}

.navbar #main-navigation ul:not(.header__modal-schools-list) li a:active::after,
.navbar #main-navigation ul:not(.header__modal-schools-list) li a:visited::after,
.navbar #main-navigation ul:not(.header__modal-schools-list) li.current-menu-item > a::after,
.navbar #main-navigation ul:not(.header__modal-schools-list) li:not(.active):not(.has-active-children):hover > a::after {
	width: var(--header-icon-size);
	height: var(--header-icon-size);
	mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='var(--header-icon-size)' height='var(--header-icon-size)' fill='%238B723C' viewBox='0 0 11 11'%3e%3cpath d='M5.33203 0.5L0.332031 5.42754L5.33203 10.5L10.332 5.42754L5.33203 0.5Z'/%3e%3c/svg%3e");
	-webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='var(--header-icon-size)' height='var(--header-icon-size)' fill='%238B723C' viewBox='0 0 11 11'%3e%3cpath d='M5.33203 0.5L0.332031 5.42754L5.33203 10.5L10.332 5.42754L5.33203 0.5Z'/%3e%3c/svg%3e");
	transform: translateY(0);
}

@media (min-width: 1100px) {
	.navbar #main-navigation ul:not(.header__modal-schools-list) li a:active::after,
	.navbar #main-navigation ul:not(.header__modal-schools-list) li a:visited::after,
	.navbar #main-navigation ul:not(.header__modal-schools-list) li.current-menu-item > a::after,
	.navbar #main-navigation ul:not(.header__modal-schools-list) li:not(.active):not(.has-active-children):hover > a::after {
		left: calc(var(--header-icon-size) * 1.5);
	}
}

/* Blocks: FAQ / Accordion / Point Plan - Accordion Toggle Icon */
.c-accordion__item .c-accordion__trigger :where(svg, .ams-icon) {
	transition: rotate 0.2s ease;
}

.c-accordion__item.is-open .c-accordion__trigger :where(svg, .ams-icon) {
	rotate: 45deg;
}

/* Open House Block - Accordion Toggle Icon */
.c-card-ac__item.is-open .c-card__icon :where(svg, .ams-icon) {
	rotate: 45deg;
}

/* Breadcrumbs Holder */
.breadcrumbs-module {
	background-color:#FFFFF4;
}

/* Form Styling */
body .ams-form__form-wrapper.ams_active_form_state_form .container-checkmark:hover .checkmark,
body .ams-form__form-wrapper.ams_active_form_state_form .container-checkmark input:checked ~ .checkmark,
body .ams-form__form-wrapper .container-checkmark:hover .checkmark,
body .ams-form__form-wrapper .container-checkmark input[type="checkbox"]:not(:checked):hover ~ .checkmark,
body .ams-form__form-wrapper .container-checkmark input:focus ~ .checkmark {
	background-color: #8B723C !important;
	border-color: #8B723C !important;
	box-shadow: 0 0 0 1px #8B723C !important;
	color: #8B723C !important;
}

body .ams-form__box-wrapper input[type=radio]:checked ~ .checkmark {
	box-shadow: 0 0 0 1px #8B723C;
}

body .ams-form__form-wrapper .container-checkmark:hover .checkmark::after,
body .ams-form__form-wrapper .container-checkmark:hover .checkmark::before,
body .ams-form__form-wrapper .container-checkmark input:checked ~ .checkmark::after,
body .ams-form__form-wrapper .container-checkmark input:checked ~ .checkmark::before {
	border-color: #FFFFFF !important;
}

body .ams-form__form-wrapper .ams-form__not-validated {
    background-color: #920033;
}

/* Personfråga */
.wp-block-columns .ams-fragor {
	padding: var(--ams-space-md);
}

/* Course Listing */
.ams-courses-list .c-card {
	border-radius: unset;
	position: relative;
	box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.15);
}
.ams-courses-list .c-card::before {
	content: '';
	position: absolute;
	height: 8px;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: linear-gradient(90deg, #C5A14C 0%, #F8DEA3 49.53%, #AE8F4C 100.1%);
}

/* When Menu Wrapper with CTA is placed at bottom in mobile */
@media screen and (max-width: 1099px) {
	.top-menu-wrapper.global_body-color{
		background-color: #08162B;
	}
}

/* Mobile Menu WCAG */
body .navbar.horizontal #ams_nav_menu li.menu-item.active > a,
body .navbar.horizontal #ams_nav_menu li.menu-item.current-menu-parent > a,
body .navbar.horizontal #ams_nav_menu li.current-menu-item > a,
body .navbar.horizontal #ams_nav_menu li.menu-item:hover > a {
	color: #8B723C;
}

body .navbar.horizontal #ams_nav_menu li.current-menu-item > a::after {
	background-color: #8B723C;
}

/* Desktop Menu WCAG */
@media (min-width: 1100px) {
	body .navbar.horizontal #ams_nav_menu > li.menu-item:hover > a {
		color: #B79856;
	}

	body .navbar.horizontal #ams_nav_menu > li.menu-item.current-menu-parent > a {
		color: #B79856 !important;
	}

	body .navbar.horizontal #ams_nav_menu ul.sub-menu li.current-menu-item > a::after,
	body .navbar.horizontal #ams_nav_menu ul.sub-menu li.menu-item:hover > a::after {
		background-color: #B79856 !important;
	}
}

/* AMS footer logo max width */
.ams-footer-logo img {
	max-width: 150px;
}

/* Search Close Text */
#search_stang {
	color: #FFFFFF;
}

/* Font Weight Buttons, List Items and Contact Title */
.c-list__heading,

.c-card__list strong,
.c-list__item,
.ams-contact .position {
	font-weight: var(--ams-font-medium) !important;
}