/*
 Theme Name:   Made I.T. - polyesterwerken.be
 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:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  polyesterwerken
*/

@import url("https://use.typekit.net/asd3xkn.css");
@font-face {
    font-family: 'Regfa';
    src: url('/wp-content/themes/polyesterwerken/fonts/RegfaRegular.eot');
    src: url('/wp-content/themes/polyesterwerken/fonts/RegfaRegular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/polyesterwerken/fonts/RegfaRegular.woff2') format('woff2'),
        url('/wp-content/themes/polyesterwerken/fonts/RegfaRegular.woff') format('woff'),
        url('/wp-content/themes/polyesterwerken/fonts/RegfaRegular.ttf') format('truetype'),
        url('/wp-content/themes/polyesterwerken/fonts/RegfaRegular.svg#RegfaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


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

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

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

.navbar a {
    font-family: 'Regfa',sans-serif;
    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);
    color: #404040 !important;
    display: block;
    position: relative;
}

/* line before */
h5:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 2px;
    background-color: var(--wp--preset--color--success);
    left: -60px;
    top: 40%;
    transform: translateY(-60%);
}

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 ANIMATION */
.menu li.active a.nav-link {
    color: white;
    background-color: var(--wp--preset--color--primary);
}


@media(min-width: 768px) {
    .menu li > a.nav-link {
        background-color: transparent;
        display: inline-block;
        position: relative;
    }

    .menu li a.nav-link:before {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 2px;
        bottom: -0.1rem;
        background: var(--wp--preset--color--primary);
    }

    .menu li a.nav-link:hover:before{
        width: 100%;
        background: var(--wp--preset--color--primary);
        transition: width .5s ease;
    }

    .menu li a.nav-link:after {
        content: "";
        position: absolute;
        right: 0;
        background: #fff;
        -webkit-transition: width .8s cubic-bezier(.22,.61,.36,1);
        transition: width .8s cubic-bezier(.22,.61,.36,1);
        width: 0;
        height: 2px;
        bottom: -0.1rem;
        background: var(--wp--preset--color--primary);
    }

    .menu li a.nav-link:hover:after {
        width: 100%;
        background: transparent;
        transition: all 0s ease;
    }

    /* No animation on active element */
    .menu li.active a.nav-link:before {
        width: 100%;
        background: var(--wp--preset--color--primary);
        transition: width .5s ease;
    }

    .menu li.active a.nav-link:after {
        width: 100%;
        background: transparent;
        transition: all 0s ease;
    }

    .menu li.active > a.nav-link {
        color: var(--wp--preset--color--primary);
        border-color: var(--wp--preset--color--primary);
        background-color: transparent;
        border-bottom: 1px solid var(--wp--preset--color--primary);
    }
    .menu li > a.nav-link:hover {
        color: var(--wp--preset--color--primary);
        border-color: var(--wp--preset--color--primary);
        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 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;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--wp--preset--color--primary);
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--wp--preset--color--primary);
  }

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

.z-index-1 {
    position: relative;
    z-index: 1;
}

.flex-grow {
    overflow: hidden;
}

.navbar.fixed-top {
    box-shadow: none;
    border-bottom: 2px solid var(--wp--preset--color--primary);
}

.dev-rotate {
    transform: rotate(245deg);
}

.rotate-true {
    transform: rotate(256.8deg);
    margin-bottom: 0 !important;
}

.rotate-false {
    transform: rotate(282.5deg);
    margin-bottom: 0 !important;
}

@media (min-width: 1010px) {
    .rotate-true {
        transform: rotate(257.8deg);
    }

    .rotate-false {
        transform: rotate(282.3deg);
    }
}

@media (max-width: 991.98px) {
    .rotate-true.md-1 {
        transform: rotate(260.8deg);
    }

    .rotate-true.md-2 {
        transform: rotate(258deg);
    }

    .rotate-false.md-3 {
        transform: rotate(287.5deg);
    }
}

.lijn {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.lijn img {
    z-index: 1;
    transform: rotate(66deg);
}

.lijn::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 108%;
    height: 2px;
    background-color: #1F4858;
    top: 50%;
}

.lijn::after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #1F4858;
    top: 50%;
}

@media (max-width: 768px) {

    .rotate-false {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-top: 50px;
        margin-bottom: 50px !important;
    }

    .rotate-true {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        margin-top: 50px;
        margin-bottom: 50px !important;
    }

    

    .lijn::before {
        width: 20%;
    }

    .lijn::after {
        width: 0%;
    }
}

.devN-margin-block {
    margin-block: -40px;
}

.wp-block-media-text {
    grid-template-columns: 5% auto ;
}

.wp-block-media-text .wp-block-media-text__media {
    width: 25px;
}

.wp-block-media-text .wp-block-media-text__content {
    padding: 0 5%;
    align-self: baseline !important;
}

.wp-block-media-text .wp-block-media-text__content p{
    margin-block: 10px;
}

.dev-content-width {
    width: max-content;
}

@media (max-width: 992px) {
    .dev-content-width {
        width: 100%;
    }
}
.site-footer {
    border-top: 2px solid var(--wp--preset--color--primary);
}

.container-fluid.text-dark.bg-white.py-2 {
    background-color: var(--wp--preset--color--primary) !important;
}

.site-info {
    color: white;
}

.site-info a {
    color: white;
    text-decoration: none;
}

.wp-block-madeitforms-input-field input.madeit-forms-input-field, .wp-block-madeitforms-largeinput-field textarea.madeit-forms-largeinput-field {
    border: 2px solid var(--wp--preset--color--primary);
    border-radius: 10px !important;
}

.wp-block-madeitforms-input-field input.madeit-forms-input-field:focus, .wp-block-madeitforms-largeinput-field textarea.madeit-forms-largeinput-field:focus {
    box-shadow: none;
    border-color: var(--wp--preset--color--primary);
}

.dev-bg-img {
    background-image: url("/wp-content/uploads/2023/04/Water-texture.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.dev-width-640 {
    width: 100%;
    height: 100%;
}

.dev-width-640 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dev-bg-img-koi {
    background-image: url("/wp-content/uploads/2023/04/royal-carp-in-the-pond-koi-carp-in-the-pond-orna-2021-11-02-20-33-24-utc-min-edited-1-scaled.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.wp-block-cover, .wp-block-cover-image {
    padding: 0 !important;
}


/* Home */
.clip-path {
    clip-path: ellipse(82% 100% at 10% 8%);
    -webkit-clip-path: ellipse(82% 100% at 10% 8%);
}

.clip-path .wp-block-image {
    clip-path: ellipse(80.5% 100% at 11% 7%);
    -webkit-clip-path: ellipse(80.5% 100% at 11% 7%);
    width: 100%;
    height: 100%;
    background: var(--wp--preset--color--primary);
}

.clip-path .wp-block-image img {
    display: none;
}

.dev-clippatch-right {
    clip-path: ellipse(61% 100% at 63% 79%);
    -webkit-clip-path: ellipse(61% 100% at 63% 79%);
    margin: 0;
    background-color: white;
}

.dev-clippatch-right img {
    clip-path: ellipse(60% 100% at 63% 79%);
    -webkit-clip-path: ellipse(60% 100% at 63% 79%);
}

.dev-clippatch-left {
    clip-path: ellipse(61% 100% at 37% 79%);
    -webkit-clip-path: ellipse(61% 100% at 37% 79%);
    margin: 0;
    background-color: white;
}

.dev-clippatch-left img {
    clip-path: ellipse(60% 100% at 37% 79%);
    -webkit-clip-path: ellipse(60% 100% at 37% 79%);
}


.clip-path-polygon-right {
    clip-path: ellipse(74% 100% at 75% 80%);
    -webkit-clip-path: ellipse(74% 100% at 75% 80%);

    margin-top: 16px;
    margin-bottom: 0;
}

.clip-path-polygon-left {
    clip-path: ellipse(74% 100% at 25% 80%);
    -webkit-clip-path: ellipse(74% 100% at 25% 80%);

    margin-top: 16px;
    margin-bottom: 0;
}

/* Header */
.devH-clippatch-left {
    clip-path: ellipse(62% 100% at 26% 68%);
    -webkit-clip-path: ellipse(62% 100% at 26% 68%);
    background-color: white;
}

.devH-clippatch-left img {
    clip-path: ellipse(61.5% 100% at 26% 68%);
    -webkit-clip-path: ellipse(61.5% 100% at 26% 68%);
}

.devH-clippatch-right {
    clip-path: ellipse(62% 100% at 74% 68%);
    -webkit-clip-path: ellipse(62% 100% at 74% 68%);
    background-color: white;
}

.devH-clippatch-right img {
    clip-path: ellipse(61.5% 100% at 74% 68%);
    -webkit-clip-path: ellipse(61.5% 100% at 74% 68%);
}

.devH-clippatch-topLeft {
    clip-path: ellipse(80% 69% at 33% 29%);
    -webkit-clip-path: ellipse(80% 69% at 33% 29%);
    background-color: white;
}

.devH-clippatch-topLeft img {
    clip-path: ellipse(80% 68% at 33% 29%);
    -webkit-clip-path: ellipse(80% 68% at 33% 29%);
}

.devH-clippatch-topRight {
    clip-path: ellipse(100% 69% at 87% 29%);
    -webkit-clip-path: ellipse(100% 69% at 87% 29%);
    background-color: white;
}

.devH-clippatch-topRight img {
    clip-path: ellipse(100% 68% at 87% 29%);
    -webkit-clip-path: ellipse(100% 68% at 87% 29%);
}

.about-clippath {
    clip-path: ellipse(71% 120% at 71% 83%);
    -webkit-clip-path: ellipse(71% 120% at 71% 83%);
    background-color: white;
    margin: 0;
}

.about-clippath img {   
    clip-path: ellipse(71% 120% at 71.3% 83%);
    -webkit-clip-path: ellipse(71% 120% at 71.3% 83%);
}

.about-clippath-left {
    clip-path: ellipse(71% 120% at 29% -7%);
    -webkit-clip-path: ellipse(71% 120% at 29% -7%);
    background-color: white;
    height: 641.25px;
    margin-right: -0.6%;
    width: 50.6%;
}

.about-clippath-left .wp-block-image {
    clip-path: ellipse(71% 120% at 28.7% -7%);
    -webkit-clip-path: ellipse(71% 120% at 28.7% -7%);
    background-color: var(--wp--preset--color--primary);
    height: 100%;
}

.about-clippath-left .wp-block-image img {
    display: none;
}


/* Coocky */

.cky-btn-revisit-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--wp--preset--color--primary) !important;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    position: fixed;
    z-index: 999999;
    cursor: pointer;
}

.cky-btn-reject, .cky-btn-preferences {
    color: var(--wp--preset--color--primary) !important;
    background: transparent;
    border: 2px solid var(--wp--preset--color--primary) !important;
}

.cky-btn-accept {
    background: var(--wp--preset--color--primary) !important;
    color: #ffffff;
    border: 2px solid var(--wp--preset--color--primary) !important;
}

button.cky-show-desc-btn {
    color: var(--wp--preset--color--primary) !important;
    background: transparent;
}


/* *********** */
/* MEDIA QUERY */
/* *********** */

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 

    

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {  
    .dev-sm-row1 {
        width: 100% !important;
    }

    .clip-path.dev-sm-row1 {
        height: 200px;
        clip-path: ellipse(82% 92% at 20% 8%);
        -webkit-clip-path: ellipse(82% 92% at 20% 8%);
    }

    .clip-path.dev-sm-row1 .wp-block-image {
        clip-path: ellipse(80.5% 91% at 21% 7%);
        -webkit-clip-path: ellipse(80.5% 91% at 21% 7%);
    }

    .dev-clippatch-left {
        clip-path: ellipse(93% 100% at 47% -31%);
        -webkit-clip-path: ellipse(93% 100% at 47% -31%);
    }

    .dev-clippatch-left img {
        clip-path: ellipse(93% 100% at 47% -31.5%);
        -webkit-clip-path: ellipse(93% 100% at 47% -31.5%);
    }

    .dev-clippatch-right {
        clip-path: ellipse(93% 100% at 47% 126%);
        -webkit-clip-path: ellipse(93% 100% at 47% 126%);
    }

    .dev-clippatch-right img {
        clip-path: ellipse(93% 100% at 47% 126.5%);
        -webkit-clip-path: ellipse(93% 100% at 47% 126.5%);
    }

    .vh-100.devH-clippatch-right, .vh-100.devH-clippatch-left {
        height: auto !important;
    }

    .post-20 .vh-100.devH-clippatch-right {
        height: 100vh !important;
    }

    .order-1 {
        order: -1 !important;
    }

    .order-2 {
        order: -2 !important;
    }

    .clip-path-polygon-right {
        clip-path: ellipse(74% 100% at 25% 80%);
        -webkit-clip-path: ellipse(74% 100% at 25% 80%);
        margin-top: 16px;
        margin-bottom: 30px;
    }

    .dev-content-width {
        width: 100% !important;
    }

    .page-id-21 .wp-block-madeit-block-content-column.keep-max-container-size:last-child:not(.max-start-size),
    .page-id-21 .wp-block-madeit-block-content-column.keep-max-container-size:first-child:not(.max-end-size)  {
        padding-right: calc((100vw - 540px) / 2 + 15px) !important;
        padding-left: 150px !important; 
    }

    .wp-block-madeit-block-content-column.keep-max-container-size:last-child:not(.max-start-size) {
        padding-right: calc((100vw - 540px) / 2 + 15px) !important;
        padding-left: calc((100vw - 540px) / 2 + 15px);
    }

    .wp-block-madeit-block-content-column.keep-max-container-size:first-child:not(.max-end-size) {
        padding-left: calc((100vw - 540px) / 2 + 15px);
        padding-right: calc((100vw - 540px) / 2 + 15px);
    }

    .text-align-left {
        text-align: left !important;
    }
}

@media (max-width: 575.98px) { 
    
   

}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {  
    .page-id-21 .has-text-align-right {
        text-align: left !important;
    }

    .page-id-20 .wp-block-madeit-block-content-column.keep-max-container-size:first-child:not(.max-end-size) {
        padding-left: calc((100vw - 720px) / 2 + 15px);
        padding-right: calc((100vw - 720px) / 2 + 15px);
    }

    .page-id-20 .wp-block-madeit-block-content-column.keep-max-container-size:last-child:not(.max-start-size) {
        padding-right: calc((100vw - 720px) / 2 + 15px);
        padding-left: calc((100vw - 720px) / 2 + 15px);
    }

    .page-id-21 .wp-block-madeit-block-content-column.keep-max-container-size:last-child:not(.max-start-size) {
        padding-right: 10px ;
        padding-left: 150px !important; 
    }
    

    .dev-md-center, .dev-md-center h1,  .dev-md-center h3 {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .dev-md-center p {
        text-align: center;
    }

    .dev-md-row1 {
        width: 100%;
    }

    .dev-md-row2 {
        width: 50%;
    }

    .dev-md-row3 {
        width: 33.33333333%;
    }

    .dev-md-row5 {
        width: 41.66666667%;
    }

    .dev-md-row8 {
        width: 66.66666667%;
    }

    .dev-md-rowFUll {
        width: 16.666666666666%;
    }

    .devN-margin-block {
        margin-block: 30px;
    }

    .dev-rotate {
        transform: rotate(335deg);
    }

    .dev-sm-row1.order-first {
        padding-left: 10px !important;
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%) !important;
    }

    .about-clippath {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        background-color: white;
        margin: 0;
    }
    
    .about-clippath img {   
        clip-path: polygon(0 1%, 100% 1%, 100% 99%, 0 99%);
        -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 99%, 0 99%);
    }
    
    .about-clippath-left {
        clip-path: none;
        -webkit-clip-path: none;
        background-color: white;
        height: 20px;
        margin-left: 0;
        margin-right: 0;
    }
    
    .about-clippath-left .wp-block-image {
        clip-path: none;
        -webkit-clip-path: none;
        background-color: var(--wp--preset--color--primary);
        height: 100%;
    }
    

}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {  

}

/* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {  

}

@media (min-width: 1230px) {
    .p-lg-170 {
        padding-left: 170px !important;
    }
}

/* XX-Large devices (larger desktops) */
/* No media query since the xxl breakpoint has no upper bound on its width */