/*
Theme Name: YPAN GovCY UDS
Theme URI: https://www.moec.gov.cy/
Author: YPAN
Description: WordPress implementation of the supplied gov.cy / YPAN homepage prototype with Appearance menus, dynamic slideshow, services, XML latest updates, YouTube Media Room, announcements and demo content importer.
Version: 2.4.0
Text Domain: ypan-govcy
*/

:root{--navy:#31576F;--ink:#272525;--pale:#EBF1F3;--line:#cbd4d8;--yellow:#FFDD00;--muted:#6D6E70}
*{box-sizing:border-box} body{margin:0;font-family:Roboto,Arial,sans-serif;font-size:16px;line-height:24px;color:#272525;background:#fff}
a{color:inherit;text-decoration:none}.wrap{max-width:1200px;margin:auto;padding:0 28px}
.top{background:var(--navy);color:#fff}.topin{min-height:80px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:18px;font-size:32px;line-height:40px;font-weight:700}.crest{font-size:32px}.ministry{font-size:20px;line-height:28px;font-weight:500}
.tools{margin-left:auto;display:flex;align-items:center;gap:0}.tools a{padding:10px 18px;border-left:1px solid #d5e0e4}.tools a:last-child{border-right:1px solid #d5e0e4}
.bot{display:inline-flex;width:40px;height:40px;border-radius:50%;align-items:center;justify-content:center;background:#fff;color:var(--navy);margin-right:8px}
.desktopnav{background:var(--pale);border-bottom:1px solid #d9e1e4}.navin{display:flex;align-items:stretch}
.navitem{position:relative;padding:24px 20px;border-left:1px solid #c8d0d4;font-size:16px;line-height:24px;cursor:pointer}.navitem:first-child{border-left:0}
.navitem:hover,.navitem.open{background:#fff}.navitem.open:after{content:"";position:absolute;left:50%;bottom:-1px;border:10px solid transparent;border-bottom-color:var(--navy);transform:translateX(-50%)}
.mega{display:none;position:absolute;z-index:20;left:0;right:0;background:#fff;border-top:5px solid var(--navy);box-shadow:0 6px 12px #0002}
.mega.show{display:block}.megagrid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;padding:30px 28px 36px}
.megagrid h3{font-size:18px;margin:0 0 15px}.megagrid a{display:block;padding:7px 0;line-height:1.35}.megagrid a:hover{text-decoration:underline}
.hero{min-height:460px;background:linear-gradient(105deg,#08111e,#123b55);position:relative;color:#fff;overflow:hidden}
.hero:after{content:"";position:absolute;right:8%;top:55px;width:270px;height:270px;border:28px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 50px #ffffff0c}
.hero .wrap{height:460px;display:flex;align-items:flex-end;padding-bottom:32px;position:relative;z-index:2}
.heroCard{background:#fff;color:#111;border-radius:12px;padding:20px 30px;display:flex;align-items:center;gap:24px;font-size:36px;line-height:44px;font-weight:700;max-width:900px}
.arrow{border:1px solid var(--navy);border-radius:50%;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--navy)}
.gov-arrow-svg{width:22px;height:22px;display:block}
.section{padding:54px 0}.section h2{font-size:30px;line-height:38px;font-weight:700;margin:0}.sectionhead{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--navy);padding-bottom:18px;margin-bottom:22px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{background:var(--pale);min-height:105px;border-radius:13px;padding:30px 22px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:18px;line-height:24px}
.service .label{padding:2px 3px}
a:focus-visible,.navitem:focus-visible,.mtitle:focus-visible,.service:focus-visible{
 outline:3px solid var(--yellow);outline-offset:0
}
a:active .label,.service:active .label,.navitem:active,.mtitle:active{
 background:var(--yellow)!important;color:#272525!important;box-shadow:0 4px 0 #272525
}
.service:focus-visible .label,.mrow a:focus-visible,.footgrid a:focus-visible{
 background:var(--yellow);color:#272525;box-shadow:0 4px 0 #272525;outline:0
}
.updates{background:#fff}.updategrid{display:grid;grid-template-columns:2fr 1fr;gap:26px}.newsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px}
.news{border-top:1px solid var(--line);padding:13px 8px 17px}.date{color:var(--muted);font-size:15px;margin-bottom:9px}.news h3{font-size:17px;line-height:1.35;margin:0;font-weight:500}
.calendar{background:var(--pale);border-radius:6px;min-height:300px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px}.calendar b{font-size:23px}
.latest{background:#f7f9fa}.latestgrid{display:grid;grid-template-columns:300px 1fr;gap:28px}.filters{border-top:1px solid var(--line);padding-top:24px}.filters label{display:block;margin:0 0 10px}.filters select,.filters input{width:100%;padding:13px 16px;border:1px solid var(--navy);border-radius:5px;background:#fff;font-size:16px;margin-bottom:22px}
.check{display:flex!important;gap:12px;align-items:flex-start;margin:14px 0!important;color:#5f7079}.check input{width:25px!important;height:25px;margin:0!important}.filterbtn{background:var(--navy);color:#fff;border:0;border-radius:6px;padding:12px 18px;font-weight:700}
.results{border-top:1px solid var(--line)}.result{padding:22px 0;border-bottom:1px solid var(--line)}.result h3{font-size:21px;margin:0 0 10px}.meta{color:var(--muted)}
.footer{background:var(--navy);color:#fff;padding:62px 0 20px}.footgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.footgrid a{display:block;margin:0 0 24px}.copyright{border-top:1px solid #b8c9d1;margin-top:38px;padding-top:24px;display:flex;justify-content:space-between}
.mobilebar,.mobilepanel{display:none}
@media(max-width:767.98px){
 .desktopnav,.tools{display:none}.topin{min-height:118px;display:block;padding:10px 20px}.brand{font-size:26px}.ministry{font-size:22px;margin-top:10px}.mobilebar{display:flex;position:absolute;right:18px;top:22px;align-items:center;gap:12px;font-size:21px}.mobilepanel{display:none;background:var(--pale);padding:18px 26px 35px}.mobilepanel.show{display:block}
 .langs{padding:8px 0 22px;border-bottom:1px solid #bac6ca}.mrow{padding:18px 0;border-bottom:1px solid #bac6ca;font-size:18px}.mrow.active>.mtitle{background:var(--yellow);box-shadow:0 4px 0 #111}.mtitle{display:flex;justify-content:space-between;padding:6px 0}.msub{display:none;padding:14px 10px 0}.mrow.active .msub{display:block}.msub a{display:block;padding:12px 0}
 .hero,.hero .wrap{height:330px;min-height:330px}.heroCard{font-size:23px;padding:15px 18px}.cards,.newsgrid,.footgrid{grid-template-columns:1fr}.updategrid,.latestgrid{grid-template-columns:1fr}.wrap{padding:0 18px}.section{padding:36px 0}
}



/* Gov.cy prototype alignment: navigation must sit directly on slideshow */
#headerContainer,
#headerContainer .desktopnav,
#headerContainer .navin {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
#mainContainer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
#mainContainer > .hero {
  margin-top: 0 !important;
}
@media (min-width:768px) {
  #headerContainer { margin-bottom:0 !important; }
  .desktopnav { margin-bottom:0 !important; }
}



.ypan-logo{height:48px;width:auto;max-width:190px;object-fit:contain;background:#fff;border-radius:2px;margin-left:8px}
.search-toggle{appearance:none;border:0;background:transparent;color:#fff;font:inherit;padding:10px 18px;cursor:pointer}
.desktop-search-toggle{border-left:1px solid #d5e0e4;border-right:1px solid #d5e0e4;font-size:27px}
.site-search{background:#e5eef2;color:#272525;margin:0!important}
.site-search[hidden]{display:none!important}
.search-inner{padding-top:42px!important;padding-bottom:72px!important}
.search-inner label{display:block;font-size:16px;line-height:24px;font-weight:500;margin-bottom:14px}
.search-box{display:flex;width:100%;border:2px solid #0d3447;background:#fff;height:49px}
.search-box input{flex:1;min-width:0;border:0;outline:0;padding:8px 12px;font:inherit;background:#fff}
.search-box button{width:54px;border:0;background:#0d3447;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.magnifier{width:15px;height:15px;border:3px solid currentColor;border-radius:50%;position:relative;display:block}
.magnifier:after{content:"";position:absolute;width:8px;height:3px;background:currentColor;right:-7px;bottom:-4px;transform:rotate(45deg);transform-origin:left center}
.mobile-search{display:none}
@media(max-width:767.98px){
 .ypan-logo{display:none}
 .desktop-search{display:none!important}
 .mobile-search{display:block}
 .mobile-search .search-inner{padding:26px 26px 27px!important}
 .mobile-search-toggle{font-size:24px;padding:4px}
}



/* Header lock-up aligned to the official gov.cy service-name pattern */
.topin{min-height:94px}
.official-service-lockup{display:flex;align-items:center;min-width:0;gap:32px}
.govcy-logo-text{display:flex;align-items:center;gap:12px;color:#fff!important;white-space:nowrap}
.govcy-logo-text .cy-emblem{width:52px;height:58px;display:inline-flex;align-items:center;justify-content:center;
 border:1px solid transparent;font-size:32px;font-weight:300}
.govcy-logo-text span:last-child{font-size:38px;line-height:46px;font-weight:700;letter-spacing:-.5px}
.official-service-lockup .ministry{margin:0;font-size:24px;line-height:32px;font-weight:400;color:#fff;white-space:nowrap}
@media(max-width:1100px) and (min-width:768px){
 .official-service-lockup{gap:20px}
 .govcy-logo-text span:last-child{font-size:32px}
 .official-service-lockup .ministry{font-size:20px}
}
@media(max-width:767.98px){
 .topin{min-height:118px}
 .official-service-lockup{display:block}
 .govcy-logo-text span:last-child{font-size:34px;line-height:40px}
 .govcy-logo-text .cy-emblem{width:46px;height:48px}
 .official-service-lockup .ministry{display:block;margin-top:8px;font-size:22px;line-height:28px;white-space:normal}
}



/* Official gov.cy header lock-up */
.official-service-lockup.govcy-service-container{
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:32px!important;
  min-width:0;
}
.official-service-lockup .govcy-logo{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
}
.official-service-lockup .govcy-logo img{
  display:block!important;
}
.official-service-lockup .ypan-service-name{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:22px!important;
  line-height:28px!important;
  font-weight:400!important;
  white-space:nowrap!important;
  max-width:none!important;
  width:auto!important;
}
@media (min-width:768px) and (max-width:1250px){
 .official-service-lockup.govcy-service-container{gap:20px!important}
 .official-service-lockup .ypan-service-name{font-size:18px!important;line-height:24px!important}
}
@media(max-width:767.98px){
 .official-service-lockup.govcy-service-container{
   display:block!important;
 }
 .official-service-lockup .ypan-service-name{
   margin-top:8px!important;
   font-size:20px!important;
   line-height:26px!important;
   white-space:normal!important;
 }
}



/* Exact ΥΠΑΝ emblem supplied for this prototype, sized to the gov.cy header proportions */
.ypan-emblem-link{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important}
.ypan-emblem{display:block!important;width:54px!important;height:54px!important;object-fit:contain!important;border-radius:0!important}
.govcy-wordmark{color:#fff!important;font-family:Roboto,Arial,sans-serif!important;font-size:38px!important;line-height:46px!important;font-weight:700!important;letter-spacing:-.5px!important;white-space:nowrap!important}
.official-service-lockup.govcy-service-container{gap:18px!important}
.official-service-lockup .ypan-service-name{margin-left:14px!important}
@media(max-width:1100px) and (min-width:768px){
 .ypan-emblem{width:48px!important;height:48px!important}
 .govcy-wordmark{font-size:32px!important;line-height:40px!important}
 .official-service-lockup .ypan-service-name{margin-left:8px!important}
}
@media(max-width:767.98px){
 .ypan-emblem{width:44px!important;height:44px!important}
 .govcy-wordmark{font-size:34px!important;line-height:40px!important}
 .official-service-lockup .ypan-service-name{margin-left:0!important}
}



/* FINAL HEADER FIX */
.top .wrap{max-width:1510px!important}
.topin{min-height:80px!important;padding-left:20px!important;padding-right:20px!important;gap:16px!important}
.official-service-lockup.govcy-service-container{
 display:flex!important;align-items:center!important;flex:1 1 auto!important;
 min-width:0!important;gap:14px!important;overflow:visible!important
}
.ypan-emblem-link{width:46px!important;height:58px!important;flex:0 0 46px!important;overflow:hidden!important}
.ypan-emblem{
 width:46px!important;height:58px!important;max-width:46px!important;
 object-fit:contain!important;display:block!important
}
.govcy-wordmark{
 flex:0 0 auto!important;font-size:36px!important;line-height:42px!important;
 font-weight:700!important;white-space:nowrap!important
}
.official-service-lockup .ypan-service-name{
 flex:1 1 auto!important;min-width:0!important;margin:0 0 0 16px!important;
 font-size:21px!important;line-height:28px!important;font-weight:400!important;
 white-space:nowrap!important;overflow:visible!important
}
.tools{flex:0 0 auto!important;margin-left:auto!important}
.tools a,.desktop-search-toggle{padding-left:12px!important;padding-right:12px!important}

@media(min-width:768px) and (max-width:1250px){
 .ypan-emblem-link{width:40px!important;height:50px!important;flex-basis:40px!important}
 .ypan-emblem{width:40px!important;height:50px!important;max-width:40px!important}
 .govcy-wordmark{font-size:30px!important;line-height:36px!important}
 .official-service-lockup .ypan-service-name{
   margin-left:8px!important;font-size:16px!important;line-height:22px!important
 }
 .tools a{padding-left:8px!important;padding-right:8px!important;font-size:14px!important}
}
@media(max-width:980px) and (min-width:768px){
 .tools a:not(:last-of-type){display:none!important}
}
@media(max-width:767.98px){
 .topin{min-height:118px!important;padding:8px 16px!important}
 .official-service-lockup.govcy-service-container{display:flex!important;flex-wrap:wrap!important;gap:8px 12px!important;padding-right:135px!important}
 .ypan-emblem-link{width:38px!important;height:44px!important;flex-basis:38px!important}
 .ypan-emblem{width:38px!important;height:44px!important;max-width:38px!important}
 .govcy-wordmark{font-size:31px!important;line-height:38px!important}
 .official-service-lockup .ypan-service-name{
   flex:0 0 100%!important;margin:0!important;font-size:18px!important;line-height:24px!important;
   white-space:normal!important;overflow:visible!important
 }
}



/* Match the visual proportions of the supplied gov.cy Ministry of Finance header */
.topin{min-height:76px!important}
.official-service-lockup.govcy-service-container{gap:14px!important}
.ypan-emblem-link{
 width:54px!important;height:58px!important;flex:0 0 54px!important;
 overflow:visible!important
}
.ypan-emblem{
 width:54px!important;height:58px!important;max-width:54px!important;
 object-fit:contain!important
}
.govcy-wordmark{
 font-size:34px!important;line-height:40px!important;font-weight:700!important;
 letter-spacing:-.3px!important
}
.official-service-lockup .ypan-service-name{
 margin-left:12px!important;
 font-size:20px!important;line-height:26px!important;font-weight:400!important;
 white-space:nowrap!important
}
@media(min-width:768px) and (max-width:1250px){
 .ypan-emblem-link{width:46px!important;height:52px!important;flex-basis:46px!important}
 .ypan-emblem{width:46px!important;height:52px!important;max-width:46px!important}
 .govcy-wordmark{font-size:30px!important;line-height:36px!important}
 .official-service-lockup .ypan-service-name{font-size:17px!important;line-height:23px!important;margin-left:7px!important}
}



/* Final logo treatment based on the supplied Ministry of Finance reference */
.topin{min-height:80px!important}
.ypan-emblem-link{width:58px!important;height:62px!important;flex:0 0 58px!important}
.ypan-emblem{width:58px!important;height:62px!important;max-width:none!important;object-fit:contain!important}
.govcy-wordmark{
 font-size:38px!important;line-height:44px!important;font-weight:700!important;
 letter-spacing:-.6px!important
}
.official-service-lockup.govcy-service-container{gap:12px!important}
.official-service-lockup .ypan-service-name{
 margin-left:16px!important;font-size:20px!important;line-height:26px!important;
 font-weight:400!important;white-space:nowrap!important
}
@media(min-width:768px) and (max-width:1250px){
 .ypan-emblem-link{width:50px!important;height:55px!important;flex-basis:50px!important}
 .ypan-emblem{width:50px!important;height:55px!important}
 .govcy-wordmark{font-size:33px!important;line-height:39px!important}
 .official-service-lockup .ypan-service-name{font-size:17px!important;line-height:23px!important;margin-left:8px!important}
}



/* Header refinement from supplied reference */
.topin{
 min-height:80px!important;
 align-items:center!important;
}
.official-service-lockup.govcy-service-container{
 display:flex!important;
 align-items:center!important;
 flex-wrap:nowrap!important;
 gap:0!important;
 height:80px!important;
}
.ypan-emblem-link{
 width:52px!important;height:62px!important;flex:0 0 52px!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 margin:0 18px 0 0!important;
}
.ypan-emblem{
 width:52px!important;height:62px!important;max-width:52px!important;
 object-fit:contain!important;object-position:center!important;
 display:block!important;
}
.govcy-wordmark{
 font-family:Roboto,Arial,sans-serif!important;
 font-size:36px!important;
 line-height:42px!important;
 font-weight:500!important;
 letter-spacing:-.7px!important;
 color:#fff!important;
 white-space:nowrap!important;
 margin:0!important;
 padding:0!important;
}
.official-service-lockup .ypan-service-name{
 font-family:Roboto,Arial,sans-serif!important;
 font-size:20px!important;
 line-height:26px!important;
 font-weight:300!important;
 color:#fff!important;
 white-space:nowrap!important;
 margin:1px 0 0 32px!important;
 padding:0!important;
 align-self:center!important;
}
@media(min-width:768px) and (max-width:1250px){
 .ypan-emblem-link{width:45px!important;height:54px!important;flex-basis:45px!important;margin-right:14px!important}
 .ypan-emblem{width:45px!important;height:54px!important;max-width:45px!important}
 .govcy-wordmark{font-size:31px!important;line-height:37px!important}
 .official-service-lockup .ypan-service-name{font-size:16px!important;line-height:22px!important;margin-left:20px!important}
}
@media(max-width:767.98px){
 .official-service-lockup.govcy-service-container{height:auto!important}
 .ypan-emblem-link{width:40px!important;height:48px!important;flex-basis:40px!important;margin-right:10px!important}
 .ypan-emblem{width:40px!important;height:48px!important;max-width:40px!important}
 .govcy-wordmark{font-size:30px!important;line-height:36px!important;font-weight:500!important}
 .official-service-lockup .ypan-service-name{margin:5px 0 0!important;font-size:18px!important;line-height:24px!important;font-weight:300!important}
}



/* Match the reference: dark background full width, CONTENT constrained and centred */
.top{width:100%!important}
.top .wrap,.desktopnav .wrap{
  width:100%!important;
  max-width:1500px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:24px!important;
  padding-right:24px!important;
}
.topin{height:84px!important;min-height:84px!important}

/* Logo lockup baseline/optical alignment */
.official-service-lockup.govcy-service-container{
  height:84px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:0!important;
}
.ypan-emblem-link{
  width:48px!important;height:58px!important;flex:0 0 48px!important;
  margin:0 14px 0 0!important;padding:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
}
.ypan-emblem{
  display:block!important;
  width:48px!important;height:58px!important;max-width:48px!important;
  object-fit:contain!important;object-position:center!important;
}
.govcy-wordmark{
  display:block!important;
  margin:0!important;padding:0!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:36px!important;line-height:42px!important;
  font-weight:500!important;letter-spacing:-.65px!important;
  color:#fff!important;white-space:nowrap!important;
}
.official-service-lockup .ypan-service-name{
  display:block!important;align-self:center!important;
  margin:1px 0 0 30px!important;padding:0!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:20px!important;line-height:26px!important;font-weight:300!important;
  color:#fff!important;white-space:nowrap!important;
}
.tools{margin-left:auto!important}

/* keep whole header composition inside viewport */
@media(min-width:768px) and (max-width:1350px){
 .top .wrap{padding-left:18px!important;padding-right:18px!important}
 .ypan-emblem-link{width:42px!important;height:52px!important;flex-basis:42px!important;margin-right:11px!important}
 .ypan-emblem{width:42px!important;height:52px!important;max-width:42px!important}
 .govcy-wordmark{font-size:31px!important;line-height:37px!important}
 .official-service-lockup .ypan-service-name{font-size:16px!important;line-height:22px!important;margin-left:18px!important}
 .tools a,.desktop-search-toggle{padding-left:8px!important;padding-right:8px!important;font-size:14px!important}
}



/* Requested header simplification */
.govcy-wordmark{font-size:36px!important;line-height:42px!important;font-weight:500!important}
.official-service-lockup .ypan-service-name{margin-left:28px!important}

/* MOBILE: compact top header, no logo image / no digital assistant */
@media(max-width:767.98px){
 .topin{
   min-height:104px!important;
   height:auto!important;
   padding:10px 16px!important;
   display:flex!important;
   align-items:flex-start!important;
 }
 .official-service-lockup.govcy-service-container{
   display:block!important;
   height:auto!important;
   padding-right:125px!important;
 }
 .govcy-wordmark{
   display:block!important;
   font-size:34px!important;
   line-height:40px!important;
   font-weight:500!important;
 }
 .official-service-lockup .ypan-service-name{
   display:block!important;
   margin:5px 0 0!important;
   font-size:19px!important;
   line-height:24px!important;
   font-weight:300!important;
   white-space:normal!important;
 }
 .mobilebar{
   top:18px!important;
   right:16px!important;
   gap:14px!important;
   font-size:20px!important;
 }
 /* menu visually arranged in two lines per item */
 .mobilepanel{padding:16px 22px 30px!important}
 .mrow{padding:0!important;border-bottom:1px solid #bac6ca!important}
 .mtitle{
   min-height:54px!important;
   padding:15px 0 11px!important;
   display:flex!important;
   align-items:center!important;
   justify-content:space-between!important;
   line-height:24px!important;
 }
 .mrow.active .mtitle{
   background:var(--yellow)!important;
   box-shadow:0 4px 0 #272525!important;
   padding-left:3px!important;
   padding-right:3px!important;
 }
 .msub{
   padding:8px 10px 14px!important;
   line-height:24px!important;
 }
 .msub a{padding:9px 0!important}
}



/* Align header, navigation and page content to ONE gov.cy container */
:root{--ypan-container:1320px;--ypan-gutter:24px}

.top .wrap,
.desktopnav .wrap,
.hero .wrap,
.section > .wrap,
.footer > .wrap{
 width:100%!important;
 max-width:var(--ypan-container)!important;
 margin-left:auto!important;
 margin-right:auto!important;
 padding-left:var(--ypan-gutter)!important;
 padding-right:var(--ypan-gutter)!important;
}

/* backgrounds stay full viewport width; only their contents are constrained */
.top,.desktopnav,.hero,.section,.footer{width:100%!important}

/* navigation starts/ends on the exact same vertical guides as the header */
.desktopnav .navin{
 max-width:var(--ypan-container)!important;
 margin:0 auto!important;
}
.desktopnav .navitem:first-child{border-left:1px solid #c8d0d4!important}

/* Hero card and all following sections now share the same left/right grid */
.hero .wrap{height:460px!important}

@media(max-width:767.98px){
 :root{--ypan-gutter:16px}
 .top .wrap,.hero .wrap,.section > .wrap,.footer > .wrap{
   padding-left:var(--ypan-gutter)!important;
   padding-right:var(--ypan-gutter)!important;
 }
}



/* gov.cy interaction state: yellow ONLY while the control is actively pressed */
a,button,.navitem,.mtitle,.service,.arrow{ -webkit-tap-highlight-color:transparent; }

a:active,
button:active,
.navitem:active,
.mtitle:active,
.service:active,
.arrow:active{
 background:#FFDD00!important;
 color:#272525!important;
 box-shadow:0 4px 0 #272525!important;
}

/* For compound cards/links, highlight the clickable content while mouse/touch is held */
.service:active .label,
.heroCard:active,
.sectionhead a:active,
.footgrid a:active,
.msub a:active{
 background:#FFDD00!important;
 color:#272525!important;
 box-shadow:0 4px 0 #272525!important;
}

/* Do not leave yellow behind after a normal click */
.service:not(:active) .label,
.navitem:not(:active),
.mtitle:not(:active){
 transition:background-color .05s linear;
}

/* Keyboard accessibility remains visibly focused */
a:focus-visible,
button:focus-visible,
.navitem:focus-visible,
.mtitle:focus-visible,
.service:focus-visible{
 outline:3px solid #FFDD00!important;
 outline-offset:2px!important;
}



/* Mega menu uses the exact same horizontal container as header/nav/content */
.mega{width:100%!important;left:0!important;right:0!important}
.mega .megagrid{
 width:100%!important;
 max-width:var(--ypan-container)!important;
 margin-left:auto!important;
 margin-right:auto!important;
 padding-left:var(--ypan-gutter)!important;
 padding-right:var(--ypan-gutter)!important;
}



.hero-slider{position:relative;padding:0!important}
.hero-slide{display:none;position:absolute;inset:0}
.hero-slide.active{display:block}
.hero-slide:nth-child(2){background:linear-gradient(115deg,#123b55,#08111e)}
.hero-slide .wrap{height:460px!important;display:flex!important;align-items:flex-end!important;padding-bottom:32px!important}
.slider-controls{
 position:absolute!important;left:50%!important;bottom:18px!important;transform:translateX(-50%)!important;
 height:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
 gap:9px!important;z-index:5!important;pointer-events:none
}
.slide-dot{pointer-events:auto;width:13px;height:13px;border-radius:50%;border:2px solid #fff;background:transparent;padding:0;cursor:pointer}
.slide-dot.active{background:#fff}
.slide-dot:active{background:#FFDD00!important;box-shadow:none!important}
@media(max-width:767.98px){
 .hero-slide .wrap{height:330px!important}
}



/* Mobile slideshow proportions matched to the supplied Ministry of Finance reference */
@media(max-width:767.98px){
 .hero,.hero-slider{
   height:390px!important;
   min-height:390px!important;
 }
 .hero-slide,.hero-slide.active{
   height:390px!important;
   min-height:390px!important;
 }
 .hero-slide .wrap{
   height:390px!important;
   min-height:390px!important;
   padding:0 20px 14px!important;
   display:flex!important;
   align-items:flex-end!important;
 }
 .heroCard{
   width:calc(100% - 48px)!important;
   max-width:486px!important;
   min-height:68px!important;
   margin:0!important;
   padding:10px 12px!important;
   border-radius:10px!important;
   font-size:20px!important;
   line-height:24px!important;
   font-weight:700!important;
   display:flex!important;
   justify-content:space-between!important;
   align-items:center!important;
   gap:12px!important;
 }
 .heroCard .arrow{
   width:50px!important;
   height:50px!important;
   flex:0 0 50px!important;
   border-width:1.5px!important;
 }
 .heroCard .gov-arrow-svg{width:27px!important;height:27px!important}
 .slider-controls{
   bottom:6px!important;
   padding-right:18px!important;
 }
 .slide-dot{width:10px!important;height:10px!important}
}



/* Pagination fix: keep the slide untouched; add a small strip BELOW it */
.hero-slider{
  position:relative!important;
  overflow:visible!important;
  margin-bottom:32px!important;
}
.slider-controls{
  position:absolute!important;
  top:100%!important;
  bottom:auto!important;
  left:0!important;
  right:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  height:32px!important;
  padding:0!important;
  margin:0!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  z-index:20!important;
  pointer-events:auto!important;
}
.slide-dot{
  appearance:none!important;
  width:10px!important;
  height:10px!important;
  min-width:10px!important;
  min-height:10px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#d6d6d6!important;
  box-shadow:none!important;
}
.slide-dot.active{background:#0d3447!important}
.slide-dot:active{background:#ffdd00!important;box-shadow:none!important}

/* Do not let pagination rules alter the actual slideshow */
.hero-slide .wrap{background:transparent!important}
.heroCard{position:relative!important;z-index:3!important}

@media(max-width:767.98px){
  .hero-slider{margin-bottom:28px!important}
  .slider-controls{height:28px!important}
  .slide-dot{width:9px!important;height:9px!important;min-width:9px!important;min-height:9px!important}
}



/* Discreet gov.cy-style pagination: only a slim white strip below slider */
.hero-slider{
  margin-bottom:22px!important;
}
.slider-controls{
  top:100%!important;
  bottom:auto!important;
  height:22px!important;
  min-height:22px!important;
  background:#fff!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0!important;
}
.slide-dot{
  width:8px!important;
  height:8px!important;
  min-width:8px!important;
  min-height:8px!important;
  border:0!important;
  border-radius:50%!important;
  background:#d6d6d6!important;
}
.slide-dot.active{
  background:#0d3447!important;
}
@media(max-width:767.98px){
 .hero-slider{margin-bottom:20px!important}
 .slider-controls{height:20px!important;min-height:20px!important}
 .slide-dot{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important}
}



.hero-slider{
  margin-bottom:18px!important;
  padding-bottom:0!important;
}
.hero-slider > .slider-controls.wrap,
.hero-slider .slider-controls{
  position:absolute!important;
  top:100%!important;
  bottom:auto!important;
  left:0!important;
  right:0!important;
  transform:none!important;

  width:100%!important;
  max-width:none!important;
  height:18px!important;
  min-height:0!important;
  max-height:18px!important;

  margin:0!important;
  padding:0!important;

  background:#fff!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  overflow:hidden!important;
}
.hero-slider .slider-controls .slide-dot{
  flex:0 0 7px!important;
  width:7px!important;
  height:7px!important;
  min-width:7px!important;
  min-height:7px!important;
  max-width:7px!important;
  max-height:7px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#d3d3d3!important;
  box-shadow:none!important;
}
.hero-slider .slider-controls .slide-dot.active{
  background:#0d3447!important;
}



/* Social media strip directly below slideshow */
.social-follow-section{
  width:100%;
  background:#fff;
  padding:22px 0 18px;
}
.social-follow-section > .wrap{
  width:100%!important;
  max-width:var(--ypan-container)!important;
  margin:0 auto!important;
  padding-left:var(--ypan-gutter)!important;
  padding-right:var(--ypan-gutter)!important;
}
.social-follow-box{
  min-height:90px;
  border:1px solid #d6dfe3;
  border-radius:12px;
  display:grid;
  grid-template-columns:1fr 1px 1fr;
  align-items:center;
  padding:0 36px;
}
.social-follow-title{
  font-size:18px;
  line-height:24px;
  font-weight:700;
}
.social-follow-divider{
  width:1px;
  height:36px;
  background:#d6dfe3;
}
.social-follow-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:26px;
}
.social-icon{
  width:36px;
  height:36px;
  border-radius:50%;
  background:#0d3447;
  color:#fff!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none!important;
  font-size:29px;
  line-height:1;
  font-weight:700;
}
.social-x{font-size:23px;font-weight:400}
.social-youtube span{
  font-size:8px;
  line-height:7px;
  text-align:center;
  font-weight:700;
}
.social-icon:active{
  background:#FFDD00!important;
  color:#272525!important;
  box-shadow:0 4px 0 #272525!important;
}

@media(max-width:767.98px){
  .social-follow-section{padding:16px 0}
  .social-follow-box{
    min-height:118px;
    grid-template-columns:1fr;
    gap:14px;
    padding:18px 20px;
  }
  .social-follow-divider{
    width:100%;
    height:1px;
  }
  .social-follow-title{
    text-align:center;
    font-size:17px;
  }
  .social-follow-links{gap:22px}
  .social-icon{width:34px;height:34px}
}



.media-room{background:#fff;padding:34px 0 40px}
.media-room>.wrap{max-width:var(--ypan-container)!important;margin:auto!important;padding:0 var(--ypan-gutter)!important}
.media-room-head{display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid #0d3447;padding-bottom:13px;margin-bottom:25px}
.media-room-head h2{font-size:28px;line-height:36px;margin:0;font-weight:700}
.media-all{display:flex;align-items:center;gap:14px;text-decoration:none;color:#0d3447;font-size:17px}
.media-all .arrow{width:36px;height:36px}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.media-card{text-decoration:none;color:#1168b7;display:block}
.media-thumb{height:0;padding-bottom:62%;position:relative;background-repeat:no-repeat;background-size:1040px auto;background-color:#111;border-radius:7px;overflow:hidden}
.media-thumb-1{background-position:0 -47px}
.media-thumb-2{background-position:0 -208px}
.media-thumb-3{background-position:0 -370px}
.play{position:absolute;left:50%;top:50%;transform:translate(-45%,-50%);width:0;height:0;border-top:36px solid transparent;border-bottom:36px solid transparent;border-left:58px solid #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}
.media-card h3{font-size:18px;line-height:27px;margin:18px 0 0;font-weight:700}
.media-card:active h3,.media-all:active{background:#FFDD00!important;color:#272525!important;box-shadow:0 4px 0 #272525!important}
@media(max-width:767.98px){
 .media-room{padding:28px 0}
 .media-room-head{align-items:flex-end}
 .media-room-head h2{font-size:24px}
 .media-all{font-size:0;gap:0}
 .media-grid{grid-template-columns:1fr;gap:28px}
 .media-thumb{padding-bottom:58%;background-size:1020px auto}
 .media-card h3{font-size:17px;line-height:25px;margin-top:12px}
}



/* Media Room final placement/images */
.media-thumb{
 height:auto!important;
 aspect-ratio:16/9!important;
 padding-bottom:0!important;
 background-size:cover!important;
 background-position:center!important;
 background-repeat:no-repeat!important;
}
.media-thumb-1,.media-thumb-2,.media-thumb-3{
 background-position:center!important;
}



.video-modal[hidden]{display:none!important}
.video-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:24px}
.video-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78)}
.video-modal-dialog{position:relative;z-index:2;width:min(1100px,94vw);background:#000;box-shadow:0 12px 45px rgba(0,0,0,.35)}
.video-modal-frame{position:relative;width:100%;aspect-ratio:16/9}
.video-modal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-modal-close{
 position:absolute;right:-14px;top:-14px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;
 background:#fff;color:#0d3447;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3)
}
.video-modal-close:active{background:#FFDD00!important;color:#272525!important;box-shadow:0 4px 0 #272525!important}
body.video-modal-open{overflow:hidden}
@media(max-width:767.98px){
 .video-modal{padding:14px}
 .video-modal-dialog{width:100%}
 .video-modal-close{right:-4px;top:-48px}
}



/* gov.cy menu chevron — match reference: thin outlined V, not a text arrow */
.desktopnav .navitem .chev,
.desktopnav .navitem .arrow-down{
 font-size:0!important;
 width:14px!important;
 height:14px!important;
 display:inline-block!important;
 position:relative!important;
 margin-left:6px!important;
 vertical-align:-1px!important;
}
.desktopnav .navitem .chev::before,
.desktopnav .navitem .arrow-down::before{
 content:""!important;
 position:absolute!important;
 left:3px!important;
 top:2px!important;
 width:7px!important;
 height:7px!important;
 border-right:1.7px solid #0d3447!important;
 border-bottom:1.7px solid #0d3447!important;
 transform:rotate(45deg)!important;
 transform-origin:center!important;
}

/* Also normalize literal down-arrow characters currently used in desktop menu */
.desktopnav .navitem{
 display:flex!important;
 align-items:center!important;
}



/* Exact SVG-style dropdown chevron from the supplied reference */
.govcy-menu-chevron{
 width:16px!important;
 height:16px!important;
 flex:0 0 16px!important;
 margin-left:4px!important;
 display:inline-block!important;
 vertical-align:middle!important;
 color:#0d3447!important;
 overflow:visible!important;
}
.govcy-menu-chevron path{
 vector-effect:non-scaling-stroke;
}
/* disable the previous CSS-drawn chevron completely */
.desktopnav .navitem .chev,
.desktopnav .navitem .arrow-down{display:none!important}



.govcy-menu-chevron{
 width:16px!important;
 height:18px!important;
 flex:0 0 16px!important;
 margin-left:2px!important;
 position:relative!important;
 top:1px!important;
 color:#0d3447!important;
}



/* Match supplied gov.cy reference: slightly larger glyph, but visually lighter */
.govcy-menu-chevron{
 width:14px!important;
 height:14px!important;
 flex:0 0 14px!important;
 margin-left:3px!important;
 top:1px!important;
 color:#0d3447!important;
}



.govcy-menu-chevron{
 width:37px!important;
 height:16px!important;
 flex:0 0 12px!important;
 margin-left:2px!important;
 top:0!important;
}



/* gov.cy desktop menu separators: short centered dividers, not full-height cell borders */
@media(min-width:768px){
 .desktopnav .navitem{
   border-left:0!important;
   border-right:0!important;
   position:relative!important;
 }
 .desktopnav .navitem:first-child{
   border-left:0!important;
 }
 .desktopnav .navitem::before{
   content:""!important;
   position:absolute!important;
   left:0!important;
   top:50%!important;
   transform:translateY(-50%)!important;
   width:1px!important;
   height:24px!important;
   background:#aebbc1!important;
 }
 .desktopnav .navitem:last-child::after{
   content:""!important;
   position:absolute!important;
   right:0!important;
   top:50%!important;
   transform:translateY(-50%)!important;
   width:1px!important;
   height:24px!important;
   background:#aebbc1!important;
 }
}



@media(min-width:768px){
 .desktopnav .navitem::before,
 .desktopnav .navitem:last-child::after{
   height:21px!important;
 }
}



/* Exact top header colour supplied from gov.cy reference */
.top{background:#0e2f41!important;}



/* Match Ministry of Finance desktop header proportions more closely */
@media(min-width:768px){
  .top{
    height:94px!important;
    min-height:94px!important;
  }
  .top .wrap,
  .topin{
    height:94px!important;
    min-height:94px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    display:flex!important;
    align-items:center!important;
  }

  /* gov.cy lockup */
  .govcy-wordmark{
    font-size:40px!important;
    line-height:44px!important;
    font-weight:600!important;
    letter-spacing:-1px!important;
  }
  .official-service-lockup .ypan-service-name{
    font-size:24px!important;
    line-height:30px!important;
    margin-left:34px!important;
    white-space:nowrap!important;
  }

  /* right-side utilities vertically centred like the reference */
  .top-actions,
  .desktop-actions{
    height:100%!important;
    display:flex!important;
    align-items:center!important;
  }

  /* second navigation bar is also slightly shorter in the reference */
  .desktopnav{
    min-height:100px!important;
  }
  .desktopnav .wrap,
  .desktopnav .navin{
    min-height:100px!important;
    height:100px!important;
    display:flex!important;
    align-items:center!important;
  }
  .desktopnav .navitem{
    height:auto!important;
    min-height:0!important;
    padding-top:0!important;
    padding-bottom:0!important;
    align-self:stretch!important;
    display:flex!important;
    align-items:center!important;
  }
}



@media(min-width:768px){
  /* Exact top-header height requested */
  .top{
    height:75px!important;
    min-height:68px!important;
  }
  .top .wrap,
  .topin{
    height:75px!important;
    min-height:68px!important;
  }

  /* Move the entire header content slightly upward inside the 75px bar */
  .official-service-lockup.govcy-service-container{
    transform:translateY(-4px)!important;
  }
  .top-actions,
  .desktop-actions{
    transform:translateY(-4px)!important;
  }
}



@media(min-width:768px){
  .desktopnav{
    min-height:79px!important;
    height:82px!important;
  }
  .desktopnav .wrap,
  .desktopnav .navin{
    min-height:79px!important;
    height:82px!important;
  }
}



/* Final gov.cy content grid: 1320px max-width across the whole page */
:root{
  --ypan-container:1320px;
}
.top .wrap,
.desktopnav .wrap,
.desktopnav .navin,
.hero .wrap,
.social-follow-section > .wrap,
.media-room > .wrap,
.section > .wrap,
.footer > .wrap,
.mega .megagrid{
  width:100%!important;
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}



@media(min-width:768px){
 .top .wrap,
 .desktopnav .wrap,
 .hero .wrap,
 .section > .wrap,
 .footer > .wrap{
   padding-left:0!important;
   padding-right:0!important;
 }
}



@media(min-width:768px){
 .desktopnav .navitem{
   padding:24px 17px!important;
 }
}



/* Keep the 1320px desktop grid, but restore safe gutters when viewport gets close to it */
@media (min-width:768px) and (max-width:1367px){
 .top .wrap,
 .desktopnav .wrap,
 .hero .wrap,
 .section > .wrap,
 .footer > .wrap,
 .social-follow-section > .wrap,
 .media-room > .wrap,
 .mega .megagrid{
   width:calc(100% - 32px)!important;
   max-width:1320px!important;
   margin-left:auto!important;
   margin-right:auto!important;
   padding-left:0!important;
   padding-right:0!important;
 }
}
@media (min-width:1368px){
 .top .wrap,
 .desktopnav .wrap,
 .hero .wrap,
 .section > .wrap,
 .footer > .wrap{
   width:100%!important;
   max-width:1320px!important;
   padding-left:0!important;
   padding-right:0!important;
 }
}



.govcy-menu-chevron{
 width:13px!important;height:18px!important;flex:0 0 13px!important;
 margin-left:1px!important;top:1px!important;color:#0b3448!important;
}



.govcy-menu-chevron{
 width:13px!important;
 height:15px!important;
 flex:0 0 13px!important;
 top:0!important;
 margin-left:1px!important;
}



.govcy-menu-chevron{
 width:12px!important;
 height:12px!important;
 flex:0 0 12px!important;
 margin-left:2px!important;
 top:0!important;
}


/* WordPress dynamic additions */
html{scroll-behavior:smooth} body.admin-bar .top{ }
.navitem{color:#272525;text-decoration:none}.navitem.has-submenu{user-select:none}.navitem a{color:inherit}
.mtitle a{color:inherit}.mega-group h3 a{font-weight:700}.mega-group a{color:#272525}
.hero-slide{background-size:cover!important;background-position:center!important}.hero-slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,17,30,.70),rgba(18,59,85,.25));z-index:0}.hero-slide .wrap{position:relative;z-index:1}
.heroCard{color:#111!important}.heroCard:hover{text-decoration:none}.heroCard-text{flex:1}.heroCard .arrow{margin-left:auto}
.service{color:#272525!important}.service:hover{text-decoration:none}
.news a,.result a{color:inherit;text-decoration:none}.news a:hover,.result a:hover{text-decoration:underline}
.calendar-event{padding:14px 0;border-bottom:1px solid var(--line)}.calendar-event:last-child{border:0}.calendar-event time{display:block;color:var(--muted);font-size:14px}
.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-thumb{background:#111}
.result[hidden]{display:none!important}.filter-message{padding:20px 0;color:var(--muted)}
.footer .menu{list-style:none;margin:0;padding:0}.footer .menu li{margin:0 0 24px}.footer .menu a{margin:0}
.site-main-generic{max-width:1320px;margin:40px auto;padding:0 24px}.site-main-generic h1{font-size:38px;line-height:46px}.entry-content{max-width:900px}.entry-content a{color:#1168b7;text-decoration:underline}
.ypan-admin-note{background:#fff;border-left:4px solid #2271b1;padding:12px 16px;margin:16px 0}.ypan-import-success{border-left-color:#00a32a}.ypan-settings-grid{max-width:1000px}.ypan-settings-grid input[type=url],.ypan-settings-grid input[type=text],.ypan-settings-grid input[type=number]{width:100%;max-width:680px}
@media(max-width:767.98px){.navin{display:none!important}.heroCard{width:100%!important}.copyright{gap:16px;flex-wrap:wrap}.footgrid{gap:24px}}


/* v1.1 exact WordPress normalization against the supplied HTML prototype */
:root{
  --navy:#31576F;
  --ink:#272525;
  --pale:#EBF1F3;
  --line:#cbd4d8;
  --yellow:#FFDD00;
  --muted:#6D6E70;
}

/* WordPress uses buttons for expandable desktop menu items. Remove all browser/UDS button chrome. */
.desktopnav .navitem,
.desktopnav button.navitem,
.desktopnav a.navitem{
  appearance:none!important;
  -webkit-appearance:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:#272525!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:16px!important;
  line-height:24px!important;
  font-weight:400!important;
  text-transform:none!important;
  cursor:pointer;
}
.desktopnav{background:#EBF1F3!important;border-bottom:1px solid #d9e1e4!important}
@media(min-width:768px){
  .desktopnav .navitem{position:relative!important}
  .desktopnav .navitem::before{
    content:""!important;position:absolute!important;left:0!important;top:50%!important;
    transform:translateY(-50%)!important;width:1px!important;height:21px!important;background:#aebbc1!important;
  }
  .desktopnav .navitem:last-child::after{
    content:""!important;position:absolute!important;right:0!important;top:50%!important;
    transform:translateY(-50%)!important;width:1px!important;height:21px!important;background:#aebbc1!important;
  }
}
.desktopnav .navitem:hover,.desktopnav .navitem.open{background:#fff!important;color:#272525!important}
.desktopnav .navitem.open:after{content:"";position:absolute;left:50%;bottom:-1px;border:10px solid transparent;border-bottom-color:#31576F;transform:translateX(-50%)}
.mega{border-top:5px solid #31576F!important;background:#fff!important}

/* Footer must not inherit gov.cy/default link colours. */
.footer{background:#31576F!important;color:#fff!important;padding:62px 0 20px!important}
.footer,.footer p,.footer b,.footer span,.footer li,.footer a{color:#fff!important}
.footer a{text-decoration:none!important}
.footer a:hover{text-decoration:underline!important}
.footer .footgrid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:40px!important}
.footer .footgrid>div{min-width:0}
.footer .menu{list-style:none!important;margin:0!important;padding:0!important}
.footer .menu li{list-style:none!important;margin:0 0 24px!important;padding:0!important}
.footer .menu a{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important}
.footer .copyright{border-top:1px solid #b8c9d1!important;margin-top:38px!important;padding-top:24px!important;display:flex!important;justify-content:space-between!important}
@media(max-width:767.98px){
  .footer .footgrid{grid-template-columns:1fr!important;gap:24px!important}
}

.media-feed-unavailable{grid-column:1/-1;padding:24px 0;color:#272525}.media-feed-unavailable p{margin:0 0 8px}.media-feed-unavailable a{color:#0d3447;text-decoration:underline}


/* v1.3 mobile WordPress menu */
@media(max-width:767.98px){
  #headerContainer .mobilebar{display:flex!important;z-index:60}
  #headerContainer .mobilebar #mobileToggle{appearance:none!important;border:0!important;background:transparent!important;color:#fff!important;font:inherit!important;padding:4px 2px!important;display:inline-flex!important;align-items:center!important;gap:7px!important}
  #headerContainer .mobilepanel{position:relative!important;z-index:55!important;width:100%!important;background:#EBF1F3!important;color:#272525!important;padding:0 22px 28px!important;border-bottom:1px solid #bac6ca!important}
  #headerContainer .mobilepanel.show{display:block!important}
  #headerContainer .mobilepanel .langs{padding:16px 0!important;border-bottom:1px solid #bac6ca!important}
  #headerContainer .mrow{padding:0!important;border-bottom:1px solid #bac6ca!important;font-size:18px!important}
  #headerContainer .mtitle{min-height:58px!important;padding:0!important;display:flex!important;align-items:stretch!important;justify-content:space-between!important;background:transparent!important;box-shadow:none!important}
  #headerContainer .mobile-parent-link{flex:1 1 auto!important;display:flex!important;align-items:center!important;padding:15px 8px 15px 0!important;color:#272525!important;text-decoration:none!important;font-weight:500!important;line-height:24px!important}
  #headerContainer .mobile-single-link{padding-right:0!important}
  #headerContainer .mobile-sub-toggle{appearance:none!important;flex:0 0 54px!important;width:54px!important;border:0!important;border-left:1px solid #c4d0d5!important;background:transparent!important;color:#0e2f41!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;box-shadow:none!important;cursor:pointer!important}
  #headerContainer .mobile-chevron{width:10px!important;height:10px!important;border-right:2px solid currentColor!important;border-bottom:2px solid currentColor!important;transform:rotate(45deg) translate(-2px,-2px)!important;transition:transform .18s ease!important}
  #headerContainer .mrow.active .mobile-chevron{transform:rotate(225deg) translate(-1px,-1px)!important}
  #headerContainer .mrow.active>.mtitle{background:#FFDD00!important;box-shadow:0 4px 0 #272525!important}
  #headerContainer .mrow.active>.mtitle .mobile-parent-link{padding-left:6px!important}
  #headerContainer .mrow.active>.mtitle .mobile-sub-toggle{border-left-color:#272525!important}
  #headerContainer .msub{display:none!important;padding:14px 8px 18px!important;background:#fff!important}
  #headerContainer .mrow.active>.msub{display:block!important}
  #headerContainer .mobile-menu-group{padding:6px 0 12px!important;border-bottom:1px solid #e0e5e7!important;margin-bottom:8px!important}
  #headerContainer .mobile-menu-group:last-child{border-bottom:0!important;margin-bottom:0!important}
  #headerContainer .mobile-group-title{display:block!important;padding:8px 0!important;font-weight:700!important;color:#272525!important}
  #headerContainer .mobile-group-links{padding-left:14px!important}
  #headerContainer .mobile-group-links a,#headerContainer .mobile-direct-child{display:block!important;padding:9px 0!important;color:#272525!important;text-decoration:none!important;line-height:23px!important}
  #headerContainer .mobile-group-links a:focus-visible,#headerContainer .mobile-direct-child:focus-visible,#headerContainer .mobile-parent-link:focus-visible,#headerContainer .mobile-sub-toggle:focus-visible{outline:3px solid #FFDD00!important;outline-offset:2px!important}
}


/* v1.4 hardened mobile header/menu visibility */
@media (max-width: 767.98px) {
  #headerContainer .top,
  #headerContainer .top .wrap,
  #headerContainer .topin {
    position: relative !important;
  }

  #headerContainer .top {
    background: #0e2f41 !important;
    overflow: visible !important;
  }

  #headerContainer .topin {
    min-height: 104px !important;
    height: auto !important;
    padding: 10px 16px !important;
    display: flex !important;
    align-items: flex-start !important;
  }

  #headerContainer .official-service-lockup.govcy-service-container {
    width: 100% !important;
    padding-right: 138px !important;
  }

  #headerContainer .desktopnav,
  #headerContainer .tools {
    display: none !important;
  }

  #headerContainer .mobilebar {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 18px !important;
    right: 16px !important;
    z-index: 999 !important;
    align-items: center !important;
    gap: 10px !important;
    color: #fff !important;
  }

  #headerContainer #mobileToggle,
  #headerContainer .mobile-search-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  #headerContainer #mobileToggle {
    min-height: 44px !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 500 !important;
  }

  #headerContainer .mobile-search-toggle {
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 24px !important;
  }

  #headerContainer .mobilepanel {
    display: none !important;
    position: relative !important;
    width: 100% !important;
    z-index: 990 !important;
    background: #EBF1F3 !important;
    color: #272525 !important;
  }

  #headerContainer .mobilepanel.show {
    display: block !important;
  }
}


/* v1.5 — DME section navigation */
@media(min-width:768px){
  body.ypan-dme-section .desktopnav,
  body.ypan-dde-section .desktopnav{
    height:auto!important;
    min-height:82px!important;
  }
  body.ypan-dme-section .desktopnav .wrap,
  body.ypan-dme-section .desktopnav .navin,
  body.ypan-dde-section .desktopnav .wrap,
  body.ypan-dde-section .desktopnav .navin{
    height:auto!important;
    min-height:82px!important;
  }
  body.ypan-dme-section .desktopnav .navin,
  body.ypan-dde-section .desktopnav .navin{
    display:flex!important;
    flex-wrap:wrap!important;
    align-content:stretch!important;
    align-items:stretch!important;
  }
  body.ypan-dme-section .desktopnav .navitem,
  body.ypan-dde-section .desktopnav .navitem{
    min-height:62px!important;
    height:auto!important;
    padding:14px 13px!important;
    flex:0 1 auto!important;
    white-space:normal!important;
    line-height:22px!important;
  }
}


/* v1.6 gov.cy breadcrumbs and single page title */
.ypan-before-main{width:100%;background:#fff}
.ypan-before-main>.wrap{width:100%;max-width:1320px;margin:0 auto;padding:24px 0 0}
.ypan-before-main .govcy-breadcrumb{margin:0;padding:0}
.ypan-before-main .govcy-breadcrumb-link{color:#31576F!important;text-decoration:underline!important}
.site-main-generic{margin-top:18px!important}
.site-main-generic article>h1{margin-top:0}
@media (min-width:768px) and (max-width:1367px){
  .ypan-before-main>.wrap{width:calc(100% - 32px);padding-left:0;padding-right:0}
}
@media(max-width:767.98px){
  .ypan-before-main>.wrap{padding:18px 16px 0}
  .site-main-generic{margin-top:14px!important}
}


/* v1.9 section navigation wrapping */
@media (min-width:768px){
  body.ypan-eidiki-ekpaidefsi-section .desktopnav,
  body.ypan-idiotiki-ekpaidefsi-section .desktopnav{
    height:auto !important;
    min-height:0 !important;
  }
  body.ypan-eidiki-ekpaidefsi-section .desktopnav .wrap,
  body.ypan-eidiki-ekpaidefsi-section .desktopnav .navin,
  body.ypan-idiotiki-ekpaidefsi-section .desktopnav .wrap,
  body.ypan-idiotiki-ekpaidefsi-section .desktopnav .navin{
    height:auto !important;
    min-height:0 !important;
  }
  body.ypan-eidiki-ekpaidefsi-section .desktopnav .navin,
  body.ypan-idiotiki-ekpaidefsi-section .desktopnav .navin{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
  }
  body.ypan-eidiki-ekpaidefsi-section .desktopnav .navitem,
  body.ypan-idiotiki-ekpaidefsi-section .desktopnav .navitem{
    flex:0 0 auto !important;
    width:auto !important;
    white-space:nowrap !important;
  }
}


/* v2.0 KIE section navigation wrapping */
@media (min-width:768px){
  body.ypan-kie-section .desktopnav{
    height:auto !important;
    min-height:0 !important;
  }
  body.ypan-kie-section .desktopnav .wrap,
  body.ypan-kie-section .desktopnav .navin{
    height:auto !important;
    min-height:0 !important;
  }
  body.ypan-kie-section .desktopnav .navin{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
  }
  body.ypan-kie-section .desktopnav .navitem{
    flex:0 0 auto !important;
    width:auto !important;
    white-space:nowrap !important;
  }
}


/* v2.1 Epimorfotika section navigation wrapping */
@media (min-width:768px){
  body.ypan-epimorfotika-section .desktopnav{
    height:auto !important;
    min-height:0 !important;
  }
  body.ypan-epimorfotika-section .desktopnav .wrap,
  body.ypan-epimorfotika-section .desktopnav .navin{
    height:auto !important;
    min-height:0 !important;
  }
  body.ypan-epimorfotika-section .desktopnav .navin{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
  }
  body.ypan-epimorfotika-section .desktopnav .navitem{
    flex:0 0 auto !important;
    width:auto !important;
    white-space:nowrap !important;
  }
}


/* v2.2 DMTEEK section navigation wrapping */
@media (min-width:768px){
  body.ypan-dmteek-section .desktopnav{
    height:auto !important;
    min-height:0 !important;
  }
  body.ypan-dmteek-section .desktopnav .wrap,
  body.ypan-dmteek-section .desktopnav .navin{
    height:auto !important;
    min-height:0 !important;
  }
  body.ypan-dmteek-section .desktopnav .navin{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:stretch !important;
  }
  body.ypan-dmteek-section .desktopnav .navitem{
    flex:0 0 auto !important;
    width:auto !important;
    white-space:nowrap !important;
  }
}