/* Global CSS clasess and rules */
:root{
    --kykladesWhite: #FFFFFF;
    --kykladesBlack: #000000;
    --kykladesGreenish: #0286A3;
}

/* Backgrounds */
.kyklades_back_white{ background: var(--kykladesWhite);}
.kyklades_back_black{ background: var(--kykladesBlack);}
.kyklades_back_greenish{ background: var(--kykladesGreenish);}

/* Colors */
.kyklades_color_white{ color: var(--kykladesWhite);}
.kyklades_color_black{ color: var(--kykladesBlack);}
.kyklades_color_greenish{ color: var(--kykladesGreenish);}

/* Text Alignment */
.kyklades_text_center{ text-align: center;}

/* Font Sizes */
.kyklades_fs_16{font-size: 16px;}
.kyklades_fs_18{font-size: 18px;}
.kyklades_fs_20{font-size: 20px;}
.kyklades_fs_22{font-size: 22px;}

/* Positions */
.kyklades_pos_relative{ position: relative;}
.kyklades_pos_abs{ position: absolute;}

/* Transitions */
.kyklades_main_transition{ transition: all 350mse ease-in-out;}

/* Displays */
.kyklades_dsp_block{ display: block;}
.kyklades_dsp_grid{ display: grid;}
.kyklades_dsp_flex{ display: flex;}
.kyklades_dsp_flex_center{ 
    display: flex;
    justify-content: center;
    align-items: center;
}

.kyklades_dsp_flex_center_col{ 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Width / Height */
.kyklades_width_100pct{ width: 100%;}
.kyklades_height_100pct{ height: 100%;}

/* Margins / Paddings */
.kyklades_m_0{ margin: 0 !important;}
.kyklades_mb_10{ margin-bottom: 10px !important;}

.kyklades_p_0{ padding: 0 !important;}

/* Overflows */
.kyklades_overflow_hidden{ overflow: hidden;}

/* Homepage Toolkit */
.pp-tooltip.right{ 
    background: linear-gradient(to right, var(--kykladesWhite), #FFFFFFCC);
    color: var(--kykladesGreenish);
    padding: 7px 16px;
    margin-top: -10px;
    margin-right: -5px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    font-size: 16px;
    font-weight: 500 !important;
    text-transform: capitalize;
}

#cyc-numbers-container span.elementor-counter-number{
  font-size: clamp(3rem, 2.7vw, 6rem) !important;
  color: #1F6F80;
}

#cyc-numbers-container .elementor-counter .elementor-counter-title{
  font-size: clamp(1.9rem, 1.1vw, 4rem) !important;
  color: rgb(69, 79, 94);
}

#svgXartis{ transform: translateY(-50%);}

#cyc-map-container { position: relative; } 
#cyc-map-islands-info-box { 
	position: absolute; 
	display: none; 
	z-index: 999; 
}

#cyc-map-islands-info-box .e-con-inner{ 
    position: relative;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#cyc-map-islands-info-box .e-con-inner::after{
    content: url('/wp-content/uploads/2026/02/close-icon.png');
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 9999;
}