/*!
Theme Name: Creaescola T Child
Theme URI: https://creaescola.com/
Author: CreaEscola Marketing i Comunicació
Author URI: https://creaescola.com/
Description: Tema WordPress de CreaEscola.
Version: 1.9.6
License: GNU General Public License
Template: creaescolat
*/
/*= General
------------------------------------------- */
:root {
  --blau: #0B1A4C;
  --blaucel: #0084c5;
  --negre: #000000;
  --blanc: #ffffff;
  --fa5: "font Awesome 5 Free"!important;
  --plus: "\f067";
  --minus: "\f068";
  --bullseye:"\f140";
}

.dslc-accordion-item.dslc-active {display:flow-root!important;}
.dslc-accordion-item.dslc-active .dslc-accordion-title::before {font-family:var(--fa5);font-weight:900!important; content: var(--minus)!important;color:var(--blaucel)!important;padding-right:15px!important;}
.dslc-accordion-item.dslc-inactive .dslc-accordion-title::before {font-family:var(--fa5);font-weight:900!important; content: var(--plus)!important;color:var(--blaucel)!important;padding-right:15px!important;}
.lichecks li {list-style-type: none!important;}
.lichecks li::before {font-family:var(--fa5);font-weight:900!important; content: var(--bullseye)!important;padding-right:15px!important;font-style:normal!important;}
.lichecks.blanc li::before {color:var(--blanc)!important;font-size:8px!important;}

/*= Header & Footer
------------------------------------------- */
.logo svg {height:120px!important;}
.logo #ese, .logo #eme, .logo #ge {animation: colorblau 2s!important;animation-fill-mode: forwards!important;}
.logo #comunicacio {animation: colorblaucel 4s!important;animation-fill-mode: forwards!important;}
.logo #puno {animation: colorblaucel 10s infinite!important;}
.logo #pdos {animation: colorblaucel 15s infinite!important;}
.logo #ptres {animation: colorblaucel 20s infinite!important;/*animation-fill-mode: forwards!important;*/}
@keyframes colorblau {
  from {fill:var(--blanc);}
  to {fill:var(--blau);}
}
@keyframes colorblaucel {
  from {fill:var(--blanc);}
  to {fill:var(--blaucel);}
}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed {background-color: var(--blanc)!important;}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .logo #ese,
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .logo #eme,
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .logo #comunicacio {display:none!important;width:0px!important;}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .dslc-info-box-image-inner {padding: 10px 0!important;}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .dslc-info-box-image-inner svg {height:30px!important;width:auto!important;transition: height 1s!important;}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .dslc-info-box-image-inner::before {content:""!important;display:block!important;height: 40px!important;width:40px!important;border:1px solid var(--blau)!important;border-radius: 50px!important;margin-left: 30px!important;position: absolute!important;}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .logo #puno,
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .logo #pdos,
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .logo #ptres {animation:none!important;fill:var(--blaucel)!important;}
.titleheader h1::before {content:""!important;background-color:var(--blaucel)!important;height:2px!important;width:25px!important;display:inline-block!important;margin-right:15px!important;vertical-align: middle!important;}

/*= Inici
------------------------------------------- */
.page-id-10 .titleheader {display:none!important;}
.bannerinici::before {content:url(/wp-content/svg/formaesq.svg)!important;position: absolute!important;display:block!important;bottom:0px!important; left:-50px!important;z-index: -1!important;animation: onatop 5s infinite!important;transform: scaleX(0.9)!important;}
@keyframes onatop {
  0% {bottom:-5px;}
  50% {bottom:-25px;}
  100% {bottom:-5px;}
}
rs-fullwidth-wrap {z-index: -1!important;}
.metode::before {content:url(/wp-content/svg/formagris.svg)!important;position: absolute!important;display:block!important;top:0px!important; left:0!important;z-index: -1!important;}
.metode::after{content:url(/wp-content/svg/mediocirc.svg)!important;position: absolute!important;display:block!important;bottom:0px!important; right:0!important;z-index: -1!important;}
.contact::after{content:url(/wp-content/svg/formadreta.svg)!important;position: absolute!important;display:block!important;bottom:-45px!important; right:0!important;z-index: -1!important;}
.nf-form-fields-required, .nf-error-required-error {display:none!important;}
::placeholder {font-family:Fira Sans!important;color:var(--blaucel)!important;}
.field-wrap {padding-right:0px!important;}

/*= Agència
------------------------------------------- */
.secciowelcome::before {content:url(/wp-content/svg/formagris.svg)!important;position: absolute!important;display:block!important;top:0px!important; left:-80px!important;z-index: -1!important;animation: bubble 5s infinite!important;}
@keyframes bubble {
  0% {transform: scale(0.9);}
  50% {transform: scale(1);}
  100% {transform: scale(0.9);}
}
.seccioarimon #hill-center-round-off {z-index:0!important;}
.partnersmg img {filter:grayscale(1)!important;}
.partnersmg img:hover {filter:grayscale(0)!important;}

/*= Serveis
------------------------------------------- */
.introservicedd::after{content:url(/wp-content/svg/serveidd.svg)!important;position: absolute!important;display:block!important;bottom:-5px!important; right:0!important;z-index: -1!important;animation: onatop 5s infinite!important;}
.introservicecd::after {content:url(/wp-content/svg/serveicc.svg)!important;position: absolute!important;display:block!important;bottom:-4px!important; left:50vw!important;z-index: -1!important;animation: bubblebig 5s infinite!important;}
.introservicece::after {content:url(/wp-content/svg/serveicc.svg)!important;position: absolute!important;display:block!important;bottom:-33px!important; right:45vw!important;z-index: -1!important;transform: scale(0.7)!important;animation: bubblemini 5s infinite!important;}
.introserviceee::after {content:url(/wp-content/svg/serveiee.svg)!important;position: absolute!important;display:block!important;bottom:-22px!important; left:-80px!important;z-index: -1!important;transform: scale(0.7)!important;animation: bubblemini 5s infinite!important;}
@keyframes bubblebig {
  0% {transform: scale(1);}
  50% {transform: scale(1.1);}
  100% {transform: scale(1);}
}
@keyframes bubblemini {
  0% {transform: scale(0.7);}
  50% {transform: scale(0.9);}
  100% {transform: scale(0.7);}
}
/*= Contacte
------------------------------------------- */
.secciocontacte::before {content:url(/wp-content/svg/formagris.svg)!important;position: absolute!important;display:block!important;top:0px!important; left:-80px!important;z-index: -1!important;animation: bubble 5s infinite!important;}
.secciocontacte::after {content:url(/wp-content/svg/rightbubble.svg)!important; position:absolute!important;display:block!important; bottom: -15vh!important; right: -25px!important; z-index: -1!important;transform: scale(0.7);animation: bubblemini 5s infinite!important;}

/*= 404
------------------------------------------- */
.svg404 svg {animation: avall 4s forwards!important;}
.svg404 #puno,.svg404 #pdos,.svg404 #ptres {fill:var(--blaucel)!important;}
@keyframes avall {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(180deg);}
}

/*= Cookies
------------------------------------------- */
.lichecks table tr td {padding:5px!important;border-bottom: 1px solid var(--naranja)!important;}
.lichecks table tr td:nth-of-type(1) {width: 10%!important;}
.lichecks table tr td:nth-of-type(2) {width: 20%!important;font-weight:bold!important;}
.lichecks table tr td:nth-of-type(3) {width: 60%!important;}
.lichecks table tr td:nth-of-type(4) {width: 10%!important;}
/*Mòdul*/
.cli-privacy-content-text,.cli-tab-container p, .cli-privacy-content-text,.cli-style-v2 .cli-bar-message,
.cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button), 
.cli-style-v2 .cli_action_button:not(.cli-plugin-button),a.cli-privacy-readmore,
.cli-tab-header a.cli-nav-link,span.cli-necessary-caption,.cli-switch input:checked + .cli-slider:after,
.cli-switch .cli-slider:after,
.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {font-size: 16px!important;font-family:Fira Sans!important;line-height:24px!important;}
.cli-tab-container h4 {font-family:Fira Sans!important;font-size:20px!important;line-height:28px!important;font-weight:600!important;
  color:var(--verde)!important;text-decoration:underline!important;text-decoration-color: var(--naranja)!important;}

/*= Responsive Mòbils
------------------------------------------- */
@media only screen and (max-width: 719px) {
  .cabecera {background-color:var(--blanc)!important;}
  #dslc-header .dslc-col {margin-bottom:0px!important;}
  #dslc-header .dslc-module-DSLC_Info_Box {width:74%!important;margin-right: 10px!important;}
  #dslc-header .dslc-info-box-icon-pos-aside .dslc-info-box-image {margin-right:10px!important;}
  .dslc-module-DSLC_Menu_Pro {width:22%!important;}
  .bannerinici::before {opacity:0.4!important;left:-550px!important;}
  .secciocontacte::after {content:none!important;}
  .cc-bottom {display:none!important;}
  .secciowelcome::before, .metode::before, .secciocontacte::before {left:-360px!important;}
}