:root {
  --fulldarkred:#711717;
  --darkred: #A82323;
  --darkpurple:#252438;
  --lightpurple:#871687;
  --lightblue:#D7F0F4
  --lightgray:#f6f6f6;
  --notblack:#0d0d0d;
  --semigrey:#737373;
  --secondfont:'Roboto';
  --highlight: #ed1212;
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px;
    font-display: swap;
    font-family: 'Arial', serif;
    outline: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: kern 1;
    font-feature-settings: kern 1;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body{color:var(--notblack);font-size:10px;font-weight:400;line-height:1.3;font-family: 'Manrope', 'Arial', sans-serif}

.font-normal{font-weight:400}
.font-semibold{font-weight:600}
.font-bold{font-weight:700}
.font-black{font-weight:800}

.not-black{color:var(--notblack)}
.darkblue-color{color:var(--darkpurple)}
.darkred-color{color:var(--darkred)}
.white-color{color:#FFFFFF}
.semigrey-color{color:var(--semigrey)}

.is-size-text{font-size:1.6rem}
.is-size-k-normal{font-size:1.7rem}
.is-size-normal{font-size:1.85rem}
.is-size-small{font-size:2rem}
.is-size-medium{font-size:2.2rem}
.is-size-large {font-size:3.4rem}

.widegridrow{margin:0 auto;max-width:1920px;padding:0 20px;width:100%}
.maxgridrow{margin:0 auto;padding:0 25px;max-width:1600px;width:100%}
.full-height{height:100%}

.uppercase{text-transform:uppercase}

.roboto{font-family:'Roboto'}
.roboto-condensed {font-family: 'Roboto Condensed', sans-serif;}

.break-container{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;  
}


.wrap-thumb {
    position: relative;
}
.thumb-holder{  
  background-color: #f4f4f4;
  min-height:90px;
  position:relative;
  height:0;
  width:100%;
  margin:0;
}

.thumb-holder .imagefit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
}

.o-head{letter-spacing:-0.25px;line-height:1.15;margin:0}
.normal-ratio {padding-bottom:56.25%}



.site-header{background-color:#fff;line-height:1;margin-bottom:2rem}
.wrap-mainlogo{padding-top:2rem;max-width:230px;margin:0 auto}
.site-header .main-logo{display:block;max-width:100%;line-height:0;margin:0 auto}
.site-header .date{padding-left:20px}
.greece-label{color:#1e3799;line-height:1;font-weight:800;text-align:center;margin-top:3px;font-size:12px;margin-left:0;margin-right:0;width:auto;display:block;margin-top:8px;border-top:2px solid #1e3799;padding-top:8px}
.wrap-menu{margin-top:2rem;padding:10px 0;border-top:3px solid var(--darkred);border-bottom:1px solid #ddd}
.nav-menu{display:flex;justify-content:center;align-items:center}
.nav-menu li{font-size:1.6rem;line-height:1;font-weight:800;border-left:2px solid var(--darkred);padding:0 10px;text-align:center}
.nav-menu li:first-child{padding-left:0;border:none}
.nav-menu li i{font-style:normal;opacity:.7}
#newsfeed{cursor:pointer}
.date-text i{font-style:normal;color:var(--darkred)}
.burger-area{background-color:var(--darkred);align-items:center;display:inline-flex}
.burger-area .buger{background-color:var(--fulldarkred);padding:5px 8px;width:40px}
.burger-area .buger span{background-color:#fff;display:block;width:100%;height:3px;margin:4px 0}
.wrap-header-end{display:flex;align-items:center;justify-content:flex-end}
.social-header{display:flex;justify-content:center;align-items:center;padding:0 10px}
.social-header a{display:block;width:24px;height:24px;margin:0 5px;opacity:.4}
.social-header a svg{width:100%;height:auto}
.weather-flex{margin-left:12px;display:inline-flex;align-items:center;padding-right:10px}
.weather-i{align-items:center;font-size:16px;color:#839097;display:flex;flex-direction:row;line-height:1}
.weather-i .weather-ico{width:40px}
.weather-i .gem-temperature{font-weight:700;margin-right:10px}
.weather-flex select{background-color:transparent;font-weight:700;border:0;font-size:15px;color:#839097;-webkit-appearance:none;-ms-appearance:none;-moz-appearance:none;-o-appearance:none;padding:5px;padding-left:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAACDkJaDkJf///+CkZiEjpiDkJeEkJeDkZeEkJaDkJaDkJeAgICEkJeDkZeEj5eDkJd2vtPZAAAAEHRSTlMATmcBaE3ylfB6d5oCk39bkb4P9AAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQflAg8THg/yYFzAAAAAVklEQVQoz83JyxJAMBAF0WYwxCP3/7/WRqXExJpenoYv63qLaMPIJA/HXDOLwjGXFkjSulW+SweEU/xxbl6dym/n4eUEv07D4ZDcGw5JajqkF4ec+UknQQ0FTDcS+8MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDItMTVUMTk6MzA6MTUrMDA6MDCPFbAwAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTAyLTE1VDE5OjMwOjE1KzAwOjAw/kgIjAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:right;background-size:16px;width:90px}
.weather-flex select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:10px}
.header-list{border-right:1px solid #999;line-height:2;padding-right:5px}
.header-list li{border-bottom:1px solid var(--darkred);line-height:1;padding-bottom:3px;text-transform:uppercase}
.inner-header-row{background-color:#f4f4f4;padding:10px;line-height:1}


/* REST */
.sidebar-width {width: 340px}
.m-sidebar-width {width: 300px}
.mini-sidebar-width {width:220px}

.pin .thumb-holder:before{background-color:#00d6ff;mix-blend-mode:multiply;content:"";position:absolute;top:0;bottom:0;left:0;width:100%}
.pin .thumb-holder:after{background-color:#a92323;content:"";mix-blend-mode:lighten;z-index:2;position:absolute;top:0;left:0;bottom:0;width:100%}
.pin .thumb-holder img{-webkit-filter:grayscale(1) contrast(1.3) brightness(1.1);filter:grayscale(1) contrast(1.3) brightness(1.1)}



#mega-news{position:fixed;background-color:var(--darkred);bottom:0;width:50%;right:0;top:0;padding:2rem;display:none;max-width:760px}
.meganews-header{font-size:50px;color:#fff;line-height:1;font-weight:900;letter-spacing:5px;font-family:Roboto}
#mega-news .lborder-article{border-color:#fff}
#mega-news.open-box{display:block;z-index:4}
.open-box .overlay{position:fixed;background:#000;top:0;left:0;right:0;bottom:0;z-index:1;opacity:.3}
.close-button{cursor:pointer;line-height:1;padding:5px;background-color:var(--fulldarkred);text-align:center;width:40px;height:40px;float:right;position:absolute;right:0;top:0}
.close-button svg{width:100%;height:auto;fill:#FFF}
.inner-meganews{height:100%;width:100%;overflow-y:scroll;padding-right:0;overflow-x:hidden}
.inner-meganews::-webkit-scrollbar{display:none}
.inner-meganews::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:0}
.inner-meganews::-webkit-scrollbar-thumb{border-radius:0;background-color:#fff;-webkit-box-shadow:none}
.inner-meganews{scrollbar-color:#FFFFFF #f4f4f4;scrollbar-width:thin}
.open-box,.open-box .mirrorgr{overflow:hidden}


.footer-menu{padding:20px 0;margin-bottom:20px}
.footer-menu .nav-menu li{font-size:14px;color:#fff}
.footer-logo .main-logo{display:block;line-height:0;max-width:200px;margin:0 auto}
.cms-menu{display:flex}


#burger-menu{position:fixed;left:0;top:0;bottom:0;height:100vh;width:350px;left:-350px;transition:all .3s ease}
#burger-menu.open-box{left:0;background-color:#fff;z-index:3}
.burger-menu-inner{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:2rem}
.burger-menu-inner .burger-menu-header{padding-bottom:12px;border-bottom:1px solid #ddd;line-height:0}
.burger-logo{max-width:170px}
.burger-menu-ul li {font-size: 15px;line-height:1.1;font-weight: 700;color: #000;padding-bottom: 8px;position: relative;border-bottom: 1px solid #DDDDDD;margin-bottom: 8px}
.burger-menu-ul li:last-child {padding-bottom: 0;margin-bottom: 0;border: none}
.burger-menu-ul li a {color: #222}
.burger-menu-ul li .subitems {display: none}
.burger-menu-footer{border-top:1px solid #ddd;padding-top:15px}
.burger-menu-footer .social-header {
    justify-content: flex-end;
}
.burger-menu-ul li .smb {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAM1BMVEUAAACDkJaDkJf///+CkZiEjpiDkJeEkJeDkZeEkJaDkJaDkJeAgICEkJeDkZeEj5eDkJd2vtPZAAAAEHRSTlMATmcBaE3ylfB6d5oCk39bkb4P9AAAAAFiS0dEAIgFHUgAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQflAg8THg/yYFzAAAAAVklEQVQoz83JyxJAMBAF0WYwxCP3/7/WRqXExJpenoYv63qLaMPIJA/HXDOLwjGXFkjSulW+SweEU/xxbl6dym/n4eUEv07D4ZDcGw5JajqkF4ec+UknQQ0FTDcS+8MAAAAldEVYdGRhdGU6Y3JlYXRlADIwMjEtMDItMTVUMTk6MzA6MTUrMDA6MDCPFbAwAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDIxLTAyLTE1VDE5OjMwOjE1KzAwOjAw/kgIjAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    transition:all 0.3s ease;
}.burger-menu-ul .active .smb {
    transform: rotate(180deg);
}

#close-burger{
    cursor: pointer;
    line-height: 1;
    padding: 5px;
    background-color: #f1f1f1;
    text-align: center;
    width: 32px;
    height: 32px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;  
}
#close-burger svg {
    width: 100%;
    height: auto;
}


/* SIDEBARS */
.top-sidebar{height:100%;display:flex;flex-direction:column}
.top-sidebar .sidebar-news{height:100%;position:relative}
.sidebar-news{background-color:#f4f4f4}
.tabs{background-color:var(--darkred)}
.tabs li{width:calc(100% / 3);text-align:center;font-size:16px;font-weight:800;color:#fff;font-family:Roboto;letter-spacing:-.25px;padding:5px}
.tabs li:first-child{background-color:var(--highlight)}
.sidebar-news .tabs{margin:0}
.sidebar-scroll{overflow-y:scroll;position:absolute;bottom:0;top:45px}
.sidebar-scroll .row-article{padding-inline:12px}
.wrao-abso::-webkit-scrollbar{width:5px}
.wrao-abso::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:0}
.wrao-abso::-webkit-scrollbar-thumb{border-radius:0;background-color:#990f3d;-webkit-box-shadow:none}
.wrao-abso{scrollbar-color:#990f3d white;scrollbar-width:thin}


/* GENERAL TILES */
.flex-article{display:flex;margin-left:calc(-1 * var(--columnGap));margin-right:calc(-1 * var(--columnGap));margin-top:-.75rem}
.ft-2 .flex-article{margin-bottom:-.75rem}
.flex-article.reverse-row{flex-direction:row-reverse}
.flex-article .wrap-thumb{flex:none;width:66.66667%;padding:.75rem;padding-left:var(--columnGap);padding-right:var(--columnGap)}
.flex-article .tile-content{flex:none;width:33.33333%;padding:.75rem;padding-left:var(--columnGap);padding-right:var(--columnGap)}
.flex-article .inner-tile-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}
.is-gapless .flex-article,.is-gapless .flex-article .mask-title,.is-gapless .flex-article .wrap-thumb{margin:0;padding:0}
.is-gapless .flex-article .inner-tile-content{padding-top:15px;padding-bottom:15px}

.mask-footer time{display:block;font-size:14px;color:#999;margin-top:10px}
.alignrow article:not(.flex-article){height:100%;display:flex;flex-direction:column}
.alignrow article:not(.flex-article) .tile-content{padding-top:10px;height:100%}
.alignrow article:not(.flex-article) .tile-content .inner-tile-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}

.pin.border-article{background-color:var(--darkpurple);padding:13px}
.pin.border-article .thumb-holder{border:none}
.pin.border-article .mask-header .not-black{color:#fff}
.pin.border-article .vinieta{display:none}

.flex-article .mask-header i,.pin.border-article .mask-header i{font-style:normal;font-weight:800;color:#3db5cc;text-transform:uppercase;margin-right:10px}
.pin.border-article .mask-header i{font-style:normal;font-weight:800;color:#3db5cc;text-transform:uppercase;margin-right:10px;white-space:normal;line-height:1.1;font-size:105%}
.flex-article .mask-header i{display:block;color:var(--darkred);margin-bottom:5px}
.row-article{display:flex;align-items:flex-start;flex-direction:row-reverse;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:20px}
.row-article:last-child{padding-bottom:0;margin-bottom:0;border:none}
.row-article .mask-title{width:70%;padding-right:12px}
.row-article .wrap-thumb{width:30%}
.inner-header-title{font-family:var(--secondfont);color:var(--darkpurple);font-size:3.5rem;font-weight:800;line-height:1;-webkit-text-stroke:var(--darkpurple);-webkit-text-stroke-width:1px}
.home-section.widget-pop{padding-top:0;border-top:none}
.lborder-article{border-left:2px solid #a92323;padding-left:10px}
.lborder-article .tile-content{padding-top:0!important}
.lborder-article .wrap-thumb{display:none}
.post-description{line-height:1.3}
.vinieta{color:var(--darkred);font-size:12px;font-weight:800;padding:0 0 5px;display:block;letter-spacing:1.2px;text-transform:uppercase}
sep{display:block;width:100%;height:1px;background-color:#ccc}



.br:after{content:"";border-right:1px solid #ccc;position:absolute;top:.75rem;bottom:.75rem;right:0}
.lbr.column:after{content:"";border-left:1px solid #ccc;position:absolute;top:.75rem;bottom:.75rem;left:0}
.wrap-ads{background-color:#f6f9f8;height:100%}
.wrap-ads label{padding:1.5rem 2rem;display:block;color:#000;font-size:12px;letter-spacing:1px;font-weight:600;line-height:1}
.border-article.row_4{padding-bottom:3rem;border-bottom:1px solid #000;margin-bottom:3rem}


.normal-column article .mask-title{padding-top:10px}
.normal-column article{border-bottom:1px solid #ccc;margin-bottom:12px;padding-bottom:12px}
.normal-column article:last-child{margin-bottom:0;padding-bottom:0;border:none}
.flex-article.no-padding{margin:0}
.flex-article.no-padding .mask-title,.flex-article.no-padding .wrap-thumb{padding:0;background-color:var(--darkpurple)}
.flex-article.no-padding .mask-title .inner-tile-content{padding:2rem}
.flex-article.no-padding .mask-title .inner-tile-content .vinieta{margin-bottom:13px;color:var(--darkred)}


@media screen and (max-width:767px) {
.site-header{background-color:#fff;line-height:1;margin-bottom:2rem;padding:1.5rem 0}
.wrap-mainlogo{padding:0;max-width:150px}
.social-header {padding: 0;justify-content: flex-end}
.social-header a{margin:0 3px;width:20px;height:20px}
.burger-area{background-color:transparent}
.burger-area .buger{background:0 0;padding:0;width:30px}
.burger-area .buger span{background-color:#999}
.is-size-medium{font-size:2rem}
.is-size-normal{font-size:1.8rem}
.is-size-text-mobile{font-size:1.6rem}
.mirrorgr .pl-0{padding-left:var(--columnGap)!important}
.maxgridrow{padding-inline:16px}
.br:after,.lbr.column:after{display:none!important}
.sidebar-scroll{position:relative;top:initial;bottom:inherit;max-height:450px}
.flex-article{margin:0 auto;display:flex;flex-direction:column}
.flex-article.reverse-row{flex-direction:column}
.flex-article .tile-content,.flex-article .wrap-thumb{width:100%;padding:0}
.flex-article .tile-content{padding-top:10px}
.flex-article .wrap-thumb .normal-ratio,.normal-ratio{padding-bottom:66.25%}
.alignrow article:not(.flex-article){height:auto;margin-bottom:1.5rem}
.alignrow article:not(.flex-article) .tile-content{height:auto}
.inner-header-title{-webkit-text-stroke-width:0}
.mask-footer time{font-size:12px}
.ft-1 .latest-cat{display:flex;flex-wrap:wrap;margin:-10px}
.ft-1 .latest-cat article.row-article{border:none;padding:0;margin:0;width:50%;padding:10px}
.ft-1 .latest-cat article.row-article .mask-title{padding-right:0;height:100%}
.ft-1 .latest-cat article.row-article:nth-child(5){display:none}
.ft-1 .latest-cat article.row-article .mask-title .inner-tile-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}
.ft-1 .column.is-4:last-child article{margin-bottom:0!important}
.sidebar-width,.top-sidebar{height:auto;width:100%;margin:0 auto}
.cms-menu {display: flex;justify-content: center}
.footer-logo .main-logo {max-width: 120px}
.whsk-mobile-flex-column {flex-direction: column}
.whsk-mobile-flex-column .social-row {order: 3}
.whsk-mobile-flex-column .social-row .social-header {justify-content: center}
.burger-menu-ul .active .subitems {display: block;margin-top: 10px}
.burger-menu-ul .active .subitems li {font-size: 14.5px;margin:0 0 5px;padding:0 0 5px;border: none}
.burger-menu-ul .active .subitems li a {color: #777}
.burger-menu-ul .active .subitems li:last-child {padding-bottom 0;margin-bottom: 0}  
.burger-menu-footer p {color: #777;font-size: 14px;text-transform: uppercase}
  
}