/* 
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 {
  --vermell: var(--e-global-color-primary); /* #DA0033 */
  --granate: var(--e-global-color-secondary); /* #840021 */
  --negre: var(--e-global-color-text); /* #313133 */
  --grisblau: var(--e-global-color-accent); /* #D0DBE0 */
  --gris: var(--e-global-color-bbd60c6); /* #DEDEDE */
  --grisF7: var(--e-global-color-7a4ef35); /* #F7F7F7 */
  --salmo: var(--e-global-color-dfea543); /* #FFF2ED */
  --roig: var(--e-global-color-53a9a5e); /* #FC3D4A */
  --blanc: var(--e-global-color-9411639); /* #FFFFFF */
  --grisC1: var(--e-global-color-975f26d); /* C1C1C1 */
  --titol: var(--e-global-typography-primary-font-family); /* "Vista Sans" */
  --text: var(--e-global-typography-text-font-family); /* "Supreme" */
  overflow-x: hidden!important;
}
body .swiper-pagination-bullet.swiper-pagination-bullet-active {background:var(--vermell)!important;}
.subesquerra:after {content:"";width:50px!important;height:5px!important;background-color:var(--vermell)!important;display:block;}
.subcentre:after {content:"";width:50px!important;height:5px!important;background-color:var(--vermell)!important;display:block;margin:0 auto!important}
.subesquerrablanc:after {content:"";width:50px!important;height:5px!important;background-color:var(--blanc)!important;display:block;}
.subcentreblanc:after {content:"";width:50px!important;height:5px!important;background-color:var(--blanc)!important;display:block;margin:0 auto!important}
.elementor-button[href^="#"] {color: var(--grisC1)!important;background-color: transparent!important;pointer-events: none!important;border:2px solid var(--grisC1)!important;}
::marker {color:var(--vermell)!important;}
/* Acordions */
.elementor-accordion-item {margin-bottom: 10px!important;}
.elementor-tab-title:not(.redtabs .elementor-tab-title) {border:2px solid var(--vermell)!important;border-radius:4px!important;}
.elementor-tab-content {width:98%!important;margin-left:1%!important;margin-right:1%!important;}
/* Fi Acordions */
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {border-radius: 10px 0 0 10px!important;}
.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {padding-bottom:1em!important;}
.swiper {border-radius: 20px!important;}

/* 
Capçalera
-------------------------------------- */
.cabecera:not(.elementor-sticky--effects) .celeft,
.cabecera:not(.elementor-sticky--effects) .ceright {opacity:0;}
.cabecera.elementor-sticky--effects .celeft,
.cabecera.elementor-sticky--effects .ceright {opacity:1!important;}
.cabecera.elementor-sticky--effects .celeft:hover {opacity:65%!important;}
.cabecera .sub-arrow path {fill:var(--vermell)!important;}
.cabecera {-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;}

/*
Footer
-------------------------------------- */
.oferta-educativa .prefooter {background-color: var(--grisblau)!important;}
.contacte .prefooter {display:none!important;}
.equip-de-treball-template-default .prefooter {
  background-image: linear-gradient(to right, var(--blanc), var(--blanc) 50%, var(--grisF7) 50%);background-attachment:fixed;background-repeat: no-repeat;}
.copyright, #copyright {font-size:0.875rem!important;line-height:1.4em!important;}

/*
Formularis
-------------------------------------- */
::placeholder {opacity:1!important;}
.elementor-field-type-acceptance label,
.elementor-field-type-acceptance .elementor-field-subgroup {font-size:12px!important;line-height:1rem!important;}
.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;}

/*
Responsive móvil
-------------------------------------- */
@media only screen and (max-width: 767px) {}