/* MOILE NAV */

/*
Source - https://stackoverflow.com/a/74963424

Posted by Piiit

Retrieved 2026-05-19, License - CC BY-SA 4.0
*/



/* copy of wp default css to a 1000px media query */
@media (min-width: 951px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: block !important;
        width: 100%;
        position: relative;
        z-index: auto;
        background-color: inherit;
    }
}

/* neutralize the wp default for 600px */
@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}



/* CSS Document */
@media only screen and (max-width: 1730px) {
    :root {
        --wp--style--global--content-size: 70vw;
    }
    
    #header-right {
        position: absolute;
        right: 50px;
        top: 15px;
        margin-top: 0;
        gap: 20px;
        display: flex;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: nowrap;
    }
    
    footer nav.wp-block-navigation ul {
        gap: 20px;
        flex-wrap: nowrap!important;
    }
    
    #contact-banner img {
        height: 550px!important;
    }

}

@media only screen and (max-width: 1550px) {
    .wp-block-cover .wp-block-group-is-layout-grid {
        display: flex;
        flex-direction: column;
    }
    
    .wp-block-ctrb-counters {
        width: 200px;
    }
    
    #contact-banner .wp-block-column > .wp-block-group {
        flex-direction: column!important;
    }
    
    #contact-banner .wp-block-column {
        flex-basis: 50%!important;
    }
    
    #contact-banner img {
        height: 770px!important;
        width: 520px!important;
    }
    
    .single .wp-block-columns img {
        height: unset!important;
    }
}

@media only screen and (max-width: 1400px) {    
    #header-right {
        right: 20px;
        gap: 10px;
    }
    
    header ul.wp-block-navigation {
        gap: 40px;
    }
    
    .frontpage-tagline {
        right: 6%;
    }
    
    div#header-scrolled figure {
        position: absolute;
        left: 19px;
    }
    
    div#header-scrolled figure img {
        width: 140px!important;
    }
    
    div#footerwrapper {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 30px;
    }
    
    div#footerwrapper > * {
        flex-basis: unset;
    }
    
    footer nav.wp-block-navigation ul {
        gap: 40px;
        flex-wrap: nowrap!important;
        display: flex;
        flex-direction: row;
    }
    
    footer > div > div > div + div {
        display: flex;
        flex-direction: column;
        align-items: flex-start!important;
    }
    
    header + div {
        margin-bottom: -295px!important;
    }
    
    .entry-content > *:last-of-type {
        padding-bottom: 90px!important;
    }
    .single .entry-content > *:last-of-type {
        padding-bottom: unset!important
    }
    
    .map-container {
        margin-bottom: 200px;
    }
    
    #footerwrapper + div {
        gap: 10px;
    }
    
    .home .entry-content .wp-block-cover:first-of-type .wp-block-columns {
        display: flex;
        flex-direction: column;
    }
    
    .home .entry-content .wp-block-cover:first-of-type .wp-block-columns > div > div {
        flex-basis: 100%;
    }
    
    h1 { font-size: 35px!important; }
    h2 { font-size: 25px!important; }
    h3 { font-size: 22px!important; }
    h4 { font-size: 19px!important; }
    h5 { font-size: 18px!important; }
    h6 { font-size: 16px!important; }
    
    #contact-banner .wp-block-columns {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    
    #contact-banner img {
        height: 500px!important;
        width: 100%!important;
    }
    
    #contact-banner .wp-block-column:nth-of-type(2) > .wp-block-group {
        padding-left: 30px;
        padding-right: 30px;
    }
    
    .tm-card {
        flex-basis: 50%;
    }
    
    .tm-card:not(.vita-active) {
        min-height: 49vw;
    }
    
}

@media only screen and (max-width: 1250px) {    
    header .wp-block-site-logo {
        width: 375px;
    }
    
    header ul.wp-block-navigation {
        gap: 20px;
    }
    
    #header-right {
        top: 10px;    
    }
    
    div#header-scrolled figure img {
        width: 110px!important;
    }
    
    .is-style-loop-alternate {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    
    .is-style-loop-alternate li {
        top: unset!important;
    }
    
    .tm-card:not(.vita-active) {
        min-height: 51vw;
    }
}

@media only screen and (max-width: 1050px) {    
    header .wp-block-site-logo {
        width: 300px;
    }
    
    #header-right {
        right: 0px;
    }
    
        
    .frontpage-tagline {
        right: 8%;
    }
    
    .home #Skills > div {
        display: flex;
        flex-direction: column-reverse;
        padding-bottom: 100px!important;
    }
    
    .home #Team > div {
        display: flex;
        flex-direction: column;
        padding-bottom: 100px!important;
    }
    
    .home #Team > div figure {
        margin-top: 0!important;
        margin-bottom: 0!important;
    }
    
    .home #Team > div > div:first-of-type {
        margin-bottom: 20px;
    }

    .wp-block-ctrb-counters {
        width: 170px;
    }
    
    .wp-block-cover .wp-block-group-is-layout-grid p {
        font-size: 20px!important;
    }
    
    .wp-block-cover .wp-block-group-is-layout-grid .counterNumber {
        font-size: 60px!important;
    }
    
    #contact-banner img {
        height: 320px!important;
        width: 100%!important;
    }
    
    .tm-card:not(.vita-active) {
        min-height: 53vw;
    }
}


@media only screen and (max-width: 950px) {    
    #header-right {
        top: 7px;
    }
    
    .frontpage-tagline {
        display: none;
    }

    :root {
        --wp--style--global--content-size: 90vw;
    }

     div#header-left {
        max-width: 78vw!important;
    }
    
    .has-modal-open #header-default {
        height: 100vh!important;
    }
    
    .has-modal-open #header-default .wp-block-navigation__responsive-container-content {
        align-items: flex-start;
    }
    
    .has-modal-open #header-default .wp-block-navigation__responsive-container-content ul {
        align-items: flex-start;
        gap: 30px;
        padding-left: 20px;
    }
    
    div#header-scrolled {
        display: none;
    }
    
    .scroll-nav {
        display: none;
    }
    
    div#contact-banner {
        max-width: 80vw;
        position: relative;
        left: 2vw;
    }
    
    div#contact-banner {
        left: unset;
    }
    
    .tm-grid {
        align-items: center;
        flex-direction: column;
    }
    
    .tm-card:not(.vita-active) {
        min-height: 680px!important;
    }
    
    .tm-card {
        max-width: 470px;
    }
}


@media only screen and (max-width: 800px) {    
    div#header-left {
        max-width: 75vw!important;
    }
    
    div#footernavigation {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    footer nav.wp-block-navigation ul {
        gap: 10px;
        flex-wrap: nowrap!important;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    
    header + div {
        margin-bottom: -560px!important;
    }
    
    .entry-content > *:last-of-type {
        padding-bottom: 345px!important;
    }
    
    #footerwrapper + div > div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .map-container {
        margin-bottom: 210px;
    }
   
}

@media only screen and (max-width: 781px) {
    
    #contact-banner .wp-block-column:last-of-type {
        padding: 0!important;
    }
    
    #contact-banner .wp-block-column:nth-of-type(2) > .wp-block-group {
        margin-bottom: 30px;
    }
    
    .wp-block-column .wp-block-image img {
        width: 100%!important;
        max-height: 550px!important;
    }
    
    .wp-block-column figure {
        margin-top: unset!important;
        margin-bottom: unset!important;
    }
}

@media only screen and (max-width: 650px) {    
    div#header-left {
        max-width: 72vw!important;
    }
    
    .wpml-ls-link {
        padding-left: 0!important;
        padding-right: 0!important;
    }
    
    .blog  header + div {
        padding-bottom: 630px!important;
    }
}

@media only screen and (max-width: 550px) {    
    header .wp-block-site-logo {
        width: 250px;
    }
    
    div#header-left {
        max-width: 70vw!important;
    }
    
    .wp-block-cover .wp-block-group-is-layout-grid > div {
        display: flex;
        flex-direction: column;
    }
    
    .wp-block-cover .wp-block-group-is-layout-grid p {
        text-align: center;
    }
    
    .wp-block-ctrb-counters {
        width: unset!important;
    }
    
    .tm-card:not(.vita-active) {
        min-height: 690px!important;
    }
    
    h1, h2, h3, h4, h5, h6, a {
        line-break: auto;
        hyphens: auto;
    }
}

@media only screen and (max-width: 450px) {    
    header .wp-block-site-logo {
        width: 200px;
    }
    
    div#header-left {
        max-width: 68vw!important;
    }
    
    .tm-card:not(.vita-active) {
        min-height: 140vw!important;
    }
    
    h1 { font-size: 30px!important; }
    h2 { font-size: 21px!important; }
    h3 { font-size: 20px!important; }
    h4 { font-size: 18px!important; }
    h5 { font-size: 16px!important; }
    h6 { font-size: 15px!important; }
    
    h1 + p { font-size: 25px!important;}
    h2 + p { font-size: 19px!important;}
    
}