/*
Theme Name:GCC
Version:1.0
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

/* SANITIZE 8.0.0
******************************************************************************************/
*,::after,::before{background-repeat:no-repeat;box-sizing:border-box}
::after,::before{text-decoration:inherit;vertical-align:inherit}
html{cursor:default;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.15;-moz-tab-size:4;tab-size:4;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}
body{margin:0}
h1{font-size:2em;margin:.67em 0}
hr{height:0;overflow:visible}
main{display:block}
nav ol,nav ul{list-style:none}
pre{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:Menlo,Consolas,Roboto Mono,Ubuntu Monospace,Noto Mono,Oxygen Mono,Liberation Mono,monospace;font-size:1em}
small{font-size:80%}
::-moz-selection{background-color:#b3d4fc;color:#000;text-shadow:none}
::selection{background-color:#b3d4fc;color:#000;text-shadow:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not([fill]){fill:currentColor}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse}
button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
button,input,select{margin:0}
button{overflow:visible;text-transform:none}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
fieldset{padding:.35em .75em .625em}
input{overflow:visible}
legend{color:inherit;display:table;max-width:100%;white-space:normal}
progress{display:inline-block;vertical-align:baseline}
select{text-transform:none}
textarea{margin:0;overflow:auto;resize:vertical}
[type=checkbox],[type=radio]{padding:0}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
::-moz-focus-inner{border-style:none;padding:0}
:-moz-focusring{outline:1px dotted ButtonText}
details{display:block}
dialog{background-color:#fff;border:solid;color:#000;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}
dialog:not([open]){display:none}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[tabindex],a,area,button,input,label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}
[hidden]{display:none}
[aria-busy=true]{cursor:progress}
[aria-controls]{cursor:pointer}
[aria-disabled=true],[disabled]{cursor:not-allowed}
[aria-hidden=false][hidden]:not(:focus){clip:rect(0,0,0,0);display:inherit;position:absolute}

/* FONTS
******************************************************************************************/
@font-face{
font-family:'Century Gothic';
src:url(fonts/century-gothic-regular.woff) format('woff');
font-weight:400;
font-display:fallback;
}
@font-face{
font-family:'Century Gothic';
src:url(fonts/century-gothic-bold.woff) format('woff');
font-weight:600;
font-display:fallback;
}
@font-face{
font-family:'icons';
src:url(fonts/icons.woff) format('woff');
font-weight:normal;
font-display:fallback;
}
[class*='icon-']{
font-family:'icons';
font-style:normal;
font-weight:normal;
line-height:1;
}
.icon-arrow-down:before{content:'\0041';}
.icon-arrow-left:before{content:'\0042';}
.icon-arrow-right:before{content:'\0043';}
.icon-facebook:before{content:'\0044';}
.icon-linkedin:before{content:'\0045';}
.icon-more:before{content:'\0046';}
.icon-more1:before{content:'\0047';}
.icon-more2:before{content:'\0048';}
.icon-twitter:before{content:'\0049';}
.icon-web:before{content:'\004a';}
.icon-youtube:before{content:'\004b';}

/* CONTAINER
******************************************************************************************/
.container{padding:0 2rem;margin:0 auto;}
@media(min-width:32rem){
.container{max-width:32rem;}
}
@media(min-width:48rem){
.container{max-width:48rem;}
}
@media(min-width:64rem){
.container{max-width:64rem;}
}
@media(min-width:74rem){
.container{max-width:74rem;}
}

/* GLOBAL
******************************************************************************************/
html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body{line-height:1.5;font-family:'Century Gothic';color:#333;}
p,ul,ol{margin:0 0 1rem;}
h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 1rem;}
h1{font-size:2.5rem;}
h2{font-size:2rem;}
h3{font-size:1.75rem;}
h4{font-size:1.5rem;}
h5{font-size:1.25rem;}
h6{font-size:1rem;}
img{max-width:100%;height:auto;}
a{color:inherit;text-decoration:inherit;transition:color .3s,background-color .3s,border-color .3s;}
a:hover{color:hsl(50,100%,40%);}
label a{text-decoration:underline;}
@media(max-width:511px){
h1{font-size:1.75rem;}
h2{font-size:1.5rem;}
h4{font-size:1.25rem;}	
}

/* CLASS
******************************************************************************************/
.swiper-button-next{right:1rem;}
.swiper-button-prev{left:1rem;}
.section{padding:3rem 0 2rem;}
.sticky{position:sticky;top:2rem;}
.filter{background:#555;color:#fff;padding:1rem 0;}
.filter span{text-transform:uppercase;font-size:1.5rem;}
.filter select{height:3rem;width:100%;margin-top:.5rem;border:0;background:#333 url(img/select.svg) no-repeat right 1rem center / 10px 6px;color:#fff;border-radius:0;padding:0 1rem;-webkit-appearance:none;outline:none;cursor:pointer;color:#ffd500;font-weight:600;text-transform:uppercase;}
.article{margin-bottom:2rem;}
.article h2{font-weight:400;}
.article .link{text-align:right;}
.article .more{font-size:2rem;color:#555;font-family:'icons';line-height:1;position:relative;}
.article .more:before{content:'\0048';}
.article .more:after{content:'\0047';position:absolute;left:0;color:#ffd500;transform:translate3d(0,0,0) scale(.6) rotate(0deg);transition:.3s;}
.pagination{display:flex;margin-bottom:1rem;justify-content:center;font-weight:600;}
.pagination>*{margin:0 .5rem;}
.pagination>*.current{text-decoration:underline;}
.wp-block-image img{width:100%;}
.wp-block-embed{margin:0 0 1em;}
.wp-block-button__link{font-weight:600;min-width:10rem;text-decoration:none!important;background:#555;}
.wp-block-button__link:hover{background:#333;}
.featured-slider{background:linear-gradient(90deg,#111 0%,#444 25%,#444 75%,#111 100%);}
.featured-slider .grid{padding-top:2rem;padding-bottom:2rem;}
.featured-slider .content{color:#fff;font-weight:600;display:flex;flex-direction:column;justify-content:center;}
.featured-slider .image{background:center no-repeat;background-size:cover;position:relative;padding-bottom:56.25%;display:block;}
.featured-slider h2{font-size:1.75rem;color:#ffd500;}
.featured-slider .swiper-pager{position:absolute;left:0;right:0;bottom:2rem;z-index:2;}
.featured-slider .swiper-pagination{position:inherit;display:flex;}
.featured-slider .swiper-pagination>*{margin-right:.5rem;background:#fff;width:.5rem;height:.5rem;}
.carousel-slider .swiper-button-next,.carousel-slider .swiper-button-prev{margin:0;top:6rem;outline:none;background-color:#555;padding:1.5rem;border-radius:50%;background-size:.875rem;}
@media(max-width:1023px){
.article h2{font-size:1.5rem;}
}
@media(min-width:48rem){
.section{padding:5rem 0 4rem;}
.filter .container{display:flex;align-items:center;justify-content:space-between;}
.filter select{width:24rem;margin:0;}
.article{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:0 2rem;}
.article .img{grid-column:1 / 6;}
.article .txt{grid-column:6 / 13;}
.article .link{grid-column:6 / 13;}
.featured-slider .grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;height:24rem;padding-top:0;padding-bottom:0;}
.featured-slider .image{padding:0;}

}
@media(min-width:64rem){
.article .more:hover:after{transform:translate3d(0,0,0) scale(.6) rotate(180deg);}
.article .img{grid-column:1 / 5;}
.article .txt{grid-column:5 / 12;}
.article .link{grid-column:12 / 13;}
.featured-slider .grid{grid-template-columns:repeat(3,1fr);}
.featured-slider .image{grid-column:span 2;}
}

/* HEADER
******************************************************************************************/
#wrap{min-height:100vh;display:flex;flex-direction:column;}
#header{background:#333;}
#header .container{height:7rem;display:flex;align-items:center;}
#header .logo{margin-right:auto;}
#header .menu{list-style:none;padding:0;margin:0;text-transform:uppercase;}
#header .link img{height:3rem;width:auto;}
#header .link.oecd{color:#ffd500;font-size:.875rem;line-height:1rem;}
@media(max-width:1023px){
#header .open-nav{height:2rem;width:2rem;background:url(img/menu.svg) center no-repeat;cursor:pointer;}
#header .close-nav{height:2rem;width:2rem;background:url(img/close.svg) center no-repeat;cursor:pointer;display:block;margin-bottom:2rem;}
#header .overlay{position:fixed;top:0;left:0;height:100%;width:100%;z-index:3;background:rgba(0,0,0,0);visibility:hidden;transition:.3s;}
#header .nav{position:fixed;top:0;right:0;height:100%;width:18rem;background:#333;color:#fff;z-index:4;transform:translate3d(18rem,0,0);transition:transform .3s;padding:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#header .nav li{margin-bottom:1rem;}
#header .link{display:inline-block;margin-right:1rem;}
#header .link.oecd{display:block;margin:2rem 0 1rem;}
.show-nav{overflow:hidden;}
.show-nav #header .overlay{background-color:rgba(0,0,0,.75);visibility:visible;}
.show-nav #header .nav{transform:translate3d(0,0,0);}
}
@media(min-width:64rem){
#header .menu{display:flex;color:#fff;font-size:.75rem;margin-right:2.25rem;}
#header .menu>li:not(:last-child){margin-right:1.5rem;}
#header .menu>li.current-menu-item>a,#header .menu a:hover{color:#ffd500;position:relative;}
#header .menu>li.current-menu-item>a::after{content:'';position:absolute;border-top:.3rem solid #ffd500;border-left:.3rem solid transparent;border-right:.3rem solid transparent;left:50%;margin-left:-.15rem;bottom:-.5rem;}
#header .nav{display:flex;align-items:center;}
#header .link:not(:last-child){margin-right:1rem;}
}
@media(min-width:74rem){
#header .menu{margin-right:7.25rem;}
}

/* FOOTER
******************************************************************************************/
#footer{color:#fff;text-align:center;margin-top:auto;font-size:.875rem;}
#footer>*{padding:3rem 0 2rem;}
#footer>*:first-child{background:#555;}
#footer>*:first-child h4{margin:0;}
#footer>*:last-child{background:#333;}
#footer ul{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap;}
#footer .social{font-size:2rem;}
#footer .social li:not(:last-child){margin-right:1rem;}
#footer .social a{display:block;}
#footer .menu li:not(:last-child)::after{content:'|';margin:0 .25rem;}
#footer a:hover{color:#ffd500;}
@media(max-width:511px){
#footer .menu li{width:100%;text-align:center;}
#footer .menu li:not(:last-child)::after{content:'';}
#footer p{font-size:0.68rem}	
}

/* COOKIES
*******************************************************************************************/
#cookies{position:fixed;bottom:0;left:0;right:0;background:rgba(0,0,0,.8);color:#fff;z-index:1;padding:2rem 0 1rem;opacity:0;visibility:hidden;transition:.3s;transform:translate3d(0,0,0);font-size:.875rem;}
.show-cookies #cookies{opacity:1;visibility:visible;}
#cookies h5{margin:0 0 .5rem;}
#cookies p{margin-bottom:1rem;}
#cookies .btn{background:#ffd500;font-size:1rem;border:0;white-space:nowrap;padding:.5rem 2rem;font-weight:600;border-radius:0;cursor:pointer;}
#cookies a{text-decoration:underline;}
@media(min-width:64rem){
#cookies .container{display:flex;align-items:center;}
#cookies .btn{margin-left:2rem;}
}

/* PAGE
******************************************************************************************/
#single a{text-decoration:underline;}
#single .btn{display:block;background:#555;color:#ffd500;padding:1rem 2rem 1rem 1rem;text-align:center;font-weight:600;position:relative;max-width:12rem;text-decoration:none;}
#single .btn::after{content:'';position:absolute;border-top:.4rem solid #ffd500;border-left:.4rem solid transparent;border-right:.4rem solid transparent;top:50%;margin-top:-.15rem;left:50%;margin-left:1rem;}
#single .btn:hover{background:#333;}
#single .wp-block-embed{margin:4rem 0}
@media(min-width:64rem){
#single .grid{display:grid;grid-template-columns:12rem 1fr;grid-gap:2rem;}
#single .grid>*:last-child{order:-1;}
}

/* CENTER
******************************************************************************************/
#center{text-align:center;}
#center .heading{background:#555 url(img/center.jpg) center no-repeat;background-size:cover;color:#fff;padding:3rem 0 2rem;}
#center .heading h2{color:#ffd500;}
#center .title{padding:1.5rem 0;background:#555;}
#center .title h2{color:#ffd500;margin:0;}
#center h3{text-transform:uppercase;font-weight:400;}
#center h4{margin:0;}
#center h5{font-weight:400;font-size:1rem;}
#center .icon-more{color:#ffd500;font-size:2rem;}
#center .icon-more:hover{color:#555;}
@media(min-width:48rem){
#center h2{font-size:2.5rem;}
#center h3{font-size:2rem;margin-bottom:2rem;}
#center .heading{padding:0;}
#center .heading h2{margin:2rem 0;}
#center .heading .container{height:24rem;display:flex;flex-direction:column;justify-content:center;}
#center .heading .columns{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:3rem;}
#center .swiper-container:not(:last-child){margin-bottom:3rem;}
}

/* SINGLE CENTER
******************************************************************************************/
#single-center{text-align:center;}
#single-center .social{list-style:none;padding:0;display:flex;justify-content:center;}
#single-center .social li{margin:0 .25rem;font-size:2.5rem;color:#ffd500;}
#single-center .social a:hover{color:#555;}
#single-center h3{font-weight:400;text-transform:uppercase;}
#single-center h2{font-size:1.75rem;margin:0;}
#single-center h5{font-weight:400;margin-bottom:2rem;}
@media(min-width:64rem){
#single-center .container{text-align:left;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:2rem;}
#single-center .container>*:first-child{grid-column:span 4;}
#single-center .container>*:last-child{grid-column:span 8;}
}

/* MEETING
******************************************************************************************/
.single-meeting .section{background:url(img/meeting.png) center top no-repeat;background-size:contain;padding-top:12rem;}
#meeting .play{width:3rem;height:3rem;background:url(img/play.svg) center no-repeat;opacity:.8;transform:translate3d(0,0,0) scale(1);transition:.3s;position:absolute;left:50%;top:50%;margin-top:-1.5rem;margin-left:-1.5rem;}
#meeting a:hover .play{transform:translate3d(0,0,0) scale(1.2);}
#meeting .videos h3{font-size:1.5rem;font-weight:400;padding:0 1rem;margin:1rem 0 1rem;}
#meeting .videos h3 a{display:flex;}
#meeting .videos .icon-more{color:#ffd500;margin-left:1rem;font-size:2rem;transition:.3s;}
#meeting .videos p{padding:0 1rem;}
#meeting .videos .img{display:block;position:relative;}

/* FEATURES
******************************************************************************************/
@media(min-width:64rem){
.post-type-archive-featured .filter{margin-top:24rem;}
.post-type-archive-featured .article:first-child{position:absolute;top:7rem;left:0;width:100%;height:24rem;display:block;margin:0;}
.post-type-archive-featured .article:first-child .img{pointer-events:none;background:#000;}
.post-type-archive-featured .article:first-child .img img{display:none;}
.post-type-archive-featured .article:first-child .img span{background:center no-repeat;background-size:cover;height:24rem;display:block;opacity:.75;background-image:url(img/featured.jpg)!important;}
.post-type-archive-featured .article:first-child .txt{position:absolute;top:0rem;bottom:0;max-width:70rem;margin:auto;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;}
.post-type-archive-featured .article:first-child .txt h2{background:#ffd500;display:flex;align-items:center;padding:2rem;font-size:2.25rem;margin:0;font-weight:600;}
.post-type-archive-featured .article:first-child .txt h2 a{color:#333;}
.post-type-archive-featured .article:first-child .txt p{color:#ffd500;padding:2rem 0;font-weight:600;font-size:1.25rem;}
.post-type-archive-featured .article:first-child .date{display:none;}
.post-type-archive-featured .article:first-child .link{position:absolute;bottom:2rem;left:0;right:0;max-width:70rem;margin:0 auto;}
.post-type-archive-featured .article:first-child .more{font-size:3rem;}
}

/* PUBLICATIONS
******************************************************************************************/
#publications .featured-slider .image{background-size:contain;}