/*
    Theme Name: eleytheros_typos
    Version: 3.7.5
*/

/* @media only screen and (min-width: 2200px) {
    html {
        font-size: 125%;
    }
} */

/* @media only screen and (min-width: 1921px) {
    html {
        font-size: 112.5%;
    }
} */

img.autotipimg {
  max-width: 330px;
}

div#ho_loadmore {
  font-size: 18px;
}

.google-news-logo .wp-block-social-link-anchor,.wp-social-link-twitter {
  position: relative;
}

.google-news-logo .wp-block-social-link-anchor::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1em !important;
  height: 1em !important;
  background-image: url("/wp-content/uploads/2022/11/google_news_new.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.wp-social-link-twitter::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 1em !important;
  height: 1em !important;
  background-image: url("/wp-content/uploads/2023/10/twitter-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.google-news-logo svg,.wp-social-link-twitter svg {
  opacity: 0;
}

.google-news-logo .wp-block-social-link-anchor:hover::after {
  background-image: url("/wp-content/uploads/2022/11/google_news_new-1.svg");
  width: 1em !important;
  height: 1em !important;
}
.wp-social-link-twitter:hover::after {
  background-image: url("/wp-content/uploads/2023/10/twitter-red.svg");
  width: 1em !important;
  height: 1em !important;
}

.inner-black .google-news-logo .wp-block-social-link-anchor::after {
  background-image: url("/wp-content/uploads/2022/11/google_news_new.svg");
}
.inner-black .wp-social-link-twitter::after {
  background-image: url("/wp-content/uploads/2023/10/twitter-white.svg") !important;
}

@media only screen and (max-width: 1920px) {
  html {
    font-size: 100%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  html {
    font-size: 88.5%;
  }
}

@media only screen and (max-width: 1199px) {
  html {
    font-size: 87.5%;
  }
}

@media (max-width: 991px) {
  html {
    /* font-size: 78%; */
    font-size: 95%;
  }
}

@media (max-width: 370px) {
  html {
    /* font-size: 78%; */
    font-size: 85%;
  }
}

/* @media only screen and (max-width: 991px) {
    html {
        font-size: 85%;
    }
} */

/* @media only screen and (max-width: 374px) {
    html {
        font-size: 75%;
    }
} */

:root {
  --transition-03: all 0.3s ease-out;
  --color-red: #ed1b24;
  --color-grey: #808080;
  --color-lightgrey: #a1a1a1;
  --color-f8f8f8: #f8f8f8;

  --contentHeight: 0;
  --vh: 0;
}

body {
  font-family: proxima-nova, sans-serif;
  color: black;
  position: relative;
  padding-bottom: 0 !important;
}

@media (max-width: 991px) {
  body.active-menu {
    overflow-y: hidden;
    height: var(--vh) !important;
  }
}

body.active-menu::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 99;
  height: 100vh;
  background: rgb(0, 0, 0);
  opacity: 0.8;
  /* pointer-events: none; */
}

/* ================ */
/*   General */
/* ================= */
img {
  max-width: 100%;
}

a,
a:hover,
a:focus,
a:visited {
  color: inherit;
  text-decoration: unset;
}

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

hr {
  opacity: 1;
}

input,
input:hover,
input:focus {
  border: unset;
  outline: unset;
  box-shadow: unset;
}

button,
button:hover,
button:focus {
  border: unset;
  outline: unset;
  box-shadow: unset;
  background: unset;
}

.main-h1 {
  font-size: 4rem;
  font-weight: 800;
  margin-bottom: 2.5rem;
  line-height: 0.75;
}

@media (max-width: 991px) {
  .main-h1 {
    margin-bottom: 2rem;
  }
}

.title-withcategory {
  display: flex;
  align-items: center;
}

.title-withcategory > * {
  margin-left: 1rem;
}

.title-withcategory .title-withcategory-cat:hover {
  color: var(--color-red);
  text-decoration: underline;
}

.title-lg {
  font-size: 2.625rem;
  font-weight: 800;
}

.lines-title-wrap {
  display: flex;
  gap: 2rem;
  align-items: center;
  margin-bottom: 4rem;
}

.lines-title-wrap hr {
  height: 2px;
  background: var(--color-red);
  width: 100%;
}

.lines-title-wrap .title {
  font-size: 4rem;
  font-weight: 800;
  white-space: nowrap;
  line-height: 1;
}

.border-top-grey {
  border-top: 1px solid #e1e1e1;
  padding-top: 2rem;
}

.border-bottom-red {
  border-bottom: 2px solid var(--color-red);
  padding-bottom: 4rem;
}

.homepage section {
  margin-bottom: 4rem;
}

@media (min-width: 576px) and (max-width: 991px) {
  .homepage .grid-1-3,
  .homepage .grid-3-1 {
    display: flex;
    flex-direction: column-reverse;
  }

  .homepage .home-11 .grid-1-3 {
    display: flex;
    flex-direction: column;
  }



  .homepage .grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .sidebar-A .printed-edition a img {
    max-width: 70%;
  }
}


@media(max-width:991px){
  .homepage .home-14 .grid-1-3{
    display: flex;
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .homepage section {
    margin-bottom: 2rem;
  }
}

.gen-date-wrap {
  display: flex;
  gap: 1rem;
  color: #a1a1a1;
  font-size: 0.75rem;
}

.fz-18 {
  font-size: 1.125rem;
}

.fz-20 {
  font-size: 1.25rem;
}

.container-scroll {
  overflow-y: auto;
}

.container-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.container-scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.container-scroll::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 10rem;
}

/* Handle on hover */
.container-scroll::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}

.px-2rem {
  padding: 0 2rem;
}

.sticky--main {
  position: sticky;
  position: -webkit-sticky;
  top: 7rem;
}

.sticky--main--child > * {
  position: sticky;
  position: -webkit-sticky;
  top: 7rem;
  max-width: 100%;
  overflow: hidden;
}

.mh--article--cont {
  max-height: 31.25rem;
}

.btt--btn {
  position: fixed;
  bottom: 3rem;
  right: 2rem;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 100%;
  background: var(--color-red) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white !important;
  transform: translateY(5rem);
  opacity: 0;
  transition: var(--transition-03);
  border: 1px solid white !important;
}

.btt--btn.active {
  transform: unset;
  opacity: 1;
}

@media (max-width: 767px) {
  .lines-title-wrap {
    gap: 1rem;
    margin-bottom: 2rem;
  }

  .lines-title-wrap .title {
    font-size: 2rem;
  }

  .main-h1 {
    font-size: 2.5rem;
  }

  .px-2rem {
    padding: 0 1rem;
  }
}

.tablet-block {
  display: none !important;
}

@media (max-width: 1199px) {
  .tablet-hidden {
    display: none !important;
  }

  .tablet-block {
    display: block !important;
  }
}

/* ================ */
/*  End General */
/* ================= */

/* ================ */
/*  Article  Layout */
/* ================= */

.flex-bet {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.flex-2 {
  display: flex;
  gap: 2rem;
}

.grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}

.grid-4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 2rem;
}

.grid-3-1 {
  display: grid;
  /* grid-template-columns: 3fr 1.25fr; */
  grid-template-columns: 3fr 1fr;
  gap: 2rem;
}

.grid-1-3 {
  display: grid;
  grid-template-columns: 1fr 3fr;
  gap: 2rem;
}

.grid-2-1 {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 2rem;
}

.flex-66-33 {
  display: flex;
  gap: 2rem;
}

.flex-66-33 img {
  aspect-ratio: 2;
}

.flex-66-33 > *:first-child {
  flex-basis: 66.666%;
}

.flex-66-33 > *:last-child {
  display: flex;
  gap: 2rem;
  flex-basis: 33.333%;
  flex-wrap: wrap;
}

.grid-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}

.banner-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}

@media (max-width: 767px) {
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-3-1,
  .grid-1-3,
  .grid-2-1 {
    grid-template-columns: 1fr !important;
  }
}

/* ================ */
/*  End Article Layout */
/* ================= */

/* 
*, *::after, *::before {
    transition: var(--transition-03);
} */

a,
button {
  transition: var(--transition-03);
}

header {
  position: relative;
  z-index: 996;
}

.inner-black {
  background: black;
}

.main-container {
  max-width: 104.375rem;
  margin: auto;
  /* padding: 0 1rem; */
  padding-right: 1rem;
  padding-left: 1rem;
}

.info-wrap {
  margin: auto;
  background: black;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.inner-black .left {
  color: white;
  font-size: 0.625rem;
  display: flex;
  /* gap: 2rem; */
}

.inner-black .left > * + * {
  margin-left: 2rem;
}

.inner-black .left a {
  opacity: 0.6;
}

.inner-black .left a:hover {
  opacity: 1;
}

.inner-black .left div {
  position: relative;
  margin-right: 1rem;
  letter-spacing: 1.6px;
}

@media (min-width: 1440px) {
  .inner-black .left a,
  .inner-black .left div {
    font-size: 0.75rem;
  }

  .inner-black .right a {
    font-size: 1.125rem;
  }
}

@media (min-width: 1100px) {
  .inner-black .right a {
    font-size: 1.25rem !important;
  }
}

.wp-container-61fbabfe33520,
.wp-block-social-links {
  display: flex;
  flex-direction: row;
  gap: unset;
}

header .info-wrap .wp-block-social-links {
  gap: unset !important;
}

.inner-black .left div::after {
  content: "";
  position: absolute;
  right: -1rem;
  top: -1rem;
  bottom: -1rem;
  width: 1px;
  background: white;
  opacity: 0.2;
}

.inner-black .right {
  display: flex;
  align-items: center;
}

#block-8::marker {
  content: "";
  position: static;
  display: none;
}

.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
  margin: 0;
}

.wp-social-link {
  background: unset !important;
  font-size: 0.875rem !important;
  transform: unset !important;
  color: white !important;
}

.inner-black .right a {
  width: 2rem;
  height: 2rem;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  transition: var(--transition-03);
}

.inner-black .right a:hover {
  background: var(--color-red);
}

nav {
  box-shadow: 0px 3px 10px #00000029;
  max-height: 4.375rem;
  min-height: 4.375rem;
  background: white;
}

nav.shrink {
  position: fixed !important;
  top: -10rem;
  left: 0;
  right: 0;
  /* transform:  translateY(-5rem) ; */
  /* transform-origin: top; */
  transition: all 0.3s cubic-bezier(0.095, 0.42, 0.455, 0.865);
  z-index: 999;
}

nav.active {
  transform: translateY(10rem);
  /* transition: all 0.3s cubic-bezier(0.095, 0.420, 0.455, 0.865); */
}

nav.scroll {
  position: fixed !important;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-5rem);
  opacity: 0;
  pointer-events: none;
  transition: var(--transition-03);
}

nav.scroll .menu-open {
  z-index: 999;
}

nav.scroll .logo-image {
  z-index: 1000;
}

nav.scroll.active {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  pointer-events: unset;
  display: unset;
  transform: translateY(0);
}

nav .main-container {
  display: flex;
  align-items: center;
  position: relative;
}

nav .search-wrap {
  position: absolute;
  right: 1rem;
  left: 1rem;
  /* width: 100%; */
  bottom: -6.25rem;
  box-shadow: 0px 10px 10px #00000026;
  opacity: 0;
  transform: translateY(1rem);
  transform-origin: top;
  transition: 0.2s all linear;
  z-index: 99;
  pointer-events: none;
}

nav .search-wrap.open-search {
  opacity: 1;
  transform: translateY(0);
  pointer-events: unset;
}

nav .search-activation-btn img {
  max-width: 1.25rem;
}

nav .search-activation-btn img.red {
  display: none;
}

nav .search-activation-btn {
  position: relative;
}

nav .search-activation-btn:hover img {
  display: none;
}

nav .search-activation-btn:hover .red {
  display: unset;
}

nav .search-activation-btn:hover::after {
  transform: translate(-0.75rem, -50%);
  opacity: 1;
}

nav .search-activation-btn::after {
  content: "ΑΝΑΖΗΤΗΣΗ...";
  font-size: 0.6125rem;
  position: absolute;
  left: -3.5rem;
  top: 50%;
  transform: translateY(-50%);
  transition: var(--transition-03);
  opacity: 0;
  pointer-events: none;
}

nav .search-wrap input::placeholder {
  color: #d2d2d2;
  font-size: 1.5rem;
  font-weight: bold;
}

nav .search-wrap .search-submit {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.125rem !important;
  height: 3.125rem !important;
  border-radius: 100%;
  background-color: #f4f4f4;
  opacity: 0;
}

nav .is-form-style input.is-search-input,
nav .search-form {
  border: unset !important;
  border-top: 1px solid lightgray !important;
  height: 6.25rem !important;
  width: 100%;
  margin-bottom: 0;
}

nav .search-form label {
  width: 100%;
  height: 100%;
}

nav .search-field {
  height: 100%;
  width: 100%;
  background: white;
  padding: 1rem;
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-appearance: none !important;
}

nav input[type="search"] {
  -webkit-appearance: none !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
}

nav .search-wrap.open-search,
nav .search-wrap.open-search * {
  border-radius: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 1.25rem;
}

nav .search-wrap .search-submit .is-search-icon {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  display: grid !important;
  place-items: center;
  padding-top: 0 !important;
  position: relative;
  border: unset !important;
}

nav .search-wrap .search-form::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 3.125rem !important;
  height: 3.125rem !important;
  border-radius: 100%;
  background-color: #f4f4f4;
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  pointer-events: none;
  display: grid;
  place-items: center;
}

nav .search-wrap .search-submit .is-search-icon::after {
  content: "\f0da";
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
  color: black;
  position: absolute;
  inset: 0;
  background: #f4f4f4;
  border-radius: 100%;
  display: grid;
  place-items: center;
  pointer-events: none;
}

nav .is-form-style.is-form-style-3 label {
  width: 100% !important;
}

nav .sw-cont {
  display: flex;
  color: #a1a1a1;
  height: 4.375rem;
  margin-left: auto;
}

nav .sw-cont > * {
  color: #a1a1a1;
}

nav .sw-cont .weather-number {
  width: max-content;
}

nav .sw-cont .weaher-wrap {
  border-left: 1px solid #e1e1e1;
  margin-left: 1rem;
  padding-left: 1rem;
}

nav .weather-widget-wrap {
  position: absolute;
  right: 0;
  bottom: -14rem;
  height: 14rem;
  transform: translateY(1rem);
  transform-origin: top;
  transition: 0.2s all linear;
  opacity: 0;
  pointer-events: none;
  z-index: 9;
}

nav .weather-widget-wrap.open-weather-widget {
  opacity: 1;
  transform: translateY(0);
  pointer-events: unset;
}

.forecast-footer {
  display: none !important;
}

nav .celc-number {
  position: relative;
}

nav .celc-number::after {
  content: "º";
  position: absolute;
  top: -0.2rem;
  font-size: 0.8rem;
  right: -0.5rem;
  height: max-content;
}

nav #forecast-wrapper {
  background: black !important;
}

.hamburger {
  width: 6.8125rem;
  height: 4.375rem;
  transition: var(--transition-03);
  opacity: 1 !important;
  border-right: 1px solid #ebebeb !important;
}

.hamburger:hover,
.hamburger.is-active {
  background: var(--color-red) !important;
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::after,
.hamburger:hover .hamburger-inner::before {
  background: white;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::after,
.hamburger.is-active .hamburger-inner::before {
  background: white !important;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  width: 1.75rem;
  height: 2px;
}

.hamburger-box {
  display: flex;
  justify-content: center;
}

.hamburger {
  display: grid;
  place-items: center;
}

nav .logo-wrap {
  position: relative;
  min-width: 8.5rem;
  height: 4.375rem;
  margin-left: 1rem;
  display: block;
}

nav .logo-image {
  position: absolute;
  z-index: 999;
  padding: 0;
  left: 0;
  top: 1rem;
}

nav .menu-main-menu-container {
  width: 100%;
  height: 4.375rem;
}

nav .menu {
  display: flex;
  margin-left: 3.25rem;
  color: #2c2c2c;
  font-weight: 600;
  height: 100%;
}

nav .menu li {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0 0.85rem;
}

nav .menu li a {
  text-transform: lowercase;
  font-weight: bold;
  font-size: 1.0625rem;
}

@media (min-width: 1200px) and (max-width: 1300px) {
  nav .menu li a {
    font-size: 0.875rem;
  }
}

nav .menu li a::first-letter {
  text-transform: capitalize;
}

nav .menu a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 5px;
  background: black;
  width: 0;
  transition: var(--transition-03);
}

nav .menu a:hover {
  color: var(--color-red);
}

nav .menu a:hover:after {
  width: 100%;
}

header .breaking-news-wrap {
  height: 5rem;
  display: flex;
  align-items: center;
  background: #f8f8f8;
  margin-bottom: 2rem;
  padding-right: 2rem;
}

@media (max-width: 991px) {
  header .breaking-news-wrap {
    margin-bottom: 0 !important;
  }
}

header .breaking-news {
  height: 100%;
  display: flex;
  align-items: center;
  background: var(--color-red);
  font-size: 0.875rem;

  font-weight: 800;
  color: white;
  /* max-width: 34.875rem; */
  max-width: 24.875rem;
  width: 100%;
  justify-content: flex-end;
  padding-right: 1rem;
  min-width: 13rem;
}

@media (min-width: 1500px) {
  header .breaking-news {
    max-width: 34rem;
    flex: 0 0 100%;
  }
}

@media (min-width: 1200px) {
  header .breaking-news {
    min-width: 28rem;
  }
}

@media (min-width: 768px) {
  header .breaking-news .d-flex {
    margin-right: -1.75rem;
  }
}

header .breaking-news .text-italic {
  font-style: italic !important;
}

/* header .circle {
    width: .6rem;
    height: .6rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: white;
    display: block;
    margin-right: .5rem;
    transition: var(--transition-03);
    animation: pulse 1s infinite ease-in-out;
}

header .circle:after {
    content: '';
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    border: solid 1px #fff;
    border-radius: 100%;
    top: -2px;
    left: -2px;
    display: block;
    position: absolute;
} */

header .breaking-news-wrap .circle-new {
  transform: translateY(-2px);
  font-style: normal !important;
}

@-webkit-keyframes pulse {
  0%,
  80%,
  100% {
    -webkit-transform: scale(1.1);
  }

  40% {
    -webkit-transform: scale(1.3);
  }
}

@keyframes pulse {
  0%,
  80%,
  100% {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
  }

  40% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
  }
}

header .red-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.5rem 0 2.5rem 1.5rem;
  border-color: transparent transparent transparent var(--color-red);
}

.breaking-news-wrap .title {
  font-size: 1.125rem;
  font-weight: 800;
  margin-left: 2rem;
}

header .mySwiper2 {
  padding-left: 3rem;
  width: max-content;
  height: max-content;
  max-width: 100%;
}

header .mySwiper2 .swiper-wrapper {
  display: flex;
  align-items: center;
}

header .mySwiper2 .swiper-slide {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  font-weight: bold;
  background: var(--color-f8f8f8);
  opacity: 0 !important;
  pointer-events: none !important;
}

header .mySwiper2 .swiper-slide a .link-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

@media (max-width: 767px) {
  header .mySwiper2 .swiper-slide a .link-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
  }
}

header .mySwiper2 .swiper-slide-active {
  opacity: 1 !important;
  pointer-events: unset !important;
}

header .mySwiper2 .article-date-wrap {
  flex-wrap: unset;
}

header .mySwiper2 .article-date-wrap .upd-time {
  flex-basis: unset;
  margin-left: 1rem;
}

header .mySwiper2 .article-date-wrap * {
  font-weight: lighter !important;
}

@media (min-width: 768px) and (max-width: 1199px) {
  header .breaking-news-wrap .title {
    font-size: 0.875rem;
  }
}

@media (max-width: 1199px) {
  nav .search-wrap {
    left: 0;
    right: 0;
  }
}

@media (max-width: 767px) {
  header .mySwiper2 .swiper-slide {
    background: var(--color-red);
    justify-content: center;
    color: white;
  }

  header .mySwiper2 .article-date-wrap * {
    color: white;
  }

  header .mySwiper2 {
    padding-left: 0;
  }
}

.menu-open {
  position: absolute;

  width: 100%;
  background: var(--color-red);
  box-shadow: inset 0px 3px 6px #00000029;
  color: white;
  opacity: 0;
  max-height: 80vh;
  overflow-x: hidden;

  z-index: 996;
  pointer-events: none;
  transition: opacity 0.3s linear;
  padding: 5rem 0;

}

.menu-open .main-container{
  scrollbar-color: rgb(0, 0, 0) rgb(255, 255, 255);
  scrollbar-width: thin;
  overflow-y: auto;
}



@media (max-width: 991px) {
  .menu-open {
    max-height: var(--contentHeight);
  }
}

/* width */
.menu-open .main-container::-webkit-scrollbar {
  width: 2px;
}

/* Track */
.menu-open .main-container::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
.menu-open .main-container::-webkit-scrollbar-thumb {
  background: rgb(0, 0, 0);
}

/* Handle on hover */
.menu-open .main-container::-webkit-scrollbar-thumb:hover {
  background: rgb(0, 0, 0);
}

.menu-open.active {
  opacity: 1;
  pointer-events: unset;
  transition: unset;
  transition: opacity 0.3s linear;
}

.menu-open > .main-container {
  height: 100%;
  display: grid;
  grid-template-columns: 3fr 1fr;
}

.menu-main-menu-container {
  width: 100%;
  height: 100%;
}

.menu-open .left {
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.menu-open .left .burger-menu > li > a {
  font-size: 1.3125rem;
  position: relative;
  padding-bottom: 0.625rem;
  margin-bottom: 1rem;
  font-weight: bold;
  display: block;
  width: max-content;
  /* pointer-events: none; */
  /* color: blue; */
}

.menu-open .left .burger-menu li .menu-item {
  margin-top: 0.5rem;
}

.menu-open .left .burger-menu > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2rem;
  height: 2px;
  background: white;
}

.menu-open .left .burger-menu .sub-menu a {
  position: static;
  font-size: 1rem;
  margin: 0;
  margin-bottom: 0.625rem;
  padding: 0;
  font-weight: normal;
  opacity: 0.8;
}

.menu-open .left .burger-menu .sub-menu a:hover {
  opacity: 1;
}

/* menu-open .left .burger-menu >*>ul.submenu-open{

} */

.menu-open .left .burger-menu > * {
  margin-bottom: 2rem;
}

.menu-open .right {
  padding: 0 2rem;
  height: 100%;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  /* background: lightgreen; */
}

.menu-open .right #open-menu-right a {
  opacity: 0.8;
  margin-bottom: 1.25rem;
  display: block;
}

.menu-open .right #open-menu-right a:hover {
  opacity: 1;
}

.menu-open .wp-block-social-links {
  display: flex;
  gap: 1rem;
  max-width: 15rem;
  flex-wrap: wrap;
  margin-top: 4rem;
}

.menu-open .wp-block-social-links a {
  width: 4rem;
  height: 4rem;
  display: grid;
  place-items: center;
  color: white;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  font-size: 1.25rem;
  transition: var(--transition-03);
}

.menu-open .wp-block-social-links a:hover {
  background: white;
  color: var(--color-red) !important;
}

.m-weather-btn,
.m-newsletter-link {
  display: none;
}

.weatherwidget-io {
  width: 30rem;
  padding: 2rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px,
    rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.weatherwidget-io.mobile {
  width: 100%;
}

#mobile-weatherwidget-accordion {
  display: none;
}

@media (max-width: 1700px) {
  nav .menu-main-menu-container {
    font-size: 0.875rem;
  }

  nav .menu {
    margin-left: 1.5rem;
  }

  nav .menu li {
    margin: 0 0.5rem;
  }
}

@media (max-width: 1440px) {
  nav .menu-main-menu-container {
    font-size: 0.75rem;
  }
}

@media (max-width: 1199px) {
  nav .menu-main-menu-container {
    display: none;
  }
}

@media (max-width: 991px) {
  /* mobile menu open */
  .menu-open {
    padding: 0;
  }

  .menu-open > .main-container {
    grid-template-columns: 1fr;
  }

  .menu-open .left {
    grid-template-columns: 1fr;
  }

  .menu-open .sub-menu {
    /* height: 0;
        opacity: 0;
        margin-top: 1rem;
        display: none;
        pointer-events: none; */
    display: none;
  }

  .menu-open .sub-menu.open {
    /* height: auto;
        opacity: 1;
        display: block;
        pointer-events: unset; */
  }

  .menu-open .left .burger-menu > li > a {
    font-size: 1rem;
    /* margin: 1rem; */
    padding: 0;
    margin: 0;
    max-width: 100%;
    /* padding-bottom: 1rem; */
  }

  .menu-open .left .burger-menu li .menu-item {
    margin-top: 1rem;
  }

  .menu-open .left .burger-menu > * {
    /* margin-bottom: 1rem; */
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    transition: 0.3s all ease-out;
    /* height: 2rem; */
    padding: 1.5rem 0;
    margin-bottom: 0;
  }

  .menu-open .left .burger-menu > *.animate-dropdown {
    /* transition: 1s all ease-out; */
  }

  .menu-open > .main-container {
    padding: 1rem;
  }

  /* .menu-open *{
        overflow-x: scroll;
    } */

  .menu-open .left .burger-menu > li > a::after {
    content: "";
    position: static;
  }

  .menu-open .left .burger-menu > li {
    position: relative;
  }

  .menu-open .left .burger-menu > li.addArrow::before {
    content: "\f078";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 0.75rem;
    font-weight: 400;
    right: 0rem;
    top: 1.5rem;
    /* transform: translateY(-50%); */
    transition: var(--transition-03);
    z-index: 99;
    padding: 0.5rem;
    border-radius: 100%;
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
  }

  .menu-open .left .burger-menu > li.rotate::before {
    transform: rotate(-180deg);
  }

  .menu-open .right {
    border: unset;
    padding: 1rem 0;
  }

  .m-weather-btn {
    display: flex;
    gap: 1rem;
    position: relative;
    padding: 1.5rem 1rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    margin-bottom: 1rem;
  }

  .m-weather-btn::after {
    content: "\f078";
    position: absolute;
    font-family: "Font Awesome 5 Pro";
    font-size: 0.75rem;
    font-weight: 400;
    right: 1rem;
    display: grid;
    place-items: center;
    /* top: 50%;
        transform: translateY(-50%); */
  }

  #mobile-weatherwidget-accordion {
    margin: 1rem 0;
    border: unset;
    display: block;
  }

  #mobile-weatherwidget-accordion .accordion-body {
    padding: 0;
  }

  #mobile-weatherwidget-accordion .accordion-button:focus {
    outline: unset;
    box-shadow: unset;
  }

  #mobile-weatherwidget-accordion .accordion-button::after {
    background: unset;
  }

  #mobile-weatherwidget-accordion iframe {
    border-radius: 0 0 4px 4px;
  }

  #mobile-weatherwidget-accordion .accordion-item {
    background: unset;
    border: unset;
  }

  #mobile-weatherwidget-accordion .accordion-button {
    background: rgba(255, 255, 255, 0.2);
    border: unset;
    color: white;
    margin: 0;
  }

  .menu-open .right #open-menu-right a {
    background: black;
    color: white;
    margin-bottom: 0.2rem;
    padding: 1rem;
    border-radius: 4px;
  }

  .m-newsletter-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: white;
    color: var(--color-red) !important;
    padding: 1.25rem 1rem;
    border-radius: 4px;
    margin: 1rem 0 2rem;
  }

  .m-newsletter-link .fa-caret-right {
    margin-left: auto;
  }

  .menu-open .wp-block-social-links {
    justify-content: center;
    margin: 2rem auto 0;
  }

  /* width */
  .menu-open::-webkit-scrollbar {
    width: 5px;
  }

  /* Track */
  .menu-open::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
  }

  /* Handle */
  .menu-open::-webkit-scrollbar-thumb {
    background: rgb(255, 255, 255);
  }

  /* Handle on hover */
  .menu-open::-webkit-scrollbar-thumb:hover {
    background: rgb(255, 255, 255);
  }

  nav .search-activation-btn::after {
    content: "";
    position: static;
  }

  nav .search-activation-btn:hover img {
    display: unset;
  }

  nav .search-activation-btn:hover .red {
    display: none;
  }

  /* hamburger remove hover */
  .hamburger:hover {
    background: unset !important;
  }

  .hamburger.is-active {
    background: var(--color-red) !important;
  }

  .hamburger:hover .hamburger-inner,
  .hamburger:hover .hamburger-inner::after,
  .hamburger:hover .hamburger-inner::before {
    background: black;
  }

  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::after,
  .hamburger.is-active .hamburger-inner::before {
    background: white;
  }
}

@media (max-width: 767px) {
  header .left > a {
    display: none;
  }

  .inner-black .right a {
    font-size: 1rem;
  }

  nav .main-container {
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 4.375rem;
  }

  .hamburger {
    /* width: 3.4375rem; */
    width: 3.4375rem;
    padding: 1rem;
  }

  .hamburger-box {
    width: unset;
    /* height: 1rem; */
  }

  nav .weather-wrap {
    display: none !important;
  }

  nav .logo-image {
    position: static;
    max-width: 6rem;
  }

  nav .logo-wrap {
    position: static;
    margin: 0;
    min-width: unset;
    height: unset;
  }

  nav .search-activation-btn {
    width: 3.4375rem;
    border-left: 1px solid #ebebeb;
    position: relative;
  }

  nav .search-activation-btn::after {
    /* content: "ΑΝΑΖΗΤΗΣΗ...";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%); */
    content: none;
  }

  header .breaking-news-wrap {
    flex-direction: column;
    padding: 1.25rem 1rem;
    background: var(--color-red);
    height: unset;
    /* margin-bottom: 0; */
  }

  header .breaking-news {
    justify-content: center;
    /* position: relative; */
  }

  header .breaking-news .line {
    height: 1px;
    flex-grow: 1;
    background-color: white;
  }

  header .red-triangle {
    display: none;
  }

  header .breaking-news-wrap .title {
    color: white;
    margin-top: 1rem;
    margin-left: 0;
    text-align: center;
  }

  nav .sw-cont {
    margin-left: unset;
  }

  nav .search-wrap {
    bottom: -4rem;
  }

  nav .form-style input.search-input,
  nav .search-form {
    height: 4rem !important;
  }

  nav .search-wrap input::placeholder {
    font-size: 1rem;
  }

  nav .search-wrap .search-submit {
    width: 2rem !important;
    height: 2rem !important;
  }
}

/* ============= */
/* footer */
/* ============= */

footer {
  margin-top: 7.75rem;
  background: black;
  color: white;
  position: relative;
}

footer .logo-img {
  max-width: 9rem;
  position: absolute;
  top: -2.7rem;
  left: 50%;
  transform: translateX(-50%);
}

footer .inner {
  display: flex;
}

footer .wp-block-button__link {
  font-size: 1.125rem;
  opacity: 0.5;
  padding: unset;
}

@media(max-width:575px){
  footer .wp-block-button__link{
    font-size: 1rem;
  }
}

footer .wp-block-button__link:hover {
  opacity: 1;
}

footer .inner .left {
  flex-basis: 20%;
}

footer .wp-block-buttons {
  flex-direction: column;
  text-align: start;
  padding: 5rem 0 3rem;
}

footer .wp-block-button {
  margin-bottom: .5rem !important;
}

footer .wp-block-button__link {
  background: unset;
  display: block;
  width: max-content;
  font-weight: bold;
}

footer .inner .center {
  flex-basis: 50%;
  display: flex;
  justify-content: center;
}

footer .inner .center .wrap {
  max-width: 43.75rem;
  width: 100%;
  display: flex;
  justify-content: space-around;
}

footer .inner .right {
  flex-basis: 30%;
  display: flex;
  justify-content: center;
  align-items: center;
}

footer .inner .right .wp-block-social-links {
  max-width: 15rem;
  display: flex;
  justify-content: center;
  gap: 1rem;
}

footer .right .wp-social-link a {
  font-size: 1.25rem !important;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background: rgba(255, 255, 255, 0.2) !important;
  display: grid;
  place-items: center;
  transition: var(--transition-03);
}

footer .right .wp-social-link a:hover {
  background: white !important;
  color: var(--color-red) !important;
}

footer .inner > * + * {
  border-left: 2px solid rgba(255, 255, 255, 0.2);
}

footer .cps {
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  padding: 1rem;
  font-size: 0.875rem;

  color: rgba(255, 255, 255, 0.5);
}

footer .cps .main-container {
  display: flex;
  justify-content: space-between;
}

footer .cps a:hover {
  color: white;
}

footer .cps .link {
  font-size: 0.625rem;
  display: grid;
  place-items: center;
  line-height: 1;
}

@media (max-width: 1199px) {
  footer {
    margin-top: 5rem;
  }

  footer .inner {
    flex-wrap: wrap;
    padding: 8rem 2rem 4rem;
    gap: 2rem 0;
  }

  footer .inner > * {
    flex-grow: 1;
  }

  footer .wp-block-buttons {
    padding: 0;
  }

  footer .inner .right {
    flex-basis: 100%;
    width: 100%;
    justify-content: flex-start;
    border-left: unset;
  }

  footer .cps .main-container {
    align-items: center;
  }

  footer .cps .main-container .gap-5 {
    flex-direction: column;
    gap: 1rem !important;
  }
}

@media (max-width: 767px) {
  footer .cps .main-container {
    flex-direction: column;
    gap: 1rem;
  }

  footer .cps .main-container .gap-5 {
    order: -1;
  }

  footer .inner .center {
    border-left: unset;
  }

  footer .inner {
    padding: 2.5rem 0 0;
    gap: 0;
  }

  footer .inner > * {
    width: 100%;
    flex-basis: unset !important;
    align-items: center;
    justify-content: center;
    padding: 2rem 0;
    margin: 0;
  }

  footer .inner * {
    margin: auto;
  }

  footer .inner .center .wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }

  footer .inner > * + * {
    border-top: 2px solid rgba(255, 255, 255, 0.2);
  }

  footer .inner .right {
    padding: 4rem 0;
  }
}

/* ============= */
/* article-general */
/* ============= */

.article-img-wrap {
  position: relative;
  height: max-content;
}

.article-link.xl .article-img-wrap.icon::after,
.article-link.lg .article-img-wrap.icon::after,
.article-link.md .article-img-wrap.icon::after {
  font-size: 1rem;
  width: 2.875rem;
  height: 2.875rem;
  right: 0.625rem;
  bottom: 0.625rem;
}

.article-link.sm .article-img-wrap.icon::after ,.home-1-swiper .img-wrap::before,.home-1-swiper-thumbs .img-wrap::before{
  font-size: 0.75rem;
  width: 1.75rem;
  height: 1.75rem;
  right: 0.6rem;
  bottom: 0.6rem;
}


.home-1-swiper .img-wrap::before{
  font-size: 1.25rem;
  width: 2.5rem;
  height: 2.5rem;
  right: 0.6rem;
  bottom: 0.6rem;
}


.article-link.xs .article-img-wrap.icon::after {
  font-size: 0.6125rem;
  width: 1.25rem;
  height: 1.25rem;
  right: 0.5rem;
  bottom: 0.5rem;
}

.article-img-wrap.icon::after,.home-1-swiper .img-wrap::before,.home-1-swiper-thumbs .img-wrap::before {
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  /* width: 2.875rem;
    height: 2.875rem; */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 100%;
  -webkit-border-radius: 100%;
}

/* img icon */
.article-img-wrap.img-icon::after ,.home-1-swiper .img-wrap.img-icon::before,.home-1-swiper-thumbs .img-wrap.img-icon::before{
  font-family: "Font Awesome 5 Pro";
  content: "\f302";
  font-weight: 900;
}

/* video icon */
.article-img-wrap.video-icon::after,.home-1-swiper .img-wrap.video-icon::before ,.home-1-swiper-thumbs .img-wrap.video-icon::before {
  content: "\f144";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.article-img-wrap img {
  object-fit: cover;
  width: 100%;
  aspect-ratio: 2;
}

.article-img-tag {
  position: absolute;
  /* height: 1.625rem; */
  left: 1rem;
  bottom: -0.8125rem;
  background: var(--color-red);
  color: white;
  padding: 0.4rem 1rem;
  line-height: 1;
  height: max-content;
  -webkit-height: auto;
  font-size: 0.75rem;
  font-weight: 600;
}

.article-link:hover .article-title {
  color: var(--color-red);
  /* text-decoration: underline; */
}

.article-title {
  font-weight: 800;
  font-size: 2rem;
  transition: var(--transition-03);
}

.article-text-wrap {
  margin-top: 1.5rem;
  padding: 0 1rem;
}

.article-link.lg .article-title {
  font-size: 2rem;
}

.article-link.md .article-title {
  font-size: 1.5rem;
}

.article-link.sm .article-title {
  font-size: 1.25rem;
}

.article-link.xs .article-title {
  font-size: 1rem;
}

.article-text {
  color: var(--color-grey);
  font-weight: 400;
}

.article-link.lg .article-text {
  font-size: 1.125rem;
}

.article-link.md .article-text {
  font-size: 1rem;
}

.article-link.vertical {
  display: flex;
  /* gap: 1rem; */
}

.vertical-img-wrap > * + * {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px dashed #e1e1e1;
}

.article-link.vertical img {
  max-width: 8.75rem;
}

.article-link.vertical .article-text-wrap {
  margin-top: 0;
}

.article-date-wrap {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.625rem;
  color: #7c7c7c;
  font-weight: bold;
  /* gap: .15rem .375rem; */
}

.article-date-wrap > * {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.article-date-wrap > * + * {
  margin-left: 0.375rem;
}

.article-date {
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.date-voice-wrapper{
  display: flex;
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.article-time {
  /* margin: 0 1rem;
    padding-left: 1rem;
    border-left: 1px solid #7c7c7c; */
}

.upd-time {
  /* margin-left: 1rem; */
  /* flex-basis: 100%; */
  color: var(--color-red);
  font-weight: bold;
}

.article-time,
.upd-time {
  padding-left: 0.75rem;
  position: relative;
}

.article-time::before,
.upd-time::before {
  content: "|";
  position: absolute;
  left: 0;
  top: 0;
  color: #7c7c7c;
}

.upd-time:empty::before {
  content: none;
}

.upd-time-remove-it {
  /* padding-left: 1rem;
    border-left: 1px solid #7C7C7C; */
}

.article-link.inside-text img {
  aspect-ratio: 2;
  object-fit: cover;
  width: 100%;
}

.article-link.inside-text:hover .it-title {
  color: var(--color-red);
}

.it-article-img-wrap {
  position: relative;
}

.it-article-img-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000fc 100%)
    0% 0% no-repeat padding-box;
}

.it-text-wrap {
  position: absolute;
  left: 2rem;
  bottom: 2rem;
  z-index: 2;
  color: white;
}

.it-text-wrap .top {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.875rem;
}

.it-article-img-tag {
  background: var(--color-red);
  font-size: 0.875rem;
  height: max-content;
  padding: 0.25rem 1rem;
}

.it-article-date-wrap {
  font-size: 0.625rem;
  display: flex;
  gap: 0.15rem 0.375rem;
}

.it-title {
  font-size: 1.625rem;
  font-weight: 800;
  line-height: 1.2;
  width: 80%;
  transition: var(--transition-03);
}

/* @media(max-width:1199px){
    .article-date-wrap{
        font-size: .875rem;
    }
} */

.mobile-vertical-link-wrap .article-tag-container {
  display: none;
}

@media (max-width: 767px) {
  .article-title {
    margin-bottom: 0.5rem !important;
  }

  .article-link.lg .article-title,
  .article-link.md .article-title {
    font-size: 1.125rem;
  }

  .article-link.lg .article-text,
  .article-link.md.article-text {
    font-size: 1rem;
  }

  .mobile-vertical-link-wrap .article-link {
    display: flex;
  }

  .mobile-vertical-link-wrap .article-text-wrap {
    margin-top: 0;
  }

  .mobile-vertical-link-wrap .article-link .article-title {
    font-size: 0.9375rem;
  }

  .mobile-vertical-link-wrap .article-img-wrap {
    width: 100%;
    max-width: 8.75rem;
  }

  .mobile-vertical-link-wrap .article-img-wrap img {
    min-width: 8.75rem;
    aspect-ratio: 140/90;
  }

  .mobile-vertical-link-wrap .article-img-tag {
    display: none;
  }

  .mobile-vertical-link-wrap .article-img-tag.mobile {
    display: block;
    position: static;
    color: var(--color-red);
    background: unset;
    padding: 0;
    font-size: 0.75rem;

    font-weight: bold;
  }

  .mobile-vertical-link-wrap .article-tag-container {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-bottom: 0.4rem;
  }

  .mobile-vertical-link-wrap .article-tag-container hr {
    max-width: 2rem;
    width: 100%;
    background: var(--color-red);
    margin: 0;
  }

  .grid-2-mobile-link-wrap {
    grid-template-columns: 1fr 1fr !important;
    gap: 1rem;
  }

  .grid-2-mobile-link-wrap .article-link {
    display: unset;
  }

  .grid-2-mobile-link-wrap .article-img-wrap img {
    max-width: unset;
    min-width: unset;
    width: 100%;
  }

  .grid-2-mobile-link-wrap .article-img-wrap {
    margin-bottom: 1rem;
    max-width: unset;
  }

  .grid-2-mobile-link-wrap .article-text-wrap {
    padding: 0;
  }

  .grid-2-mobile-link-wrap .article-link:last-child:nth-child(odd) {
    grid-column: 1 / -1;
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px dashed #e1e1e1;
  }
}

@media (max-width: 575px) {
  .article-date-wrap {
    font-size: 0.5rem;
  }
}

/* ============= */
/* END article-general */
/* ============= */

/* ============= */
/* Sidebars */
/* ============= */

.sidebar-A {
  height: 100%;
}

.sidebar-A .title {
  background: black;
  color: white;
  font-weight: 800;
  padding: 0 0.5rem;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
  max-height: 2.875rem;
  margin-bottom: 1.25rem;
}

.sidebar-A .title img {
  transform: translateY(0.5rem);
  margin-right: 1rem;
  max-width: 4.8125rem;
}

.sidebar-A .tabs {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 1.25rem;
  border-bottom: 1px solid #e1e1e1;
  font-weight: 800;
  margin-bottom: 1.25rem;
  max-width: 30rem;
}

.sidebar-A .tab {
  color: #a1a1a1 !important;
  background: unset !important;
  font-weight: bold !important;
  border-radius: unset !important;
  -webkit-appearance: none;
}

.sidebar-A .tab.active {
  color: black !important;
  border-bottom: 0.3125rem solid var(--color-red);
}

.sidebar-A .article-cont > * {
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px dashed #c2c2c2;
  display: grid;
  grid-template-columns: 1fr 4fr;
}

.sidebar-A .article-cont img {
  width: 6.125rem;
  aspect-ratio: 98/86;
}

.sidebar-A .article-cont {
  height: 100%;
  max-height: 52.75rem;
  overflow-y: scroll;
  padding-right: 1rem;
}

/* width */
.sidebar-A .article-cont::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.sidebar-A .article-cont::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.sidebar-A .article-cont::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 10rem;
}

/* Handle on hover */
.sidebar-A .article-cont::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}

.sidebar-A .printed-edition {
  text-align: center;
  border: 1px solid #ebebeb;
  padding: 2rem 0;
}

.sidebar-A .printed-edition h3 {
  font-size: 1.5rem;
  font-weight: 800;
}

.sidebar-A .printed-edition h4 {
  font-size: 0.875rem;
  color: var(--color-red);
  font-weight: 800;
  margin-bottom: 1rem;
}

.sidebar-A .printed-edition a {
  max-width: 21rem;
}

.sidebar-A .general {
  background: black;
  padding: 0 1rem 1rem 1rem;
}

.sidebar-A .general .item + * {
  display: block;
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px dashed #ffffff;
}

.sidebar-A .general a:hover img {
  transform: scale(1.2);
}

.sidebar-A .general .date {
  background: var(--color-red);
  width: max-content;
  border-radius: 100rem;
  color: white;
  font-size: 0.875rem;
  font-weight: 800;
  padding: 0.25rem 1rem;
  transform: translateY(-1rem);
}

.sidebar-A .general h1 {
  font-size: 1.25rem;
  color: white;
  font-weight: 600;
  margin-bottom: 0.625rem;
}

.sidebar-A .general img {
  transition: var(--transition-03);
  width: 100%;
}

.sidebar-A .general .img-wrap {
  /* max-width: 22.3125rem; */
  aspect-ratio: 357/178;
  overflow: hidden;
}

@media (max-width: 1199px) and (min-width: 768px) {
  .sidebar-A .tabs {
    font-size: 1.25rem;
  }

  .sidebar-A .article-cont img {
    max-width: 20rem;
    width: 100%;
    aspect-ratio: 2;
  }

  .sidebar-A .article-link.xs .article-title {
    font-size: 1.5rem;
    text-align: start;
  }

  .sidebar-A .general {
    width: 70%;
    margin: auto;
  }

  .sidebar-A .general h1 {
    text-align: center;
  }

  .sidebar-A .general .img-wrap {
    margin: auto;
  }
}

/* ============= */
/* END Sidebars */
/* ============= */

/* ============= */
/* home-1 */
/* ============= */

/* section {
    max-width: 100%;
    padding: 0 2rem;
} */

.et-homepage-top-img img {
  height: auto;
}

section.home-1 {
  margin-bottom: 0;
}

.home-1 .inner {
  display: flex;
  padding-bottom: 4rem;
}

.home-1 .left {
  /* max-width: 62.5rem; */
  width: 65%;
  padding-right: 2rem;
  margin-right: 2rem;
  border-right: 2px solid var(--color-grey);
}

.home-1 .left .article-img-wrap img {
  /* max-width: 62.5rem; */
  aspect-ratio: 1/0.5;
}

.home-1 .left .article-text-wrap {
  max-width: 49.25rem;
}

.home-1 .right {
  width: 35%;
}

.home-1 .right img {
  aspect-ratio: 1/0.5;
}

.home-1 .see-also-wrap {
  margin-top: 3rem;
}

.home-1 .see-also {
  background: black;
  color: white;
  width: max-content;
  padding: 0.5rem 1rem;
}

.home-1 hr {
  margin: 0;
  height: 2px;
  background: black;
  opacity: 1;
  margin-bottom: 1rem;
}

.home-1 .see-also-wrap .article-link.vertical .article-img-wrap {
  /* max-width: 8.75rem; */
  height: max-content;
}

.home-1 .see-also-wrap .article-link.vertical {
  display: grid;
  grid-template-columns: 1fr 3fr;
}

.home-1 .see-also-wrap .article-link.vertical img {
  width: 100%;
  max-width: unset;
}

@media (max-width: 1199px) {
  .home-1 .inner {
    flex-direction: column;
    gap: 0;
  }

  .home-1 .main-container {
    padding: 0;
  }

  .home-1 .inner .left,
  .home-1 .inner .right {
    width: 100%;
    border: none;
    padding: 0;
    margin: 0;
  }

  .home-1 .left .article-text-wrap {
    max-width: unset;
  }

  .home-1 .inner .right {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .home-1 .see-also-wrap {
    margin-top: 0;
  }

  .home-1 .inner .right {
    padding: 1rem;
  }
}

@media (max-width: 767px) {
  .home-1 .see-also-wrap .article-link.vertical img {
    aspect-ratio: 140/90;
  }

  .home-1 .inner .right {
    grid-template-columns: 1fr;
  }

  .home header .breaking-news-wrap {
    margin-bottom: 0 !important;
  }
}

.home-1-swiper {
  position: relative;
  height: 41.25rem;
}

.home-1-swiper .text-wrap {
  background-color: #f4f4f4;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: calc(30% + 8rem);
  padding: 3rem 2rem;
  height: calc(100% - 4rem);
}

.home-1-swiper .article-date-wrap {
  opacity: 0;
  transform: translateX(-30rem);
}

.home-1-swiper .article-title,
.home-1-swiper .text-wrap p {
  opacity: 0;
  transform: translateX(-30rem);
}

.home-1-swiper .swiper-slide-active .article-date-wrap,
.home-1-swiper .swiper-slide-active .article-title,
.home-1-swiper .swiper-slide-active .text-wrap p {
  opacity: 1;
  transform: translateX(0);
}

.home-1-swiper .swiper-slide .article-date-wrap {
  transition: 900ms all ease;
  transition-delay: 100ms;
}

.home-1-swiper .swiper-slide .article-title {
  transition: 900ms all ease;
  transition-delay: 200ms;
}

.home-1-swiper .swiper-slide .text-wrap p {
  transition: 900ms all ease;
  transition-delay: 300ms;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.home-1-swiper .img-wrap {
  width: 70%;
  height: 100%;
  margin-left: auto;
  pointer-events: none;
}

.home-1-swiper .img-wrap img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.home-1-swiper .article-title {
  font-size: 2.75rem;
}

.home-1-swiper p {
  font-size: 1.25rem;
  line-height: 2rem;
}

.home-1-swiper-thumbs .swiper-slide {
  height: 8.125rem;
  cursor: pointer;
}

.home-1-swiper-thumbs .article-title {
  position: absolute;
  inset: 1rem;
  font-size: 1rem;
  z-index: 2;
  text-align: start;
  opacity: 0;
  transform: translateY(1.5rem);
  transition: var(--transition-03);
}

.home-1-swiper-thumbs .swiper-slide:hover .article-title {
  opacity: 1;
  transform: translateY(0);
}

.home-1-swiper-thumbs .swiper-slide:after {
  transition: var(--transition-03);
  background: rgba(255, 255, 255, 0);
  content: "";
  position: absolute;
  inset: 0;
}

.home-1-swiper-thumbs .swiper-slide:hover:after {
  background: #ffffffbf;
}

.home-1-swiper-thumbs .swiper-slide-thumb-active::after {
  background: white !important;
}

.home-1-swiper-thumbs .swiper-slide-thumb-active::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: var(--color-red);
  z-index: 2;
  opacity: 1;
}

.home-1-swiper-thumbs .swiper-slide-thumb-active .article-title {
  opacity: 1;
  transform: translateY(0);
}

.home-1-swiper .article-date,
.home-1-swiper .article-time {
  font-size: 0.75rem;
  font-weight: normal !important;
  color: #7c7c7c;
  letter-spacing: 1px;
}

.home-1-swiper-thumbs img {
  object-fit: cover;
}

@media (max-width: 1600px) {
  .home-1-swiper .text-wrap {
    height: calc(100% - 12rem);
  }

  .home-1-swiper .swiper-slide .article-title {
    font-size: 1.75rem;
  }

  .home-1-swiper .swiper-slide .text-wrap p {
    font-size: 1rem;
  }

  .home-1-swiper-thumbs .swiper-slide-active .article-title {
    font-size: 0.875rem;
  }
}

/* ============= */
/* END home-1 */
/* ============= */

/* ============= */
/* under-home-1 */
/* ============= */

.under-home-1 section {
  margin: 2rem 0;
}

.under-home-1 .main-container > div {
  border: none !important;
  padding-bottom: 0 !important;
}

/* ============= */
/* under-home-1 */
/* ============= */

/* ============= */
/*  home-2 */
/* ============= */

section.home-2 {
  background: var(--color-f8f8f8);
  padding: 2rem;
  margin-bottom: 0;
}

.home-2 .inner {
  margin: auto;
  display: flex;
  max-width: 85rem;
  justify-content: space-between;
  gap: 1rem;
}

.home-2 .left-banner {
  /* max-width: 60.625rem; */
  width: 100%;
  height: auto;
  /* aspect-ratio: 970/250; */
}

@media (max-width: 767px) {
  section.home-2 {
    background: unset;
    padding: 0 2rem;
  }

  .homepage .vc_empty_space {
    height: 0 !important;
  }

  .home-2 .left-banner {
    display: none;
  }

  .home-2 .mt-5 {
    margin-top: 0 !important;
  }
}

/* ============= */
/* END  home-2 */
/* ============= */

/* ============= */
/* Baners */
/* ============= */

.banner {
  display: grid;
  place-items: center;
  /* background: #DFDFDF; */
  /* color: #A1A1A1; */
  width: 100%;
}

.mobile-banner {
  display: grid;
  place-items: center;
  background: #dfdfdf;
  color: #a1a1a1;
  width: 100%;
  margin: auto;
}

.banner-container {
  max-width: 92.875rem;
}

.google-banner-300x250 {
  /* max-width: 18.75rem; */
  height: auto;
  /* aspect-ratio: 300/250; */
}

.home-9 .google-banner-300x250,
.home-13 .google-banner-300x250,
.home-14 .banner,
.home-16 .banner,
.home-21 .banner,
.article-page .banner-col .banner,
.author-article-page .banner-col .banner {
  position: sticky;
  top: 8rem;
}

.google-banner-728x90 {
  max-width: 45.5rem;
  aspect-ratio: 728/90;
}

.google-banner-336x280 {
  max-width: 21rem;
  aspect-ratio: 336/280;
}

.google-banner-300x600 {
  max-width: 18.75rem;
  aspect-ratio: 300/600;
}

.google-banner-336x600 {
  max-width: 21rem;
  aspect-ratio: 336/600;
}

.fisiko-aerio-banner-970x250 {
  max-width: 60.625rem;
  aspect-ratio: 970/250;
}

.banner-937x188 {
  max-width: 58.5625rem;
  aspect-ratio: 937/188;
}

.mobile-banner-300x250,
.global-mobile-banner {
  display: none;
}

.global-desktop-banner {
  display: block;
}

.single--sidebanner {
  min-width: 300px;
  max-width: 300px;
  height: 1050px;
  display: none;
}

.banner-wrap-flex {
  display: flex;
  flex-direction: column;
}

.banner-wrap-flex > * {
  flex: 1;
}

/* .google-auto-placed {
    overflow-x: hidden !important;
} */

@media (max-width: 1900px) {
  .single--sidebanner {
    display: none;
  }
}

.only-desktop{
  display: block;
}

.only-tablet-mobile{
  display: none;
}

@media(max-width:991px){
  .only-desktop{
    display: none;
  }
  
  .only-tablet-mobile{
    display: block;
  }
}

@media (max-width: 767px) {
  .google-banner-728x90 {
    /* max-width: 18.75rem; */
    aspect-ratio: 300/250;
  }

  .mobile-banner-300x250 {
    display: block;
    /* max-width: 18.75rem !important; */
    height: auto;
    aspect-ratio: 300/250;
  }

  .global-mobile-banner {
    display: block;
  }

  .global-desktop-banner {
    display: none;
  }

  .google-banner-336x280 {
    /* max-width: 18.75rem; */
    width: 100%;
    height: auto;
    aspect-ratio: 300/250;
  }

  .home-16 .banner-col {
    order: -1;
  }
}

/* ============= */
/* END  Banners*/
/* ============= */

/* ============= */
/* tag-container */
/* ============= */

.tag-container {
  padding: 1rem 0;
  border-bottom: 1px solid #e1e1e1;
  display: flex;
  flex-wrap: wrap;
  /* gap: 2rem; */
  font-size: 0.875rem;
  font-weight: 800;
  align-items: center;
  margin-bottom: 4rem;
}

.tag-container > * {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tag-container > * + * {
  margin-left: 2rem;
}

.tag-container .hot-tags {
  background: var(--color-red);
  color: white;
  padding: 1rem;
}

.tag-container .hot-tags a {
  color: white !important;
}

.tag-container span {
  color: var(--color-red);
  font-weight: 900;
}

.tag-container a:hover {
  color: var(--color-red);
}

@media (max-width: 767px) {
  .tag-container {
    margin-bottom: 2rem;
  }
}

.home-3 .tag-container {
  margin-bottom: 0;
}

/* ============= */
/* END tag-container */
/* ============= */

/* ============= */
/*  home-4 */
/* ============= */
.home-4 {
  display: flex;
  justify-content: center;
}

.home-4 .main-container {
  padding-right: 0;
  padding-left: 0;
  margin-left: 1rem;
  margin-right: 1rem;
}

/* ============= */
/*  End home-4 */
/* ============= */

/* ============= */
/*  home-5 */
/* ============= */
.home-5 {
  margin: 2rem 0;
}

.home-5 .inner {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

/* ============= */
/* END  home-5 */
/* ============= */

/* ============= */
/*  home-6 */
/* ============= */

@media (min-width: 992px) {
  .home-6 {
    margin-bottom: 1rem !important;
  }
}

.home-6 .left,
.home-6 .sidebar-A {
  height: 100%;
}

@media (max-width: 991px) {
  .home-6 .grid-2 {
    gap: 1rem;
  }
}


  .home-6 .left {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
  }

  .home-6 .left,
  .home-6 .sidebar-A .nav > * {
    flex: 1;
    text-align: center;

  }

  .home-6 .sidebar-A .nav > * {
    font-size: 1.25rem;
  }

  @media(max-width:1900px){
    .home-6 .sidebar-A .nav > *{
      font-size: 1rem;
    }
  }

  .home-6 .sidebar-A .nav  .nav-link {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }


.home-6 .sidebar-A .title img {
  margin: auto;
}

.home-6 .right .top img {
  max-width: 37.1875rem;
  width: 100%;
  aspect-ratio: 2;
}

.home-6 .right .grid-3 {
  margin-top: 2rem;
}

@media (max-width: 1199px) {
  .home-6 {
    gap: 0;
    margin-bottom: 0 !important;
  }

  .home-6 .newsletter {
    margin: 2rem 0;
  }
}

.newsletter {
  background-color: var(--color-red);
  color: white;
  font-weight: 800;
  padding: 3.5rem 2rem 2rem;
  display: flex;
  align-items: center;
  position: relative;
  gap: 4rem;
  margin: 4rem 0 2.5rem;
}

.newsletter > * {
  flex-basis: 40%;
}

@media (min-width: 1880px) and (max-width: 1920px) {
  .single--default .newsletter div.d-flex {
    gap: 1rem !important;
    flex-wrap: wrap;
  }

  .single--default .newsletter button {
    width: 100%;
  }
}

.home-6 h2 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 1rem;
}

.newsletter .fa-paper-plane {
  position: absolute;
  top: -1rem;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  border: 1px solid var(--color-red);
  background: white;
  color: black;
  display: grid;
  font-size: 1.25rem;
  place-items: center;
}

.newsletter button {
  background: black;
  color: white;
  padding: 0.5rem 1rem;
  font-weight: bold;
  align-self: flex-end;
  justify-self: flex-end;
  margin-left: auto;
  font-size: 0.875rem;
}

.newsletter button i {
  font-size: 0.75rem;
}

.newsletter button:hover {
  background: white;
  color: black;
}

.newsletter button:hover i {
  color: var(--color-red);
}

.newsletter input[type="email"] {
  width: 100%;
  height: 3rem;
  padding: 1rem;
  margin-bottom: 1rem;
}

.newsletter input[type="email"]::placeholder {
  color: #a1a1a1;
  font-weight: 800;
}

@media (max-width: 1199px) {
  .home-6 .main-container {
    grid-template-columns: 1fr;
  }

  .home-6 .main-container > .left {
    grid-row: 2;
  }

  /* .home-6 .right .grid-3{
        grid-template-columns: 1fr 1fr;
    } */

  .newsletter {
    flex-direction: column;
    gap: 0;
  }

  .newsletter h2 {
    font-size: 1.5rem;
  }

  .newsletter p {
    font-size: 1rem;
    font-weight: 100;
  }

  .newsletter .agree-text {
    font-size: 0.75rem;
  }

  .newsletter button {
    font-size: 0.75rem;
  }

  .newsletter > * {
    flex-basis: 100%;
    width: 100%;
  }

  .home-6 .grid-2-1 {
    grid-template-columns: 1fr;
  }

  .home-6 .flex-bet {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .home-6 .left {
    /* max-width: 45rem; */
    /* display: none; */
  }

  .home-6 {
    grid-template-columns: 1fr;
  }

  .home-6 {
    display: flex !important;
    flex-direction: column-reverse;
  }
}

@media (max-width: 767px) {
  .home-6 .flex-bet {
    grid-template-columns: 1fr;
  }

  .agree--with--terms {
    font-size: 0.6125rem;
  }

  .home-6 .left .banner {
    display: block;
  }
}

/* ============= */
/* END  home-6 */
/* ============= */

/* ============= */
/*   home-7 */
/* ============= */

.home-7 {
  background-color: #f8f8f8;
  padding-bottom: 4rem;
  margin-bottom: 2rem;
}

@media (min-width: 992px) {
  .home-7 {
    padding-bottom: 2rem;
    margin-bottom: 2rem !important;
  }
}

.home-7 .title {
  font-size: 4rem;
}

.swiper1 .swiper-wrapper {
  padding: 0 0 4rem;
  margin: 2rem;
}

@media (max-width: 1199px) {
  .swiper1 .swiper-wrapper {
    padding-bottom: 1rem;
  }
}

.swiper1 .img-wrap {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.swiper1 .swiper-slide {
  max-width: 20.25rem;
  width: 100%;
}

.swiper1 img {
  width: 10rem;
  aspect-ratio: 1;
  padding: 0.5rem;
  border: 1px solid var(--color-grey);
  border-radius: 100%;
  object-fit: cover;
  transition: var(--transition-03);
}

.swiper1 .name {
  font-weight: 800;
  font-size: 1.125rem;
  transition: var(--transition-03);
}

.swiper1 .text-wrap {
  padding: 1.5rem 0;
  border-top: 1px dashed #c2c2c2;
  border-bottom: 1px dashed #c2c2c2;
  position: relative;
  margin: 1rem 0;
  font-weight: 800;
}

.swiper1 .text-wrap .fa-quote-left {
  position: absolute;
  left: 0;
  top: -0.5rem;
}

.swiper1 .text-wrap .fa-quote-right {
  position: absolute;
  right: 0;
  bottom: -0.5rem;
}

.swiper1 .swiper-pagination-bullet {
  padding: 0.2rem !important;
  border: 1px solid black;
  background: white;
  opacity: 1 !important;
}

.swiper1 .swiper-pagination-bullet-active {
  padding: 1rem;
  background: black;
  /* outline: 1px solid black;
    outline-offset: .1rem; */
  position: relative;
}

.swiper1 .swiper-pagination-bullet-active::after {
  content: "";
  position: absolute;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  display: block;
  top: -3px;
  left: -3px;
  border: 1px solid black;
  border-radius: 100%;
}

.swiper1-container {
  height: max-content;
}

.swiper1-container .fa-angle-left,
.swiper1-container .fa-angle-right {
  position: absolute;
  width: 1.25rem;
  height: 6.25rem;
  background: #cccccc;
  color: #7e7e7e;
  display: grid;
  place-items: center;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  transition: var(--transition-03);
}

.swiper1-container .fa-angle-left:hover,
.swiper1-container .fa-angle-right:hover {
  background: black;
  color: white;
}

.swiper1-container .fa-angle-left {
  left: 0;
}

.swiper1-container .fa-angle-right {
  right: 0;
}

.swiper1 .img-wrap:hover img {
  border-color: var(--color-red);
}

.swiper1 .img-wrap:hover .name {
  color: var(--color-red);
}

.swiper1 .text-wrap {
  transition: var(--transition-03);
}

.swiper1 .text-wrap:hover {
  color: var(--color-red);
}

@media (max-width: 767px) {
  .home-7 {
    padding: 1rem 0;
  }
}

/* ============= */
/* END  home-7 */
/* ============= */

/* ============= */
/*   home-8 */
/* ============= */

.home-8 {
  margin-bottom: 4rem;
}

.home-8 .main-container {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr;
  gap: 0.5rem;
}

.home-8 .right {
  height: 100%;
  background: black;
}

.home-8 .title {
  color: white;
  font-weight: 600;
  padding: 1.5rem 0 2.125rem;
  font-size: 1.75rem;
  text-align: center;
}

.home-8 .logo-img {
  max-width: 5.75rem;
  margin: 0 auto;
  transform: translateY(-2.5rem);
}

.home-8 .right .wrap {
  border-top: 1px solid white;
  padding: 1rem;
}

.home-8 .right .article-title {
  color: white;
}

.home-8 .right a:hover .article-title {
  color: var(--color-red);
}

@media (max-width: 1199px) {
  .home-8 .main-container .banner {
    display: block;
  }

  .home-8 .main-container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  @media (max-width: 767px) {
    .home-8 .right .article-link {
      display: block;
    }

    .home-8 .right .article-link img {
      max-width: unset;
      min-width: unset;
      margin-bottom: 1rem;
    }

    .home-8 .right .article-title {
      font-size: 1.4rem;
    }
  }
}

/* ============= */
/* END  home-8 */
/* ============= */

/* ============= */
/*   home-9 */
/* ============= */

.home-9 {
  margin-bottom: 4rem;
}

.home-9 .right {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}

@media (max-width: 767px) {
  /* .home-9 .article-link:nth-last-of-type(-n+2) {
        grid-column: 1 / -1;
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px dashed #e1e1e1;
    } */

  .home-9 .grid-2-mobile-link-wrap .article-img-wrap {
    margin-bottom: 2rem;
  }

  /* .home-9 .article-link:nth-last-of-type(-n+2) img {
        display: none;
    } */

  /* .home-9 .article-link:nth-last-of-type(-n+2) .article-img-wrap {
        margin-bottom: 0;
    } */

  .home-9 .article-link:nth-of-type(1),
  .home-9 .article-link:nth-of-type(2) {
    grid-column: 1/-1;
  }

  .home-9 .article-link:nth-of-type(1) .article-title,
  .home-9 .article-link:nth-of-type(2) .article-title {
    font-size: 1.125rem;
  }

  .home-9 .article-link:nth-of-type(1) .article-img-tag,
  .home-9 .article-link:nth-of-type(2) .article-img-tag {
    display: unset;
    position: absolute;
  }

  .home-9 .article-link:nth-of-type(1) .article-tag-container,
  .home-9 .article-link:nth-of-type(2) .article-tag-container {
    display: none;
  }

  .home-9 .right {
    order: -1;
  }

  .home-9 .banner {
    position: unset !important;
  }
}

/* ============= */
/* END  home-9 */
/* ============= */

/* ============= */
/*   home-10 */
/* ============= */

@media (max-width: 991px) {
  .home-10 .flex-bet,
  .home-10 .grid-2 {
    gap: 1rem;
  }

  .home-10 .lines-title-wrap {
    margin-bottom: 1rem;
  }
}

@media (max-width: 767px) {
  .home-10 .mobile-vertical-link-wrap .article-text {
    display: none;
  }
}

/* ============= */
/* END  home-10 */
/* ============= */

/* ============= */
/* home-11*/
/* ============= */

.homepage .home-11 {
  margin-bottom: 6.5rem;
}

@media (max-width: 991px) {
  .homepage .home-11 {
    margin-bottom: 3.5rem;
  }

  .homepage .home-11 .main-h1 {
    margin-bottom: 1.5rem;
  }

  .homepage .home-11 .grid-2 {
    gap: 1rem;
  }
}

.homepage .home-11 .left .banner:nth-of-type(2) {
  position: sticky;
  top: 7rem;
  display: flex !important;
  justify-content: center;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .google-banner-300x600 {
    display: none;
  }
}

/* ============= */
/* END  home-11 */
/* ============= */

/* ============= */
/*   home-12 */
/* ============= */

.home-12 {
  background: #fff4f4;
  padding-bottom: 4rem;
}

.home-12 .main-h1 {
  text-align: center;
  transform: translateY(-1.5rem);
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .home-12 .main-h1 {
    transform: translateY(-1rem);
  }
}

/* ============= */
/* END  home-12 */
/* ============= */

/* .home-asfalisi .main-container {

} */

/* home-13 */
@media (min-width: 991px) {
  .home-13 {
    margin-bottom: 2rem !important;
  }
}

/* end home-13 */

/* home-14 */
@media (max-width: 991px) {
  .home-14 .grid-2 {
    gap: 1rem;
  }
}

/* end home-14 */

.home-asfalisi .main-container > div {
  border-bottom: 2px solid var(--color-red);
  padding-bottom: 4rem;
}

@media (max-width: 991px) {
  .home-asfalisi .main-container > div {
    padding-bottom: 2rem;
  }
}

@media (max-width: 767px) {
  .home-asfalisi .article-link .article-img-wrap {
    display: none;
    max-width: unset;
  }

  .home-asfalisi .article-link:first-of-type {
    flex-direction: column;
    gap: 1.5rem;
  }

  .home-asfalisi .article-link:first-of-type .article-title {
    font-size: 1.125rem;
  }

  .home-asfalisi .article-link:first-of-type .article-img-tag {
    display: unset;
  }

  .home-asfalisi .article-link:first-of-type .article-img-wrap {
    display: unset;
  }
}

/* ============= */
/*   home-15 */
/* ============= */

.home-15 .lines-title-wrap {
  margin-bottom: 1.5rem;
}

.home-15 .bcrum {
  width: max-content;
  margin: auto;
  font-size: 1.125rem;
  font-weight: 800;
  margin-bottom: 2.5rem;
}

.home-15 .bcrum span {
  color: var(--color-red);
  font-weight: normal;
}

/* ============= */
/* END  home-15 */
/* ============= */

/* ============= */
/*   home-16 */
/* ============= */

@media (max-width: 991px) {
  .home-16 {
    margin-bottom: 0 !important;
  }
}

/* ============= */
/* END  home-16 */
/* ============= */

/* ============= */
/*   home-17 */
/* ============= */

@media (max-width: 767px) {
  .google-banner-336x280 {
    display: none;
  }
}

/* ============= */
/* END  home-17 */
/* ============= */

/* ============= */
/*   home-18 */
/* ============= */

.home-18 {
  background: black;
  padding: 4rem 0;
}

.home-18 .inner {
  max-width: 85rem;
  margin: auto;
}

.home-18 .article-text-wrap {
  color: white;
}

.home-18 .text-inside {
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 2rem;
  width: 100%;
}

.home-18 .text-inside .article-img-tag {
  top: -1rem;
  left: 2rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}

.home-18 .text-inside .article-text {
  color: white;
}

.home-18 .flex-bet {
  gap: 5rem;
}

@media (max-width: 991px) {
  .home-18 .flex-bet {
    gap: 0rem 1rem;
  }
}

.home-18 .grid-3 a {
  max-width: 24.1875rem;
}

@media (max-width: 767px) {
  .article-link.xl img {
    aspect-ratio: 1;
  }

  .article-link.xl .article-title {
    font-size: 1.125rem;
  }

  .article-link.xl .article-text {
    font-size: 0.75rem;
  }
}

/* ============= */
/* END  home-18 */
/* ============= */

/* ============= */
/*   home-20 */
/* ============= */

section.home-20 {
  background: #fffef4;
  padding: 0rem 0;
  margin-top: 6rem;
  margin-bottom: 4rem;
  padding-bottom: 4rem;
}

@media (max-width: 575px) {
  section.home-20 {
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  section.home-20 .google-banner-728x90 {
    width: 728px !important;
    height: 90px !important;
    aspect-ratio: unset !important;
  }
}

.home-20 .banner-container {
  transform: translateY(-2.8125rem);
  max-width: unset !important;
}

@media (max-width: 767px) {
  .home-20 .lines-title-wrap img {
    max-width: 11rem;
  }
}

/* ============= */
/* END  home-20 */
/* ============= */

/* ============= */
/*   home-21 */
/* ============= */

@media (max-width: 575px) {
  .home-21 .main-h1 {
    position: relative;
  }

  .home-21 .main-h1 a {
    background: white;
    padding-right: 0.5rem;
  }

  .home-21 .main-h1 a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background: var(--color-red);
    width: 100%;
    z-index: -1;
  }
}

/* ============= */
/* End   home-21 */
/* ============= */

/* ============= */
/*   home-22 */
/* ============= */

section.home-22 {
  background: #f4faff;
  padding: 4rem 0;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .home-22 .lines-title-wrap img {
    max-width: 12rem;
  }
}

/* ============= */
/* END  home-22 */
/* ============= */

section.home-23 {
  background: #f4fff6;
  padding: 4rem 0;
  margin-bottom: 4rem;
}

.home-23 .banner-container {
  transform: translateY(6.5rem);
}

@media (max-width: 767px) {
  section.home-23 {
    margin-bottom: 0;
  }

  .home-23 .banner {
    display: none;
  }
}

/* ============= */
/*   home-24 */
/* ============= */

.home-24 {
  background: #f8f8f8;
  padding-bottom: 4rem;
  margin-top: 4rem;
}

.home-24 .main-h1 {
  text-align: center;
  transform: translateY(-2rem);
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .home-24 {
    margin-top: 2rem;
  }

  .home-24 .main-h1 {
    transform: translateY(-1rem);
  }
}

/* ============= */
/* END  home-24 */
/* ============= */

/* ============= */
/*   CATEGORY-PAGE */
/* ============= */

.category-page {
  padding-top: 1rem;
}

.category-page .main-h1 {
  margin-bottom: 1.125rem;
}

.category-page .subtitle {
  font-size: 1.125rem;
}

.category-page .category-subcategories-wrap {
  overflow: hidden;
}

/* .archive.category .category-page .main-container .left {
  overflow: hidden;
} */

.category-page .category-subcategories-wrap p {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-weight: bold;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  font-size: 1rem;
  overflow: auto;
}

.page-id-918286 .category-page-simple-wrap .left{
  min-width: 0;
}

.page-id-918286 .category-page-simple-wrap-inside{
  overflow-x: auto;
}

@media(max-width:1199px){
  .category-page .category-subcategories-wrap p {
    width: calc(100vw - 2rem);
    font-size: 0.875rem;
  }
}

.category-page .category-subcategories-wrap a + a {
  border-left: 1px solid #e1e1e1;
  padding-left: 1rem;
  margin-left: 1rem;
}

.more-articles-wrap {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
}

.more-articles-wrap hr {
  background: var(--color-red);
  height: 1px;
  width: 100%;
}

.more-articles-wrap button {
  display: flex;
  align-items: center;
  gap: 1rem;
  white-space: nowrap;
  font-weight: 800;
  border-radius: 100rem;
  padding: 1rem 2.5rem;
}

.more-articles-wrap button i {
  color: var(--color-red);
  transform: rotate(45deg);
  font-size: 1.25rem;
  transition: var(--transition-03);
}

@media (min-width: 768px) {
  .more-articles-wrap button:hover {
    background: var(--color-red);
    color: white;
  }

  .more-articles-wrap button:hover i {
    color: white;
  }
}

@media (max-width: 767px) {
  .more-articles-wrap button {
    background: var(--color-red);
    color: white;
  }

  .more-articles-wrap button i {
    color: white;
  }
}

@media (max-width: 767px) {
  .more-articles-wrap hr {
    display: none;
  }

  .more-articles-wrap button {
    border: 2px solid #ebebeb;
    border-radius: 25px;
    margin: auto;
  }
}

.side.newsletter {
  flex-direction: column;
  gap: 0;
}

.side.newsletter h2 {
  font-size: 1.5rem;
}

.side.newsletter p {
  font-size: 1rem;
  font-weight: 100;
}

.side.newsletter .agree-text {
  font-size: 0.75rem;
}

.side.newsletter button {
  font-size: 0.75rem;
}

.side.newsletter > * {
  flex-basis: 100%;
  width: 100%;
}

.category-page .tag-container {
  margin-bottom: 2rem;
}

@media (max-width: 1199px) {
  .category-page .main-container {
    grid-template-columns: 1fr;
  }

  .category-page .right {
    display: none;
  }

  .category-page .grid-2 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .category-page .flex-bet,
  .category-page .grid-2 {
    gap: 1rem;
  }
}

/* ============= */
/* END  CATEGORY-PAGE  */
/* ============= */

/* ============= */
/* ARTICLE-PAGE  */
/* ============= */

.article-page {
  max-width: 120rem;
  margin: auto;
}

.article-page-title {
  font-size: 2.875rem;
  font-weight: 800;
  margin-bottom: 2rem;
  line-height: 1;
}

.article-page-img {
  width: 100%;
  aspect-ratio: 2;
  object-fit: cover;
}

.ap-photo-credits {
  font-size: 0.75rem;
  position: absolute;
  right: 0;
  bottom: 0;
  background: black;
  color: white;
  padding: 0.5rem 1rem;
}


.ap--main--image{
  cursor: pointer;
}

@media (max-width: 1199px) {
  .ap--main--image {
    display: block;
    margin: 0 -1rem;
    width: 100vw !important;
    max-width: 100vw !important;
  }
}

.article-page .img-caption-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  /* gap: 1rem 2rem; */
  margin-top: 1.25rem;
}

.article-page .img-caption-wrap > * {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.article-page .img-caption-wrap > *:not(:last-child) {
  margin-right: 2rem;
}

.article-page .img-caption-wrap .upd-time {
  padding-left: 1rem;
}

/* .article-page .img-caption-wrap >*{
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.article-page .img-caption-wrap >*+*{
    margin-left: 2rem;
} */

.article-page .img-caption-wrap a {
  display: flex;
  align-items: center;
  /* gap: 1rem; */
}

.article-page .img-caption-wrap a > * {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.article-page .img-caption-wrap a > * + * {
  margin-left: 1rem;
}

.article-page .img-caption-wrap a > * {
  transition: var(--transition-03);
}

.article-page .img-caption-wrap .img-wrap {
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  border: 2px solid #ebebeb;
  display: grid;
  place-items: center;
  padding: 0.5rem;
}

.article-page .img-caption-wrap > a:hover .img-wrap {
  border-color: var(--color-red);
}

.article-page .img-caption-wrap > a:hover h5 {
  color: var(--color-red);
}

.article-page .img-caption-wrap .date-cont {
  font-size: 0.675rem;
  display: flex;
  /* gap: 1rem; */
  color: #7c7c7c;
  font-weight: bold;
}

.article-page .img-caption-wrap .date-cont > * {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}

.article-page .img-caption-wrap .date-cont > *:not(:last-child) {
  margin-right: 1rem;
}

.article-page .sidebar-A .google-banner-300x250 {
  margin: auto;
}

.article-page .tag-container {
  margin-bottom: 2rem;
}

.ap-main-text-wrap {
  margin: 2rem 0 0;
  border-top: 1px solid #e1e1e1;
  display: flex;
  padding: 2rem 0 1rem;
  /* overflow-x: hidden; */
}

.ap-main-text img:not(.ap-sub-wrap img){
  cursor: pointer;
}

@media (max-width: 991px) {
  .ap-main-text-wrap {
    margin: 0;
    padding: 1rem 0;
  }
}

.ap-main-text-wrap .social-wrap {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-right: 4rem;
}

.ap-main-text-wrap .social-wrap.sticky--main{
  top: 5.5rem;
}
@media (max-width: 991px) {
  .ap-main-text-wrap .social-wrap {
    margin-bottom: 0 !important;
  }
}

.ap-main-text-wrap .social-wrap > * {
  width: 4rem;
  height: 4rem;
  background: #f8f8f8;
  display: grid;
  place-items: center;
  border-radius: 0;
  border: 1px solid transparent;
  cursor: pointer;
}

.ap-main-text-wrap .social-wrap > *:hover {
  color: var(--color-red);
  border: 1px solid #e1e1e1;
  fill: var(--color-red);
}

.ap-main-text-wrap .social-wrap >  svg path,
.ap-main-text-wrap .social-wrap >  i{
transition: var(--transition-03);
color: black !important;
fill: black !important;
}

.ap-main-text-wrap .social-wrap > *:hover svg path,
.ap-main-text-wrap .social-wrap > *:hover i{
  fill: var(--color-red) !important;
  color: var(--color-red) !important;
}

.ap-main-text {
  flex-grow: 1;
  max-width: 60.625rem;
  overflow-x: hidden;
}

@media (max-width: 991px) {
  .ap-main-text {
    overflow-x: visible;
  }
}

.ap-main-text-wrap .ap-title {
  font-size: 1.25rem;
  font-weight: 800;
  position: relative;
  padding-bottom: 2rem;
  margin: 2.5rem 0;
}

@media (max-width: 991px) {
  .ap-main-text-wrap .ap-title {
    margin-top: 1rem;
  }
}

.ap-main-text-wrap .ap-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0.3125rem;
  width: 5.625rem;
  background: var(--color-red);
}

@media (max-width: 1600px) {
  .ap-main-text .fisiko-aerio-banner-970x250 {
    display: none !important;
  }
}

.ap-article-text {
  font-size: 18px !important;
  margin-bottom: 4rem;
}

@media(max-width:767px){
  .ap-article-text {
    font-size: 16px !important;
  }
}

.ap-article-text figure {
  /* width: 100% !important; */
  max-width: 100% !important;
}

.ap-article-text figure.aligncenter img,
.ap-article-text figure.alignleft img,
.ap-article-text figure.alignright img {
  margin: unset;
}

.ap-article-text img {
  display: block;
  margin: 0.5rem 0;
  height: unset;
}

.ap-article-text iframe {
  /* max-height: 100%;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    aspect-ratio: 16/9; */
  max-width: 100%;
  min-width: unset !important;
  display: inline-block !important;
  /* aspect-ratio: 16/9; */
  /* height: auto; */
}


@media (max-width: 575px) {
  .ap-article-text iframe {
    min-width: unset !important;
    max-width: 100% !important;
  }

  .article-page .img-caption-wrap h5 {
    font-size: 1rem;
  }
}

/* .ap-article-text iframe:not(.instagram-media-rendered){
    height: auto;
    aspect-ratio: 16/9;
} */

.ap-article-text ul,
.ap-article-text ol {
  list-style: disc;
  padding-left: 1rem;
}

.ap-article-text table {
  max-width: 100%;
  display: block;
  overflow-x: auto;
}

.ap-article-text p > a {
  color: var(--color-red);
}

@media (max-width: 1199px) {
  .ap-article-text table {
    width: 70vw;
  }
}

@media (max-width: 767px) {
  .ap-article-text table {
    width: 92vw;
  }

  .ap-article-text *:not([style]) {
    word-break: break-word;
  }

  .ap-article-text table,
  .ap-article-text table * {
    word-break: unset !important;
  }
}

.ap-article-text tbody,
.ap-article-text td,
.ap-article-text tfoot,
.ap-article-text th,
.ap-article-text thead,
.ap-article-text tr {
  padding: 0.25rem 1rem;
}

.ap-article-text table * {
  font-size: 0.875rem;
}

/* article text from wordpress */

.ap-article-text figure,
.ap-article-text figure img {
  /* max-width: 100% !important;
    width: 100% !important; */
  max-width: 100%;
}

.ap-article-text figcaption {
  font-size: 0.875rem;
}

.ap-article-text figure.alignleft,
.ap-article-text img.alignleft {
  /* float: left;
    margin-right: 2rem;
    max-width: 15rem !important;
    width: 100% !important; */
  float: left;
  margin: 1em 1em 1em 0;
}

.ap-article-text figure.alignright,
.ap-article-text img.alignright {
  /* float: right;
    margin-left: 2rem;
    max-width: 15rem !important; */
  float: right;
  margin: 1em 0 1em 1em;
}

.ap-article-text figure.aligncenter,
.ap-article-text img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (max-width: 991px) {
  .ap-article-text figure {
    width: 100% !important;
  }
}

/* .ap-article-text a {
    display: block;
} */

.ap-article-text a:not(.ap-relative-article) {
  color: var(--color-red);
  text-decoration: underline;
}

.ap-article-text .penci-entry-content a {
  display: unset;
}

.ap-article-text *:not([style]) {
  text-align: left;
}

.ap-article-text > *:not([style]) {
  margin: 1rem 0;
}

/* .ap-article-text img, .ap-article-text iframe{
    float: left;
    margin: 1.5rem;
} */

.ap-relative-news-wrap {
  margin: 3.125rem 0 1.5rem;
}

.ap-relative-news {
  font-size: 0.75rem;
  font-weight: 800;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: var(--color-red);
  letter-spacing: 2.4px;
  white-space: nowrap;
  width: 100%;
}

.ap-relative-news hr {
  background: var(--color-red);
  height: 2px;
  width: 100%;
}

.ap-relative-news strong {
  white-space: break-spaces;
}

.ap-relative-article {
  padding: 0.625rem 0.625rem 1rem;
  border-bottom: 1px dashed #e1e1e1;
  margin-bottom: 1rem;
  display: inline-block;
  width: 100%;
}

.ap-relative-article h4 {
  transition: var(--transition-03);
}

.ap-relative-article:hover h4 {
  color: var(--color-red);
}

.relative-article-title {
  font-size: 1.125rem;
  font-weight: 800;
  margin-top: 0.625rem;
}

.ap-sub-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  background: var(--color-red);
  padding: 1rem;
  max-width: 50rem;
  height: 5rem;
  position: relative;
  color: white;
}

.ap-sub-wrap .img-wrap {
  max-width: 12.8125rem;
  width: 100%;
}

.ap-sub-wrap img {
  position: absolute;
  bottom: 0;
}

.ap-sub-wrap a {
  background: white;
  color: black;
  padding: 0.5rem 1rem;
  height: max-content;
  border-radius: 100rem;
  white-space: nowrap;
}

.ap-sub-wrap a i {
  font-size: 0.75rem;
}

.ap-sub-wrap a:hover {
  background: black;
  color: white;
}

.ap-quote-wrap {
  background: #f8f8f8;
  padding: 2rem 1rem;
  margin-bottom: 1.5rem;
  position: relative;
  text-align: center;
  font-weight: 800;
}

@media (max-width: 991px) {
  .ap-quote-wrap {
    margin-bottom: 0;
  }
}

.ap-quote-wrap .fa-quote-left {
  position: absolute;
  left: 1rem;
  top: -0.5rem;
  color: var(--color-red);
}

.ap-quote-wrap .fa-quote-right {
  position: absolute;
  right: 1rem;
  bottom: -0.5rem;
  color: var(--color-red);
}

.ap-follow-et-wrap {
  display: flex;
  align-items: center;
  padding: 2rem 1rem;
  background: #f8f8f8;
  gap: 1rem;
  font-weight: 800;
  margin: 2rem 0;
}

.ap-follow-et-wrap:hover {
  color: var(--color-red);
}

.ap-follow-et-wrap img {
  max-width: 2.2rem;
}

.ap-social-2-wrap {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-bottom: 3.5rem !important;
  margin-top: 1.5rem !important;
}

@media (max-width: 575px) {
  .ap-social-2-wrap {
    margin-bottom: 3rem !important;
  }
}

@media (max-width: 991px) {
  .ap-social-2-wrap {
    margin: 1.5rem 0 2.5rem !important;
  }
}

.ap-social-2-wrap a,
.ap-social-2-wrap button {
  padding: 1rem 2rem;
  border-radius: 100rem;
  background: #f8f8f8;
}

.ap-social-2-wrap a:hover,
.ap-social-2-wrap button:hover {
  background: var(--color-red);
  color: white;
}

.ap-social-2-wrap a:hover i,
.ap-social-2-wrap button:hover i {
  color: white;
}

.ap-social-2-wrap button svg {
  fill: var(--color-red);
}

.ap-social-2-wrap a:hover svg,
.ap-social-2-wrap button:hover svg {
  fill: white;
}

.ap-social-2-wrap a i,
.ap-social-2-wrap button i {
  color: var(--color-red);
  transition: var(--transition-03);
}

.ap-social-2-wrap .openDiscussModal {
  cursor: pointer;
}

.ap-social-2-wrap svg {
  fill: var(--color-red);
  transition: var(--transition-03);
}

@media (max-width: 744px) {
  a.fbmessdesk {
    display: none !important;
  }
}

@media (min-width: 745px) {
  a.fbmess {
    display: none !important;
  }
}

.google-logo-svg {
  fill: var(--color-red);
  width: 1.25rem;
  transition: var(--transition-03);
}

.ap-tags-wrap {
  margin: 1.5rem 0 0rem;
}

@media (max-width: 991px) {
  .ap-tags-wrap {
    margin: 1.5rem 0 0 !important;
  }
}

.ap-tags-wrap .tags {
  font-weight: 800;
  margin-bottom: 1rem;
}

.ap-tags-wrap .link-wrap {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  /* margin-bottom: 2rem; */
}

.ap-tags-wrap a {
  background: #f4f4f4;
  color: var(--color-red);
  text-transform: uppercase;
  padding: 0.75rem;
  border-radius: 3px;
  font-weight: bold;
  border: 1px solid transparent;
  text-transform: capitalize;
}

.ap-tags-wrap a:hover {
  background: white;
  border: 1px solid #e1e1e1;
}

.ap-article-pagination-wrap {
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
  border-top: 1px solid lightgray;
  margin: 2rem 0;
  /* max-width: 85rem; */
}

.ap-article-pagination-wrap > * {
  max-width: 30rem;
}

.ap-article-pagination-wrap span {
  display: block;
  font-size: 0.625rem;
  color: #a1a1a1;
}

@media (max-width: 991px) {
  .ap-article-pagination-wrap {
    margin: 1rem 0;
    padding: 1rem 0;
  }
}

@media (min-width: 992px) {
  .ap-article-pagination-wrap span {
    font-size: 1rem;
  }
}

.ap-article-pagination-wrap a {
  font-weight: bold;
  font-size: 1.125rem;
  transition: var(--transition-03);
}

.ap-article-pagination-wrap a:hover {
  color: var(--color-red);
}

.article-page .sidebar-A .article-cont {
  max-height: 30rem;
}

.ap-relative-articles-wrap .lines-title-wrap .title {
  font-size: 3.5rem;
}

@media (max-width: 767px) {
  .ap-relative-articles-wrap {
    margin-top: 1rem;
  }

  .ap-relative-articles-wrap .lines-title-wrap .title {
    font-size: 2.5rem;
  }
}

.ap-see-also-wrap {
  background: #f4f4f4;
  margin: 8rem 0 4rem;
  padding: 0 0 4rem;
}

.ap-see-also-wrap .main-h1 {
  text-align: center;
  transform: translateY(-2rem);
  margin-bottom: 1.5rem;
}

.ap-see-also-wrap .inside {
  max-width: 67.625rem;
  margin: auto;
}

.ap-see-also-wrap img {
  max-width: 15.5rem;
  aspect-ratio: 248/190;
}

.load-more-btn {
  display: none;
}

@media (max-width: 1199px) {
  .article-page .grid-3-1 {
    grid-template-columns: 1fr;
  }

  .article-page .right {
    display: none;
  }

  .article-page-title {
    font-size: 1.5rem;
  }

  .ap-main-text {
    max-width: unset;
  }

  .article-page .fisiko-aerio-banner-970x250 {
    margin: auto;
  }
}

@media (min-width: 768px) and (max-width: 1440px) {
  .article-page .grid-4 {
    grid-template-columns: 1fr 1fr;
  }

  .ap-see-also-wrap img {
    max-width: 100%;
    aspect-ratio: 2;
  }
}

@media (max-width: 767px) {
  .article-page .img-caption-wrap {
    flex-direction: column;
    align-items: flex-start;
  }

  .article-page .fisiko-aerio-banner-970x250 {
    display: none;
  }

  .ap-sub-wrap {
    flex-direction: column;
    height: auto;
    text-align: center;
  }

  .ap-sub-wrap .img-wrap {
    max-width: unset;
    width: auto;
  }

  .ap-sub-wrap img {
    position: static;

    width: 100%;
  }

  .ap-article-pagination-wrap {
    flex-direction: column;
    padding-bottom: 0;
  }

  .ap-article-pagination-wrap * {
    text-align: center !important;
  }

  .ap-article-pagination-wrap .ap-next-article {
    padding-top: 1rem;
    margin-top: 1rem;
    border-top: 1px dashed #e1e1e1;
  }

  .load-more-btn {
    display: block;
    padding: 0.75rem;
    width: 100%;
    border: 1px solid #e1e1e1 !important;
  }

  .ap-main-text-wrap {
    flex-direction: column;
  }

  .ap-main-text-wrap .social-wrap > * {
    width: 2rem;
    height: 2rem;
  }

  .ap-main-text-wrap .social-wrap {
    flex-direction: row;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    padding-right: 0;
  }

  .article-page .flex-bet-mobile,
  .author-article-page .flex-bet-mobile {
    display: grid;
    grid-template-columns: 1fr;
  }

  .ap-relative-news-wrap {
    margin: 1rem 0;
  }

  .ap-main-text-wrap {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .ap-tags-wrap {
    margin: 2.5rem 0 0;
  }

  .ap-article-text figure.alignleft,
  .ap-article-text img.alignleft {
    float: unset;
    margin: 1rem auto;
    width: 100% !important;
    max-width: 20rem !important;
  }

  .ap-article-text figure.alignright,
  .ap-article-text img.alignright {
    float: unset;
    margin: 1rem auto;
    width: 100% !important;
    max-width: 20rem !important;
  }
}

.ap-nav-pills {
  margin-bottom: 1.5rem !important;
}

.ap-nav-pills .nav-item {
  flex: 1;
  font-size: 1.25rem;
  text-align: center;
}

.ap-nav-pills .tab {
  line-height: 1;
}

/* ============= */
/* END  ARTICLE-PAGE  */
/* ============= */

/* ============= */
/* APOPSEIS-PAGE  */
/* ============= */

.apopseis-page {
  margin-bottom: 15rem;
}

.apopseis-page .main-h1 {
  margin-bottom: 1.25rem;
}

.apopseis-page .subtitle {
  font-size: 1.125rem;
}

.apopseis-page .hot-tags {
  padding: 0.25rem 1rem;
}

.apopseis-page .tag-container {
  padding: 1rem 0;
}

.apopseis-page .more-articles-wrap {
  margin-top: 5rem;
}

.author-article-item {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px dashed #e1e1e1;
  display: block;
}

.author-article-item .img-wrap {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: max-content;
}

.author-article-item .img-wrap img {
  max-width: 4rem;
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100%;
  padding: 0.2rem;
  border: 2px solid #ebebeb;
  transition: var(--transition-03);
}

.author-article-item .img-wrap .name {
  font-weight: bold;
  transition: var(--transition-03);
}

.author-article-item .title {
  font-size: 2rem;
  font-weight: bold;
  margin: 0.5rem 0;
  transition: var(--transition-03);
  line-height: 1.1;
}

.author-article-item p {
  color: #808080;
}

.author-article-item:hover .title {
  color: var(--color-red);
}

.author-article-item .object-wrap {
  width: max-content;
}

.author-article-item .img-wrap:hover img {
  border-color: var(--color-red);
}

.author-article-item .img-wrap:hover .name {
  color: var(--color-red);
}

.author-article-item .object-wrap:hover ~ .title {
  color: black;
}

.side-author-article-wrap {
  max-height: 31.25rem;
  padding-right: 1rem;
}

.side-author-article-wrap a {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #c2c2c2;
}

.side-author-article-wrap img {
  max-width: 5.625rem;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 100%;
  padding: 0.1rem;
  border: 1px solid #ebebeb;
}

.side-author-article-wrap .author-article-name {
  font-size: 0.875rem;
  font-weight: bold;
  color: var(--color-red);
}

.side-author-article-wrap .author-article-title {
  font-weight: bold;
  margin: 0.25rem 0;
  transition: var(--transition-03);
}

.side-author-article-wrap a:hover .author-article-title {
  color: var(--color-red);
}

@media (max-width: 767px) {
  .apopseis-page .right {
    display: none;
  }
}

/* ============= */
/* END  APOPSEIS-PAGE  */
/* ============= */

/* ============= */
/*   AUTHOR-PAGE  */
/* ============= */

.author-page .tag-container {
  padding: 1rem 0;
}

.author--info--container {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
}

.author--image {
  border-radius: 100%;
  max-width: 10rem;
  aspect-ratio: 1;
  object-fit: cover;
  padding: 0.5rem;
  border: 2px solid #ebebeb;
}

.author--text--wrap {
  padding-bottom: 1rem;
  border-bottom: 2px solid var(--color-red);
}

.author--name {
  font-size: 2.875rem;
  font-weight: bold;
}

.author--paragraph {
  font-size: 0.875rem;
}

.author-page .accordion button {
  color: var(--color-red);
}

.author-page .accordion button i {
  transition: var(--transition-03);
}

.author-page .accordion button[aria-expanded="true"] i {
  transform: rotate(180deg);
}

.author-page .accordion-body {
  padding: 0;
  margin-bottom: 1rem;
  font-size: 0.875rem;
}

.author-page .author-articles-container {
  max-width: 67.625rem;
  margin: 4rem 0;
}

.author-page .author-articles-container a {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  display: block;
  border-bottom: 1px dashed #e1e1e1;
}

.author-page .author-articles-container .article-text-wrap {
  padding: 0;
}

.author-page .article-link.lg .article-text {
  font-size: 1rem;
}

@media (max-width: 767px) {
  .author-page .right {
    display: none;
  }

  .author--info--container {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .author--info--container {
    gap: 1rem;
  }
}

/* ============= */
/* END  AUTHOR-PAGE  */
/* ============= */

/* ===== PUBLICATION-PAGE  */
/* ============= */

.publication-page .main-h1 {
  margin-bottom: 1rem;
}

.pills-publications-tab-container {
  margin: 2rem 0;
}

.pills-publications-tab-wrap {
  display: flex;
  gap: 0.5rem;
}

.pills-publications-tab-wrap .nav-link {
  color: black;
  border: 2px solid #ebebeb;
}

.pills-publications-tab-wrap .nav-link.active {
  border: 2px solid var(--color-red);
  background: var(--color-red);
  color: white;
}

.pills-publications-tab-wrap hr {
  height: 1px;
  background: #e1e1e1;
  flex-grow: 1;
}

.pills-publications-tab-container .publication-wrap {
  text-align: center;
  font-weight: bold;
  border: 2px solid #ebebeb;
  padding: 1.5rem;
  overflow: hidden;
}

.pills-publications-tab-container .publication-wrap:hover img {
  transform: scale(1.1);
}

.pills-publications-tab-container .publication-wrap:hover .date {
  color: var(--color-red);
}

.pills-publications-tab-container .publication-wrap .img-wrap {
  max-width: 100%;
  overflow: hidden;
  max-width: 21rem;
  aspect-ratio: 336/417;
  margin-top: 2rem;
}

.pills-publications-tab-container .publication-wrap img {
  transition: var(--transition-03);
}

.pills-publications-tab-container .publication-wrap .title {
  font-size: 0.875rem;
  color: var(--color-red);
}

.pills-publications-tab-container .publication-wrap .date {
  font-size: 1.25rem;
  transition: var(--color-red);
}

.publication-page .more-articles-wrap {
  margin-top: 5.5rem;
}

/* @media(min-width:768px) and (max-width:1199px){

} */

@media (max-width: 1199px) {
  .publication-page .right {
    display: none !important;
  }

  .publication-page .grid-3-1 {
    grid-template-columns: 1fr;
  }
}

/* ============= */
/* END  PUBLICATION-PAGE  */
/* ============= */

/* ============= */
/*   Author article Page  */
/* ============= */

.author-article-page .ap-main-text-wrap {
  border-top: unset;
  margin-top: 0;
  padding-top: 0;
}

.author-article-page .author--info--container .author-article-title {
  font-size: 2.5rem;
  font-weight: 800;
  line-height: 1;
  margin: 1rem 0 2rem;
  text-align: start;
}

.author-article-page .author--info--container .author-name {
  font-size: 1.125rem;
  font-weight: 800;
}

.author-article-page .author--info--container .author-name.img-name {
  display: none;
}

.author-article-page .sidebar-A .article-cont {
  max-height: 30rem;
}

.author-article-page .tag-container {
  margin-bottom: 2rem;
}

.author-article-page .ap-main-text-wrap .social-wrap {
  margin-top: 2.5rem;
}

.author-article-page
  .ap-relative-articles-wrap
  .mobile-vertical-link-wrap
  .article-img-wrap
  img {
  display: none;
}

.author-article-page
  .ap-relative-articles-wrap
  .mobile-vertical-link-wrap
  .article-img-tag {
  font-size: 0.75rem;
  background: unset;
  color: var(--color-red);
  padding: 0;
  font-weight: bold;
  border-bottom: 1px solid var(--color-red);
}

@media (max-width: 1199px) {
  .author-article-page .right {
    display: none;
  }

  .author-article-page .grid-3-1 {
    grid-template-columns: 1fr;
  }

  .author-article-page .author--info--container {
    flex-direction: column;
  }

  .author-article-page .author--info--container .author-name {
    display: none;
  }

  .author-article-page .author--info--container .author-name.img-name {
    display: block;
  }
}

@media (max-width: 767px) {
  .author-article-page
    .ap-relative-articles-wrap
    .mobile-vertical-link-wrap
    .article-img-wrap {
    display: none;
  }
}

/* ============= */
/* END  Author article Page  */
/* ============= */

/* Grid Media Queries for ipad */
@media (max-width: 1199px) {
  .resp-grid-2 {
    grid-template-columns: 1fr;
  }

  .resp-grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .resp-grid-4 {
    grid-template-columns: 1fr 1fr;
  }
}

/* General for mobile */
@media (max-width: 767px) {
  .mobile-sec .article-link:first-of-type {
    flex-direction: column;
    gap: 1.5rem;
  }

  .mobile-sec .article-link:first-of-type .article-img-wrap {
    max-width: unset;
  }

  .mobile-sec .article-link:first-of-type .article-title {
    font-size: 1.125rem;
  }

  .mobile-sec .article-link:first-of-type .article-img-tag {
    display: unset;
  }

  .mobile-sec .article-link .article-text {
    display: none;
  }

  .mobile-sec .article-link:first-of-type .article-text {
    display: unset;
  }

  .mobile-sec.last-2-row
    .article-link:nth-last-of-type(-n + 2)
    .article-img-wrap {
    display: none;
  }

  .mobile-sec.last-3-row
    .article-link:nth-last-of-type(-n + 3)
    .article-img-wrap {
    display: none;
  }

  .article-link.inside-text .it-text-wrap > * {
    margin: auto;
  }

  .article-link.inside-text .it-title {
    font-size: 1.125rem;
    text-align: center;
    margin-top: 1rem;
    width: 100%;
  }

  .article-link.inside-text .it-article-date-wrap {
    display: none;
  }

  .article-link.inside-text .it-text-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: 1rem;
    left: 1rem;
    bottom: 1rem;
  }

  .border-bottom-red {
    padding-bottom: 2rem;
  }

  .mobile-gap-1 {
    gap: 1rem;
  }
}

/* yv-page */
.yv-page iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.yv-page .yv-right {
  max-height: 25rem;
  overflow-y: auto;
  padding: 0 1rem;
}

.yv-page .yv-right::-webkit-scrollbar {
  width: 6px;
}

/* Track */
.yv-page .yv-right::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.yv-page .yv-right::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 10rem;
}

/* Handle on hover */
.yv-page .yv-right::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}

.yv-page .yv-right img {
  width: 6.125rem;
  aspect-ratio: 98/86;
}

.yv-page .yv-right .article-title {
  font-size: 0.875rem;
  font-weight: normal;
}

.yv-page .yv-right > * {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px dashed #c2c2c2;
  cursor: pointer;
}

/* end yv-page */

/* bottom pop up */
.adsbygoogle.adsbygoogle-noablate.closed {
  bottom: -124px;
}

/* end bottom pop up */

/* .is-form-style button.is-search-submit {
    display: none;
    background: 0 0;
    border: 0;
    box-shadow: none!important;
    opacity: 1;
    padding: 0!important;
    margin: 0;
    line-height: 0;
    outline: 0;
    vertical-align: middle;
    width: 36px;
    height: 36px;
} */

.mobile--stay--banner {
  display: block !important;
  /* margin: auto; */
  margin-left: auto;
  margin-right: auto;
}

.single-gallery-wrap {
  margin: 0 auto 1rem;
  max-width: 84.5rem;
  width: 100%;
}

.single-swiper .swiper-slide {
  border: 2px solid transparent;
}

.single-swiper .swiper-button-next,
.single-swiper .swiper-button-prev {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  background: rgba(0, 0, 0, 0.144);
}

.single-swiper img {
  aspect-ratio: 700/400;
  object-fit: cover;
  width: 100%;
}

.single-swiper-thumbs img {
  aspect-ratio: 180/125;
  object-fit: cover;
}

.single-swiper-thumbs .swiper-slide {
  border: 2px solid transparent;
}

.single-swiper-thumbs .swiper-slide-thumb-active {
  border: 2px solid var(--color-red);
}

.single-swiper,
.single-swiper-thumbs {
  cursor: pointer;
}

.single-swiper .swiper-button-next:after,
.single-swiper .swiper-button-prev:after {
  font-size: 1.5rem !important;
}

@media (max-width: 767px) {
  .single-swiper {
    margin-top: 2rem;
  }

  .single-swiper .swiper-button-next,
  .single-swiper .swiper-button-prev {
    width: 2.5rem;
    height: 2.5rem;
  }

  .single-swiper .swiper-button-next:after,
  .single-swiper .swiper-button-prev:after {
    font-size: 1rem !important;
  }
}

/* taboola */

/* .tbl-feed-header.tbl-logo-right-position{
    display: none !important;
} */

.alternating-eleftherotypos .videoCube .video-label-box .video-title {
  font-family: sans-serif;
}

@media (min-width: 481px) {
  .single-post .trc_related_container {
    background: #f4f4f4;
    /* margin: 8rem 0 4rem; */
    padding: 0;
  }

  .single-post .trc_rbox {
    transform: translateY(-3rem);
  }

  div#taboola-alternating-below-article {
    margin: 1rem 0 0 !important;
  }

  .alternating-eleftherotypos .videoCube .video-label-box .video-title {
    text-decoration: none;
    font-weight: 800;
    font-size: 2rem;
    transition: var(--transition-03);
    font-size: 1rem;
    font-family: "proxima-nova";
    line-height: 1.2;
    transition: var(--transition-03);
  }

  .single-post .trc_elastic_alternating-eleftherotypos .videoCube {
    width: 100% !important;
    margin-left: unset;
  }

  .single-post .trc_rbox .trc_rbox_div > * {
    max-width: 67.625rem;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }

  .single-post .trc_rbox_border_elm {
    text-align: center;
    transform: translateY(-2rem);
    margin-bottom: 1.5rem;
    font-size: 4rem;
    font-weight: 800;
    margin-bottom: 2.5rem;
    line-height: 0.75;
    margin: 1.5rem 0;
  }

  .single-post
    .trc_rbox_border_elm
    > *
    > *:hover
    .video-label-box
    .video-title {
    text-decoration: unset !important;
    color: var(--color-red);
  }

  .video-label-box .branding {
    font-size: 0.625rem;
    color: #7c7c7c;
    font-weight: bold;
  }

  .single-post .trc-widget-footer .logoDiv {
    padding: 0 1rem;
    color: var(--color-red);
  }

  .single-post .trc_rbox_header {
    padding: 3rem !important;
    font-size: 4rem !important;
  }
}

@media (min-width: 481px) and (max-width: 991px) {
  .single-post .trc_rbox .trc_rbox_div > * {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding: 0 1rem;
  }

  .single-post .trc_rbox_header {
    padding: 3.5rem 0 1rem !important;
    font-size: 2.5rem !important;
  }
}

@media (max-width: 480px) {
  .videoCube .video-label-box .video-title {
    font-family: "proxima-nova !important";
    line-height: 1.1 !important;
    font-weight: bold !important;
    margin-bottom: 0.5rem !important;
  }

  div#taboola-alternating-below-article {
    margin: 1rem 0 !important;
  }
}

#ocm-outstream {
  margin-top: 2.5rem;
}

.article-news-letter {
  display: none;
}

@media (max-width: 1199px) {
  .article-news-letter {
    display: block;
  }
}

/* DT ADDS */
@media (max-width: 575px) {
  .article-page {
    max-width: 100%;
    display: block !important;
  }

  .article-page .grid-3-1 {
    display: block !important;
  }

  .article-page .ap-article-text iframe {
    max-width: 100%;
  }

  body #tbl-next-up {
    max-width: 100%;
  }

  .ap-social-2-wrap a {
    width: 100%;
  }
}

/* tablet */
@media (min-width: 576px) and (max-width: 1024px) {
  .article-img-wrap img {
    height: 100%;
    max-height: 12.5rem;
  }

  .sidebar-A .article-cont img {
    height: 100%;
    max-height: 4.75rem;
  }

  .home-1 .left .article-img-wrap img,
  .article-link.lg img {
    max-height: 25rem;
  }

  .home-18 .article-link.xl img {
    max-height: 25rem;
  }

  .home-18 .mobile-vertical-link-wrap .article-link:first-of-type,
  .home-17 .mobile-vertical-link-wrap .article-link:first-of-type,
  .home-10 .mobile-vertical-link-wrap .article-link:first-of-type,
  .home-23 .mobile-vertical-link-wrap .article-link:first-of-type {
    grid-column: 1 / -1;
    max-width: unset;
  }

  .home-18 .mobile-vertical-link-wrap .article-link:first-of-type img,
  .home-17 .mobile-vertical-link-wrap .article-link:first-of-type img,
  .home-10 .mobile-vertical-link-wrap .article-link:first-of-type img,
  .home-23 .mobile-vertical-link-wrap .article-link:first-of-type img {
    max-height: 25rem;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  @supports not (aspect-ratio: auto) {
    .swiper1 img {
      width: 10rem;
      height: 10rem;
    }
  }

  .ap-social-2-wrap {
    gap: unset;
  }

  .ap-social-2-wrap > *,
  .ap-tags-wrap .link-wrap > * {
    margin-right: 2rem;
    margin-bottom: 1rem;
    margin-top: 0rem;
  }

  .more-articles-wrap button i {
    margin-right: 1rem;
  }

  .more-articles-wrap button {
    gap: unset;
  }

  .ap-popular-wrap .article-img-wrap img,
  .category-page .grid-2 .article-img-wrap img {
    max-height: 22rem;
  }

  nav input[type="search"]::placeholder {
    font-size: 1rem;
  }
}

/* @media(min-width:576px) and (max-width:991px) {
    .single-post #billboard2 {
         display: none;
    }
} */

.single-post #billboard1 {
  display: none !important;
}

@media (min-width: 1199px) {
  .single-post #billboard1 {
    display: block !important;
  }
}

.single-popular .article-link.md .article-text {
  font-size: 1.125rem;
}

.ap-article-text .ocm-mis img,
#inline1 img {
  margin: auto;
}

/* .article-page .grid-3-1 .left{
    overflow-x: hidden;
} */

/* .stop-overflow{
    max-width: 100vw;
    width: 100%;
    overflow-x: hidden;
} */

/* @media(max-width:1199px){
    .stop-overflow{
        max-width: 100vw;
    }
} */

#multiplex-parent {
  overflow: hidden;
  max-width: calc(100vw - 2rem);
  width: 100%;
}

.wp-block-social-link-anchor {
  position: relative;
}

/* responsive Ads for article page*/

body.post-template-default.single.single-post {
  overflow-x: hidden !important;
}

.article-page
  .single--sidebanner
  .newsletter.side
  .d-flex.align-items-center.gap-2 {
  flex-wrap: wrap;
}

.article-page
  .single--sidebanner
  .newsletter.side
  .d-flex.align-items-center.gap-2
  .agree--with--terms {
  font-size: 0.875rem;
}

.article-page
  .single--sidebanner
  .newsletter.side
  .d-flex.align-items-center.gap-2
  button {
  flex: 1;
  white-space: nowrap;
}

@media (max-width: 880px) {
  .ap-article-text iframe {
    max-width: 100% !important;
  }
}

@media screen and (max-width: 1430px) and (min-width: 840px) {
  body.post-template-default.single.single-post .ap-main-text {
    max-width: calc(100% - 10rem);
  }

  .stop-overflow {
    max-width: 100%;
  }

  .inner-black .left {
    color: #fff;
    font-size: 0.625rem;
    display: flex;
    max-width: 60%;
    flex: 0 0 60% !important;
  }

  body.post-template-default.single.single-post
    .article-link.xs
    .article-title {
    font-size: 12px;
  }

  body.post-template-default.single.single-post .article-page {
    max-width: 100% !important;
  }

  body.post-template-default.single.single-post .grid-3-1.px-2rem {
    gap: 0;
    flex-wrap: WRAP;
    display: flex !important;
    align-items: stretch;
    justify-content: space-between;
  }

  body.post-template-default.single.single-post
    .stop-overflow
    .right.flex-bet.align-items-center {
    max-width: 25%;
    flex: 0 0 25%;
  }

  body.post-template-default.single.single-post .stop-overflow .left {
    flex: 0 0 75%;
    max-width: 75%;
  }

  body.post-template-default.single.single-post .sidebar-A.sticky--main {
    padding-left: 10px;
    max-width: 100%;
  }
}

@media (max-width: 1195px) {
  body.post-template-default.single.single-post .stop-overflow .left {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .stop-overflow .left {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

@media screen and (max-width: 840px) and (min-width: 530px) {
  body.post-template-default.single.single-post .ap-main-text {
    max-width: calc(100% - 2rem);
  }

  .stop-overflow {
    max-width: 100%;
  }

  .stop-overflow .inner-black .left {
    color: #fff;
    font-size: 0.625rem;
    display: flex;
    max-width: 60% !important;
    flex: 0 0 60% !important;
  }

  body.post-template-default.single.single-post
    .article-link.xs
    .article-title {
    font-size: 14px;
  }

  body.post-template-default.single.single-post .article-page {
    max-width: 100% !important;
  }

  body.post-template-default.single.single-post .grid-3-1.px-2rem {
    gap: 0;
    flex-wrap: WRAP;
    display: flex !important;
    align-items: start;
    justify-content: space-between;
  }

  body.post-template-default.single.single-post
    .stop-overflow
    .right.flex-bet.align-items-center {
    max-width: 100%;
    flex: 0 0 100%;
  }

  body.post-template-default.single.single-post .stop-overflow .left {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body.post-template-default.single.single-post .sidebar-A.sticky--main {
    padding-left: 5px;
    max-width: 100%;
  }
}

/* @media screen and (max-width: 540px) and (min-width:230px) {
    .inner-black .left {

        max-width: 40% !important;
        flex: 0 0 40% !important;
    }

    .inner-black .right {

        max-width: 60% !important;
        flex: 0 0 60% !important;
    }

} */

body.post-template-default.single.single-post
  .stop-overflow
  .single-popular
  .left {
  max-width: 100%;
}

/* END responsive Ads for article page*/

.modal-style {
  position: fixed;
  right: 0;
  top: 0;
  /* margin: ; */
  font-variant: JIS04;
  margin: 0;
  bottom: 0;
  width: 600px;
  height: auto;
}

/* Discuss */

#discussModal .close {
  transition: var(--transition-03);
  margin-left: auto;
}

#discussModal .close:hover {
  color: var(--color-red);
}

#discussModal .modal-content {
  border-radius: 0;
  border: none !important;
  height: 100% !important;
}

#discussModal .modal-body {
  overflow-y: auto;
}

#discussModal h2 {
  font-size: 1.5rem;
  color: var(--color-red);
  font-weight: bold;
}

#discussModal .modal-style {
  width: 100%;
}

#discussModal .disclaimer-text {
  font-size: 0.875rem;
}

#discussModal .disclaimer-text a {
  color: var(--color-red);
}

/* End Discuss */

/* white space on footer fix */
img[width="0"][height="0"] {
  position: fixed !important;
  z-index: -99 !important;
  opacity: 0 !important;
}

/* end white space on footer fix */

@media (max-width: 419px) {
  .article-page.d-flex.single--default {
    margin-top: 0 !important;
  }
  .autotipimg {
    max-width: 250px;
    height: auto;
  }
}

/* xartiseklogon */
div#xartiseklogon {
  max-width: 800px;
  margin: auto;
}

div#xartiseklogon iframe {
  height: 100vh;
}


.social-share-btn {
  padding: 0;
}

.social-share-btn i{
  color: black;
}


.responsivevoice-button{
  max-width: 12rem;
  width: 100%;
  height: 3rem;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;
  position: relative;
  margin-left: .5rem !important;
  transition: var(--transition-03);
  border-radius: .25rem;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.responsivevoice-button::after{
  content: "\f144   \f28b";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-red);

}

.responsivevoice-button::before {
  content: " Aκρόαση άρθρου";
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: .875rem;
  /* color: red; */
}

.responsivevoice-button span{
  display: none !important;
}


@media(max-width:767px){
  .responsivevoice-button{
    max-width: 7rem;
    margin-left: unset !important;
    margin-right: unset !important;
    margin-bottom: 1rem !important;
  }

  .responsivevoice-button::before{
    content: "Aκρόαση";
  }
  .responsivevoice-button::after{
    right: 1rem;
    left: unset;
    content: "\f144";
  }
}

@media(min-width:992px){
  .menu-open .left .burger-menu .sub-menu a{
    font-size: .875rem;
  }
  .menu-open .left .burger-menu > li > a{
    font-size: 1.125rem;
  }

  .menu-open .left .burger-menu > *{
    margin-bottom: 1.5rem;
  }

  .menu-open .left .burger-menu li .menu-item{
    margin-top: unset;
  }

  .menu-open{
    padding: 3rem 0;
  }

  .menu-open{
    max-height: calc(100vh - 6.375rem);
    height: 100vh;
  }

  nav.shrink .menu-open{
    max-height: calc(100vh - 4.375rem);
    height: 100vh;
  }

}


.home-1.main-container .rt-reading-time {
	display:none!important;
}

.single .rt-reading-time{
  text-transform: capitalize;
 color: #8d8d8d;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 2rem;
  display: block;
}