/* 
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); /* #98C35F */
    --naranja: var(--e-global-color-secondary); /* #DC8338 */
    --negro:  var(--e-global-color-text); /* #313133 */
    --violeta:  var(--e-global-color-accent); /* #A84194 */
    --azul:  var(--e-global-color-512799d);/* #5EACB4 */
    --verdeoscuro: var(--e-global-color-f1ffe04); /* #63803E */
    --blanco:  var(--e-global-color-26e2b30); /* #FFFFFF */
    --lavanda: var(--e-global-color-c581a00); /* #F2F2FF */
    --titulo:  var(--e-global-typography-primary-font-family); /* "Ubuntu" */
    --texto:  var(--e-global-typography-text-font-family); /* "Source Sans Pro" */
}
::marker {color: var(--verde)!important;}
.elementor-text-editor ul {padding-bottom: 15px!important;}
.barrai h2:after {content: ""; height: 3px; width: 85px;background-color: var(--verde);display: block;margin-top: 10px;}
.barrac h2:after {content: ""; height: 3px; width: 85px;background-color: var(--verde);display: block;margin: 10px auto 0;}
.burbuja {
    border-top-left-radius: 70% 60%!important;
    border-top-right-radius: 30% 40%;
    border-bottom-right-radius: 30% 60%!important;
    border-bottom-left-radius: 70% 40%!important;
    width:400px!important;
    height:400px!important;
}
.burbuja.verde {box-shadow: 75px -20px 0px rgba(152,195,95, 0.3)!important;}
.burbuja.violeta {box-shadow: 75px -20px 0px rgba(168,65,148, 0.3)!important;}
.burbuja.naranja {box-shadow: 75px -20px 0px rgba(220,131,56, 0.3)!important;}
.burbuja.azul {box-shadow: 75px -20px 0px rgba(94,172,180, 0.3)!important;}
.burbuja img {
    border-top-left-radius: 70% 60%!important;
    border-top-right-radius: 30% 40%!important;
    border-bottom-right-radius: 30% 60%!important;
    border-bottom-left-radius: 70% 40%!important;
}
.sombra {-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important;}
.sombraimg img {-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important;}
.uc_container .uc-heading,
.uc_content {border-radius: 24px!important;border: 1px solid #fcfcfc; -webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important; margin-bottom: 10px;}
.ue_accordion_icon {color: var(--verde)!important;}

/*=
Cabecera y footer
-------------------------------------- */
.home .topbar .telefono .elementor-icon-box-title,
.home .topbar .intranet a {color: var(--blanco)!important;}
.home .topbar {background-color: transparent!important;}
.topbar:not(.home){background-color: var(--blanco)}
.home .cabecera:not(.elementor-sticky--effects) .logo svg {width: 10vw!important; height: auto!important;}
.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) .logo {text-align: center!important;width: 100vw!important;}
.home .cabecera:not(.elementor-sticky--effects) .logo .cls-5 {fill: var(--blanco)!important;} /* Texto logo */
.home .cabecera.elementor-sticky--effects {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.045) 0px 3px 3px 0px;}
.home .cabecera.elementor-sticky--effects .logo,
.home .cabecera.elementor-sticky--effects .logo svg {width: 6vw!important; height: auto!important;}
.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;}
.cabecera:not(.home) .logo,
.cabecera:not(.home) .logo svg {width: 6vw!important; height: auto!important;margin-bottom: 0;}
.home .cabecera:not(.elementor-sticky--effects) .headermenu {width: 100vw!important;}
.home .cabecera:not(.elementor-sticky--effects) .headermenu ul {justify-content: center!important;margin: 0 auto;}
.home .cabecera:not(.elementor-sticky--effects) .headermenu .elementor-nav-menu--main .elementor-item.elementor-item-active {color: var(--blanco)!important;}
.home .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu--main .elementor-item {color: var(--blanco)!important;}
.home .cabecera.elementor-sticky--effects .headermenu,
.cabecera:not(.home) .headermenu {width: 70vw!important;}
.cabecera:not(.home) .headermenu ul {justify-content: start!important;margin: 0 10px;}
.topbar .intranet a:hover {color: var(--verdeoscuro)!important;}
.home .titlebar {display: none!important;}
.copyright, #copyrights {font-size: 14px!important;line-height: 16px!important;color: var(--blanco)!important;}
.movil {display: none!important;}
.elementor-42 .elementor-element.elementor-element-352fdd5 .elementor-heading-title {font-family: "Shadows Into Light", Sans-serif!important;}
/*=
Inicio
-------------------------------------- */
.homesliderbox {margin-top: -200px;}
.destacadosbox .elementor-widget-ucaddon_blob_shapes a {transition: all 1s!important;}
.destacadosbox .elementor-column:nth-of-type(1) .elementor-widget-ucaddon_blob_shapes a {background-color: var(--violeta)!important;}
.destacadosbox .elementor-column:nth-of-type(2) .elementor-widget-ucaddon_blob_shapes a {background-color: var(--naranja)!important;}
.destacadosbox .elementor-column:nth-of-type(3) .elementor-widget-ucaddon_blob_shapes a {background-color: var(--verde)!important;}
.destacadosbox .elementor-column:nth-of-type(4) .elementor-widget-ucaddon_blob_shapes a {background-color: var(--azul)!important;}
.destacadosbox .elementor-widget-ucaddon_blob_shapes a:hover {transform: scale(1.2)!important; background-blend-mode: multiply!important;}
.destacadosbox .elementor-column:nth-of-type(1) .elementor-widget-ucaddon_blob_shapes a:hover {background-color: var(--violeta)!important;}
.destacadosbox .elementor-column:nth-of-type(2) .elementor-widget-ucaddon_blob_shapes a:hover {background-color: var(--naranja)!important;}
.destacadosbox .elementor-column:nth-of-type(3) .elementor-widget-ucaddon_blob_shapes a:hover {background-color: var(--verde)!important;}
.destacadosbox .elementor-column:nth-of-type(4) .elementor-widget-ucaddon_blob_shapes a:hover {background-color: var(--azul)!important;}
.swiper-slide-image {-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 3px 0px!important;}
body .swiper-zoom-container,body .swiper-zoom-container img {width: 100%!important;-webkit-box-shadow:none!important; -moz-box-shadow:none!important;box-shadow: none!important;}
.elementor-slideshow__footer {display: none!important;}
.swiper-pagination {z-index: 0!important;}
.ue_post_carousel_item {border-bottom-left-radius: 24px!important; border-bottom-right-radius: 24px!important;-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important;}
.uc_carousel .owl-item.active {padding-bottom: 20px!important;}
.uc_more_btn {font-weight: 600!important;}
.iconcalendario .elementor-icon {-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important;}
.portfolio .uc_image_carousel_container_holder.ue_post_carousel_item {display:flex!important;}
.portfolio .uc_image_carousel_placeholder,
.portfolio .uc_image_carousel_content {width:50%!important;}
.portfolio .uc_image_carousel_placeholder div {height:100%!important;}

/*=
Colegio
-------------------------------------- */
.columnas ol { -moz-column-count: 2!important; -moz-column-gap: 20px!important; -webkit-column-count: 2!important; -webkit-column-gap: 20px!important;
 column-count: 2!important; column-gap: 20px;!important}
.columnas ol { list-style-type: none!important; margin-left: 0!important;}
.columnas ol:first-child {counter-reset: customlistcounter!important;}
.columnas ol li {counter-increment: customlistcounter!important; line-height: 2.4em!important;margin-bottom: 5px;}
.columnas ol li:before { content: "0"counter(customlistcounter) " "!important; font-weight: bold!important; float: left!important; width: 1.4em!important; text-decoration: underline!important; font-size: 2em!important;}
.columnas.verde ol li:before {color: var(--verde)!important;}
.columnas.violeta ol li:before {color: var(--violeta)!important;}
.columnas.naranja ol li:before {color: var(--naranja)!important;}
/*Timeline*/
.ue_item_hr_line {height: 0px!important;}
.ue_item_vr_line {left: 40px;z-index: -1;}
.ue_item_icon {color: var(--verde)!important;background-color: var(--blanco)!important;-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important;}
/*Timeline end*/
.docstitle .elementor-icon,
.madrugabox .elementor-widget-container /* Servicios  */ {-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important;}

/*=
Etapas educativas
-------------------------------------- */
.page-id-595 .titlebar h2 {color: var(--violeta)!important;}
.page-id-671 .titlebar h2 {color: var(--naranja)!important;}
.page-id-719 .titlebar h2 {color: var(--verde)!important;}
.columnasuno ol { -moz-column-count: 1!important; -moz-column-gap: 0px!important; -webkit-column-count: 1!important; -webkit-column-gap: 0px!important;
 column-count: 1!important; column-gap: 0px;!important}
.columnasuno ol { list-style-type: none!important; margin-left: 0!important;}
.columnasuno ol:first-child {counter-reset: customlistcounter!important;}
.columnasuno ol li {counter-increment: customlistcounter!important; line-height: 2.4em!important;margin-bottom: 5px;}
.columnasuno ol li:before { content: "0"counter(customlistcounter) " "!important; font-weight: bold!important; float: left!important; width: 1.4em!important; text-decoration: underline!important; font-size: 2em!important;}
.columnasuno.verde ol li:before {color: var(--verde)!important;}
.columnasuno.violeta ol li:before {color: var(--violeta)!important;}
.columnasuno.naranja ol li:before {color: var(--naranja)!important;}

/*=
Proyectos
-------------------------------------- */
.elementor-portfolio-item:nth-of-type(4n+1) .elementor-portfolio-item__overlay {background-color: var(--verde)!important;}
.elementor-portfolio-item:nth-of-type(4n+2) .elementor-portfolio-item__overlay {background-color: var(--naranja)!important;}
.elementor-portfolio-item:nth-of-type(4n+3) .elementor-portfolio-item__overlay {background-color: var(--azul)!important;}
.elementor-portfolio-item:nth-of-type(4n+4) .elementor-portfolio-item__overlay {background-color: var(--violeta)!important;}
.elementor-portfolio__filters .elementor-portfolio__filter:nth-child(1) {order: 1!important;}
.elementor-portfolio__filters .elementor-portfolio__filter:nth-child(2) {order: 4!important;}
.elementor-portfolio__filters .elementor-portfolio__filter:nth-child(3) {order: 2!important;}
.elementor-portfolio__filters .elementor-portfolio__filter:nth-child(4) {order: 3!important;}

/*=
Noticias
-------------------------------------- */
.posts .elementor-post__card {border-bottom-left-radius: 24px!important;border-bottom-right-radius: 24px!important;}
.blogcats h5 {font-size: 20px!important;color: var(--verdeoscuro)!important;}
.blogcats ul {padding-left: 5px!important;}
.blogcats li {list-style-type: none!important;padding: 6px 0!important; border-bottom: 1px solid var(--verde)!important;color: var(--naranja);}
.blogcats li a {color: var(--negro)!important;}
.blogcats li a:hover {color: var(--verdeoscuro)!important;}

/*=
Store locator
-------------------------------------- */
.store-locator-top-half.has-searched {height: 800px!important;}
.ssf-main-content * {text-align: center!important}
.ssf-main-content .ssf-row {background-color: var(--lavanda)!important;}
.ssf-column .title {text-align: center!important;color: var(--negro)!important;}
.ssf-column .title:after {content: ""; height: 3px; width: 85px;background-color: var(--verde);display: block;margin: 10px auto 0;}
.store-locator__infobox {padding: 0px!important;border-bottom-left-radius: 24px!important;border-bottom-right-radius: 24px!important;-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important;}
#storeLocator__storeList .ssf-column {padding: 10px!important;}
.infobox__title {font-family: var(--titulo)!important;font-weight: 600!important; color: var(--verde)!important;}
.infobox__cta {border-top: none!important;}
.store-locator__infobox {padding-bottom: 5px!important;}
.infobox__row.infobox__cta.ssflinks {margin: 0px 30% 10px 30%!important;background-color: var(--verde); padding: 3px; border-radius: 24px; color: var(--blanco);font-weight: 600;-webkit-box-shadow: 0px 1px 1px #cccccc!important; -moz-box-shadow: 0px 1px 1px #cccccc!important; box-shadow: rgba(0, 0, 0, 0.05) 0px 3px 3px 0px!important;}
.infobox__row.infobox__cta.ssflinks:hover {background-color: var(--verdeoscuro);}
#applyFilterOptions.expand {text-transform: capitalize!important;font-weight: 600!important;}
.filter-popup:first-of-type {border-radius: 24px!important;}
.filter__toggler-contents.togglerify-slider.is-toggled {display: flex!important; flex-direction: column!important;}
.ssf-main-content .ssf-row .ssf-row {background-color: white!important;}
.small-6.large-offset-6.ssf-column {margin-left: 0!important;}
#applyFilterOptions {padding: 4px!important; border-radius: 24px!important;font-size: 16px!important;background-color: var(--verde)!important;}
#applyFilterOptions:hover {background-color: var(--verdeoscuro)!important;}
.filter__options-clearer.ssflinks {padding-top: 16px!important;color: var(--verde)!important;}
.filter__items-counter a {color: var(--verde)!important;}
.filter__options-clearer.ssflinks:hover, .filter__items-counter a:hover {color: var(--verdeoscuro)!important;}
.gm-style-mtc button {border-radius: 24px!important;margin: 0 2px!important;}
.arrow-toggler:hover,
.store-locator__geolocator {color: var(--verde)!important;}
.store-locator__actions-bar {padding: 0px!important;background-color: white!important;opacity: 0.8;}
.store-locator__actions-bar:hover {opacity: 1;}
.icon.icon--search.icon--dark.sprite-icons-2x.field-holder__icon {border-radius: 0px!important;}
.filter-popup.filter-popup {text-align: left!important;}
.filter__toggler-contents li {width: 100%!important;}
label.ssflabel {display: flex!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: 2!important;}
.label--vertical-align.ssflabel:nth-of-type(3){order: 7!important;}
.label--vertical-align.ssflabel:nth-of-type(4){order: 6!important;}
.label--vertical-align.ssflabel:nth-of-type(5){order: 2!important;}
.label--vertical-align.ssflabel:nth-of-type(6){order: 3!important;}
.label--vertical-align.ssflabel:nth-of-type(7){order: 4!important;}

/*=
Formularios
-------------------------------------- */
.elementor-field-type-acceptance, .elementor-field-type-acceptance label {font-size: 12px!important;line-height: 16px!important;}
.page-id-1028 .prefooter {display: none!important;}
.texto, .texto a {font-size: 14px!important; line-height: 18px!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;fontsize: 16px!important;}
.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 {font-size: 16px!important;line-height: 24px!important;}

/*=
Responsive móvil
------------------------------- */
@media only screen and (max-width: 767px) {
    .cabecera svg {margin-left: 10%!important;}
    .home .cabecera.elementor-sticky--effects {margin-top: 25px!important;}
    .home .cabecera:not(.elementor-sticky--effects) .logo,
    .home .cabecera.elementor-sticky--effects .logo,
    .cabecera:not(.elementor-sticky--effects) .logo,
    .cabecera.elementor-sticky--effects .logo,
    .cabecera:not(.home) .logo {text-align: left!important;width: 45vw!important;margin-bottom: 0;}
    .home .cabecera:not(.elementor-sticky--effects) .logo svg,
    .home .cabecera.elementor-sticky--effects .logo svg,
    .cabecera:not(.elementor-sticky--effects) .logo svg,
    .cabecera.elementor-sticky--effects .logo svg,
    .cabecera:not(.home) .logo svg {width: 15vw!important; text-align: left!important;height: auto!important;}
    .home .cabecera:not(.elementor-sticky--effects) .headermenu,
    .headermenu {width: 47vw!important;}
    .home .cabecera.elementor-sticky--effects .headermenu, .cabecera:not(.home) .headermenu {width: 47vw!important;}
    .elementor-icon-box-wrapper {display: block!important;align-items: center!important;}
    .elementor-icon-box-icon {margin-bottom: 0px!important;}
    .elementor-icon-box-content {padding: 0 10px!important;}
    .portfolio .uc_image_carousel_container_holder.ue_post_carousel_item {display:block!important;}
    .portfolio .uc_image_carousel_placeholder,
    .portfolio .uc_image_carousel_content {width:100%!important;}
    .portfolio .uc_image_carousel_placeholder div {height:100%!important;}
    .columnas ol { -moz-column-count: 1!important; -moz-column-gap: 0px!important; -webkit-column-count: 1!important; -webkit-column-gap: 0px!important; column-count: 1!important; column-gap: 0px;!important}
    .burbuja, 
    .burbuja img {width:350px!important;height:350px!important;}
    .blocompetencias {background-image: none!important;}
    .movil {display: block!important;}
    .movil a {color: var(--naranja)!important;}
    .movil a:hover {color: var(--azul)!important;}
    .footer .elementor-icon-box-icon {display: none!important;}
}

@media only screen and (min-width: 1024px) and (max-height: 680px) {
    .swiper-slide-contents {margin-top: 15%!important;}
}