/*
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: #006699;
  --blaucel: #0099cd;
  --blanc: #ffffff;
  --negre: #000000;
  --gris: #f9f9f9;
  --fa5: "Font Awesome 5 Free";
  --check: "\f058";
  --dot: "\f192";
  --plus: "\f067";
  --minus: "\f068";
  --chevronright: "\f054";
  --chevrondown: "\f078";
  --task: "\f0ae";
  --connect:"\f20e";
  --transblau: rgba(0,102,153,0.8);
}
.lidots li {list-style-type: none!important;}
.lidots li::before {font-family: var(--fa5)!important;font-weight: 900!important;content:var(--dot)!important;color:var(--blaucel)!important;padding-right: 15px!important;font-size:15px!important;}
.descpro p::before {font-family: var(--fa5)!important;font-weight: 900!important;content:var(--dot)!important;color:var(--blaucel)!important;padding-right: 10px!important;font-size:10px!important;}
/* Spinner */
.lds-spinner div {background:var(--blau)!important;}
.cky-banner-bottom, .cky-modal.cky-modal-open {font-family: 'Fira Sans'!important;}
.cky-footer-wrapper div:nth-of-type(2) {display:none!important;}

/*= Accessibility Plugin
------------------------------------------- */
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a .pojo-a11y-toolbar-text {font-family: "Fira Sans"!important;font-size: 16px!important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg {width:24px!important;}
.pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title {font-family: "Fira Sans"!important;}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{text-decoration: none!important;}
.pojo-a11y-toolbar-item {border-bottom: 1px solid var(--blanc);}
.dslc-text-module-content p,
.dslc-text-module-content blockquote {line-height:1.4em!important;}

/*= Header & Footer
------------------------------------------- */
.cabecera.dslc-sticky-row:not(.dslc-sticky-section-fixed) {background-color: transparent;}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed {background-color: var(--transblau)!important;}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .topbar {display:none!important;}
.lcmenu-mobile-hook {transition: transform 2s!important;}
.cabecera.dslc-sticky-row.dslc-sticky-section-fixed .lcmenu-mobile-hook {background-color: var(--blaucel)!important;border-radius: 50px!important; padding: 10px!important;width: 56px!important;height: 56px!important;transform: translate(4vw);transition: transform 2s!important;}
.titolheader h1::before, .titolheader h2::before {font-family: var(--fa5)!important;font-weight: 900!important;content:var(--dot)!important;color:var(--blanc)!important;padding-right: 10px!important;font-size:12px!important;vertical-align: top!important;}
.toplang li {margin-bottom:0px!important;}
.lcmenupro-mobile-navigation.open {width: 100%!important;}
.lcmenupro-mobile-navigation .lcmenupro-mobile-inner {padding-top: 25vh!important;padding-bottom: 25vh!important;background: url(/wp-content/uploads/2020/02/Creaescola-052.jpg)!important;background-color: rgba(0,0,0,0.7)!important;background-blend-mode: overlay!important;background-repeat:no-repeat!important;background-size: cover!important;}
.lcmenupro-mobile-menu {text-align: center!important;}
.lcmenupro-mobile-navigation .lcmenupro-mobile-menu a {font-family: Fira Sans!important;font-size: 32px!important;font-weight: 500!important;}
.lcmenupro-mobile-navigation .lcmenupro-mobile-menu a:hover {color: var(--blaucel)!important;}
.lcmenupro-mobile-menu .sub-menu {padding:20px 0!important;}
.lcmenupro-mobile-menu .sub-menu li {padding:10px 0!important;}
.lcmenupro-mobile-menu .sub-menu li a {font-family: Fira Sans!important;font-size: 24px!important;font-weight: 500!important;}
.cabeceraprojectes {background-color: var(--blau)!important; background-blend-mode: multiply!important;}

/*= Inici
------------------------------------------- */
.presentacio {background-color: var(--blaucel)!important;background-blend-mode: multiply!important;}
.serveishome h2::after {content:""!important;display: inline-block!important;vertical-align: middle!important;height: 2px!important;width: 40px!important;background-color: var(--blau)!important;}
.home .dslc-module-DSLC_Projects {content-visibility: auto!important;contain-intrinsic-size: 588px!important;}
.home #dslc-content .dslc-project-thumb {margin-bottom: 0px!important;}

/*= Agencia
------------------------------------------- */
.agencywc h2::after {content:""!important;display:block!important;vertical-align: middle!important;height: 2px!important;width: 40px!important;background-color: var(--blaucel)!important;position: absolute!important;right: 0!important;bottom: 30px!important;}
.agencywcr h2::after {content:""!important;display:block!important;vertical-align: middle!important;height: 2px!important;width: 40px!important;background-color: var(--blaucel)!important;position: absolute!important;left: 0!important;bottom: 30px!important;}
.agencywcm h2::after {content:""!important;display:block!important;vertical-align: middle!important;height: 2px!important;width: 40px!important;background-color: var(--blaucel)!important;position: relative!important;top: 20px!important;margin:auto!important;}

/*= Serveis
------------------------------------------- */
.agencywcr h4::after {content:""!important;display:block!important;vertical-align: middle!important;height: 2px!important;width: 40px!important;background-color: var(--blaucel)!important;position: relative!important;left: 0!important;top: 15px!important;}
.serveisnumbers .agencywcr:nth-of-type(1)::before {content: "01"!important;position: relative!important;top: 0!important;left: 0!important;z-index:1!important;font-size:100px!important;color:var(--blaucel)!important;font-weight:600!important;font-family:'Fira Sans'!important;}
.serveisnumbers .agencywcr:nth-of-type(2)::before {content: "02"!important;position: relative!important;top: 0!important;left: 0!important;z-index:1!important;font-size:100px!important;color:var(--blaucel)!important;font-weight:600!important;font-family:'Fira Sans'!important;}
.serveisnumbers .agencywcr:nth-of-type(3)::before {content: "03"!important;position: relative!important;top: 0!important;left: 0!important;z-index:1!important;font-size:100px!important;color:var(--blaucel)!important;font-weight:600!important;font-family:'Fira Sans'!important;}

/*= Contacte
------------------------------------------- */
.nf-form-fields-required, .nf-error-required-error {display:none!important;}
.nf-field-container.dslc-6-col {display:inline-block!important;float:unset!important;}
.nf-field-element input[type=button]:hover {box-shadow: inset 0 -2.5em 0 var(--blau)!important;color:var(--blanc)!important;cursor: pointer!important;}
.contactwcr h2::after {content:""!important;display:block!important;vertical-align: middle!important;height: 2px!important;width: 40px!important;background-color: var(--blaucel)!important;position: absolute!important;left: 0!important;bottom: 10px!important;}
.field-wrap {padding-right:0px!important;}
textarea {width:98%!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;}
.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(--blau);font-weight:600;font-size:18px!important;}
#modal p {color:var(--blau);font-size:16px!important;}
.nf-field-description p a {color:var(--blaucel)!important;}
.nf-field-description p a:hover {color:var(--blau)!important;}

/*= Coneix-nos
------------------------------------------- */
.formularicreacat p span {font-family:Fira Sans!important;font-size:13px!important; line-height: 21px!important;}

/*= Projecte
------------------------------------------- */
.projcat li:before {font-family: var(--fa5)!important;font-weight: 900!important;content:var(--task)!important;color:var(--blaucel)!important;padding-right: 15px!important;font-size:15px!important;}
.esg-filterbutton {color:var(--blau)!important;border:none!important;font-size:18px!important;font-family:Fira Sans!important;}
.esg-filterbutton.selected, .esg-filterbutton:hover {color:var(--blaucel)!important;box-shadow:none!important;}
.videoproj iframe {width:100%!important;height:210px!important;}
.item .home, .breadcrumbs .sep {display:none!important;}

/*= 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
------------------------------------------- */
@media only screen and (max-width: 719px) {
  .telbar,
  .toplang.topbar {width:50%!important;}
   .telbar {margin-top: 5px!important;}
  #dslc-header .dslc-col {margin-bottom: 0px!important;}
  .cabecera .dslc-3-col,
  .cabecera .dslc-9-col {width:50%!important;}
  .agencywc h2::after {content:""!important;display:block!important;vertical-align: middle!important;height: 2px!important;width: 40px!important;background-color: var(--blaucel)!important;position: absolute!important;left: 0px!important;bottom: 5px!important;}
  .dslc-staff-member-thumb-inner {margin: auto 12%!important;}
  .nf-field-container.dslc-6-col {width:100%!important;}
  .serintro { display:flex!important; flex-direction: column!important;}
  .serintro .dslc-6-col:last-child {order: 1!important;}
  .serintro .dslc-6-col:first-child {order: 2!important;}
  .lcmenupro-mobile-navigation .lcmenupro-mobile-inner {padding-top: 25vh!important;padding-bottom: 25vh!important;background: url(/wp-content/uploads/2020/02/Creaescola-052.jpg)!important;background-color: rgba(0,0,0,0.7)!important;background-blend-mode: overlay!important;background-position: center center!important;}
  .lcmenupro-mobile-menu .sub-menu li a {font-family: Fira Sans!important;font-size: 18px!important;font-weight: 500!important;}
  .cabecera.dslc-sticky-row.dslc-sticky-section-fixed .lcmenu-mobile-hook {background-color: var(--blaucel)!important;border-radius: 50px!important; padding: 10px!important;width: 56px!important;height: 56px!important;transform: translate(0px)!important;transition: background-color 1s!important;}
}
@media only screen and (device-width: 768px) {
  .agencywc h2::after {content:""!important;display:block!important;vertical-align: middle!important;height: 2px!important;width: 40px!important;background-color: var(--blaucel)!important;position: absolute!important;left: 0!important;bottom: 5px!important;}
}