/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*--------------------------------------------------------------
## TABLE OF CONTENTS
----------------------------------------------------------------
- ROOT
- TYPOGRAPHY
- BUTTONS
- IMAGES
- HEADER OPMAAK
- FOOTER OPMAAK
- GLOBAL OPMAAK
- CUSTOM CONTAINER OPMAAK
- CUSTOM OPMAAK
- ELEMENTOR WIDGETS OPMAAK
- CUSTOM PLUGIN OPMAAK

----------------------------------------------------------------
## 
--------------------------------------------------------------*/




/*--------------------------------------------------------------
## ROOT
--------------------------------------------------------------*/
/* @media (max-width:767px) {  
    :root {
        --container-default-padding: 32px;
    }
}
@media (min-width: 768px) and (max-width:1024px) {
    :root {
        --container-default-padding: 48px;
    }
}
@media (min-width:1025px) {
    :root {
        --container-default-padding: 64px;
    }
}

@media (min-width:1525px) {
    .outer-cont {
        --container-default-padding: 12%;
    }
}


.outer-cont{
    padding-left: var(--container-default-padding);
    padding-right: var(--container-default-padding);
} */

@media (max-width:767px) {  
    .outer-cont,
    .outer-cont-right{
        padding-left: 32px;
        padding-right: 32px;
    }
}
@media (min-width: 768px) and (max-width:1024px) { 
    .outer-cont,
    .outer-cont-right{
        padding-left: 48px;
        padding-right: 48px;
    }
}
@media (min-width:1025px) {
    .outer-cont{
        padding-left: 64px;
        padding-right: 64px;
    }
}

@media (min-width:1525px) {
    .outer-cont {
        padding-left: 12%;
        padding-right: 12%;
    }

    .outer-cont-right {
        padding-left: 32px;
        padding-right: 12%;
    }
}

.inner-cont {
    padding-top: 64px;
    padding-bottom: 64px;
    overflow: visible;
}

.content-cont {
    padding-top: 96px;
    padding-bottom: 96px;
}







/* Selection color */
::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: var(--e-global-color-primary);
  }::selection {
    color: #fff;
    background: var(--e-global-color-primary);
  }






/*--------------------------------------------------------------
## TYPOGRAPHY
--------------------------------------------------------------*/

/* CUSTOM TYPOGRAPHY CLASSES */

/* CUSTOM TYPOGRAPY RESP */
@media (min-width:768px) and (max-width:1024px) {

}
@media (max-width:767px) {
    
}






/*--------------------------------------------------------------
## BUTTONS
--------------------------------------------------------------*/
/* BTN-B */
.btn-b .elementor-button.elementor-size-sm,
.btn-b .elementor-button.elementor-size-sm:visited,
.dropdown-btn-cont .btn-b {
	background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
}
.btn-b .elementor-button.elementor-size-sm:hover,
.btn-b .elementor-button.elementor-size-sm:focus,
.dropdown-btn-cont .btn-b:hover {
		background-color: #fff;
    border-color: var(--e-global-color-accent);
    color: var(--e-global-color-accent);
}






/*--------------------------------------------------------------
## IMAGES
--------------------------------------------------------------*/






/*--------------------------------------------------------------
## HEADER
--------------------------------------------------------------*/
.header-circle-overlay {
    overflow: hidden;
}

.header-circle-overlay::before {
    background-color: #FFFFFF;
    border-radius: 100%;
    width: 20vw;
    height: 20vw;
    min-width: 400px;
    min-height: 400px;
    left: -10%;
    top: -10%;
}

@media (min-width:1525px) {
    .header-circle-overlay::before {
        width: 30vw;
        height: 30vw;
        left: -10%;
        top: -26%;
    }

    .header-nav .elementor-item {
        font-size: 19px !important;
    }
}


.header-nav .elementor-item-active, 
.mobiel-nav .elementor-item-active {
    font-weight: 900 !important;
}

.header-nav .elementor-item-active::after {
    content: '';
    width: 100%;
    background: url(/wp-content/uploads/Seclijn.svg);
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-size: contain;
    height: 10px;
    top: 36px;
    left: 0%;
}

@media (max-width:1024px) {
    .header-image-cont::before {
        background-image: none !important;
    }
}

.mobiel-nav {
    width: 100% !important;
}




/*--------------------------------------------------------------
## FOOTER
--------------------------------------------------------------*/

.seclijn-footer {
    position: absolute;
    width: 100%;
    left: 50%;
    margin-top: 84px;
}

.seclijn-section {
    overflow: visible !important;
}

.seclijn-section .elementor-widget {
    max-width: 100vw !important;
}

.footer-cont {
    padding-top: 124px;
    padding-bottom: 64px;
    overflow: visible;
}

@media (max-width:768px) {
    .footer-cont {
        width: 100%;
    }
}

/*--------------------------------------------------------------
## GLOBAL OPMAAK
--------------------------------------------------------------*/

p a, label a {
    font-weight: 800 !important;
    color: #60605F;
    transition: color 200ms ease-in-out;
}

p a:hover, label a:hover {
    color: #000;
    transition: color 200ms ease-in-out;
}

h1, h2, h3, h4 {
    font-family: "Libre Baskerville", Sans-serif !important;
}

@media (max-width:1024px) {
.tablet-mobile-width {
    width: 100% !important;
}
}

/*--------------------------------------------------------------
## CUSTOM CONTAINER OPMAAK
--------------------------------------------------------------*/
/* CONTAINER 50-50 */
/* .cont--50-50 {

}
.sub-cont--50-50 {
    min-height: 800px;
    gap: calc(4 * var(--container-default-padding));
}
.sub-cont--50-50 > .e-container {
    position: unset;
}
.sub-cont--50-50 > .e-container::before {
    position: absolute;
    width: 50%;
}
.sub-cont--50-50 > .e-container:nth-child(1)::before {

}
.sub-cont--50-50 > .e-container:nth-child(2)::before {
    left: unset;
    right: 0;
} */


/*--------------------------------------------------------------
## CUSTOM OPMAAK
--------------------------------------------------------------*/

.button-outline a{
    border: solid 1px #60605F !important;
    position: relative;
    border-radius: 15px !important;
}

.button-outline a::after{
    content: "";
    border: solid 1px #60605F !important;
    transform: translate(3px, -3px) !important;
    width: 100% !important;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 15px !important;
    transition: transform 200ms ease-in-out;
}

.button-outline a:hover::after{
    transform: translate(0px, 0px) !important;
    transition: transform 200ms ease-in-out;
}









/*--------------------------------------------------------------
## ELEMENTOR WIDGETS OPMAAK
--------------------------------------------------------------*/






/*--------------------------------------------------------------
## CUSTOM PLUGIN OPMAAK
--------------------------------------------------------------*/







/*--------------------------------------------------------------
## 
--------------------------------------------------------------*/