/* 
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 {
	--principal: var(--e-global-color-primary); /* #0E2A46 */
    --secundari: var(--e-global-color-secondary); /* #41B3E5 */
    --text: var(--e-global-color-text); /* #223367 */
    --blaucel: var(--e-global-color-accent); /* #E3F2F8 */
    --blaufooter: var(--e-global-color-5fb413b); /* #E3F1FF */
    --colblau: var(--e-global-color-8584eef); /* #6BC0FF */
    --colsalmo: var(--e-global-color-6da2a36); /* #FF92A4 */
    --colverd: var(--e-global-color-44e0175); /* #77FFC0 */
    --colgroc: var(--e-global-color-2a1e1e0); /* #FFDE97 */
    --colila: var(--e-global-color-efab270); /* #C5A9FF */
    --colrosa: var(--e-global-color-398421f); /* #FF84C6 */
    --blanc: var(--e-global-color-e36081a); /* #FFFFFF */
    --gris: var(--e-global-color-81b0276); /* #F8F8F8 */
    --small: 0.75rem;
    overflow-x: hidden;
}
::marker {color:var(--secundari)!important;}
.bling .elementor-heading-title:after {content: url(/wp-content/themes/creaescolae-child/img/bling.png)!important;display:inline-block!important;}
.blingbling:before {content: url(/wp-content/themes/creaescolae-child/img/blingblingone.png)!important;display:inline-block!important;position: absolute;left: -75px;top: -10px;}
.blingbling:after {content: url(/wp-content/themes/creaescolae-child/img/blingblingtwo.png)!important;display:inline-block!important;position: absolute;right: -75px;top: -10px;}
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {padding-bottom: 1em!important;}
.elementor-slideshow__title {display:none!important;}

/*
Botons
-------------------------------------- */
/* La icona i el color del botó s'aplica a Elementor
/* Aquest codi només aplica per a la icona i el seu background
/* Botó blau fosc+ blau fosc - buttonone */
body .buttonone .elementor-button-text {padding:15px 0 15px 15px!important;}
body .buttonone .elementor-button-icon {background-color: var(--text)!important;padding: 15px!important;border-radius: 50px!important;fill:var(--blanc)!important;}
body .buttonone:hover .elementor-button-icon {background-color: var(--blaufooter)!important;}
/* Botó blau clar+ blau fosc - buttontwo */
body .buttontwo .elementor-button-text {padding:15px 0 15px 15px!important;}
body .buttontwo .elementor-button-icon {background-color: var(--text)!important;padding: 15px!important;border-radius: 50px!important;fill:var(--blanc)!important;}
body .buttontwo:hover .elementor-button-icon {background-color: var(--text)!important;}

/*
Header & Footer
-------------------------------------- */
.topbarone .glink {font-size: var(--small)!important;color: var(--blanc)!important;}
.topbarone .glink:hover {color:var(--secundari)!important;}
.home .cabecera:not(.elementor-sticky--effects) {background-color: var(--gris)!important;}
.home .cabecera.elementor-sticky--effects,
.cabecera:not(.home) {background-color:var(--blanc);}
.boxlogo:hover {opacity:0.6!important;}
.cabecera .sub-arrow svg {fill:var(--secundari)!important;}
.elementor-nav-menu .sub-arrow {padding: 5px!important;}

/*
Projecte educatiu
-------------------------------------- */
.icoproj .elementor-icon {outline: 1px dashed var(--secundari)!important;outline-offset: 4px!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;font-weight:400!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;}
.contacte .prefooter {display:none!important;}

/*
Responsive móvil
-------------------------------------- */
@media only screen and (max-width: 767px) {
    .blingbling:before, .blingbling:after {display:none!important;visibility: hidden!important;}
}