/* 
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 Màrqueting i Comunicació.
Author: Creaescola
Author URI: https://creaescola.com/
Template: hello-elementor
Version: 1.2.1
*/
/*
General
-------------------------------------- */
body {
	--blau: var(--e-global-color-primary); /* #153559 */
    --vermell: var(--e-global-color-secondary); /* #E73463 */
    --negre: var(--e-global-color-text); /* #081421 */
    --rosa: var(--e-global-color-accent); /* #F4A4B9 */
    --salmo: var(--e-global-color-ebf8bf0); /* #FDEDF1 */
    --blaucel: var(--e-global-color-cde7630); /* #EEF4FB */
    --blanc: var(--e-global-color-2545549); /* #FFFFFF */
    --text:var(--e-global-typography-primary-font-family); /*  "Lexend Deca" */
    --capablava8: rgba(21,53,89,0.8);
    --capablava4: rgba(21,53,89,0.4);
    --capablanca: rgba(255,255,255,0.2);
    --capavermell8: rgba(231,52,99,0.8);
    --font12: 12px;
}
::marker {color:var(--vermell)!important;}
.cky-notice-des p a {font-size: 14px!important;color:var(--blau)!important;}
.cky-notice-des p a:hover {color:var(--vermell)!important;}
.cky-footer-wrapper div:nth-of-type(2) {display:none!important;}
.cky-audit-table-element h3 {font-size:1.5rem!important;}

/*
Capçalera
-------------------------------------- */
.topbar .wpml-ls-legacy-list-horizontal,
.topbar .wpml-ls-legacy-list-horizontal a {padding:0px 5px!important;font-size:var(--font12)!important;}
.topbar .elementor-icon-list-items a:hover i {color:var(--vermell)!important;}
.topbar:after {content:"";width:98%;height:1px;display:block;background-color: var(--capablanca);margin:0 auto;}

.cabecera:not(.elementor-sticky--effects) {background-color: var(--blau);}
.cabecera:not(.elementor-sticky--effects) .logo img {filter: invert(100%) saturate(100%) hue-rotate(5deg) brightness(1000%) contrast(100%) grayscale(100%)!important;}
.cabecera.elementor-sticky--effects .logo img {filter: none;}

.cabecera.elementor-sticky--effects {background-color: var(--blanc);}
.cabecera.elementor-sticky--effects .elementor-nav-menu li a {color:var(--blau)!important;}
.cabecera.elementor-sticky--effects .elementor-nav-menu li:hover a,
.cabecera.elementor-sticky--effects .elementor-nav-menu li.current-menu-item a {color:var(--blanc)!important;background-color: var(--blau)!important;border-radius:16px!important;padding:5px 15px!important;}

/* Header Empreses i posts */
.single-empresa .topbar,
.single-post .topbar {background-color: var(--blanc)!important;}
.single-empresa .elementor-widget-social-icons .elementor-widget-container,
.single-post .elementor-widget-social-icons .elementor-widget-container {border-color:var(--capablava4)!important;}
.single-empresa .topbar .elementor-social-icon i,
.single-empresa .topbar .elementor-icon-list-items a i,
.single-post .topbar .elementor-social-icon i,
.single-post .topbar .elementor-icon-list-items a i {color:var(--blau)!important;}
.single-empresa .topbar .elementor-social-icon i:hover,
.single-empresa .topbar .elementor-icon-list-items a:hover i,
.single-post .topbar .elementor-social-icon i:hover,
.single-post .topbar .elementor-icon-list-items a:hover i {color:var(--vermell)!important;}
.single-empresa .topbar .wpml-ls-link,
.single-post .topbar .wpml-ls-link {color:var(--blau)!important;}
.single-empresa .topbar .wpml-ls-link:hover,
.single-post .topbar .wpml-ls-link:hover {color:var(--vermell)!important;}
.single-empresa .cabecera,
.single-post .cabecera {background-color: var(--blanc)!important;}
.single-empresa .cabecera .logo img,
.single-post .cabecera .logo img {filter: none!important;}
.single-empresa .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu li a,
.single-post .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu li a {color:var(--blau)!important;}
.single-empresa .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu li:hover a,
.single-empresa .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu li.current-menu-item a,
.single-post .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu li:hover a,
.single-post .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu li.current-menu-item a {color:var(--blanc)!important;background-color: var(--blau)!important;border-radius:16px!important;padding:5px 15px!important;}
/* Fi Header empreses i posts */
/* Header Membres */
.membres .topbar,
.membres .cabecera:not(.elementor-sticky--effects) {background-color: var(--vermell)!important;}
.membres .topbar .elementor-widget-button {display:none!important;}
.membres .topbar .elementor-social-icon i:hover,
.membres .topbar .elementor-icon-list-items a:hover i,
.membres .topbar .wpml-ls-link:hover {color:var(--blau)!important;}
.miembros .topbar,
.miembros .cabecera:not(.elementor-sticky--effects) {background-color: var(--vermell)!important;}
.miembros .cabecera:not(.elementor-sticky--effects) path,
.miembros .cabecera:not(.elementor-sticky--effects) polygon {fill:var(--blanc);}
.miembros .topbar .elementor-widget-button {display:none!important;}
.miembros .topbar .elementor-social-icon i:hover,
.miembros .topbar .elementor-icon-list-items a:hover i,
.miembros .topbar .wpml-ls-link:hover {color:var(--blau)!important;}    
/* Fi de Header Membres */
/*
Footer
-------------------------------------- */
.logofooter svg {display:block!important;width:250px!important;}
.copyright, #copyrights {font-size: 14px!important;color:var(--blau)!important;}

/*
Inici
-------------------------------------- */
.bannerhome .elementor-widget-wrap {z-index:2!important;}
.bannerhome:after {content:""!important;width:100%!important;height:350px!important;display: block;position: absolute;bottom: 0;background: linear-gradient(180deg, transparent 35%, var(--capablava8)65%);z-index: 0!important;}
.js-marquee span span {font-size:20px!important;color:var(--blanc)!important;background-color: var(--vermell)!important;padding:10px 25px!important;margin:0 5px!important;border-radius:16px!important;line-height:1.4em!important;display:inline-block!important;overflow: hidden!important;}
.home {overflow-x: hidden!important;}
.instituhome .elementor-main-swiper {margin-right:-5%!important;}
.instituhome .elementor-swiper-button-prev {top:100%!important;left: 90vw!important;}
.instituhome .elementor-swiper-button-next {top:100%!important; right:5vW!important;}
.instituhome .elementor-testimonial__text {background-color: var(--blaucel)!important;border-radius: 16px!important;width: fit-content;padding: 4px 12px!important}
.escoleshome .swiper-slide-image {filter:grayscale(100%)!important;}
.newshome .elementor-portfolio-item__overlay{opacity: 1!important;justify-content: end!important;background: linear-gradient(180deg, transparent 15%, var(--capablava4)85%)!important;} 
.newshome .elementor-post__thumbnail__link .elementor-post__thumbnail.elementor-fit-height img {scale: 1!important;transition: scale .5s!important;}
.newshome .elementor-post__thumbnail__link:hover .elementor-post__thumbnail.elementor-fit-height img {scale: 1.2!important;transition: scale .5s!important;}

.carouselempreses .e-loop-item:nth-of-type(3n+1) a {background-color: var(--blanc);border-radius:16px!important;display: block!important;height: 100%!important;}
.carouselempreses .e-loop-item:nth-of-type(3n+2) a {background-color: var(--salmo);border-radius:16px!important;display: block!important;height: 100%!important;}
.carouselempreses .e-loop-item:nth-of-type(3n+3) a {background-color: var(--blau);border-radius:16px!important;display: block!important;height: 100%!important;}
.carouselempreses .e-loop-item:nth-of-type(3n+3) img {filter: invert(100%) saturate(100%) hue-rotate(5deg) brightness(1000%) contrast(100%) grayscale(100%);}
.carouselempreses .e-loop-item:nth-of-type(3n+1):hover a {background-color: var(--vermell);border-radius:16px!important;}
.carouselempreses .e-loop-item:hover img {filter: invert(100%) saturate(100%) hue-rotate(5deg) brightness(1000%) contrast(100%) grayscale(100%);}
.carouselempreses .e-loop-item:nth-of-type(3n+2):hover a {background-color: var(--vermell);border-radius:16px!important;}
.carouselempreses .e-loop-item:nth-of-type(3n+3):hover a {background-color: var(--vermell);border-radius:16px!important;}


/*
Qui som
-------------------------------------- */
.menuinterior .elementor-item {border:2px solid var(--blanc)!important;border-radius:16px!important;margin-right:10px!important;margin-bottom:5px!important;}
.menuinterior .elementor-item:hover {color:var(--vermell)!important;background-color: var(--blanc)!important;}
.menuinterior .elementor-item.elementor-item-active {color:var(--vermell)!important;background-color: var(--blanc)!important;border-radius:16px!important;}

/*
Serveis
-------------------------------------- */

.arxiuempreses .elementor-loop-container .e-loop-item:nth-of-type(3n+1) .elementor-widget-theme-post-featured-image {background-color: var(--blanc);border-radius:16px!important;}
.arxiuempreses .elementor-loop-container .e-loop-item:nth-of-type(3n+2) .elementor-widget-theme-post-featured-image {background-color: var(--salmo);border-radius:16px!important;}
.arxiuempreses .elementor-loop-container .e-loop-item:nth-of-type(3n+3) .elementor-widget-theme-post-featured-image {background-color: var(--blau);border-radius:16px!important;}
.arxiuempreses .elementor-loop-container .e-loop-item:nth-of-type(3n+3) .elementor-widget-theme-post-featured-image img {filter: invert(100%) saturate(100%) hue-rotate(5deg) brightness(1000%) contrast(100%) grayscale(100%);}
.arxiuempreses .elementor-loop-container .e-loop-item:hover .elementor-widget-theme-post-featured-image img {
    filter: invert(100%) saturate(100%) hue-rotate(5deg) brightness(1000%) contrast(100%) grayscale(100%);}
.arxiuempreses .elementor-loop-container .e-loop-item:nth-of-type(3n+1):hover .elementor-widget-theme-post-featured-image {background-color: var(--vermell)!important;}
.arxiuempreses .elementor-loop-container .e-loop-item:nth-of-type(3n+2):hover .elementor-widget-theme-post-featured-image {background-color: var(--vermell)!important;}
.arxiuempreses .elementor-loop-container .e-loop-item:nth-of-type(3n+3):hover .elementor-widget-theme-post-featured-image {background-color: var(--vermell)!important;}
.arxiuempreses h3,
.arxiuempreses h3 a {font-weight:bold!important;}
.tagserveis {text-align: center!important;}
.tagserveis span {font-size:18px!important;color:var(--blanc)!important;background-color: var(--vermell)!important;padding:10px 25px!important;margin:0 5px!important;border-radius:16px!important;line-height:1.4em!important;display:inline-block!important;overflow: hidden!important;}
/*
Formularis
-------------------------------------- */
#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: var(--blanc); padding: 4em 2em;}
.modal__close { position: absolute; top: -30px; right: 0;}
#modal:not(:target) {visibility: hidden; opacity: 0; }
#modal h3 {color:var(--blau);font-weight:600;}
#modal p {color:var(--blau);}
form a strong:hover {color:var(--blanc)!important;}
.formaese a strong {color:var(--blanc)!important;}
.formaese a strong:hover {color:var(--blau)!important;}
.elementor-message {font-size: 18px!important;}

/*
Arxiu posts
-------------------------------------- */
.bannerhome .elementor-widget-wp-widget-categories h5 {display:none!important;}
.bannerhome .elementor-widget-wp-widget-categories ul {display:flex!important;padding-left:0px!important;}
.bannerhome .elementor-widget-wp-widget-categories li {list-style-type: none!important;}
.bannerhome .elementor-widget-wp-widget-categories li a {color:var(--blanc)!important;font-size:14px!important;padding: 5px 10px!important;border: 2px solid var(--blanc)!important;border-radius: 16px!important;margin-right: 10px!important;}
.bannerhome .elementor-widget-wp-widget-categories li a:hover {color:var(--vermell)!important;background-color: var(--blanc)!important;}
.arxiuposts .elementor-post__text {margin-top: -65px!important;z-index: 1!important;}
.arxiuposts .elementor-post__card .elementor-post__thumbnail__link {opacity: 1!important;justify-content: end!important;background: linear-gradient(180deg, transparent 15%, var(--capablava4)85%)!important;margin-bottom:-30px!important;} 
.arxiuposts .elementor-post__thumbnail img {scale: 1.2!important;transition: scale .5s!important;}
.arxiuposts .category-esdeveniments .elementor-post__badge {background-color: var(--salmo)!important;}

/*
Fitxa empresa
-------------------------------------- */
.single-empresa {overflow-x: hidden!important;}
.single-empresa .elementor-widget-image-carousel .swiper-container {margin-right: -5%!important;margin-left: 5%!important;}
.podemtitol .elementor-heading-title:before {content:"⸱";color:var(--vermell);display:inline-block!important;font-size: 50px!important;vertical-align: sub;padding-right:5px;}
.podemtext {padding-left:20px!important;}

/*
Membres
-------------------------------------- */
.bannermembres .elementor-widget-wrap {z-index:2!important;}
.bannermembres:after {content:""!important;width:100%!important;height:350px!important;display: block;position: absolute;bottom: 0;background: linear-gradient(180deg, transparent 35%, var(--capavermell8)65%);z-index: 0!important;}
.membrelink a:hover {color:var(--vermell)!important;}

/*
Contacte
-------------------------------------- */
.contacte .bannerhome:after,
.contacto .bannerhome:after {height: 300px!important;}

/*
Landing i Inscripcions
-------------------------------------- */
.landing .elementor-location-header,
.inscripcionsnetworking .elementor-location-header,
.inscripcionesnetworking .elementor-location-header,
.inscripcionsempreses .elementor-location-header,
.inscripcionesempresas .elementor-location-header  {display:none!important;}
.inscripcionsempreses input::placeholder,
.inscripcionesempresas input::placeholder {font-size:16px!important;}
.inscripcionsempreses .elementor-field-type-acceptance p,
.inscripcionesempresas .elementor-field-type-acceptance p {font-size:14px!important;color:var(--blau)!important;}
.inscripcionsempreses .elementor-field-type-acceptance p a,
.inscripcionesempresas .elementor-field-type-acceptance p a {font-size:14px!important;color:var(--vermell)!important;}
body .inscripcionsempreses .elementor-field-type-acceptance p a:hover,
body .inscripcionesempresas .elementor-field-type-acceptance p a:hover {font-size:14px!important;color:var(--blau)!important;}
.landing .elementor-location-header,
.inscripcionsescoles .elementor-location-header,
.inscripcionesescuelas .elementor-location-header  {display:none!important;}
.inscripcionsescoles input::placeholder,
.inscripcionesescuelas input::placeholder {font-size:16px!important;}
.inscripcionsescoles .elementor-field-type-acceptance p,
.inscripcionesescuelas .elementor-field-type-acceptance p {font-size:14px!important;color:var(--blau)!important;}
.inscripcionsescoles .elementor-field-type-acceptance p a,
.inscripcionesescuelas .elementor-field-type-acceptance p a {font-size:14px!important;color:var(--vermell)!important;}
body .inscripcionsescoles .elementor-field-type-acceptance p a:hover,
body .inscripcionesescuelas .elementor-field-type-acceptance p a:hover {font-size:14px!important;color:var(--blau)!important;}
.icolanding .elementor-icon {border-color:var(--vermell)!important;}

/*
Ambaixadors
-------------------------------------- */
.arxiuambaixadors img {filter:grayscale(100%);}
.arxiuambaixadors img:hover {filter:grayscale(0);}

/*= The Events Calendar
----------------------------------------------------------------*/
.tribe-events .tribe-events-c-search__button, 
.tribe-events button.tribe-events-c-search__button {background-color:var(--blau)!important;}
.tribe-events .tribe-events-c-search__button:hover, 
.tribe-events button.tribe-events-c-search__button:hover {background-color:var(--vermell)!important;}
.tribe-common .tribe-common-c-svgicon--messages-not-found .tribe-common-c-svgicon__svg-stroke {stroke:var(--blau)!important;}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button.tribe-events-c-subscribe-dropdown__button--active,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:focus-within,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button:hover {background-color: var(--blau)!important;}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text,
.single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text,
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text {color:var(--blau);}
.tribe-common .tribe-common-c-btn-border, 
.tribe-common a.tribe-common-c-btn-border {border: 1px solid var(--blau);color: var(--blau);}
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:focus,
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:focus,
.single-tribe_events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:hover,
.single-tribe_events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:hover,
.tribe-events .tribe-events-c-subscribe-dropdown .tribe-events-c-subscribe-dropdown__button-text:hover,
.tribe-events .tribe-events-c-subscribe-dropdown button.tribe-events-c-subscribe-dropdown__button-text:hover {color:var(--blanco)!important;}
.tribe-events button.tribe-events-c-top-bar__datepicker-button:hover {background-color:transparent!important;color:var(--blau)!important;}
.tribe-events-single-event-title {color:var(--blau)!important;}
.tribe-events-schedule h2,
.tribe-event-date-start,
.tribe-event-time {font-size:1.25rem!important;}
.tribe-event-date-start {text-transform: capitalize!important;}
.tribe-events-cost {font-size: 1.25rem !important;font-weight: 700 !important;font-family: var(--texto) !important;border: 2px solid var(--vermell);border-radius: 500px;padding: 8px 5px;background-color: var(--vermell)!important;color:var(--blanco)!important;}
.tribe-events-meta-group a {color:var(--blau)!important;}
.tribe-events-c-subscribe-dropdown {display:none!important;}
.tribe-events-content {padding-bottom:25px!important;}
.tribe-common .tribe-common-c-svgicon,
.tribe-events-calendar-list__event-datetime-featured-text {color:var(--vermell)!important;}
.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {background-color:var(--blau)!important;}
.tribe-events-schedule .tribe-events-cost {display:none!important;}
.event-tickets .tribe-tickets__tickets-buy.tribe-common-c-btn,
.event-tickets .tribe-tickets__tickets-buy.tribe-common-c-btn:disabled{background-color:var(--blau)!important;}
.event-tickets .tribe-tickets__tickets-buy.tribe-common-c-btn:hover{background-color:var(--vermell)!important;}
.tribe-tickets__tickets-item-extra-available-quantity,
.tribe-tickets__tickets-item-extra-available {display: none!important;}
body .event-tickets .tribe-tickets__tickets-item-extra {align-self: center!important;}
.tribe-tickets__tickets-item-content-title,
.tribe-currency-postfix,
.tribe-tickets__tickets-item-quantity-number {color:var(--blau)!important;}
.tec-events-elementor-event-widget__venue-address-map-link a {font-size:0.9rem!important;color:var(--vermell)!important;}
.event-tickets .tribe-tickets__tickets-form {margin: 0!important;border-radius: 0px!important;}
.tablaprecios table td, .tablaprecios table th {padding: 10.5px 15px!important;}
.event-tickets .tribe-tickets__tickets-item-quantity button:focus {outline:none!important;}
.tribe-common button.tribe-common-c-btn--small {background-color:var(--blau)!important;}
.tribe-common button.tribe-common-c-btn-link {background-color:transparent!important;color:var(--blau)!important;}
.tribe-common button.tribe-common-c-btn--small:hover {background-color:var(--vermell)!important;}
.tribe-common button.tribe-common-c-btn-link:hover {background-color:transparent!important;color:var(--vermell)!important;}

/*
Responsive móvil
-------------------------------------- */
@media only screen and (max-width: 767px) {
    .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu li:hover a, .cabecera:not(.elementor-sticky--effects) .elementor-nav-menu li.current-menu-item a,
    .cabecera.elementor-sticky--effects .elementor-nav-menu li:hover a, .cabecera.elementor-sticky--effects .elementor-nav-menu li.current-menu-item a {border-radius:0px!important;padding:10px 25px!important;}
    .instituhome .elementor-main-swiper {margin-right:3.5%!important;}
    .instituhome .elementor-swiper-button-prev,
    .instituhome .elementor-swiper-button-next {display:none!important;}
    .cabecera.elementor-sticky--effects div.elementor-menu-toggle {color:var(--blau)!important;}
    .logofooter svg {display:block!important;width:125px!important;}
}