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

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


@media only screen and (max-width: 1800px) {
    .section-wrap:not(.stom-billede-sektion).cases-section .section .content.stom-cols-elm {
        padding-left: 80px;
    }
    
}

/****** BÆRBAR / MINDRE SKaeRME ******/

@media only screen and (max-width: 1750px) {
    .cases-section .section .content {
        padding-left: 2%;
    }
}

@media only screen and (max-width: 1700px) {
    .single-post #content {
        max-width: 1400px;
        padding: 0 30px;
    }
    .section-wrap:not(.stom-billede-sektion).cases-section .section .content.stom-cols-elm {
        padding-left: 40px;
    }
    
    .header-wrapper,
    #content,
    .section,
    footer.site-footer .site-info {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header-wrapper {
        /* padding-top: 20px; */
    }
    h2:not(.widget-title),
    .page-slider-section h3 {
        font-size: 48px !important;
    }
    .larger-heading h2 {
        font-size: 3em !important;
    }
    .slider-text-inner h1,
	p.slider-forside {
        font-size: 75px;
    }
    .dark blockquote {
        font-size: 1.2em;
    }
    .stom-center-box {
        padding: 0 calc(30px + 20px);
    }
}

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


.section-wrap:not(.stom-billede-sektion).cases-section .section .content h2:not(.widget-title) {
    font-size: 40px !important;
}
}

@media only screen and (max-width: 1400px) {
    .larger-heading h2 {
        font-size: 2.8em !important;
    }
    button,
    .stom-button a,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .gform_wrapper .gform_footer input[type=submit] {
        font-size: 16px;
    }
    .section-wrap:not(.stom-billede-sektion).cases-section .section {
        grid-template-columns: 37% 63%;
    }
}

@media only screen and (max-width: 1240px) {
section.section-wrap.home-cases.cases-section {
    padding-top: 40px;
}
.section-wrap:not(.stom-billede-sektion).cases-section .section .content.stom-cols-elm {
    max-width: 800px;
    padding: 40px;
}
.section-wrap:not(.stom-billede-sektion).cases-section .section .slider.stom-cols-elm {
    padding: 0;
    max-width: 100vw;
}
.section-wrap:not(.stom-billede-sektion).cases-section.custom-slick-slider .section .slider .slick-slider .slick-list .slick-track .slick-slide {
    height: 400px !important;
    max-height: 400px;
}
    .section-wrap:not(.stom-billede-sektion).cases-section .section {
        grid-template-columns: 1fr;
    }

    h1,
    .page-slider-section h2 {
        font-size: 50px!important;
    }
    .archive .post-thumbnail {
        width: 100%;
    }
    .archive .post-thumbnail+.post-content-wrapper {
        width: 100%;
    }
    .section-wrap:not(.stom-billede-sektion).cases-section .section {
        padding: 50px 0px 50px;
        max-width: 100%;
    }
    section#top {
        padding-top: 85px;
    }
    .cases-section .section .content,
    .cases-section .section .slider {
        width: 100%;
        margin: 0;
    }
    .full-height .section.columns-1 {
        padding: 100px 4%;
    }
    .section-wrap.cases-section .section {
        padding: 0;
    }
    .cases-section .section .slider .slick-slider .slick-list .slick-track .slick-slide {
        margin: 0 15px 0 0 !important;
    }
    .cases-section .section .content {
        padding: 60px 4%;
    }
    .section-wrap.bg-img .section {
        padding: 150px 4%;
    }
    .custom-slick-slider .section .slider .slick-slider .slick-list .slick-track .slick-slide {
        height: 400px;
        max-height: 400px;
    }
    header .section-wrap .section {
        padding: 0 !important;
    }
    .stom-grid-section.wedo-icons .section.columns-3 .grid-element {
        width: calc((100% - (20px * 1)) / 2);
    }
    .stom-grid-section.wedo-icons .section .overlay {
        flex-direction: column;
    }
    .icon-wrapper {
        justify-content: flex-start;
        padding: 0 0 14px;
    }
	
	header .main-navigation a {
		padding: 5px 20px;
	}
	
	body:not(.home) .page-slider-section .slide-element {
		max-height: 750px !important;
		min-height: 750px !important;
	}
	
	.about-case-section .section .grid-elements .grid-element {
		width: calc((100% - (50px * 1))  / 2);
	}
}

@media only screen and (max-width: 1024px) {
	p.slider-forside {
		font-size: 75px;
	}
	.bg-parallax {
		background-attachment: unset;
	}
}

@media only screen and (max-width: 1200px) {
	body.single-post .page-slider-section .slider-text-inner {
		padding-inline: 0;
	}
	
	.style-header-1 .nav-wrap {
		grid-column-gap: 20px;
	}
    body:not(.home) #content {
        display: block !important;
    }
}


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

@media only screen and (max-width: 959px) {
	body:not(.home) main .section-wrap~.section-wrap, body:not(.home) .page-slider-section~.section-wrap, body:not(.home) .page-slider-section~main {
		margin-top: 0;
	}
	
	.stom-billede-sektion {
		padding: 0 0 !important;
	}
	
    body:not(.no-sidebar).single #primary {
        width: 100%;
    }
    #page .open-button {
        display: block;
        padding: 8px;
        color: #fff;
        background-color: #1b5c6c;
        font-weight: 700;
        border: solid #1b5c6c;
        border-width: 0 1px 0 1px;
        font-weight: 400;
        text-transform: uppercase;
        border-radius: 0 0 10px 10px;
        font-size: 14px;
        letter-spacing: 1px;
    }
    #secondary {
        background-color: #f3eeec;
    }
    .widget-area .widget {
        box-shadow: none;
    }
    .stom-cols-11,
    .stom-cols-10,
    .stom-cols-9,
    .stom-cols-8,
    .stom-cols-7,
    .stom-cols-6,
    .stom-cols-5,
    .stom-cols-4,
    .stom-cols-3,
    .stom-cols-2,
    .stom-cols-1 {
        width: 100% !important;
        margin: 0 0 20px !important;
    }
    .stom-billede-sektion {
        padding: 20px 0;
    }
    .stom-billede-sektion .stom-picture {
        position: relative;
        width: 100%;
        float: left;
        background-position: center center;
        height: auto !important;
    }
    .stom-center-box {
        padding: 80px 30px;
    }
    h2,
    .page-slider-section h3 {
        font-size: 40px !important;
    }
    .dark blockquote:before {
        font-size: initial;
    }
    .dark blockquote {
        padding: 0 0 30px;
        font-size: 1em;
        margin: 0;
    }
    .stom-billede-sektion.split-quote .stom-picture {
        margin-top: auto;
    }
    .stom-billede-sektion.split-quote {
        margin: auto;
    }
    .stom-billede-sektion .stom-cols-6 {
        height: auto !important;
        padding: 0;
    }
    .stom-billede-sektion.split-quote .stom-picture {
        margin-top: auto;
    }
    .grid-columns-wrapper .columns-5 {
        width: calc((100% - (2.01% * 2)) / 3);
    }
    .grid-columns-wrapper .columns-5:first-of-type {
        margin-bottom: 2%;
    }
    .grid-columns-wrapper.no-margin .columns-5 {
        width: calc(100% / 3);
        margin-bottom: 0;
    }
    .grid-columns-wrapper .columns-5:nth-of-type(3n) {
        margin-right: 0;
    }
    .grid-columns-wrapper .columns-5:nth-of-type(4n) {
        clear: left;
    }
	
	body:not(.home) .slider-text-inner > h1 {
		font-size: 42px !important;
	}
	
	.stom-small {
		max-width: none;
	}
	
	.logo-fade .section .container > div img {
		max-width: 125px;
	}
    body:not(.home) #content {
        display: block !important;
    }
}

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


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

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

@media only screen and (max-width: 768px) {
	p.slider-forside {
		font-size: 50px;
	}
}

@media only screen and (max-width: 767px) {
    .archive main#main-content #content {
        padding-top: 10px;
    }
    body:not(.home).page-template-page-blog #primary,
    body:not(.home).archive div#primary,
    .posts-related .new-stom-posts {
        flex-direction: column;
    }
    .archive #primary article,
    .new-stom-post-wrapper {
        width: 100%;
    }
    .readmore .mere-tekst-wrapper>button {
        max-width: 145px;
    }
    .stom-grid-section.wedo-icons .section.columns-3 .grid-element {
        width: 100%;
    }
    h2,
    .page-slider-section h3 {
        font-size: 35px !important;
    }
    .stom-center-box {
        padding: 0 0 30px;
    }
    html,
    body,
    input,
    select,
    optgroup,
    textarea {
        font-size: 17px !important;
    }
    .larger-heading h2 {
        font-size: 2.2em !important;
        padding: 0 30px;
    }
    button,
    .stom-button a,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .gform_wrapper .gform_footer input[type=submit] {
        font-size: 14px;
        letter-spacing: 1px;
    }
    .dark h2 strong {
        -webkit-text-stroke: 1px rgb(255, 255, 255);
    }
    h2 strong {
        display: inline-block;
    }
    .slider-text-inner h1 {
        font-size: 3em !important;
        -webkit-text-stroke: 1px rgb(255, 255, 255);
    }
    .custom-slick-slider .section .slider .slick-slider>button {
        background-color: #fff;
        width: 30px;
        height: 30px;
        box-shadow: 1px 1px 7px rgb(51 51 51 / 32%);
        /* color: red; */
    }
    .stom-billede-sektion .stom-picture {
        outline: 0;
        outline-offset: 17px;
    }
    .home .page-slider-section .slider-text {
        padding: 0;
    }
    .home .page-slider-section .slide-element {
        min-height: auto;
    }
    .home header#masthead {
        background-color: #141414!important;
    }
    .home .page-slider-section.main-slider-section {
        padding-top: 90px;
    }
	
	.about-case-section .section .grid-elements {
		gap: 20px;
	}
	
	.about-case-section .section .grid-elements .grid-element {
		width: calc((100% - (0px * 1))  / 1);
	}
	
	.section-wrap:not(.stom-billede-sektion).bg-img .section {
		padding: 100px 0;
	}
	
	#colophon .section-wrap .section {
		padding: 50px 30px;
	}
	
	body:not(.home) .page-slider-section .slide-element {
		max-height: 700px !important;
		min-height: 700px !important;
	}
	
	.section-wrap:not(.stom-billede-sektion) .section {
		padding-inline: 20px;
	}
	
	.section-wrap:not(.stom-billede-sektion).cases-section .section .content h2:not(.widget-title) {
		font-size: 34px !important;
	}
}

@media only screen and (max-width: 639px) {
    .footer-widget-area .stom-cols-3 {
        width: 100% !important;
        margin-right: 4% !important;
    }
    .top-bar-menu .socials-wrapper.placement-shortcode {
        margin: 0 10px;
    }
    button,
    .stom-button a,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    .gform_wrapper .gform_footer input[type=submit] {
        padding: 10px 25px;
    }
    .slider-text-inner h1 {
        font-size: 2.5em !important;
    }
	
	.logo-fade .section .container {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.logo-fade .section .container > div img {
		max-height: 70px;
		width: auto;
		height: auto;
	}
    .section-wrap:not(.stom-billede-sektion).cases-section .section .content.stom-cols-elm {
        padding: 20px;
    }
}


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

@media only screen and (max-width: 479px) {
	html, body, input, select, optgroup, textarea {
		font-size: 16px !important;
	}
	.home .page-slider-section.main-slider-section {
        padding-top: 66px;
    }
	.single #main-content, .archive #main-content {
		padding: 0 0;
	}
	.section-wrap:not(.stom-billede-sektion).cases-section.custom-slick-slider .section .slider .slick-slider .slick-list .slick-track .slick-slide {
        height: 300px !important;
        max-height: 300px;
    }
	.archive #primary article, .new-stom-post-wrapper {
		padding-bottom: 0;
	}
	
    #secondary .custom-overflow-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    .site-branding #logo img {
        height: auto;
        width: auto;
        max-width: 169px;
        max-height: 37px;
    }
    section#top p {
        font-size: inherit;
    }
    .section-wrap:not(.stom-billede-sektion).bg-img .section {
        padding: 80px 0;
    }
    .larger-heading h2 {
        font-size: 1.5em !important;
        padding: 0 30px;
    }
    h2,
    .page-slider-section h3 {
        font-size: 25px !important;
    }
    h1,
    .page-slider-section h2,
    .slider-text-inner h1,
    h2:not(.widget-title) {
        font-size: 30px !important;
    }
    .dark h1 strong,
    .dark h2 strong,
    .slider-text-inner h1 {
        -webkit-text-stroke: 0.5px #f3eeec;
    }
    .full-height .section.columns-1 {
        padding: 80px 4% 20px;
    }
    .burger-menu-content-inner img {
        max-width: 150px;
        margin: auto;
        display: block;
    }
	
	body:not(.home) .slider-text-inner > h1 {
		font-size: 32px !important;
	}
	
	body:not(.home) .page-slider-section .slide-element {
		max-height: 600px !important;
		min-height: 600px !important;
	}
	
	h2:not(.widget-title), .page-slider-section h3 {
		font-size: 32px !important;
	}
	
	.new-stom-post-title {
		font-size: 21px;
	}
	
	header .header-wrapper {
		padding-block: 5px;
	}
	
	body:not(.woocommerce-cart):not(.woocommerce-checkout).scroll .header-absolute #masthead #logo {
		padding: 10px 0;
	}
	
	body:not(.woocommerce-cart):not(.woocommerce-checkout).scroll .header-absolute #masthead #logo img {
		max-height: 37px;
	}
	
	.question-section {
		margin-top: 0 !important;
	}
	
	body:not(.home) .slider-text-inner > p {
		font-size: 18px;
	}
	
	.slider-text-inner .stom-button a {
		font-size: 16px;
	}
	
	.stom-small {
		padding: 50px 0;
	}
	
	body:not(.home) .slider-text-inner {
		max-width: 100%;
	}
	
	p.slider-forside {
		font-size: 30px;
		-webkit-text-stroke: 0.5px #f3eeec;
	}
}

@media only screen and (max-width: 410px) {
    .top-bar-menu .socials-wrapper.placement-shortcode {
        display: none;
    }
    section.section-wrap.clear.top-bar-menu {
        padding-right: 15px;
    }
}



/* VIDEO optimering til mindre skærme */ 

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

    .home .page-slider-section .slide-element {
        min-height: unset;
    }

} 



/* END VIDEO optimering til mindre skærme */