/*Landing*/
.view-working-group .section-card .content { 
    flex: 1; 
}

/*Emptys messages*/
.group-sections .view-empty {
    color: #cccccc;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 22px;
    text-align:center;
    display: flex;
    align-items:center;
    gap: 10px;
    justify-content: center;
}
.group-sections .view-empty:before {
    content:"";
    width: 22px;
    height: 22px;
    display:flex;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.3.1, 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 256.49 257.41' style='enable-background:new 0 0 256.49 257.41;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23CCCCCC;%7D%0A%3C/style%3E%3Cpath class='st0' d='M10.28,257.41c-3.3-2.61-6.43-4.27-8.38-6.83c-2.4-3.15-1.86-6.98,0.45-10.28c0.95-1.35,2.17-2.52,3.35-3.69 C82.74,159.52,159.8,82.45,236.84,5.36c3.02-3.03,6.07-5.83,10.78-5.08c7.46,1.19,10.98,9.5,6.61,15.7c-0.95,1.35-2.2,2.5-3.38,3.67 C173.93,96.62,97,173.59,19.99,250.48C17.42,253.04,14.02,254.77,10.28,257.41z M1.29,143.38c1.65,13.84,5.61,27.03,11.61,39.6 c2.18,4.56,6.61,6.73,11.05,5.82c4.29-0.89,7.98-4.72,7.91-9.12c-0.04-2.55-1.01-5.2-2.06-7.59c-9.45-21.57-12.13-43.8-6.93-66.89 C36.71,43.74,105.7-0.94,172.99,29.95c6.64,3.05,12.4,1.31,14.85-4.18c2.52-5.64,0.05-10.99-6.63-13.98 c-21.09-9.44-43.02-13.47-66.18-11.16C51.41,7,0.25,63.6,0,127.95C0.42,133.1,0.68,138.26,1.29,143.38z M174.01,247.62 c49.75-21.18,77.04-59.16,82.04-112.81c1.97-21.12-2.72-41.42-11.89-60.57c-3.4-7.11-11.14-8.74-16.42-3.71 c-3.45,3.28-3.85,7.35-1.18,13.33c8.34,18.68,11.34,38.06,8.9,58.47c-5.9,49.22-52,91.85-101.48,93.7 c-17.64,0.66-34.43-2.43-50.54-9.6c-6.04-2.68-11.21-1.36-14.03,3.31c-3.3,5.47-1.09,11.71,5.44,14.74 c17.04,7.91,35.05,11.37,53.77,11.49C144.26,255.96,159.62,253.75,174.01,247.62z'/%3E%3C/svg%3E%0A");
}

/*Discussions*/
.node--type-group-discussion #main-wrapper > .container {
    all:unset;
}
.node--type-group-discussion #main-wrapper > .container > .row {
    margin: 0;
}
.node--type-group-discussion #main-wrapper > .container > .row > * {
    padding: 0;
}
.discussions-files .container.summary {
    all: unset;
}
.discussions-files .container.box-info-field {
    all: unset;
    
}
.discussions-files .container.box-info-field .field__items{
    display: flex;
    gap: 10px;
    margin-bottom: 50px;
}
.discussions-files .container.box-info-field .file {
    background-size: 20px;
    padding-left: 30px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.3.1, 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 384.01 408.81' style='enable-background:new 0 0 384.01 408.81;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.61,408.81c-7.93-2.27-14.97-5.95-18.47-13.85c-1.63-3.68-2.95-7.86-2.98-11.82 c-0.23-33.39-0.14-66.78-0.13-100.16c0-0.51,0.11-1.01,0.2-1.71c16.88,0,33.62,0,50.79,0c0,25.26,0,50.58,0,76.17 c94.05,0,187.66,0,281.71,0c0-25.31,0-50.63,0-76.16c17.17,0,33.91,0,51.29,0c0,1.45,0,2.98,0,4.51c0,30.59,0,61.19,0,91.78 c0,18.44-4.42,24.83-21.6,31.24C248.81,408.81,135.21,408.81,21.61,408.81z M148.94,178.86c-14.79,0-29.59,0.07-44.38-0.03 c-6.13-0.04-11.1,1.88-13.73,7.66c-2.58,5.64-0.71,10.54,3.2,14.99c29.07,33.11,58.08,66.27,87.15,99.38 c6.85,7.8,14.88,7.74,21.78-0.13c28.98-33.01,57.9-66.08,86.88-99.08c4.01-4.56,5.99-9.52,3.28-15.32c-2.7-5.77-7.73-7.55-13.83-7.5 c-14.79,0.11-29.59,0.04-44.38,0.04c-1.41,0-2.83,0-4.5,0c0-2.08,0-3.66,0-5.23c0-52.94,0.01-105.88-0.01-158.82 c0-9.81-4.94-14.78-14.69-14.8C200.26-0.01,184.8,0,169.34,0.01c-11.14,0-15.72,4.6-15.73,15.77c0,52.67,0,105.35,0,158.02 c0,1.56,0,3.12,0,5.06C151.8,178.86,150.37,178.86,148.94,178.86z'/%3E%3C/svg%3E%0A");
}

.discussions-files .container.box-info-field .field__item .file a:active,
.discussions-files .container.box-info-field .field__item .file a{
    color:white;
    font-weight: 700;
}

.discussions-files .container.box-info-field .field__item {
    border: none;
    background-color: #167575;
    border-radius: 4px;
    width: max-content;
    padding: 10px 30px;
}
.discussions .field--name-body, .discussions-files .field--name-body {
    border-bottom: 1px solid var(--green-text);
    padding-bottom: 50px;
    margin-bottom: 50px;
}
/* .discussions .field--name-field-comments,
.discussions-files .field--name-field-comments {
    margin: 0 0 0 2rem ;
} */
.node--type-group-discussion .comment-form__title {
    color: var(--green-text);
    font-size: calc(30px + (24 - 30) * ((100vw - 320px) / (1366 - 320)));
}
.node--type-group-discussion .field--name-field-comments .title{
    margin: 50px 0;
}
.comment{
    width: 100%;
}
.discussions * , .discussions-files *{
    font-family: 'Montserrat';
}
.comment .field--name-user-picture {
    width:35px;
    height: 35px;
    margin: 0 10px 0 0;
}

.comment__meta{
    display: flex;
    align-items: center;
    height: 50px;
    position: relative;
    width: min-content;
    padding: 0;
}
/* .profile .field--name-user-picture{
    margin: 0;
} */
.comment__author{
    margin: 0 0 0 10px;
    display: flex;
    align-items: center;
}
.comment__author a{
    font-size: 18px;
    color: var(--green-text);
    font-weight: 600;
    text-decoration: none;
}


.text-danger {
    color: white !important;;
    font-size: 13px;
    background: green;
    padding: 2px 5px;
    position: absolute;
    left: calc(100% + 10px);
    border-radius: 3px;
}
.comment__content{
    padding: 1rem;
    width: 100% !important;
}
.comment__content .card-title {
    margin: 0 0 10px 0
}
.comment__content .card-title a{
    text-decoration: none;
    font-size: 22px;
    color: var(--green-text);
}
.comment__content .field--name-comment-body p{
    margin: 0 0 10px 0;
    font-size: 18px;
}

.comment__content .nav-link a {
    text-decoration: none;
    color: orange;
    font-size: 16px;
    font-weight: 500;
}
.comment__content .nav-link{
    line-height: 18px;
    margin: 0 0 10px 0;
}
.comment__content .card-body{
    padding: 0;
}
.comment__content .comment__time{
    font-size: 16px;
}
.comment__content .comment__permalink {
    display: none;
}
/*Working groups*/
.node--type-landing-page .views-view-grid .row {
    margin: unset;
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(min(316px, 100%), 1fr));
}
.node--type-landing-page .views-view-grid .row > * {
    width: unset !important;
    padding: unset !important;
}
.node--type-landing-page .views-view-grid .row .node--unpublished{
    padding: 0;
}

.basic-content-header h4{
    z-index: 2;
    display: flex;
    font-family: 'Merriweather';
    font-weight: 700;
    font-size: 32px;
    color: white;
}

.node-type ~ h4{
    position: relative;
    padding-bottom: 25px;
}
.node-type ~ h4:before {
    content: '';
    height: 1px;
    width: 100%;
    position:absolute;
    bottom: 0;
    border-bottom: 1px solid white;
}

/*Working group*/


.workin-group-info{
    display: flex;
    flex-direction: column;
    box-shadow: var(--card-box-shadow);
    padding: 30px 16px; 
    gap: 10px;
}

.workin-group-info *{
    text-align: left;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 16px;
}

.workin-group-info .field__label, .workin-group-info .field__label *{
    color: orange !important;
}
.workin-group-info .field__item, .workin-group-info .field__item *{
    color: var(--grenn-text);
    font-weight: 600;
}

.working-group-cta a {
    flex: 1
}
.working-group-cta .btn{
    all: unset;
    font-family: Montserrat;
    color: white;
    background: #167575;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: .1em;
    border-radius: 3px;
}
.working-group-cta :first-child .btn{
    background: var(--accent-color);
}
.working-group-cta{
    display: flex;
    gap: 10px;
    padding: 10px;
}

.group-partner .view-content.row{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
}
.group-image-partner .views-row{
    border: 1px solid #eeeeee;
    padding: 1.6rem !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.group-image-partner .views-row img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.group-image-partner .views-row:not(:hover) img{
    filter: grayscale(100);
}
.content-browser-form .content-browser-actions.mb-3 {
    margin: 0 !important;
    padding-top: 15px;
}
.active>.page-link, .page-link.active{
    z-index: unset;
}



.group-view img {
    width: 100px;
}

/* group discussion table */
.group-discussion > .row > * {
    padding: 0;
}
.group-discussion table * {
    font-family: 'Montserrat';
    background: white !important;
    font-weight: 400;
    font-size: 18px;
    box-shadow: none;
    vertical-align: text-top;
    font-size: 18px;
    text-decoration: none;
}
.group-discussion thead *{
    font-weight: 700 !important;
    font-size: 20px !important;
    color: var(--green-text) !important;
    vertical-align: text-bottom;
}
.group-discussion thead th:not(:first-child){
    width: 0;
    white-space: nowrap;
}
.group-discussion td:not(.views-field-title){
    white-space: nowrap;
}
.group-discussion tr td{
    border-top: 1px solid #aaaaaa !important;
}
.group-discussion [headers="view-last-updated-table-column"]{
    color: #6D8588 !important;
}
.group-discussion .views-field-title{
    padding: 1rem 0;
    display: flex;
}
.files .group-discussion td.views-field-title:before {
    background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 25.3.1, 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 265.14 353.78' style='enable-background:new 0 0 265.14 353.78;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:url(%23SVGID_1_);%7D%0A%3C/style%3E%3Cpath id='_x30_0' d='M0.23,176.67c0-47.34,0.48-94.69-0.23-142.01C-0.29,15.18,15.83-0.25,34.47,0 c45.99,0.62,91.99,0.27,137.99,0.15c10.47-0.03,19.11,3.61,26.38,11c18.34,18.64,36.71,37.25,55.11,55.85 c7.52,7.6,11.21,16.57,11.19,27.37c-0.11,74.5-0.04,148.99-0.06,223.49c-0.01,22.21-13.68,35.91-35.76,35.92 c-64.98,0.01-129.97,0.02-194.95-0.01c-15.67-0.01-27.77-7.99-32.44-21.8c-1.25-3.69-1.61-7.84-1.62-11.78 C0.2,272.35,0.23,224.51,0.23,176.67z M231.98,320.84c0.12-1.8,0.31-3.25,0.31-4.71c0.01-63.33-0.03-126.67,0.1-190 c0.01-4.1-1.35-5.03-5.15-5c-21.66,0.14-43.33,0.09-64.99,0.05c-12.76-0.02-18.51-5.91-18.49-18.72c0.03-21.17,0.03-42.33,0.04-63.5 c0-1.93,0-3.86,0-5.85c-37.42,0-74.01,0-111.09,0c0,1.95,0,3.58,0,5.21c0,92.33,0.03,184.65-0.09,276.98 c-0.01,4.45,1,5.95,5.75,5.93c62.82-0.16,125.65-0.11,188.47-0.12C228.47,321.12,230.09,320.95,231.98,320.84z M226.47,88.36 c-16.31-16.48-33.22-33.58-49.5-50.04c0,15.87,0,32.89,0,50.04C194.36,88.36,211.26,88.36,226.47,88.36z'/%3E%3C/svg%3E%0A") no-repeat center;
    content: "";
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.group-discussion .views-field-title *{
    font-weight: 600;
    color: #167575;
    font-size: 22px
}

.group-header{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.group-header a {
    background-color: #FFAE35;
    color: white;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    width: max-content;
    padding: 0.5rem 2rem;
    border-radius: 5px;
}

/*members*/
.view-group-member > .row{
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
}

.view-group-member > .row > * {
    padding: 0;
    display: grid;
    grid-template-columns: 50px 1fr;
    grid-gap: 0 10px;
    grid-template-rows: auto auto auto;
    grid-template-areas: 'a b' 'a c' 'a d';
}
.view-group-member .member-image {
    grid-area: a;
    overflow: hidden;
    display:flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 10px 0 0;
    padding: 0;
}
.view-group-member .member-image div {
    width: 100%;
}
.view-group-member .member-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.view-group-member .views-field.views-field-field-nickname {
    grid-area: b;
    font-weight: 600;
    font-size: 22px;
}

.view-group-member .views-field.views-field-field-name {
    grid-area: c;
    font-size: 16px;
}

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

/*Visual identity*/

.group-sections{
    position: relative;
}
.group-sections:nth-child(odd) .title:after {
    position:absolute;
    margin-top: -190px;
    background: url(https://i.imgur.com/vnWlwBW.png);
    right: 0;
    position: absolute;
    content: "";
    display: flex;
    width: 196px;
    height: 268px;
    opacity: .6;
    pointer-events: none;
}
.group-sections:nth-child(even) .title:before {
    position:absolute;
    margin-top: -135px;
    background: url(https://i.imgur.com/GyFa7iG.png);
    left: 0;
    position: absolute;
    content: "";
    display: flex;
    width: 196px;
    height: 268px;
    opacity: .6;
    pointer-events: none;
}
.group-header .title {
    margin: 110px auto 80px auto;
}
.group-header a {
    margin-top: -50px;
}

.field.field--name-field-registration-link.field--type-link.field--label-hidden.field__item {
    display: none;
}

/*Countries*/
.view-group-countries .view-content.row {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(auto-fill, minmax(min(130px, 100%), 1fr));

}

.view-group-countries .views-row {
    display: flex;
    flex-direction: column-reverse;
}

.view-group-countries .views-field-title {
    padding: 0;
    text-align: center;
    font-size: 18px;
}

.view-group-countries .views-field-field-flag img{
    width: 100%;
    height: auto;
}
.public-group-cta{
    max-width: 800px;
    margin:auto;
}
.public-group-cta .btn{
    all: unset;
    font-family: Montserrat;
    color: white;
    background: #167575;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    letter-spacing: .1em;
    border-radius: 3px;
    height: 36px;
    width: 200px;
    text-transform: uppercase;
    font-weight: 600;
    margin:  0 auto 30px auto;
}

span.comment-add.nav-link {
    display: none;
}