.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1120px;
}
body {font-family: 'Open Sans';}body {line-height: 1.6;font-size: 16px;font-weight: 400;color: #404040;}.oxy-nav-menu-hamburger-line {background-color: #404040;}h1, h2, h3, h4, h5, h6 {font-family: 'Source Sans 3';font-size: 36px;font-weight: 700;}h2, h3, h4, h5, h6{font-size: 30px;}h3, h4, h5, h6{font-size: 24px;}h4, h5, h6{font-size: 20px;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #0074db;text-decoration: none;}a:hover {text-decoration: none;}.ct-link-text {text-decoration: ;}.ct-link {text-decoration: ;}.ct-link-button {border-radius: 3px;}.ct-section-inner-wrap {
padding-top: 75px;
padding-right: 20px;
padding-bottom: 75px;
padding-left: 20px;
}.ct-new-columns > .ct-div-block {
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
}.oxy-header-container {
padding-right: 20px;
padding-left: 20px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.logo-circularts {
}
.menu-desktop-wrapper {
}
.menu-links-wrapper {
}
.marquee {
}
.marquee__track {
}
.main-wrapper-homepage {
}
.news-float {
}
.swiper {
}
.news-swiper {
}
.swiper-wrapper {
}
.swiper-slide {
}
.swiper-pagination {
}
.swiper-button-prev {
}
.swiper-button-next {
}
.swiper-counter {
}
.news-header-wrapper {
}
.title-description-news {
}
.menu-mobile {
}
.overlay {
}
.overlay-content {
}
.open-menu-mobile {
}
.menu-mobile-button {
}
.copyright-menu {
}
.active-link {
}
.wg-left-col {
}
.wg-right-col {
}
.wg-btn {
}
.wg-content-area {
}
.wg-content-display {
}
.main-wrapper-wg {
}
.left-wrapper {
}
.right-wrapper {
}
.wg-buttons-wrapper {
}
.wg-button {
}
.close-page-button {
}
.wg-right-content {
}
.wg-nr-title-wrapper {
}
.presentation-wg-wrapper {
}
.wg-introduction-text-wrapper {
}
.accordion {
}
.panel {
}
.wg-link-block {
}
.right-wrapper-wg-1 {
}
.right-wrapper-wg-2 {
}
.right-wrapper-wg-3 {
}
.right-wrapper-wg-4 {
}
.right-wrapper-wg-5 {
}
.right-wrapper-wg-6 {
}
.main-wrapper-showcase-page-wrapper {
}
.main-wrapper-showcase-wg {
}
.wg-left {
}
.wg-right {
}
.wg-lightbox-showcase {
}
.wg-images-grid-showcase {
}
.wg-left-showcase {
}
.wg-right-showcase {
}
.wg-right-header-wrapper {
}
.wg-left-content-wrapper {
}
.main-wrapper-stations {
}
.station-block-wrapper {
}
.image-credits-station {
}
.station-image-credits-wrapper {
}
.station-info-text-wrapper {
}
.station-header-wrapper {
}
.main-wrapper-station-showcase {
}
.station-1 {
}
.station-2 {
}
.station-3 {
}
.station-4 {
}
.logo-banner-website-wrapper {
}
.news-list {
}
.news-item {
 font-family:'NH';
 font-weight:600;
 text-transform:uppercase;
}
.news-info-item {
}
.news-toggle {
 font-family:'GR';
 font-weight:400;
}
.news-title {
 font-family:'NH';
 font-weight:600;
}
.news-excerpt {
 font-family:'NR';
 font-weight:400;
}
.news-extra {
}
.oxy-stock-content-styles {
}
.news-main-wrapper {
}
.info-extra-title {
}
.library-main-wrapper {
}
.intro-library-text {
}
.library-group-items {
}
.library-item {
}
.library-title-item {
}
.library-title-author {
}
.library-more-info-wrapper {
}
.library-title-section {
}
.grantcalls-main-wrapper {
}
.grantcalls-item {
}
.grantcalls-line {
}
.grantcalls-group-wrapper {
}
.grantcall-buttons-wrapper {
}
.grantcall-group-title {
}
.grantcalls-group-title {
}
.logo-banner-grantcalls {
}
* {
    box-sizing: border-box;
}

.responsive {
    width: 100%;
}

html,
body {
    scroll-behavior: smooth;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    color: #000000;
    font-family: "NR", Helvetica, sans-serif;
    font-weight: normal;
    font-style: normal;
    scroll-behavior: smooth;
    overscroll-behavior-y: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    user-select: none;
    -webkit-user-select: none;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent;
}

::-moz-selection {
    color: #000000;
    background: #FFFFFF;
}

::selection {
    color: #000000;
    background: #FFFFFF;
}


*::-webkit-scrollbar {
    width: 5px;
}

*::-webkit-scrollbar-track {
    background: #FFFFFF;
}

*::-webkit-scrollbar-thumb {
    background: #000000;
    box-shadow: inset -1px 0 0 #FFFFFF;
    border-radius: 0;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #000000 #FFFFFF;
}

html,
body {
    overflow-y: scroll;
}

.scrollable {
    overflow-y: scroll;
}

/* TYPOGRAPHY SETTINGS *******************************************************/

h1 {
    font-size: 5.2vw;
    line-height: 95%;
    letter-spacing: -0.02em;
    margin: 0;
}

h2 {
    font-size: 3.125vw;
    line-height: 95%;
    letter-spacing: -0.02em;
    margin: 0;
}

h3, .news-title span {
    font-size: 1.8vw;
    line-height: 105%;
    letter-spacing: -0.02em;
    margin: 0;
}

h4, .main-text p, .footnotes h4 p, .news-excerpt span, .news-extra h4 p {
    font-size: 1.52vw;
    line-height: 125%;
    margin: 0;
}

p,
.menu-links-wrapper a,
.news-float .swiper-button-prev::after,
.news-float .swiper-button-next::after,
.news-float .swiper-counter,
.wg-swiper .swiper-button-prev::after,
.wg-swiper .swiper-button-next::after,
.close-page-button, .library-more-info-wrapper a, .grantcall-buttons-wrapper a{
    font-size: 0.7vw;
    line-height: 130%;
    margin: 0;
}

@media (max-width: 1919px) {
    h1 {
        font-size: 7vw;
    }

    h2 {
        font-size: 4.2vw;
    }

    h3, .news-title span {
        font-size: 2.4vw;
    }

    h4, .main-text p, .footnotes h4 p, .news-excerpt span, .news-extra h4 p {
        font-size: 1.52vw;
    }

    p,
    .menu-links-wrapper a,
    .news-float .swiper-button-prev::after,
    .news-float .swiper-button-next::after,
    .news-float .swiper-counter,
    .wg-swiper .swiper-button-prev::after,
    .wg-swiper .swiper-button-next::after,
  .close-page-button, .library-more-info-wrapper a, .grantcall-buttons-wrapper a{
        font-size: 0.97vw;
    }
}

@media (max-width: 1024px) {
    h1 {
        font-size: 8.2vw;
    }

    h2 {
        font-size: 3.9vw;
    }

    h3,
    .overlay-content a, .news-title span {
        font-size: 2.7vw;
    }

    h4, .main-text p, .footnotes h4 p, .news-excerpt span, .news-extra h4 p {
        font-size: 1.75vw;
    }

    p,
    .menu-links-wrapper a,
    .news-float .swiper-button-prev::after,
    .news-float .swiper-button-next::after,
    .news-float .swiper-counter,
    .wg-swiper .swiper-button-prev::after,
    .wg-swiper .swiper-button-next::after,
  .close-page-button, .library-more-info-wrapper a, .grantcall-buttons-wrapper a{
        font-size: 1.4vw;
    }
}

@media (max-width: 576px) {
    h1 {
        font-size: 8.8vw;
    }

    h2 {
        font-size: 8vw;
    }

    h3, .news-title span {
        font-size: 5.7vw;
    }

    h4,
    .overlay-content a, .main-text p, .footnotes h4 p, .news-excerpt span, .news-extra h4 p {
        font-size: 4.1vw;
    }

    p,
    .menu-links-wrapper a,
    .news-float .swiper-button-prev::after,
    .news-float .swiper-button-next::after,
    .news-float .swiper-counter,
    .wg-swiper .swiper-button-prev::after,
    .wg-swiper .swiper-button-next::after,
  .close-page-button, .library-more-info-wrapper a, .grantcall-buttons-wrapper a{
        font-size: 2.6vw;
        line-height: 130%;
    }
}

/* ANIMATIONS SETTINGS *******************************************************/
@keyframes marquee-ltr {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

@media (prefers-reduced-motion: reduce) {
    .marquee__track {
        animation: none;
        transform: none;
    }
}

@keyframes gradientScroll {
    0% {
        background-position: 0% 0%;
    }

    100% {
        background-position: 0% 200%;
    }
}

/* HOMEPAGE STYLE *******************************************************/
.menu-desktop-wrapper {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    column-gap: 20px;
    padding: 20px;
    z-index: 10;
}

.logo-circularts {
    width: calc(12% - 10px);
    line-height: 0;
}

.logo-circularts img {
    width: 100%;
}

.menu-links-wrapper {
    width: calc(88% - 10px);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: row;
    column-gap: 10px;
}

.menu-links-wrapper a {
    padding: 7px 15px;
    background-color: #000000;
    border-radius: 50px;
    border: 1.5px solid #000000;
    transition: all .15s linear;
}

.menu-mobile-button {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10;
    padding: 7px 15px;
    background-color: #000000;
    border: 1.5px solid #000000;
    color: #FFFFFF;
    text-transform: uppercase;
    border-radius: 50px;
    font-family: "GR", Helvetica, sans-serif;
    font-weight: normal;
    cursor: pointer;
    display: none;
    transition: all .15s linear;
}

.menu-links-wrapper a:hover,
.menu-links-wrapper a.active-link,
.menu-mobile-button:hover {
    color: #000000 !important;
    background-color: transparent;
    text-decoration: underline;
}

.overlay, .overlay .closebtn {
    display: none;
}

.main-wrapper-homepage {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #F44915, #F270AB, #12BB76, #41B0F7, #FFE600, #D860FF, #F44915);
    background-size: 100% 1200%;
    animation: gradientScroll 80s linear infinite;
    z-index: 1;
}

.marquee {
    overflow: hidden;
    white-space: nowrap;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
}

.marquee__track {
    display: inline-flex;
    flex-direction: row;
    gap: 20px;
    animation: marquee-ltr 175s linear infinite;
}

.marquee__track h1 {
    line-height: 135% !important;
}

.news-float {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
    width: 50%;
    background: #FFFFFF;
    border: 1.5px solid #000000;
}

.news-header-wrapper {
    width: 100%;
    background-color: #000000;
    color: #FFFFFF;
    padding: 20px;
}

.news-float .oxy-repeater-item,
.news-float .swiper-slide {
    display: flex;
    align-items: center;
    gap: 12px;
}

.news-float .swiper-slide {
    width: 100% !important;
    padding: 20px;
}

.news-float .swiper-slide a {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    column-gap: 20px;
}

.news-float .swiper-slide img {
    width: calc(33.3333333% - 10px);
}

.title-description-news {
    width: calc(66.6666666% - 10px);
    color: #000000;
}

.title-description-news p:nth-child(1) {
    text-transform: uppercase;
    margin-bottom: 3px;
    text-align: left;
}

.title-description-news h4 {
    text-align: left !important;
}

.title-description-news h4 span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.title-description-news p:nth-child(3) {
    padding: 7px 15px;
    background-color: #000000;
    color: #FFFFFF;
    border: 1.5px solid #000000;
    border-radius: 50px;
    margin: 20px 0;
    cursor: pointer;
    transition: all .15s linear;
}

.title-description-news p:nth-child(3):hover {
    color: #000000;
    background-color: transparent;
    text-decoration: underline;
}

.swiper-pagination {
    position: relative !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: 10px 20px;
    border-top: 1.5px solid #000000;
}

.news-float .swiper-button-prev,
.news-float .swiper-button-next {
    width: 8%;
    position: relative;
    background-color: #000000;
    border-radius: 50px;
    padding: 7px 15px 12px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: fit-content !important;
    margin: 0 !important;
    top: auto !important;
}

.news-float .swiper-button-prev {
    left: 0;
}

.news-float .swiper-button-next {
    right: 0;
}

.news-float .swiper-button-prev::after,
.news-float .swiper-button-next::after {
    color: #FFFFFF;
}

.news-float .swiper-button-prev::after {
    content: "⟵";
    font-family: "GR", Helvetica, sans-serif;
    font-weight: normal;
    display: inline-block;
}

.news-float .swiper-button-next::after {
    content: "⟶";
    font-family: "GR", Helvetica, sans-serif;
    font-weight: normal;
    display: inline-block;
}

.news-float .swiper-button-prev,
    .news-float .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 0) !important;
        right: auto;
    }

    .news-float .swiper-button-next,
    .news-float .swiper-rtl .swiper-button-prev {
        left: auto;
        right: var(--swiper-navigation-sides-offset, 0) !important;
    }

.news-float .swiper-counter {
    text-align: center;
    color: #959595;
}

@media (max-width: 1024px) {
    .logo-circularts {
        width: calc(20% - 10px);
    }

    .menu-links-wrapper {
        display: none;
    }

    .menu-mobile-button {
        display: block;
        border: 1px solid #000000;
    }

    .overlay {
        display: block;
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 100;
        top: 0;
        left: 0;
        background-color: #000000;
        overflow-y: hidden;
        transition: 0.5s;
    }

    .overlay .logo-circularts {
        width: calc(20% - 15px);
        position: relative;
        top: 20px;
        left: 20px;
    }

    .overlay-content {
        position: relative;
        top: 180px;
        width: 100%;
        text-align: center;
        padding: 20px;
        row-gap: 20px;
    }

    .overlay a {
        text-decoration: none;
        display: block;
        transition: 0.3s;
    }

    .overlay-content a {
        padding: 10px 20px;
        background-color: #FFFFFF;
        color: #000000 !important;
        border-radius: 50px;
        border: 1.5px solid #000000;
    }

    .copyright-menu {
        width: calc(100% - 40px);
        position: absolute;
        bottom: 20px;
        left: 20px;
    }

    .overlay .closebtn {
        display: block;
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 7px 15px;
        background-color: #FFFFFF;
        border-radius: 50px;
        border: 1.5px solid #000000;
        color: #000000;
        font-family: "GR", Helvetica, sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        transition: all .15s linear;
    }
}

@media (max-width: 576px) {
    .menu-desktop-wrapper {
        column-gap: 10px;
        padding: 10px;
    }

    .logo-circularts {
        width: calc(33.3333333% - 5px);
    }

    .menu-mobile-button {
        top: 10px;
        right: 10px;
        padding: 5px 12px;
    }

    .overlay .logo-circularts {
        width: calc(33.3333333% - 10px);
        position: relative;
        top: 10px;
        left: 10px;
    }

    .overlay-content {
        top: 110px;
        padding: 10px;
        row-gap: 10px;
    }

    .overlay-content a {
        padding: 5px 12px;
    }

    .overlay .closebtn {
        top: 10px;
        right: 10px;
        padding: 5px 12px;
        border: 1px solid #000000;
    }

    .copyright-menu {
        width: calc(100% - 20px);
        bottom: 10px;
        left: 10px;
    }

    .news-float {
        right: 10px;
        bottom: 10px;
        width: calc(100% - 20px);
    }

    .news-header-wrapper {
        padding: 10px;
    }

    .news-float .swiper-slide {
        padding: 12px 10px;
    }

    .news-float .swiper-slide a {
        column-gap: 10px;
    }

    .news-float .swiper-slide img {
        width: calc(33.3333333% - 5px);
    }

    .title-description-news {
        width: calc(66.6666666% - 5px);
    }

    .title-description-news p:nth-child(3) {
        padding: 5px 12px;
        margin: 12px 0;
    }

    .swiper-pagination {
        padding: 10px;
    }

    .news-float .swiper-button-prev,
    .news-float .swiper-button-next {
        width: 12%;
        padding: 5px 12px 10px 12px;
    }

    .marquee {
        top: 47%;
    }
}


/* WORKING GROUP PAGE STYLE *******************************************************/
.wg-swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.wg-logo-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(50% - 40px);
    z-index: 1;
    pointer-events: none;
    mix-blend-mode: overlay;
}

.wg-logo-wrapper img.wg-logo {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center center;
    transition: transform 1s ease;
}

.wg-logo {
    transform: translate(-50%, -50%) rotate(0deg);
    transition: none;
}

.wg-swiper {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
}

.wg-swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 2;
    flex-wrap: wrap;
    opacity: 0;
    cursor: pointer;
    transition: opacity 1s ease;
}

.wg-swiper .swiper-slide.swiper-slide-active {
    opacity: 1;
}

.wg-swiper a{
    width: calc(83.3333% - 40px);
}

.wg-swiper p {
    width: fit-content;
    text-align: center;
    padding: 7px 15px;
    background-color: #000000;
    color: #FFFFFF;
    border: 1.5px solid #000000;
    border-radius: 50px;
    font-family: "GR", Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.wg-swiper h1 {
    font-family: "NH", Helvetica, sans-serif;
    font-weight: 600;
    width: 100%;
    text-align: center;
    z-index: 3;
    position: relative;
}

.wg-swiper h1:hover {
    text-decoration: underline;
}

.wg-swiper .swiper-button-prev,
.wg-swiper .swiper-button-next {
    width: 3.5%;
    height: fit-content !important;
    color: #FFFFFF;
    background-color: #000000;
    border-radius: 50px;
    padding: 7px 15px 12px 15px;
    cursor: pointer;
    font-family: "GR", Helvetica, sans-serif;
    font-weight: 400;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 20px) !important;
    right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 20px) !important;
    left: auto;
}

.wg-swiper .swiper-button-prev::after {
    content: "⟵";
    display: inline-block;
}

.wg-swiper .swiper-button-next::after {
    content: "⟶";
    display: inline-block;
}

.wg-slide-link {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}

.logo-banner-website-wrapper {
    width: 100%;
    margin-top: 100px;
}

.logo-banner-website-wrapper img{
  width: 50%;
}

@media (max-width: 1024px) {
    .wg-logo-wrapper {
        width: calc(80% - 40px);
    }

    .wg-swiper .swiper-button-prev,
    .wg-swiper .swiper-button-next {
        width: 5%;
    }
}

@media (max-width: 576px) {
    .wg-logo-wrapper {
        width: calc(87% - 20px);
    }

    .wg-swiper .swiper-button-prev,
    .wg-swiper .swiper-button-next {
        width: 10%;
        padding: 5px 12px 10px 12px;
    }

    .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        left: var(--swiper-navigation-sides-offset, 10px) !important;
        right: auto;
    }

    .swiper-button-next,
    .swiper-rtl .swiper-button-prev {
        left: auto;
        right: var(--swiper-navigation-sides-offset, 10px) !important;
    }

    .wg-swiper a {
        width: calc(75% - 20px);
    }

    .wg-swiper p {
        padding: 5px 10px;
        margin-bottom: 10px;
        border: 1px solid #000000;
    }

  .logo-banner-website-wrapper {
    margin-top: 50px;
}

  .logo-banner-website-wrapper img{
    width: 70%;
  }
}


/* WORKING GROUP SHOWCASE PAGE STYLE *******************************************************/
.close-page-button {
    color: #FFFFFF;
    background-color: #000000;
    padding: 7px 11.5px;
    border-radius: 50px;
    position: fixed;
    top: 20px;
    right: 20px;
    border: 1.5px solid #000000;
    z-index: 12;
    cursor: pointer;
    transition: all .15s linear;
}

.close-page-button:hover{
    background-color: #FFFFFF;
    color: #000000; 
}

.main-wrapper-wg {
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    position: absolute;
    top: 0;
    left: 0;
}

.left-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    min-height: 100vh;
    height: 100%;
    padding: 20px;
    border-right: 1.5px solid #000000;
}

.wg-nr-title-wrapper {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 40px);
    text-align: center;
}

.wg-nr-title-wrapper p{
  color: #FFFFFF;
  background-color: #000000;
  text-transform: uppercase;
  padding: 7px 15px;
  border-radius: 50px;
  border: 1.5px solid #000000;
  margin: auto;
}

.wg-nr-title-wrapper h2{
  margin-top: 20px;
  line-height: 100%;
}

.wg-buttons-wrapper {
    width: calc(100% - 40px);
    position: absolute;
    bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.wg-button{
  color: #000000;
  background-color: transparent;
  border-radius: 50px;
  border: 1.5px solid #000000;
  text-transform: uppercase;
  padding: 7px 15px;
  cursor: pointer;
}

.wg-button.active,
.wg-button:hover{
    color: #FFFFFF;
    background-color: #000000;
}

.right-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    min-height: 100vh;
    height: 100%;
    z-index: 11;
}

.wg-right-content {
    display: none;
    width: 100%;
}

.wg-right-content.active {
    display: block;
    padding-bottom: 50px;
}

.wg-right-content.presentation-wg-wrapper{
  padding-bottom: 0;
}

.presentation-wg-wrapper {
    width: 100%;
    border-top: 1.5px solid #000000;
    margin-top: 100px;
    padding: 20px !important;
}

.presentation-wg-wrapper div{
  margin-bottom: 50px;
}

.presentation-wg-wrapper div:last-child{
  margin-bottom: 0;
}

.presentation-wg-wrapper p{
  text-transform: uppercase;
  margin-bottom: 3px;
}

.wg-introduction-text-wrapper {
    width: 100%;
    padding: 20px 20px 50px 20px;
    border-bottom: 1.5px solid #000000;
}

.accordion {
    background-color: #000000;
    color: #FFFFFF;
    cursor: pointer;
    padding: 7px 15px;
    border-radius: 50px;
    border: 1.5px solid #000000;
    text-transform: uppercase;
    text-align: left;
    outline: none;
    transition: all .15s linear;
}

.right-wrapper-wg-1 .accordion.active,
.right-wrapper-wg-1 .accordion:hover {
  background-color: #F44915;
  color: #000000;
}

.right-wrapper-wg-2 .accordion.active,
.right-wrapper-wg-2 .accordion:hover {
  background-color: #F270AB;
  color: #000000;
}

.right-wrapper-wg-3 .accordion.active,
.right-wrapper-wg-3 .accordion:hover {
  background-color: #12BB76;
  color: #000000;
}

.right-wrapper-wg-4 .accordion.active,
.right-wrapper-wg-4 .accordion:hover {
  background-color: #41B0F7;
  color: #000000;
}

.right-wrapper-wg-5 .accordion.active,
.right-wrapper-wg-5 .accordion:hover {
  background-color: #FFE600;
  color: #000000;
}

.right-wrapper-wg-6 .accordion.active,
.right-wrapper-wg-6 .accordion:hover {
  background-color: #D860FF;
  color: #000000;
}

.panel {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-out;
}

.panel h4{
  margin-top: 50px;
}

.wg-link-block {
    width: 100%;
    padding: 30px 20px;
    border-bottom: 1.5px solid #000000;
    background-color: #FFFFFF;
    transition: all .15s linear;
}

.right-wrapper-wg-1 .wg-link-block:hover{
  background-color: #F44915;
}

.right-wrapper-wg-2 .wg-link-block:hover{
  background-color: #F270AB;
}

.right-wrapper-wg-3 .wg-link-block:hover{
  background-color: #12BB76;
}

.right-wrapper-wg-4 .wg-link-block:hover{
  background-color: #41B0F7;
}

.right-wrapper-wg-5 .wg-link-block:hover{
  background-color: #FFE600;
}

.right-wrapper-wg-6 .wg-link-block:hover{
  background-color: #D860FF;
}

.wg-link-block h3{
  color: #000000;
  margin-bottom: 20px;
  transition: all .15s linear;
}

.wg-link-block:hover h3{
  color: #FFFFFF;
}

.wg-link-block p{
  color: #000000;
  text-transform: uppercase;
}

@media (max-width: 1024px){
.right-wrapper-wg-1 .accordion:hover,
  .right-wrapper-wg-2 .accordion:hover,
  .right-wrapper-wg-3 .accordion:hover,
  .right-wrapper-wg-4 .accordion:hover,
  .right-wrapper-wg-5 .accordion:hover,
  .right-wrapper-wg-6 .accordion:hover {
  background-color: #000000;
  color: #FFFFFF;
}
}

@media (max-width: 576px){
  .close-page-button {
    padding: 5px 8px;
    top: 10px;
    right: 10px;
    border: 1px solid #000000;
}
  
  .main-wrapper-wg {
    flex-wrap: wrap;
    flex-direction: column;
    min-height: 100%;
}

  .left-wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 10px;
    border-right: none;
    border-bottom: 1px solid #000000;
}

  .wg-nr-title-wrapper {
    position: relative;
    top: 0;
    transform: translateY(0);
    width: 100%;
    text-align: center;
    margin: 150px 0 100px 0;
}

  .wg-nr-title-wrapper p, .wg-button {
    padding: 5px 12px;
    border: 1px solid #000000;
}

  .wg-nr-title-wrapper h2 {
    margin-top: 10px;
}

  .wg-buttons-wrapper {
    width: 100%;
    position: relative;
    bottom: 0;
    gap: 7px;
    padding-bottom: 5px;
}

  .right-wrapper {
    width: 100%;
    position: relative;
    height: 100%;
    min-height: 100%;
    z-index: 11;
}

  .presentation-wg-wrapper {
    width: 100%;
    border-top: none;
    margin-top: 15px;
    padding: 10px !important;
}

  .presentation-wg-wrapper div {
    margin-bottom: 30px;
}

  .wg-introduction-text-wrapper {
    width: 100%;
    padding: 15px 10px 30px 10px;
    border-bottom: 1px solid #000000;
}

  .accordion {
    padding: 5px 12px;
}

  .wg-link-block {
    padding: 20px 10px;
    border-bottom: 1px solid #000000;
}

  .wg-link-block h3 {
    margin-bottom: 10px;
}

  .panel h4 {
    margin-top: 30px;
}
}

/* WORKING GROUP SHOWCASE PAGE STYLE *******************************************************/
.main-wrapper-showcase-page-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100vh; 
  overflow: hidden;
}

.wg-left-showcase,
.wg-right-showcase {
  flex: 1 1 50%;
  min-height: 0;
  max-height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.wg-left-showcase{
  border-right: 1.5px solid #000000;
}

.wg-close-btn {
    position: fixed;
    top: 20px;
    right: 20px;
    font-family: "GR", Helvetica, sans-serif;
    font-weight: normal;
    padding: 7px 11.5px;
    color: #FFFFFF;
    background-color: #000000;
    border-radius: 50px;
    border: 1.5px solid #000000;
    cursor: pointer;
    transition: all .15s linear;
}

.wg-close-btn:hover{
  color: #000000;
  background-color: #FFFFFF;
}

.wg-meta {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
    padding: 20px;
}

.wg-number, .wg-title {
    font-family: "GR", Helvetica, sans-serif;
    font-weight: 400;
    color: #000000;
    border: 1.5px solid #000000;
    border-radius: 50px;
    text-transform: uppercase;
    text-align: center;
    padding: 7px 15px;
}

.wg-title{
  background-color: #000000;
  color: #FFFFFF;
}

h2.content-title {
    font-family: "NH", Helvetica, sans-serif;
    font-weight: 600;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 30px;
    padding: 0 19px;
}

h4.content-author {
    font-family: "GR", Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 50px;
    padding: 0 20px;
}

.content-meta{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 20px;
    padding: 0 20px;
    border-top: 1.5px solid #000000;
}

.meta-date,
.meta-location{
  width: calc(50% - 10px);
  margin: 30px 0;
  text-transform: uppercase;
}

.meta-date p:nth-child(1),
.meta-location p:nth-child(1),
.content-topic p:nth-child(1){
  font-family: "GB", Helvetica, sans-serif;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 10px;
}

.meta-date p:nth-child(2),
.meta-location p:nth-child(2),
.content-topic p:nth-child(2){
  font-family: "GR", Helvetica, sans-serif;
  font-weight: normal;
}

.content-topic{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 30px 20px;
    border-top: 1.5px solid #000000;
}

.content-topic p{
  width: calc(50% - 10px);
  text-transform: uppercase;
}

.content-main-text {
    width: 100%;
    border-top: 1.5px solid #000000;
    padding: 30px 20px 50px 20px;
}

.main-text {
    width: 100%;
    padding: 30px 20px 50px 20px;
    border-top: 1.5px solid #000000;
}

.main-text p{
  font-family: "NR", Helvetica, sans-serif;
  font-weight: 400; 
  margin-bottom: 30px;
}

.main-text p:last-child{
  margin-bottom: 0;
}

.main-text strong{
  font-family: "NH", Helvetica, sans-serif;
  font-weight: 600;
}

.footnotes {
    border-top: 1.5px solid #000000;
    padding: 30px 20px 50px 20px;
}

.footnotes p:nth-child(1){
  font-family: "GB", Helvetica, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: underline;
  margin-bottom: 10px;
}

.footnotes h4 p{
  font-family: "NR", Helvetica, sans-serif !important;
  font-weight: 400 !important; 
  text-decoration: none !important;
  text-transform: none !important;
  margin-bottom: 0 !important;
}

.footnotes strong{
  display: inline-block;
  font-family: "NH", Helvetica, sans-serif !important;
  font-weight: 600 !important;
  transform: scale(.55) translateY(-0.5em);
}

.content-moreinfo {
    width: 100%;
    font-family: "GR", Helvetica, sans-serif;
    font-weight: 400;
    padding: 30px 20px 50px 20px;
    border-top: 1.5px solid #000000;
    text-transform: uppercase;
}

.content-moreinfo p{
  margin-bottom: 50px;
}

.content-moreinfo p:last-child{
  margin-bottom: 0;
}

.content-moreinfo p strong{
  font-family: "GB", Helvetica, sans-serif;
  font-weight: 600;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 10px;
}

.wg-left-showcase .logo-banner-website-wrapper{
  padding: 20px 20px 50px 20px;
  margin-top: 30px;
}

.wg-right-header-wrapper {
    width: 100%;
    margin-top: 100px;
    border-top: 1.5px solid #000000;
}

.wg-right-header-wrapper p {
    font-family: "NH", Helvetica, sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    padding: 30px 20px 15px 20px;
}

.wg-images-grid-showcase {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 20px 50px 20px;
}

.wg-images-grid-showcase img{
  width: calc(33.3333333% - 6.6666667px);
  opacity: 1;
  transition: all .15s linear;
  cursor: zoom-in;
}

.wg-images-grid-showcase img:hover{
  opacity: .9;
}

.wg-lightbox-showcase {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #FFFFFF;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  overflow: hidden;
}

.wg-lightbox-close {
    position: fixed;
    top: 20px;
    right: 20px;
    font-family: "GR", Helvetica, sans-serif;
    font-weight: normal;
    padding: 7px 11.5px;
    color: #FFFFFF;
    background-color: #000000;
    border-radius: 50px;
    border: 1.5px solid #000000;
    cursor: pointer;
    transition: all .15s linear;
    z-index: 101;
}

.wg-lightbox-counter {
    position: absolute;
    top: 20px;
    left: 20px;
    font-family: "GR", Helvetica, sans-serif;
    font-weight: 400;
    color: #000000;
}

.wg-swiper {
  width: 100%;
  margin: auto;
  position: relative;
}

.wg-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.wg-swiper .swiper-slide img {
  max-width: 100%;
  max-height: 70vh;
  object-fit: contain;
}

.swiper-button-next,
.swiper-button-prev {
  color: #fff;
}

.wg-caption-bar {
    width: 80%;
    font-family: "GR", Helvetica, sans-serif;
    font-weight: 400;
    padding: 20px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    text-align: center;
    text-transform: uppercase;
}

@media (max-iwdth: 1024px){
    .wg-swiper .swiper-slide img {
    max-width: 77%;
    max-height: 60vh;
}
}

@media (max-width: 576px){
  .main-wrapper-showcase-page-wrapper {
    flex-wrap: wrap;
    height: 100%;
}

  .wg-left-showcase {
    border-right: 0;
    border-bottom: 1px solid #000000;
}

  .wg-left-showcase, .wg-right-showcase {
    flex: 1 1 100%;
    overflow-y: inherit;
}

  .wg-meta {
    gap: 7px;
    padding: 10px;
}

  .wg-number, .wg-title {
    border: 1px solid #000000;
    padding: 5px 12px;
}

  .wg-close-btn {
    top: 10px;
    right: 10px;
    padding: 5px 8px;
    border: 1px solid #000000;
}

  h2.content-title {
    margin-top: 150px;
    margin-bottom: 20px;
    padding: 0px 10px;
}

  h4.content-author {
    margin-bottom: 100px;
    padding: 0 10px;
}

  .content-meta {
    column-gap: 10px;
    padding: 0 10px;
    border-top: 1px solid #000000;
}

  .meta-date, .meta-location {
    width: calc(50% - 5px);
    margin: 20px 0;
}

  .meta-date p:nth-child(1), .meta-location p:nth-child(1), .content-topic p:nth-child(1) {
    margin-bottom: 5px;
}

  .content-topic {
    padding: 20px 10px;
    border-top: 1px solid #000000;
}

  .main-text {
    padding: 20px 10px 30px 10px;
    border-top: 1px solid #000000;
}

  .footnotes {
    border-top: 1px solid #000000;
    padding: 20px 10px 30px 10px;
}

  .footnotes strong{
  transform: scale(.6) translateY(-0.35em);
}

  .content-moreinfo {
    padding: 20px 10px 30px 10px;
    border-top: 1px solid #000000;
}

  .content-moreinfo p {
    margin-bottom: 30px;
}

  .content-moreinfo p strong {
    margin-bottom: 5px;
}

  .wg-right-showcase .logo-banner-website-wrapper{
  padding: 10px;
  margin-top: 90px;
}

  .wg-right-header-wrapper {
    margin-top: 0;
    border-top: 0;
}

  .wg-right-header-wrapper p {
    padding: 20px 10px 10px 10px;
}

  .wg-images-grid-showcase {
    gap: 5px;
    padding: 0 10px 30px 10px;
}

  .wg-images-grid-showcase img {
    width: calc(33.3333333% - 3.333333px);
}

  .wg-lightbox-counter {
    top: 10px;
    left: 10px;
}

  .wg-lightbox-close {
    top: 10px;
    right: 10px;
    padding: 5px 8px;
    border: 1px solid #000000;
}

      .wg-swiper .swiper-slide img {
        max-width: 68%;
        max-height: 60vh;
    }

  .wg-caption-bar {
    width: 100%;
    padding: 10px;
}
}

/* STATIONS STYLE *******************************************************/
.main-wrapper-stations {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 150px;
}

.station-block-wrapper {
    width: 50%;
}

.station-block-wrapper:nth-child(1),
.station-block-wrapper:nth-child(3){
  border-right: 1.5px solid #000000;
}

.station-block-wrapper:nth-child(3),
.station-block-wrapper:nth-child(4){
  border-bottom: 1.5px solid #000000;
}

.station-image-credits-wrapper {
    position: relative;
    width: 100%;
    height: 70vh;
    overflow: hidden;
    border-top: 1.5px solid #000000;
    border-bottom: 1.5px solid #000000;
}

.station-image-credits-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 1;
  transition: all .15s linear;
}

.station-block-wrapper:hover .station-image-credits-wrapper img{
  opacity: .9;
}

.image-credits-station {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #FFFFFF;
    color: #000000;
    text-transform: uppercase;
    padding: 7px 15px;
    border: 1.5px solid #000000;
    border-radius: 50px;
    z-index: 1;
    transition: all .15s linear;
}

.station-block-wrapper:hover .image-credits-station{
    background-color: #000000 !important;
    color: #FFFFFF !important;
}

.station-info-text-wrapper {
    width: 100%;
    padding: 30px 20px 50px 20px;
    background-color: #FFFFFF;
    transition: all .15s linear;
}

.station-info-text-wrapper h2 {
    color: #000000;
    text-align: center;
    margin: 0 auto 20px auto;
}

.station-info-text-wrapper p:nth-child(2){
  width: 80%;
  text-transform: uppercase;
  text-align: center;
  margin: 0 auto 20px auto;
}

.station-info-text-wrapper p:nth-child(3){
  text-transform: uppercase;
  color: #FFFFFF;
  background-color: #000000;
  padding: 7px 15px;
  border: 1.5px solid #000000;
  border-radius: 50px;
  margin: auto;
}

.main-wrapper-stations .logo-banner-website-wrapper, .news-main-wrapper .logo-banner-website-wrapper,
.library-main-wrapper .logo-banner-website-wrapper, .grantcalls-main-wrapper .logo-banner-website-wrapper{
  width: 55%;
  padding: 20px;
  margin-top: 190px;
}

@media (max-width: 1024px){
  .station-image-credits-wrapper {
    height: 40vh;
}
}

@media (max-width: 576px){
    .main-wrapper-stations {
    margin-top: 120px;
}

  .station-block-wrapper{
    width: 100%;
  }

  .station-block-wrapper:nth-child(1), .station-block-wrapper:nth-child(3) {
    border-right: 0;
}

  .station-image-credits-wrapper {
    height: 45vh;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

  .image-credits-station {
    top: 10px;
    left: 10px;
    padding: 5px 12px;
    border: 1px solid #000000;
}

  .station-info-text-wrapper {
    padding: 20px 10px 30px 10px;
}

  .station-info-text-wrapper h2{
    margin-bottom: 10px;
  }

  .station-info-text-wrapper p:nth-child(2) {
    width: 100%;
    margin: 0 auto 15px auto;
}

  .station-info-text-wrapper p:nth-child(3) {
    padding: 5px 12px;
    border: 1px solid #000000;
}

  .station-block-wrapper:nth-child(3) {
    border-bottom: 0;
}

  .station-block-wrapper:last-child {
    border-bottom: 1px solid #000000;
}

  .main-wrapper-stations .logo-banner-website-wrapper, .news-main-wrapper .logo-banner-website-wrapper,
  .library-main-wrapper .logo-banner-website-wrapper, .grantcalls-main-wrapper .logo-banner-website-wrapper{
  width: 100%;
  padding: 10px 10px 10px 10px;
  margin-top: 90px;
}
}

/* STATIONS SHOWCASE STYLE *******************************************************/
.station-header-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}

.station-header-wrapper p:nth-child(1){
  text-align: center;
  text-transform: uppercase;
  padding: 7px 15px;
  border: 1.5px solid #000000;
  border-radius: 50px;
}

.station-header-wrapper p:nth-child(2){
  text-align: center;
  text-transform: uppercase;
  padding: 7px 15px;
  background-color: #000000;
  border: 1.5px solid #000000;
  border-radius: 50px;
}

.station-1 .accordion.active{
  color: #000000 !important;
  background-color: #41B0F7 !important;
}

.station-1 .wg-link-block:hover{
  background-color: #41B0F7 !important;
}

.station-2 .accordion.active{
  color: #000000 !important;
  background-color: #F44915 !important;
}

.station-2 .wg-link-block:hover{
  background-color: #F44915 !important;
}

.station-3 .accordion.active{
  color: #000000 !important;
  background-color: #12BB76 !important;
}

.station-3 .wg-link-block:hover{
  background-color: #12BB76 !important;
}

.station-4 .accordion.active{
  color: #000000 !important;
  background-color: #FFE600 !important;
}

.station-4 .wg-link-block:hover{
  background-color: #FFE600 !important;
}


/* NEWS PAGE STYLE *******************************************************/
.news-main-wrapper {
    width: 100%;
    padding-top: 200px;
}

.news-month-section{
  margin-bottom: 100px;
}

.news-main-wrapper .news-month-section:last-child{
  margin-bottom: 0;
}

.news-month-title {
    font-family: "NH", Helvetica, sans-serif;
    font-weight: 600;
    color: #959595 !important;
    padding: 0 20px 30px 20px;
    border-bottom: 1.5px solid #000000;
}

.news-item {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    padding: 30px 20px;
    border-bottom: 1.5px solid #000000;
    transition: all .15s linear;
}

.news-item.is-open {
    background-color: #000000;
    border-bottom: 1.5px solid #FFFFFF;
}

.news-item.is-open h3, .news-item.is-open h4, .news-item.is-open p{
  color: #FFFFFF;
}

.news-item img {
    width: calc(16.6666667% - 13.3333333px);
}

.news-info-item {
    width: calc(75% - 13.3333333px);
}

.news-title {
    margin-bottom: 10px;
    text-transform: none;
}

.news-excerpt{
  text-transform: none;
}

.news-toggle {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    color: #FFFFFF;
    background-color: #000000;
    padding: 7px 11.5px;
    border: 1.5px solid #000000;
    border-radius: 50px;
    line-height: 130%;
    transition: all .15s linear;
}

.news-toggle:hover, .news-item.is-open .news-toggle{
  background-color: #FFFFFF;
}

.news-toggle br{
  display: none !important;
}

  .news-toggle::after {
    content:"+";
    color: #FFFFFF;
    transition: all .15s linear;
  }

.news-toggle:hover::after, .news-item.is-open .news-toggle::after{
  color: #000000;
}

  .news-toggle[aria-expanded="true"]::after {
    content:"-";
  }

.news-extra {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease, opacity .5s ease;
    opacity: 0;
    width: 100%;
    margin-top: 60px;
}

  .news-extra.is-open {
    display: block;
    opacity: 1;
    max-height: 1000px;
  }

.news-extra .info-extra-title{
  font-family: "NH", Helvetica, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.news-extra h4 p{
  font-family: "NR", Helvetica, sans-serif !important;
  font-weight: 400 !important;
  text-transform: none;
}

.news-extra h4 a{
  font-family: "NH", Helvetica, sans-serif;
  font-weight: 600;
  text-decoration: underline;
  color: #FFFFFF;
}

@media (max-width: 576px){
  .news-main-wrapper {
    padding-top: 120px;
}

  .news-month-section{
  margin-bottom: 50px;
}

  .news-month-title {
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #000000;
}

  .news-item {
    column-gap: 10px;
    padding: 15px 10px;
    border-bottom: 1px solid #000000;
}

  .news-item.is-open {
    border-bottom: 1px solid #FFFFFF;
}

  .news-item img{
    width: calc(25% - 5px);
  }

  .news-toggle {
    top: 10px;
    right: 10px;
    padding: 5px 8px;
    border: 1px solid #000000;
}

  .news-info-item {
    width: calc(75% - 5px);
}

  .news-info-item h3, .news-info-item h4{
    padding-right: 5%;
  }

  .news-title {
    margin-bottom: 7px;
}

  .news-extra {
    margin-top: 40px;
}

  .news-extra h4{
    padding-right: 0 !important;
  }
}


/* LIBRARY PAGE STYLE *******************************************************/
.library-main-wrapper {
    padding-top: 200px;
}

.intro-library-text {
    width: 83.3333333%;
    text-align: center;
    margin: auto;
    padding-bottom: 50px;
}

.library-group-items {
    width: 100%;
    margin-top: 100px;
}

.library-title-section {
    width: 100%;
    padding: 0 20px 30px 20px;
    border-bottom: 1.5px solid #000000;
}

.library-title-author {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    background-color: #FFFFFF;
    color: #000000;
    cursor: pointer;
    padding: 30px 20px;
    outline: none;
    border-bottom: 1.5px solid #000000;
    transition: all 0.15s linear;
}

.active-accordion, .library-title-author:hover {
  background-color: #000000;
  color: #FFFFFF;
}

.library-title-author:after {
    position: absolute;
    top: 20px;
    right: 20px;
    content: '\002B';
    font-family: "GR", Helvetica, sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    background-color: #000000;
    padding: 7px 11.5px;
    border: 1.5px solid #000000;
    border-radius: 50px;
    line-height: 130%;
    transition: all .15s linear;
}

.library-title-author:hover:after{
  background-color: #FFFFFF;
  color: #000000;
}

.active-accordion:after {
    content: "\2212";
    background-color: #FFFFFF;
    color: #000000;
    border-color: #FFFFFF;
}

.library-title-author p{
  padding: 7px 15px;
  color: #000000;
  border: 1.5px solid #000000;
  border-radius: 50px;
  text-transform: uppercase;
}

.active-accordion.library-title-author p, .library-title-author:hover p {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.library-more-info-wrapper {
  padding: 0 20px;
  background-color: #000000;
  color: #FFFFFF;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}

.active-accordion + .library-more-info-wrapper{
  border-bottom: 1.5px solid #FFFFFF;
}

.library-more-info-wrapper p {
    text-transform: uppercase;
    font-family: "NH", Helvetica, sans-serif;
    font-weight: 600;
    margin: 30px 0 5px 0;
}

.library-more-info-wrapper h4{
  margin-bottom: 60px;
}

.library-more-info-wrapper img{
  width: 16.6666667%;
}

.library-more-info-wrapper a{
  font-family: "GR", Helvetica, sans-serif;
  font-weight: 400;
  color: #FFFFFF;
  text-decoration: underline;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 60px;
  transition: all .15s linear;
}

.library-more-info-wrapper a:hover{
  color: #959595;
}

@media (max-width: 576px){
  .library-main-wrapper {
    padding-top: 150px;
}
  
  .intro-library-text {
    width: 100%;
    padding: 0 20px 20px 20px;
}

  .library-group-items {
    margin-top: 100px;
}

  .library-title-section {
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #000000;
}

  .library-title-author {
    row-gap: 15px;
    padding: 15px 10px;
    border-bottom: 1px solid #000000;
}

  .library-title-author h3 {
    width: 92%;
}

  .library-title-author p {
    padding: 5px 12px;
    border: 1px solid #000000;
}

  .library-title-author:after {
    top: 10px;
    right: 10px;
    padding: 5px 10px;
    border: 1px solid #000000;
}

  .library-more-info-wrapper {
    padding: 0 10px;
}

  .active-accordion + .library-more-info-wrapper{
  border-bottom: 1px solid #FFFFFF;
}

  .library-more-info-wrapper p {
    margin: 25px 0 5px 0;
}

  .library-more-info-wrapper h4 {
    margin-bottom: 30px;
}

  .library-more-info-wrapper img {
    width: 50%;
}

  .library-more-info-wrapper a {
    margin-bottom: 30px;
}
}

/* GRANT CALLS PAGE STYLE *******************************************************/
.grantcalls-main-wrapper {
    width: 100%;
    padding-top: 250px;
}

.grantcalls-group-wrapper{
  width: 100%;
  margin-bottom: 100px;
}

.grantcalls-main-wrapper .grantcalls-group-wrapper:nth-child(2){
  margin-bottom: 0;
}

.grantcalls-group-title {
    width: 100%;
    padding: 0 20px 30px 20px;
    border-bottom: 1.5px solid #000000;
}

.grantcalls-line {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    column-gap: 20px;
    padding: 30px 20px;
    border-bottom: 1.5px solid #000000;
}

.grantcalls-line a h3{
  width: 100%;
}

.grantcalls-line h3{
  width: calc(50% - 10px);
}

.grantcalls-line a h3{
  color: #000000 !important;
  transition: all .15s linear;
}

.grantcalls-line a:hover h3{
  color: #959595 !important;
  text-decoration: underline;
}

.grantcall-buttons-wrapper {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.grantcall-buttons-wrapper a{
  color: #000000;
  background-color: #FFFFFF;
  padding: 7px 15px;
  border: 1.5px solid #000000;
  border-radius: 50px;
  transition: all .15s linear;
}

.grantcall-buttons-wrapper a:hover{
  color: #FFFFFF !important;
  background-color: #000000;
}

@media (max-width: 576px){
  .grantcalls-main-wrapper {
    padding-top: 200px;
}

  .grantcalls-group-title {
    padding: 0 10px 15px 10px;
    border-bottom: 1px solid #000000;
}

  .grantcalls-line {
    flex-wrap: wrap;
    column-gap: 10px;
    padding: 15px 10px;
    border-bottom: 1px solid #000000;
}

  .grantcalls-line a h3{
    margin-bottom: 0;
  }

  .grantcalls-line h3 {
    width: 100%;
    margin-bottom: 30px;
}

  .grantcall-buttons-wrapper {
    width: 100%;
}

  .grantcall-buttons-wrapper a {
    padding: 5px 12px;
    border: 1px solid #000000;
}
}