/**
Theme Name: Insta
Author: InnovateOne
Author URI: https://innovateone.io
Description: Insta is a custom-made theme base on Astra, the most popular Wordpress theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: insta
Template: astra
*/
:root{
    --insta-green: #00b150;
    --insta-wgcag-green: #005C29;
}

.ast-scroll-to-top-right{
    bottom: 25px;
}

div[id^="field_terms_formAcym"] label{
    font-weight: 300;
}

body:not(.page-id-92) ul li::marker{
    color:var(--insta-green);
}
.elementor-175 .elementor-element.elementor-element-30eeff1 ul.sub-menu{
    width: 400px!important;
}


/* MENU */

#menu-header-hp .hfe-sub-menu-item,
#menu-header-hp .hfe-nav-menu .menu-item a.hfe-menu-item{
    font-size: 16px;
    font-weight: 700;
}

#menu-header-hp .hfe-nav-menu .menu-item a.hfe-menu-item{
    text-transform: uppercase;
    line-height: 19px;
}

#menu-header-hp .hfe-sub-menu-item{
    line-height: 25px;
}

/* INSTA BUTTON */
/* BTN GR */
.insta-btn a:after,
#quality-policy-btn a:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 200px;
    background-color: #005C29;
    width: 70px;
    height: 1px;
    transition: all 0.3s ease-in-out;
}

.insta-btn a:hover:after{
    left: 225px;
}

html[lang="en-US"] .more-btn a:after,
html[lang="en-US"] #etairiki-parousiasi-hp a:after,
html[lang="en-US"] #dl-cert-btn a:after,
.more-btn a:after,
#etairiki-parousiasi-hp a:after,
#dl-cert-btn a:after{
    background-color: white!important;
}

.more-btn a:after{
    left: 150px;
}

.more-btn a:hover:after{
    left: 170px;
}

#dl-cert-btn a:after{
    left: 270px;
}

#dl-cert-btn a:hover:after{
    left: 290px;
}

#int-pressence-hp a:after{
    left: 150px;
}

#int-pressence-hp a:hover:after{
    left: 170px;
}
#projects-btn-hp a:after{
    left: 55%;
}
#projects-btn-hp a:hover:after{
    left: 57%;
}
#etairiki-parousiasi-hp a:after{
    left: 320px;
    @media (width < 570px) {
        display:none;
    }
}

#etairiki-parousiasi-hp a:hover:after{
    left: 370px;
}

#iso-btn a:after{
    left: 170px;
}
#iso-btn a:hover:after{
    left:195px;
}

/* BTN EN */

html[lang="en-US"] .insta-btn a:after,
html[lang="en-US"] #quality-policy-btn a:after{
    content: "";
    display: inline-block;
    position: absolute;
    top: 26px;
    left: 140px;
    background-color: #005C29;
    width: 70px;
    height: 1px;
    transition: all 0.3s ease-in-out;
}
html[lang="en-US"] .insta-btn a:hover:after,
html[lang="en-US"] #quality-policy-btn a:hover:after{
    left: 175px;
}

html[lang="en-US"] #etairiki-parousiasi-hp a:after{
    left: 230px;
}
html[lang="en-US"] #etairiki-parousiasi-hp a:hover:after{
    left: 250px;
}
html[lang="en-US"] #int-pressence-hp a:after{
    left: 95px;
}
html[lang="en-US"] #int-pressence-hp a:hover:after{
    left: 115px;
}
html[lang="en-US"] #projects-btn-hp a:after{
    left: 52.5%;
}
html[lang="en-US"] #projects-btn-hp a:hover:after{
    left: 55%;
}
html[lang="en-US"] .more-btn a:after{
    left: 95px;
}
html[lang="en-US"] .more-btn a:hover:after{
    left: 115px;
}
html[lang="en-US"] #dl-cert-btn a:after{
    left: 225px;
}
html[lang="en-US"] #dl-cert-btn a:hover:after{
    left: 255px;
}
html[lang="en-US"] #iso-btn a:after{
    left: 170px;
}
html[lang="en-US"] #iso-btn a:hover:after{
    left:195px;
}


/* SLIDER */
.metaslider .slides img:not(.caption img){
    height: 800px;
    object-fit: cover;
    @media (width < 570px) {
        height: 600px;
    }
}

#career-form-sp input,
#contact-form-sp input,
#contact-form-sp textarea{
    border-radius: 0;
    border:1px solid ;
    font-size: 16px;
    line-height: 16px;

}

#career-form-sp .wpcf7-acceptance .wpcf7-list-item,
#contact-form-sp .wpcf7-acceptance .wpcf7-list-item{
    margin-left: 0;
}

body:is(.single-post) .wpulike.wpulike-default{
    display: none;
}


/* POST/PORTFOLIO */

.ast-single-post-featured-section.post-thumb.ast-article-image-container--full{
    display:none;
}
body:is(.single-page) .elementor img{
    width: 100%;
}
/* Each card becomes the positioning context */
.hfe-post-card {
  position: relative;
  overflow: hidden;
}

/* Image fills the whole card */
.hfe-post-card .hfe-post-image img {
  width: 100%;
  height: 500px;        /* adjust to taste */
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

/* Optional zoom on hover */
.hfe-post-card:hover .hfe-post-image img {
  transform: scale(1.08);
}

/* Text block pulled up over the image */
.hfe-post-card .hfe-post-content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;   /* content anchored at bottom */
  align-items: flex-start;
  padding: 20px;
  /* background: rgba(0, 0, 0, 0); */
    background: linear-gradient(to top, rgba(0, 92, 41, .65) 0%, rgba(0,0,0,0) 45%);
  transition: background 0.4s ease;
}

/* Title: dimmed slightly, pops on hover */
.hfe-post-card .hfe-post-title a {
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  line-height: 1.3;
  /* transform: translateY(8px); */
  transform: none;
  opacity: 0.85;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

/* Excerpt + read-more: hidden until hover */
.hfe-post-card .hfe-post-excerpt,
.hfe-post-card .hfe-read-more {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: opacity 0.4s ease, max-height 0.4s ease;
  color: #ffffff;
}

.hfe-post-card .hfe-read-more {
  margin-top: 10px;
}

/* === HOVER STATE === */
.hfe-post-card:hover .hfe-post-content {
  background: rgba(0, 92, 41, .3)   /* dark green overlay */
}

.hfe-post-card:hover .hfe-post-title a {
  transform: translateY(0);
  opacity: 1;
}

.hfe-post-card:hover .hfe-post-excerpt,
.hfe-post-card:hover .hfe-read-more {
  max-height: 120px;    /* enough room for ~3 lines of excerpt */
  opacity: 1;
}