@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import "./all.min.css";

@import '../../assets-commun/css/login-block.css';
@import '../../assets-commun/css/bs3-to-bs5-colors.css';

@import '../../assets-commun/css/bootstrap3-modal.css';


/* ================= VARIABLES ================= */

:root {
    --font: "Poppins", sans-serif;

    --color-white: #ffffff;


    --color-site-1: #646C6C;
    --color-site-2: #e62f91;
    --color-site-3: #000000;

    --text-color: #646C6C;
    --text-gray: #636C7D;
    --text-alert: #dc7b0b;

    --color-border: rgba(29, 143, 166, 0.2);
    --color-border-2: rgba(250, 216, 22, 1);
    --color-border-1: #C7DBEB;

    --color-bg: #ecf0f180;
    --color-bg-gray: #F5F7FC;

    --color-bg-icon: #C7DBEB;
    --color-icon-time: #21D7F3;

    --container-max-width: 1420px;
    --border-radius: 10px;
}




body {
    font-family: var(--font);
    font-size: 14px;
    line-height: 1.5;
    font-weight: normal;
}

.container {
    position: relative;
    max-width: var(--container-max-width) !important;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}

a {
    color: var(--color-site-1);
}

a:hover, a:focus {
    text-decoration: none;
    outline: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: var(--color-site-2);
}

i.fas.fa-star {
    color: #ffc107;

}

ul{
    list-style-type: none;
    padding-left: 0;
}

.color-pink {
    color: var(--color-site-1) !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.text-end {
    text-align: end;
}



button:hover, button:focus {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;

}

li.typeahead__item > a {
    font-size: 14px;
}

.suggestion-content {
    display: flex !important;
    gap: 8px !important;
    align-items: center;
}
.suggestion-content .hotel-info span {
    display: block;
}

.typeahead__list {
    top: auto !important;
}

.bg-blue {
    background-color: var(--color-bg);
}






/*liste social media */
.social_media {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 110;
    text-align: center;

}

.social_media i {
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    border-radius: 0;
    color: var(--color-white);
    height: 40px;
    width: 40px;
    font-size: 17px;
}

.social_media .bg-facebook {
    color: var(--color-white);
    background-color: #3b5998;
}

.social_media .bg-facebook i:hover {
    color: #3B5998;
    background-color: var(--color-white);
    border: 1px solid #3B5998;
}


.social_media .bg-instagram {
    color: var(--color-white);
    background-color: #c32aa3;
}


.social_media .bg-instagram i:hover {
    color: #c32aa3;
    background-color: var(--color-white);
    border: 1px solid #c32aa3;
}


.social_media .bg-twitter {
    background: #1DA1F2;
    color: var(--color-white)
}

.social_media .bg-twitter i:hover {
    color: #1DA1F2;
    background: var(--color-white);
    border: 1px solid #1DA1F2;
}
.social_media .bg-tiktok {
    background: var(--color-site-3);
    color: var(--color-white);
}
.social_media .bg-whatsapp {
    background: #25d366;
    color: var(--color-white);
}