/*
Theme Name: rbsTheme | V2 (Aether)
Theme URI: https://www.robas.com/themes/rbstheme
Author: Robas Internet Oplossingen
Author URI: https://www.robas.com
Description: A fast, flexible, and lightweight WordPress theme built for customization and performance. Perfect for developers and businesses looking for a solid foundation that adapts to any need.
Version: 2.0.0 | Alpha 26
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: fast, flexible, customizable, lightweight, responsive, developer-friendly
Text Domain: rbstheme
*/


/* Wrapper	#e0f7fa (light cyan)	#00acc1 (cyan)
Section	#f1f8e9 (light green)	#7cb342 (green)
Component	#fff3e0 (light orange)	#fb8c00 (orange)
Child Section	#fce4ec (light pink)	#d81b60 (pink) */


.OFF_rbstheme--container {
    background-color: #ffd6d6; /* soft red */
    background-color: #ff0000;
}

.OFF_rbstheme--outer-section {
    background-color: #d6ffd6; /* soft green */
}

.OFF_rbstheme--section {
    background-color: #d6d6ff; /* soft blue */
    background-color: #137a13;
}

.OFF_rbstheme--inner-section {
    background-color: #fff0b3; /* soft yellow */
    background-color: #6bff6b;
}




/* .rbstheme--outer-section-header-bottom {
    display: none;
}
.rbstheme--outer-section-header {
    background-color: #000000;
} */
/* .rbstheme--outer-section {
    background-color: red;    
}
.rbstheme--outer-section .rbstheme--section {
    background-color: blue;}
.rbstheme--container > .rbstheme--section {
    background-color: yellow;
    padding: 0 50px;
}
.rbstheme--container > .rbstheme--section .rbstheme--container > .rbstheme--section {
    padding: 0;
} */
/* .rbstheme--section .rbstheme--section  {
    padding: 0;
} */

/* .rbstheme--container {
    background-color: red;
}
.rbstheme--container .rbstheme--container {
    background-color: blue;
}
.rbstheme--container .rbstheme--container .rbstheme--container{
    background-color: purple;
} */


/* .rbstheme--container .rbstheme--section {
    padding: 0 50px;
}
.rbstheme--container .rbstheme--container .rbstheme--section {
    
}
.rbstheme--container .rbstheme--container .rbstheme--container .rbstheme--section{
    padding: 0;
} */





/*** TEMP HERE, MOVE TO prefab/xxx.css ***/
.rbstheme--layout-dev-container {
    position: relative;
    font-size: 12px;
}
.rbstheme--layout-dev-element {
    position: absolute;
    background: #fff;
    padding: 2px 5px;
    border: 4px solid #f00;
    z-index: 1000;
}
.rbstheme--layout-dev-element--wrapper {
    border-color: #e0f7fa;
    color: #00acc1;
}
.rbstheme--layout-dev-element--section {
    border-color: #f1f8e9;
    color: #7cb342;
}
.rbstheme--layout-dev-element--component {
    right: 0;
    top: -25px;
    border-color: #fff3e0;
    color: #fb8c00;
}



.rbstheme--menu li {
    display: flex;
    align-items: center;
}
/** !! Need 'center' fix/finetune (currently 2px translateY) **/
.rbstheme--menu li.menu-item-has-children > a::after {
    font-family: 'bootstrap-icons' !important;
    content: "\F229";
    font-size: 1rem;
    display: inline-flex;
    transform: translateY(2px);
    padding-left: 5px;
    line-height: 1;
}





/*** MOVE TO BASE.CSS***/
.rbstheme--main-content-section  {}

.rbstheme--main-content-section .rbstheme--container {}

body.has-content-wide {}

body.has-content-full {}


body.has-content-wide .rbstheme--main-content-section .rbstheme--container {
    max-width: unset;
}

body.has-content-full .rbstheme--main-content-section .rbstheme--container {
    max-width: unset;
}


body.has-content-wide .rbstheme--main-content-section .rbstheme--inner-section,
body.has-content-full .rbstheme--main-content-section .rbstheme--inner-section {
    padding: 0;
}


body.has-content-wide .rbstheme--main-content-section .rbstheme--inner-section main > *:not(.alignwide):not(.alignfull),
body.has-content-full .rbstheme--main-content-section .rbstheme--inner-section main > *:not(.alignwide):not(.alignfull)  {
    padding: var(--rbstheme--layout-section-padding-top) var(--rbstheme--layout-section-padding-right) var(--rbstheme--layout-section-padding-bottom) var(--rbstheme--layout-section-padding-left);
    width: 100%;
    max-width: var(--rbstheme--unit-boxed-container-width);
    margin: var(--rbstheme--layout-container-margin);
    box-sizing: border-box;
}

body.has-content-wide .rbstheme--main-content-section .rbstheme--inner-section main > .wp-block-group.alignwide > .wp-block-group__inner-container {
    padding: var(--rbstheme--layout-section-padding-top) var(--rbstheme--layout-section-padding-right) var(--rbstheme--layout-section-padding-bottom) var(--rbstheme--layout-section-padding-left);
}
body.has-content-full .rbstheme--main-content-section .rbstheme--inner-section main > .wp-block-group.alignfull > .wp-block-group__inner-container  {
    padding: var(--rbstheme--layout-section-padding-top) var(--rbstheme--layout-section-padding-right) var(--rbstheme--layout-section-padding-bottom) var(--rbstheme--layout-section-padding-left);
}


                /* ? extraProps.className + ' rbstheme--boxed-width'
                    : 'rbstheme--boxed-width';
            }

            if(attributes.rbsDisablePadding === true){
                extraProps.className = extraProps.className
                    ? extraProps.className + ' rbstheme--disable-padding'
                    : 'rbstheme--disable-padding';
            }

            if(attributes.rbsDisableMargin === true){
                extraProps.className = extraProps.className
                    ? extraProps.className + ' rbstheme--disable-margin' */


.wp-block-columns.alignwide {
    width: 100%;
    max-width: var(--rbstheme--unit-wide-container-width);
}


.wp-block-group.alignwide.rbstheme--boxed-width > .wp-block-group__inner-container,
.wp-block-group.alignfull.rbstheme--boxed-width > .wp-block-group__inner-container {
    padding: var(--rbstheme--layout-section-padding-top) var(--rbstheme--layout-section-padding-right) var(--rbstheme--layout-section-padding-bottom) var(--rbstheme--layout-section-padding-left);
    width: 100%;
    max-width: var(--rbstheme--unit-boxed-container-width);
    margin: var(--rbstheme--layout-container-margin);
    box-sizing: border-box;
}


.wp-block-group.alignwide.rbstheme--disable-padding,
.wp-block-group.alignfull.rbstheme--disable-padding {
    padding: 0;
}

.wp-block-group.alignwide.rbstheme--disable-margin,
.wp-block-group.alignfull.rbstheme--disable-margin {
    margin: 0;
}




@media (max-width: 480px) {
    /* * {
          outline: 1px solid rgba(255, 0, 0, 0.2);

    } */


    /* body {
        overflow: hidden;
    } */
    #wpadminbar {
        display: none;
        visibility: hidden;
    }
    
    body.admin-bar .rbstheme--section-template-header-template {
        top: 0 !important;
    }
    
    #menu-metrik-hoofdmenu {
        background-color: #333333;
        min-width: none;
    }
    #menu-metrik-hoofdmenu li::after {
        display: none;
    }
    #menu-metrik-hoofdmenu li a {
        color: #ffffff;
        font-weight: 500;
    }
    .menu-item-has-children > .sub-menu {
        display: none;
    }
    .rbstheme--section-header-top .rbstheme--menu .sub-menu {
        border-top-width: 1px !important;
    }
    .menu-item-has-children.is-open > .sub-menu {
        display: block;
    }
    .rbstheme--menu li ul {
        position: unset !important;
    }
    .rbstheme--menu li {
        position: unset !important;
        align-items: unset !important;
        flex-direction: column;
    }
    .menu-item-has-children.is-open > .sub-menu li {
        padding-left: 2rem;
    }

    body .vc_custom_1768204365293 {
        padding-right: 0 !important;
    }

    .rbstheme--inner-section-seo-content {
        flex-wrap: wrap;
    }

    .vc_column_container > .vc_column-inner {
        width: unset !important;
    }




    /* rs-fullwidth-wrap,
    #rev_slider_7_1_wrapper, 
    .revslider-initialised {
        height: 500px !important;
    }  */
}