/**
 * @file
 * Subtheme specific CSS.
 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {
    --l-l2-background: #e1e4ec;
    --l-l2-accentFillRest: #006cbe;
    --l-l2-accentFillHover: #0078d4;
    --l-l2-accentFillActive: #005ca3;
    --l-l2-accentFillSelected: #00477d;
    --l-l2-accentForegroundCut: #ffffff;
    --l-l2-neutralFocusInnerAccent: #d4e8f8;
    --l-l2-neutralFocus: #64789c;
    --l-l2-neutralFillRest: #f6f7f9;
    --l-l2-neutralFillHover: #ffffff;
    --l-l2-neutralFillActive: #f0f2f5;
    --l-l2-neutralFillSelected: #f6f7f9;
    --l-l2-neutralForegroundRest: #00153c;
    --l-l2-neutralFillStealthRest: #e1e4ec;
    --l-l2-neutralFillStealthHover: #f0f2f5;
    --l-l2-neutralFillStealthActive: #eaecf1;
    --l-l2-neutralFillStealthSelected: #f6f7f9;
    --l-l2-neutralOutlineRest: #95a2bb;
    --l-l2-neutralOutlineHover: #677a9e;
    --l-l2-neutralOutlineActive: #b0bacd;
    --l-l3-background: #d8dce6;
    --l-l3-accentFillRest: #006cbe;
    --l-l3-accentFillHover: #0078d4;
    --l-l3-accentFillActive: #005ca3;
    --l-l3-accentFillSelected: #00477d;
    --l-l3-accentForegroundCut: #ffffff;
    --l-l3-neutralFocusInnerAccent: #c7e1f6;
    --l-l3-neutralFocus: #5e7298;
    --l-l3-neutralFillRest: #edeff3;
    --l-l3-neutralFillHover: #f6f7f9;
    --l-l3-neutralFillActive: #e7eaef;
    --l-l3-neutralFillSelected: #edeff3;
    --l-l3-neutralForegroundRest: #000d25;
    --l-l3-neutralFillStealthRest: #d8dce6;
    --l-l3-neutralFillStealthHover: #e7eaef;
    --l-l3-neutralFillStealthActive: #e1e4ec;
    --l-l3-neutralFillStealthSelected: #edeff3;
    --l-l3-neutralOutlineRest: #8c9ab5;
    --l-l3-neutralOutlineHover: #5e7298;
    --l-l3-neutralOutlineActive: #a7b2c7;
    --l-l4-background: #ced5e0;
    --l-l4-accentFillRest: #006cbe;
    --l-l4-accentFillHover: #0078d4;
    --l-l4-accentFillActive: #005ca3;
    --l-l4-accentFillSelected: #00477d;
    --l-l4-accentForegroundCut: #ffffff;
    --l-l4-neutralFocusInnerAccent: #b6f8f3;
    --l-l4-neutralFocus: #586d94;
    --l-l4-neutralFillRest: #e4e7ee;
    --l-l4-neutralFillHover: #edeff3;
    --l-l4-neutralFillActive: #dee2ea;
    --l-l4-neutralFillSelected: #e4e7ee;
    --l-l4-neutralForegroundRest: #000000;
    --l-l4-neutralFillStealthRest: #ced5e0;
    --l-l4-neutralFillStealthHover: #dee2ea;
    --l-l4-neutralFillStealthActive: #d8dce6;
    --l-l4-neutralFillStealthSelected: #e4e7ee;
    --l-l4-neutralOutlineRest: #8392af;
    --l-l4-neutralOutlineHover: #556a92;
    --l-l4-neutralOutlineActive: #9eaac1;
    --d-l1-background: #274375;
    --d-l1-accentFillRest: #006cbe;
    --d-l1-accentFillHover: #0078d4;
    --d-l1-accentFillActive: #005ca3;
    --d-l1-accentFillSelected: #238ada;
    --d-l1-accentForegroundCut: #ffffff;
    --d-l1-neutralFocusInnerAccent: #004478;
    --d-l1-neutralFocus: #8f9db7;
    --d-l1-neutralFillRest: #3d5583;
    --d-l1-neutralFillHover: #465d89;
    --d-l1-neutralFillActive: #37507f;
    --d-l1-neutralFillSelected: #3d5583;
    --d-l1-neutralForegroundRest: #ffffff;
    --d-l1-neutralFillStealthRest: #274375;
    --d-l1-neutralFillStealthHover: #37507f;
    --d-l1-neutralFillStealthActive: #314a7b;
    --d-l1-neutralFillStealthSelected: #3d5583;
    --d-l1-neutralOutlineRest: #7385a6;
    --d-l1-neutralOutlineHover: #a1adc3;
    --d-l-neutralOutlineActive: #586d94;
    --d-l2-background: #15336a;
    --d-l2-accentFillRest: #006cbe;
    --d-l2-accentFillHover: #0078d4;
    --d-l2-accentFillActive: #005ca3;
    --d-l2-accentFillSelected: #238ada;
    --d-l2-accentForegroundCut: #ffffff;
    --d-l2-neutralFocusInnerAccent: #00355d;
    --d-l2-neutralFocus: #798aaa;
    --d-l2-neutralFillRest: #2a4577;
    --d-l2-neutralFillHover: #344d7d;
    --d-l2-neutralFillActive: #244073;
    --d-l2-neutralFillSelected: #2a4577;
    --d-l2-neutralForegroundRest: #ffffff;
    --d-l2-neutralFillStealthRest: #15336a;
    --d-l2-neutralFillStealthHover: #244073;
    --d-l2-neutralFillStealthActive: #1e3b6f;
    --d-l2-neutralFillStealthSelected: #2a4577;
    --d-l2-neutralOutlineRest: #61759a;
    --d-l2-neutralOutlineHover: #8f9db7;
    --d-l2-neutralOutlineActive: #465d89;
    --d-l3-background: #0c2b64;
    --d-l3-accentFillRest: #006cbe;
    --d-l3-accentFillHover: #0078d4;
    --d-l3-accentFillActive: #005ca3;
    --d-l3-accentFillSelected: #238ada;
    --d-l3-accentForegroundCut: #ffffff;
    --d-l3-neutralFocusInnerAccent: #002f52;
    --d-l3-neutralFocus: #7082a4;
    --d-l3-neutralFillRest: #213d71;
    --d-l3-neutralFillHover: #2a4577;
    --d-l3-neutralFillActive: #1b386d;
    --d-l3-neutralFillSelected: #213d71;
    --d-l3-neutralForegroundRest: #ffffff;
    --d-l3-neutralFillStealthRest: #0c2b64;
    --d-l3-neutralFillStealthHover: #1b386d;
    --d-l3-neutralFillStealthActive: #15336a;
    --d-l3-neutralFillStealthSelected: #213d71;
    --d-l3-neutralOutlineRest: #586d94;
    --d-l3-neutralOutlineHover: #8695b1;
    --d-l3-neutralOutlineActive: #3d5583;
    --d-l4-background: #03235e;
    --d-l4-accentFillRest: #006cbe;
    --d-l4-accentFillHover: #0078d4;
    --d-l4-accentFillActive: #005ca3;
    --d-l4-accentFillSelected: #238ada;
    --d-l4-accentForegroundCut: #ffffff;
    --d-l4-neutralFocusInnerAccent: #002847;
    --d-l4-neutralFocus: #6a7da0;
    --d-l4-neutralFillRest: #18356c;
    --d-l4-neutralFillHover: #213d71;
    --d-l4-neutralFillActive: #12306b;
    --d-l4-neutralFillSelected: #18356c;
    --d-l4-neutralForegroundRest: #f9fafb;
    --d-l4-neutralFillStealthRest: #03235e;
    --d-l4-neutralFillStealthHover: #12306b;
    --d-l4-neutralFillStealthActive: #0c2b64;
    --d-l4-neutralFillStealthSelected: #18356c;
    --d-l4-neutralOutlineRest: #4f658e;
    --d-l4-neutralOutlineHover: #7c8dac;
    --d-l4-neutralOutlineActive: #344d7d;
    --l1-background: #ffffff;
    --l1-accentFillRest: #0078d4;
    --l1-accentFillHover: #006cbe;
    --l1-accentFillActive: #1683d8;
    --l1-accentFillSelected: #005393;
    --l1-accentForegroundCut: #ffffff;
    --l1-neutralFocusInnerAccent: #fbfdfe;
    --l1-neutralFocus: #7688a8;
    --l1-neutralFillRest: #eaecf1;
    --l1-neutralFillHover: #e1e4ec;
    --l1-neutralFillActive: #f0f2f5;
    --l1-neutralFillSelected: #eaecf1;
    --l1-neutralForegroundRest: #092862;
    --l1-neutralFillStealthRest: #ffffff;
    --l1-neutralFillStealthHover: #f0f2f5;
    --l1-neutralFillStealthActive: #f6f7f9;
    --l1-neutralFillStealthSelected: #eaecf1;
    --l1-neutralOutlineRest: #b3bdce;
    --l1-neutralOutlineHover: #8695b1;
    --l1-neutralOutlineActive: #ced5e0;
    --l2-background: #ffffff;
    --l2-accentFillRest: #0078d4;
    --l2-accentFillHover: #006cbe;
    --l2-accentFillActive: #1683d8;
    --l2-accentFillSelected: #005393;
    --l2-accentForegroundCut: #ffffff;
    --l2-neutralFocusInnerAccent: #fbfdfe;
    --l2-neutralFocus: #7688a8;
    --l2-neutralFillRest: #eaecf1;
    --l2-neutralFillHover: #e1e4ec;
    --l2-neutralFillActive: #f0f2f5;
    --l2-neutralFillSelected: #eaecf1;
    --l2-neutralForegroundRest: #092862;
    --l2-neutralFillStealthRest: #ffffff;
    --l2-neutralFillStealthHover: #f0f2f5;
    --l2-neutralFillStealthActive: #f6f7f9;
    --l2-neutralFillStealthSelected: #eaecf1;
    --l2-neutralOutlineRest: #b3bdce;
    --l2-neutralOutlineHover: #8695b1;
    --l2-neutralOutlineActive: #ced5e0;
    --l3-background: #ffffff;
    --l3-accentFillRest: #0078d4;
    --l3-accentFillHover: #006cbe;
    --l3-accentFillActive: #1683d8;
    --l3-accentFillSelected: #005393;
    --l3-accentForegroundCut: #ffffff;
    --l3-neutralFocusInnerAccent: #fbfdfe;
    --l3-neutralFocus: #7688a8;
    --l3-neutralFillRest: #eaecf1;
    --l3-neutralFillHover: #e1e4ec;
    --l3-neutralFillActive: #f0f2f5;
    --l3-neutralFillSelected: #eaecf1;
    --l3-neutralForegroundRest: #092862;
    --l3-neutralFillStealthRest: #ffffff;
    --l3-neutralFillStealthHover: #f0f2f5;
    --l3-neutralFillStealthActive: #f6f7f9;
    --l3-neutralFillStealthSelected: #eaecf1;
    --l3-neutralOutlineRest: #b3bdce;
    --l3-neutralOutlineHover: #8695b1;
    --l3-neutralOutlineActive: #ced5e0;
    --l4-background: #f6f7f9;
    --l4-accentFillRest: #0078d4;
    --l4-accentFillHover: #006cbe;
    --l4-accentFillActive: #1683d8;
    --l4-accentFillSelected: #005393;
    --l4-accentForegroundCut: #ffffff;
    --l4-neutralFocusInnerAccent: #eef6fc;
    --l4-neutralFocus: #7082a4;
    --l4-neutralFillRest: #e1e4ec;
    --l4-neutralFillHover: #d8dce6;
    --l4-neutralFillActive: #e7eaef;
    --l4-neutralFillSelected: #e1e4ec;
    --l4-neutralForegroundRest: #00205c;
    --l4-neutralFillStealthRest: #f6f7f9;
    --l4-neutralFillStealthHover: #e7eaef;
    --l4-neutralFillStealthActive: #edeff3;
    --l4-neutralFillStealthSelected: #e1e4ec;
    --l4-neutralOutlineRest: #aab5c9;
    --l4-neutralOutlineHover: #7c8dac;
    --l4-neutralOutlineActive: #c5cdda
}

html {
    background-color: #ffffff;
    overflow-x: hidden;
}

/* html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span{
    font-family: Arial, Helvetica, sans-serif;
} */

body {
    max-width: 1920px;
    margin: auto !important;
}

#main-wrapper {
    min-height: calc(100vh - 50px - 122px);
}

html {
    overflow-x: hidden;
}

ol, ul {
    padding-left: 1rem;
}

body.user-logged-in {
    padding-top: 75px !important;
}
.row {
    --bs-gutter-x: 0;
}
a {
    color: var(--d-l3-background);
}

a:hover {
    color: var(--l2-accentFillHover);
}

img { 
    max-width: 100%;
}
/* modificado en menu.css
nav#navbar-main {
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

#navbar-main .menu--main-menu-level-1 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#navbar-main .font-search {
    color: white;
    cursor: pointer;
}

#navbar-main .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
*/

/*Search
form#search-block-form {
    padding: 0 20px 0 0;
}

form#search-block-form input {
    background-color: transparent;
    border-radius: 0;
    border: none;
    padding: 0;
}

form#search-block-form input[type="search"] {
    border-bottom: 1px solid;
    color: white !important;
    padding-top: 14px;
}

#search-block-form input[type="search"]:focus {
    border-bottom: 1px solid #fff;
}

form#search-block-form button {
    border-radius: 0;
    padding: 0;
    height: 100%;
    display: flex;
    align-items: flex-end;
    background: transparent;
    border: none;
    margin-left: 10px;
}

#search-block-form .form-submit::before,
#search-block-form .form-submit::after {
    content: "";
    position: absolute;
}

#search-block-form .form-submit::before {
    border: 2px solid #fff;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    right: 14%;
    top: 24%;
}

#search-block-form .form-submit::after {
    background-color: #fff;
    width: 13px;
    height: 2px;
    transform: rotate(45deg);
    right: 22px;
    bottom: 19px;
    border-radius: 1px;
}
#search-block-form input {
    border-bottom: 0;
    margin-bottom: 0;
}
End Search*/

.site-name-slogan {
    color: white;
    margin-left: 97px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 20px;
    max-width: 390px;
}

#header {
    position: relative;
}

#header:after {
    content: "";
    top: 0;
    z-index: 1;
    right: 0;
    width: 559px;
    height: 123px;
    position: absolute;
    pointer-events: none;
}

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

li.dropdown-item:hover {
    background: unset;
}

div#block-addtoanybuttons {
    color: white;
    padding: 18px;
}

svg:not(:host).svg-inline--fa,
svg:not(:root).svg-inline--fa {
    overflow: visible;
    box-sizing: content-box;
    padding: 15px;
}

.section-title {
    font-family: 'Merriweather';
    font-weight: 700;
    text-align: center;
    font-size: calc(38px + (55 - 38) * ((100vw - 320px) / (1366 - 320)));
    color: var(--green-text);
    margin: 90px 0 50px 0;
    padding: 0;
    line-height: calc(38px + (55 - 38) * ((100vw - 320px) / (1366 - 320)));
}

.section-title:before,
.section-title:after {
    position: absolute;
    content: "";
    display: flex;
    width: 196px;
    height: 268px;
    opacity: .6;
    pointer-events: none;
}

.field--name-field-sections>.field__item:nth-child(even) .section-title:before {
    margin-top: -135px;
    background: url("https://i.imgur.com/GyFa7iG.png");
    left: 0;
}

.field--name-field-sections>.field__item:nth-child(odd) .section-title:after {
    margin-top: -190px;
    background: url("https://i.imgur.com/vnWlwBW.png");
    right: 0;
}

.field--type-entity-reference {
    margin: 0
}

.section.highlight-section .section-title {
    display: none;
}

a:hover {
    cursor: pointer;
}

.links-containers {
    margin: -25px 0 50px 0;
    text-align: center;
    color: #9898ae;
}

.links-containers a {
    color: var(--green-text);
    letter-spacing: .05em;
    font-size: 16px;
}

.field.field--name-field-publication-date.field--type-datetime.field--label-hidden.field__item {
    font-size: 14px;
}




.stream-home-content a {
    text-decoration: none;
}

/* .node-type-browser {
    font-size: 14px;
    background-color: #21494f;
    padding: 7px;
    color: #ecfffb;
    width: max-content;
    border-radius: 10px;
} 

.title-browser{
    font-size: 20px;
    font-weight: bold;
}
*/
.basic-breadcrumb a {
    color: #167575;
    text-decoration: underline;
}

.basic-breadcrumb ol {
    margin: 0;
    color: #167575;
}

.basic-breadcrumb * {
    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1366 - 320)));
    font-family: "Montserrat";
    color: #21494F;
}

.basic-breadcrumb {
    background-color: #F2FAF5;
    display: flex;
    padding: 32px 32px 42px 32px;
    justify-content: center;
    align-items: center;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 70%);
    margin-bottom: 50px;
}

.breadcrumb-item.active {
    color: #21494F;
}

.node--type-landing-page form .row>* {
    width: max-content;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-right: 0;
}

.view-filters {
    margin: 10px 0 20px 0;
}

.node--type-landing-page .basic-content-body>* {
    max-width: unset;
    position: relative;
    z-index: 1;
}

.node--type-landing-page .basic-content-body {
    margin-top: 50px;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 160%;
    color: #21494F;
}

.node--type-landing-page form .row> :first-child {
    width: 300px;
    flex: unset;
}

.node--type-landing-page form .row> :last-child {
    width: 150px;
    flex: unset;
}

.node--type-landing-page form .row>* {
    flex: 1;
}

.cke_combo_text {
    line-height: 26px;
    padding-left: 10px;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    cursor: default;
    color: #484848;
    width: 120px;
}

.navbar a.a2a_dd.addtoany_share {
    display: none;
}

.site-footer a.a2a_dd.addtoany_share {
    display: none;
}

#block-addtoanybuttons-3 svg.svg-inline--fa.fa-facebook-f {
    display: none;
}

#block-addtoanybuttons-3 svg.svg-inline--fa.fa-twitter {
    display: none;
}

#block-addtoanybuttons-3 svg.svg-inline--fa.fa-envelope {
    display: none;
}

.form-select {
    line-height: 1.7;
}

.box-info {
    position: absolute;
    z-index: 3;
    bottom: 1rem;
    right: 0;
    width: 200px;
    color: white;
    padding: 1rem;
    background: rgba(255, 174, 53, 0.8);
    backdrop-filter: blur(4px);
    font-family: "montserrat";
}

.box-info .field--name-field-tags li {
    font-size: 15px;
}

.box-info .field--name-field-tags li:before {
    content: "#";
}

.box-info .field--name-field-topic,
.box-info .field--name-field-health-area {
    margin-top: 10px;
}

.box-info .field--name-field-health-area .field__item,
.box-info .field--name-field-source .field__item {
    font-weight: 600;
    font-size: 10px;
    letter-spacing: 0.1em;
    height: 20px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.5);
    ;
    width: min-content;
    padding: 0 .5rem;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: var(--green-text);
    margin: 0 7px 7px 0
}

.box-info .field--name-field-health-area .field__item a,
.box-info .field--name-field-source .field__item a {
    color: var(--green-text);
}

.guide {
    display: flex;
    font-weight: 600;
    align-items: center;
    margin-bottom: 10px;
    font-size: 22px;
}

.guide svg {
    padding: 0 !important;
    margin-right: 5px;
}

span.content-box {
    overflow: hidden;
}

#block-addtoanybuttons svg:hover {
    color: orange;
}

li.dropdown-item.active {
    background: unset;
}

li.dropdown-item.active a {
    color: orange !important;
}

.chosen-container {
    width: 100% !important;
    height: unset !important;
}

.view-filters form .row {
    all: unset;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 20px 0;
}

.view-filters form .row>* {
    all: unset;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: max-content;
    flex: 9;
    max-width: 300px;
    min-width: 200px;
}

.view-filters form .row>.form-actions {
    max-width: max-content;
    min-width: 200px;
}

.container.box-info-field>* {
    line-height: 160%;
}

.container.box-info-field {
    background: #eeeeee;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
    max-width: 800px;
    margin: 50px auto;
    padding: 30px 16px;
}

.container.box-info-field .field__label {
    font-weight: 400;
    font-size: 16px;
    color: #167575 !important;
}

.container.box-info-field .field__items,
.container.box-info-field .field__item {
    font-size: 18px;
    color: var(--grenn-text);
    font-weight: 500 !important;
    font-size: 16px;
}

.box-info .field__label {
    display: none;
}

.container.summary {
    font-family: 'Montserrat';
    font-weight: 600;
    text-align: center;
    color: #167575;
    font-size: calc(16px + (22 - 16) * ((100vw - 320px) / (1366 - 320)));
    line-height: 160%;
    max-width: 800px;
}

.field--name-field-additional-images {
    max-width: 800px;
    margin: auto;
}

.field--name-field-additional-images .slick-next {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    z-index: 2
}

.field--name-field-additional-images .slick-prev {
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    z-index: 2
}

.field--name-field-additional-images * :not(button) {
    height: 300px;
    width: auto;
}

.field--name-field-additional-images img {
    margin: 0 5px;
}

.field--name-field-additional-images .slick-next {
    all: unset;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    z-index: 2;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none;
    outline: none;
}

.field--name-field-additional-images .slick-next svg {
    width: 30px;
    height: 30px;
}

.field--name-field-additional-images .slick-prev {
    all: unset;
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    z-index: 2;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border: none;
    outline: none;
}

.field--name-field-additional-images .slick-prev svg {
    width: 30px;
    height: 30px;
}

@media (max-width:900px) {
    .basic-content-header .box-info {
        width: 100%;
        position: relative;
        bottom: 0;
    }

    .basic-content-header .title {
        width: 100%;
        position: static;
    }
}

.container.blurb {
    background: linear-gradient(240deg, white 9%, #E9FFFA 95%);
    display: grid;
    grid-gap: 16px;
    max-width: 800px;
    margin: -50px auto 50px auto;
    padding: 30px 16px;
    border-top: 3px solid #167575;
    box-shadow: var(--card-box-shadow);
}

.container.blurb .field__items,
.container.blurb .field__item {
    font-size: 18px;
    color: var(--grenn-text);
    font-weight: 500 !important;
    font-size: 16px;
}

.container.blurb .field__label {
    font-weight: 400;
    font-size: 16px;
    color: #167575 !important;

}

.container.box-info-field {
    box-shadow: var(--card-box-shadow);
    background: linear-gradient(240deg, #c3d3d0 9%, #cbfff3 95%);
}

input,
.form-type-select {
    max-width: 400px;
}

.js-pager__items {
    display: flex;
    justify-content: center;
    margin: 60px auto
}

*::selection {
    background-color: #156060;
    color: white;
}

*::-moz-selection {
    background-color: #156060;
    color: white;
}



/*Content browser*/

.content-browser-form .views-row {
    padding: 0;
}

.content-browser-form .node-type {
    font-size: 14px;
    background: var(--green-text);
    color: white;
    font-weight: 400;
    font-family: "Montserrat";
    padding: 4px;
}

.content-browser-form .title-browser {
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 18px;
    line-height: 130%;
    padding: 10px;
    position: absolute;
    color: white;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    width: 100%;
    height: 200px;
    display: flex;
    align-items: flex-end;
}

.content-browser-form .main-image {
    height: 200px;
}

.content-browser-form .main-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.content-browser-form .views-row {
    width: unset;
    height: auto;
}

.content-browser-form .views-row {
    position: relative !important;
    top: unset !important;
    left: unset !important;
}

.content-browser-form .view-content {
    display: grid;
    grid-gap: 16px;
    height: auto !important;
    grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr));
}

.content-browser-form .view-filters .row {
    flex-direction: row;
}

.content-browser-form .view-filters .row>* {
    width: max-content;
    padding: 0 10px 0 0
}

.content-browser-form .view-filters button {
    height: 41px;
}


/*profile picture*/
.profile .field--name-user-picture {
    border-radius: 50%;
    overflow: hidden;
    width: 200px;
    height: 200px;
    margin: 50px auto 10px auto;
}

.profile .field--name-user-picture img {
    margin: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.profile .field--name-field-nickname {
    Font-family: "Montserrat";
    font-size: 20px;
    font-weight: 700;
    color: #1e6a75;
    margin: auto;
    width: max-content;
}

.profile .field--name-field-name {
    Font-family: "Montserrat";
    font-size: 18px;
    color: var(--green-text);
    margin: auto;
    width: max-content;
}

/*Contact page*/
.contact-message-feedback-form {
    margin-top: 50px;
}

/*Pagination*/
.page-link {
    --bs-pagination-color: #0071b3 !important;
}

.page-link,
.page-link:hover {
    color: var(--bs-pagination-color) !important;
}

.page-item.active .page-link {
    background-color: var(--bs-pagination-color) !important;
    color: white !important;
}

ul.sf-menu .sf-sub-indicator:after {
    content: "▼";
}

ul.sf-menu ul .sf-sub-indicator:after {
    content: "►";
}

ul.sf-menu.sf-vertical .sf-sub-indicator:after {
    content: "►";
}

ul.sf-menu.sf-navbar ul .sf-sub-indicator:after {
    content: "▼";
}

ul.sf-menu.sf-navbar ul ul .sf-sub-indicator:after {
    content: "►";
}

ul.sf-menu.sf-accordion .sf-sub-indicator:after {
    content: "▼";
}

ul.sf-menu.sf-accordion.sf-accordion-with-buttons .sf-accordion-button:after {
    content: "▼";
}

ul.sf-menu.sf-accordion.sf-accordion-with-buttons li.sf-expanded>.sf-accordion-button:after {
    content: "▲";
}

ul.sf-menu.rtl.sf-horizontal ul .sf-sub-indicator:after {
    content: "◄";
}

ul.sf-menu.rtl.sf-vertical .sf-sub-indicator:after {
    content: "◄";
}

ul.sf-menu.rtl.sf-navbar ul ul .sf-sub-indicator:after {
    content: "◄";
}






.block-page-title-block.container {
    padding-left: 0;
    padding-right: 0;
}



#block-pagetitle .title {
    font-family: "Montserrat";
}

li.active-result {
    line-height: 120% !important;
}

img.logo-header {
    height: 90px;
    margin: 5px;
    padding-right: 35px;
    object-fit: contain;
}

.high-teaser {
    display: flex;
}

/*GLOSARY*/

.view-view-glossary .views-summary {
    display: flex;
    width: unset;
    padding: 5px;
    gap: 10px;
}

div#edit-custom-az-filter {
    display: flex;
    width: unset;
    padding: 5px;
    gap: 10px;
}

header #search-block-form {
    flex-flow: unset;
}

.featured-content {
    display: flex;
    width: 80%;
    margin-right: 10px;
}

.content-boxes {
    display: flex;
}

.content-boxes ul {
    list-style: none;
    padding-left: 0;
}

.content-boxes li {
    list-style: none;
    padding-left: 0;
}

.node--type-box h2.node__title a {
    pointer-events: none;
    background: #fff;
    color: #000;
    padding: 0;
}

div#main-pq.container {
    max-width: 1360px;
    margin: 70px 0;
    max-width: unset;
}
/* #main-pq li:has(a){
    word-break: break-all;
} */

.basic-content {
    position: relative;
    display: flex;
}

/* .sidebar .block {
    border-color: #036994 !important;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 0px;
} */

.sidebar nav .nav {
    margin: 0;
}

.sidebar h2 {
    border-bottom: unset;
    color: #012f44;
    font-size: 1.5rem;
}

.sidebar .container {
    padding: 0;
}


/*active-whopirs*/
.active-whopirs .views-row {
    border-bottom: 1px solid grey;
    padding: 10px;
    display: grid;
    grid-template-areas:
        "a b b b "
        "a c d e";
    grid-template-columns: 40px min-content min-content 1fr;
    grid-column-gap: 10px
}

.active-whopirs .views-field.views-field-field-stream-initials {
    color: white;
    background: grey;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    grid-area: a;
}

.active-whopirs .views-field.views-field-title {
    grid-area: b;
    font-size: 22px;
    font-weight: 600;
}

.active-whopirs .views-field-field-whopir-inspection-dates,
.active-whopirs .views-field-field-country,
.active-whopirs .views-field-field-city {
    width: max-content;
}

.view.view-documents-a-to-z .view-content.row {
    display: block;
}

#page .featured-top__inner .tabs a {
    padding: 0.5em;
}

#page .featured-top__inner .tabs a.active {
    background-color: var(--d-l3-background);
    color: #fff;
    font-weight: bold;
    border-color: var(--d-l3-background);
}

#page .featured-top__inner .tabs {
    margin-top: 1em;
}



.sidebar #block-barrio-pqweb-views-block-stream-content-boxes .more-link {
    padding: 0;
}



body.node--type-stream-info-page .sidebar .view-content .views-row article {
    display: block !important;
}

.view-stream-info-page-content-boxes .view-content > .views-row,
.view-stream-content-boxes .view-content > .views-row {
    padding: 0;
}

.view-stream-content-boxes h2 {
    margin: 0 0 0.5rem !important;
}



.stream-content-boxes img {
    max-width: 100%;
}
.form-actions button{
    white-space: nowrap;
}
/* .basic-content.stream>.stream-content-boxes {
    grid-area: 1 / 2 / 3 / 3;
    width: 325px;
    padding-left: 30px;
} */

.basic-content.stream > .stream-content-boxes {
    flex-grow: 1;
    flex-basis: 230px;
    flex-shrink: 1;
}
@media (min-width: 1280px) {
    .basic-content.stream > .stream-content-boxes {
        max-width: 325px;
    }
}

@media (max-width: 1100px) {
    .basic-content.stream > .stream-content-boxes {
        max-width: 100%;
        padding: 0;
    }
}



@media (max-width: 400px) {
    .basic-content.stream > .stream-content-boxes a,
    .collapse {
        word-break: break-word;
        hyphens: auto;
    }
}

.basic-content.stream > .field--name-field-paragraphs-content {
    flex-grow: 2;
    flex-basis: 400px;
    flex-shrink: 1;
}

.basic-content.stream>.field--name-title {
    color: #012f44;
    font-size: 2rem;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding-bottom: .75em;
    margin-bottom: .75em;
}

.node--view-mode-full .field--name-field-paragraphs-content {
    margin-bottom: 1em;
    color: #545456;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
}

.paragraph--type--collapsible-panel {
    margin: 1.5em 0;
}
/* .paragraph--type--collapsible-panel table{
    margin:0;
    width: initial !important;
    outline: 0;
} */
.paragraph--type--collapsible-panel table *{
    line-height: 1.3;
    border-color: var(--d-l3-background) !important;
    outline: 0;
}
.paragraph--type--collapsible-panel th{
    border: 1px solid white !important;
    background: var(--d-l3-background);
    color: white !important;
    padding: 10px 5px !important;
}
.paragraph--type--collapsible-panel td{
    line-height: 18px;
    padding: 10px 5px !important;
}





.container-teaser.news:hover a,
.container-teaser.event:hover a {
    cursor: pointer;
}

.content-teaser__right .date-teaser,
.container-teaser.event .high-teaser {
    color: #6a6a6a;
    display: block;
    font-size: 13px;
    margin: 10px 0;
}

.container-teaser.event .high-teaser {
    display: inline-flex;
    gap: 1em;
}

.content-teaser__right a,
.container-teaser.event a {
    color: #3c4245;
    font-weight: bold;
}

.field--name-field-news-related-documents .container-teaser.document {
    display: flex;
    margin-bottom: 0;
    align-items: flex-start;
}

.field--name-field-news-related-documents .container-teaser.document .stream-teaser {
        margin-right: 10px;
    align-items: center;
    display: flex;
}

.field--name-field-news-related-documents .container-teaser.document .stream-teaser .stream-initial-color {
    margin: 0 !important;
}

.field--name-field-news-related-documents .container-teaser.document .file-teaser a {
    display: flex;
    flex-direction: column;
}

.content-teaser__right a:hover {
    color: #3c4245;
    text-decoration: underline;
}

div#block-searchform-3 {
    display: none;
}

/*.taxonomy-term.vocabulary-glossary {
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgb(218 218 218 / 50%);
    padding: 1em;
}*/

.table-responsive .field.field--name-name.field--type-string.field--label-hidden.field__item.quickedit-field {
    display: none;
}

.view-view-glossary .views-row {
    /* background: blue; */
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgb(218 218 218 / 50%);
    padding: 1em;
}

.container.glossary-style.view.view-view-glossary.view-id-view_glossary.view-display-id-attachment_1 {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1em;
    font-size: 16px;
    font-weight: bold;
}

.container-teaser.documents {
    background: #ffffff;
    padding: 10px;
    border: solid 2px;
    border-color: #fff;
    margin-bottom: 1em;
    border-radius: 5px;
    padding: 1em 1em;
    font-size: 20px;
    height: 130px;
}

.field--name-field-news-related-documents .field__label,
.field--name-field-news-links .field__label {
    color: #01415d;
    font-weight: 700;
    text-transform: uppercase;
}

.node--type-news.node--view-mode-full .field__label,
.node--type-event.node--view-mode-full .field__label {
    color: #01415d !important;
    font-weight: 700;
    text-transform: uppercase !important;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: 1.071em !important;
}

.node--type-news.node--view-mode-full .field--name-field-attached-files > .field__items,
.node--type-event.node--view-mode-full .field--name-field-attached-files > .field__items {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.node--type-news.node--view-mode-teaser .field--name-field-attached-files,
.node--type-event.node--view-mode-teaser .field--name-field-attached-files {
    display: flex;
    flex-wrap: wrap;
}

.node--type-news.node--view-mode-teaser .field--name-field-attached-files .field__item > div,
.node--type-event.node--view-mode-teaser .field--name-field-attached-files .field__item > div,
.node--type-news.node--view-mode-teaser .field--name-field-attached-files .field__item > div .field--type-file,
.node--type-event.node--view-mode-teaser .field--name-field-attached-files .field__item > div .field--type-file {
    display: inline-block;
}

.node--type-news.node--view-mode-teaser .field--name-field-attached-files > .field__item,
.node--type-event.node--view-mode-teaser .field--name-field-attached-files > .field__item {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 0.5px solid #545456;
}

.node--type-news.node--view-mode-teaser .field--name-field-attached-files > .field__item:last-child,
.node--type-event.node--view-mode-teaser .field--name-field-attached-files > .field__item:last-child {
    border-right: 0;
    padding-right: 0px;
    margin-right: 0px;
}

/* .node--type-news.node--view-mode-teaser .field--name-field-attached-files > .field__item:first-child,
.node--type-event.node--view-mode-teaser .field--name-field-attached-files > .field__item:first-child {
    padding-left: 0;
} */

.document-extension {
    text-transform: uppercase;
    font-style: normal;
    color: #333;
    font-size: .8125rem;
    white-space: nowrap;
}

.document-extension::before {
    content: "\2014";
    padding: 0 10px 0 5px;
}

.file-teaser a {
    color: #008dc9;
    font-weight: bold;
}

.file-teaser a:hover {
    color: #203147;
}

.node--view-mode-teaser {
    border-bottom: none;
    margin-bottom: 30px;
    padding-bottom: 15px;
}


.carousel-control:hover {
    background: transparent;
}
.carousel-item.item .img-fluid {
    max-width: 100%;
    height: 300px;
    filter: brightness(0.5);
    object-fit: cover;
}

.carousel-inner>.item {
    -webkit-transition: 0s !important;
    -o-transition: 0s !important;
    transition: 0s !important;
}


.container-teaser {
    display: grid;
    margin-bottom: 1em;
    padding: 1em;
    background-color: #f5f5f5;
    border-left: 4px solid var(--d-l3-background);
}

a .h5.teaser {
    color: #3c4245;
    font-weight: bold;
    margin-top: 15px;
}

.field.field--name-field-event-date.field--type-daterange.field--label-hidden.field__item {
    color: #6a6a6a;
    display: block;
    font-size: 13px;
    margin: 10px 0;
}

.in-browser {
    height: 210px;
}

.ctype {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 6px;
    font-size: 18px;
    color: #026894;
    font-weight: bold;
}

.container-ctype {
    display: flex;
    gap: 2em;
}

.ctype.date {
    text-transform: capitalize;
    font-weight: 400;
}

.bundle-browser {
    text-transform: uppercase;
    background: #008dc6;
    color: #fff;
    padding: 5px 10px;
    margin-bottom: 10px;
}

.node--view-mode-c-browser>.node__content {
    margin-top: 0;
}

.content-browser h4,
.content-browser .in-browser {
    padding: 5px 10px;
}






/*CTYPES*/


.sidebar .block,
.sidebar h2,
.sidebar .container.view-news {
    padding: 0;
}

/* 
.block-views-blocknews-block-1 .view-content .views-row,
.block-views-blocknews-block-2 .view-content .views-row {
    padding: 20px;
    border-top: 1px solid #cacaca;
} */

.sidebar .view-content {
    margin: 0;
}

.block-views-blocknews-block-2>h2,
.block-views-blocknews-block-1>h2,
.sidebar_first>h2 {
    font-size: 1.5rem;
}

.sidebar .featured-column a {
    font-size: 1.071em;
}

.sidebar .view-content .views-row article {
    display: flex;
    flex-direction: column-reverse;
}

.sidebar .field--name-field-date {
    color: #012f44;
    position: relative;
}

.sidebar li.nav-item ul {
    padding: 0;
}



/*Latest News*/
.sidebar_first .section {
    margin-bottom: 2em;
}

.sidebar .field--name-field-date {
    font-weight: 700;
    margin-bottom: 5px;
}

.sidebar_first .node__title a {
    font-weight: normal;
    color: #026894;
    transition: color .3s cubic-bezier(.1, .21, .12, .99);
}

.sidebar .node__title:hover a {
    color: #026894;
    text-decoration: underline;
}

.sidebar .node__title a {
    font-weight: 400;
    line-height: 1.38;
}

.vocabulary-glossary h2 {
    text-transform: uppercase;
}

.full-image {
    width: 100%;
    display: flex;
}

.node--view-mode-teaser .field--name-field-stream-ref.field--type-entity-reference {
    display: inline-flex;
}

.body-trim {
    /* width: 250px; */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 10px;
}

.highlighted-info-teaser {
    display: flex;
    gap: 10px;
    color: #545456;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    margin-top: 10px;
}

.highlighted-info-teaser .field--name-field-country:before {
    content: "";
    line-height: 1;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 110.27 160.28' style='enable-background:new 0 0 110.27 160.28;' xml:space='preserve'%3E%3Cpath class='st1' d='M55.48,0c35.76,0.1,62.23,34.38,52.91,69.14c-2.44,9.09-5.74,18.27-10.44,26.36 c-11.95,20.55-24.81,40.58-37.56,60.65c-3.49,5.5-6.71,5.42-10.47,0.21c-16.07-22.33-31.16-45.25-42.41-70.49 C1.06,71.4-2.41,56.59,1.93,40.76C8.6,16.45,30.24-0.07,55.48,0z M54.99,22.96c-17.7,0.08-32.04,14.56-31.96,32.29 c0.08,17.61,14.67,31.93,32.43,31.81c17.41-0.11,31.67-14.53,31.67-32.04C87.14,37.31,72.68,22.88,54.99,22.96z'/%3E%3C/svg%3E%0A");
}

/*.highlighted-info-teaser .field--name-field-date:before {
    content: "";
    line-height: 1;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 152.07 152.16' style='enable-background:new 0 0 152.07 152.16;' xml:space='preserve'%3E%3Cpath d='M152.07,76.43c-0.19,41.95-34.45,75.91-76.39,75.72C33.75,151.97-0.19,117.69,0,75.73C0.19,33.77,34.45-0.19,76.39,0 C118.32,0.19,152.26,34.47,152.07,76.43z M75.96,17.21c-32.41,0.11-58.89,26.66-58.78,58.95c0.11,32.42,26.66,58.91,58.93,58.81 c32.4-0.1,58.86-26.65,58.77-58.96C134.79,43.59,108.24,17.09,75.96,17.21z M67.48,92.22c11.95,0,23.91,0.03,35.86-0.01 c11.06-0.04,10.27,1.57,10.28-11c0-3.21-1.33-4.53-4.59-4.48c-8.86,0.12-17.72,0.05-26.58,0.03c-1.48,0-2.97-0.13-4.65-0.21 c0-9.92,0-19.34,0-28.77c-0.01-10.85,1.04-9.71-10.07-9.93c-4.11-0.08-5.38,1.47-5.34,5.45c0.16,14.91,0.06,29.83,0.07,44.75 c0,1.23,0.15,2.46,0.26,4.17C64.46,92.22,65.97,92.22,67.48,92.22z'/%3E%3C/svg%3E%0A");
}*/

.node--type-event .ctype.icon-watch:before {
    content: "";
    line-height: 1;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 132.1 132.1' style='enable-background:new 0 0 132.1 132.1;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23026894;%7D%0A%3C/style%3E%3Cpath class='st0' d='M122.9,121.4H8.6V34.5h114.3V121.4z M0,0v132.1h132.1V0H0z M47.4,51.4H23.2v24.2h24.2V51.4z M79.5,51.4H55.3 v24.2h24.2V51.4z M111.6,51.4H87.4v24.2h24.1V51.4z M23.2,84.7v24.1h24.2V84.7H23.2z M55.3,84.7v24.1h24.2V84.7H55.3z M87.4,84.7 v24.1h24.1V84.7H87.4z'/%3E%3C/svg%3E%0A");
}

.highlighted-info-full .field--name-field-city:before {
    content: "";
    line-height: 1;
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 110.3 160.3' style='enable-background:new 0 0 110.3 160.3;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23026894;%7D%0A%3C/style%3E%3Cpath class='st0' d='M55.5,0c35.8,0.1,62.2,34.4,52.9,69.1c-2.4,9.1-5.7,18.3-10.4,26.4c-11.9,20.6-24.8,40.6-37.6,60.6 c-3.5,5.5-6.7,5.4-10.5,0.2C33.8,134,18.8,111.1,7.5,85.9C1.1,71.4-2.4,56.6,1.9,40.8C8.6,16.5,30.2-0.1,55.5,0z M55,23 C37.3,23,23,37.5,23,55.2c0.1,17.6,14.7,31.9,32.4,31.8c17.4-0.1,31.7-14.5,31.7-32C87.1,37.3,72.7,22.9,55,23z'/%3E%3C/svg%3E%0A");
}

.node--type-news .field.field--name-field-stream-ref,
.node--type-event .field.field--name-field-stream-ref {
    flex-direction: row;
    display: flex;
}

.field.field--name-field-news-links.field--type-link.field--label-above .field__item {
    display: grid;
    /* grid-template-columns: 4% 90%; */
    /* gap: 1%; */
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgb(218 218 218 / 50%);
    padding: 1em;
}

.field.field--name-field-news-links.field--type-link.field--label-above .field__item a {
    font-weight: bold;
}

.field.field--name-field-whopar-files.field--type-file.field--label-hidden.field__items {
    display: grid;
    grid-template: 1fr / 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 2em;
    margin-top: 2em;
}
@media (max-width: 1100px) {
    .field.field--name-field-whopar-files.field--type-file.field--label-hidden.field__items {
        grid-template: 1fr / 1fr 1fr 1fr;
    }
}
@media (max-width: 900px) {
    .field.field--name-field-whopar-files.field--type-file.field--label-hidden.field__items {
        grid-template: 1fr / 1fr 1fr;
    }
}
@media (max-width: 600px) {
    .field.field--name-field-whopar-files.field--type-file.field--label-hidden.field__items {
        grid-template: 1fr / 1fr;
        max-width: 200px;
    }
}
.field.field--name-field-whopar-files.field--type-file.field--label-hidden.field__items .field__item {
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgb(218 218 218 / 50%);
    padding: 0.5em 0.6em;
    font-size: 20px;
    height: 61px;
}

.field.field--name-field-whopir-file.field--type-file.field--label-hidden.field__item {
    display: grid;
    grid-template: 1fr / 1fr 1fr;
    gap: 10px;
    margin-bottom: 2em;
    margin-top: 2em;
}

.field.field--name-field-whopir-file.field--type-file.field--label-hidden.field__item span {
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgb(218 218 218 / 50%);
    padding: 16px;
    font-size: 20px;
    height: 61px;
}

.field.field--name-field-whopr-file.field--type-file.field--label-hidden.field__items {
    display: grid;
    grid-template: 1fr / 1fr 1fr;
    gap: 10px;
    margin-bottom: 2em;
    margin-top: 2em;
}

.field.field--name-field-whopr-file.field--type-file.field--label-hidden.field__items .field__item {
    margin-bottom: 1em;
    border-radius: 5px;
    box-shadow: 5px 5px 20px 0 rgb(218 218 218 / 50%);
    padding: 0.5em 0.6em;
    font-size: 20px;
    height: 61px;
}

.container.basic-ctype .field__label {
    font-weight: bold;
    margin-top: 10px;
}

.stream-teaser .field.field--name-field-stream-ref.field--type-entity-reference.field--label-hidden.field__items {
    display: inline-flex;
}

#block-barrio-pqweb-content .attachment {
    display: flex;
    justify-content: center;
    align-items: center;
}

#block-barrio-pqweb-content .attachment .view-content span {
    display: inline-flex;
    padding: 5px;
    gap: 10px;
    width: unset;
}

.views-summary a {
    font-weight: bold;
}

/*.container.document-style.view.view-documents-a-to-z.view-id-documents_a_to_z.view-display-id-attachment_1 {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1em;
    font-size: 16px;
    font-weight: bold;
}*/


.access-event-btn {
    padding: 5px 17px;
    color: white;
    background: var(--d-l3-background);
    margin-top: 9px;
}
.access-event-btn:hover {
    color: #008dc9;
}
.access-event-btn svg{
    padding: 0 !important;
}

.node--view-mode-teaser.node--sticky {
    background: transparent;
    border: 0px solid #d3d7d9;
    padding: 0;
}

.node--view-mode-teaser .field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
    color: black;
}

.button.btn.access-event-btn a:hover{
    color: grey;
}

.sidebar .featured-column h2 a {
    font-size: 1.071em;
}

.icon-location svg.svg-inline--fa.fa-location-dot {
    padding: 0;
}

.country-alone svg.svg-inline--fa.fa-location-dot {
    padding: 0;
}

.country-city svg.svg-inline--fa.fa-location-dot {
    padding: 0;
}

svg.svg-inline--fa.fa-clock,
svg.svg-inline--fa.fa-calendar-days {
    padding: 0;
}


table.sticky-header {
    display: none;
}


.no-touchevents .contextual-region .contextual .contextual-links li a:hover {
    color: white !important;
}

.sidebar-prueba {
    display: contents;
}

.field.field--name-field-acronym.field--type-string.field--label-hidden.field__item.quickedit-field {
    font-weight: bold;
    color: grey;
    margin-bottom: 12px;
}

.ajax-progress {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    left: 0;
    z-index: 10;
}

.ajax-progress .throbber {
    background-image: url(../css/images/loading_2.gif) !important; 
        height: 200px;
    width: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
}

#block-mainmenulevel1 button.trigger.focusable {
    display: none;
}

#block-editormenu button.trigger.focusable {
    display: none;
}

.ajax-progress.ajax-progress-fullscreen > * > *{
    background: #018dc9 !IMPORTANT;
} 

.landing-content {
    width: 100%;
    position: relative;
    margin: 0;
}

.landing-content-header {
    background: linear-gradient(12deg, #008dc9, var(--d-l3-background));
    margin-bottom: 20px;
    min-height: 320px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
}

.landing-content-header .main-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-bottom: 1.5em;
}

.landing-content-header .image-style-full-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    filter: brightness(0.5);
}

.landing-content-header .title {
    font-style: normal;
    font-weight: 700;
    font-size: calc(30px + (70 - 30) * ((100vw - 320px) / (1366 - 320)));
    line-height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    z-index: 1;
}

.landing-content-header .title .field--name-title {
    font-style: normal;
    font-weight: 700;
    font-size: calc(30px + (70 - 30) * ((100vw - 320px) / (1366 - 320)));
    line-height: 100%;
}

.node-landing-page.page-node-22784 #main-pq.container {
    margin: 0;
    max-width: unset;
}

.node-landing-page #block-barrio-pqweb-content {
    max-width: 1360px;
    margin: 0;
    max-width: unset;
}

.node--type-landing-page h1.js-quickedit-page-title.title {
    display: none;
}

.node--view-mode-box-stream .content-boxes.stream.info .field.field--name-field-display-title.field--type-string.field--label-hidden.field__item {
    color: #012f44;
    font-size: 1.3rem;
    font-weight: 700;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.35em;
    margin-bottom: 0.75em;
}

.node--type-vwa-vaccine.node--view-mode-full .field__label {
    font-weight: 700;
    font-size: .875rem;
    color: #333;
}

/* .node--type-vwa-vaccine.node--view-mode-full .field.field--name-field-vwa-shelf-life .field__label {
    font-size: 1rem;
    text-align: left;
    color: #d86421;
    font-weight: bold;
    margin: 0.5rem 0; 
    margin-top: 50px;
}

.node--type-vwa-vaccine.node--view-mode-full .field--name-field-vwa-vaccine-preservative .field__label {
    font-size: 1rem;
    text-align: left;
    color: #d86421;
    font-weight: bold;
} */


.landing-content-header .main-image,
.landing-content-header .main-image * {
    height: 100%;
    width: 100%;
    margin:  0;
    object-fit: cover;
}

.ui-datepicker {
    outline: 0 !important;
}

.ui-datepicker td{
    padding: 1px !important;
}

.ui-datepicker th{
    border-bottom: 0 !important;
    background: none !important;
    padding: 0.7em 0.3em !important;
}

.ui-datepicker tr{
    border: none !important
}

.internal-active-ingred {
    display: flex;
}


/* contextual region pierde algunos estilos en desktop */
.contextual-region .contextual .contextual-links li a {
    color: var(--gin-color-primary) !important;
    padding: var(--gin-spacing-xs) var(--gin-spacing-m) !important;
}


/*Estilos para el glossary*/
.view-glossary-and-acronyms .view-content.row {
    margin-top: 20px;
}

.view-glossary-and-acronyms .views-row {
    padding: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.view-glossary-and-acronyms .views-row p{
    margin: 0;
    color: #333;
    font-size: 1rem;
    margin-bottom: 20px;
}

.view-glossary-and-acronyms .views-row h2{
    font-size: 22px;
    color: var(--d-l3-background);
    font-family: Roboto, Helvetica, Arial, sans-serif;
    letter-spacing: .1em
}

.node--unpublished {
    padding: 0;
}
/* Estilo generico para botones */
.btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
}
.btn {
    position: relative;
}
.btn:hover:before {
    background-color: #ffffff45;
    pointer-events: none;
}


/* Destacar la categoria en la vista de news */
.view-news .field--name-field-news-category,
.node--view-mode-content-box .field--name-field-news-category {
    font-weight: 600 !important;
    color: var(--d-l3-background) !important;
}


.view-filters .d-flex.flex-wrap {
    gap: 10px;
}


.node--type-paragraphs-page .ctype.icon-watch {    
    display: none;
}

.btn-primary {
    background-color: var(--d-l3-background);
    border-color: var(--d-l3-background); 
}

.node--type-document .sidebar {
    display: none;
}

.basic-content.stream .field--name-title {
    flex-basis: 100%;
}

/* Ctypes */
.node--type-box .basic-ctype,
.node--type-document .basic-ctype,
.node--type-whopir .basic-ctype,
.node--type-whopar .basic-ctype,
.node--type-vcp-document .basic-ctype,
.node--type-faq .basic-ctype,
.node--type-paragraphs-page .basic-ctype,
.node--type-imd-product .basic-ctype,
.node--type-whopr .basic-ctype,
.node--type-who-country .basic-ctype {
    padding: unset;
}

.node--type-box .ctype.icon-default,
.node--type-document .ctype.icon-default,
.node--type-whopir .ctype.icon-default,
.node--type-whopar .ctype.icon-default,
.node--type-vcp-document .ctype.icon-default,
.node--type-faq .ctype.icon-default,
.node--type-paragraphs-page .ctype.icon-default,
.node--type-imd-product .ctype.icon-default,
.node--type-whopr .ctype.icon-default,
.node--type-who-country .ctype.icon-default {
    padding: 7px 10px;
    border-radius: 0px;
    border-left: 9px solid var(--d-l3-background);
    color: var(--d-l3-background);
    margin-bottom: 20px;
    margin-top: 10px;
    font-size: 1rem;
    letter-spacing: .1em;
    box-shadow: 5px 5px 5px #00000020;
}

.node--type-box .field--name-field-stream-ref,
.node--type-document .field--name-field-stream-ref,
.node--type-whopir .field--name-field-stream-ref,
.node--type-whopar .field--name-field-stream-ref,
.node--type-vcp-document .field--name-field-stream-ref,
.node--type-faq .field--name-field-stream-ref,
.node--type-paragraphs-page .field--name-field-stream-ref,
.node--type-imd-product .field--name-field-stream-ref,
.node--type-whopr .field--name-field-stream-ref,
.node--type-who-country .field--name-field-stream-ref {
    display: flex;
    gap: 5px;
}

.node--type-box .field--name-field-document-parts > *,
.node--type-document .field--name-field-document-parts > *,
.node--type-whopir .field--name-field-document-parts > *,
.node--type-whopar .field--name-field-document-parts > *,
.node--type-vcp-document .field--name-field-document-parts > *,
.node--type-faq .field--name-field-document-parts > *,
.node--type-paragraphs-page .field--name-field-document-parts > *,
.node--type-imd-product .field--name-field-document-parts > *,
.node--type-whopr .field--name-field-document-parts > *,
.node--type-who-country .field--name-field-document-parts > * {
    border: 1px solid #ccc;
    flex-basis: 50%;
    padding: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

.node--type-who-country .field--name-field-flag img {
    width: 300px;
    max-width: 100%;
    height: auto;
}

.node--type-who-country .field--name-field-flag .field__label {
    display: none;
}

/* Tabs del administrador */
.nav-tabs {
    border-bottom: 1px solid var(--d-l3-background);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: #008dc9 #008dc9 white;
    
}

.nav-tabs li.nav-item {
    font-weight: bold;
    color: var(--d-l3-background);
}

.node--type-document .field__label {
    font-weight: bold;
    margin-top: 20px;
}

.node--type-box .node__content .field__label,
.node--type-document .node__content .field__label,
.node--type-whopir .node__content .field__label,
.node--type-whopar .node__content .field__label,
.node--type-vcp-document .node__content .field__label,
.node--type-faq .node__content .field__label,
.node--type-paragraphs-page .node__content .field__label,
.node--type-imd-product .node__content .field__label,
.node--type-who-country .node__content .field__label {
    font-weight: bold;
    margin-top: 20px;
}

/* Node new y nodo event layout general mobile */
.node--type-event #main-pq > .row > main,
.node--type-news #main-pq > .row > main {
    flex-shrink: 1;
}

/* Avoid big tables to exceed main content container */
#main-pq > .row > .main-content.col{
    width: 0;
}
@media (max-width:1000px) {
    /* .node--type-event #main-pq > .row,
    .node--type-news #main-pq > .row{
        flex-direction: column;
    }
    .node--type-event #main-pq > .row > *,
    .node--type-news #main-pq > .row > * {
        flex-grow: 1 !important;
        width: 100%;
    }
    .node--type-event #main-pq > .row .section,
    .node--type-news #main-pq > .row .section {
        flex-grow: 1 !important;
        width: 100%;
    }
    .node--type-event #main-pq .main-content, #main-pq .stream-body,
    .node--type-news #main-pq .main-content, #main-pq .stream-body {
        overflow: initial;
    } */
    .main-content {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.main-content {
    padding-left: 30px;
    padding-right: 30px;
}


/* barra lateral con multiples content boxes */
/* .stream-content-boxes .field--name-field-content-boxes .field--name-field-display-title {} */

.stream-content-boxes .field--name-field-content-boxes > .field__item:not(:first-child) {
    margin-top: 20px;
}
.basic-content.stream.related-content .field--name-field-related-content > .field__item {
    margin-top: 20px;
}
.stream-content-boxes .field--name-field-content-boxes > .field__item:has(.info) {
    border: unset;
    padding: unset;
}


.whopir .stream-initial-color {
    margin: 0px !important;
}

.whopir .file-teaser {
    display: flex;
    flex-wrap: wrap;
    gap: 0 16px;
    align-items: center;
}

.whopir .file-teaser > a {
    flex-grow: 1;
    flex-basis: 100%;
}

.basic-content-stream-main .field--name-field-related-content .field__label {
    color: rgb(1, 47, 68);
    display: block;
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 0.75em;
}
.basic-content-stream-main {
    width: 100%;
}
.basic-content-stream-main .field--name-field-related-content .field__items {
    display: grid;
    gap: 1em;
}
iframe {
    border: 0;
    max-width: 100%;
}
.view-latest-news .views-field-created .field-content {
    font-size: 1.071em;
    font-family: 'Roboto', sans-serif;
}

.view-latest-news .views-field-created .field-content .datetime {
        font-size: 1.071em;
    font-family: 'Roboto', sans-serif;
}


@media (min-width: 1280px) {
    .basic-content-stream-main .field--name-field-related-content .field__items {
        grid-template: 1fr / 1fr 1fr;    
    }
}

.basic-content-stream-main .field--name-field-related-content .field__items .field__item {
    border: solid 1px var(--d-l3-background) !important;
        padding: 1rem;
}

.basic-content-stream-main .field--name-field-related-content .field__items .field__item .field--name-title {
    font-size: 1rem;
}

.basic-content-stream-main .field--name-field-related-content .field__items .field__item .node__title {
    line-height: 0.8 !important;
}

hr {
    margin: 18px 0;
    border: 0;
}
.sidebar_second {
    min-width: 325px;
}

.text-formatted a {
    text-decoration: underline;
}
.stream-body .text-formatted h1 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.8rem;
    text-transform: initial;
    letter-spacing: initial;
    font-weight: bold;
}
.stream-body .text-formatted h2 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.7rem;
    text-transform: initial;
    letter-spacing: initial;
    font-weight: bold;
}
.stream-body .text-formatted h3 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.6rem !important;
    text-transform: initial;
    letter-spacing: initial;
    font-weight: bold;
}
.stream-body .text-formatted h4 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.5rem;
    text-transform: initial;
    letter-spacing: initial;
    font-weight: bold;
}
.stream-body .text-formatted h5 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    text-transform: initial;
    letter-spacing: initial;
    font-weight: bold;
}
.stream-body .text-formatted h6 {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.3rem;
    text-transform: initial;
    letter-spacing: initial;
    font-weight: bold;
}


/*.field--name-field-additional-content > .field__item {
    border: 1px solid var(--d-l3-background);
    padding: 1rem;
    margin-bottom: 1rem;
}
.field--name-field-additional-content > .field__item  .block-views-blocknews-block-1,
.field--name-field-additional-content > .field__item  .block-views-blocknews-block-2,
.field--name-field-additional-content > .field__item  .block-views-blockevents-block-1,
.field--name-field-additional-content > .field__item  .block-views-blockevents-block-2 {
    border: unset !important;
} */


.box-normal-links ul {
    padding: 1rem !important;
    list-style: unset !important;
    padding-left: 2rem !important;
}
.box-normal-links li {
    list-style: unset !important;
    padding-left: initial !important;
    margin-bottom: 10px;
}
.box-normal-links li a {
    color: var(--d-l3-background);
    padding: 0 !important;
    margin-bottom: 3px;
    font-size: 1rem !important;
    font-weight: unset !important;
}
.box-normal-links li a {
    color: var(--d-l3-background);
    padding: 0 !important;
    margin-bottom: 3px;
    font-size: 1rem !important;
    font-weight: unset !important;
}
.box-normal-links li a:hover {
    background-color: var(--l2-neutralFillStealthHover);
}

.field--name-field-additional-content .block h2 {
    font-size: 1.7rem;
}

.field--name-field-additional-content {
    font-size: 1rem;
    line-height: 1.5
}
.field--name-field-additional-content a{
    font-size: 1rem;
    line-height: 1.5
}

@media (max-width: 991px) {
    .page-view-documents-a-to-z div#main-pq > .row {
        flex-wrap: wrap;
    }
}

/* See all button view */

.view .more-link {
    width: 90px;
    margin-top: .5rem;
}

.view .more-link a,
.view-header-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    height: 35px;
    cursor: pointer;
    white-space: nowrap;
    color: #fff !important;
    background-color: var(--d-l3-background);
    border-color: #1d84c3;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 400;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    user-select: none;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.view .more-link a:hover,
.view-header-btn a:hover {
    background-color: #0b5ed7;
    border-color: #0a58ca;
}

.view .more-link a::after {
    content: "";
    width: 10px;
    padding-left: 10;
    height: 10px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Capa_1' x='0px' y='0px' width='512px' height='512px' viewBox='0 0 444.819 444.819' style='enable-background:new 0 0 444.819 444.819;' xml:space='preserve' class=''%3E%3Cg%3E%3Cg%3E%3Cpath d='M434.252,114.203l-21.409-21.416c-7.419-7.04-16.084-10.561-25.975-10.561c-10.095,0-18.657,3.521-25.7,10.561 L222.41,231.549L83.653,92.791c-7.042-7.04-15.606-10.561-25.697-10.561c-9.896,0-18.559,3.521-25.979,10.561l-21.128,21.416 C3.615,121.436,0,130.099,0,140.188c0,10.277,3.619,18.842,10.848,25.693l185.864,185.865c6.855,7.23,15.416,10.848,25.697,10.848 c10.088,0,18.75-3.617,25.977-10.848l185.865-185.865c7.043-7.044,10.567-15.608,10.567-25.693 C444.819,130.287,441.295,121.629,434.252,114.203z' data-original='%23000000' class='active-path' data-old_color='%23000000' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: block;
    transition: 0.5s ease;
    transform: rotate(-90deg);
}

.view-header-btn {
    display: flex;
    justify-content: flex-end;
}

.view-header-btn a {
    height: 40px;
}

.sidebar .block {
    border: unset;
}

.node--view-mode-teaser.node--type-whopr h2 span {
    font-weight: 400;
    font-size: 18px;
}
.node--view-mode-teaser.node--type-whopr {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.vcp-documents-teaser h2 {
    font-weight: 700;
    font-size: 1rem;
    color: #333;
}

.vcp-documents-teaser .field.field--name-name.field--type-string.field--label-hidden.field__item {
    display: none;
}

.vcp-documents-teaser .clearfix.text-formatted.field.field--name-description.field--type-text-long.field--label-hidden.field__item {
    font-size: .9rem;
    color: #666;
    display: block;
    font-weight: normal;
}

.node--type-stream-info-page #main-pq:has( .block-page-title-block + .block .basic-content-stream-title ) .block-page-title-block {
    display: none;
}

.node--type-whopir.node--view-mode-teaser {
    margin-bottom: 0;
}


.text-formatted table {
    margin-top: 10px;
    margin-bottom: 10px;
}


.view-sales-force .view-filters .button,
.view-sales-force .view-filters input,
.view-sales-force .view-filters select {
    height: 42.6px;
}

.stream-teaser.whopir {
    margin-right: 10px;
    align-items: center;
    display: flex;
}

.container-teaser.whopir {
    display: flex;
    margin-bottom: 0;
    align-items: flex-start;
}

.container-teaser.whopir.archived {
    display: flex;
    margin-bottom: 0;
    align-items: center;
}

.container-teaser.whopir .file-teaser {
    margin-top: 0px;
}

.node-salesforce-vcp span.field.field--name-title.field--type-string.field--label-hidden {
    display: none;
}



/* .sf-depth-1.menuparent:not(.sfHover) > ul.sf-menu ul {
    background: transparent !important;
    border: 0 none !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    width: 1px !important;
} */

.auto-scroll{
    width: 100%;
    overflow-x: auto;
    --bs-gutter-x: 0;
}

.auto-scroll * {
    --bs-gutter-x: 0;
}

.view-recent-documents .views-row {
    margin-bottom: 10px;
}


.block-superfisheditor-menu h2 {
    font-size: 22px;
    color: var(--d-l3-background);
}


.page-view-news .sidebar .section,
.page-view-events .sidebar .section,
.page-view-past-events-list .sidebar .section,
.node--type-news .sidebar .section,
.node--type-event .sidebar .section,
.sidebar_second :not(.section) .views-element-container,
.sidebar .node--type-box:not(.node--view-mode-box-stream),
.page-view-documents-a-to-z .sidebar_second .block-views-blockrecent-documents-block-1,
#block-barrio-pqweb-needassistancetextbox,
.node--view-mode-content-box {
    border: 1px solid #0c2b64;
    padding: 20px;
}
.node--type-news.node--view-mode-teaser h2,
.node--type-event.node--view-mode-teaser h2,
.node--type-faq.node--view-mode-teaser h2,
.view-glossary-and-acronyms .views-row h2 {
    font-size: 24px;
}

.node--type-news.node--view-mode-teaser,
.node--type-event.node--view-mode-teaser,
.node--type-faq.node--view-mode-teaser,
.view-glossary-and-acronyms .views-row {
    background: #f5f5f5;
    border-left: 6px solid  #0c2b64;
    padding: 20px;
}
.node--type-news.node--view-mode-teaser .text-formatted *,
.node--type-event.node--view-mode-teaser .text-formatted * {
    font-size: 18px;
    line-height: initial;
    letter-spacing: initial;
}

.form-select,
.js-form-item input,
.form-actions button {
    height: 42.6px;
}

.webform-submission-form .js-form-item.js-form-type-checkbox input {
    height: 1em;
}

.webform-submission-form #edit-markup {
    margin-top: 20px;
    margin-bottom: 50px !important;
}

#edit-phone-number,
#edit-fax {
    -moz-appearance: textfield;
    appearance: textfield;
}

#edit-phone-number::-webkit-inner-spin-button,
#edit-fax::-webkit-inner-spin-button,
#edit-phone-number::-webkit-outer-spin-button,
#edit-fax::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.form-textarea-wrapper textarea {
    max-width: 400px;
}

.container-mail {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    font-family: Arial, sans-serif;
}

.htmlmail-header img,
.htmlmail-footer img {
    max-width: 100px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.htmlmail-body {
    padding: 20px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.htmlmail-footer {
    background-color: #007BFF;
    text-align: center;
    padding: 10px;
}


#block-editormenu ul li:hover > a {
    background: #f2f2f2;
    color: #d86421;
}

.node--type-faq.node--view-mode-teaser {
    display: flex;
    gap: 10px;
    align-items: center;
}
.node--type-faq.node--view-mode-teaser header{
    order: 1;
}




ul.nav.primary.nav-tabs [class*="latest"]:before {
    content: "";
    color: orange;
    width: 13px;
    height: 13px;
    background: #ff5500;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    border-radius: 50%;
    animation: example;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

@keyframes example {
    0% {
        scale: 1;
    }
    100% {
        scale: .9;
    }
}

.stream-box-color.teaser a {
    text-decoration: none ;
}
.stream-box-color.teaser a:hover {
    background: transparent ;
    color: white;
}


.view-grouping {
    margin-bottom: 24px;
    border: 1px solid #becfd4;
}
.view-grouping .view-grouping-header {
    font-weight: 700;
    text-transform: uppercase;
    background: #e5f1f2;
    padding: 10px;
    color: #274375;
}
.view-grouping .view-grouping-content {
    padding: 15px 15px 0 15px;
}
.view-grouping .view-grouping-content h3 {
    letter-spacing: 0;
    font-family: 'Roboto';
    font-size:  22px;
    font-weight: 600;
    color: #274375;
}
.view-grouping:nth-child(odd) {
    border: 1px solid #cbcbe2;
}
.view-grouping:nth-child(odd) .view-grouping-header {
    background: #e6e8f0;
}



.sidebar .node--view-mode-intern-left-column .featured-column {
    margin-bottom: 15px;
}

.view-stream-info-page-content-boxes a {
    color: var(--d-l3-background);
}

.node--type-paragraphs-page .ctype.icon-default {
    display: none;
}

.field.field--name-field-attached-files.field--type-entity-reference.field--label-above .field__label {
    color: #274375;
    font-size: 24px;
    text-transform: capitalize;
    border: none !important;
    /* margin-bottom: 10px; */
}

td.views-field-field-whopar-files,
td.views-field-field-whopar-files-1 {
    min-width: 300px;
}

.user-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.user-container .field--name-field-stream-ref {
    display: flex;
    align-items: center;
}

.user-container .field--name-field-stream-ref .field__label {
    font-size: 1.5rem;
    font-weight: bold;
}

.user-container .field--name-field-stream-ref .field__label::after {
    content: ":";
}

.user-container .field--name-field-stream-ref .field__items {
    display: flex;
    gap: 10px;
}

.user-container .field--name-field-stream-ref .field__item::after {
    content: ",";
}

.user-container .field--name-field-stream-ref .field__item:last-child::after {
    content: "";
}

.user-container .field--name-field-stream-ref .field__item {
    background: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: unset !important;
    border-radius: unset !important;
    font-weight: bold;
    font-size: 1rem;
}

.empty-user-picture {
    height: 200px;
    width: 200px;
    border-radius: 50%;
    margin: 1rem auto;
    background-image: url(../images/default-image.png);
    background-size: cover;
    background-position: center;
    border: 1px solid #ccc;
}

.user-container .field--name-user-picture {
    margin: 0;
}

.field--name-user-picture img {
    border: 1px solid #ccc;
    border-radius: 50%;
    margin: 1rem auto;
}

.field.field--name-field-media-document.field--type-file.field--label-inline.quickedit-field .field__label {
    font-size: 20px;
    color: rgb(1, 47, 68);
    font-weight: bold;
}


.field.field--name-field-media-document.field--type-file.field--label-inline.quickedit-field .file {
    padding-left: 0px !important;
    text-decoration: none !important;
}

.field.field--name-field-media-document.field--type-file.field--label-inline.quickedit-field .file {
    padding-left: 20px !important;
    text-decoration: none !important;
    position: relative;
}

.field.field--name-field-media-document.field--type-file.field--label-inline.quickedit-field .file::before {
    content: "\2B07";
    font-family: Arial, sans-serif;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #000;
    font-size: 16px;
}

/* Search */

details.search-advanced {
    margin-bottom: 2em;
}

details.search-advanced summary {
    margin-bottom: 0.5em;
}

details.search-advanced .fieldset-legend {
    font-weight: bold;
}

#edit-types-fieldset > legend,
#edit-lang-fieldset >legend {
    display: none
}

input.form-checkbox {
    height: 1em;
}



/* Form feedback */
.webform-submission-imd-feedback-form section,
.webform-submission-imd-feedback-form fieldset,
.webform-submission-imd-feedback-form details,
.webform-submission-imd-feedback-form .form-actions {
    width: 800px;
    max-width: 100%;
    margin: 0 auto 2rem auto;
}
.webform-submission-imd-feedback-form input,
.webform-submission-imd-feedback-form .form-type-select {
    max-width: 100%;
}
.webform-submission-imd-feedback-form h2 {
    font-size: 1.5rem
}



.webform-submission-imd-feedback-form-form section,
.webform-submission-imd-feedback-form-form fieldset,
.webform-submission-imd-feedback-form-form details,
.webform-submission-imd-feedback-form-form .form-actions {
    width: 800px;
    max-width: 100%;
    margin: 0 auto 2rem auto;
}
.webform-submission-imd-feedback-form-form input,
.webform-submission-imd-feedback-form-form .form-type-select {
    max-width: 100%;
}
.webform-submission-imd-feedback-form-form h2 {
    font-size: 1.5rem
}

#webform-submission-imd-feedback-form-add-form legend {
    font-size: 1rem;
}

/* type in node events and news viewmode full */
.node--type-news.node--view-mode-full .field--name-field-news-category ,
.node--type-event.node--view-mode-full .field--name-field-event-type {
    background: var(--l-l2-accentFillSelected);
    color: white;
    padding: .2rem .5rem;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: .1em;
    text-transform: uppercase;
}
.nodefull-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}



.text-formatted img {
    height: auto;
}

/* Data export page */

.js-quickedit-page-title.title {
    padding: 10px;
    color: #fff;
}

.progress {
    height: 1.7rem !important;
    justify-content: center;
    gap: 20px;
}

.progress__track {
    height: 100%;
}

.progress__bar {
    height: 100%;
}

.progress__track {
    margin-top: 0 !important;
}

.progress__percentage {
    display: none;
}

.progress__description {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 16px;
}