/*
Theme Name: Hotelina
Theme URI: https://www.hotelina-wp.egenstheme.com/
Author: Egens Lab
Author URI: https://themeforest.net/user/egenslab/
Description: Hotelina is WordPress theme for luxury hotel and suits booking purposes. This theme can be used for Small, Large and for the luxury hotel room bookings. This theme has added currently the best features with the current age demand. You can find here different demos with different styles of Room and Suits features. Most important fact of this theme is integrating WooCommerce. So that the visitors can book their suitable Room and Suits comfortably and Payment for them. Made with Elementor page builder so very easy to customize. Its fully responsive so very much suitable for any devices. 
Version: 1.1.2
Tested up to: 5.6
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hotelina
Tags: blog,right-sidebar, custom-colors, custom-header, custom-menu,sticky-post,featured-images,flexible-header

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Hotelina is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/

.hero-style2 .hero-content h4::after{
    opacity: 1;
}

.hero-style2 .hero-content h2{
    text-transform: initial;
    font-family: "Jost", Sans-serif;
    font-weight: bold;
    line-height: 90px;
}

.hero-style2 .hero-content p{
    font-size: 22px;
}

.hero-style2.hero-style-reservas {
    padding: 0;
}

.hero-style2 .multi-main-searchber .searchbox-input label{
    font-size: 17px;
}

.hero-style2 .multi-main-searchber {
    padding: 20px 20px 20px 20px;
}

.hero-style2.hero-style-reservas .multi-main-searchber {
    padding: 20px 0px;
}


.hero-style2 .multi-main-searchber .searchbox-input::before {
    left: 15px;
}

.hero-style2 .multi-main-searchber .searchbox-input label {
    padding: 5px 20px 0 50px;
}

.hero-style2 .nice-select{
    padding: 5px 20px 0 50px;
}

.hero-style2 .multi-main-searchber .searchbox-input input, .hero-style2 .multi-main-searchber .searchbox-input .contact-from-wrapper2 .form-inner textarea, .contact-from-wrapper2 .form-inner .hero-style2 .multi-main-searchber .searchbox-input textarea {
    padding: 0 20px 5px 50px;
}

.searchbar-section .btn--primary{
    border: 0;
}

.searchbar-section.formulario-columna .btn--primary{
    width: 100%;
}

.hero-style2 .main-form-submit button {
    width: 100%;
}

.reservas-sidebar{
    background: #f5f5f5;
    padding: 40px 20px;
    border-radius: 20px;
}

.cmplz-message p{
    font-size: 13px;
}

table th, table tr, .page-wrapper table th, .page-wrapper table tr, .page-wrapper table td, .blog-details table th, .blog-details table tr, .blog-details table td, .blog-comments table th, .blog-comments table tr, .blog-comments table td {
    border: 1px solid #00274e;
}

.section-iconos .feature-content{
    padding: 0;
}

.section-iconos .col-xl-6{
    width: 100%;
}

.section-iconos .section-title1{
    text-align: center;
}

.section-iconos .home-one-features .feature-content .feature-items{
    color: var(--title-color) !important;
    background-color: var(--white);
    cursor: initial;
    border: 0;
}

.section-iconos .home-one-features .feature-content .feature-items svg, .section-iconos .home-one-features .feature-content .feature-items svg path{
    fill: var(--title-color);
}

.section-title1 span{
    font-family: "Jost", Sans-serif !important;
    font-size: 25px;
}

.section-title1 h2{
    font-family: "Jost", Sans-serif !important;
}

.banner-ofertas h3{
    font-size: 21px !important;
    font-weight: bold !important;
    margin-bottom: 20px;
}

.banner-ofertas p{
    font-size: 15px !important;
}

.banner-ofertas h4{
    font-size: 20px !important;
    font-weight: bold !important;
}

.breadcrumb-section .breadcrumb-title, .breadcrumb-section .breadcrumb-title h2{
    font-family: "Jost", Sans-serif !important;
    text-transform: initial;
}

footer .footer-top .footer-item .destination-widget-title h3 {
    font-family: "Jost", Sans-serif !important;
}

.section-galeria .pt-120{
    padding-top: 0;
}


.top-bar2 .hotline .hotline-info h6, .top-bar2 .hotline .email-info h6, .top-bar2 .email .hotline-info h6, .top-bar2 .email .email-info h6{
    font-family: "Jost", Sans-serif !important; 
}

.top-bar2 .wlc-message p{
    font-family: "Jost", Sans-serif !important; 
    font-weight: bold;
}

.room-suits-details-page .single-room .room-content h3{
    font-family: "Jost", Sans-serif !important; 
    font-weight: 600;
}

.room-suits-details-page .single-room .room-content .book-btn a{
    font-family: "Jost", Sans-serif !important; 
}

.blog-widget-item.widget_search form label, .blog-widget-item .blog-widget-title h3, .blog-widget-item h2{
    font-family: "Jost", Sans-serif !important; 
}

.blog-wrrap .blog-content .blog-title h4 > a{
    font-family: "Jost", Sans-serif !important; 
}

.inner-blog .blog-post-area .blog-details .social-link h5{
    font-family: "Jost", Sans-serif !important; 
    justify-self: left;
    font-weight: 600;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a.wp-block-latest-posts__post-title{
    font-family: "Jost", Sans-serif !important; 
    text-transform: initial;
}

.inner-blog .blog-post-area .blog-details .post-content h3.pst-title{
    font-family: "Jost", Sans-serif !important; 
    font-weight: 700;
}

.section-reservas-marquee .home5-marque-tab{
    border: 0;
}

.room-meta-list li {
    flex: 1 0 21%;
    text-align: center;
}



@media (max-width: 1199px) {

    .room-meta-list li {
        flex: none;
    }

}

@media (max-width: 577px) {
  .home5-marque-tab .marquee ul {
        animation: CSSright 60s linear infinite running;
        display: inline-flex;
    }



    .hero-style2 .hero-content h2 {
        line-height: 60px !important;
        margin-top: 20px;
    }

    .room-meta-list li {
        flex: 1 0 48%;
        text-align: center;
    }

    .home-one-about.pt-120{
        padding-top: 40px;
    }

    .home-one-features .col-6{
        width: 45%;
    }

    

}



.home-one-features .row.align-items-center{
    padding: 0 15px;
}