/*
Theme Name: Perez Child Theme
Theme URI: https://shtheme.com/demosd/perez
Description: This is child theme of perez
Author: Shtheme
Author URI: https://themeforest.net/user/shtheme
Version: 1.0
Text Domain: perez-child
Template: perez
*/

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