/* 
Theme Name: Creaescola E Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Creaescola E Child es un tema fill de Hello Elementor creat per CreaEscola Marqueting i Comunicacio.
Author: Creaescola
Author URI: https://creaescola.com/
Template: hello-elementor
Version: 2.0.0
*/
/*
General
-------------------------------------- */
body {
	--blau: var(--e-global-color-primary); /* #0C3C99 */
    --groc: var(--e-global-color-secondary); /* #F3CD07 */
    --text: var(--e-global-color-text); /* #0C3C99 */
    --blaucel: var(--e-global-color-accent); /* #E3EDFE */
    --blanc: var(--e-global-color-174f5bf); /* #FFFFFF */
    --blau3: var(--e-global-color-d7fcc93); /* #1F559A */
    overflow-x: hidden!important;
}
body .elementor-slideshow__title {display:none!important;}
.elementor-widget-text-editor ul,
.elementor-tab-content ul {padding-bottom:1em!important;}

/* Dash vertical en columnes de 4 en blau*/
.vora .elementor-col-25 {background-image: linear-gradient(var(--blau) 50%, rgba(255,255,255,0) 0%);background-position: right!important;background-size: 1px 10px!important;background-repeat: repeat-y!important;}
.vora .elementor-col-25:last-of-type {background-image: none!important;}
.vora .elementor-col-25:hover {background-color:var(--blau)!important;transition: background-color 1s ease!important;}

/* Dash en totes les vores en columnes en blau */
.voraglobal .elementor-col-25 {background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%230C3C99' stroke-width='1' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")!important;padding:5px 25px;}

/* Dash en totes les vores en caixa icona */
/* Blau  */
.titolvora .elementor-icon-box-title span {background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%230C3C99' stroke-width='2' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")!important;padding:5px 25px;}
/* Blanc */
.titolvora.blanc .elementor-icon-box-title span {background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23ffffff' stroke-width='2' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")!important;padding:5px 25px;}

/* Pestanyes */
.elementor-tab-title {text-align: center!important;background-color: var(--blanc)!important;}
.elementor-tab-title.elementor-active {text-decoration: underline!important;}
.elementor-tabs-wrapper {padding:4%!important;background-color: var(--blanc)!important;}
.elementor-tabs-content-wrapper {background-color:var(--groc)!important;}
.elementor-tab-content img {width:100%!important;height:30vh!important;object-fit: cover!important;}
.elementor-tab-content:has(img) {padding:0!important;}
.elementor-tab-content:has(img) p:not(:first-of-type) {padding:20px 20px 1em 20px!important;}

/* Toggle */
.elementor-toggle-item .elementor-tab-title {text-align:left!important;background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%230C3C99' stroke-width='2' stroke-dasharray='4' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")!important;padding:5px 25px;}
/*
Capçalera i Footer
-------------------------------------- */
.gtranslate_wrapper,
.glink {color:var(--blau)!important;font-size:1rem!important;line-height:1rem!important;}
.textlogo small {font-weight:400!important;font-size:1rem!important;}
.textlogo:hover {opacity: 0.6!important;}
.cabecera .menuclickedu,
.cabecera .menuclickedu a {font-weight:400!important;}
.cabecera .botoreserva .elementor-button-icon {display:none;}
.cabecera .elementor-nav-menu .sub-arrow {font-size: 1rem!important;}
.home .titlebar {display:none;}

/*
Inici
-------------------------------------- */
.elementor-slide-heading span {color:var(--groc)!important;}

/*
Escola
-------------------------------------- */
.blocsescola .elementor-widget-container {min-height:500px!important;}
.galeriaescola figure {margin-bottom: -6px!important;}

/*
Etapes
-------------------------------------- */
.materiesbtx .elementor-tabs-wrapper,
.materiesbtx .elementor-tab-title{text-align: center!important;background-color: var(--blau)!important;}
.materiesbtx .elementor-tabs-content-wrapper {background-color:var(--blanc)!important;}
/*
Formularis
-------------------------------------- */
.elementor-select-wrapper .select-caret-down-wrapper svg {display:none!important;}
body .elementor-field-group .elementor-select-wrapper:before {content: "\f078" !important;font-family: "Font Awesome 5 Free" !important;font-weight: 900 !important;}
.elementor-field-type-acceptance a {color:var(--blau)!important;font-weight: 500;}
.elementor-field-type-acceptance a:hover {color:var(--groc)!important;}
.elementor-mark-required .elementor-field-label:after {color:var(--blau)!important;}
.elementor-field-type-acceptance label,
.elementor-field-type-acceptance .elementor-field-subgroup {font-size:13px!important;line-height:1.4rem!important;font-weight:400!important;}

/*
Responsive móvil
-------------------------------------- */
@media only screen and (max-width: 767px) {
	.cabecera .botoreserva .elementor-button-icon {display:block!important;font-size: 1.2rem !important;}
	.cabecera .botoreserva .elementor-button-text {display:none!important;}
    .cabecera .elementor-nav-menu .sub-arrow,
    .cabecera .elementor-nav-menu .sub-arrow svg {color:var(--blanc)!important;fill:var(--blanc)!important;}
    .vora .elementor-col-25 {background-image: linear-gradient(to right, var(--blau) 50%, rgba(255,255,255,0) 0%)!important;background-position: bottom!important;background-size: 10px 1px!important;background-repeat: repeat-x!important;}
}