/*
Theme Name: Thecappa Beach Resort
Theme URI: https://shthemes.net/demosd/thecappa-beach-resort-hotel/
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Thecappa — Luxury Hotel WordPress Theme is perfect if you like a clean, modern and creative theme. This theme is ideal for hotel, hostel, resort, restaurant, pub, spa wellness, hotel B&B, vacation room/apartment rental etc, and those who need an easy, attractive and effective way to share their work with clients. If you would like to create a page that has a strong first impression and intrigues everyone, Thecappa theme is the tool you need.
Version: 1.2
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: Thecappa Beach Resort

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



.fit-img > img{
	max-width: 100%;
	width: fit-content;
}
.text-cap{
	text-transform: capitalize;
}
.comment-form-cookies-consent{
	display: none;
}
.post-user-content{
	padding-top: 30px;
	position: relative;
	width: 100%;
}
div#respond > h3{
	position: relative;
}
div#respond > h3 a#cancel-comment-reply-link{
    position: absolute;
    top: 0;
    right: 0;
    background: var(--clr-theme-primary);
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 15px;
    text-transform: capitalize;
}
.post-user-content p:has(> span.rating-stars){
	position: absolute;
	top: 0;
}
.post-user-content a.comment-reply-link{
	position: absolute;
	top: 0;
	right: 0;
	background: var(--clr-theme-primary);
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}
.stars-avg-rating{
	display: none;
}
.news2-sidebar .widget.widget_categories li a:before{
	content: "\e649";
	font-family: 'themify';
	font-size: 9px;
	margin-right: 10px;
	color: rgba(32, 149, 174, 0.7);
}
.news2-sidebar .widget.widget_tag_cloud .tagcloud > a{
	margin: 3px !important;
	padding: 10px 20px;
	background-color: #fff;
	border: 1px solid #fff;
	color: var(--clr-theme-body);
	float: left;
	font-size: 14px !important;
	line-height: 1.5em;
}
.news2-sidebar .widget.widget_tag_cloud .tagcloud > a:hover{
	background-color: var(--clr-theme-primary);
	color: #fff;
}
div#respond h3 > a{
	text-transform: capitalize;
}
.news-pagination-wrap li .page-numbers{
	background: transparent;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 46px;
	text-align: center;
	color: var(--clr-theme-body);
	font-weight: 400;
	border: 1px solid rgba(32, 149, 174, 0.2);
	font-family: 'Barlow', sans-serif;
	font-size: 16px;
	border-radius: 100%;
}
.news-pagination-wrap li .page-numbers:hover{
	opacity: 1;
	text-decoration: none;
	background: transparent;
	border: 1px solid var(--clr-theme-primary);
	color: var(--clr-theme-primary);
}
.news-pagination-wrap li .page-numbers.current{
	background-color: transparent;
	border: 1px solid var(--clr-theme-primary);
	color: var(--clr-theme-primary);
}
.banner-header{
	background-color: #111;
}
.logged-in nav.navbar.nav-scroll{
	top: -68px;
}
.logged-in.elementor-editor-active nav.navbar.nav-scroll{
	top: -100px;
}
.page-list-icon i{
	font-size: 18px;
	color: var(--clr-theme-primary);
}
.rooms figure{
	margin-left: auto !important;
}
.rooms.left figure{
	margin-right: auto !important;
}
.elementor hr.border-2{
	margin-top: 5px;
	margin-bottom: 20px;
}
.reservations .icon i{
	font-size: 36px;
	color: var(--clr-theme-primary);
}
.reservations .text span{
	font-size: 24px;
	color: var(--clr-theme-primary);
	letter-spacing: -1px;
}
.email1_inner input{
	display: block;
	width: 100%;
	font-size: 15px;
	color: #0f2454;
	padding: 19.5px 40px 20px 19.5px;
	background: #fff;
	border: none;
	box-shadow: none;
	border-radius: 0;
}
.elementor-editor-active .select2-container--default .select2-selection--single{
	background: none;
	border-radius: 0;
	border: none;
	height: auto;
}
.logged-in .select2-dropdown.select2-dropdown--below{
	top: 32px;
}
.email1_inner input::placeholder{
	color: #0f2454;
}
.wpcf7 form .wpcf7-response-output{
	border: 0;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}
.reservations .icon.color-1 i{
	font-size: 36px;
	color: #fff;
}
.reservations .text .color-1{
	color: #fff;
}
.elementor-edit-area.elementor-edit-area-active .animated{
	animation-fill-mode: both !important;
}
.news-pagination-wrap li .page-numbers.dots:hover{
	border: 1px solid rgba(32, 149, 174, 0.2);
	color: var(--clr-theme-body);
}
.facilties .single-facility i{
	font-size: 45px;
	color: var(--clr-theme-primary);
	line-height: 1;
	margin-bottom: 20px;
	display: inline-block;
	-webkit-transition: .5s;
	transition: .5s;
}
input.butn-dark2{
	position: relative;
	line-height: 1.2em;
	font-weight: 400;
	font-family: 'Barlow Condensed', sans-serif;
	text-transform: uppercase;
	background: var(--clr-theme-primary);
	color: #fff;
	padding: 15px 30px;
	margin: 0;
	position: relative;
	font-size: 15px;
	letter-spacing: 3px;
}
.facilties .single-facility .facility-shape i{
    font-size: 140px;
    color: #0f2454;
}
div.dialog-widget.dialog-lightbox-widget{
	display: none !important;
}
div.search-custom form div.input-wrap{
	position: relative;
}
div.search-custom form div.input-wrap > input{
	padding-right: 35px;
}
div.search-custom form div.input-wrap > button{
	position: absolute;
	right: 10px;
	top: 10px;
}
.select2-container--default > span.selection,
.select2-container--default .select2-selection--single{
	width: 100%;
}
.news2-sidebar .widget .recent a{
	display: flex;
	height: 60px;
	align-items: center;
}


@media screen and (max-width: 991.98px){
	.logo-wrapper:has(.logo > h2){
		padding: 19px 0 19px 15px;
	}
	.logo-wrapper .logo h2, .nav-scroll .logo-wrapper .logo h2{
		padding: 0;
	}

}
@media screen and (max-width: 768px){
	.logged-in nav.navbar.nav-scroll{
		top: -54px;
	}
}
@media screen and (max-width: 767.98px){
	.logged-in nav.navbar.nav-scroll{
		top: -100px;
	}
}