/**
 * Theme child responsive CSS.
 *
 * @since S 1.0.0
 */


/**
 * Laptop specific overrides.
 */
@media only screen and (max-width: 1599px) {
	:root {
        --h2-xxxl: clamp(max(44.16px, calc(var(--p) + 4.8px)), 9.651px + 9.08vw, calc(var(--wp--preset--font-size--h-2-xxxl) * 0.736));
        --h2-xxl: clamp(max(36.8px, calc(var(--p) + 4.8px)), 20.45px + 4.301vw, calc(var(--wp--preset--font-size--h-2-xxl) * 0.736));
        --h2-xl: clamp(max(29.44px, calc(var(--p) + 4.8px)), 18.54px + 2.868vw, calc(var(--wp--preset--font-size--h-2-xl) * 0.736));
        --h1: clamp(max(25.76px, calc(var(--p) + 4.8px)), 17.585px + 2.151vw, calc(var(--wp--preset--font-size--h-1) * 0.736));
        --h2: clamp(max(22.08px, calc(var(--p) + 4.8px)), 13.913px + 2.151vw, calc(var(--wp--preset--font-size--h-2) * 0.736));
        --h3: clamp(max(18.4px, calc(var(--p) + 4.8px)), 11.129px + 1.911vw, calc(var(--wp--preset--font-size--h-3) * 0.736));
        --h4-xl: clamp(max(26.45px, calc(var(--p) + 4.8px)), 10.822px + 4.122vw, calc(var(--wp--preset--font-size--h-4-xl) * 1.058));
		--h4-l: clamp(max(20.24px, calc(var(--p) + 4.8px)), 11.46px + 2.33vw, calc(var(--wp--preset--font-size--h-4-l) * 0.736));
		--h4: clamp(max(16.56px, calc(var(--p) + 4.8px)), 13.61px + 0.776vw, calc(var(--wp--preset--font-size--h-4) * 0.736));
		--h5: clamp(max(16.56px, calc(var(--p) + 4.8px)), 15.64px + 0.239vw, calc(var(--wp--preset--font-size--h-5) * 0.736));
	}
}


/**
 * Mobile specific overrides.
 */
@media only screen and (max-width: 767px) {
	:root {
        --h2-xxxl: clamp(max(24px, calc(var(--p) + 6px)), 15.123px + 2.338vw, calc(var(--wp--preset--font-size--h-2) * 0.75));
        --h2-xxl: clamp(max(24px, calc(var(--p) + 6px)), 15.123px + 2.338vw, calc(var(--wp--preset--font-size--h-2) * 0.75));
        --h2-xl: clamp(max(24px, calc(var(--p) + 6px)), 15.123px + 2.338vw, calc(var(--wp--preset--font-size--h-2) * 0.75));
        --h1: clamp(max(28px, calc(var(--p) + 6px)), 19.114px + 2.338vw, calc(var(--wp--preset--font-size--h-1) * 0.75));
        --h2: clamp(max(24px, calc(var(--p) + 6px)), 15.123px + 2.338vw, calc(var(--wp--preset--font-size--h-2) * 0.75));
        --h3: clamp(max(20px, calc(var(--p) + 6px)), 12.096px + 2.078vw, calc(var(--wp--preset--font-size--h-3) * 0.75));
        --h4-xl: clamp(max(28.75px, calc(var(--p) + 6px)), 11.762px + 4.48vw, calc(var(--wp--preset--font-size--h-4-xl) * 1.15));
		--h4-l: clamp(max(22px, calc(var(--p) + 6px)), 12.456px + 2.532vw, var(--wp--preset--font-size--h-4-l));
		--h4: clamp(max(18px, calc(var(--p) + 6px)), 14.794px + 0.844vw, var(--wp--preset--font-size--h-4));
		--h5: clamp(max(18px, calc(var(--p) + 6px)), 17px + 0.26vw, var(--wp--preset--font-size--h-5));
	}

	.wp-block-heading:is([style*="font-size:90px"], [style*="font-size: 90px"]) {
		font-size: var(--h2-xxxl) !important;
	}

	p:is([class*="has-h"]):is([class*="-font-size"]) {
		margin-bottom: var(--h-gap);
	}

	.h1-size-mobile {
		font-size: var(--h1) !important;
    	font-weight: 500;
	}

	h1[class*="has-h-"][class*="-font-size"]:has(+ [class*="has-h-"][class*="-font-size"]) {
		margin-bottom: 0.7em;
		font-size: 16px !important;
	}
}

 
/**
 * Larger mobile devices.
 */
@media only screen and (min-width: 480px) {
    /* Footer */

    body[data-footer-setup="3"] {
        & #colophon {
            & .footer-outer {
                & .footer-widget-area-site-info {
                    padding-inline: var(--gap-m);
                }
            }
        }
    }

    /* END Footer */
}


@media only screen and (max-width: 767px) {
	.padding-inline-mobile {
		padding-inline: var(--content-margin) !important;
	}
}


/**
 * Tablet devices.
 */
@media only screen and (min-width: 768px) {
    p + .standout-block.standout-button {
        margin-block-start: var(--gap-m) !important;
    }

    /* Footer */

    body[data-footer-setup="3"] {
        & #colophon {
            & .footer-outer {
                & .footer-widget-area-site-info {
                    & > .standout-max-container {
                        padding: 0 calc(1.5 * var(--gap-s)) var(--gap-s);
                    }
                }
            }
        }
    }

    /* END Footer */
}


/**
 * Smaller screen devices.
 */
@media only screen and (min-width: 960px) {
    .wide-padding-left {
        padding-left: calc(var(--content-margin) * 2) !important;
    }

    .half-padding-left {
        padding-left: var(--content-margin) !important;
    }

    .standout-section:not(
        .has-bg,
        .standout-hero,
        .standout-case-slider,
        .standout-belt-case-slider,
        .standout-logo-slider,
        .single-case-header,
        .single-job-header,
        .single-post-content,
        .standout-section .standout-section
    ) {
        padding-left: calc(var(--content-margin) * 2);

        &:not(.posts-loop, .standout-vertical-image-text-slider) {
            padding-right: var(--content-margin);
        }
    }

    .has-text-align-center {
        text-align: center;
    }


	body[data-footer-setup="3"] {
		& #colophon {
			font-size: 25px;

			& .footer-widget-area-site-info {
				font-size: 20px;
			}
		}
	}
}


/**
 * Smaller laptops.
 */
@media only screen and (min-width: 1100px) {
	
}


/**
 * Laptops.
 */
@media only screen and (min-width: 1240px) {
    .wp-block-group {
        &.is-content-justification-right {
            justify-content: flex-end;
        }
    }
	/* Footer */

    body[data-footer-setup="3"] {
        & #colophon {
            & .footer-outer {
                & .footer-widget-area {
                    & > .standout-max-container {
                        & > .standout-block-inner {
                            & > .acf-innerblocks-container {
                                grid-template-columns: minmax(0, 1fr) minmax(0, 400px) minmax(0, 250px);
                            }
                        }
                    }

                    & .standout-column-element {
                        &:first-child {
                            /* padding: 0 3em 0 0; */
                        }

                        &:nth-child(2) {
                            & .standout-block-inner {
                                /* width: fit-content;
                                margin: 0 auto; */
                            }
                        }
                    }
                }

                & .footer-widget-area-site-info {
                    padding-inline: var(--gap-l);
					font-size: .55em;

                    & > .standout-max-container {
                        & .wp-block-group {
                            flex-direction: row;
                            justify-content: space-between;
                            align-items: flex-end;
                            column-gap: clamp(1rem, 3vw, 6rem);

                            & .standout-menu-container {
                                flex: 1;
                                display: flex;

                                & .standout-inline-menu {
                                    flex: 1;
                                    flex-direction: row;
                                    justify-content: center;
                                    align-items: flex-end;
                                    column-gap: clamp(1rem, 2.5vw, 3rem);

                                    & .menu-item {
                                        & a {
                                            padding: 0;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }

    /* END Footer */
}


/**
 * Large screen devices.
 */
@media only screen and (min-width: 1400px) {
	body[data-footer-setup="3"] {
        & #colophon {
            & .footer-outer {
                & .footer-widget-area-site-info {
                    font-size: .6em;
                }
            }
        }
    }


}


/**
 * Large screen devices.
 */
@media only screen and (min-width: 1600px) {
	body[data-footer-setup="3"] {
        & #colophon {
            & .footer-outer {
                & .footer-widget-area-site-info {
                    font-size: .7em;
                }
            }
        }
    }
}


/**
 * Large screen devices.
 */
@media only screen and (min-width: 1750px) {
	body[data-footer-setup="3"] {
        & #colophon {
            & .footer-outer {
                & .footer-widget-area-site-info {
                    font-size: .8em;
                }
            }
        }
    }
}


/**
 * Display screen.
 */
@media only screen and (min-width: 864px) and (max-width: 865px) and (min-height: 1200px) {
	html::-webkit-scrollbar {
		display: none;
	}
	html {
		-ms-overflow-style: none;
  		scrollbar-width: none;
	}
}
