/****** STORE SKRÆME ******/

@media only screen and (min-width: 1920px) {}


/****** BÆRBAR / MINDRE SKÆRME ******/

@media only screen and (max-width: 1550px) {
     :root body {
        /* Font sizes */
        --h1: 43px;
        --h2: 35px;
        --h3: 27px;
        --h4: 19px;
        --h5: 22px;
        --h6: 20px;
        --p: 18px;
        --p-l: 20px;
        /* Gaps */
        --gap-l: 60px;
        --gap-m: 25px;
        --gap-s: 20px;
        /* Sidebar */
        --sidebar-width: 280px;
    }
	
	.page-slider-section .slide-element iframe {
		min-height: inherit;
		top: 0;
		position:normal;
	}
    header .main-navigation ul.menu a {
        padding: 0 0.7em;
    }
    .posts-archive-layout-1.posts-archive article .entry-title {
        font-size: var(--h3);
    }
    .posts-archive-layout-1.posts-archive .post-thumbnail+.post-content-wrapper,
    .grid-element.Split-tekst {
        padding: var(--gap-m);
    }
    .kursus-table tbody tr td,
    a.kursus-link,
    a.kursus-show-all {
        font-size: inherit;
    }
    .stom-grid-section.footer-widget-area .section.columns-5 .grid-elements .grid-element {
        width: 100%;
        text-align: center;
    }
    .footer-widgets.widgets-4 .stom-inline-menu {
        grid-template-columns: repeat(var(--grid-1-cols), minmax(0, 1fr));
    }
    .stom-grid-section.footer-widget-area .section.columns-5 .grid-elements .grid-element {
        padding: var(--gap-m) 0;
    }
    .stom-billede-sektion .section {
        padding: 0 var(--gap-m);
    }
    tr.stom-medarbejder-stilling_fortsat,
    tr.stom-medarbejder-email,
    tr.stom-medarbejder-phone {
        font-size: calc(var(--p) - 3px);
    }
}

@media screen and (max-width: 1240px) {
    .page-template-page-kalender #content,
    .page-template-page-kalender .section-wrap {
        margin-inline: var(--gap-m);
        margin-inline: 0;
    }
    .header-text {
        font-size: var(--p);
    }
    .section-wrap.trustpilot.subpage-bottom .section .tp-wrapper {
        width: 100%;
    }
    .section-wrap.trustpilot.subpage-bottom .section {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .section-wrap.trustpilot.subpage-bottom .section .tp-wrapper iframe {
        margin: auto;
    }
    .cols_4 .stom-medarbejder-wrapper {
        width: calc((100% - (3% * 2)) / 2) !important;
        margin-right: 3% !important;
        margin: 0 1.5%!important;
    }
	
	.section-wrap.clear.medarbejder-section .section .employees-list.employee-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.section-wrap.clear.faq-section .section .faq-wrap .faq-item .faq-question {
		font-size: 16px;
	}
}

@media screen and (max-width: 1100px) {
    .posts-archive-layout-1.posts-archive .post-thumbnail,
    .posts-archive-layout-1.posts-archive .post-thumbnail+.post-content-wrapper {
        width: 100%;
        float: none;
    }
    .posts-archive-layout-1.posts-archive .post-thumbnail img {
        width: 100%;
        max-height: 450px;
    }
    .posts-archive .site-content:not(.no-blog-images) article.kalender.has-post-thumbnail,
    .posts-archive .site-content:not(.no-blog-images) article.kalender.has-post-thumbnail:nth-child(odd) {
        flex-direction: row-reverse;
    }
    .page-template-page-kalender article.type-kalender .post-content-wrapper,
    .tax-kalender_cat article.type-kalender .post-content-wrapper {
        flex-basis: 100%;
    }
    .posts-archive .site-content:not(.no-blog-images) article.kalender span.stom-button {
        display: block;
        text-align: center;
        padding: 20px 0 0;
    }
    /* Form tilmeld */
    .formfieldwrap.kursus-filter-wrapper {
        width: 100%;
        gap: 10px;
    }
    .section-wrap.kursuskalender form {
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10px;
    }
    .kursus-filter-wrapper {
        width: calc(50% - 5px);
    }
    /* Ydelser */
    .section-wrap.stom-grid-section.split-video .grid-elements {
        grid-template-columns: repeat(var(--grid-1-cols), minmax(0, 1fr));
    }
    .section-wrap.stom-grid-section.split-video .grid-elements .grid-element.video-pop {
        order: 1;
    }
    .stom-grid-section .grid-element.video-pop .overlay img {
        max-width: 60px;
    }
}


/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 1050px) {
    .slick-dots li button {
        width: 15px;
        height: 15px;
    }
    .stom-billede-sektion.picture-right .stom-cols-6 {
        padding-right: var(--gap-m);
    }
    .stom-billede-sektion.picture-left .stom-cols-6 {
        padding-left: var(--gap-m);
    }
    .kursusoversigt-sticky-booking__logo {
        display: none;
    }
}

@media only screen and (max-width: 959px) {
     :root body {
        /* Grid columns */
        --grid-2-cols: 1;
        --grid-3-cols: 2;
        --grid-4-cols: 2;
        --grid-5-cols: 3;
        --grid-6-cols: 3;
        --grid-7-cols: 4;
        --grid-8-cols: 4;
        --grid-9-cols: 5;
        --grid-10-cols: 5;
        --grid-11-cols: 6;
        --grid-12-cols: 6;
    }
    /* Move this rule if you change the the grid columns */
    .last-on-mobile {
        order: 66;
    }
    .stom-grid-section.intro-icons .section.columns-3 .grid-elements {
        grid-template-columns: repeat(var(--grid-1-cols), minmax(0, 1fr));
    }
    .kursus-filter-wrapper input,
    .kursus-filter-wrapper select,
    input.kursus_date_filter::placeholder,
    .kursus-table tbody tr td,
    a.kursus-link,
    a.kursus-show-all {
        font-size: var(--p);
    }
    .formfieldwrap.kursus-filter-wrapper input.kursus_date_filter[type="text"] {
        background-size: 12px;
        background-position: 94% 50%;
    }
    a.kursus-link,
    a.kursus-show-all {
        padding: 0.6em 1.1em 0.67em;
    }
	
	.faktatjek .faktatjek-item .question {
		font-size: 18px;
	}
	
	.section-wrap.clear.medarbejder-section .section .employees-list.employee-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.section-wrap.clear.faq-section .section .faq-wrap {
		grid-template-columns: 1fr;
	}
}

@media only screen and (max-width: 960px) {
	.kursusoversigt-sticky-booking {
		bottom: 50px;
	}
}


/****** MINDRE END IPADS VERTIKALT ******/

@media only screen and (max-width: 850px) {
    .kursus-table tbody tr td:last-child {
        display: block;
        width: 100%;
    }
    .kursus-table tbody tr {
        display: flex;
        flex-wrap: wrap;
        flex-grow: 1;
        justify-content: space-between;
        width: 100%;
        gap: 5px;
        padding-top: var(--gap-s);
    }
    .kursus-table tbody tr td:last-child {
        width: 100%;
        display: block;
        box-sizing: border-box;
        clear: both;
        text-align: center;
        padding: 0 0 var(--gap-m);
    }
    .kursus-table tbody tr td,
    a.kursus-link,
    a.kursus-show-all {
        display: block;
    }
    table.kursus-table thead {
        display: none;
    }
    .kursus-table tbody tr td:first-child {
        color: var(--color-1);
        font-weight: 500;
        order: 0;
    }
    .stom_medarbejder_inner_section:hover .stom_medarbejder-detaljer {
        font-size: 15px;
    }
}

@media only screen and (max-width: 767px) {
     :root body {
        /* Font sizes */
        --h1: 32px;
        --h2: 27px;
        --h3: 22px;
        --h4: 22px;
        --h5: 21px;
        --h6: 12px;
        --p: 16px;
        /* Gaps */
        --gap-l: 50px;
        --gap-m: 30px;
        --gap-s: 15px;
        /* Outer margin */
        --content-margin: 0;
        /* Grid columns */
        --grid-2-cols: 1;
        --grid-3-cols: 1;
        --grid-4-cols: 1;
        --grid-5-cols: 1;
        --grid-6-cols: 1;
        --grid-7-cols: 1;
        --grid-8-cols: 1;
        --grid-9-cols: 1;
        --grid-10-cols: 1;
        --grid-11-cols: 1;
        --grid-12-cols: 1;
    }
    .kursus-table tbody tr td,
    a.kursus-link,
    a.kursus-show-all {
        display: block;
    }
    .kursus-table tbody tr td {
        padding: 5px 0;
        order: 2;
    }
    .kursus-table tbody tr td:first-child {
        color: var(--color-1);
        font-weight: 500;
        order: 0;
        width: calc(100% - 105px);
    }
    .kursus-table tbody tr td.kursus-price-td {
        order: 1;
        text-align: right;
        width: 100px;
    }
    .stom-billede-sektion .section {
        padding: 0;
    }
    .header-text h1:after {
        width: 35px;
    }
    .slick-dots li button {
        width: 10px;
        height: 10px;
    }
    .slick-dots li button:before {
        border-width: 1px;
    }
    .slick-dots li {
        margin: 0 3px;
    }
    .grid-element.btn {
        padding-top: var(--gap-m);
    }
    #ema_signup_form input#signup_email::placeholder,
    #ema_signup_form input#webform_submit_button#ema_signup_form input#webform_submit_button::placeholder,
    #ema_signup_form input#webform_submit_button {
        font-size: 13px;
    }
    #ema_signup_form input#signup_email {
        max-width: 145px;
    }
    #ema_signup_form input#webform_submit_button {
        margin-left: 7px;
        padding: 11px 30px;
    }
    .section-wrap.newsletter em {
        font-size: 11px;
    }
    .footer-widgets.widgets-1 img {
        display: block;
        margin: auto;
        width: 145px;
    }
    .stom-grid-section.footer-widget-area .section.columns-5 .grid-elements {
        width: 100%;
        display: inherit;
    }
    .stom-grid-section.footer-widget-area .section.columns-5 .grid-elements .grid-element {
        padding: var(--gap-m) 0;
    }
    .footer-setting-02 .footer-widget-area .section {
        padding: var(--gap-l) 0 0;
    }
    #colophon.footer-setting-02 {
        font-size: inherit;
    }
    .footer-widgets.widgets-5.last,
    .section-wrap.footer-widget-area-site-info.copyright {
        text-align: center;
    }
    .overlap-image.stom-billede-sektion .stom-picture,
    .stom-billede-sektion .stom-picture {
        order: 1;
    }
    .stom-billede-sektion.picture-left .stom-cols-6 {
        order: 2;
    }
    .about-contact .section {
        display: flex;
        flex-wrap: revert;
        flex-direction: column;
    }
    .stom-billede-sektion .stom-picture {
        /* padding: 0 var(--gap-m) var(--gap-m); */
    }
    .stom-billede-sektion {
        padding-bottom: 0;
    }
    body .section-wrap.clear.stom-billede-sektion.about-contact {
        margin-top: 0!important;
    }
    .kursus-table .kursus-widget-title {
        display: none;
    }
    .kursusoversigt-sticky-booking__logo {
        display: none;
    }
    .kursusoversigt-sticky-booking__cta a {
        font-size: var(--p);
    }
    .kursusoversigt-sticky-booking__price {
        font-size: var(--p);
    }
    .kursusoversigt-sticky-booking__tagline {
        font-size: var(--h4);
    }
    .kursusoversigt-sticky-booking__tagline {
        display: none;
    }
    .kursusoversigt-sticky-booking__price {
        margin: initial;
    }
    .kursusoversigt-sticky-booking {
        justify-content: space-between;
    }
    .section-wrap.section-fullpage.kursusoversigt-gallery.gallery-columns-3 {
        margin-bottom: calc(var(--gap-l) * 2);
    }
    .kursusoversigt-gallery__item.slick-slide {
        margin: 0;
    }
    .kursusoversigt-sticky-booking {
        bottom: 50px;
		top: auto;
        /* top: var(--header-height); */
    }
    .kursusoversigt-sticky-booking__cta a {
        padding: 0.6em 1em 0.56em;
    }
    .site-branding #logo,
    .style-header-02 .site-branding #logo {
        padding: var(--gap-s) 0;
    }
    .navigation.kursus-pagination li a,
    .navigation.kursus-pagination li a:hover,
    .navigation.kursus-pagination li.active a,
    .navigation.kursus-pagination li.disabled {
        padding: 6px 11px;
        font-size: 0.6rem;
    }
    .posts-archive .header-text.center,
    #primary .header-text.center {
        padding: 0 var(--gap-s);
    }
    .stom_medarbejder-detaljer {
        font-size: var(--p);
    }
    .scroll {
        bottom: 45px;
    }
	
	.section-wrap.clear.faq-section .section {
		padding-block: 20px 70px;
	}
	
	.kursusoversigt-sticky-booking,
	.kursusoversigt-sticky-booking__price,
	.kursusoversigt-sticky-booking__cta {
		display: inline-flex !important;
	}
}

@media only screen and (max-width: 639px) {
    .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
        padding-right: 0;
    }
    body:not(.stom-gform-legacy) .gform_wrapper input,
    body:not(.stom-gform-legacy) .gform_wrapper .ginput_container input,
    body:not(.stom-gform-legacy) .gform_wrapper .ginput_container select,
    body:not(.stom-gform-legacy) .gform_wrapper .ginput_container textarea {
        font-size: var(--p);
    }
    .home-slides .item-listing__item__image img {
        height: 500px;
    }
    .home-slides .slick-slide {
        min-height: 500px;
    }
    .cols_4 .stom-medarbejder-wrapper,
    .cols_4 .stom-medarbejder-wrapper:nth-of-type(4n),
    .cols_4 .stom-medarbejder-wrapper,
    .cols_4 .stom-medarbejder-wrapper:nth-of-type(3n) {
        width: 100%!important;
        /* margin-right: 0!important; */
    }
	
	.section-wrap.clear.medarbejder-section .section .employees-list .employee .content {
		min-height: auto;
	}
	
	.section-wrap.clear.medarbejder-section .section .employees-list > .slick-arrow {
		width: 40px;
		height: 40px;
	}
	
	.section-wrap.clear.medarbejder-section .section .employees-list .employee .content > .employee-title {
		font-size: 20px;
	}
	
	.section-wrap.clear.medarbejder-section .section .employees-list .employee .thumbnail-container > .employee-thumbnail {
		height: 285px;
	}
	
	.section-wrap.clear.medarbejder-section .section .employees-list.employee-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}
}


/****** MOBILER ******/

@media only screen and (max-width: 479px) {
     :root body {
        /* Font sizes */
        --h1: 32px;
        --h2: 27px;
        --h3: 22px;
        --h4: 20px;
        --h5: 18px;
        --h6: 12px;
        --p: 15px;
        /* Gaps */
        --gap-l: 40px;
        --gap-m: 30px;
        --gap-s: 15px;
    }
    .header-sticky-active.scrolled header .site-branding #logo img:not(.logo-landscape),
    .header-sticky-active.scrolled header .site-branding #logo svg.header-sticky-active.scrolled header .site-branding #logo img:not(.logo-landscape),
    .header-sticky-active.scrolled header .site-branding #logo svg,
    .site-branding #logo img,
    .site-branding #logo svg {
        max-height: 25px;
    }
	
	.faktatjek .faktatjek-item .question {
		font-size: 16px;
	}
	
	.section-wrap.clear.faq-section .section .faq-wrap .faq-item .faq-question {
		font-size: 14px;
	}
	
	.section-wrap.clear.faq-section .section .faq-wrap .faq-item .faq-answer {
		padding-right: 20px;
	}
}

@media only screen and (max-width: 400px) {}