/* 
Theme Name: Kunst Kwartier - Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Kunst Kwartier - Child, is a child theme for the Hello Elementor theme base.
Author: Afdeling Online
Author URI: https://www.afdelingonline.nl
Template: hello-elementor
Version: 2.0.0
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 */



/**
* =======================================================
* START | CSS Variables
* =======================================================
*/


/**
*
* Global Elementor variables reference
*
* Colors:
*    Primair                    =  --e-global-color-primary: #ED5B33;     =  var(--e-global-color-primary);
*    Secundair:                 =  --e-global-color-secondary: #795599;   = var(--e-global-color-secondary);
*    Tekst:                     =  --e-global-color-text: #311E3C;        = var(--e-global-color-text);
*    Accent:                    =  --e-global-color-accent: #DBD239;      = var(--e-global-color-accent);
*    Oranje hoofdkleur 1:       =  --e-global-color-654996a: #ED5B33;     = var(--e-global-color-654996a);
*    Paars hoofdkleur 2:        =  --e-global-color-afdfc72: #311E3C;     = var(--e-global-color-afdfc72);
*    Lichtpaars hoofdkleur 3:   =  --e-global-color-bcb5545: #795599;     = var(--e-global-color-bcb5545);
*    Zand hoofdkleur 3:         =  --e-global-color-20af8c0: #EFECB5;     = var(--e-global-color-20af8c0);
*    Limoen accent 1:           =  --e-global-color-7628cd7: #DBD239;     = var(--e-global-color-7628cd7);
*    Limoen 60% accent 2:       =  --e-global-color-131a339: #DBD23999;   = var(--e-global-color-131a339);
*    Roze accent 3:             =  --e-global-color-1866faf: #E9CFE2;     = var(--e-global-color-1866faf);
*    Wit:                       =  --e-global-color-ffd485e: #FFFFFF;     = var(--e-global-color-ffd485e);
*    Zwart                      =  --e-global-color-b82f5eb: #000000;     = var(--e-global-color-b82f5eb);
*    Tekst body                 =  --e-global-color-e744a94: #311E3C;     = var(--e-global-color-e744a94);
*
* Fonts:
*    --e-global-typography-primary-font-family: "Lemur";      =  var(--e-global-typography-primary-font-family);
*    --e-global-typography-secondary-font-family: "Lemur";    =  var(--e-global-typography-secondary-font-family);
*    --e-global-typography-text-font-family: "Mulish";        =  var(--e-global-typography-text-font-family);
*    --e-global-typography-accent-font-family: "Roboto";      
*
*
*  
**/



/**
* =======================================================
* END | CSS Variables
* =======================================================
*/






/**
* =======================================================
* START | Elementor standard style overrides
* =======================================================
*/

/* Reduce hover grow animation */
.e--pointer-text.e--animation-grow .elementor-item:focus,
.e--pointer-text.e--animation-grow .elementor-item:hover {
    transform: scale(1.05) !important;
}

/**
* =======================================================
* END | Elementor standard style overrides
* =======================================================
*/









/**
* =======================================================
* START | Main menu styles
* =======================================================
*/
/* Main menu - backup wp menu */
.elementor-location-header nav #kkw-main-menu-wp-bkp.elementor-widget-nav-menu nav.elementor-nav-menu--main ul>li>a.elementor-item:before {
    border-radius: 0 50px 0 0;
}


/* Elementor (mega) menu - main */

nav > #main-menu-desktop.elementor-widget-n-menu > .elementor-widget-container > nav.e-n-menu > #menubar-807 > ul.e-n-menu-heading > li.e-n-menu-title > .e-n-menu-title-container > .e-n-menu-title-text,
.elementor-widget-n-menu .e-n-menu-title-text   {
    font-family: "Lemur", Sans-serif;
    font-size: 1.375rem;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
}


#menubar-807:has(.e-n-menu-content.e-active > .e-child.e-active) .e-n-menu-title{
    text-decoration: overline !important;
    /* background-color:var(--e-global-color-bcb5545); */
    color: var(--e-global-color-accent);
}
/* Needs javascript ==> document.querySelector('a[aria-expanded="true"]').style.backgroundColor = "#42DCA3"; 

$('.e-n-menu-title').has('a[aria-expanded="true"][tabindex="0"]').css('background-color:#795599;');*/

/* :is(li>div>.e-n-menu-title-text[aria-expanded=true]) */

.e-n-menu-title:has(a[aria-expanded="true"]) {
    /* Your styles here */
    text-decoration: overline !important;
}


/**
* =======================================================
* END | Main menu styles
* =======================================================
*/









/**
* =======================================================
* START | FOOTER STYLES
* =======================================================
*/
.footer-menu-list-style nav > ul > li {
    display: list-item !important;
    list-style-type: disc !important;
    color: var(--e-global-color-ffd485e) !important; 
}

.elementor-location-footer a strong {
    padding-right: 5px;
}
/**
* =======================================================
* END | FOOTER STYLES
* =======================================================
*/











/**
* =======================================================
* START | TABLEPRESS STYLING
* =======================================================
*/
.tablepress.jaarplanning-kunstkwartier thead tr th{
    height: 1px !important;
    background-color: var(--e-global-color-afdfc72) !important;
    padding: 0 !important;
    border: none !important;
}
.tablepress.jaarplanning-kunstkwartier tbody tr td {
    padding: 0.5rem;
    border: 4px solid;
    border-collapse: collapse;
}
.tablepress.jaarplanning-kunstkwartier tbody tr.even td {
    font-weight: 700;
    font-size: 1.6rem;
}
.e-n-tabs-content > div:nth-child(even) .tablepress.jaarplanning-kunstkwartier tbody tr td {
    border-color: var(--e-global-color-1866faf);
}
.e-n-tabs-content > div:nth-child(even) .tablepress.jaarplanning-kunstkwartier tbody tr.even td {
    background-color: var(--e-global-color-1866faf);
    color: var(--e-global-color-text);
}
.e-n-tabs-content > div:nth-child(odd) .tablepress.jaarplanning-kunstkwartier tbody tr td {
    border-color: var(--e-global-color-afdfc72);
}
.e-n-tabs-content > div:nth-child(odd) .tablepress.jaarplanning-kunstkwartier tbody tr.even td {
    background-color: var(--e-global-color-afdfc72);
    color: var(--e-global-color-ffd485e);
}

/**
* =======================================================
* END | TABLEPRESS STYLING
* =======================================================
*/











/**
* =======================================================
* START | Gravity Forms styles
* =======================================================
*/

.gform_title{
    display:none;
}

.gform_wrapper h3.gsection_title {
    color: var(--e-global-color-afdfc72);
    font-size: 2rem;
}

.gform_wrapper fieldset.gfield > legend.gfield_label,
.gform_wrapper form .gfield--type-textarea.gfield--input-type-textarea label.gform-field-label {
    font-size: 1.4rem;
    line-height: calc(1.3rem * 1.3);
    font-weight: 700;
    font-family: var(--e-global-typography-primary-font-family);
}

.gform_wrapper .gform-body .gfield--type-section {
    border-block-end: 4px solid var(--e-global-color-ffd485e);
}

.gform_wrapper #gform_fields_1 .gfield .gfield_label{
    color: var(--e-global-color-b82f5eb);
    font-family: "Folio", Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}

.gform_wrapper .gfield .gfield_label .gfield_required,
.gform_wrapper .gform_required_legend>.gfield_required_asterisk{
    color: var(--e-global-color-primary);
    font-size: 1.3rem;
    font-family: "Folio", Sans-serif !important;
}

.gform_wrapper .gform_required_legend,
.gfield_consent_label{
    color: var(--e-global-color-b82f5eb);
    font-family: "Folio", Sans-serif;
    font-size: 0.8rem;
    font-weight: 400;
    text-transform: none;
}

.gform_wrapper .gfield .ginput_container input[type="text"],
.gform_wrapper .gfield .ginput_container input[type="email"],
.gform_wrapper .gfield .ginput_container input[type="tel"],
.gform_wrapper .gfield .ginput_container textarea{
    border: solid 2px #f5f5f5;
    background-color:#f5f5f5;
    border-radius:0px;
}

.gform_wrapper .gfield .ginput_container input:focus,
.gform_wrapper .gfield .ginput_container input:focus-within,
.gform_wrapper .gfield .ginput_container input:focus-visible,
.gform_wrapper .gfield .ginput_container textarea:focus,
.gform_wrapper .gfield .ginput_container textarea:focus-within,
.gform_wrapper .gfield .ginput_container textarea:focus-visible{
    border-radius:0px !important;
    border: solid 2px var(--e-global-color-afdfc72) !important;
    outline-color: var(--e-global-color-afdfc72);
    box-shadow: none !important;
}

.gform_wrapper .gform_fields .gfield{
    margin-bottom: 1rem;
}

.ginput_container_consent .gfield_consent_label{
    font-size: 1rem;
}

.gfield_consent_label>a{
    color: var(--e-global-color-primary);
    font-weight: 500;
    text-decoration:underline;
}
.gfield_consent_label>a:hover{
    color: #999; 
}

.gform_footer input[type="submit"]{
    background-color: var(--e-global-color-primary);
    border:none;
    color: white;
    font-family: "Folio", Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
}
.gform_footer input[type="submit"]:hover,
.gform_footer input[type="submit"]:focus,
.gform_footer input[type="submit"]:active{
    background-color: #3a3a3a;
}

.gform_wrapper fieldset.gfield--type-checkbox button {
    background-color: var(--e-global-color-afdfc72);
    color: var(--e-global-color-ffd485e);
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 1rem;
    font-weight: 700;
    border: none;
    border-radius: 0 30px 0 0;
    padding: 0.5rem 1rem;
    margin: 0.5rem;
}

.gform_wrapper fieldset.gfield--type-checkbox .gfield_checkbox input.gfield-choice-input {
    height: 20px !important;
}



/* Lesduur radio input */
#field_7_79 .ginput_container_radio .gchoice label {
    display: grid;
}


.kk-enroll-form-course-title {
    font-size: 2rem;
    line-height: calc(2rem * 1.3);
    /* Oranje */
    color: var(--e-global-color-654996a); 
}

.kk-tarieven-disclaimer-form-enroll {
    /* font-size: 1rem;
    line-height: 1.5; */
    font-style: italic;
}
.kk-tarieven-disclaimer-form-enroll strong {
    font-weight: 700;
}
.kk-tarieven-disclaimer-form-enroll a {
    color: var(--e-global-color-654996a);
    text-decoration: underline !important;
    /* Tijdelijke font-size !! */
    font-size: 13px; 
}
.gchoice > label > span > strong {
    font-weight: 700;
}

/* multipage progress bar */
form > .gf_page_steps {
    background-color: #efdcea;
    padding: 1rem;
    --gf-field-pg-steps-number-size: 24px;
    --gf-icon-font-size: 16px;
}
.gform-theme--framework .gf_step_completed .gf_step_number {
    --gf-local-bg-color: var(--gf-field-pg-steps-number-bg-color-complete);
    --gf-local-border-color: var(--gf-field-pg-steps-number-border-color-complete);
    --gf-local-color: var(--gf-field-pg-steps-number-color-complete);
    opacity: 0.8;
}
form .gf_page_steps .gf_step_completed .gf_step_number::after {
    background-color: var(--e-global-color-bcb5545);
    border-color: var(--e-global-color-bcb5545);
    color: var(--e-global-color-ffd485e);
}
form .gf_page_steps .gf_step_number {
    background-color: #00000000;
    border-color: var(--e-global-color-bcb5545);
    color: var(--e-global-color-bcb5545);
    opacity: 0.8;
}
form .gf_page_steps .gf_step_active .gf_step_number {
    background-color: var(--e-global-color-654996a);
    border-color: var(--e-global-color-654996a);
    color: var(--e-global-color-ffd485e);
    opacity: 0.8;
}
form .gf_page_steps .gf_step_label {
    font-size: 0.8rem;
    font-family: var(--e-global-typography-text-font-family);
    opacity: 0.8;
}

/* Form buttons */
.gform_wrapper form .gform_body input[type="submit"],
.gform_wrapper form .gform_body input[type="button"],
.gform_wrapper form .gform_body input[type="reset"],
.gform_wrapper form .gform_body button[type="submit"],
.gform_wrapper form .gform_body button[type="button"] {
    background-color: var(--e-global-color-afdfc72) !important;
    color: var(--e-global-color-ffd485e) !important;
    font-family: var(--e-global-typography-primary-font-family) !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 0 30px 0 0 !important;
    padding: 0.5rem 2rem 0.5rem 1.5rem !important;
    margin-right: 0.5rem !important;
    margin-left: 0!important;
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
.gform_wrapper form .gform_body input[type="submit"]:hover,
.gform_wrapper form .gform_body input[type="button"]:hover,
.gform_wrapper form .gform_body input[type="reset"]:hover,
.gform_wrapper form .gform_body button[type="submit"]:hover,
.gform_wrapper form .gform_body button[type="button"]:hover {
    background-color: var(--e-global-color-654996a) !important;
}


/**
* =======================================================
* END | Gravity Forms styles
* =======================================================
*/












/**
* =======================================================
* Start | Custom shortcode styles
* =======================================================
*/

/**
* -------------------------------------------------------
* Cursus Sidebar - Voorkeursmomenten lijst 
* -------------------------------------------------------
**/
.voorkeursmomenten-shortcode-list {
    display: flex;
}

.voorkeursmomenten-shortcode-list ul {
    font-family: "Mulish", Sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2rem;
    color: var(--e-global-color-text);
    list-style: none;
    padding-inline-start: 0
}
.voorkeursmomenten-shortcode-list ul li:not(:last-child)::after {
    content: " of ";
}
.voorkeursmomenten-shortcode-list svg {
    width: auto;
    height: 20px;
    /* margin-top: -0.8rem; */
    fill: var(--e-global-color-primary);
    transition: fill 0.3s;
    margin-right: 1.3rem;
    display: inline-block;
    object-fit: contain;
}


/**
* -------------------------------------------------------
* START | Cursus Sidebar - Individuele cursus tarieven 
* -------------------------------------------------------
**/
.kosten-individuele-cursus {
    font-family: "Lemur", Sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.2rem;
    
}
.kosten-individuele-cursus ul {
    list-style: none;
    padding-inline-start: 0;

}
.kosten-individuele-cursus > ul > li {
    margin-bottom: 1.5rem;
}
.kosten-individuele-cursus ul.sublist-indiv-cursus-tarief {
    list-style: disc;
    padding-inline-start: 2rem;
    font-weight: 400 !important;
}
.kosten-individuele-cursus h3.lesduur-tarief-titel {
    font-family: "Lemur", Sans-serif;
    font-size: 1.2rem;
    line-height: 1.2rem;
    color: var(--e-global-color-text);
    margin-bottom: 0.3rem;
}
.kosten-individuele-cursus ul.sublist-indiv-cursus-tarief > li {
    font-family: "Mulish", Sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    color: var(--e-global-color-text);
    padding: 2px 0;
    margin: 0;
}
.kosten-individuele-cursus ul.sublist-indiv-cursus-tarief > li > h4 {
    font-family: "Lemur", Sans-serif;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: 0;
    margin: 0;
}
.kosten-individuele-cursus ul.sublist-indiv-cursus-tarief > li > span {
    font-family: "Lemur", Sans-serif;
    font-size: 1.05rem;
    line-height: 1.1rem;
    color: var(--e-global-color-654996a);
}

.elementor-shortcode .kosten-individuele-cursus {
    padding: 1rem 0.8rem 0 1rem;
}


/**
* =======================================================
* END | Custom shortcode styles
* =======================================================
*/








/**
* =======================================================
* START | Cursus Sidebar - Docent bij cursus 
* =======================================================
**/
.cursus-docent-img-content-hide {
    display: none;
}
.wp-grid-builder .wpgb-card-14 .wpgb-card-media-thumbnail,
.wp-grid-builder .wpgb-card-14 .wpgb-card-media {
    height: 100%;
}
.wp-grid-builder .wpgb-card-14 .wpgb-card-inner {
    align-items: center;
}


/**
* =======================================================
* END | Cursus Sidebar - Docent bij cursus 
* =======================================================
**/





/**
* =======================================================
* START | Cursus taxonomieën
* =======================================================
**/
ul.elementor-icon-list-items .elementor-icon-list-text {
    column-gap: 0 !important;
}
ul.elementor-icon-list-items .elementor-icon-list-text > span {
    padding-left: 0.5rem !important;
}



/**
* =======================================================
* END | Cursus taxonomieën
* =======================================================
**/





/**
* =======================================================
* START | Agenda
* =======================================================
**/
.wp-grid-builder  .wpgb-card-11 .wpgb-block-2 {
    max-width: 456px;
}

.wp-grid-builder .wpgb-card-11 .wpgb-block-7 {
    top: 125px !important;
}
* =======================================================
* END | Agenda
* =======================================================
**/