
/**
 * Large screen devices.
 */
@media only screen and (min-width: 1600px) {
	
}

@media only screen and (max-width: 1440px){
    .standout-section.standout-block.standout-media-text.is-aligned.alignfull{
        padding-inline: var(--gap-m);
    }
}

/**
 * Laptops.
 */
@media only screen and (min-width: 1240px) {
	.standout-columns > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
		gap: var(--gap-l);
	}

	.standout-columns.standout-faq-section > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
		gap: 0 var(--gap-l);
	}

	.standout-columns.teaching-material > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
		gap: var(--gap-m) var(--gap-l);
	}

	.standout-columns.columns-close-grid > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
		gap: 0;
	}
}

/**
 * Smaller laptops.
 */
@media only screen and (max-width: 1100px) {
	
}

/**
 * Smaller screen devices.
 */
@media only screen and (max-width: 960px) {
	.instagram-posts-section .acf-innerblocks-container {
        grid-template-columns: 1fr !important;
    }

	.standout-slider,
    .standout-columns {
        --slider-columns: 2 !important;
        --columns: 2 !important;
    }
    
    .standout-slider .acf-innerblocks-container {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    

    /* Laves til 1 billede fylder 100%*/
    .standout-columns .acf-innerblocks-container {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    
   .standout-columns.instagram-posts-section .acf-innerblocks-container {
        grid-template-columns: 1fr !important;
    }

    .standout-section:not(.has-bg):not(.standout-section .standout-section){
		padding-inline: var(--gap-s);
	}
}

/**
 * Tablet devices.
 */
@media only screen and (max-width: 768px) {
	.standout-slider,
    .standout-columns {
        --slider-columns: 2 !important;
        --columns: 2 !important;
    }
    
   .standout-columns.instagram-posts-section .acf-innerblocks-container {
        grid-template-columns: 1fr !important;
        transition: 1s;
    }

	.newsletter-signup-section .standout-block-background-deco{
		width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
	}

	.wp-block-heading.alignfull.has-text-align-center.has-h-2-font-size{
		/* font-size: var(--h3) !important; */
        transition: 1s;
	}

	.standout-columns.tablet-3-columns > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}



/**
 * Larger mobile devices.
 */
@media only screen and (max-width: 480px) {
	.standout-slider,
    .standout-columns {
        --slider-columns: 1 !important;
        --columns: 1 !important;
    }
    
    .standout-slider .acf-innerblocks-container {
        grid-template-columns: 1fr !important;
    }

    .standout-columns > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
		display: grid;
		grid-template-columns: repeat(var(--columns), minmax(0, 1fr)) !important;
		gap: var(--gap-m) calc(var(--gap-m) * 0.75);
	}

	.standout-columns.mobile-3-columns > .standout-max-container > .standout-block-inner > .acf-innerblocks-container {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}
