/*
Theme Name: Awais Khan
Theme URI: https://awaiskhanx.com/
Author: Awais Khan
Author URI: https://awaiskhanx.com/
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;
}