/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.font-dela{
	font-family:'Dela Gothic One'!important;
    font-weight: 400 !important;
}
/* HOME PAGE CSS */
.margin-left-80{
    margin-left:8vw;
}
.margin-left-180{
    margin-left:16vw;
}
.margin-b-0,
.margin-b-0 h3{
     margin-bottom:0!important;
 }
 .divider-wrap .divider-vertical
 {
   margin: 25px 0px;  
 }
.outline-font{
    color: #2023ff;
  -webkit-text-fill-color: #f6f6f6; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #2023ff;
}

div.icon-w-text{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap:20px;
}
/*MILESTONES*/
.nectar-hor-list-item[data-hover-effect=default]:hover .nectar-list-item {
    color: #2323ff;
}
.nectar-milestone[data-ms-align=left] {
    text-align: left;
    display: flex;
    flex-direction: column;
}
.nectar-milestone .number{
    font-family: 'Dela Gothic One';
    font-weight: 400; 
    order: 2;
    margin-top: 5px;
}
body .nectar-milestone .subject{
    color: #5F5F5F;
    font-family: 'Dela Gothic One';
    font-weight: 400; 
    font-size:16px;
    line-height:1.2;
    order: 1; 
}
body .before-milestone .nectar-milestone .subject,
body .before-milestone .nectar-milestone .number{
    color: #6D6DE1!important;
}
@media only screen and (max-width: 690px){
    html body .milestone-row .inner_row[data-column-margin="40px"] .child_column{
      padding-left: 10px;
      padding-right: 10px;  
    }
    .nectar-milestone .number{
       font-size: 19px !important;
        line-height: 19px !important;
    }
    .nectar-milestone .number .symbol-wrap{
          font-size: 14px !important;
        line-height: 14px !important;
    }
    body .nectar-milestone .subject{
    font-size:12px;
    line-height:1.1;

}
.milestone-row .img-with-aniamtion-wrap[data-animation=fade-in-from-left] .hover-wrap, 
.milestone-row img.img-with-animation[data-animation=fade-in-from-left]{
    padding-right: 10px;
}
}
body .nectar-milestone .subject .subject-first-word {
  display: block;
}

.sempo-row .vc_column-inner{
    background-color:#E4E3E3;
      background: linear-gradient(135deg, #E7E7E7 0%, #E3E3E3 100%);
      border-radius: 24px;
      padding: 10%;
      box-shadow: 2px 2px 3px 0 rgba(35, 35, 255, 1);
      /*max-width: 480px;*/
}
/*POSTS*/
.pier-post-title{
    padding-right:20%;
    display:block;
    position:relative;
    transition: all .3s ease-in-out;
}
.pier-post-title:after{
    content:'';
    width:20%;
    height: 100%;
    background:url(https://pier6.demolink.gr/wp-content/uploads/2026/08/post-arrow.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center right;
    position:absolute;
    right:0;
    bottom:0;
    transition: all .3s ease-in-out;
}
.pier-post-col:hover .pier-post-title:after{
    transform:translate(3px,-3px);
    transition: all .3s ease-in-out;
}
.pier-post-col:hover .pier-post-title{
    color: #2323FF!important;
    transition: color .3s ease-in-out;
}
.nectar-fancy-ul[data-animation=true] ul li {
    font-weight: 600;
}

/* ============================================================
   Pier6 — icon entrance animations
   Χρησιμοποιεί @keyframes animation (όχι transition) παντού, ώστε η
   κίνηση να παίζεται πάντα ολόκληρη ακόμα κι αν το icon είναι ήδη
   μέσα στο viewport από την πρώτη στιγμή (χωρίς να χρειαστεί scroll).
   ============================================================ */

:root{
  --draw-ease: cubic-bezier(.33,0,.2,1);

  --ring-stagger: 0.09s;
  --ring-dot-dur: 0.3s;
  --ring-spin-delay: 0.95s;
  --ring-spin-dur: 0.8s;

  --wave-duration: 1.6s;
  --wave-amount: 4px;
  --wave-cycles: 2;

  --x-dot-stagger: 0.16s;
  --x-dot-dur: 0.3s;
  --x-cross-delay: 0.85s;
  --x-cross-dur: 0.7s;
}

/* αποφεύγει το μικρό κενό κάτω από inline SVG */
.icon-w-text .the-icon svg{ display:block; }

/* ---- 1. ring (βιωσιμότητας) ---- */
.ring-dot{
  opacity:0;
  transform-box: fill-box;
  transform-origin: center;
}
@keyframes dotPop{
  from{ opacity:0; transform:scale(0); }
  to  { opacity:1; transform:scale(1); }
}
.icon-w-text.in-view .ring-dot{
  animation: dotPop var(--ring-dot-dur) ease-out forwards;
  animation-delay: calc(var(--i) * var(--ring-stagger));
}
.ring-spin{
  transform-box: fill-box;
  transform-origin: center;
}
@keyframes ringSpin{
  from{ transform:rotate(0deg); }
  to  { transform:rotate(360deg); }
}
.icon-w-text.in-view .ring-spin{
  animation: ringSpin var(--ring-spin-dur) ease-in-out var(--ring-spin-delay) forwards;
}

/* ---- 2. wave (κοινωνικο-οικονομικής επίδρασης) ---- */
.wave-row{
  transform-box: fill-box;
  transform-origin: center;
}
@keyframes waveBob{
  0%   { transform: translateY(0); }
  25%  { transform: translateY(calc(var(--wave-amount) * -1)); }
  50%  { transform: translateY(0); }
  75%  { transform: translateY(var(--wave-amount)); }
  100% { transform: translateY(0); }
}
.icon-w-text.in-view .wave-row{
  animation: waveBob var(--wave-duration) ease-in-out var(--wave-cycles);
  animation-delay: var(--d, 0s);
}

/* ---- 3. hook (πολλαπλασιαστικής ισχύος) ---- */
.chain-path{
  stroke-dasharray:1;
  stroke-dashoffset:1;
}
@keyframes chainDraw{
  to{ stroke-dashoffset:0; }
}
.icon-w-text.in-view .chain-path{
  animation: chainDraw 1.9s cubic-bezier(.45,0,.55,1) forwards;
}

/* ---- 4. X (υπερτοπικού χαρακτήρα) ---- */
.x-dot{
  opacity:0;
  transform-box: fill-box;
  transform-origin: center;
}
.icon-w-text.in-view .x-dot{
  animation: dotPop var(--x-dot-dur) ease-out forwards;
  animation-delay: calc(var(--i) * var(--x-dot-stagger));
}
.x-cross{
  transform-box: fill-box;
  transform-origin: center;
  transform: scale(0);
}
@keyframes crossGrow{
  from{ transform:scale(0); }
  to  { transform:scale(1); }
}
.icon-w-text.in-view .x-cross{
  animation: crossGrow var(--x-cross-dur) var(--draw-ease) var(--x-cross-delay) forwards;
}

/* ---- λιγότερη κίνηση αν το ζητάει ο χρήστης/OS ---- */
@media (prefers-reduced-motion: reduce){
  .icon-w-text.in-view .wave-row{ animation:none !important; }
  .ring-dot{ opacity:1 !important; }
  .icon-w-text.in-view .ring-dot,
  .icon-w-text.in-view .ring-spin{ animation:none !important; }
  .chain-path{ stroke-dashoffset:0 !important; }
  .icon-w-text.in-view .chain-path{ animation:none !important; }
  .x-dot{ opacity:1 !important; }
  .x-cross{ transform:scale(1) !important; }
  .icon-w-text.in-view .x-dot,
  .icon-w-text.in-view .x-cross{ animation:none !important; }
}

/* COMPLIANZ */
.cmplz-cookiebanner ul li{
    list-style: none;	
}