@charset "utf-8";
/* CSS Document */

input[type="submit"], input[type="button"], input[type="text"], input[type="password"], input[type="email"], textarea { -webkit-appearance: none; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; -o-border-radius:0px; }

/* #Media Queries
================================================== */
@media only screen and (min-width: 1920px){
body{ overflow-x:hidden;}	

}



@media screen and (min-width:1280px) and (max-width:1366px) {


}



@media only screen and (max-width: 1280px) {
body{ overflow-x:hidden;}

}


@media screen and (min-width:1024px) and (max-width:1279px) {
img {max-width:100%; }
.row{width:100%; padding:0px 15px;}


/*site header*/
.site-logo { margin-right:24px;}
.site-logo img{width:190px;}
.main-nav ul { column-gap: 28px;}
.main-nav ul li a{font-size:18px;}
.header-search{margin-left:22px;}

/*page banner*/
.obs-banner{min-height:auto;}
.page-banner-cnt h1{font-size:58px;}

/*intro section*/
.intro-sec{padding:80px 0;}
.intro-cnt h2{font-size:44px; line-height: 1.1;}
.intro-block {margin-bottom:40px;}
.intro-block p { font-size: 22px;}

/*why finance matters*/
.finance-sec{padding:80px 0;}
.finance-sec h2{font-size:44px;}
.finance-sec p br { display:none; }
.finance-sec p { font-size: 22px; }
.finance-cols{margin:60px 0;}
.finance-col{padding:0 24px;}
.finance-col h3{font-size:34px;}

/*role of the observatory*/
.role-sec{padding:80px 0 0;}
.role-top{gap:50px; margin-bottom:80px;}
.role-text h2{font-size:44px;}
.role-quote p{font-size:48px;}
.role-text p, .role-list li { font-size: 22px;}


/*other publications*/
.publications-sec{padding:80px 0 80px;}
.publications-sec > .row > h2{font-size:46px;}
.btn-view-all{padding:18px 36px;}

/*site footer*/
.site-switechersfund{padding:80px 0;}
.footer-logo{width:280px;}
.site-switechersfund p{font-size:22px;}
.footer-logos{justify-content:center; column-gap:40px;}
.footer-logos li img{height:36px;}


}

/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
img {max-width:100%; }
.row{width:100%; padding:0px 15px; }


/*header*/
.ht-lft { flex: 0 1 100px; }
.ht-rgt .search-box {display: none;}
.ht-rgt .hdr-links .user { display: none; }
.hamburger-menu { display: flex;}
.hidden { overflow: hidden; }

/*site header*/
.site-header{padding:15px 0;}
.header-inner{flex-wrap:wrap;}
.site-logo{margin-right:0;}
.site-logo img{width:150px;}

.menu-toggle{display:flex;}
.header-search{margin-left:16px;}
.main-nav { order:4; overflow: auto; height: calc(100vh - 76px); border-top: 1px solid rgba(0,0,0,0.1); flex:0 0 100%; width:100%; opacity: 0; visibility: hidden; margin-top:0px; position: fixed; top: 76px; left: 0; background: #fff; padding: 50px 20px; transition: all 0.4s ease;}
.main-nav.open{ opacity: 1; visibility: visible; }
.main-nav ul{flex-direction:column; align-items:flex-start;}
.main-nav ul li{margin:0 0 16px; width:100%;}
.main-nav ul li:last-child{margin-bottom:0;}
.main-nav ul li a{display:block; padding:10px 0; font-size:22px; text-align:center;}

/*page banner*/
.obs-banner{min-height:auto;}
.page-banner-cnt h1{font-size:44px;}

/*intro section*/
.intro-sec{padding:50px 0;}
.intro-cnt{padding-left:28px;}
.intro-cnt h2{font-size:34px; margin-bottom:20px; line-height:1.2;}
.intro-block{margin-bottom:30px;}
.intro-block p{font-size:20px;}

/*why finance matters*/
.finance-sec{padding:50px 0;}
.finance-sec h2{font-size:34px;}
.finance-sec > .row > p{font-size:20px;}
.finance-sec > .row > p br { display:none; }
.finance-cols{margin:40px 0;}
.finance-col{padding:0 20px;}
.finance-icon { margin-bottom:40px; }
.finance-icon img{height:46px;}
.finance-col h3{font-size:26px;}

/*role of the observatory*/
.role-sec{padding:50px 0 0;}
.role-top{ gap:40px; margin-bottom:50px; align-items:inherit}
.role-text h2{font-size:34px;}
.role-text p { font-size:20px; }
.role-img{width:100%;}
.role-quote{padding:10px 0 10px 24px;}
.role-quote p{font-size:32px;}
.role-list li { font-size:20px; background-position: 0 0; }

/*other publications*/
.publications-sec{padding:70px 0 50px;}
.publications-sec > .row{row-gap:35px;}
.publications-sec > .row > h2{font-size:34px;}
.btn-view-all{padding:14px 28px; font-size:14px; width: 200px;}
.publication-img img{height:220px;}
.publication-card h3{font-size:20px;}
.publications-controls { margin-top: 30px; column-gap: 80px; display:flex;}

/*site footer*/
.site-switechersfund{padding:60px 0;}
.footer-logo{width:200px; margin-bottom:26px;}
.site-switechersfund p{font-size:20px; margin-bottom:30px;}
.footer-bottom{padding:35px 0;}
.footer-logos{justify-content:center; column-gap:32px; row-gap:16px;}
.footer-logos li img{height:32px;}



}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
img {max-width:100%; }
.row{width:100%; padding:0px 15px; }

/*header*/
.ht-lft { flex: 0 1 100px; }
.ht-rgt .search-box {display: none;}
.ht-rgt .hdr-links .user { display: none; }
.hamburger-menu { display: flex;}
.hidden { overflow: hidden; }

/*site header*/
.site-header{padding:15px 0;}
.header-inner{flex-wrap:wrap;}
.site-logo{margin-right:0;}
.site-logo img{width:150px;}
.menu-toggle{display:flex; width:24px; height:18px; margin-left:16px;}
.menu-toggle span:nth-child(2){top:8px;}
.menu-toggle span:nth-child(3){top:16px;}
.menu-toggle.active span:nth-child(1){top:8px;}
.menu-toggle.active span:nth-child(3){top:8px;}
.header-search{margin-left:12px;}
.header-search-btn{width:38px; height:38px;}
.header-search-btn img{width:16px; height:16px;}
.main-nav { order:4; overflow: auto; height: calc(100vh - 76px); border-top: 1px solid rgba(0,0,0,0.1); flex:0 0 100%; width:100%; opacity: 0; visibility: hidden; margin-top:0px; position: fixed; top: 76px; left: 0; background: #fff; padding: 50px 20px; transition: all 0.4s ease;}
.main-nav.open{ opacity: 1; visibility: visible; }
.main-nav ul{flex-direction:column; align-items:flex-start;}
.main-nav ul li{margin:0 0 25px; width:100%;}
.main-nav ul li:last-child{margin-bottom:0;}
.main-nav ul li a{display:block; padding:0px 0; font-size:22px; text-align:center}


/*page banner*/
.obs-banner img {min-height:260px;}
.page-banner-cnt h1{font-size:36px; letter-spacing: normal;}
.breadcrumb ul{margin-bottom:16px;}
.breadcrumb ul li a { color: #fff;}

/*intro section*/
.intro-sec{padding:40px 0;}
.intro-cnt{border-left-width:2px; padding-left:20px;}
.intro-cnt h2{font-size:26px; line-height:1.2; margin-bottom:15px;}
.intro-block{margin-bottom:24px;}
.intro-block p{font-size:18px; margin-bottom:15px;}

/*why finance matters*/
.finance-sec{padding:40px 0;}
.finance-sec h2{font-size:30px; margin-bottom:18px;}
.finance-sec p{font-size:18px;}
.finance-sec p br { display:none; }
.finance-cols { margin:30px 0; row-gap: 30px; }
/* .finance-cols{flex-direction:column; margin:35px 0;}
.finance-col{padding:24px 0 0; border-left:none; border-top:1px solid rgba(255,255,255,.35);}
.finance-col:first-child{padding-top:0; border-top:none;} */
.finance-icon{margin-bottom:18px;}

/*role of the observatory*/
.role-sec{padding:40px 0;}
.role-top{flex-direction:column; gap:30px; margin-bottom:40px;}
.role-text h2{font-size:30px; margin-bottom:16px;}
.role-text > p{font-size:18px; margin-bottom:20px;}
.role-list{gap:16px;}
.role-list li { font-size: 18px;}
.role-list li span{font-size:15px;}
.role-quote{border-left-width:2px; padding-left:20px; padding-top: 0; padding-bottom: 0;}
.role-quote p{font-size:24px; line-height:1.2;}
.finance-icon img{height:42px;}
.finance-col h3{font-size:22px; line-height:1.2;}

/*other publications*/
.publications-sec{padding:0px 0 50px;}
.publications-sec > .row{grid-template-columns:1fr; grid-template-areas:"heading" "slider" "button"; row-gap:24px;}
.publications-sec > .row > h2{font-size:30px;}
.publications-sec > .row > h2 br { display:none; }
.publications-sec > .row > .btn-view-all{justify-self:center;}
.btn-view-all{padding:12px 26px; font-size:13px; max-width: 200px; width:100%;}

.publication-card h3{font-size:20px; margin-bottom:15px;}
.publication-date{font-size:14px;}
.publications-controls{gap:18px; margin-top:30px; column-gap: 80px; display:flex;}
.publications-controls .swiper-button-prev, .publications-controls .swiper-button-next{width:42px; height:42px;}
.publications-controls .swiper-button-prev:hover, .publications-controls .swiper-button-next:hover { background: #E94B04;}
.publications-controls .swiper-button-next:hover::after { border-top: 2px solid #ffffff; border-right: 2px solid #ffffff;}
.publications-controls .swiper-button-prev:hover::after { border-top: 2px solid #ffffff; border-right: 2px solid #ffffff;}

/*site footer*/
.site-switechersfund{padding:45px 0;}
.footer-logo{width:150px; margin-bottom:20px;}
.site-switechersfund p{font-size:18px; margin-bottom:24px;}
.footer-bottom{padding:28px 0;}
.footer-logos{justify-content:center; column-gap:24px; row-gap:14px;}
.footer-logos li img{height:28px;}


}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {

/*why finance matters*/
.finance-cols {flex-wrap: wrap;}
.finance-col { padding: 0 25px;}

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {

/*site header*/
.search-box { width: 250px; }

/*why finance matters*/
.finance-cols { gap:40px 40px; }
.finance-col { padding: 0px; border:none}
.finance-col:last-child { padding:0; border:none}

}


@media screen and (max-width:379px) {


}

@media screen and (max-width:359px) {

}

