/* When use Animate On Scroll - include this to prevent overflow content x-axis */
body, html {
    overflow-x: hidden;
    width:100vw;
}

.g-pt-160 {padding-top: 10rem;}
.g-pt-180 {padding-top: 11.25rem;}
.g-pt-200 {padding-top: 12.5rem;}
.g-pt-220 {padding-top: 13.75rem;}
.g-pt-240 {padding-top: 15rem;}
.g-pt-260 {padding-top: 16.25rem;}
.g-pt-280 {padding-top: 17.5rem;}
.g-pt-300 {padding-top: 18.75rem;}

/* 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: #333;
    border-radius: 50px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background-image: linear-gradient(#b97eb6, #73b9a6);
    -webkit-transition: 2s ease-in-out; /* For Safari 3.1 to 6.0 */
    transition: 2s ease-in-out;
}
/* END Scroll bar styling ---------------------------------------------------------*/

/* Blue Pink Gradient */
.g-bg-bluegreen-lineargradient {
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(45deg, #ba7db6, #78cbb1);
    background-image: -o-linear-gradient(45deg, #ba7db6, #78cbb1);
    background-image: linear-gradient(45deg, #ba7db6, #78cbb1);
}

/* 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;
}

.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 */