/*
Theme Name: Tempa
Theme URI: https://shtheme.com/demosd/tempa
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Tempa is a modern and clean luxury hotel booking theme built with bootstrap. Tempa is fully designed for resort, hotel booking, spa wellness, restaurant, rental services, resort & spa, motel, accommodation, villas and many more subject.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: Tempa

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

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