/* styles.css */

/* Change font */
@import url('https://fonts.googleapis.com/css2?family=Radio+Canada+Big:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zain:wght@400;700&display=swap');

@font-face {
    font-family: 'myFont';
    /* src: url('Moderne.ttf') format('truetype'); */
    src: url('Klavika.otf') format('opentype');
}

@font-face {
    font-family: 'bodyFont';
    src: url('Moderne.ttf') format('truetype');
}


@font-face {
    font-family: 'Glance';
    src: url('Glance.otf') format('opentype');
}

@font-face {
    font-family: 'Eudoxus';
    src: url('EudoxusSansMedium.ttf') format('truetype');
}


/* Change font */
body {
    font-family: 'Eudoxus', sans-serif;
    background-color: #f2f2f2;  
}

h1 {
    font-family: 'Glance', sans-serif;
    font-size: 70px;
    color: black;
    font-weight: bold;
    /* text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); */
}

.custom-slider .rc-slider-track {
    height: 8px;
    background-color: #001a66; 
}

.custom-slider .rc-slider-rail {
    height: 8px;
    background-color: rgb(184, 184, 184); 
}


.custom-slider .rc-slider-mark-text {
    font-size: 14px; 
    color: #333; 
    background: #f0f0f0; 
    padding: 5px; 
}

.custom-slider .rc-slider-tooltip-inner {
    font-size: 14px;    /* Make the font size larger */
    padding: 10px; 
}

.custom-slider .rc-slider-handle {
    background-color: white ;
    border: 4px solid #001a66;  /* Blue outline */
    height: 20px;
    width: 20px;
}

.custom-slider .rc-slider-dot {
    border: 1px solid #001a66; 
}

.custom-slider .rc-slider-mark-text.vmax-label {
    color: rgba(212, 0, 0, 0); /* Text color */
    font-weight: bold; /* Font weight */
    background-color: yellow; /* Background color */
    padding: 5px; /* Padding around text */
    border-radius: 3px; /* Rounded corners */
}

.custom-dropdown .Select-control{
    border: 1px solid #ccc;
}

.custom-dropdown .Select-placeholder{
    color: #000000;
}

.custom-button {
    width: 400px;
    height : 50px;
    margin-left : auto;
    margin-right: auto;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-button.btn-primary {
    background-color: #120a6600; /* Primary color */
    color: #fff; /* Text color */
    border: 3px solid #110a66;
    box-shadow: 0px 0px 8px 1px rgba(255, 255, 255, 0.7); 

}

.custom-button.btn-primary:hover {
    background-color: #120a66; /* Darker shade for hover effect */
    color: white;
    font-weight: bold;
}

.custom-close-button {
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.custom-close-button.btn-primary {
    background-color: #120a6600; /* Primary color */
    color: black; /* Text color */
    border: 3px solid #110a66;
    box-shadow: 0px 0px 8px 1px rgba(255, 255, 255, 0.7); 

}

.custom-close-button.btn-primary:hover {
    background-color: #120a66; /* Darker shade for hover effect */
    color: white;
    font-weight: bold;
}

.SingleDatePickerInput {
    width: 10vh !important; /* Adjust width */
}