/* 
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: 1.0.1
*/
/*=
General
-------------------------------------- */
body {
  --verde: var(--e-global-color-primary); /* #31A936 */
  --naranja: var(--e-global-color-secondary); /* #ED7102 */
  --negro: var(--e-global-color-text); /* #000000 */
  --gris: var(--e-global-color-accent); /* #CACACA */
  --grisclaro: var(--e-global-color-098b8a7); /* #F7F7F7 */
  --blanco: var(--e-global-color-dbf2601); /* #FFFFFF */
}
.verticaltitle h2 {writing-mode: vertical-rl!important;text-decoration: underline!important;}
::marker {color: var(--verde)!important;}
.elementor-toggle .elementor-tab-title {border: 2px solid var(--verde);margin-bottom: 5px!important;border-radius: 24px!important;border-bottom: 2px solid var(--verde)!important;}
.elementor-toggle .elementor-tab-title .elementor-toggle-icon {margin-top: 5px!important;}

/*=
Header y Footer
-------------------------------------- */
.home .cabecera:not(.elementor-sticky--effects) {background-color: transparent;-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.home .cabecera:not(.elementor-sticky--effects) .headerlook {display: none!important;}
.home .cabecera.elementor-sticky--effects .headerlook {display:block;}
.home .cabecera.elementor-sticky--effects, 
.cabecera:not(.home) {background-color:var(--blanco);-webkit-box-shadow: 0px 1px 1px  #cccccc; -moz-box-shadow: 0px 1px 1px  #cccccc; box-shadow: rgba(0, 0, 0, 0.0470588) 0px 3px 3px 0px;}
.home .cabecera:not(.elementor-sticky--effects) .st0,
.home .cabecera:not(.elementor-sticky--effects) .st1,
.home .cabecera:not(.elementor-sticky--effects) .st2,
.home .cabecera:not(.elementor-sticky--effects) .elementor-icon svg {fill: var(--blanco);}
.home .cabecera:not(.elementor-sticky--effects) .pp-menu-toggle .pp-icon svg {fill: var(--blanco)!important;}
.cabecera .elementor-widget-icon .elementor-icon:hover svg {fill: var(--naranja);}
.footer svg {width: 200px!important;}
.footer .st0, .footer .st1, .footer .st2 {fill: var(--blanco)!important;}
.copyright {color: var(--blanco)!important;font-size: 14px!important;line-height: 16px!important;font-family: Poppins!important;}
.sm-level-body li a {font-family: Poppins!important;font-weight: 600!important;}
.cabecera .logo svg {width: 235px!important;}
html:not([lang="ca"]) .pp-advanced-menu:before {content: url(/wp-content/svg/dominicasfede.svg);display: block;padding: 0 25px 25px 15px;}
html[lang="ca"] .pp-advanced-menu:before {content: url(/wp-content/svg/dominiquesfede.svg);display: block;padding: 0 25px 25px 15px;}
.home .cabecera:not(.elementor-sticky--effects) .logoheader img {filter: invert(100%) saturate(100%) hue-rotate(5deg) brightness(1000%) contrast(100%) grayscale(100%);}

/*=
Inicio
-------------------------------------- */
.homeslider {margin-top: -90px!important;}
.elementor-slide-heading {text-decoration: underline;text-decoration-color: var(--verde);}
.emocionatelogo svg {height:99px!important;}

/*=
Fundacion
-------------------------------------- */
.patronato ul {padding-left: 5px!important;}
.patronato li {list-style-type: none!important;}
.fundact .elementor-shape-top .elementor-shape-fill {fill: var(--blanco)!important;}

/*= Nuestros colegios | BUSCADOR
------------------------------------------- */
.large-3 {width: 28%!important;}
.large-9 {width: 72%!important;}
body .ssf-main-content {z-index: 1!important;}
.store-locator__infobox {border:1px solid #f1f1f1!important;}
.store-locator__infobox:hover {-webkit-box-shadow: 0px 1px 1px  #cccccc!important; -moz-box-shadow: 0px 1px 1px  #cccccc!important; box-shadow: rgba(0, 0, 0, 0.0470588) 0px 3px 3px 0px!important;}
.infobox__cta {border-top: 2px solid var(--naranja)!important;}
#applyFilterOptions {font-size:16px!important;font-family:Poppins!important;background: var(--verde)!important;}
#applyFilterOptions:hover {background: var(--naranja)!important;}
.filter__options-clearer,
#filterShowAll {color: var(--verde)!important;}
.filter__options-clearer:hover,
#filterShowAll:hover {color: var(--naranja)!important;}
.infobox__title {font-family:Poppins!important;font-size: 22px!important;font-weight: 700!important;}
.ssf-main-content {text-align: center!important;}
.title.space-bottom-3x {font-family:Poppins!important;color:var(--verde)!important;font-weight:700!important;font-size:32px!important;line-height:40px!important;}
.title.space-bottom-3x::after {content:""!important;height:2px!important;background-color:var(--verde)!important;margin:0 auto!important;width: 45px!important;display: block!important;}
.store-locator__actions-bar {opacity:0.8!important;}
.field-holder.expand::placeholder {color:var(--negro)!important;opacity:1!important;}
.popup-title {font-size: 32px!important;font-family: Poppins!important;font-weight: 700!important;color:var(--naranja)!important;}
.store-locator__infobox .info-img {height:250px!important;}
.store-locator__infobox {z-index:999!important;}
.filter-popup.filter-popup {text-align: left!important;}
.filter__toggler-contents.togglerify-slider.is-toggled {display: flex!important; flex-direction: column!important;}
.label--vertical-align.ssflabel:nth-of-type(1){order: 1!important;}
.label--vertical-align.ssflabel:nth-of-type(2){order: 6!important;}
.label--vertical-align.ssflabel:nth-of-type(3){order: 5!important;}
.label--vertical-align.ssflabel:nth-of-type(4){order: 2!important;}
.label--vertical-align.ssflabel:nth-of-type(5){order: 3!important;}
.label--vertical-align.ssflabel:nth-of-type(6){order: 4!important;}
.ssf-column.hide-for-small-down h2 {display: none!important;}
.ssf-panel {background-color: rgba(255,255,255,0.7)!important;}
.ssf-panel .filter__row.hide-for-medium-down {background-color: var(--blanco)!important;}
.arrow-toggler:hover:after {color: var(--naranja)!important;}

/*=
Actualidad
-------------------------------------- */
.categorias li a {color: var(--negro)!important;}
.callact svg {width: 180px!important;}
.callact .elementor-cta__description svg path {fill: var(--blanco)!important;}

/*=
Formularios y contacto
-------------------------------------- */
.formulario input::placeholder, textarea::placeholder {color: var(--negro)!important;opacity: 1!important;}
.formulario .elementor-field-type-acceptance label, .formulario .elementor-field-type-acceptance {font-size: 14px!important;line-height: 1.4!important;font-weight: 300!important;}
.snazzymap iframe {border-top-left-radius: 500px!important;border-bottom-left-radius: 500px!important;}
.page-id-546 .prefooter {display: none!important;}
#modal {position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center;z-index: 3;}
.modal__window {position: relative; background-color: white; padding: 4em 2em;}
.modal__close { position: absolute; top: -30px; right: 0;}
#modal:not(:target) {visibility: hidden; opacity: 0; }
#modal h3 {color:var(--verde);font-weight:600;}
#modal p {color:var(--verde);}

/*=
Transparencia
-------------------------------------- */
.eeSFL table.eeFiles, table td, table th {border: none!important;}
.eeSFL .eeFiles td {border-bottom: none!important; padding: 15px!important;}
.eeSFL_FileLink a {color: var(--negro)!important;}
.eeSFL_FileLink a:hover {color: var(--naranja)!important;}

/*=
Responsive móvil
-------------------------------------- */
@media only screen and (max-width: 767px) {
  .verticaltitle.nomovil h2 {writing-mode: horizontal-tb!important;}
}