*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{margin:0;background-color:var(--bg-primary);font-family:Cocon,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}a,a:visited{color:#3ab6f6}ul{list-style:none}main{max-width:1400px;margin:0 auto;padding-top:60px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0)}.container{max-width:1400px;margin:0 auto}.header{background-color:#000;height:auto;width:100%;position:fixed;top:0;left:0;padding:10px 0;z-index:1000}@media(min-width:926px){.header{height:60px;padding:0}}.header__container{display:flex;align-items:flex-start;flex-direction:column;height:100%;padding:0 15px}@media(min-width:926px){.header__container{align-items:center;flex-direction:row}}@media(max-width:927px){.header__container .header__item:not(:first-child){display:none}}.header .site-logo h1{display:flex}.header .site-logo h1 img{border-radius:4px}.header .nav-menu,.header .social-links-menu{display:flex;flex-direction:column;-webkit-margin-start:0;margin-inline-start:0;font-size:3vw}@media(min-width:926px){.header .nav-menu,.header .social-links-menu{flex-direction:row;-webkit-margin-start:1rem;margin-inline-start:1rem;font-size:1.2rem}}.header .nav-menu li,.header .social-links-menu li{-webkit-margin-before:10px;margin-block-start:10px}@media(min-width:926px){.header .nav-menu li+li,.header .social-links-menu li+li{-webkit-margin-start:1rem;margin-inline-start:1rem;-webkit-margin-before:10px;margin-block-start:10px}.header .nav-menu li a,.header .social-links-menu li a{padding-top:1rem;padding-bottom:1rem;text-decoration:none}}.header .nav-menu li a{color:#fff}.header .nav-menu li a.active,.header .nav-menu li a:hover{color:#3ab6f6}@media(min-width:926px){.header .social-links-menu{-webkit-margin-start:auto;margin-inline-start:auto}}.header .social-links-menu li a{color:#eee}.header .nav-menu-trigger{position:absolute;top:0;left:1rem;display:block;width:30px;height:40px;margin-top:18px;border-radius:5px}@media(min-width:926px){.header .nav-menu-trigger{display:none}}.header .nav-menu-trigger label{position:absolute;width:100%;height:100%;cursor:pointer}.header .nav-menu-trigger span{position:absolute;width:50%;height:2px;display:block;border-radius:10px;opacity:1;background-color:#fff;transform:rotate(0deg);transition:.25s ease-in-out}.header .nav-menu-trigger span:first-child,.header .nav-menu-trigger span:nth-child(2){top:7px}.header .nav-menu-trigger span:nth-child(3),.header .nav-menu-trigger span:nth-child(4){top:15px}.header .nav-menu-trigger span:nth-child(5),.header .nav-menu-trigger span:nth-child(6){top:23px}.header .nav-menu-trigger span:nth-child(odd){left:0}.header .nav-menu-trigger span:nth-child(2n){left:46%}.header #nav-trigger:checked~* .header__item{display:block}.header #nav-trigger:checked~* label{font-size:2rem}.header #nav-trigger:checked~* span:first-child,.header #nav-trigger:checked~* span:nth-child(6){transform:rotate(45deg)}.header #nav-trigger:checked~* span:nth-child(2),.header #nav-trigger:checked~* span:nth-child(5){transform:rotate(-45deg)}.header #nav-trigger:checked~* span:nth-child(3){left:-50%;opacity:0}.header #nav-trigger:checked~* span:nth-child(4){left:100%;opacity:0}.header #nav-trigger:checked~* span:nth-child(2),.header #nav-trigger:checked~* span:nth-child(6){left:30%}.header #nav-trigger:checked~* span:first-child,.header #nav-trigger:checked~* span:nth-child(2){top:10px}.header #nav-trigger:checked~* span:nth-child(5),.header #nav-trigger:checked~* span:nth-child(6){top:19px}.archive-hero{display:flex}@media(min-width:926px){.archive-hero{max-height:500px;max-width:1400px}}@media(min-width:926px){.archive-hero--primary{flex-basis:66.66%}}.archive-hero--primary .hero-article{height:100%;font-size:5vw}.archive-hero--primary .hero-article__title{text-align:center}@media(min-width:926px){.archive-hero--primary .hero-article{font-size:2.8vw}.archive-hero--primary .hero-article__title{text-align:start}}@media(min-width:1400px){.archive-hero--primary .hero-article{font-size:40px}}.archive-hero--secondary{display:none}@media(min-width:926px){.archive-hero--secondary{display:block;flex-basis:33.33%}}.archive-hero--secondary .hero-article{height:50%;font-size:1.8vw}@media(min-width:926px){.archive-hero--secondary .hero-article{font-size:1.8vw}}@media(min-width:1400px){.archive-hero--secondary .hero-article{font-size:26px}}.archive-hero .hero-article{display:block;width:100%}.archive-hero .hero-article__thumb{position:relative;height:100%}.archive-hero .hero-article__thumb img{width:100%;height:100%;transition-duration:.2s}.archive-hero .hero-article__thumb img:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.archive-hero .hero-article__title{position:absolute;width:100%;bottom:0;padding-top:.5rem;padding-bottom:2rem;-webkit-padding-start:1rem;padding-inline-start:1rem;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.7),transparent)}@media(min-width:926px){.archive-hero .hero-article__title:before{content:"";position:absolute;width:6.5%;height:3px;min-width:45px;top:0;right:1rem;background-color:#3ab6f6}}.articles-grid{padding:0 15px}.articles-grid .divider{padding:2rem 0;font-size:1rem;font-weight:700;text-align:center;position:relative}.articles-grid .divider:after,.articles-grid .divider:before{content:"";position:absolute;height:2px;width:100%;background-color:#eee;left:0;z-index:-1}.articles-grid .divider:after{top:calc(50% - 2px)}.articles-grid .divider:before{top:calc(50% + 2px)}.articles-grid .divider span{font-size:19px;background-color:#fff;padding:0 1rem}.articles-grid .posts{display:grid;grid-template-columns:1fr;grid-gap:1rem 2.4rem;gap:1rem 2.4rem}@media(min-width:768px){.articles-grid .posts{grid-template-columns:1fr 1fr}}@media(min-width:926px){.articles-grid .posts{grid-template-columns:1fr 1fr 1fr}}.articles-grid .posts .article-block__image-holder{position:relative}.articles-grid .posts .article-block__image-holder img{width:100%;height:auto;border-radius:3px}.articles-grid .posts .article-block__image-holder img:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}.articles-grid .posts .article-block__image-holder .article-block__info{font-size:12px;color:#3ab6f6;padding-top:6px;padding-left:10px;text-transform:uppercase;font-weight:700;position:absolute;bottom:-1px;right:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;background:#fff}@media(min-width:926px){.articles-grid .posts .article-block__image-holder .article-block__info{font-size:.8vw}}@media(min-width:1400px){.articles-grid .posts .article-block__image-holder .article-block__info{font-size:20px}}.articles-grid .posts .article-block__image-holder .article-block__info:after{content:"";position:absolute;top:0;left:-30px;border-top:25px solid transparent;border-right:30px solid #fff}.articles-grid .posts .article-block__image-holder .article-block__info .byline-slash{margin-left:8px;margin-right:8px;font-size:12px;color:#7c8d96}@media(min-width:1400px){.articles-grid .posts .article-block__image-holder .article-block__info .byline-slash{font-size:20px}}.articles-grid .posts .article-block__image-holder .article-block__info .author{font-weight:400;color:#7c8d96}.articles-grid .posts .article-block__description h3{font-size:5vw;line-height:1.3em;margin-top:13px;margin-bottom:30px}@media(min-width:768px){.articles-grid .posts .article-block__description h3{font-size:2.4vw}}@media(min-width:926px){.articles-grid .posts .article-block__description h3{font-size:1.75vw}}@media(min-width:1400px){.articles-grid .posts .article-block__description h3{font-size:25px}}.articles-grid .posts .article-block__description h3 a{color:#292f32}.articles-grid .posts .article-block__description h3 a:hover{color:#3ab6f6}@font-face{font-family:Cocon;src:url(https://beta.3shwa2yat.com/wp-content/themes/randomat/fonts/cocon-next-arabic.ttf);font-display:swap}@font-face{font-family:"Noto Naskh Arabic UI";font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/ea/notonaskharabicui/v1/NotoNaskhArabicUI-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:"Noto Naskh Arabic UI";font-style:normal;font-weight:700;src:url(//fonts.gstatic.com/ea/notonaskharabicui/v1/NotoNaskhArabicUI-Bold.woff2) format("woff2");font-display:swap}
/*# sourceMappingURL=main.1b78903a.chunk.css.map */