body.template-search_events_view .liveSearch__date .pattern-pickadate-wrapper .pattern-pickadate-date-wrapper .picker__input {   width: auto; width: 100%;}

.liveSearch__date .pattern-pickadate-date-wrapper { flex-grow: 1;}

body.template-search_events_view #content-core img.eventItem__image { aspect-ratio: 4 / 3; height: auto; width: 100%; object-fit: cover;}

@media (min-width: 48em) {
    body.template-search_events_view .liveSearch__btnWrapper { flex: 0 0 calc(100% - 2.4rem);  }
}

@media (min-width: 62em) {
    body.template-search_events_view .liveSearch__category, .liveSearch__date, .liveSearch__text { flex-basis: 40%;}
}

@media (min-width: 75em) {
    body.template-search_events_view .liveSearch__category, .liveSearch__date, .liveSearch__text { flex-basis: 20%;}
}

body .cursor-pointer {
    cursor: pointer !important;
}

body.template-edit.portaltype-event #form-widgets-IEventFeaturedSchema-featured,
body.template-edit.portaltype-event .highlighted_text,
body.viewpermission-add-portal-content.template-event #form-widgets-IEventFeaturedSchema-featured,
body.viewpermission-add-portal-content.template-event .highlighted_text {
    background-color: yellow;
    max-width: 600px;
    padding: 5px;
}

body.template-edit.portaltype-event #form-widgets-IEventFeaturedSchema-featured span.label,
body.viewpermission-add-portal-content.template-event #form-widgets-IEventFeaturedSchema-featured span.label {
    font-size: 100% !important;
    color: black !important;
}
body p.callout {
    border-color: #00B2C0;
}

.recycling-form .select2-container {
    width: 100%;
}
.recycling-form .select2-container .select2-choice {
    height: 36px !important;
    line-height: 36px !important;
    background: none !important;
}

.qr-listing .qr-image-div {
    border: 1px solid black;
    border-radius: 10%;
}
.field--recaptcha iframe {
    height: 78px;
}


/* CAPTACIO DE TALENT */
/* template-document_view */
.subsection-oferta-publica-ocupacio-talent-captacio-de-talent,
.subsection-oferta-publica-de-ocupacion-captacion-de-talento-captacion-de-talento {
    overflow-x: hidden;
}
/* .subsection-oferta-publica-ocupacio-talent-captacio-de-talent .portalIcons__item:hover .portalIcons__wrapper,
.subsection-oferta-publica-de-ocupacion-captacion-de-talento-captacion-de-talento .portalIcons__item:hover .portalIcons__wrapper {
    background-color: var(--green1);
} */
.subsection-oferta-publica-ocupacio-talent-captacio-de-talent #accordion .panel-heading a,
.subsection-oferta-publica-de-ocupacion-captacion-de-talento-captacion-de-talento #accordion .panel-heading a {
    display: flex !important;
    width: 100% !important;
    text-decoration:none !important;
    box-shadow: none;
}
.subsection-oferta-publica-ocupacio-talent-captacio-de-talent #accordion .panel-heading a i,
.subsection-oferta-publica-de-ocupacion-captacion-de-talento-captacion-de-talento #accordion .panel-heading a i {
    transition: transform 0.3s ease-in-out;
}
.subsection-oferta-publica-ocupacio-talent-captacio-de-talent #accordion .panel-heading a[aria-expanded="true"] i,
.subsection-oferta-publica-de-ocupacion-captacion-de-talento-captacion-de-talento #accordion .panel-heading a[aria-expanded="true"] i {
    transform: rotate(180deg);
}

/* ######################################################## */
/* DIRECT LINKS FRONTPAGE */
@media (min-width: 62em) {
    .featured-links-extended__wrapper { width: 100%;}
    .featured-links__wrapper { flex: 0;}
    .featured-links-extended__caption { flex: 0 1 auto;}
    .featured-links-extended__link span { display: block;}
}
@media (min-width: 100em) {
    .featured-links-extended__wrapper { width: auto;}
    .featured-links-extended__link span { display: inline;}
}

/* ######################################################## */
/* TABLES */
#parent-fieldname-text table.table { border: none;}
#parent-fieldname-text table.table > tbody > tr > td, 
#parent-fieldname-text table.table > tbody > tr > th, 
#parent-fieldname-text table.table > tfoot > tr > td, 
#parent-fieldname-text table.table > tfoot > tr > th,
#parent-fieldname-text table.table > thead > tr > td, 
#parent-fieldname-text table.table > thead > tr > th { border-left: none; border-right: none;border-color: #00b2c0;}
#parent-fieldname-text table.table {border-right: none; border-left: none;}
#parent-fieldname-text table:not(.table) > tbody > tr > td,
#parent-fieldname-text table:not(.table) > tbody > tr > th,
#parent-fieldname-text table:not(.table) > tfoot > tr > td,
#parent-fieldname-text table:not(.table) > tfoot > tr > th,
#parent-fieldname-text table:not(.table) > thead > tr > td,
#parent-fieldname-text table:not(.table) > thead > tr > th { padding: 8px; } 
#parent-fieldname-text table.table.table-striped { border:none;}
#parent-fieldname-text table.table.table-striped > tbody > tr > td, 
#parent-fieldname-text table.table.table-striped > tbody > tr > th, 
#parent-fieldname-text table.table.table-striped > tfoot > tr > td, 
#parent-fieldname-text table.table.table-striped > tfoot > tr > th,
#parent-fieldname-text table.table.table-striped > thead > tr > td, 
#parent-fieldname-text table.table.table-striped > thead > tr > th { border-color: transparent; }
#parent-fieldname-texttable.table-striped > tbody > tr:nth-of-type(2n+1) { background-color: #EEEEEE;}
#parent-fieldname-text table.table > tbody > tr:first-child > td, 
#parent-fieldname-text table.table > tbody > tr:first-child > th, 
#parent-fieldname-text table.table > thead > tr:first-child > td, 
#parent-fieldname-text table.table > thead > tr:first-child > th {	border-top:none;}
#parent-fieldname-text table.table-featured > tbody:first-child > tr:first-child, 
#parent-fieldname-text table.table-featured > thead > tr:first-child { background-color: #EEEEEE;}

/* ######################################################## */
/* ACCORDION CUSTOM */
#accordion-custom .panel-default {
    border:none;
    box-shadow: none;
}
#accordion-custom .panel-default > .panel-heading {
    background-color: transparent;
    padding:0;
}
#accordion-custom .panel-title-custom {
    position: relative;
    line-height: 1.40;
    padding:0;
    margin-top: 0;
    margin-bottom: 0;
}
#accordion-custom .panel-title-custom a {
    display: block;
    box-shadow: none;
    background-color: #f5f5f5;
    padding: 5px 45px 5px 15px;
    border-bottom: 3px solid transparent !important;
}
#accordion-custom .panel-title-custom a:hover,
#accordion-custom .panel-title-custom a:focus,
#accordion-custom .panel-title-custom a[aria-expanded="true"] {
    background-color: transparent;
    border-bottom: 3px solid #00b2c0 !important;
    color: #00b2c0;
}
#accordion-custom .panel-title-custom .toggle-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3rem;
}
#accordion-custom .panel-title-custom a .toggle-icon::before {
    color:#00b2c0;
}
#accordion-custom .panel-title-custom a[aria-expanded="false"] .toggle-icon::before {
    content: "+";
}
#accordion-custom .panel-title-custom a[aria-expanded="true"] .toggle-icon::before {
    content: "–";
}

/* ######################################################## */
/* IMAGE IN PORTLETS */
.portletStaticText img {    max-width: 100%;  height: auto;}

/* ######################################################## */
/* NEWS */
.newsItem__link:focus,
.newsItem__link:hover,
#portal-sitemap a:focus, 
#portal-sitemap a:hover { color: #00838d; }

/* ######################################################## */
/* BLOG VIEW */
.blogItem__link:hover,
.blogItem__link:focus {
    color: #1A171B;
}

/* ######################################################## */
/* MINISITE */
.minisiteEvents .eventItem__text:focus-within {
	background-color: var(--cf-minisite-primary);
	color: var(--cf-minisite-contrast);
}
.minisiteEvents .eventItem__text:focus-within p {
    color: var(--cf-minisite-contrast);
}
@media (min-width: 62rem) {
    .minisiteHeader .owl-stage{
        display: flex;
    }
}

/* ######################################################## */
/* WORKS */
.owlcarousel-works .owl-stage {
  display: flex;
}

.owlcarousel-works .owl-item {
  display: flex;
  flex: 1 0 auto;
}

.owlcarousel-works .owl-item > div {
  flex: 1;
}

body .discreet {
    color: #696969;
}

/* ######################################################## */
/* HEADER */
@media (max-width: 399px) {
    .mainNavBar__wrapper {
        grid-template-columns: 8rem auto 1fr;
    }
    .headerLogo img {
        width: 8rem;
    }
}

/* ######################################################## */
/* FOOTER */
.portalFooter__xxss {
    flex-wrap: wrap;
}
@media (min-width: 75em) {
    .portalFooter__wrapper .portalFooter__contact {
        grid-column: 1/6;
    }
}

/* ######################################################## */
/* COOKIES */
#cookieklaro .cm-btn-danger.cm-btn,
#cookieklaro .cm-btn-success.cm-btn{
    background-color: #1f7e9a;
    border-color: #5bc0de;
}

/* ######################################################## */
/* MILLORES CIUTAT */
.listWorks__hastag {
    font-size: clamp(16px, calc(16px + (24 * ((100vw - 320px) / 680))), 40px) !important;
}

/* ######################################################## */
/* LANDING */
.portalSlider--landing {
    display: flex;
}

.portalSlider--landing .video-theme .bg-video {
    height: 66vh;
    width: auto;
    justify-content: center;
    padding: 0;
}

.portalSlider--landing .video-theme h1 {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, .5);
}

body.portaltype-landing .portalSlider--landing+.featured-links2 {
    margin-top: 0 !important;
}

@media (min-width: 62em) {
    .portalSlider.portalSlider--landing {
        height: 41vw;
        aspect-ratio: unset;
    }

    .portalSlider--landing .video-theme .bg-video {
        height: 41vw;
    }
}