/*=====firda update, please add this to main.css*/


/*homepage hero*/

.homepage-hero-wrapper .overlay {
    background-color: black;
    position: absolute;
    width: 100%;
    height: 100%;
}

.homepage-hero-wrapper .hero {
    position: relative;
}

.homepage-hero-wrapper .text-description {
    text-align: center;
    color: white;
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
}

.homepage-hero-wrapper .text-description span {
    font-size: 35px;
    font-family: "GuardianTextSans-Regular-Web", Helvetica, Arial, sans-serif;
    padding: 0px 150px;
    display: block;
}

@media (max-width: 767px) {
    .homepage-hero-wrapper .text-description span {
        font-size: 15px;
        font-family: "GuardianTextSans-Regular-Web", Helvetica, Arial, sans-serif;
        padding: 0px 20px;
        display: block;
    }
}
.single-gutemberg p span {
    font-family: "GuardianTextSans-Regular-Web", Helvetica, Arial, sans-serif !important;
}

@media (min-width: 48em) {
    footer .backtotop {
        display: none;
    }
}
.footer .backtotop {
    text-transform: uppercase;
    letter-spacing: .1em;
    margin: 2em 0 0;
    clear: both;
    text-align: center;
}
.footer .backtotop a {
    color: #767ed2;
    padding: 1.5em;
    background-color: #cfd1ef;
    display: block;
    text-decoration: none;
}
.footer .backtotop a:hover {
    background-color: #fff;
}
.footer .backtotop a i {
    margin-right: 1em;
}
.footer .backtotop .fa {
    font: normal normal normal 14px/1 HeronIconFont;
        font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.footer .backtotop .fa.fa-angle-up::before {
    content: "\f077";
}

.activeDd .dropdown-menu {
	display: block !important;
}

.wrapper .portfolio-item-slider .slick-slider-item .text-description {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.wrapper .portfolio-thumb-slider .slick-track {
    justify-content: center;
}

/*wave contrast*/
.top-navbar .alert_bar p,
header .top-navbar .contact-and-subscribe,
.visually-hidden,
.navbar-expand-lg .navbar-nav .nav-link,
.wrapper .portfolio-item-slider .slick-slider-item .text-description,
.card.booking-card time,
.card.booking-card.title-in-img .title-line-in time,
.card.booking-card.title-in-img .title-line-in h4 a,
.footer .address-footer p {
    background-color: rgba(0,0,0,0.002);
}