/*
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;    
}





/*** 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;
}




/*** Oranje Vereniging Cusomization: ***/
#menu-mainmenu.rbstheme--menu .current-menu-item > a, 
#menu-mainmenu.rbstheme--menu .current_page_item > a,
#menu-mainmenu.rbstheme--menu li a {
    background-color: transparent;
}
#menu-mainmenu.rbstheme--menu {
    height: 100px;
    border-radius: 0;
    overflow: visible;
}

/* #menu-mainmenu.rbstheme--menu li::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('/wp-content/uploads/2026/02/logo-eikenblad.png');
    transform: rotate(10deg);
    z-index: -1;
} */

#menu-mainmenu.rbstheme--menu li {
    background-image: url('/wp-content/uploads/2026/03/eikenblad-menu.png');
    /* background-size: cover; */
    background-size: 120px 100px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 120px;
}


#menu-mainmenu .sub-menu {

}
#menu-mainmenu .sub-menu li.menu-item {
    background-image: none;
    width: 100%;
    background-color: #ffffff;
    transition: background-color 0.4s ease;
}
#menu-mainmenu .sub-menu li.menu-item:hover {
    background-color: var(--rbstheme--color-primary);
}
#menu-mainmenu .sub-menu li.menu-item a {
    background-color: transparent;
    color: var(--rbstheme--color-primary);
    transition: color 0.15s ease;
    width: 100%;
}
#menu-mainmenu .sub-menu li.menu-item:hover a {
    color: var(--rbstheme--color-middleground); 
}