/*
 Theme Name:   AMS Varbergs Gymnasieskola Child
 Theme URI:    https://varbergsgymnasieskola.se/
 Description:  AMS Child Theme for Varbergs Gymnasieskola
 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-varbergsgym
*/

/* Hero heading */
.home .ams-hero .c-heading {
    font-size: clamp(5rem, 0rem + 21.333vw, 16rem);
}

/* Hero sub-heading */
.home .ams-hero .c-heading__sub {
    font-size: clamp(2rem, 0.636rem + 5.818vw, 5rem);
    margin-top: 0;
}

/* timeline numbers font-style "Huge Display" */
.ams-timeline .c-steps__number {
	font-family: var(--ams-font-huge-display-family);
	font-weight: 400;
}

/* Table */
.ams-table table {
	border-top-right-radius: 16px;
	border-top-left-radius: 16px;
	overflow: hidden;
}

.ams-table .table td,
.ams-table .table th {
  padding: 1rem;
}

.ams-table .tablepress tbody tr:last-child {
	border-bottom: 5px solid #0A0A6D;
}

/* Point plan */
.c-accordion__item.is-closed {
	border-bottom: 1px solid #FCF2E8 !important;
}

/* Totalt antal poäng sektion */
.ams-point-plan__tp {
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
	border-bottom: 1px solid #FCF2E8;
}

.ams-point-plan__ac li:last-child {
	border-bottom: 0 !important;
}

.ams-point-plan__ac li.is-closed:last-child .c-accordion__trigger {
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
}

/* Info card & course listing (course listing card and accordion)*/
.ams-info-card .c-card,
.ams-courses-list__list .c-card {
	box-shadow: 0px 5px 0px 0px #CDBEB0;
}

.ams-info-card .c-card__icon svg,
.ams-courses-list .c-card__icon svg {
	background-color: #F7B0DC;
	box-sizing: content-box;
	width: 20px;
	height: 20px;
	padding: 12px;
	border-radius: 12px;
}

.ams-info-card .c-card__icon svg:hover,
.ams-courses-list .c-card__icon:hover svg {
	background-color: #FBCCE8;
}

.ams-courses-list .c-card__list::before{
	height: 4px;
  	--divider-color: #3958D0;
}

.ams-courses-list .u-list-dash{
	list-style-type: none;
	padding-left: 0;
}

.ams-courses-list .c-card__list ul>li{
	color:  #3958D0;
}

.ams-courses-list .c-card__list li > strong {
	text-transform: uppercase;
}

/* Course listing accordion */
.ams-courses-list .card-accordion__trigger :where(svg, .ams-icon) {
	width: 24px;
	fill: currentColor;
}
.ams-courses-list .card-accordion[data-variant="border-between"] .card-accordion__item:first-child .card-accordion__trigger {
	border-top:0;
}

.ams-courses-list .card-accordion[data-variant="border-between"] .card-accordion__item:last-child .card-accordion__trigger {
	border-bottom:0;
}

.ams-courses-list .card-accordion__trigger.is-closed {
	border-bottom: 0;
}

/* Add img mask to different blocks */
.ams-usp .c-card__media img,
.single-orientation .ams-hero__media img,
.frame .ams-fifty__media img {
	mask-image: url('img/svg/shield.svg');
	-webkit-mask-image: url('img/svg/shield.svg');
	mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
}

.single-orientation .ams-hero__media img {
	display: block;
}

@media (min-width: 64em) {
	.single-orientation .ams-hero__media img {
		transform: scale(1.5);
	}
}

.frame .ams-fifty__media img {
	transform: scale(0.75);
}

/* name/title under quote */
.ams-quote .c-card__text {
	text-align: center;
}

@media (min-width: 768px) {
	.ams-quote .c-card__text {
		text-align: right;
	}
}

/* Payoff in footer */
.ams-footer__payoff {
	font-family: "Bricolage Grotesque";
	font-size: clamp(3rem, 0.668rem + 9.949vw, 9.5rem);
	line-height: 1em;
	color:var(--ams-color-66);
	text-align: center;
}

.ams-footer__payoff span {
	font-family: "Instrument Serif Italic";
	font-style: italic;
}

@media (min-width: 768px) {
	.ams-footer__payoff{
		margin-block-end: -0.45em;
		text-align: center;
	}
}

/* Footer legal */
.ams-footer__legal p {
	text-align: left !important;;
}

@media (min-width: 768px) {
	.ams-footer__legal p{
		text-align: right !important;
	}
}

/* Hero buttons */
.home .ams-hero__action {
	justify-content: center;
}

/* Hero on orientation pages */
.single-orientation .ams-hero .c-heading{
	font-size: clamp(4rem, 1rem + 8vw, 8rem);
	word-break: keep-all;
}

.single-orientation .ams-hero .c-heading__sub {
	font-family: var(--ams-font-preamble-family);
	font-size: clamp(1rem, 0.885rem + 0.492vw, 1.5rem);
	font-weight: var(--ams-font-title-4-weight);
	text-transform: uppercase;
	padding-inline: clamp(0.5rem, 0.2rem + 1vw, 1rem);
	padding-block: 4px;
	margin-inline: auto;
	margin-bottom: clamp(0.75rem, 0.2rem + 2vw, 1.25rem);
	border-radius: clamp(1rem, 0.2rem + 1.8vw, 1.5rem);
	width: fit-content;
	background-color: #CCDFFF;
}

.single-orientation .ams-hero .highlight {
	display: block;
	line-height: clamp(2rem, 1.75rem + 3vw, 3.6rem);
	width: fit-content;
	font-size: clamp(1.5rem, 1rem + 2vw, 2.5rem);
	margin-top: clamp(0.75rem, 0.2rem + 2vw, 1.75rem);
	margin-inline: auto;
}

@media (min-width: 64em) {
	.single-orientation .ams-hero--fifty .ams-hero__container {
		gap: 0;
	}

	.single-orientation .ams-hero--fifty .ams-hero__content {
		width: calc(70% - var(--ams-space-fluid-2xl-4xl));
	}

	.single-orientation .ams-hero--fifty .ams-hero__media {
		overflow-x: clip;
	}
}

/* Highlighted words */
.highlight {
	font-family: var(--ams-font-highlight-family);
	font-weight: var(--ams-font-normal);
	font-style: italic;
	position: relative;
	display: inline-block;
 }

.highlight::before{
	z-index: -1;
	position: absolute;
	mask-size: contain;
	mask-repeat: no-repeat;
	mask-position: center;
	content: '';
}

.blue .highlight::before {
	background-color: #2A2A9E;
}

.pink .highlight::before {
	background-color: #F7B0DC;
}

.beige .highlight::before {
	background: #FCF2E8;
}

.brush-1 .highlight::before {
	transform: translateX(-10%) translateY(-15%);
	width: clamp(1em, 117%, 4em);
	height: clamp(1em, 200%, 2.8em);
	mask-image: url(./img/svg/brush-1.svg);
}

.brush-2 .highlight::before {
	transform: translateX(-13%) translateY(-24%);
	width: clamp(1em, 117%, 4em);
	height: clamp(1em, 200%, 2.8em);
	mask-image: url(./img/svg/brush-2.svg);
}

.brush-3 .highlight::before {
	transform: translateX(-12%) translateY(-12%);
	width: clamp(1em, 128%, 4.3em);
	height: clamp(1em, 150%, 2.8em);
	mask-image: url(./img/svg/brush-3.svg);
}

.brush-4 .highlight::before{
	transform: translateX(-7.5%) translateY(-16%);
	width: 116.5%;
	height: clamp(1em, 170%, 2.5em);
	mask-image: url(./img/svg/brush-4.svg);
}

.brush-5 .highlight::before {
	transform: translateX(-12.5%) translateY(-28%);
	width: clamp(3em, 125%, 9em);
	height: clamp(2em, 250%, 4em);
	mask-image: url(./img/svg/brush-5.svg);
}

.brush-6 .highlight::before {
	transform: translateX(-8%) translateY(-21%);
	width: clamp(1em, 120%, 8em);
	height: clamp(1em, 185%, 4em);
	mask-image: url(./img/svg/brush-6.svg);
}

.brush-special .highlight::before {
	transform: translateX(-5%) translateY(-33%);
	width: clamp(0.1em, 110%, 16em);
	height: clamp(2em, 275%, 4em);
	mask-image: url(./img/svg/brush-special.svg);
}

 /* Open House */
.ams-open-house__list .month {
	color: var(--ams-color-66);
}

/* Timeline */
.c-steps {
	--circle-highlight-color: var(--ams-color-65);
}

.c-steps__date .day {
	font-family: var(--ams-font-highlight-family);
	font-weight: var(--ams-font-normal);
	font-style: italic;
}

.c-step__date .month {
	font-family: var(--ams-font-display-family);
}

/* 50/50 block with framed image */
@media (min-width: 64em) {
	.frame .ams-fifty--container.l-container-narrow .ams-fifty__content,
	.frame .ams-fifty--container.l-container .ams-fifty__content {
        padding-inline: 0;
    }

	.frame .ams-fifty--container.l-container.ams-fifty--left .ams-fifty__text{
		padding-right: var(--ams-space-fluid-md-4xl);
	}

	.frame .ams-fifty--container.l-container.ams-fifty--right .ams-fifty__text{
		padding-left: var(--ams-space-fluid-md-4xl);
	}
}

@media (max-width: 64em){
	.frame .ams-fifty--container.l-container-narrow .ams-fifty__content,
	.frame .ams-fifty--container.l-container .ams-fifty__content {
		padding-block: 0;
	}
}


/* Form colors */
.ams-form__not-validated {
	background-color: #0a0a6d;
}

.ams-form__not-validated-text {
	color: #fcf2e8;
}

.container-checkmark:hover input:not(:checked) ~ .checkmark {
	background-color: #f7b0dc !important;
}

.aca-dropdown-selection__item {
	color: #0a0a6d;
}

.ams-form__label input,
body .ams_active_form_state_form .container-checkmark input:checked ~ .checkmark,
body .ams-form__field .checkmark {
	background-color: #fcf2e8 !important;
}

.container-checkmark .checkmark::before,
.container-checkmark .checkmark::after {
	border-color: #0a0a6d !important;
}

.aca-dropdown-selection__item {
	color: #0a0a6d !important;
}