/*
Theme Name: Llibre d'Estil CVMC
Theme URI: 
Template: Divi
Author: Desenvolupament CVMC
Author URI: 
Description: Adaptació del tema Divi per al Llibre d'Estil de la CVMC
Version: 1.1.0
Updated: 2023-06-22 10:18:57

*/

:root {
  /*Colors corporatius CACVSA*/
  --primary: #1D1D1B;
  --secondary: #4D4D4B;
  --light-grey: #8D8D8D;
  --important1: #CF4520;
  --important1-hover: #ee7e5e;
  --important2: #F7932C;
  --important2-hover: #f8ab5e;
  --important3: #008CD6;
  --important3-hover: #003099;
  --important4: #12D9D1;
  --important4-hover: #71eeea;
  --links-menu: #AAA;
  --links-menu-hover: #FFF;
  --background1: #f0b3a3;
  --background2: #ddd8d6;
  --barra-idiomes: #23251f;
  --fons-header: #000;
  --fons-llista: #eee;
  --fons-llista-hover: #ccc;
  --obert: #27cf7b;
  --tancat: #e41e1e;
  --cvmc: #c5b9a1;
}

footer {
    position: absolute;
    width: 100%;
    z-index: -10;
}

.et_pb_text_0_tb_body {
    display: none;
}

#index-subapartats, #index-epigrafs {
    list-style: none;
    list-style-type: none !important;
    padding-top: 10px;
}

#index-subapartats li, #index-epigrafs li {
    font-size: 1.1rem;
    line-height: 1.6rem;
}

@media only screen and (min-width: 1668px) {
    .et_pb_section_0_tb_body {
        padding: 10px 0 !important;
    }
    .et_pb_section_0_tb_header.et_pb_section {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

.et_pb_section_0_tb_header.et_pb_section {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* VIB-15nov2023-Menu seccions */
#menu-presentacio, #menu-part-a, #menu-part-b {
    display: inline;
}

#menu-presentacio li, #menu-part-a li, #menu-part-b li {
    max-width: 300px;
    border-top: 1px solid var(--important1);
}

#menu-presentacio li a, #menu-part-a li a, #menu-part-b li a {
    white-space: normal;
    font-size: 1.1rem !important;
    line-height: 1.3rem !important;
}

.nav li ul {
    border-top: 0px solid #222 !important;
}

/*VIB-17nov2023-estil formulari de cerca*/
.icono-buscar {
    margin-left: auto !important;
    margin-right: auto !important;
    border: 1px solid #ddd;
    width: 50%;
    text-align: left;
    overflow: hidden;
    border-radius: 24px 3px 24px 3px;
    border-width: 4px 3px 6px 2px;
    border-color: var(--background2) !important;
}

.icono-buscar .et_pb_searchform::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
}

.icono-buscar .et_pb_searchform div {
    display: flex;
}

.icono-buscar .et_pb_searchform div input.et_pb_s {
    padding-top: 16px !important;
    padding-right: 0,715em !important;
    padding-bottom: 16px !important;
    padding-left: 20px !important;
    height: auto;
    min-height: 0;
}

.icono-buscar .et_pb_searchform div input.et_pb_searchsubmit {
    padding: 0.715em;
    margin: 0;
    font-size: 14px;
    line-height: normal !important;
    min-height: 100% !important;
    cursor: pointer;
    color: transparent !important;
    background-color: transparent !important;
    border: none;
    width: 55px;
    z-index: 2;
}

/* estils submenú desplegable */

ul.sub-menu, ul.sub-menu li ul.sub-menu {
    margin-left: 30px;
    box-shadow: -2px 2px 4px #ddd;
}

.post-content {
    padding-left: 0px !important;
}

.saluda div {
    width: 100% !important;
}

.et_pb_menu_0 .et_pb_menu {
    background-color: transparent !important;
}

/* VIB-17nov2023 - Disseny responsive */

@media(max-width: 1526px) {
    .left-column {
        top: 160px;
        max-width: 350px;
    }
    .right-column div div {
        max-width: 400px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #titol-seccio .right-column {
        left: 50px;
        top: 200px;
        max-width: 600px;
    }
    .et_pb_column_3_tb_body, .et_pb_column_3 {
        width: 50% !important;
        margin-top: 230px;
    }
    .saluda {
        margin-top: 30px;
    }
}

@media(max-width: 980px) {
    .right-column div div {
        max-width: 250px;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    #titol-seccio .right-column {
        left: 50px;
        top: 200px;
        max-width: 300px;
    }
    #menu-capcalera li a {
        padding: 3px 10px 4px !important
    }
    .et_pb_column_3_tb_body {
        width: auto !important;
    }
    .et_pb_row_2_tb_header .et_pb_column_3_tb_header {
        width: 100% !important;
    }
    .et_pb_column_3_tb_body, .et_pb_column_3 {
        width: 70% !important;
        margin-top: 200px;
        float: right;
        padding-right: 80px !important;
    }
    nav #menu-capcalera li a {
        font-size: 0.8rem;
    }
    .dl-menu {
        width: 25%;
    }
    #row-post-content .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
        justify-content: center !important;
    }
}

@media(max-width: 850px) {
    #menu-principal-row #logo-column {
        width: 70% !important;
    }
}

@media(max-width: 700px) {
    #menu-presentacio li a, #menu-part-a li a, #menu-part-b li a {
        padding: 3px 3px !important
    }
    .post-content, .et_pb_post_con, .saluda {
        top: 120px;
        position: relative;
        padding-left: 0 !important;
    }
    .right-column {
        display: none;
    }
    footer {
        margin-top: 120px;
    }
    .dl-menu {
        width: 100%;
        position: relative;
        float: left;
        top: 150px;
    }
    .et_pb_column_3 {
        width: 100% !important;
        margin-top: 0;
        float: left;
    }
    #titol-seccio .left-column {
        margin-top: 70px;
    }
    .et-menu .menu-item-has-children>a:first-child:after {
        right: -15px;
        top: 4px;
    }
    #row-post-content .et_pb_column_3_tb_body {
        width: 100% !important;
    }
}

@media(max-width: 496px) {
    #menu-capcalera li a {
        padding: 0 !important
    }
    .left-column {
        top: 200px;
    }
    .et_pb_menu--style-left_aligned {
        top: 200px;
    }
    .post-content {
        top: 180px;
    }
    .et_pb_menu--style-left_aligned {
        top: 130px
    }
}