/* design stylesheet APX v0.000  */



/* markers */

.bakm1 {background:#b59b0c;}
.bakm2 {background:#225234;}
.bakm3 {background:#fd0;}


.bak000 {background:#100c02;}


.bakff0 {background:#2E1582; opacity: 0.5;}



.bakgrad {background: rgba(17,17,17,0.75); }



.bmarker  {background:#FF00C6;}



.L1xmenu li { list-style-type: none; display: inline-block; }




.fade-on-scroll {
    opacity: 0;
    transition: none;
}









.vtint25 {      background: rgba(0,0,0,0.25);     }
.vtint50 {      background: rgba(0,0,0,0.50);      }
.vtint75 {      background: rgba(0,0,0,0.75);     }


.vtintxc {  
    
    
 /*   background: rgba(34,34,34,0.75); */
    
     background: rgba(0,0,0,0.50);


}






.linkspacer  {
    
    position: relative; 
    z-index: 5000 ;
    width:60%;
    margin: 0 auto ;
    
}



.linkspacer h3 {
    
    margin: 0em ;
    padding: 1em 0em 0em 0em ;
    
}


.linkspacer a {
    
    display: block ; 
    padding: 0em 0em 0.75em 0em ;
    
}

.asub {
    
    display: block ; 
    padding: 0em 0em 0.5em 0em ;
    
}







.intro-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1; /* stays behind content if content z-index > 1 */
  overflow: hidden;
}


.video-bg video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
    /*
  filter: grayscale(80%) contrast(120%) brightness(90%);
    */
    
    
}

 .video-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
     /*
  background: rgba(0,0,0,0.4); 
     */
  z-index: 2;
}

.intro-wrapper .overlay-img {
  position: absolute;
  top: 0; left: 7%;
  width: 86%; height: 100%;  
  background: url('/wp-content/themes/apx/_images/bbr.svg') center center no-repeat;
  background-size: contain;
    /*
  mix-blend-mode: screen;
    */
  z-index: 3;
}



.overlayx {
    
  width: 100%; height: 100vh;  
  background: url('/wp-content/themes/apx/_images/bbr.svg') center center no-repeat;
  background-size: contain;
    
    

}





.main-content {
  position: relative;
  z-index: 40; /* above the fixed video */
  margin-top: 100vh; /* start scrolling after video */

}



.main-contentx {
  position: relative;
  z-index: 40; 
}




@media (min-width: 720px) {	

.intro-wrapper .overlay-img {
  position: absolute;
  top: 0; left: 2%;
  width: 97%; height: 100%;
  background: url('/wp-content/themes/apx/_images/widelogo.svg') center center no-repeat;
  background-size: contain;
    /*
  mix-blend-mode: screen;
    */
  z-index: 3;
}

    
    

.overlayx {
    
      width: 100%; height: 100vh;  
  background: url('/wp-content/themes/apx/_images/widelogo.svg') center center no-repeat;
  background-size: contain;
  
}

    

}







.intro-wrapper {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* IMAGE background */
.intro-image {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* BLACK = τίποτα */
.intro-black {
  background:  var(--mainbak); 
}

/* VIDEO */
.video-bg {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.video-bg video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}











.editorbak {
    
            background: url(/wp-content/themes/apx/_images/editors2.jpg) top center ; background-size:100% auto; position: relative; z-index: 10000; margin-bottom: 10vh; 
    
}



@media (min-width: 720px) {	
    
        
	.editorbak {
        
            background: url(/wp-content/themes/apx/_images/editors.jpg) center center no-repeat; background-size:cover; position: relative; z-index: 10000; margin-bottom: 10vh; 
    
    }
        
        

}





.aboutbak {
    
            background: url(/wp-content/themes/apx/_images/pexels-kathrine-birch-15945599.jpg) center center no-repeat; background-size:cover;
    
}



@media (min-width: 720px) {	
    
        
	.aboutbak {
        
            background:none; 
    
    }
        
        

}












/* social media share icons */



.twitter         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block; opacity: 0.8;
    
    background-image: url(/wp-content/themes/apx/_images/sm/twitter.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.twitter:hover   {  background-image: url(/wp-content/themes/apx/_images/sm/twitter-.png) ;  opacity: 1;}


.insmx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(/wp-content/themes/apx/_images/sm/in.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.insmx:hover   {  background-image: url(/wp-content/themes/apx/_images/sm/in-.png) ;  opacity: 1}


.fbsmx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(/wp-content/themes/apx/_images/sm/fb.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.fbsmx:hover   {  background-image: url(/wp-content/themes/apx/_images/sm/fb-.png) ; opacity: 1 }


.prntx         {    width:30px ; height: 30px ; margin-right: 20px; display:inline-block;  opacity: 0.8;
    
    background-image: url(/wp-content/themes/apx/_images/sm/prnt.png) ; 
    background-repeat:no-repeat;     background-size:contain;     background-position: center center; 
    
}
.prntx:hover   {  background-image: url(/wp-content/themes/apx/_images/sm/prnt-.png) ; opacity: 1 }









.smalltlogo {
    width:75px;
    
      mix-blend-mode: difference;
    /*
    */
}



.tlogo {  
    opacity:1 ;
    background: url(/wp-content/themes/apx/_images/tlogo.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:70px; 
    min-width:200px;
    margin: 30px 0px 30px 20px;

}




.tlogo2    {  opacity:0 ;
    
    background: url(/wp-content/themes/apx/_images/tlogo2.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:70px; 
    min-width:200px;
    margin: 0px;
    transition: opacity 0.25s ;
}


.tlogo2:hover    { opacity:1;    }








.utlogo {  
    opacity:1 ;
    background: url(/wp-content/themes/apx/_images/tlogo.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:35px; 
    min-width:100px;
    margin: 10px 0px 10px 20px;

}




.utlogo2    {  opacity:0 ;
    
    background: url(/wp-content/themes/apx/_images/tlogo2.png) ; 
    background-repeat:no-repeat; 
    background-size:contain; 
    background-position: left center; 
    min-height:35px; 
    min-width:100px;
    margin: 0px;
    transition: opacity 0.25s ;
}


.utlogo2:hover    { opacity:1;    }






iframe {margin: 0 auto ; }

.instagram-media {max-width: 100%;}






.wp-caption  { max-width: 100%; }
.wp-caption img { max-width: 100%; }





.aligncenter { margin: 0 auto ; }
.alignnone { margin: 0 auto ; }







#fadeDiv {
    opacity: 0;
    transition: opacity 0.1s linear; /* smooth but responsive */
}
















.toggle-trigger {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    user-select: none;
}

/* triangle */
.arrow {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid currentColor;
    transition: transform 0.3s ease;
}

.toggle-trigger.open .arrow {
    transform: rotate(180deg);
}

/* smooth expand */
.toggle-box {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
}
















.centered-container {
    display: flex;              /* ενεργοποιεί flexbox */
    justify-content: center;    /* οριζόντια κεντράρισμα */
    align-items: center;        /* κατακόρυφο κεντράρισμα */
    height: 100vh;              /* γεμίζει όλο το viewport κατακόρυφα */
    width: 100%;                /* γεμίζει όλο το πλάτος */
}

.content {
    text-align: center;         /* κεντράρει το κείμενο μέσα στο div */
}