/*
Theme Name: Tempa Child Theme
Theme URI: https://shtheme.com/demosd/tempa
Description: This is child theme of tempa
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.0
Text Domain: tempa-child
Template: tempa
*/

/* ========TABLE OF CONTENTS==========
00. Body, links, hgroup, paragraphs, general styles
01. Fixed header & Navigation
02. Section Intro (Home)
03. Section About
04. Section Resume
05. Section Portfolio
06. Section Blog
07. Section Contact
08. Footer
09. Loader
10. Responsive design

/*--------------------------------------------------
    00. Body, links, hgroup, paragraphs, general styles
---------------------------------------------------*/




a:hover{
    color: inherit;
}
.blog-details-info .details-block .details-info .title-bio .bio-block .bio{
    border: 1px solid var(--primary-color-1);
}
/*.blog-details-info .details-block .details-info .title-bio .bio-block .bio:hover{
    color: var(--primary-color-1);
    background: transparent;
}*/
.logged-in .modal-content{
    top: 32px;
}
.post-comment-wrap{
    display: flex;
    margin-bottom: 60px;
}
.post-user-comment{
    margin-right: 20px;
    flex: 0 0 auto;
}
.post-user-comment img{
    border-radius: 100%;
    width: 100px;
}
.post-user-content{
    margin-right: 26px;
}
.post-comment-section h3{
    font-size: 18px;
    color: var(--heading-font-color);
    margin-bottom: 15px;
}
.post-comment-section h3 span{
    font-size: 13px;
    color: var(--paragraph-font-color);
    margin-left: 15px;
    font-weight: 300;
    font-family: 'Outfit', sans-serif;
}
.post-comment-section p{
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.75em;
    color: var(--paragraph-font-color);
    margin-bottom: 20px;
}
.form-comment input[type="password"], .form-comment input[type="email"], .form-comment input[type="text"], .form-comment input[type="file"], .form-comment textarea{
    max-width: 100%;
    margin-bottom: 15px;
    padding: 10px 10px 10px 0px;
    height: auto;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-width: 0 0 1px;
    border-style: solid;
    display: block;
    width: 100%;
    line-height: 1.5em;
    font-family: 'Outfit', sans-serif;
    font-size: 15px;
    font-weight: 300;
    color: var(--paragraph-font-color);
    background-image: none;
    border-color: ease-in-out .15s, box-shadow ease-in-out .15s;
    border: none;
    border-bottom: 1px solid var(--paragraph-font-color);
}
::placeholder{
    color: var(--paragraph-font-color);
}
select.select{
    background: transparent;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}
select.select option{
    background-color: var(--primary-color-1);
}
.post-user-content a{
    text-transform: capitalize;
}
.post-user-content a:hover{
    color: inherit;
}
a.comment-reply-link:hover{
    color: var(--primary-color-1);
}
.post-comment-section ul.children{
    padding-left: 75px;
}
div#repond h3 a{
    text-transform: capitalize;
}
a#cancel-comment-reply-link:hover{
    color: var(--primary-color-1);
}
.blog-item .blog-content p.desc{
    width: 100%;
}
.blog-list-area .blog-list ul.room-list-ul li.room-list-li .room-item{
    display: block;
}
.blog-list-area .blog-list ul.room-list-ul li.room-list-li .room-item .room-image{
    width: 100%;
}
.blog-list-area .blog-list ul.room-list-ul li.room-list-li .room-item .room-content{
    width: 100%;
}
.blog-list .img-fluid{
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}
.room-item .room-content .room-tag .tag{
    position: relative;
    color: var(--primary-color-1);
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 5px;
    line-height: 1;
    text-transform: capitalize;
}
.room-item .room-content .room-tag .tag:first-child{
    margin-left: 0px;
    padding-left: 0px;
}
.room-item .room-content .room-tag .tag:first-child:before{
    content: none;
}
.room-item .room-content .room-tag .tag:before{
    background-color: var(--body-font-color);
    content: '';
    position: absolute;
    left: -3px;
    bottom: 50%;
    transform: translateY(50%);
    width: 4px;
    height: 4px;
    border-radius: 100%;
}
ul.pagination{
    padding-top: 100px;
    justify-content: center;
    gap: 20px;
}
ul.pagination .page-numbers{
    color: var(--primary-color-1);
    font-size: 16px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-color);
}
ul.pagination .page-numbers.dots:hover{
    color: var(--primary-color-1);
    border: 1px solid var(--border-color);
    background-color: transparent;
}
ul.pagination .page-numbers.current{
    border-color: var(--primary-color-1);
    background-color: var(--primary-color-1);
    color: var(--body-font-color);
}
ul.pagination .page-numbers:hover{
    border-color: var(--primary-color-1);
    background-color: var(--primary-color-1);
    color: var(--body-font-color);
}
.bottom-menu ul.bottom-menu-ul li.bottom-menu-li{
    width: 25%;
}
.details-area .info-block .details-info .info-content ul.details-tag-ul li.details-tag-li span.tag-link{
    color: var(--primary-color-1);
    line-height: 1;
}
.logged-in header .header-area.sticky-up, .mobile-menu{
    top: 32px;
}
.comment-form-cookies-consent{
    display: none;
}
.btn-style5{
    width: fit-content;
}
.pricing-main .pricing-content .title-price h4.title span{
    color: var(--body-font-color);
}
.input-area input[type='email']{
    color: var(--secondary-color-1);
    padding-right: 120px;
}
.input-area input[type='submit']{
    color: var(--primary-color-1);
    font-weight: 500;
    position: absolute;
    bottom: 66%;
    transform: translateY(50%);
    right: 30px;
    text-transform: uppercase;
    width: fit-content;
    background: transparent;
    padding: 0;
}
.hotel-room-area .hotel-room-block .room-block span.room-image{
    position: relative;
}
.hotel-room-area .hotel-room-block .room-block span.room-image::before{
    content: "";
    background-image: linear-gradient(-180deg,rgba(31,34,41,1)45%,rgba(31,34,41,0.7)100%);
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
}
.home-slider-main .slider-service .service-area ul.service-ul li.service-li .service-block span.service-icon img{
    width: 60px;
    height: 60px;
}
.main-menu li:hover{
    cursor: pointer;
}
form input[name='s']{
    position: relative;
}
form button.search-btn, form button.search-button{
    position: absolute;
    background: transparent;
}
.main-menu.collapse-bar ul.menu-ul li.active > ul.collapse{
    display: block !important;
}
.main-menu.collapse-bar ul.menu-ul li.active > a > span.icon i::before{
    content: "\e996";
}
.footer-newsletter form input[type="email"]{
    position: relative;
    padding-right: 180px;
}
.footer-newsletter form input[type="submit"]{
    background-color: var(--primary-color-1) !important;
    width: fit-content !important;
    position: absolute;
    top: 0;
    right: 0;
    height: 55px;
}
.footer-newsletter form input[type="submit"]:hover, .footer-newsletter form input[type="submit"]:active{
    background-color: transparent !important;
    color: var(--primary-color-1);
    border: 2px solid var(--primary-color-1);
}
.wpcf7 form .wpcf7-response-output{
    border: 0;
    padding: 0;
    margin: 10px 0 0;
}
a.scroll span, a.scroll:hover span{
    border: 1px solid var(--primary-color-1);
}
span.text-cap{
    text-transform: capitalize;
}
.search_custom .form-search{
    position: relative;
    margin-top: 20px;
}
.search_custom input{
    background: #fff;
    color: #111;
}
.search_custom button{
    position: absolute;
    right: 0;
    font-size: 30px;
    padding: 11px 15px;
}
.post-comment-wrap .post-user-content{
    position: relative;
    width: 100%;
}
.post-comment-wrap .post-user-content .comment-reply-link{
    background-color: var(--primary-color-1);
    color: var(--body-font-color);
    position: absolute;
    font-size: 15px;
    padding: 4px 7px;
    font-weight: 500;
    border: 2px solid var(--primary-color-1);
    border-radius: 3px;
    top: 0;
    right: 0;
}
.post-comment-wrap .post-user-content .comment-reply-link:hover{
    color: var(--primary-color-1);
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
div#respond{
    position: relative;
}
div#respond a{
    text-transform: capitalize;
}
div#respond a#cancel-comment-reply-link{
    background-color: var(--primary-color-1);
    color: var(--body-font-color);
    position: absolute;
    font-size: 15px;
    padding: 4px 7px;
    font-weight: 500;
    border: 2px solid var(--primary-color-1);
    border-radius: 3px;
    top: 0;
    right: 0;
    text-transform: none;
}
div#respond a#cancel-comment-reply-link:hover{
    color: var(--primary-color-1);
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
.details-area .info-block .details-info .info-content .title-review h4.title, .blog-details-info .details-block .details-info .title-bio .title-block h4.title{
    font-size: 26px;
}
form .wpcf7-spinner{
    display: none;
}
.promotions-area .promotions-grid .promotions-block .promotions-content .content-block .promotions-tag ul.tag-ul li.tag-li .tag{
    font-size: 13px;
}
.promotions-area .promotions-grid .promotions-block .promotions-content .content-block .promotions-tag ul.tag-ul li.tag-li .tag:hover{
    color: var(--primary-color-1);
    cursor: default;
}
.blog-list-area{
    min-height: 600px;
}
/*.elementor-edit-area-active, .elementor-edit-area-active .e-con{
    --primary-color-1: var(--px-theme-clr-1) !important;
    --secondary-color-1: #1f2229 !important;
}*/
.elementor-editor-active header .header-area.sticky-up, .mobile-menu{
    top: 0;
}
.details-area .info-block .details-info .details-service .service-block ul.service-ul li.service-li .service-icon .service-icon img{
    width: 45px;
}
.hotel-room-area .hotel-room-block .room-block span.room-image{
    min-height: 450px;
}
.about-location-area ul.about-location-ul li.about-location-li .location-block{
    min-height: 450px;
}
.text-middle form .input-area input[type='submit']{
    bottom: 50%;
}
.elementor-align-left{
    text-align: inherit !important;
}
#demo-1-content .date-selector .selector-area{
    direction: rtl;
}
.home-slider-area .slider-main-content .side-content-block{
    width: 100%;
    height: 100vh;
    min-height: 1000px;
}
.home-slider-area:has(.slider-main-content .side-content-block){
    width: 25%;
    position: absolute;
    z-index: 999;
}
.home-slider-area .slider-main-content .slider-area{
    width: 100%;
    height: 100vh;
    min-height: 1000px;
}
.home-slider-area:has(.slider-main-content .slider-area){
    width: 75%;
    float: right;
}
.home-slider-area .slider-main-content .slider-area .slick-list .slider-item img{
    height: 100vh;
    width: 100%;
    object-fit: cover;
    max-height: 100vh;
    max-width: unset;
    min-height: 1000px;
}
input[type="submit"]:focus, input[type="submit"]:active{
    border-color: var(--primary-color-1);
}
.swiper-horizontal>.swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal{
    position: unset !important;
    height: 2px !important;
}
.hotel-about-area .hotel-about-block .hotel-about-content{
    width: 100%;
}
.home-slider-area.left-ctn:has(.slider-main-content .slider-area){
    float: left;
}
.demo-rtl .tab-content-block{
    direction: rtl;
}
.home-slider-main .home-slider .slider-item a.slider-image{
    width: 100%;
}
.home-slider-main .home-slider .slider-item a.slider-image img{
    object-fit: cover;
    width: 100%;
}
.store-2-header.show-header > .header-area{
    width: 100%;
}




@media (max-width: 1199px){
    .main-menu ul.menu-ul li.menu-item-has-children.active > ul{
        display: block !important;
    }
    .home-slider-area .slider-main-content .slider-area{
        height: unset;
        min-height: unset;
    }
    .home-slider-area:has(.slider-main-content .slider-area){
        width: 100%;
        height: unset;
        min-height: unset;
    }
    .home-slider-area .slider-main-content .slider-area .slick-list .slider-item img{
        height: unset;
        min-height: unset;
    }
}
@media (max-width: 768px){
    .logged-in .modal-content{
        top: 0;
    }
    .logged-in header .header-area.sticky-up, .mobile-menu{
        top: 0;
    }
}
@media (max-width: 767.98px){
    .post-comment-wrap{
        display: block;
    }
    .post-user-comment{
        margin-bottom: 20px;
    }
    .logged-in header .header-area.sticky-up{
        top: 0;
    }
    .footer-newsletter form input[type="email"]{
        padding-right: 160px;
    }
    .footer-newsletter form input[type="submit"]{
        position: unset;
        margin-top: 15px;
        width: 100% !important;
    }
    .post-comment-wrap .post-user-content .comment-reply-link{
        position: unset;
    }
    div#respond a#cancel-comment-reply-link{
        position: unset;
        margin-top: 20px;
    }
    div#respond small:has(a#cancel-comment-reply-link){
        display: block;
    }
}
@media (max-width: 479px){
    .date-selector .selector-area ul.selector-ul li.selector-li .selector-block{
        position: relative;
    }
}