* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*::-webkit-scrollbar { width: 10px; height: 15px; background-color: #EFEFEF; }
*::-webkit-scrollbar-thumb { background: #f8eef8; }
body { font-family: 'OpenDyslexicRegular'; width: 100%; margin: 0; }
body.over { overflow: hidden; }
ul, ol { list-style: none; padding: 0px; margin: 0px; }
a { text-decoration: none; color: #C8A2C8; }

/* GENERALS */
#estech-theme section { padding: 20px 0px; }
#estech-theme .row { width: 80%; margin: auto; padding: 0px; }
#estech-theme .rowfw { width: 100%; }
#estech-theme blockquote p { font-size: 22px; line-height: 26px; font-family: 'OpenDyslexicRegular'; }
#estech-theme blockquote:before { content: '"'; font-size: 150px; font-family: 'OpenDyslexicBold'; position: absolute; margin-left: -3%; margin-top: -5%; opacity: 0.3; color: #C8A2C8; padding-left: 15px; height: 1px; }
#estech-theme h1 { font-size: 26px; line-height: 30px; font-family: 'OpenDyslexicBold'; }
#estech-theme h2 { font-size: 22px; line-height: 26px; font-family: 'OpenDyslexicBold'; }
#estech-theme h3 { font-size: 18px; line-height: 22px; font-family: 'OpenDyslexicRegular'; }
#estech-theme p { font-size: 16px; line-height: 20px; font-family: 'Verdana'; }

/* BREADCRUMBS */
#estech-theme section.breadcrumb nav#breadcrumbs span a { text-decoration: underline; }
#estech-theme section.breadcrumb nav#breadcrumbs span a { color: #C8A2C8; }

/* HEADER */
#estech-theme header { font-family: 'OpenDyslexicBold'; }
#estech-theme header.the-header { padding: 15px; border-bottom: 2px solid #EFEFEF; background-color: #C8A2C8; top: 0; left: 0; position: absolute; right: 0; height: auto; z-index: 9999; }

#estech-theme header.the-header .row-header { width: 80%; display: flex; flex-flow: wrap; margin: 0 auto; background-color: #C8A2C8; color: #fff; }
#estech-theme header.the-header .row-header .the-logo { width: 25%; }
#estech-theme header.the-header .row-header .the-logo span { font-size: 42px; letter-spacing: -0.15em; line-height: 45px; text-shadow: 0 0 4px #C8A2C8, 0 0 5px #C8A2C8; }
#estech-theme header.the-header .row-header .the-logo a { color: #fff; display: flex; flex-flow: nowrap; flex-wrap: nowrap; align-items: center; }
#estech-theme header.the-header .row-header .the-logo img { max-width: 50px; }
#estech-theme header.the-header .row-header div.menu { width: 75%; }
#estech-theme header.the-header .row-header div.menu .menu-header-container {
    height: 100%;
}
#estech-theme header.the-header .row-header div.menu ul.menu { display: flex; flex-flow: wrap; float: right; align-items: center; height: 100%; }
#estech-theme header.the-header .row-header div.menu ul.menu li { margin-left: 5px; margin-right: 5px; }
#estech-theme header.the-header .row-header div.menu ul.menu li:last-child { margin-right: 0px; }
#estech-theme header.the-header .row-header div.menu ul.menu li a { padding: 5px 15px; text-decoration: none; color: #fff; font-size: 18px; line-height: 20px; }
#estech-theme header.the-header .row-header div.menu ul.menu li a:hover, #estech-theme header.the-header .row-header div.menu ul.menu li.current-menu-item a { color: #fff; background-color: #E0C6E0; }
#estech-theme header.the-header.is-sticky { position: fixed; width: 100%; background-color: #C8A2C8; top: 0; left: 0; z-index: 9999; }
#estech-theme header.the-header .menu-mbl { display: none; }
#estech-theme header.the-header h1.title-sticky-mbl { font-size: 20px; color: #ffffff; position: relative; top: -30px; text-align: left; left: 25px; display: none; }
#estech-theme header.the-header .list-menu-mbl ul.menu li a { color: 353535; font-weight: 700; display: block; text-align: center; text-shadow: 0.5px 1.5px 0px #ffffff;     font-size: 20px; }
#estech-theme header.the-header .list-menu-mbl ul.menu li a:hover { color: #C8A2C8; }
#estech-theme header.the-header .list-menu-mbl .menu-menu-header-container { width: 100%; }
#estech-theme header.the-header .list-menu-mbl { padding: 20px 15px; position: fixed; top: 75px; bottom: 0; left: 0; width: 100%; z-index: 99999; overflow-y: auto; overflow-x: hidden; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: #ffffff; border-top: 1px solid #e8e8e8; }
#estech-theme header.the-header .menu-mbl.open span:first-child { transform: rotate(60deg); position: relative; top: 8px; width: 25px; }
#estech-theme header.the-header .menu-mbl.open span:nth-child(2) { display: none; }
#estech-theme header.the-header .menu-mbl.open span:last-child { transform: rotate(120deg); position: relative; top: -2px; width: 25px; }
#estech-theme section.breadcrumb { padding-bottom: 0px; margin-bottom: 20px; padding-top: 0; }
.clear { clear: both; position: relative; margin-top: 100px; }

/* FOOTER */
#estech-theme footer { padding: 15px; border-top: 1px solid #C8A2C8; }
#estech-theme footer .copy { display: flex; flex-flow: wrap; width: 100%; }
#estech-theme footer .copy .txt-copy { float: left; }
#estech-theme footer .copy .menu { float: right; display: contents; }
#estech-theme footer .copy div { width: 50%; float: left; }
#estech-theme footer .copy .menu ul.menu { display: flex; flex-flow: wrap; float: right; }
#estech-theme footer .copy .menu ul.menu li { margin-left: 10px; margin-right: 5px; }
#estech-theme footer .copy .menu ul.menu li:last-child { margin-right: 0px; }
#estech-theme .copy .menu ul.menu li a { padding: 5px 15px; text-decoration: none; color: #333; font-size: 18px; line-height: 20px; color: #fff; }
#estech-theme .copy .menu ul.menu li a:hover { color: #fff; background-color: #C8A2C8; }
#estech-theme footer { color: #fff; background-color: #000; position: absolute; width: 100%; left: 0; } 
#estech-theme footer { position: relative; clear: both; }
#estech-theme footer .content-foot.content-foot-full { display: block; }
#estech-theme footer .content-foot.content-foot-full .foot-cont-rgt { width: 100%; }

#estech-theme footer .content-foot.content-foot-full .foot-cont-rgt .logos.partners ul.logos-list li { width: 100%; flex: 0 1 14%; justify-content: center; display: flex; }

/* CONTINGUT DINAMIC */
#estech-theme section .veure_mes_btn { display: block; text-align: center; margin: 0 auto; padding-bottom: 20px; }
#estech-theme section .veure_mes_btn a { padding: 5px 15px; text-decoration: none; color: #fff; font-size: 18px; line-height: 20px; background-color: #C8A2C8; }
#estech-theme section .veure_mes_btn a:hover { background-color: #000; }

/* #estech-theme section.block-contingut { margin-top: 20px; } */
#estech-theme .flexslider .flex-viewport { display: flex; flex-direction: column; }
#estech-theme .flexslider .flex-viewport > ul { display: flex; }
#estech-theme .flexslider .flex-viewport > ul > li { display: flex !important; }
#estech-theme .flexslider .flex-viewport > ul > li, #estech-theme .flexslider .flex-viewport > ul > li div img, #estech-theme .flexslider .flex-viewport > ul > li img { min-height: 420px; justify-content: center; }
#estech-theme .flexslider .flex-viewport > ul > li div > img { object-fit: cover; width: 100%; max-width: 100%; }
#estech-theme .flexslider .flex-viewport > ul > li div > p.flex-caption { z-index: 999; display: block; height: fit-content; width: 100%; position: relative; padding: 2%; margin-top: -50px; margin-left: 0px; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgb(0 0 0 / 30%); }
#estech-theme .flex-direction-nav .flex-next { right: 0px; }

#estech-theme section.carousel.carousel-large { padding-bottom: 0px; margin-bottom: -40px; }
#estech-theme .flexslider.flexslider-large { width: 100%; }
#estech-theme .flexslider.flexslider-large .flex-viewport > ul > li { max-height: 350px; min-height: 350px; }
#estech-theme .flexslider.flexslider-large .flex-viewport > ul > li div > img { width: 100%; height: auto; }
#estech-theme .flexslider.flexslider-large .flex-viewport > ul > li div > p.flex-caption { position: absolute; margin: 0 auto; top: 20px; width: auto; height: auto; left: 20px; padding: 10px; }
#estech-theme .flexslider.flexslider-large .flex-viewport > ul > li div > .caption-wrap { display: block; width: 200px; height: 56px; overflow: hidden; position: absolute; bottom: 0; }
#estech-theme .flexslider.flexslider-large .flex-viewport > ul > li div > p.flex-caption { padding: 20px; position: absolute; right: 0; bottom: 0; top: unset; }
section.block-contingut ul li:after { position: absolute; content: ""; left: 9.2%; width: 10px; height: 10px; background: #C8A2C8; border-radius: 50px; float: left; margin-top: 0.42%; }

/* DIBUIXOS */
#estech-theme section.dibuixos ul.list li img { width: 100%; object-fit: cover; }
#estech-theme section.dibuixos ul.list { display: flex; flex-flow: wrap; width: 100%; }
#estech-theme section.dibuixos ul.list li { width: 33.3%; padding: 1%; }
#estech-theme section.dibuixos ul.list li p.flex-caption { z-index: 999; display: block; height: fit-content; width: 100%; position: relative; padding: 2%; margin-top: -50px; margin-left: 0px; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgb(0 0 0 / 30%); }

/* SINGLE DIBUIX */
#estech-theme section.single-dibuix { margin-top: 20px; }
#estech-theme section.single-dibuix .content { display: flex; flex-flow: wrap; width: 100%; }
#estech-theme section.single-dibuix .content .flexslider, #estech-theme section.single-dibuix .content .info { width: 50%; }
#estech-theme section.single-dibuix .content .info { padding-left: 20px; }
#estech-theme section.single-dibuix .content .info p:first-child { font-family: 'OpenDyslexicItalic'; margin-bottom: 40px; }
#estech-theme section.single-dibuix .content .info p span { font-family: 'OpenDyslexicBold'; }
/* #estech-theme section.single-dibuix .flexslider .flex-viewport > ul > li { justify-content: center; }
#estech-theme section.single-dibuix .flexslider .flex-viewport > ul > li > div > img { height: 100vh!important; } */

/* COMENTARIS */
#estech-theme h3#comments { margin: 0 auto; display: table; }
#estech-theme .comments-column ol.commentlist { display: flex; flex-flow: wrap; width: 50%; padding: 0px 20px; margin: 0 auto; }
#estech-theme .comments-column ol.commentlist li { width: 100%; padding: 30px 0px; }
#estech-theme .comments-column ol.commentlist a { color: #C8A2C8; }
#estech-theme .comments-column div#respond form a { color: #C8A2C8; }
#estech-theme .comments-column ol.commentlist li .comment-author.vcard { display: flex; width: 100%; flex-flow: wrap; }
#estech-theme .comments-column ol.commentlist li .comment-author.vcard img.avatar { margin-right: 20px; }
#estech-theme .comments-column div#respond { width: 50%; margin: 0 auto; }
#estech-theme .comments-column p.comment-form-comment, #estech-theme .comments-column p.comment-form-author, #estech-theme .comments-column p.comment-form-email, #estech-theme p.comment-form-url { display: grid; flex-flow: wrap; }
#estech-theme .comments-column p.comment-form-comment label, #estech-theme .comments-column p.comment-form-author label, #estech-theme .comments-column p.comment-form-email label, #estech-theme .comments-column p.comment-form-url label { width: 100%; }
#estech-theme .comments-column form .form-submit input#submit { padding: 10px; color: #fff; background-color: #C8A2C8; border: 1px groove #C8A2C8; font-size: 16px; line-height: 20px; font-family: 'OpenDyslexicRegular'; }
#estech-theme .comments-column form .form-submit input#submit:hover { background-color: #000; border: 1px groove #000; }

/* ANIMATIONS */
#estech-theme .zoom { transition: width 1s, height 1s, transform 1s; -moz-transition: width 1s, height 1s, -moz-transform 1s; -webkit-transition: width 1s, height 1s, -webkit-transform 1s; -o-transition: width 1s, height 1s,-o-transform 1s; }
#estech-theme .zoom:hover { transform : scale(1.05); -moz-transform : scale(1.05); -webkit-transform : scale(1.05); -o-transform : scale(1.05); }

/* ASTRONOMIA */
#estech-theme section.planetari { background: url('../images/sky.jpg'); margin-top: -50px; padding-bottom: 50px; }
#estech-theme section.planetari span#date { color: #fff; }
#estech-theme section.planetari div#controls { margin: 0 auto; display: grid; justify-items: center; }
#estech-theme section.planetari .row.planet { display: flex; }
#estech-theme section.planetari ul#magnitudes { padding-top: 20px; width: 20%; }
#estech-theme section.planetari .canvas-planet { width: 80%; }
#estech-theme section.block-contingut p a { background: #C8A2C8; color: #ffffff; padding: 10px; display: inline-block; }
#estech-theme section.block-contingut p a:hover { background: #000000; color: #ffffff; padding: 10px; display: inline-block; }

/* MENU */
#estech-theme header.the-header .row-header div.menu ul.menu ul.sub-menu { position: absolute; display: none; background: #000000; padding: 10px 0px; }
#estech-theme header.the-header .row-header div.menu ul.menu li ul.sub-menu a { line-height: 30px; margin-bottom: 15px; }

#estech-theme header.the-header .row-header div.list-menu-mbl ul.menu ul.sub-menu {
    position: absolute;
    display: none;
    background: #000000;
    padding: 10px 0px;
}

#estech-theme header.the-header .row-header div.list-menu-mbl ul.menu li ul.sub-menu a {
    line-height: 30px;
    margin-bottom: 15px;
}

#estech-theme header.the-header .list-menu-mbl li {
    width: fit-content;
    margin: 0 auto;
}

#estech-theme header.the-header .list-menu-mbl li {
    /* width: fit-content; */
    /* margin: 0 auto; */
    padding-right: 10%;    
    padding-left: 10%;  
    padding-bottom: 20px;
}

#estech-theme header.the-header .row-header div.menu ul.menu li.current_page_item a {
    background-color: #E0C6E0;
}
#estech-theme header.the-header .list-menu-mbl ul.menu li.current_page_item a {
    color: #C8A2C8;
}

#estech-theme header.the-header .list-menu-mbl li.menu-item-has-children:before {
    content: "V";
    /* top: 0px; */
    right: 5%;
    font-size: 16px;
    color: #000;
    position: absolute;
    float: right;
    color: #C8A2C8;
}

#estech-theme header.the-header .row-header div.list-menu-mbl ul.menu ul.sub-menu {
    background: #ccc;
    padding-left: 20px;
    width: 60%;
}

#estech-theme header.the-header .row-header div.list-menu-mbl ul.menu ul.sub-menu li {
    width: 100%;
}

#estech-theme header.the-header .row-header div.list-menu-mbl ul.menu ul.sub-menu li a {
    text-shadow: none;
}

#estech-theme footer .content-foot {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #C8A2C8;
}

#estech-theme footer .content-foot .foot-cont-lft {
    width: 40%;
}

#estech-theme footer .content-foot .foot-cont-lft ul#menu-menu-footer {
    display: flex;
    flex-flow: wrap;
    width: 100%;
}

#estech-theme footer .content-foot .foot-cont-lft ul#menu-menu-footer li {
    width: 50%;
    padding-right: 5px;
    padding-left: 5px;
}

#estech-theme footer .content-foot .foot-cont-lft ul#menu-menu-footer li a {
    color: #ffffff;
}

#estech-theme footer .content-foot .foot-cont-lft ul#menu-menu-footer li a:hover {
    color: #C8A2C8;
}

#estech-theme footer .content-foot .foot-cont-lft ul#menu-menu-footer li.current_page_item a {
    color: #C8A2C8;
}

#estech-theme footer .content-foot .foot-cont-rgt {
    width: 60%;
}

#estech-theme footer .content-foot .foot-cont-rgt .logos.partners {
    display: block;
}

#estech-theme footer .content-foot .foot-cont-rgt .logos.partners ul.logos-list {
    display: flex;
    flex-flow: wrap;
    width: 100%;
}

#estech-theme footer .content-foot .foot-cont-rgt .logos.partners ul.logos-list li {
    width: 33%;
}

#estech-theme footer .content-foot .foot-cont-rgt .logos.partners ul.logos-list li img {
    width: 100%;
    max-width: 80px;
}


/* CONTACTAR */
#estech-theme section div.wpcf7 {
    display: flex;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
}

#estech-theme section div.wpcf7 .wpcf7-form-control-wrap input.form-control, #estech-theme section div.wpcf7 .wpcf7-form-control-wrap textarea.form-control, #estech-theme section div.wpcf7 input[type=submit] {
    padding: 10px 20px;
    margin-bottom: 15px;
}

#estech-theme section div.wpcf7 input[type=submit] {
    background-color: #C8A2C8;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #fff;
}

#estech-theme section div.wpcf7 input[type=submit]:hover {
    background-color: #000;
}

/* 404 Page */
#estech-theme section.breadcrumb.p404 {
    margin-top: -100px;
}
#estech-theme section.es-404 {
    background: #F8F8F8;
}
#estech-theme section.es-404 .cap-404, #estech-theme section.es-404 .cos-404 {
    display: grid;
    width: 100%;
    justify-items: center;
}

#estech-theme section.es-404 .cap-404 span.oops-404 {
    font-size: 42px;
    color: #C8A2C8;
}

#estech-theme section.es-404 .cap-404 h1 {
    font-size: 30px;
    margin: 0 auto;
}

body#estech-theme .cos-404 img {
    height: 350px;
}



.block-contingut ul {
    padding-left: 30px;
}
section.block-contingut ul li:after {
    left: 10.5%;
}


.cards .card-cont ul {
    padding-left: 20px;
}

.cards .card-cont ul li {
    font-size: 16px; 
    line-height: 20px; 
    font-family: 'Verdana';
    margin-bottom: 10px;
}

.cards .card-cont ul {
    list-style: disc;
}

.cards .card-cont ul > li > ul {
    list-style: circle;
}

/* .cards .card-cont > ul > li::before {
    position: absolute;
    content: "";
    left: 6.2%;
    width: 10px;
    height: 10px;
    background: #C8A2C8;
    border-radius: 50px;
    float: left;
    margin-top: 0.7%;
}

.cards .card-cont > ul > li > ul > li::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    left: 9.2%;
    background: #C8A2C8;
    border-radius: 50px;
    float: left;
    margin-top: 1.22%;
} */

.cards .card-cont > ul ul {
    margin-top: 10px;
}

/* LIST CARDS */
#estech-theme .list-sec .content {
    display: block;
    position: relative;
}

#estech-theme .list-sec .content div.list-cards {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    justify-content: center;
}

#estech-theme .list-sec .content div.list-cards > div {
    box-shadow: 5px 5px 5px 0px rgba(224,198,224,0.49);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(224,198,224,0.49);
    -moz-box-shadow: 5px 5px 5px 0px rgba(224,198,224,0.49);
    border-radius: 10px;
    border: 1px solid #E0C6E0;
    padding: 0;
    margin: 1%;
    flex: 0 1 23%;
    position: relative;
    display: block;
    width: 100%;
}

#estech-theme .list-sec .content div.list-cards div .cards-img {
    clear: both;
}

#estech-theme .list-sec .content div.list-cards div .cards-img {
    width: 100%;
    display: block;
    aspect-ratio: 16/9;
    overflow: hidden;
}

#estech-theme .list-sec .content div.list-cards div .cards-credits {
    width: 100%;
    display: block;
}

#estech-theme .list-sec .content div.list-cards div .cards-img img {
    width: 100%;
    display: block;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    overflow: hidden;
    
    transform: scale(1);
    opacity: 0.7; 
    
    /* transition: transform 0.5s ease; */
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
}

#estech-theme .list-sec .content div.list-cards > div:hover .cards-img img {
    transform: scale(1.2);
    /* transition: transform 0.5s ease; */
    opacity: 1;
    
}

#estech-theme .list-sec .content div.list-cards div .cards-credits {
    padding: 10px;
}

#estech-theme .list-sec .content div.list-cards ul.rels li {
    display: inline-flex;
    font-size: 12px;
}

#estech-theme .list-sec .content div.list-cards ul.rels li::after {
    content: "|";
    padding: 0px 0px 0px 5px;
}

#estech-theme .list-sec .content div.list-cards ul.rels li:last-child::after {
    content: none;
}

#estech-theme .list-sec .content div.list-cards ul.rels li {
    font-size: 12px;
}

#estech-theme .list-sec .content .list-filters {
    display: flex;
    width: 100%;
    column-gap: 2%;
    flex-flow: wrap;
    padding: 20px 0px;
}

#estech-theme .list-sec .content div.list-cards div .cards-credits .llegir-btn {
    padding-top: 20px;
}

#estech-theme .list-sec .content div.list-cards div .cards-credits h3 {
    margin-bottom: 5px;
}

#estech-theme .list-sec .content div.list-cards ul.rels li, #estech-theme .list-sec .content div.list-cards ul.rels li a, #estech-theme .list-sec .content div.list-cards div .cards-credits ul.rels {
    font-size: 12px;
    line-height: 20px;
}


#estech-theme .list-sec .content div.list-cards div .cards-img a {
    width: auto;
    display: block;
    aspect-ratio: 16 / 9;
}

#estech-theme section.block-contingut-sidebar .row {
    display: grid;
    grid-template-columns: 70% 30%;
}

#estech-theme section.block-contingut-sidebar {
    padding-top: 0px;
}

span.etiqueta {
    color: #C8A2C8;
    text-shadow: 0px 1px #9D00FF;
    width: fit-content;
    display: block;
    font-size: 16px;
    font-family: 'Verdana';
    padding-bottom: 10px;
}

span.etiqueta::after {
    content: "";
    border-bottom: 2px solid #C8A2C8;
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 5px;
}

span.etiqueta.etiqueta-btn::after {
    content: none;
}

span.etiqueta.etiqueta-btn {
    background-color: #C8A2C8;
    padding: 5px 10px;
    color: #fff;
    text-shadow: 0px 1px #ffffff;
}

#estech-theme section.block-contingut-sidebar .sidebar {
    padding-left: 35px;
    border-left: 1px solid #C8A2C8;
}

#estech-theme section.single-page h1 {
    font-size: 36px;
    line-height: 40px;
}

#estech-theme section.single-page h2 {
    font-weight: bold;
}

#estech-theme .sidebar .item-sidebar, #estech-theme .contingut .sec-block {
    padding-bottom: 20px;
    padding-top: 10px;
}

#estech-theme .sidebar .item-sidebar:first-child, #estech-theme .contingut .sec-block:first-child {
    padding-top: 0px;
}

#estech-theme span.color {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

#estech-theme .sidebar .item-sidebar.item-color {
    display: inline-flex;
    column-gap: 2%;
    width: 100%;
}

#estech-theme .list-sec.list-sec-rel .cards .list-cards {
    display: grid;
    /* grid-template-columns: 30% 30% 30%; */
    grid-template-columns: 22% 22% 22% 22%;
    column-gap: 2%;
}

#estech-theme .list-sec.list-sec-rel .cards .list-cards .list-container {
    margin-bottom: 20px;
}

#estech-theme .list-sec .content div.list-cards div .cards-credits ul.rels {
    padding-left: 0px;
}

#estech-theme .list-sec .content div.list-cards ul.rels li::after {
    position: relative;
    background: transparent;
    width: auto;
    height: auto;
    border: 0;
    float: none;
    margin-top: 0;
    left: auto;
}

#estech-theme .tax-sec-cards {
    padding-top: 10px;
}

#estech-theme .content-tax {
    padding-top: 50px;
    padding-bottom: 0;
}

#estech-theme .tax-sec-cards .list-sec .content div.list-cards {
    row-gap: 1.5%;
    padding-bottom: 10rem;
}

#estech-theme span.etiqueta.etiqueta-btn.etiqueta-type {
    position: absolute;
    top: 0;
    border-radius: 7px 0px 7px 0px;
}

#estech-theme .list-sec .content div.list-cards div .cards-img img {
    border-radius: 8px 8px 0px 0px;
}

#estech-theme .list-sec .content div.list-cards div .cards-img {
    border-radius: 8px 8px 0px 0px;
}

#estech-theme .list-sec.list-sec-rel {
    padding: 0px 0px 60px 0px;
}
/* 
#estech-theme .list-sec .content div.list-cards {
    grid-template-columns: 22% 22% 22% 22%;
} */

#estech-theme .tax-sec-cards .list-sec .content div.list-cards {
    grid-template-columns: 22% 22% 22% 22%;
}

.cards-img {
    position: relative;
    overflow: hidden;
}
.cards-img::after {
    content: "";
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.25), rgba(0,0,0,0));
    pointer-events: none;
}
.cards-img img {
    width: 100%; height: 100%; object-fit: cover;
    transition: transform .5s ease;
}
.list-cards li:hover .cards-img img { 
    transform: scale(1.05); 
}

#estech-theme.single span.etiqueta.etiqueta-btn.etiqueta-type {
    display: none;
}

#estech-theme .sidebar .item-sidebar .item-sidebar-list {
    display: inline-flex;
    column-gap: 10px;
    width: 100%;
    flex-flow: wrap;
}

#estech-theme .sidebar .item-sidebar .item-sidebar-list > a {
    margin-bottom: 5px;
    flex: 0 1 auto;
}

#estech-theme .sidebar .item-sidebar .item-sidebar-list.objectius-rel span.etiqueta.etiqueta-btn, #estech-theme .sidebar .item-sidebar .item-sidebar-list.durada-rel span.etiqueta.etiqueta-btn {
    background-color: #ffffff;
    text-shadow: none;
    color: #C8A2C8;
    border: 1px solid #8A2BE2;
}

/* #estech-theme .sidebar .item-sidebar .item-sidebar-list.objectius-rel > a:nth-child(odd) span.etiqueta.etiqueta-btn {
    color: #ffffff;
    background-color: #C8A2C8;
}

#estech-theme .sidebar .item-sidebar .item-sidebar-list.objectius-rel > a:nth-child(even) span.etiqueta.etiqueta-btn {
    color: #8A2BE2;
    background-color: #ffffff;
} */

#estech-theme .sidebar .item-sidebar .item-sidebar-list.durada-rel > a span.etiqueta.etiqueta-btn {
    color: #ffffff;
    background-color: #C8A2C8;
}

#estech-theme .sidebar .item-sidebar .item-sidebar-list.objectius-rel > a span.etiqueta.etiqueta-btn {
    color: #8A2BE2;
    background-color: #ffffff;
}

#estech-theme.single span.etiqueta.etiqueta-btn:hover {
    opacity: 0.7;
}

#estech-theme.single span.etiqueta.etiqueta-btn.lb-basic {
    background-color: #00cc66;
}

#estech-theme.single span.etiqueta.etiqueta-btn.lb-intermig {
    background-color: #ff7f00;
}

#estech-theme.single span.etiqueta.etiqueta-btn.lb-avancat {
    background-color: #ff0000;
}


.galeria-container.medias-container {
    display: block;
}
.galeria-container.medias-container ul.medias {
    display: grid;
    grid-template-columns: 31% 31% 31%;
    width: 100%;
    gap: 20px;
    list-style: none;
    padding-left: 0;
}
.galeria-container.medias-container ul.medias li {
    width: 100%;
    box-shadow: 5px 5px 5px 0px rgba(224,198,224,0.49);
    -webkit-box-shadow: 5px 5px 5px 0px rgba(224,198,224,0.49);
    -moz-box-shadow: 5px 5px 5px 0px rgba(224,198,224,0.49);
    border-radius: 10px;
    border: 1px solid #E0C6E0;
}

.galeria-container.medias-container ul.medias li .gal-caption {
    padding: 10px;
}
.galeria-container.medias-container ul.medias li .gal-caption .autor {
    font-size: 12px;
    line-height: 12px;
}
.galeria-container.medias-container ul.medias li .gal-caption p {
    margin-top: 5px;
    font-weight: bold;
}

.galeria-container.medias-container ul.medias li iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}

.galeria-container.medias-container ul.medias li::after {
    content: none;
}

.separador {
    border: 0;
    height: 3px;
    background: linear-gradient(to right, #C8A2C8, #9D00FF);
    border-radius: 2px;
    margin: 2rem 0;
}

#estech-theme section.block-contingut-sidebar .sidebar .cards .list-cards {
    grid-template-columns: 31% 31% 31%;
    justify-content: left;
}

#estech-theme section.block-contingut-sidebar .sidebar .cards .list-cards .list-container {
    margin-bottom: 10px;
}

#estech-theme section.block-contingut-sidebar .sidebar .cards .list-cards .list-container .cards-credits h3 {
    font-size: 14px;
    line-height: 16px;
    margin-top: 0;
}

#estech-theme section.block-contingut-sidebar .sidebar .cards .list-cards .list-container .cards-credits .llegir-btn {
    font-size: 12px;
    line-height: 12px;
    margin-top: 0;
}

#estech-theme section.block-contingut-sidebar .sidebar .list-sec {
    padding-bottom: 10px;
}

#estech-theme section.block-contingut-sidebar .list-sec.list-solap .list-container {
    position: relative;
}

#estech-theme section.block-contingut-sidebar .list-sec.list-solap .list-container .cards-credits {
    position: absolute;
    bottom: 0;
}

#estech-theme section.block-contingut-sidebar .sidebar .cards .list-cards .list-container .cards-credits .llegir-btn {
    display: none;
}

#estech-theme section.block-contingut-sidebar .list-sec.list-solap .list-container .cards-img {
    border-radius: 5px;
}

#estech-theme section.block-contingut-sidebar .list-sec.list-solap .list-container .cards-credits h3 {
    background: rgba(255, 255, 255, 0.5);
    padding: 5px;
    margin-bottom: 0;
}

#estech-theme section.block-contingut-sidebar .sidebar .list-sec.list-solap.cols-2 .cards .list-cards {
    grid-template-columns: 48% 48%;
}