/* 
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 - S.O.
Author URI: https://creaescola.com/
Template: hello-elementor
Version: 1.2.0
*/
/*=
General
-------------------------------------- */
body {
	--blau: var(--e-global-color-primary); /* #1B2C65 */
    --groc: var(--e-global-color-secondary); /* #FAC213 */
    --negre: var(--e-global-color-text); /* #313133 */
    --grocfosc: var(--e-global-color-accent); /* #FFA726 */
    --blaumar: var(--e-global-color-7dafd76); /* #0053AA */
    --grisF7: var(--e-global-color-c2e792b); /* #F7F7F7 */
    --blanc: var(--e-global-color-82a31fe); /* #FFFFFF */
    --blaucel: var(--e-global-color-4520ff9); /* #F5FAFF */
    --verd: var(    --e-global-color-562a247); /* #79C576 */
    --text: var(--e-global-typography-primary-font-family); /* "Manrope" */
    --grisC: #cccccc;
    --font16: 16px;
    --font14: 14px;
    --font12: 12px;
    --webkitsombra: 0px 1px 1px var(----grisC);
    --sombra: rgba(0, 0, 0, 0.0470588) 0px 3px 3px 0px;
    --blaurgb:rgba(27,44,101,0.5);
    --verdrgb: rgba(121,197,118,0.5);
}
body .a,
body .a:focus-visible {outline:none!important;border:none!important;}
body a:-webkit-any-link:focus-visible {outline-offset: 0px!important;border:none!important;}
.spangroc span {color:var(--groc)!important;}
body .subratllat .elementor-heading-title,
body .subratllat .elementor-heading-title font {text-decoration: underline!important;text-decoration-color: var(--groc)!important;text-underline-offset: 5px!important;}
::marker {color:var(--groc)!important;}
.elementor-widget-text-editor ul, 
.elementor-tab-content ul {padding-bottom:15px!important;padding-left:20px!important;}
.elementor-accordion .elementor-accordion-item,
.elementor-tab-content {border:none!important;}
.elementor-tab-title:not(.hometabs) {border:1px solid var(--blau)!important;border-radius:5px!important;padding: 10px 15px!important;}
.elementor-accordion .elementor-accordion-item {margin-bottom: 5px;}
.elementor-tab-content:not(.batxillerat .elementor-tabs .elementor-tab-content):not(.coneix-nos .elementor-tabs .elementor-tab-content):not(.calendari .elementor-tabs .elementor-tab-content):not(.coneix-nos .elementor-tabs .elementor-tab-content) {background-color: var(--blaucel);border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;}
.botocent a {width:100%!important;}
.bototextblanc {color:var(--blanc)!important;}
.pp-timeline-navigation:before {bottom:14px!important;}
.pp-timeline-navigation .pp-slider-arrow {transform:translateY(calc(24px/2))!important;}
.legals h2,
.legals h3,
.legals h4,
.legals h5,
.legals h6 {font-size:20px!important; font-weight:bold!important;line-height: 24px!important;}


/*= Simple File List
----------------------------------------------------------------*/
#eeSFL {padding:0!important;}
#eeSFL .eeFiles th {display:none!important;}
#eeSFL .eeFiles td {border-bottom: none!important;}
#eeSFL table.eeFiles {border:none!important;}
.eeFiles td {border-color: transparent!important;}
#eeSFL .eeFiles td a {color: #var(--negre)!important;}
.eeSFL table.eeFiles td.eeSFL_Thumbnail {width: 25px!important;}
.eeSFL table.eeFiles p.eeSFL_FileLink {font-size:16px!important;}
.eeSFL_Thumbnail {width:25px!important;margin-right: 15px!important;}
.eeSFL_FileName {font-size:16px!important;}
.eeSFL_FlexRow {flex-direction: row!important;display: flex!important;align-items: center!important;}
.butlleti .eeSFL table.eeFiles td.eeSFL_Thumbnail {width: 150px !important;}
.butlleti table.eeFiles td.eeSFL_Thumbnail img {width:100%!important;}

/*=
Capçalera
-------------------------------------- */
.topgtranslate,
.topgtranslate a,
.topicons a:hover {font-size: var(--font12)!important;}
.topgtranslate a {color:var(--blau)!important;}
.cabecera {-webkit-box-shadow: var(--webkitsombra);-moz-box-shadow: var(--webkitsombra);box-shadow: var(--sombra);}
#mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu,
#mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {margin-top:32px!important;}
.mega-indicator {color:var(--groc)!important;}
.elementor-widget-wp-widget-gtranslate a {padding:0 5px!important;}

/*=
Pop-up Trucada
-------------------------------------- */
.elementor-icon svg,
.elementor-icon svg path {border:none!important;}

/*=
Footer
-------------------------------------- */
.prefooter .elementor-widget-button a {width:150px!important;}
.copyright, #copyrights {font-size:var(--font12)!important;line-height:var(--font16)!important;color:var(--blau)!important;}

/*=
Inici
-------------------------------------- */
.blocbenvinguda {position: absolute!important; width: 100%!important; z-index: 2!important;}
body .blocbenvinguda .elementor-column:nth-of-type(1) {-webkit-box-shadow: var(--webkitsombra);-moz-box-shadow: var(--webkitsombra);box-shadow: var(--sombra);}
.homevideo rs-slides {border-radius: 20px!important;z-index:0!important;}
.mesinfo .elementor-icon-box-title {text-decoration: underline; text-underline-offset: 5px!important;}
.homedestacats .elementor-cta__title {width: 80%!important;margin-left: 20%!important;}
.homedestacats .elementor-cta__button.elementor-button {display: block!important; width: fit-content!important;}
.backgroundratlles {background: repeating-linear-gradient(to right, rgba(253,196,25,.5) 15px, rgba(255,255,255,.5) 16px, var(--blanc) 1px,var(--blanc) 100px)!important;}
.homenews .elementor-post__card .elementor-post__meta-data:before {content: "";width:25px;height:2px;background-color: var(--groc);display:block;margin-bottom: 10px;}
.homebottombtn a {width:250px!important;}
.buttontabs {margin-top:-220px!important;}
.hometabs .elementor-widget-tabs .elementor-tabs-wrapper {display:flex!important;}
.hometabs .elementor-tab-title {margin-right:5px!important;}
.hometabs .elementor-tab-title.elementor-active {background-color: var(--blaurgb)!important;}
/*=
Escola
-------------------------------------- */
.modeltext {text-align:left;}
.scrollbox {height: 100px!important;overflow: auto!important;}
.scrollbox::-webkit-scrollbar {width: 5px;height: 5px;background:var(--blanc);border-bottom-right-radius: 10px;}
.scrollbox::-webkit-scrollbar-track {border: 1px solid var(--blanc)!important;border-radius: 10px;}
.scrollbox::-webkit-scrollbar-thumb {background: var(--blaurgb)!important;border-radius: 10px;}
.escola .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right {margin-top:4px!important;}
/*=
Projectes
-------------------------------------- */
.projectesgrid .elementor-posts .elementor-post__card {border-radius:20px 20px 10px 10px!important;}
.projectesgrid .elementor-post__thumbnail__link {margin-bottom: 0px!important;}
.projectesgrid .elementor-post__text {margin-top: -20px!important;padding-top: 20px!important;border-radius: 20px!important;background-color: var(--blanc)!important;z-index: 1!important;}
.projectesgrid .elementor-post__title a:hover {color:var(--groc)!important;}

/*=
Oferta educativa
-------------------------------------- */
.raonsedu .elementor-icon-list-item .elementor-icon-list-icon {order:2!important;}
.raonsedu .elementor-icon-list-item .elementor-icon-list-text {order:1!important;padding-right: 10px!important;}
.raonsedu .elementor-icon-list-item .elementor-icon-list-text:after {content:""!important;width:96%!important;height:6px!important;background-color:var(--verdrgb)!important;border-radius: 10px!important;display:block!important;position:relative!important;margin-top:10px!important;}
.propostawrapper {width: 100%;background: -moz-linear-gradient(left, var(--blanc) 75%, var(--grisF7) 25%);background: -webkit-linear-gradient(left, var(--blanc) 75%, var(--grisF7) 25%);background: linear-gradient(to right, var(--blanc) 28%, var(--grisF7) 28%);}
.tabspropostes .elementor-tabs-content-wrapper,
.tabspropostes .elementor-tab-title {border:none!important;border-left:0px solid transparent;}
.tabspropostes .elementor-tab-title {width:270px!important;line-height: 20px!important;}
.tabspropostes .elementor-tab-title:hover {color:var(--groc)!important;}
body:not(.batxillerat) .tabspropostes .elementor-tab-content {background-color:var(--grisF7)!important;padding-top: 0px!important;}
body .tabspropostes .elementor-tab-content h1 {font-size:24px!important;line-height:24px!important;margin-bottom:25px!important;}
body .tabspropostes .elementor-tab-content h2,
body .tabspropostes .elementor-tab-content h3,
body .tabspropostes .elementor-tab-content h4,
body .tabspropostes .elementor-tab-content h5,
body .tabspropostes .elementor-tab-content h6 {font-size:18px!important;line-height:18px!important;margin-bottom:25px!important;}
body .tabspropostes .elementor-tab-content img {width: 100%!important; border-radius: 20px!important; margin-bottom:15px!important;height: 240px;object-fit: cover!important;}
.pp-card-slider-title:after {content:""!important;width:100%!important;height:1px!important;background-color:var(--groc)!important;display:block!important;margin-top: 10px!important}
.tabestructura .elementor-tab-title {border:none!important;border-top:2px solid var(--groc)!important;border-bottom:2px solid var(--groc)!important;background-color:var(--blanc)!important;border-radius:0px!important;}
.tabestructura .elementor-tab-title.elementor-active {background-color:var(--blau)!important;border-radius:10px!important;border-left:2px solid var(--groc)!important;border-right: 2px solid var(--groc)!important;}
.tabestructura .elementor-tab-title:first-of-type {border-left:2px solid var(--groc)!important;border-top-left-radius: 10px!important;border-bottom-left-radius: 10px!important;}
.tabestructura .elementor-tab-title:last-of-type {border-right:2px solid var(--groc)!important;border-top-right-radius: 10px!important;border-bottom-right-radius: 10px!important;}
.tabestructura:not(.calendari) thead {background-color:var(--groc)!important;font-weight:bold!important;}
.tabestructura:not(.calendari) thead,
.tabestructura:not(.calendari) thead td {border-color:var(--groc)!important;}
.tabestructura tbody {background-color:var(--blanc)!important;}
.tabestructura tbody td {border-color:var(--blau)!important;}
.batxillerat .elementor-tab-title.elementor-tab-desktop-title.elementor-active,
.fp-dual .elementor-tab-title.elementor-tab-desktop-title.elementor-active,
.trets-diferencials .elementor-tab-title.elementor-tab-desktop-title.elementor-active,
.cfgs-template-default .elementor-tab-title.elementor-tab-desktop-title.elementor-active,
.erasmus .elementor-tab-title.elementor-tab-desktop-title.elementor-active {-webkit-box-shadow: inset -2px 0px 0px 0px var(--blau)!important; -moz-box-shadow: inset -2px 0px 0px 0px var(--blau)!important; box-shadow: inset -2px 0px 0px 0px var(--blau)!important;border-radius:0px!important}
body .batxillerat .elementor-tabs .elementor-tab-content {background-color:transparent!important;}

/*=
Cicles formatius
-------------------------------------- */

.apexcharts-legend {top:-20px!important;}
.apexcharts-legend-marker {display:none!important;}
.apexcharts-legend-series[rel^="2"] {display:none!important;}
.apexcharts-legend-text {color:var(--blau)!important;}
.apexcharts-legend-text .legend-info:after {content:"%";color:var(--groc)!important;display: inline-block!important;font-weight: bold!important;font-size:34px!important;}
.apexcharts-legend-text .legend-info strong {padding-left:10px!important;font-size:34px!important;}
.videocicles img {width:100%!important;height:350px!important;object-fit: cover!important;}
.emasgt {font-size:14px!important;}
.emasgt a {padding:0 5px!important;}
/* Treure CFGS de davant del titol */
.page-id-3629 h1

/*=
Actualitat
-------------------------------------- */
body .wp-singular.post-template-default.single.single-post h2 {font-size: 1.8rem!important;}
body .wp-singular.post-template-default.single.single-post h3 {font-size: 1.6rem!important;} /*El codi tb està a Personalitza*/
.wdgtcats ul {padding-left:0px!important;}
.wdgtcats li {list-style-type: none!important;padding: 5px 0!important;border-bottom: 1px solid var(--groc)!important;display:flex!important;justify-content: space-between!important;}
.wdgtcats ul li:last-of-type {border-bottom:none!important;}

/*=
Contacte / 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;color: var(--blau)!important;}
.modal__close { position: absolute; top: -30px; right: 0;}
#modal:not(:target) {visibility: hidden; opacity: 0; }
#modal h3 {color:var(--blau);font-weight:600;}
body .elementor-field-type-acceptance {font-size:14px!important;line-height:22px!important;}

/*=
Club esportiu
-------------------------------------- */
.menuclub .menu-item.current-menu-item {background-color: var(--blau)!important;}
.menuclub .menu-item:hover {background-color: var(--groc)!important;}
.menuclub .menu-item.current-menu-item:first-of-type {background:var(--blau);border-bottom-left-radius: 10px!important;}
.menuclub .menu-item.current-menu-item:last-of-type {background:var(--blau);border-bottom-right-radius:10px!important;}

/*=
Coneix-nos
-------------------------------------- */
.coneix-nos .elementor-accordion .elementor-tab-title .elementor-accordion-icon {margin-top:4px!important;}
.formpo h4 {font-size:18px!important;line-geight:20px!important;text-decoration: underline!important;text-underline-offset: 4px!important;text-decoration-color: var(--groc)!important;}
.formpo h4:not(first-of-type) {margin-top:25px!important;}
body .formpo .eicon-caret-down:before {content:'\f078'!important;font-size: var(--font12)!important;}
body formpo [class*=" eicon-"], 
body .formpo [class^=eicon] {font-family:'Font Awesome 5 Free'!important;font-weight:900!important;}
.formpo .elementor-field-group .elementor-select-wrapper::after {display:none!important}

/*=
Calendari
-------------------------------------- */
.simcal-nav {border:none!important;}
.simcal-nav.simcal-current h3 {text-transform: capitalize!important;}
.calendari .tabestructura thead,
.calendari table tbody>tr:nth-child(odd)>td, 
.calendari table tbody>tr:nth-child(odd)>th {background-color:transparent!important}
.calendari .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void {background-color:var(--grisF7)!important;}
.calendari .simcal-default-calendar-grid.simcal-default-calendar-light .simcal-day-void {border:none!important;}
.calendari .tabestructura tbody td {border-color: var(--grisC)!important;}

.mega-menu.max-mega-menu.mega-menu-horizontal a:lang(en) {text-transform: capitalize!important;}


.preinscripcions h3 {font-size:18px!important;}
/*=
Responsive móvil
------------------------------- */
@media only screen and (max-width: 767px) {
    .cabecera .elementor-column:nth-of-type(2) {order:3!important;}
    .cabecera .elementor-column:nth-of-type(3) {order:2!important;}
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {margin-right:-5px!important;}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1[data-effect="fade_up"] li.mega-menu-item.mega-menu-flyout ul.mega-sub-menu {margin-top:5px!important;}
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-2-columns > ul.mega-sub-menu > li.mega-menu-item {width:100%!important;}
    #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open + #mega-menu-menu-1 {margin-top: 15px!important;}
    .hometabs {margin-top:-20px!important;margin-right:0%!important;z-index:2;}
    .buttontabs {margin-top:25px!important;}
    .hometabs .elementor-tab-title {margin: 5px 0!important;}
    .hometabs .elementor-tab-content .elementor-column {width:100%!important;}
    .modeltext {text-align:center!important;padding-top:15px;}
    .absolutimg {position:relative!important;}
    .propostawrapper {width: 100%;background: -moz-linear-gradient(bottom, var(--blanc) 75%, var(--blanc) 25%);background: -webkit-linear-gradient(bottom, var(--blanc) 75%, var(--blanc) 25%);background: linear-gradient(to top, var(--blanc) 25%, var(--blanc) 25%);}
    .btacceshome a {width:95%!important;}
}