/*
Theme Name: Zex
Theme URI: https://shthemes.net/demosd/zex
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Description: Zex is your gateway to a world where AI meets creativity. Our theme is thoughtfully designed to showcase the power and sophistication of AI image generation. Even if you have minimal coding experience, Zex empowers you with an array of pre-defined web elements to effortlessly build your own stunning website.
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: zex

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



.post-comment-wrap a{
	color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
}
.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{
	position: relative;
	width: 100%;
}
.post-comment-wrap h3{
	font-size: 24px;
	margin-bottom: 15px;
	text-transform: capitalize;
	color: var(--color-white);
}
.post-comment-wrap h3 span{
	margin-left: 20px;
	line-height: 1.75;
	font-size: 16px;
}
a.comment-reply-link, a#cancel-comment-reply-link{
	position: absolute;
	top: -5px;
	right: 0;
	padding: 5px 8px;
	border-radius: 5px;
	background-color: var(--primary-color-1);
	color: #111 !important;
	font-weight: 600;
	font-size: 16px;
}
p.logged-in-as, p.logged-in-as a{
	color: var(--color-white);
}
.comment-form input{
	background-color: transparent;
	border: 1px solid rgba(129, 129, 139, 0.3);
	border-radius: 8px;
	min-height: 56px;
	padding: 13px 32px;
	width: 100%;
	margin-bottom: 40px;
	color: var(--color-white);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
.comment-form textarea{
	background-color: transparent;
	border: 1px solid rgba(129, 129, 139, 0.3);
	border-radius: 8px;
	min-height: 150px;
	padding: 13px 32px;
	width: 100%;
	margin-bottom: 40px;
	color: var(--color-white);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
}
p.comment-form-cookies-consent{
	display: none;
}
.blog__features__title > a{
	color: var(--color-white);
	text-transform: capitalize;
}
.comment-form .bttn--style2{
	width: fit-content;
}
.bttn--primary .bttn__link{
	display: inline-flex;
	align-items: center;
	gap: 25px;
	color: #111;
	background: var(--primary-color-1);
	border: 0;
	padding: 17.5px 32px;
	border-radius: 10px;
	font-weight: 600;
	transition: all 0.4s ease;
}
.bttn--primary .bttn__link:hover{
	background-color: var(--secondary-color-1);
	color: var(--color-white);
}
ul.children{
	padding-left: 75px;
}
div.comment-form{
	position: relative;
}
h3.blog__features__title{
	width: 90%;
}
.blog-details__metas ul li a{
	color: rgba(var(--white-color-hex), 0.8);
	text-transform: capitalize;
}
.blog-details__taglist{
	display: block;
}
.blog-details__taglist > a{
	display: inline-block;
	font-size: 14px;
	font-weight: var(--fw-600);
	color: var(--color-white);
	background-color: var(--color-black-700);
	padding: 6px 16px;
	border-radius: 100px;
	margin-bottom: 12px;
	margin-right: 10px;
}
.blog-block__image--list img.border-radius-default{
	width: 100%;
	height: auto;
	max-height: 400px;
	object-fit: cover;
}
.pt-200{
	padding-top: 200px;
}
.bg-trans{
	background-color: transparent;
}
ul.page-pagination{
	display: block;
	padding: 0;
}
ul.page-pagination > li{
	width: fit-content;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}
ul.page-pagination > li > .page-numbers{
	transition: all 0.4s ease-in-out;
	font-size: var(--fs-default);
	font-weight: var(--fw-700);
	font-family: var(--font-heading);
	display: inline-block;
	border-radius: 40px;
	text-transform: capitalize;
	background-color: var(--primary-color-1);
	color: var(--color-black);
	width: 46px;
	height: 46px;
	text-align: center;
	padding: 11px;
}
ul.page-pagination > li > .page-numbers.current{
	color: var(--color-white);
	background-color: var(--secondary-color-1);
}
ul.page-pagination > li > .page-numbers:hover{
	color: var(--color-white);
	background-color: var(--secondary-color-1);
}
ul.page-pagination > li > .page-numbers.dots:hover{
	color: var(--color-black);
	background-color: var(--primary-color-1);
}
.blog--breadcrumb{
	padding-top: 200px;
}
img.border-radius-default{
	max-width: 100%;
}
.map-form__wrapper form input[type="submit"]{
	width: fit-content;
	color: var(--color-black);
}
.wpcf7 form .wpcf7-response-output{
	color: var(--color-white);
	border: 0;
	padding: 0;
	margin: 0;
	margin-top: 20px;
}
.insta-block .insta-block__link i{
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in-out;
	top: 50%;
	left: 50%;
	display: inline-block;
	position: absolute;
	z-index: 9;
	transform: translate(-50%, -50%) scale(0) rotate(-180deg);
}
.insta-block:hover .insta-block__link i{
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1) rotate(180deg);
}
.insta-block .insta-block__link i::before{
	font-size: 40px;
	color: var(--color-white);
}
.portfolio-block__title-link:hover{
	color: var(--color-white);
}
.newsletter__wrapper form .newsletter-form input[type = "submit"]{
	font-size: 30px;
	position: absolute;
	top: 0;
	right: 0;
}
div.newsletter-form+div.wpcf7-response-output{
	color: var(--color-black);
}
.tag__headlines > ul > li > a{
	width: max-content;
}
.portfolio-block__tag-link{
	text-transform: uppercase;
}
.newsletter-form.newsletter-form--h3 input[type="submit"]{
	font-size: 30px;
	position: absolute;
	top: 0;
	right: 0;
	color: var(--color-white);
}
.logged-in header.header{
	top: 32px;
}
.error-page h1{
	font-size: 110px;
}
.error-page a{
	margin-top: 20px;
	border: 1px solid var(--color-white);
}
.error-page a:hover{
	border: 1px solid var(--color-white);
}
.text-cap{
	text-transform: capitalize;
}
body.tag{
	position: unset;
	white-space: unset;
}
.search_custom form{
	position: relative;
}
.search_custom form input{
	border: none;
	font-size: 13px;
	font-weight: 400;
	color: var(--color-black);
	padding: 20px 80px 20px 25px;
	height: 65px;
	background: var(--color-white);
	position: relative;
	width: 100%;
	margin-top: 20px;
}
.search_custom form button{
	border: none;
	position: absolute;
	right: 0;
	top: 20px;
	width: 72px;
	height: 65px;
	background: var(--primary-color-1);
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-black);
	line-height: 0;
	font-size: 20px;
}
#user-registration{
	box-shadow: none;
}
.user-registration .ur-frontend-form.login{
	background-color: var(--background-body);
	border: 0;
}
#user-registration p{
	color: var(--color-white);
}
#user-registration .user-registration-MyAccount-content p{
	color: var(--color-black);
}
.user-registration .ur-frontend-form.login label{
	color: var(--color-white);
	font-weight: var(--fw-700);
	font-family: var(--font-heading);
}
.user-registration .ur-frontend-form.login span.input-wrapper input, .ur-frontend-form .ur-form-row .ur-form-grid input[type="text"]{
	min-height: 52px;
	width: 100%;
	background-color: var(--color-white);
	padding: 15px 20px;
	border-radius: 40px;
	resize: none;
	outline: none;
	color: var(--color-black);
	transition: all 0.3s ease-in-out;
}
#user-registration p.lost_password > a{
	color: var(--color-white);
}
.user-registration .ur-frontend-form.login input[type="submit"]{
	border-radius: 40px;
	background-image: linear-gradient(222deg, var(--primary-color-1) 77.22%, var(--secondary-color-1) 93.57%);
	background-size: 200% auto;
	display: inline-block;
	color: var(--color-black);
	padding: 11px 30px;
	font-size: 17px;
	font-weight: var(--fw-700);
	font-family: var(--font-heading);
}
.user-registration .ur-frontend-form.login input[type="submit"]:hover{
	background-position: 200% 200%;
	transition: all 0.4s ease-in-out;
}
.user-registration .ur-frontend-form.login input[type="submit"]:hover:hover{
	transition: all 0.4s ease-in-out;
}
.elementor-editor-active header.header{
	top: 0;
}
.bg-no-repeat{
	background-size:cover;
}
.banner-gallery.swiper{
    z-index: -1;
    padding-bottom: 65px;
    margin: 0 -20px;
}
.banner-gallery--slider.swiper{
	opacity: 1;
}
.loader div ul li img {
  	width: 90px;
  	height: 120px;
  	display: block;
}
.banner-image .banner-image__overlay img{
	max-width: unset;
}
.logged-in .user-registration .ur-frontend-form.login{
	background-color: transparent;
}
.logged-in .user-registration .ur-frontend-form.login label{
    color: var(--color-black);
}
.logged-in .user-registration .ur-frontend-form.login input{
	min-height: 52px;
    width: 100%;
    background-color: var(--color-black);
    padding: 15px 20px;
    border-radius: 40px;
    resize: none;
    outline: none;
    color: var(--color-white);
    transition: all 0.3s ease-in-out;
}
.logged-in .user-registration .ur-frontend-form.login input[type="submit"]{
	color: var(--color-black);
}
.title-none{
	display: none;
}
.blog-block{
	position: relative;
}
li:has(>span.featured-post.sticky){
	position: absolute;
	top: 0;
	right: 0;
}
li > span.featured-post.sticky{
    font-size: 13px;
    font-style: normal;
    background: var(--color-white);
    padding: 10px 15px;
    margin: 0 auto;
    border-radius: 5px;
    color: var(--color-black);
    border: 1px solid var(--color-white);
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
}
body{
	word-break: break-word;
	color: var(--color-white);
}
.blog-block__image--list img.border-radius-default{
	max-height: unset;
	width: fit-content;
	max-width: 100%;
}
.main-menu > nav > ul > li > ul li{
    border-bottom: 1px solid rgba(149, 157, 165, 0.2);
    width: 100%;
    min-width: max-content;
}
.main-menu > nav > ul > li > ul li:last-child{
	border-bottom: 0;
}
.main-menu > nav > ul > li > ul li > a{
    font-size: 14px;
    display: flex;
    padding: 11px 0px;
    color: var(--color-white);
    font-weight: var(--fw-500);
}
.main-menu > nav > ul > li ul.main-menu__sub-menu{
    border: 0.7px solid rgba(149, 157, 165, 0.15);
    position: absolute;
    min-width: 220px;
    box-shadow: rgba(149, 157, 165, 0.1) 0px 7px 20px;
    padding: 5px 20px;
    border-radius: 16px;
    top: 110%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 2;
    background-color: var(--color-black-800);
}
.main-menu > nav > ul li.main-menu__child:hover > ul{
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
    top: 100%;
}
.main-menu > nav > ul > li ul.main-menu__sub-menu ul.main-menu__sub-menu{
	left: 100%;
	top: 0;
}
ul.main-menu__sub-menu > li:hover > a{
	color: var(--primary-color-1);
}
header.blog-details__header{
	position: relative;
}
.mobile-overlay .main-menu > nav > ul > li ul.main-menu__sub-menu{
    display: none;
    transition: none;
    position: relative;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 0;
    opacity: 1;
    visibility: visible;
    background-color: var(--color-black-1000);
    border-radius: 16px;
}
.mobile-overlay .main-menu > nav > ul > li ul.main-menu__sub-menu ul.main-menu__sub-menu2{
	top: 100%;
	left: 70px;
    display: none;
    transition: none;
    position: relative;
    box-shadow: none;
    border: 1px solid transparent;
    padding: 0;
    opacity: 1;
    visibility: visible;
    background-color: var(--color-black-1000);
    border-radius: 16px;
}
.blog-details--comment{
	clear: both;
	padding-top: 50px;
}
figcaption{
	font-weight: 600;
	text-align: center;
}
figure{
	margin-bottom: 20px;
}
a.wp-block-button__link{
	color: var(--color-black);
	background-color: var(--color-white);
	border-radius: 5px;
	box-shadow: none;
	text-decoration: none;
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	margin-bottom: 20px;
}
a.wp-block-button__link:hover{
	color: var(--color-black);
}
.wp-block-button.is-style-outline>.wp-block-button__link{
	border: 2px solid var(--color-white);
}
.entry-content{
	clear: both;
	padding-top: 20px;
}
.wp-block-cover.has-background-dim > p.wp-block-cover-text{
	color: var(--color-white);
	font-size: 16px;
}
.alignleft{
	float: left;
	margin-right: 1rem;
	text-align: left;
	clear: both;
}
.alignright{
	float: right;
	margin-left: 1rem;
	margin-top: 1rem;
	text-align: right;
	clear: both;
}
.aligncenter{
	text-align: center;
	margin: 0 auto;
}
.wp-block-cover.has-background-dim{
	margin-bottom: 20px;
}
figcaption.blocks-gallery-caption{
	margin-bottom: 20px;
}
.wp-block-gallery:not(.has-nested-images){
	margin-right: 1rem;
}
.wp-block-gallery:not(.has-nested-images).columns-5.is-cropped .blocks-gallery-item img{
	max-height: 100%;
	height: fit-content;
}
blockquote:before, blockquote cite:before{
	content: none;
}
blockquote{
	padding: 20px;
	border-left: 5px solid var(--primary-color-1);
	background: unset;
}
blockquote cite{
	font-size: 19px;
	font-weight: 500;
	padding: 0;
	font-style: italic;
}
a{
	color: var(--color-white);
}
ul, ol{
	list-style: unset;
}
ul{
	padding-left: 25px;
	margin-bottom: 20px;
}
ul.menubar__list, ul.menubar__list ul{
	padding-left: 0;
	list-style: none;
	margin-bottom: 0;
}
ol{
	padding-left: 25px;
	list-style: auto;
	margin-bottom: 20px;
}
ol > li{
	list-style-type: inherit;
}
figure.wp-block-image.is-style-circle-mask > img{
	width: fit-content;
}
ul ul{
	list-style: circle;
	padding-left: 25px;
}
ul ul ul{
	list-style: square;
	padding-left: 25px;
}
ul li{
	list-style: inherit;
}
.wp-block-file a.wp-block-file__button{
	padding: 5px;
}
.wp-block-file a.wp-block-file__button:hover{
	color: inherit;
}
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 var(--color-white);
	background-position-x: 98%;
	background-color: var(--color-white);
	background-size: 16px;
	image-rendering: auto;
	image-rendering: crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	outline: none;
	width: 100%;
	display: block !important;
	margin-top: 20px;
	margin-bottom: 20px;
	color: var(--color-black);
}
table, th, tr, td{
	border: 1px solid var(--color-white);
}
.wp-block-calendar table:where(:not(.has-text-color)) td, .wp-block-calendar table:where(:not(.has-text-color)) th{
	color: var(--color-white);
	background-color: transparent;
}
th, tr, td{
	padding: 9px;
}
table{
	width: 100%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 20px;
}
table caption{
	caption-side: top;
	text-align: center;
	background: var(--color-white);
	color: var(--color-black);
	padding: 10px;
}
.wp-block-calendar caption{
	background-color: var(--color-white);
}
.wp-block-calendar table caption{
	color: var(--color-black);
}
table td#today{
	background: var(--color-white);
	color: var(--color-black);
}
nav.wp-calendar-nav{
	display: none;
}
ol.wp-block-latest-comments{
	padding-left: 0;
}
ol.wp-block-latest-comments.has-excerpts > li{
	margin-bottom: 1em;
	line-height: 1.5em;
	border-bottom: 1px dotted var(--color-white);
	padding-bottom: 8px;
	padding-top: 8px;
}
ol.wp-block-latest-comments > li:last-child{
	border-bottom: 0;
}
ol.wp-block-latest-comments > li{
	margin-bottom: 0;
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom: 1px dotted var(--color-white);
}
ul.wp-block-latest-posts.wp-block-latest-posts__list{
	list-style: none;
	padding-left: 0;
}
ul.wp-block-latest-posts.wp-block-latest-posts__list > li{
	border-bottom: 1px dotted var(--color-white);
	padding-bottom: 8px;
	padding-top: 8px;
}
ul.wp-block-latest-posts.wp-block-latest-posts__list > li:last-child{
	border-bottom: 0;
}
ul.wp-block-latest-posts.wp-block-latest-posts__list.is-grid > li:last-child{
	border-bottom: 1px dotted var(--color-white);
}
form[role="search"]{
	margin-bottom: 20px;
}
form[role="search"] label{
	display: none;
}
form[role="search"] button{
	margin: 0;
	color: var(--color-black);
	background-color: var(--color-white);
	border: 0;
	border-left: 1px solid var(--color-black);
	padding: 5px 8px;
}
.wp-block-search__input{
	border: 0;
}
.wp-block-tag-cloud > a{
    text-decoration: none;
    font-size: 16px !important;
    border: 1px solid var(--color-white);
    border-radius: 50px;
    display: inline-block;
    font-family: 'Jost', sans-serif;
    padding: 3px 25px;
    font-size: 18px !important;
    margin: 0px 0px 5px 0px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
ul.wp-block-rss:has(> li.wp-block-rss__item){
	list-style: disc;
	padding-left: 25px;
}
div.wp-block-group.has-background{
	padding: 20px;
	margin-bottom: 20px;
}
div.wp-block-group.has-background p{
	color: var(--color-black);
}
.wp-block-columns{
	margin-bottom: 1rem;
}
.wp-block-media-text.alignfull.has-media-on-the-right.has-background.is-stacked-on-mobile{
	margin-bottom: 1rem;
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
	color: var(--color-black);
}
.page-links > .post-page-numbers{
	margin: 0px 6px 12px 0px;
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border: 1px solid var(--color-white);
	border-radius: 10px;
	text-align: center;
	background-clip: padding-box;
}
.page-links > .post-page-numbers:hover{
	background: var(--color-white);
	color: var(--color-black);
}
.page-links > .current{
	background: var(--color-white);
	color: var(--color-black);
}
.page-links > .post-page-numbers:first-child{
	margin-left: 10px;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
	color: var(--color-white);
}
pre{
	display: block;
	padding: 20px;
	margin: 0 0 10px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #000;
	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-color: var(--color-white);
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd){
	color: var(--color-black);
}
code{
	color: var(--color-white);
}
h2+table{
	margin-bottom: 1rem;
}
dd{
	margin-left: 1.5em;
}
p:has(> strong)+address, p:has(> strong)+p{
	margin-left: 1.5em;
	margin-bottom: 0;
}
p:has(> strong){
	margin-bottom: 0 !important;
	margin-top: 10px;
}
p.has-text-color:has(> strong){
	margin-bottom: 10px !important;
	color: var(--color-white) !important;
}
p:has(> strong + em){
	margin-bottom: 1rem !important;
}
p:has(>img.aligncenter){
	text-align: center;
}
div.wp-caption > p.wp-caption-text{
	font-weight: 600;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 10px;
}
div.wp-caption:has(>img){
	max-width: 100%;
}
form.post-password-form input[type="password"]{
	width: auto;
	display: inline-block;
	height: 42px;
	margin-left: 10px;
	border: 1px solid var(--color-white);
	color: var(--color-white);
	padding-left: 5px;
	margin-bottom: 0;
	position: relative;
}
form.post-password-form input[type="submit"]{
	font-weight: 400;
	text-transform: uppercase;
	background: var(--color-white);
	color: var(--color-black);
	padding: 8px 20px;
	margin: 0;
	font-size: 15px;
	letter-spacing: 1px;
	height: 42px;
	border: 0;
	border-left: 1px solid var(--color-black);
	position: absolute;
}
.post-comment-wrap .post-user-content img{
	margin: 10px 0;
}
iframe{
	max-width: 100%;
}
.gallery-item dd.wp-caption-text.gallery-caption{
	margin-top: 10px;
}
img{
	height: auto;
}
table a{
	font-weight: bold;
}
.bypostauthor{
	text-decoration: none;
}
.screen-reader-text{
	text-decoration: none;
}
.wp-block-file__button{
	padding: 10px;
}
.wp-block-file__button:hover{
	color: var(--color-black);
}
kbd{
	color: var(--color-white);
}
section.blog--padding{
	min-height: calc(100vh - 54px);
}
section.blog--padding.blog--breadcrumb{
	min-height: unset;
}
section.blog--padding.bg-trans{
	padding-top: 172px;
}
section.blog--padding.bg-trans .blog-details{
	background: transparent;
}
.main-menu ul li, .main-menu ol li{
	list-style: none;
}
.gallery-item img{
	width: fit-content;
	max-width: 100%;
	height: auto;
}
.price-data ul, .contact-content ul{
	list-style-type: none;
}
#user-registration .user-registration-MyAccount-content h2{
	color: var(--color-black);
}
#user-registration .user-registration-MyAccount-content .user-registration-profile-header h3{
	color: var(--color-black);
}
.creative-content__list > ul, .team-block__social > ul{
	list-style-type: none;
}
.useage-block__text{
	color: var(--bs-body-color);
}
.text-white div.newsletter-form+div.wpcf7-response-output{
	color: var(--color-white);
}
.team-block{
	cursor: unset;
}
li.port-type > a{
	color: rgba(var(--white-color-hex), 0.8);
	text-transform: capitalize;
}
a:hover{
	color: var(--primary-color-1);
}
@media (max-width: 991.98px){
	.pt-200{
		padding-top: 100px;
	}
	.blog--breadcrumb{
		padding: 100px 0;
	}
	section.blog--padding.bg-trans{
		padding-top: 80px;
	}
	ul.children{
		padding-left: 50px;
	}
	body:has(header.header) div.mobile-overlay{
		top: 32px;
	}
}
@media (max-width: 768px){
	.logged-in header.header{
		top: 46px;
	}
	body:has(header.header) div.mobile-overlay{
		top: 46px;
	}
}
@media (max-width: 767.98px){
	.post-comment-wrap{
		display: block;
	}
	.post-comment-wrap h3{
		margin-bottom: -5px;
	}
	.post-user-comment{
		width: fit-content;
		margin-bottom: 20px;
	}
	.post-comment-wrap h3 span{
		display: block;
		margin-left: 0;
	}
	a.comment-reply-link, a#cancel-comment-reply-link{
		position: unset;
	}
	a#cancel-comment-reply-link{
		display: block;
		width: fit-content;
		margin-top: 10px;
	}
	.blog--breadcrumb{
		padding: 50px 0;
	}
	.pt-200{
		padding-top: 50px;
	}
	.logged-in header.header.sticky{
		top: 0;
	}
	body:has(header.header) div.mobile-overlay{
		top: 46px;
	}
	body:has(header.header.sticky) div.mobile-overlay{
		top: 0px;
	}
	.blog-details__metas > ul{
		list-style-type: none;
		display: list-item;
	}
	.blog-details__metas > ul > li{
		display: block;
		margin-top: 10px;
	}
	li:has(>span.featured-post.sticky){
		position: unset;
		margin-top: 15px;
	}
	ul.children{
		padding-left: 25px;
	}
}
.section.blog .search_custom{
	margin-bottom: 120px;
}
.banner-content.text-center .fade-down a.bp-btn--primary:hover{
	color: var(--color-black);
}