/*
 Theme Name:   AMS Vittra Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  AMS Vittra Child Theme
 Author:       Academedia DMT
 Author URI:   http://vittra.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
*/
@media screen and (max-width: 767px) {
	.ams_timeline_module.tidslinjetyp2 .card-title {
		height: 175px;
	}
}

/* ==========================================
   Button shape
   ========================================== */
.c-btn[data-variant="default"],
.c-btn[data-variant="outline"] {
	position: relative;
	background: none;
	border: none;
	padding: var(--ams-space-fluid-xs) var(--ams-space-fluid-md);
	z-index: 1;

	/* Default SVG path (filled) */
	--svg-path: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 244.69 63.91' preserveAspectRatio='none'%3E%3Cpath fill='black' d='M222 8.33c-2.32-.35-5.21-1.28-8-2.19-2.36-.76-4.58-1.48-6.55-1.9-7.9-1.67-12.25-1.66-23.88-1.64h-4.74c-9.7 0-19.08-.66-28.16-1.3-9.12-.64-18.55-1.31-28.33-1.31S103.12.66 94 1.3c-9.08.64-18.46 1.3-28.16 1.3H61.1c-11.62-.03-15.98-.04-23.88 1.63-1.97.42-4.19 1.13-6.55 1.9-2.79.9-5.68 1.84-8 2.19C7.95 10.55 0 23.86 0 35.24l.54 3.7.04.19C3.99 49.88 13.52 56.9 26.75 58.4c1.66.19 2.88.35 3.96.49 4.78.63 6.76.89 29.92 1.36 9.68 0 18.91.93 27.84 1.82 8.99.9 18.29 1.84 28.09 1.84s16.06-.58 22.12-1.14c5.69-.53 11.56-1.07 20.39-1.13 1.05 0 2.16-.06 3.3-.17 6.33-.6 13.86-1.22 21.7-1.22 23.13-.47 25.11-.73 29.89-1.36 1.08-.14 2.31-.3 3.96-.49 13.22-1.5 22.76-8.52 26.17-19.27l.57-3.71v-.19c.01-11.39-7.94-24.69-22.67-26.91Z'/%3E%3C/svg%3E");
}

.c-btn[data-variant="default"]::before,
.c-btn[data-variant="outline"]::before,
.c-btn[data-variant="outline"]::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;

	-webkit-mask-image: var(--svg-path);
	mask-image: var(--svg-path);
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* *******************************
	Default (Filled) Variant
	******************************* */
.c-btn[data-variant="default"]::before {
	background-color: var(--btn-bg-color, currentColor);
}

.c-btn[data-variant="default"]:hover::before {
	background-color: var(--btn-bg-color-hover, currentColor);
	transition: background-color 200ms var(--ams-ease-1);
}

/* *******************************
	Outline Variant
	******************************* */
.c-btn[data-variant="outline"] {
	/* We use the FILLED path for the background layer, and the OUTLINE path for the border layer */
	--svg-path-fill: var(--svg-path);
	--svg-path-outline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 244.69 63.91' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='black' stroke-miterlimit='10' stroke-width='2.5' d='M159.07 60.39c1.07 0 2.13-.07 3.19-.17 7.08-.67 14.25-1.22 21.79-1.22 28.32-.58 24.76-.83 33.74-1.84 12.8-1.45 21.84-8.05 25.11-18.4l.53-3.52c0-11.59-8.41-23.68-21.62-25.68-4.35-.66-10.34-3.19-14.62-4.09-8.75-1.85-13.14-1.61-28.36-1.61-19.49 0-37.01-2.61-56.49-2.61-19.49 0-37.01 2.61-56.49 2.61-15.22 0-19.6-.25-28.36 1.61-4.28.91-10.27 3.44-14.62 4.09-13.21 2-21.62 14.09-21.62 25.68l.53 3.52c3.28 10.35 12.32 16.95 25.11 18.4 8.98 1.01 5.42 1.26 33.74 1.84 19.48 0 36.45 3.66 55.93 3.66 18.98 0 24.25-2.16 42.51-2.27Z'/%3E%3C/svg%3E");
}

/* The Inner Fill (Hidden by default, fades in on hover) */
.c-btn[data-variant="outline"]::before {
	background-color: var(--btn-bg-color-hover, currentColor);

	-webkit-mask-image: var(--svg-path-fill);
	mask-image: var(--svg-path-fill);

	opacity: 0;
	transition: opacity 200ms var(--ams-ease-1);
}

/* The Outline Stroke (Visible by default) */
.c-btn[data-variant="outline"]::after {
	background-color: var(--btn-border-color, currentColor);

	-webkit-mask-image: var(--svg-path-outline);
	mask-image: var(--svg-path-outline);

	transition: background-color 200ms var(--ams-ease-1);
}

.c-btn[data-variant="outline"]:hover::before {
	opacity: 1;
}

.c-btn[data-variant="outline"]:hover::after {
	background-color: var(--btn-border-color-hover, var(--btn-bg-color-hover, currentColor));
}

/* ==========================================
   USP image shape
   ========================================== */
.ams-usp .c-card__media .image-mask-shape {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.57 189.01'%3E%3Cpath fill='black' d='M183.84 162.75v25.76H.5V5.35c1.06-3.79 33.72-1.36 37.75-1.17 25.64 1.24 51.21.58 76.66-2.72C121.18.68 127.7-.02 133.94 1c7.95 1.21 14.79 5.57 21.9 9.04 8.39 4.59 19.97 5.93 26.67 11.57 6.54 5.5 7.3 15.03 6.07 23.24-1.43 9.13-3.76 18.27-2.77 27.57.74 9.02 3.63 18.27 2.98 27.65-.26 4.74-1.67 20.15-3.07 31.65a255 255 0 0 0-1.88 31.01Z'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.57 189.01'%3E%3Cpath fill='black' d='M183.84 162.75v25.76H.5V5.35c1.06-3.79 33.72-1.36 37.75-1.17 25.64 1.24 51.21.58 76.66-2.72C121.18.68 127.7-.02 133.94 1c7.95 1.21 14.79 5.57 21.9 9.04 8.39 4.59 19.97 5.93 26.67 11.57 6.54 5.5 7.3 15.03 6.07 23.24-1.43 9.13-3.76 18.27-2.77 27.57.74 9.02 3.63 18.27 2.98 27.65-.26 4.74-1.67 20.15-3.07 31.65a255 255 0 0 0-1.88 31.01Z'/%3E%3C/svg%3E%0A");

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* ==========================================
   Contact image shape
   ========================================== */
.ams-contact .c-card__media .u-ratio-portrait.image-mask-shape {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.57 250.31'%3E%3Cpath fill='black' d='M183.84 162.75v87.07H.5V5.36C1.56 1.57 34.22 4 38.25 4.19c25.64 1.24 51.21.58 76.66-2.72 6.27-.78 12.79-1.48 19.03-.46 7.95 1.21 14.79 5.57 21.9 9.04 8.39 4.59 19.97 5.93 26.67 11.57 6.54 5.5 7.3 15.03 6.07 23.24-1.43 9.13-3.76 18.27-2.77 27.57.74 9.02 3.63 18.27 2.98 27.65-.26 4.74-1.67 20.15-3.07 31.65a255 255 0 0 0-1.88 31.01Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.57 250.31'%3E%3Cpath fill='black' d='M183.84 162.75v87.07H.5V5.36C1.56 1.57 34.22 4 38.25 4.19c25.64 1.24 51.21.58 76.66-2.72 6.27-.78 12.79-1.48 19.03-.46 7.95 1.21 14.79 5.57 21.9 9.04 8.39 4.59 19.97 5.93 26.67 11.57 6.54 5.5 7.3 15.03 6.07 23.24-1.43 9.13-3.76 18.27-2.77 27.57.74 9.02 3.63 18.27 2.98 27.65-.26 4.74-1.67 20.15-3.07 31.65a255 255 0 0 0-1.88 31.01Z'/%3E%3C/svg%3E");

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.ams-contact .c-card__media .u-ratio-square.image-mask-shape {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.57 189.01'%3E%3Cpath fill='black' d='M183.84 162.75v25.76H.5V5.35c1.06-3.79 33.72-1.36 37.75-1.17 25.64 1.24 51.21.58 76.66-2.72C121.18.68 127.7-.02 133.94 1c7.95 1.21 14.79 5.57 21.9 9.04 8.39 4.59 19.97 5.93 26.67 11.57 6.54 5.5 7.3 15.03 6.07 23.24-1.43 9.13-3.76 18.27-2.77 27.57.74 9.02 3.63 18.27 2.98 27.65-.26 4.74-1.67 20.15-3.07 31.65a255 255 0 0 0-1.88 31.01Z'/%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 189.57 189.01'%3E%3Cpath fill='black' d='M183.84 162.75v25.76H.5V5.35c1.06-3.79 33.72-1.36 37.75-1.17 25.64 1.24 51.21.58 76.66-2.72C121.18.68 127.7-.02 133.94 1c7.95 1.21 14.79 5.57 21.9 9.04 8.39 4.59 19.97 5.93 26.67 11.57 6.54 5.5 7.3 15.03 6.07 23.24-1.43 9.13-3.76 18.27-2.77 27.57.74 9.02 3.63 18.27 2.98 27.65-.26 4.74-1.67 20.15-3.07 31.65a255 255 0 0 0-1.88 31.01Z'/%3E%3C/svg%3E%0A");

    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

/* ==========================================
 Footer
 ========================================== */
 .ams-footer {
	/* Prevent horizontal scrolling because of SVG */
	overflow-x: hidden;
}

.ams-footer-logo figure {
	max-width: 260px;
}

.ams-footer-logo figcaption {
	font-size: var(--ams-font-title-3-size);
	font-weight: var(--ams-font-title-3-weight);
	line-height: var(--ams-font-title-3-line-height);
	margin-block-start: var(--ams-space-fluid-md);
}

/* Decorative image above legal text */
.ams-footer__decorative-image {
    position: relative;
	width: 175vw;
    left: 50%;
	margin-block-start: var(--ams-space-sm);
    transform: translateX(-50%);
}

.ams-footer__decorative-image svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Legal text */
.ams-footer__inner .ams-footer__legal {
	margin-block-start: var(--ams-space-lg);
}

/* Menu column divider */
.ams-footer [class*=l-col-]::after {
	opacity: 1;
}

.ams-footer [class*=l-col-]:not(:first-child)::after {
	display: none;
}

@media (min-width: 768px) {
	.ams-footer__decorative-image {
		width: 100vw;
		margin-block-start: var(--ams-space-xl);
	}

	.ams-footer__inner .ams-footer__legal {
		margin-block-start: var(--ams-space-sm);
	}
}

/* ====================================================== */
/* Form styling 										  */
/* ====================================================== */
.ams-form__form-wrapper {
    --petroleum: #066070;
    --light-blue: #E1F2FA;
    --beige: #F5EDDE;
	--white: #FFFFFF;
	--dark-red: #D12300;
    --focus-color-light-blue: #00FDFF;
    --focus-color-dark-blue: #0433FF;
}

/* *******************************/
/* Base form styles */
/* *******************************/
.ams-form__form-wrapper :is(input, textarea, span.checkmark) {
    background-color: var(--white);
    border-radius: 0.5rem;
	border: 1px solid var(--petroleum);
	box-shadow: none;
}

.ams-form__form-wrapper .ams-form :is(input, textarea, span.checkmark):active {
    background-color: var(--white) !important;
}

.ams-form__form-wrapper input[type="text"] {
	padding: 0.5rem;
}

.ams-form__form-wrapper .ams-form__label input:focus,
.ams-form__form-wrapper .ams-form__label textarea:focus,
.ams-form__form-wrapper .ams-form__label input:focus ~ .checkmark,
.ams-form__form-wrapper .ams-form__submit-wrapper .ams-form__submit:focus-visible {
    box-shadow: none !important;
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px;
}

.ams-form__form-wrapper .ams-form .container-checkmark input:focus,
.ams-form__form-wrapper .ams-form .container-checkmark textarea:focus,
.ams-form__form-wrapper .ams-form .container-checkmark input:focus ~ .checkmark {
    box-shadow: none !important;
}

.ams-form__form-wrapper .ams-form .container-checkmark input:checked ~ .checkmark,
.ams-form__form-wrapper .ams-form .container-checkmark:hover input:not(:checked) ~ .checkmark,
.ams-form__form-wrapper .ams-form .container-checkmark:hover input:checked ~ .checkmark {
    background-color: var(--white) !important;
}

/* *******************************/
/* Theme-specific form styles */
/* *******************************/

/* Class vs. Background Color cheat sheet
    - site__primary-bg - petroleum background
    - site__secondary-bg--100 - light blue background
*/

/** Shared styles **/
.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) input[type=radio]:checked~.checkmark,
.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .container-checkmark:hover .checkmark {
	border: 1px solid var(--petroleum);
}

.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__checkbox-dropdown {
	background-color: var(--white);
	color: var(--petroleum);
    border-color: var(--petroleum) !important;
    border-width: 1px;
}

.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__checkbox-dropdown #arrow2 svg path {
	fill: var(--petroleum);
}

.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__checkbox-dropdown li:hover label {
	background-color: var(--petroleum) !important;
}

.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__select-list .container-checkmark {
	margin-bottom: 0;
}

.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__checkbox-dropdown.radio li .container-checkmark .checkmark {
	color: var(--petroleum);
	font-size: 1rem;
}

.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__checkbox-dropdown.radio li .container-checkmark .checkmark i {
	line-height: 1.5;
	text-align: center;
}

/** Petroleum background **/
.ams-form__form-wrapper.site__primary-bg .ams-form__headline {
    color: var(--white);
}

.ams-form__form-wrapper.site__primary-bg .container-checkmark .checkmark::after,
.ams-form__form-wrapper.site__primary-bg .container-checkmark .checkmark::before {
    border-color: var(--petroleum);
}

.ams-form__form-wrapper.site__primary-bg .container-checkmark:hover .checkmark::after,
.ams-form__form-wrapper.site__primary-bg .container-checkmark:hover .checkmark::before,
.ams-form__form-wrapper.site__primary-bg .container-checkmark:hover input:checked ~ .checkmark::before,
.ams-form__form-wrapper.site__primary-bg .container-checkmark:hover input:checked ~ .checkmark::after {
    border-color: var(--petroleum);
}

.ams-form__form-wrapper.site__primary-bg .ams-form__submit {
    background-color: var(--beige);
    color: var(--dark-red);
}

.ams-form__form-wrapper.site__primary-bg .ams-form__label input:focus,
.ams-form__form-wrapper.site__primary-bg .ams-form__label textarea:focus,
.ams-form__form-wrapper.site__primary-bg .ams-form__label input:focus ~ .checkmark {
    outline-color: var(--focus-color-light-blue);
}

.ams-form__form-wrapper.site__primary-bg .ams-form__submit:focus,
.ams-form__form-wrapper.site__primary-bg .ams-form__submit:focus-visible {
    outline: 2px solid var(--focus-color-light-blue) !important;
    outline-offset: 2px;
}

/** Light Blue background **/
.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__headline,
.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__description,
.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__label {
    color: var(--petroleum);
}

.ams-form__form-wrapper.site__secondary-bg--100 .container-checkmark .checkmark::after,
.ams-form__form-wrapper.site__secondary-bg--100 .container-checkmark .checkmark::before {
    border-color: var(--petroleum);
}

.ams-form__form-wrapper.site__secondary-bg--100 .container-checkmark:hover .checkmark::after,
.ams-form__form-wrapper.site__secondary-bg--100 .container-checkmark:hover .checkmark::before,
.ams-form__form-wrapper.site__secondary-bg--100 .container-checkmark:hover input:checked ~ .checkmark::before,
.ams-form__form-wrapper.site__secondary-bg--100 .container-checkmark:hover input:checked ~ .checkmark::after {
    border-color: var(--petroleum);
}

.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__submit {
    color: var(--beige);
}

.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__label input:focus,
.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__label textarea:focus,
.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__label input:focus ~ .checkmark {
    outline-color: var(--focus-color-dark-blue);
}

.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__submit:focus,
.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__submit:focus-visible {
    outline: 2px solid var(--focus-color-dark-blue) !important;
    outline-offset: 2px;
}

/* *******************************/
/* Error form states */
/* *******************************/
.ams-form__form-wrapper .ams-form__not-validated .ams-form__not-validated-text {
	font-weight: 400 !important;
}

.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__not-validated {
	color: var(--petroleum);
}

.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__not-validated-text,
.ams-form__form-wrapper:is(.site__primary-bg, .site__secondary-bg--100) .ams-form__not-validated .ams-form__consent .container-checkmark {
    color: var(--petroleum);
}

.ams-form__form-wrapper.site__primary-bg .ams-form__not-validated {
    background-color: var(--light-blue);
}

.ams-form__form-wrapper.site__secondary-bg--100 .ams-form__not-validated {
    background-color: var(--beige);
}

section.ams-open-house.c-block {
    background: transparent;
}