/*
Theme Name: Perez
Theme URI: https://shthemes.net/demosd/perez
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Perez – Personal Portfolio WordPress theme, It’s creative, Minimal and Clean Design. It’s suitable for Personal Portfolio, Art Portfolio, Creative Portfolio, Product Designer, UI UX Designer, Marketer Portfolio, Web Designer Portfolio, Marketers, Startup, Developer Portfolio, Freelancer Portfolio, CV, Resume, Writer Portfolio, Photographer Portfolio, Programmer, Content Creator, Creative Agency and many More..
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.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: Thecappa Mountain Hotel

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



.mg-auto{
	margin: 0 auto;
}
body{
	position: unset;
	word-break: auto-phrase;
}
.text-cap{
	text-transform: capitalize;
}
.comment-form-cookies-consent{
	display: none;
}
.comment-box .comment-list{
	padding-left: 0;
}
.comment-box .comment-list li.comment{
	list-style-type: none;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
.comment-box .comment-list li.comment .comment-body{
	display: flex;
}
.comment-box .comment-list li.comment .comment-body .comment-author{
	padding-right: 20px;
}
.comment-box .comment-list li.comment .comment-body .comment-author .lazy-container{
	width: 100px;
}
.comment-box .comment-list li.comment .comment-body .comment-author img{
	border-radius: 100%;
	width: 100px;
	height: 100px;
}
.comment-box .comment-list li.comment .comment-body .comment-content p{
	color: rgba(255, 255, 255, 0.8);
}
.comment-reply .logged-in-as{
	color: rgba(255, 255, 255, 0.8);
}
.comment-box .comment-list li.comment a.comment-reply-link{
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	padding: 3px 10px 0px 10px;
	color: rgba(255, 255, 255, 0.8);
}
.comment-box .comment-list li.comment a.comment-reply-link{
	padding: 8px 10px;
    border: 1px solid rgba(8, 8, 8, 0.4);
    font-weight: 600;
    font-size: 15px;
    background-color: #080808;
    color: #FFFFFF !important;
    text-transform: capitalize;
    line-height: 1;
    border-radius: 8px;
    transition: all 0.5s;
}
.comment-box .comment-list li.comment a.comment-reply-link:hover{
    background-color: transparent;
    border-color: rgba(8, 8, 8, 0.4);
    color: rgba(8, 8, 8, 0.95) !important;
}
.bg-dark .comment-box .comment-list li.comment a.comment-reply-link{
	background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #080808 !important;
}
.bg-dark .comment-box .comment-list li.comment a.comment-reply-link:hover{
    background-color: transparent;
    color: #FFFFFF !important;
}
.dark-paragraph p{
	color: rgba(255, 255, 255, 0.8);
}
section.bg-secondary.style2{
	min-height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}
section.bg-secondary.style2 img{
	display: none;
}
section.blog-details-section{
	min-height: calc(100vh - 660px);
}
section.blog-details-section.style2, section.project-details-section.style2{
	margin-top: 0;
	padding-top: 70px;
}
section.blog-details-section img.banner-thumb{
	display: none;
}
section.blog-details-section.style2 img.banner-thumb{
	display: block;
}
.post-author img{
	width: 48px;
	height: 48px;
	border-radius: 100%;
}
.comment-reply > h3 > a{
	text-transform: capitalize;
}
div.comment-reply{
	position: relative;
}
.comment-reply > h3 > small{
	position: absolute;
	top: 0;
	right: 0;
}
.comment-reply > h3 > small > a{
	position: absolute;
	top: 0;
	right: 0;
	border: 1px solid rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	padding: 0px 10px 0px 10px;
	color: rgba(255, 255, 255, 0.8);
	font-size: 1.125rem;
	font-weight: 400;
	width: max-content;
}
.comment-reply > h3 > small > a:hover{
	color: rgba(255, 255, 255, 0.8);
}
.comment-box .comment-list ul.children{
	padding-left: 2rem;
}
.pb-20{
	padding-bottom: 20px;
}
.gap-16{
	gap: 16px;
}
ul.blog-meta > li{
	position: relative;
}
ul.blog-meta > li:before{
	content: "|";
	position: absolute;
	color: #111;
	left: -10px;
	top: -5px;
}
section.bg-dark ul.blog-meta > li:before{
	color: #fff;
}
ul.blog-meta > li:first-child:before{
	content: unset;
}
div.page-pagination{
	list-style: none;
	display: inline-block;
}
div.page-pagination li{
	display: inline-block;
}
div.page-pagination li, div.page-pagination li .page-numbers{
	margin: 0px 6px 12px 0px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	border-radius: 10px;
	text-align: center;
	background-clip: padding-box;
	background: #fff;
	color: #111;
	font-weight: 800;
}
div.page-pagination li:has( > .current), div.page-pagination li:hover{
	border: 1px solid #fff;
}
div.page-pagination.text-dark li, div.page-pagination.text-dark li .page-numbers{
	background: #111;
	color: #fff;
	border-color: #111;
}
div.page-pagination li, div.page-pagination li .page-numbers.current{
	background: transparent;
	color: #fff;
}
div.page-pagination.text-dark li, div.page-pagination.text-dark li .page-numbers.current{
	color: #111;
	background: transparent;
}
div.page-pagination li .page-numbers{
	margin: 0;
	border: 0;
}
div.page-pagination li:hover, div.page-pagination li .page-numbers:hover{
	background-color: transparent;
	color: #fff;
}
div.page-pagination.text-dark li:hover, div.page-pagination.text-dark li .page-numbers:hover{
	color: #111;
}
div.page-pagination li .page-numbers:hover{
	color: #fff;
}
div.page-pagination.text-dark li .page-numbers:hover{
	color: #111;
}
div.page-pagination li .dots:hover{
	color: #111;
}
div.page-pagination.text-dark li .dots:hover{
	color: #fff;
}
div.page-pagination li .current:hover, div.page-pagination li:has(.current):hover{
	background-color: transparent;
	color: #fff;
}
div.page-pagination.text-dark li .current:hover, div.page-pagination.text-dark li:has(.current):hover{
	color: #111;
}
div.page-pagination li:has(.dots){
	color: #111;
	background-color: #fff;
}
div.page-pagination.text-dark li:has(.dots):hover{
	color: #fff;
	background-color: #111;
}
.blog-meta-item:last-child span{
	color: #FF9330;
}
.bg-dark-tab.featured-properties{
	background-color: #1A1A1A;
}
a.video-popup.play-button svg{
	width: 100px;
}
a.animate-arrow-up svg{
	width: 48px;
}
.blog-item a.animate-arrow-up svg{
	width: 40px;
}
.clr-dark .blog-meta-item:first-child::before{
	background-color: #080808;
}
.clr-dark .blog-meta-item:first-child a{
	color: rgba(8, 8, 8, 0.8);
}
.clr-dark .clients-info-text{
	color: rgba(8, 8, 8, 0.8);
}
.logged-in .offcanvas{
	top: 32px;
}
.bg-black div.address-item > span{
	width: 32px;
	fill: #fff;
}
.bg-black .wpcf7 form .wpcf7-response-output{
	border: 0;
	margin: 0;
	padding: 0.2em 0;
	margin-top: 10px;
}
.bg-black .contact-form-control{
	color: rgba(255, 255, 255, 0.8);
}
.hero-content-wrapper .social-links li a{
	width: 24px;
}
.bg-dark .service-icon > svg{
	width: 24px;
	height: 24px;
	fill: #fff;
}
.bg-dark .service-card:hover .service-icon > svg{
	fill: #080808;
}
.logged-in header.header{
	margin-top: 32px;
}
.logged-in.elementor-editor-active header.header, .logged-in.elementor-editor-preview header.header{
	margin-top: 0;
}
.offcanvas-menu-item{
	padding-top: 0;
	padding-bottom: 0;
}
.offcanvas-menu-link{
	line-height: 57px;
}
div.offcanvas ul.offcanvas-social-links li i{
	font-size: 20px;
}
.pt-60{
	padding-top: 60px !important;
}
.no-bd-top{
	border-top: 0;
}
.form-control{
	border: 1px solid #080808;
}
.comment-aside .comment-reply > h3{
	margin-bottom: 20px;
}
.logged-in .comment-aside .comment-reply > h3{
	margin-bottom: .5rem;
}
.comment-aside .text-white .comment-box .comment-list li .comment-body .comment-content p,
.comment-aside .text-white .comment-box .comment-list li a.comment-reply-link,
.comment-aside .text-white .comment-reply > h3 > small > a,
.comment-aside .text-white .comment-reply .logged-in-as,
.comment-aside .text-white h1,
.comment-aside .text-white h2,
.comment-aside .text-white h3,
.comment-aside .text-white h4,
.comment-aside .text-white h5,
.comment-aside .text-white h6{
	color: #fff;
	border-color: rgba(255, 255, 255, 0.8);
}
.comment-aside .text-dark .comment-box .comment-list li .comment-body .comment-content p,
.comment-aside .text-dark .comment-box .comment-list li a.comment-reply-link,
.comment-aside .text-dark .comment-reply > h3 > small > a,
.comment-aside .text-dark .comment-reply .logged-in-as,
.comment-aside .text-dark h1,
.comment-aside .text-dark h2,
.comment-aside .text-dark h3,
.comment-aside .text-dark h4,
.comment-aside .text-dark h5,
.comment-aside .text-dark h6{
	color: #333333;
	border-color: rgba(0, 0, 0, 0.8);
}
section.bg-dark.blog-details-section h1,
section.bg-dark.blog-details-section h2,
section.bg-dark.blog-details-section h3,
section.bg-dark.blog-details-section h4,
section.bg-dark.blog-details-section h5,
section.bg-dark.blog-details-section h6{
	color:  #fff;
}
section.bg-white.blog-details-section h1,
section.bg-white.blog-details-section h2,
section.bg-white.blog-details-section h3,
section.bg-white.blog-details-section h4,
section.bg-white.blog-details-section h5,
section.bg-white.blog-details-section h6{
	color:  #333333;
}
.wpcf7 form .wpcf7-response-output{
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 10px;
}
.service-contact-card a.animate-arrow-up svg{
	width: 80px;
}
.footer-social li a i{
	font-size: 20px;
	vertical-align: middle;
}
.footer-social li a{
	width: 24px;
	height: 24px;
}
.footer-social ul.footer-social-links {
	line-height: 28px;
}
.prcing-grid a.animate-arrow-up svg, .footer-grid a.animate-arrow-up svg{
	width: auto;
}
.swiper.brand-carousel{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	border-top: 1px solid rgba(8, 8, 8, 0.1);
	border-bottom: 1px solid rgba(8, 8, 8, 0.1);
}
.bg-dark .brand-carousel{
	border-color: rgba(255, 255, 255, 0.2);
}
#contact-form input[type=submit]{
	height: 58px;
}
.wpcf7-spinner{
	display: none;
}
section.bg-white li.blog-meta-item:last-child{
	color: #FF9330;
}
form.search-form{
	position: relative;
}
form.search-form .search-input{
	height: 42px;
	padding-right: 40px;
}
form.search-form .btn-search{
	position: absolute;
	top: 0;
	background: transparent;
	border: 0;
	color: #111;
	line-height: 42px;
	right: 0;
	padding: 0 12px;
}
.error_message-title{
	font-size: 120px;
	color: #fff;
}
.error_page.fullscreen{
	min-height: calc(100vh - 260px);
}
.error_message-text {
	font-size: 40px;
	color: #fff;
}
ul.blog-meta > li:has(> span.featured-post.sticky):before{
	content: unset;
}
.banner-contents{
	position: relative;
	color: rgba(255, 255, 255, 0.8);
}
li:has(> span.featured-post.sticky){
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;
	border-radius: 5px;
	padding: 3px 10px;
}
li > span.featured-post.sticky{
	color: #080808;
	font-weight: 700;
	font-size: 15px;
}
.banner-contents a > img.banner-thumb{
	margin: 0 auto;
}
figcaption{
	font-weight: 700;
	font-size: 16px;
	text-align: center;
}
.wp-block-image figcaption{
	margin-bottom: 1em;
	margin-top: .5em;
}
.blog-tags-list{
	clear: both;
}
section.comment-aside{
	clear: both;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img{
	width: 100%;
	height: auto;
}
a.wp-block-button__link{
	border-radius: 5px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	margin-bottom: 20px;
}
.alignleft{
	float: left;
	margin-right: 1rem;
	text-align: left;
	clear: both;
}
.alignright{
	float: right;
	margin-left: 1rem;
	text-align: right;
	clear: both;
}
.aligncenter{
	text-align: center;
	margin: 0 auto;
}
.wp-block-cover.has-background-dim{
	margin-bottom: 1rem;
}
.wp-block-cover.has-background-dim > p.wp-block-cover-text{
	color: #fff;
	font-size: 16px;
}
.wp-block-cover.alignleft.has-background-dim{
	margin-top: 0;
}
figcaption.blocks-gallery-caption{
	margin-bottom: 20px;
}
figure.wp-block-gallery.extraclass:not(.has-nested-images).columns-2 .blocks-gallery-item:nth-of-type(2n){
	margin-right: 1em;
}
figure.wp-block-gallery.columns-2.extraclass.is-layout-flex:not(.has-nested-images) .blocks-gallery-item:last-child{
	margin-right: 1em;
}
.wp-block-gallery.columns-5:not(.has-nested-images).is-cropped.is-layout-flex .blocks-gallery-item img{
	height: auto;
}
blockquote{
	padding: 20px;
	border-left: 5px solid #FFB646;
	background: rgba(36, 93, 81, 0.03);
}
.wp-block-columns-is-layout-flex .wp-block-media-text.alignwide{
	margin-bottom: 0;
}
p.has-text-color:has(> strong){
	color: rgba(255, 255, 255, 0.8) !important;
}
nav.wp-calendar-nav{
	display: none;
}
select{
	padding: 0px 15px !important;
	font-size: 16px;
	line-height: 28px;
	border: 1px solid #888 !important;
	border-radius: 5px;
	height: 45px;
	-webkit-appearance: none;
	background: url(assets/arrow.png) no-repeat right;
	background-position-x: 98%;
	background-color: rgba(255, 255, 255, 0.8);
	background-size: 16px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	outline: none;
	width: 100%;
	display: block;
	margin-top: 20px;
	margin-bottom: 25px;
}
.wp-block-calendar table{
	border-collapse: collapse;
	width: 100%;
}
.wp-block-calendar table caption{
	caption-side: top;
	text-align: center;
	background: #fff;
	color: #111;
	padding: 10px;
}
table{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
table th, table td{
	border: 1px solid #fff;
	padding: 8px;
}
.wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th{
	border-color: #fff;
}
.wp-block-calendar table:where(:not(.has-text-color)) td{
	color: rgba(255, 255, 255, 0.8);
}
.wp-block-calendar{
	margin-bottom: 1rem;
}
.has-avatars.wp-block-latest-comments li.wp-block-latest-comments__comment{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
}
.has-avatars.wp-block-latest-comments li.wp-block-latest-comments__comment:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
ol.wp-block-latest-comments{
	padding-left: 0;
}
.wp-block-latest-comments li.wp-block-latest-comments__comment{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
}
.wp-block-latest-comments li.wp-block-latest-comments__comment:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
}
.wp-block-latest-posts.wp-block-latest-posts__list li:last-child{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.wp-block-latest-posts.is-grid li:last-child{
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.8);
}
.wp-block-search[role="search"]{
	margin-bottom: 20px;
}
.wp-block-search[role="search"] label{
	display: none;
}
.wp-block-search[role="search"] button{
	color: #111;
	background-color: #fff;
	margin-left: 0;
	border: 0;
}
.wp-block-tag-cloud > a{
	text-transform: uppercase;
	border: 1px solid #fff;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
	color: #FFFFFF;
	border-radius: 999px;
	font-size: 12px !important;
	line-height: 1rem;
	padding: 6px 1rem;
	margin: 0 8px 8px 0;
}
.wp-block-tag-cloud > a:hover{
	color: #FFB646;
}
div.wp-block-group.has-background{
	padding: 20px;
	margin-bottom: 20px;;
}
div.wp-block-group.has-background p{
	color: #080808;
}
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile{
	margin-bottom: 1rem;
}
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile p{
	color: #080808;
}
.page-links > .post-page-numbers{
	color: rgba(255, 255, 255, 0.95);
	text-align: center;
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 0 5px;
	border-radius: 5px;
	border: 1px solid rgba(255, 255, 255, 0.95);
}
.page-links > .current, .page-links > .post-page-numbers:hover{
	background-color: rgba(255, 255, 255, 0.95);
	color: #080808;
}
.entry-content{
	clear: both;
	margin-bottom: 20px;
	padding-top: 20px;
}
pre{
	display: block;
	padding: 20px;
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #505050;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-top: 15px;
	margin-bottom: 15px;
	white-space: pre-wrap;
	font-family: monospace;
}
.wp-block-table.is-style-stripes td{
	border: 1px solid #fff;
	color: #111;
}
dd{
	margin-left: 1.5em;
}
code{
	color: rgba(255, 255, 255, 0.95);
}
p:has(>img.aligncenter){
	text-align: center;
}
div.wp-caption > p.wp-caption-text{
	font-weight: 700;
	font-size: 16px;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 10px;
}
div.wp-caption:has(>img){
	max-width: 100%;
}
form.post-password-form{
	margin-bottom: 30px;
}
form.post-password-form input[type="password"]{
	width: auto;
	display: inline-block;
	height: 42px;
	margin-left: 10px;
	border: 1px solid #505050;
	color: #505050;
	padding-left: 5px;
	margin-bottom: 0;
	position: relative;
}
form.post-password-form input[type="submit"]{
	font-weight: 400;
	text-transform: uppercase;
	background: #505050;
	color: #fff;
	padding: 8px 20px;
	margin: 0;
	font-size: 15px;
	letter-spacing: 1px;
	height: 42px;
	border: #505050;
	position: absolute;
	margin-left: -1px;
}
table tr a{
	font-weight: bold;
}
.comment-box li.comment .comment-content img{
	margin: 10px 0;
}
dl.gallery-item dd.wp-caption-text.gallery-caption{
	margin-top: 10px;
}
img{
	height: auto;
}
div.wp-audio-shortcode.mejs-audio{
	margin-bottom: 20px;
}
ul.wp-block-rss:has(> li.wp-block-rss__item){
	list-style: disc;
	padding-left: 25px;
}
.screen-reader-text{
	text-decoration: none;
}
.bypostauthor{
	text-decoration: none;
}
.lh-1{
	line-height: 1.1;
}
textarea::placeholder, input::placeholder{
	font-family: "DM Sans", sans-serif, Arial, Helvetica, sans-serif;
	font-size: 1rem;
}
.elementor img.rounded-20{
	border-radius: 20px;
}




@media only screen and (min-width: 768px) and (max-width: 991px){
	.elementor img.hero-image{
		max-width: 420px;
	}
}
@media (max-width: 768px){
	.logged-in .offcanvas{
		top: 46px;
	}
	.logged-in header.header{
		margin-top: 46px;
	}
}
@media (max-width: 767.98px){
	.comment-box .comment-list li .comment-body{
		display: block;
	}
	.comment-box .comment-list li .comment-body .comment-author{
		margin-bottom: 10px;
	}
	.comment-box .comment-list li a.comment-reply-link{
		top: 100px;
	}
	.blog-clients-info{
		display: block !important;
	}
	.blog-clients-info > li{
		margin-bottom: 10px;
	}
	.blog-clients-info > li:last-child{
		margin-bottom: 0;
	}
	ul.blog-meta{
		display: block !important;
	}
	ul.blog-meta > li:before{
		content: unset;
	}
	li:has(> span.featured-post.sticky){
		position: unset;
		width: fit-content;
	}
	.comment-box .comment-list li.comment .comment-body{
		display: block;
	}
	.comment-box .comment-list li.comment .comment-body .comment-content{
		margin-top: 20px;
	}
	.comment-box .comment-list li.comment a.comment-reply-link{
		position: unset;
	}
	.comment-box .comment-list ul.children{
		padding-left: 1rem;
	}
}
.wp-block-table.is-style-stripes td {
    color: #fff;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) >td {
    color: #111;
}
.single-post.postid-1177 .bg-dark.blog-details-section.pb-120.dark-paragraph.style2 .banner-contents >p:last-child {
	display: flow-root;
}