/* ============================================
   REVOLUTION SLIDER - CLS FIX
   Reserve space for Full-Screen slider before JS loads
   ============================================ */
rs-fullwidth-wrap,
.rs-fullwidth-wrap {
    min-height: 100vh;
    min-height: 100svh; /* small viewport height - accounts for mobile browser chrome */
}

rs-module-wrap {
    min-height: 100vh;
    min-height: 100svh;
}

rs-module {
    min-height: 100vh;
    min-height: 100svh;
}

/* ============================================ */

/* ============================================
   VCE HERO SECTION - Critical CSS
   Prevents layout shift / FOUT before Visual Composer
   JS bundle loads and applies its bundled CSS.

   Problem: VC adds ALL breakpoint classes (xs, sm, md, lg)
   on initial HTML, then JS removes wrong ones. Before JS runs,
   conflicting CSS from multiple breakpoints causes bad layout.
   We use real CSS media queries as fallback until JS corrects classes.
   ============================================ */
.vce-hero-section {
    display: flex;
    overflow: hidden;
}

.vce-hero-section--wrap-row {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.vce-hero-section--content {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-top: 75px;
    padding-bottom: 75px;
    color: #fff;
    box-sizing: border-box;
}

/* Mobile: override VC breakpoint class width to prevent text wrapping */
@media only screen and (max-width: 543px) {
    .vce-hero-section--content,
    .vce-hero-section-media--lg .vce-hero-section--content {
        padding-left: 2px !important;
        padding-right: 2px !important;
        width: 100% !important;
    }
}

/* Tablet */
@media only screen and (min-width: 544px) and (max-width: 767px) {
    .vce-hero-section--content,
    .vce-hero-section-media--lg .vce-hero-section--content {
        padding-left: 2px !important;
        padding-right: 2px !important;
        width: 100% !important;
    }
}

/* Desktop */
@media only screen and (min-width: 768px) {
    .vce-hero-section--content {
        padding-left: 2px;
        padding-right: 2px;
        width: 100%;
    }
}

/* ============================================ */

/*   BLOG    */
ul.dominius-blog.blog-list{
  list-style-type: none;
  padding: 0;
  margin: 0 auto;
}

@media only screen and (min-width: 1200px){
.page-template-default #content .dominius-blog {
    width:950px
}}
/* @media only screen and (max-width: 992px){
.page-template-default #content .dominius-blog {
    width:885px
}} */

/*     KAI DYDIS MAZAS:     */
@media only screen and (max-width: 800px){
  .page-template-default #content .dominius-blog {
    max-width:490px;
  }
  .page-template-default #main:has(ul.dominius-blog.blog-list){
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-default .dominius-blog .dominius-list{
    padding: 0;
  }
  .dominius-blog .post-image img{

  }
  .dominius-second .dominius-post-text{
      border-top: none!important;
      border-bottom: 1px solid #bbbbbb!important;
      bottom: 0;
  }
  .dominius-second .post-image{
      bottom: unset!important;
  }
  /* .dominius-blog .post-content{
        height: 500px;
    } */



}



.no-tb-margin{
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.dominius-blog .post-content{
    height: 505px;
    position: relative;
    overflow: hidden; /* questionable */
}
@media only screen and (max-width: 768px) {
  .dominius-blog .post-content{
/*        height: 350px;*/
    }
}
@media only screen and (max-width: 500px) {
  .dominius-blog .post-content{
        height: 500px;
    }
}
.dominius-blog .post-content p { font-size: 13.3px; }

.blog-introduction img{
    max-width: 100%;
}

.dominius-blog .post-image{
    border-bottom:0px;
    position: absolute;
    display: block;
    z-index: 2;
}
.dominius-blog .post-image img {
  /* max-width: 525px; */
  min-height: 290px;
  /* max-width: 490px; */
}
.dominius-first .post-image{
    top: 0;
}
.dominius-second .post-image{
    bottom: 0;
}
.dominius-blog .post-image > a{ display: block}

.dominius-post-text{
    background: white;
    width: 88%;
    margin: 0 auto;
    padding: 18px 35px;
    z-index: 10;
    min-height: 229px;
/*    height: 40%;*/
    position: absolute;
    display: block;
    left: 0;
    right: 0;
}
.dominius-post-text h3{
    text-transform: uppercase;
}
.dominius-first .dominius-post-text{
    border-bottom: 1px solid #bbbbbb!important;
    bottom: 0;
}
.dominius-second .dominius-post-text{
    border-top: 1px solid #bbbbbb!important;
}
.dominius-first, .dominius-second{
    margin-bottom: 40px;
    padding: 0;
}

.dominius-blog .dominius-list{
    padding: 0px 25px;
    border-bottom:0;
    margin-bottom: 25px;
}
@media only screen and (max-width: 992px) {
    .dominius-blog .dominius-list{
/*        padding: 0px 0px; border-bottom:0;*/
    }
}
.dominius-blog .dominius-post-text a:hover, .dominius-blog .dominius-post-text a:focus{text-decoration: none;}
.dominius-post-content .post-text.page-content{ padding-left: 0;}

.dominius-blog .dominius-post-text h3 a{
  font-size: 14px;
  font-weight: 600;
  letter-spacing:0.5px;
  line-height: 18.262px;
  text-transform:uppercase;
  color: #17211c;
}
.dominius-blog .dominius-post-text h3{
  margin:0;
  line-height: 0.7;
}