/*
 Theme Name:   Made I.T. - WEBSITE_URL
 Theme URI:    https://www.madeit.be
 Description:  Child theme of Made I.T.
 Author:       Made I.T.
 Author URI:   https://www.madeit.be
 Template:     madeit
 Version:      0.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  THEME_NAME
*/

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLightItalic.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLightItalic.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLightItalic.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLightItalic.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLightItalic.svg#HelveticaNeue-UltraLightItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-ThinItalic.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-ThinItalic.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-ThinItalic.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-ThinItalic.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-ThinItalic.svg#HelveticaNeue-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-LightItalic.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-LightItalic.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-LightItalic.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-LightItalic.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-LightItalic.svg#HelveticaNeue-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Medium.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Medium.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Medium.svg#HelveticaNeue-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-MediumItalic.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-MediumItalic.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-MediumItalic.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-MediumItalic.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-MediumItalic.svg#HelveticaNeue-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Light.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Light.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Light.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Light.svg#HelveticaNeue-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBlack.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBlack.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBlack.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBlack.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBlack.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBlack.svg#HelveticaNeue-CondensedBlack') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBold.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBold.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBold.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBold.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-CondensedBold.svg#HelveticaNeue-CondensedBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Thin.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Thin.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Thin.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Thin.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Thin.svg#HelveticaNeue-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Bold.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Bold.svg#HelveticaNeue-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLight.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLight.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLight.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-UltraLight.svg#HelveticaNeue-UltraLight') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-BoldItalic.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-BoldItalic.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-BoldItalic.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-BoldItalic.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-BoldItalic.svg#HelveticaNeue-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Italic.eot');
    src: url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Italic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Italic.woff2') format('woff2'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Italic.woff') format('woff'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Italic.ttf') format('truetype'),
        url('/wp-content/themes/gcv-up/fonts/HelveticaNeue-Italic.svg#HelveticaNeue-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


body {
    font-family: 'Helvetica Neue', sans-serif;
    font-weight: 400;
    font-style: normal;
}

.custom-logo {
    height: 100px !important;
    max-width: 100px !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
    font-family: 'Helvetica Neue',sans-serif;
}

.navbar a {
    font-weight: 400;
}
.navbar-dark .navbar-nav .nav-link {
    color: white;
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
    color: var(--wp--preset--color--primary);
    border-bottom: 1px solid var(--wp--preset--color--primary);
}

body {
    font-size: var(--wp--preset--font-size--normal);
    line-height: var(--wp--custom--line-height--body);
}
h1, .h1 {
    font-size: var(--wp--preset--font-size--h-1);
}

h2, .h2 {
    font-size: var(--wp--preset--font-size--h-2);
}

h3, .h3 {
    font-size: var(--wp--preset--font-size--h-3);
}

h4, .h4 {
    font-size: var(--wp--preset--font-size--h-4);
}

h5, .h5 {
    font-size: var(--wp--preset--font-size--h-5);
}
h6, .h6 {
    font-size: var(--wp--preset--font-size--h-6);
}

h1[id], h2[id], h3[id], h4[id] {
    scroll-margin-top: 100px;
}


#googlemaps {
    height: 350px;
    width: 100%;
}




/* MENU UNDERLINE */
.navbar-expand-lg .navbar-nav {
    gap: 0 1rem;
}

nav.navbar {
    background-color: var(--wp--preset--color--primary) !important;
    border: none;
}

.menu li > a.nav-link {
    color: white;
}

.bi.bi-house-door-fill {
    color: white;
}

.bi.bi-house-door-fill:hover {
    color: var(--wp--preset--color--secondary);
}

.active .bi.bi-house-door-fill {
    color: var(--wp--preset--color--secondary);
}

.menu li.active a.nav-link {
    color: white;
    background-color: var(--wp--preset--color--primary);
}

.navbar-toggler .icon-bar {
    background-color: white;
}

@media(min-width: 768px) {
    .menu li > a.nav-link {
        color: white;
        position: relative;
        display: inline-block;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .menu li > a.nav-link:before {
        content: "";
        position: absolute;
        display: block;
        width: 0%;
        height: 2px; 
        background-color: var(--wp--preset--color--secondary);
        margin: 2px 0 auto auto;       
        right: 0;
        bottom: 5px;
        transition: 0.4s ease-out;
    }
    .menu li > a.nav-link:hover::before {
        width: 80%;
    }

    .menu li.active > a.nav-link {
        color: white;
        position: relative;
        display: inline-block;
        padding-right: 0 !important;
        padding-left: 0 !important;

    }
    .menu li.active > a.nav-link::before {
        content: "";        
        position: absolute;
        display: block;
        width: 80%; 
        height: 2px;
        background-color: var(--wp--preset--color--secondary);
        margin: 2px 0 auto auto;
        right: 0;
        bottom: 5px;
    }
    .menu li > a.nav-link:hover {
        color: white;
        border-color: var(--wp--preset--color--secondary);
        background-color: transparent;
    }
    .menu .dropdown-menu li a.nav-link {
        border: none;
    }
    .menu .dropdown-menu li.active a.nav-link {
        color: white;
        background-color: var(--wp--preset--color--primary);
    }
}



.menu.navbar-nav>.menu-item:nth-child(1) {
    order: 1;
}
.menu.navbar-nav>.menu-item:nth-child(2) {
    order: 2;
}
.menu.navbar-nav>.menu-item:nth-child(3) {
    order: 3;
}
.menu.navbar-nav>.menu-item:nth-child(4) {
    order: 5;
}
.menu.navbar-nav>.menu-item:nth-child(5) {
    order: 6;
}
.menu.navbar-nav>.menu-item:nth-child(6) {
    order: 7;
}
.menu.navbar-nav>.menu-item:nth-child(7) {
    order: 4;
    display: none;
}
.menu.navbar-nav>.menu-item:nth-child(8) {
    order: 8;
}

@media (min-width: 991px) {
    .menu.navbar-nav>.menu-item:nth-child(7) {
        display: block;
    }
    .custom-logo-link {
        display: none;
    }

    .custom-logo {
        height: 140px !important;
        max-width: 140px !important;
    }

    .custom-logo {
        margin-top: 10px;
        margin-bottom: -60px;
    }
}

/* MENU FULL */
/*
.menu li.active a.nav-link {
    color: white;
    background-color: var(--wp--preset--color--primary);
}
.menu li a.nav-link:hover {
    color: white;
    background-color: var(--wp--preset--color--primary);
}
*/

/* Menu FULL Height */
/*
.menu li.active a.nav-link {
    color: white;
    background-color: var(--wp--preset--color--primary);
}
.menu li a.nav-link:hover {
    color: white;
    background-color: var(--wp--preset--color--primary);
}

@media(min-width: 768px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .menu.navbar-nav > li > a.nav-link {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}
*/





.wp-block-button__link, .btn, .wp-block-madeitforms-submit-button__link {
    border: 4px solid transparent;
    transition: all 0.2s ease-in-out;
}
.wp-block-button__link.has-success-background-color:hover, .wp-block-madeitforms-submit-button__link.has-success-background-color:hover {
    background-color: transparent !important;
    color: var(--wp--preset--color--success) !important;
    border-color: var(--wp--preset--color--success) !important;
}
.wp-block-button__link.has-primary-background-color:hover, .btn-primary:hover {
    background-color: transparent !important;
    color: var(--wp--preset--color--primary) !important;
    border-color: var(--wp--preset--color--primary) !important;
}
.wp-block-button__link.has-secondary-background-color:hover {
    background-color: transparent !important;
    color: var(--wp--preset--color--secondary) !important;
    border-color: var(--wp--preset--color--secondary) !important;
}
.wp-block-button__link.has-danger-background-color:hover {
    background-color: transparent !important;
    color: var(--wp--preset--color--danger) !important;
    border-color: var(--wp--preset--color--danger) !important;
}

::selection {
    background-color: var(--wp--preset--color--secondary);
    color: white;
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
}

.flex-grow {
    background-image: url(https://gcv-up-be.dev.madeit.be/wp-content/uploads/2023/03/soft-background.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;  
}

.pb-50 {
    padding-bottom: 50px;
}

.clip-path {
    clip-path: polygon(100% 0, 100% 100%, 50% 30%, 0 100%, 0% 0%);
}

.clip-path-medium {
    clip-path: polygon(100% 0, 100% 100%, 50% 70%, 0 100%, 0% 0%);
}

.clip-path-soft {
    clip-path: polygon(100% 0, 100% 100%, 50% 90%, 0 100%, 0% 0%);
}

.clip-path-footer {
    clip-path: polygon(0 0, 100% 90%, 100% 100%, 0% 100%);
}

.clip-path-circle {
    clip-path: circle(40% at 50% 50%);
    background: var(--wp--preset--color--primary);

}

.clip-path-circle img {
    aspect-ratio: 1;
    object-fit: cover;
    clip-path: circle(38% at 50% 50%);
}

.img-gradient {
    position: relative;
}

.img-gradient::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgb(0, 0, 0) 80%);

}

.header-text {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
}

.mt-15 {
    margin-top: -5%;
}

.U-logo {
    opacity: 0.2;
    transform: translateY(-200px);
}

/* underline center text */

.underline-center {
    display: block;
    margin-inline: auto;
    width: fit-content;
}
.underline-center::after {
    content: '';
    display: block;
    width: 70%;
    height: 3px;
    background-color: var(--wp--preset--color--secondary);
    margin: 5px auto auto auto;
}



.line-under {
    display: inline-block;
}

.line-under::after {
    content: '';
    display: block;
    width: 90%;
    height: 3px;
    background-color: var(--wp--preset--color--secondary);
    margin: 2px 0 auto auto;
}

.card {
    border: 0px solid var(--wp--preset--color--secondary);
    background-color: transparent !important;
}

.card::before, .card::after {
    content: '';
    position: absolute;
    width: 70%;
    height: 60%;
    border: inherit;
}

.card::before{
    top: -15px;
    left: 0;
    border-width: 3px 0 0 3px;
}

.card::after{
    bottom: -15px;
    right: 0;
    border-width: 0 3px 3px 0;
}

/* Not on the contact form */
#post-31 .card {
    border: none;
    background-color: white !important;
}

#post-31 .card::before, #post-31 .card::after {
    display: none;
}


.form-info{
    grid-template-columns: 7% auto !important;
}

.contact {
    height: 500px;
    margin-bottom: -90px;
}

/* ****** */
/* FOOTER */
/* ****** */
footer.site-footer {
    background-color: var(--wp--preset--color--primary);
    color: white;
    border: none;
    margin-top: -1px;
}

.footer-widget-1 figure {
    width: 50%;
}

.wp-block-media-text {
    grid-template-columns: 5% 1fr !important;
}

.wp-block-media-text .wp-block-media-text__content {
    padding: 0 10px;
}

hr {
    margin: 0;
    margin-top: -15px;
    margin-bottom: 20px;
    color: inherit;
    border: 0;
    border-top: 2px solid !important;
    width: 30%;
    color: var(--wp--preset--color--secondary);
    opacity: 1;
}

footer .container-fluid {
    background-color: var(--wp--preset--color--primary) !important;
    color: white !important;
}

footer .container-fluid a {
    color: white !important;
    text-decoration: none !important;
}

footer .container-fluid a:hover {
    color: var(--wp--preset--color--secondary) !important;
}

footer .footer-widget-2 a, footer .footer-widget-3 a {
    color: white;
    text-decoration: none;
}

footer .footer-widget-2 a:hover, footer .footer-widget-3 a:hover {
    color: var(--wp--preset--color--secondary);
}

footer .site-info {
    color: white;
}




.cky-btn-revisit-wrapper {
    background: var(--wp--preset--color--secondary) !important;
}


@media (max-width: 991px) {
    .vh-100 {
        height: 100% !important;
    }

    .contact {
        height: 100% !important;
        padding-bottom: 80px !important;
    }

    .clip-path {
        clip-path: polygon(100% 0, 100% 60%, 50% 40%, 0 60%, 0% 0%);
    }

    .mt-15 {
        margin-top: -45%;
    }

    .line-under::after {
        margin: 2px auto auto 0;
    }
    .card{
        margin-bottom: 100px;
    }
}