/**GLOBAL**/
html {overflow-x:hidden;}


/*Custom Cursor*/
.cursor {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  border: 1px solid black;
  transition: all 200ms ease-out;
  position: fixed;
  pointer-events: none;
  left: 0;
  top: 0;
  transform: translate(calc(-50% + 15px), -50%);
  z-index:10;
}

.cursor2 {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: black;
  opacity: .3;
  position: fixed;
  transform: translate(-50%, -50%);
  pointer-events: none;
  transition: width .3s, height .3s, opacity .3s;
  z-index:10;
}

.cursor.white {
  border: 1px solid white !important;
}

.cursor2.white {
  background-color: white !important;
  opacity: 0.5;
}

/*mobile*/
@media (max-width:990px) {
	.cursor {
		display:none;
	}
	
	.cursor2 {
		display:none;	
	}
}


/*HEADER*/
.main-header {
	width:100%!important;
	transition: 0.4s ease-in-out !important; 
}

.main-header.elementor-sticky--effects {
    padding-top: 0px;
    padding-bottom: 5px;
	background-color: #ffffff7d!important;
    box-shadow: 0 8px 32px 0 rgb(61 61 61 / 37%);
	backdrop-filter: blur( 4px );
	-webkit-backdrop-filter: blur( 4px );
}

.main-logo img {
    transition: 0.4s ease-in-out !important;
}

.elementor-sticky--effects .main-logo img {
    width: 280px!important;
    transition: 0.4s ease-in-out !important;
}

/*outline border images*/
.image-outline img {
    outline: 1px solid #0D2A3E;
    outline-offset: 10px;
}

.image-outline-orange img {
   outline: 1px solid #F47C20;
   outline-offset: 10px;
}

/**END OF GLOBAL**/

/*HOMEPAGE*/
.main-slider-home a.swiper-slide-inner {
    width: 85%!important;
}

.timeline-custom-home .qodef-e-content-holder {
    background: #f47c200f;
    padding: 20px;
    outline: 1px solid #f47e24;
    outline-offset: 8px;
}

.qodef-e-line {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.qodef-e-line {
    height: 0;
    width: 2px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}


@media only screen and (max-width: 990px) {
	.elementor-slide-heading {
		text-align: center;
	}
	
	.swiper-slide-contents {
    	text-align: center;
	}	
}

@media only screen and (max-width: 480px) {
    .qodef-qi-timeline.qodef-timeline--vertical .qodef-e-line-holder, .qodef-qi-timeline.qodef-timeline--vertical .qodef-e-point-holder {
        display: block;
        z-index: 0 !important;
    }
	
	.timeline-custom-home .qodef-e-content-holder {
    	background: #fef7f2;
	}
}


/*ΕΡΓΑ*/
.img-hover-zoom {
  overflow: hidden; 
}

.img-hover-zoom img {
  transition: transform .5s ease;
}

.img-hover-zoom:hover img {
  transform: scale(1.1);
}


/*ΕΡΓΑ SINGLE POST*/
.slider-custom-thumbnails .swiper-slide img {
    height: 500px;
    object-fit: cover;
}


.slider-custom-thumbnails .elementor-widget-image-carousel {
  position: relative;
}


.slider-custom-thumbnails .custom-thumbs-container {
  position: absolute;
  right: -120px; 
  top: 0;
  width: 100px;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
}


.slider-custom-thumbnails .custom-thumb-item {
  width: 100%;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s;
}

.slider-custom-thumbnails .custom-thumb-item img {
  width: 100%;
  height: auto;
  display: block;
}

.slider-custom-thumbnails .custom-thumb-item.active-thumb {
  opacity: 1;
}


.slider-custom-thumbnails .elementor-section-wrap > .elementor-section,
.elementor-container {
  overflow: visible;
}

@media (max-width:990px) {
	.slider-custom-thumbnails .custom-thumbs-container {
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		display: flex;
		gap: 10px;
		flex-direction: row;
		justify-content: flex-start;
	}
	
	.slider-custom-thumbnails .swiper-slide img {
		height: 300px;
		object-fit: cover;
	}
	
	.custom-thumb-item img {
    	height: 50px !important;
    	object-fit: cover;
	}
}
