/* Add here all your css styles (customizations) */

body, html {
    font-family: 'cmg_sansmedium', sans-serif;
    overflow-x: hidden!important;
    width: 100vw !important;
    color: #000;
}

/* Ellipsis based on lines */
.ellipsis-1, .ellipsis-2, .ellipsis-3, .ellipsis-4, .ellipsis-5, .ellipsis-6, .ellipsis-7, .ellipsis-8, .ellipsis-9, .ellipsis-10 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -ms-box-orient: vertical;
    -moz-box-orient: vertical;
}

.ellipsis-1 {-webkit-line-clamp: 1;}
.ellipsis-2 {-webkit-line-clamp: 2;}
.ellipsis-3 {-webkit-line-clamp: 3;}
.ellipsis-4 {-webkit-line-clamp: 4;}
.ellipsis-5 {-webkit-line-clamp: 5;}
.ellipsis-6 {-webkit-line-clamp: 6;}
.ellipsis-7 {-webkit-line-clamp: 7;}
.ellipsis-8 {-webkit-line-clamp: 8;}
.ellipsis-9 {-webkit-line-clamp: 9;}
.ellipsis-10 {-webkit-line-clamp: 10;}
/* END Ellipsis based on lines */


/* Remove some buttons from the fancybox pop-up */
.fancybox-button--fullscreen,
.fancybox-button--play,
.fancybox-button--thumbs {display:none!important;}

/* Scroll bar styling ---------------------------------------------------------*/
/* width */
::-webkit-scrollbar {
    width: 5.5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #dadada;
    border-radius: 50px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #222;
    -webkit-transition: 2s; /* For Safari 3.1 to 6.0 */
    transition: 2s;
}
/* END Scroll bar styling ---------------------------------------------------------*/

.cus-hpl-sub-menu {
    background-color: #FFF;
    border-top: solid 3px #3aa4bc;
    border-bottom: solid 1px #eee;
    border-left: solid 1px #eee;
    border-right: solid 1px #eee;
}

.cus-hpl-sub-menu li a {
    color: #000!important;
    font-weight: 600;
}

.cus-hpl-sub-menu li a:hover,
.cus-hpl-sub-menu li a:active,
.cus-hpl-sub-menu li a:visited,
.cus-hpl-sub-menu li a:focus {
    color: #3aa4bc!important;
}

.g-bg-hpl-cus-header {
    background-color: transparent;
}

@media screen and (max-width: 769px) {
    .cus-hpl-sub-menu {
        background-color: #161616;
        border-bottom: solid 1px #161616;
        border-left: solid 1px #161616;
        border-right: solid 1px #161616;
    }

    .cus-hpl-sub-menu li a {
        color: #FFF!important;
    }

    .g-bg-hpl-cus-header {
        background-color: #000;
    }
}

.g-bg-instagram, .g-bg-instagram--hover:hover {background-color: #DD2A7B!important;}
.g-bg-whatsapp, .g-bg-whatsapp--hover:hover {background-color: #4FCE5D!important;}

/* Custom font weights */
.f-weight-300 {font-family: 'cmg_sanslight', sans-serif;}
.f-weight-400 {font-family: 'cmg_sanslight', sans-serif;}
.f-weight-500 {font-family: 'cmg_sansregular', sans-serif;}
.f-weight-600 {font-family: 'cmg_sanssemibold', sans-serif;}
.f-weight-700 {font-family: 'cmg_sansbold', sans-serif;}
.f-weight-800 {font-family: 'cmg_sansextrabold', sans-serif;}
.f-weight-900 {font-family: 'cmg_sansblack', sans-serif;}
.style-salted-mocha {font-family: 'salted_mocharegular', sans-serif;}
.style-just-lovely {font-family: 'rockedregular', sans-serif;}
/* END Custom font weight */


.breadcrumb-font-20 {font-size: 20px;}
.breadcrumb-font-30 {font-size: 30px;}
.breadcrumb-font-40 {font-size: 40px;}
.breadcrumb-font-50 {font-size: 50px;}
.breadcrumb-font-60 {font-size: 60px;}
.breadcrumb-font-70 {font-size: 70px;}
.breadcrumb-font-80 {font-size: 90px;}
.breadcrumb-font-90 {font-size: 100px;}
.breadcrumb-font-100 {font-size: 100px;}
.breadcrumb-font-120 {font-size: 120px;}
.breadcrumb-font-140 {font-size: 140px;}
.breadcrumb-font-160 {font-size: 160px;}
/* Special just for breadcrumb */
.breadcrumb-font-180 {font-size: 100px;}
.breadcrumb-font-200 {font-size: 200px;}
.breadcrumb-font-220 {font-size: 220px;}
.breadcrumb-font-240 {font-size: 240px;}
.breadcrumb-font-260 {font-size: 260px;}
.breadcrumb-font-280 {font-size: 280px;}
.breadcrumb-font-300 {font-size: 300px;}

.welcome-img-special {margin-top:-20px;}

@media screen and (max-width: 769px) {
    .breadcrumb-font-180 {font-size: 85px!important;}
    .welcome-img-special {margin-top:-100px;}
}

@media screen and (max-width: 426px) {
    .breadcrumb-font-180 {font-size: 70px!important;}
    .welcome-img-special {margin-top:-160px;}
}



.cus-h-150-cover img {
    height: 150px;
    object-fit: cover;
}

.cus-h-180-cover img {
    height: 180px;
    object-fit: cover;
}

.cus-h-200-cover img {
    height: 200px;
    object-fit: cover;
}

.cus-h-250-cover img {
    height: 250px;
    object-fit: cover;
}

.cus-h-300-cover img {
    height: 300px;
    object-fit: cover;
}

.g-bg-gray-light-v6 {
    background-color: #fbfbfb !important;
}

/* Gray Gradient */
.g-bg-gray-lineargradient-cus {
    background-repeat: repeat-x;
    background-image: linear-gradient(0deg, #fff, #f7f7f7);
}

/* Gray Gradient 180 */
.g-bg-gray-lineargradient-cus-180 {
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg, #fff, #f7f7f7);
}

/* Primary Gradient */
.g-bg-primary-lineargradient-cus {
    background-repeat: repeat-x;
    background-image: linear-gradient(0deg, #fff, rgba(217, 255, 248, 0.42));
}

/* Primary Gradient 180 */
.g-bg-primary-lineargradient-cus-180 {
    background-repeat: repeat-x;
    background-image: linear-gradient(180deg, #fff, rgba(217, 255, 248, 0.42));
}

.g-max-width-50x {
    max-width: 50%;
}

.g-max-width-40x {
    max-width: 40%;
}

.max-height-60 {
    max-height: 60px;
    overflow: hidden;
}

.max-height-80 {
    max-height: 80px;
    overflow: hidden;
}

.max-height-150 {
    max-height: 150px;
    overflow: hidden;
}
.max-height-180 {
    max-height: 180px;
    overflow: hidden;
}
.max-height-200 {
    max-height: 200px;
    overflow: hidden;
}

/* SWIPER CSS */
.swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    background-size: cover;
    background-position: center;
}
.gallery-top {
    width: 100%;
}
.gallery-top img {
    /*height: 400px;*/
    /*object-fit: contain;*/
}
.gallery-thumbs {
    box-sizing: border-box;
    padding: 10px 0;
}
.gallery-thumbs img {
    /*height: 120px;*/
    /*object-fit: contain;*/
}
.gallery-thumbs .swiper-slide {
    width: 25%;
    opacity: 0.4;
}
.gallery-thumbs .swiper-slide-active {
    opacity: 1;
}

.swiper-height-50vh {height:50vh;}
.swiper-text-center-all {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height:50vh; /* Change this if the height of the slider changes */
    background-color: rgba(0,0,0,0.5);
}
/* END Swiper */

.object-fit-cover {object-fit: cover!important;}

.g-px-180--lg {
    padding-left: 180px !important;
    padding-right: 180px !important;
}

@media screen and (max-width: 769px) {
    .g-px-180--lg {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.w-90 {width: 90%!important;}
.w-60 {width: 60%!important;}