/*
Theme Name: Daxx
Theme URI: http://daxx.lohatheme.com
Author: Lohatheme
Author URI: http://lohatheme.com
Description: In 2024, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
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: daxx

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
---------------------------------------------------*/
header .logo img{
    max-width: 100%;
    image-rendering: auto;
    image-rendering: crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    height: auto;
}
body.logged-in:not(.elementor-editor-active) .main-header.fixed-header .header-upper {
    top: 30px;
}
.before-author{
    margin-right: 5px;
}
.comment-form-cookies-consent,
.required-field-message{
    display: none;
}
.comment-body .author-date img{
    border-radius: 50%;
}
a.comment-reply-link:not(:hover) {
    color: var(--heading-color);
}
a.comment-reply-link{
    font-weight: 700;
    margin-top: 20px;
    text-decoration: underline;
}
#cancel-comment-reply-link{
    border: 1px solid var(--main-color);
    background: var(--main-color);
    color: #fff;
    text-transform: none;
    padding: 7px 15px;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 18px;
}
.comment-respond:has(#cancel-comment-reply-link) .comment-title{
    position: relative;
}
@media(max-width: 1360px){
    .comment-respond:has(#cancel-comment-reply-link) h2{
        margin-bottom: 80px;
    }
    #cancel-comment-reply-link{
        margin-top: 75px;
    }
}
@media(max-width: 768px){
    #cancel-comment-reply-link{
        margin-top: 55px;
    }
}
@media (max-width: 500px){
    #cancel-comment-reply-link{
        margin-top: 85px;
    }
}
.stButton .stButton_gradient{
    height: 21px !important;
}
.st_instagram_hcount .stButton_gradient{
    padding: 0!important;
}
.st_instagram_hcount .stArrow{
    line-height: 21px!important;
}
.stMainServices,
.stButton_gradient{
    width: 22px!important;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.chicklets.instagram{
    width: 22px!important;
}
.stButton .chicklets{
    width: 20px;
    overflow: hidden;
    display: -webkit-inline-box;
    height: 20px;
    line-height: 21px;
}
.pagination a.prev,
.pagination a.next{
    padding: 4px 30px;
}
.pagination .page-numbers,
.pagination .page-number {
    padding: 4px 31px;
    border: none;
    font-size: 24px;
    width: 75px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    line-height: 40px;
    text-align: center;
    color: var(--heading-color);
    background: var(--border-color);
    -webkit-clip-path: polygon(22px 0%, 100% 0%, calc(100% - 22px) 100%, 0% 100%);
    clip-path: polygon(22px 0%, 100% 0%, calc(100% - 22px) 100%, 0% 100%);
}
.pagination li span.current, 
.pagination span.current span, 
.pagination .page-numbers:not(.dots):hover,
.pagination .page-number:not(.dots):hover {
    color: white;
    background: var(--main-color);
}
.blog-area:has(.search-custom.search-no-result){
    height: 515px;
}
.search-custom.search-no-result{
    background: var(--lighter-color);
    padding: 40px;
}
.search-custom h4{
    margin-bottom: 30px;
}
.search-custom form{
    padding: 0;
    position: relative;
}
.search-custom form input{
    border-radius: 0px;

}
.search-custom form button{
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    background-color: var(--main-color);
    height: 60px;
    width: 60px;
}
@media(min-width: 1024px){
    .blog-area .blog-active:has(.search-custom.search-no-result){
        width: 60%;
        margin: 0 auto;
    }
}
.cities-select .nice-select .blog-active span{
    display: block!important;
}
.projects-area .section-title.blog-active:has(.item1[style="position: absolute; left: 0px; top: 0px;"], .item2[style="position: absolute; left: 324.275px; top: 0px;"]):not(h2[style="display: none;"]) h2:nth-child(n+2){
    display: none!important;
}
.projects-area .blog-active.section-title{
    max-height: 52.8px;
    min-height: 52.8px;
}
.nice-select .blog-active{
    height: 31.2px!important;
}
.cities-select .nice-select .blog-filter.list li.current{
    font-weight: 400;
    color: var(--main-color);
    background: transparent;
    border-color: var(--main-color);
}
.elementor hr {
    margin: 1rem 0!important;
    color: inherit;
    background-color: currentColor!important;
    border: 0;
    opacity: .25;
}
.select-radio-date .wpcf7-list-item {
    margin: 0 9px 18px;
    padding: 12px;
    font-weight: 700;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: white;
    text-align: center;
    position: relative;
    color: var(--heading-color);
    border: 1px solid var(--border-color);
}
.wpcf7-spinner{
    position: absolute;
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #d9dfe7;
    margin-right: 0;
    margin-left: 0;
}
.wpcf7-not-valid-tip {
    color: #f15b26;
    font-size: 16px;
    margin-top: 10px;
}
footer .cta-form {
    position: relative;
}
footer .cta-form > p{
    display: contents;
}
footer .cta-form .wpcf7-form-control-wrap{
    width: 100%;
}
@media(min-width: 480px){
    footer .cta-form .wpcf7-submit{
        width: auto;
    }
}
footer .cta-form .wpcf7-submit{
    position: absolute;
    right: 0;
    padding: 12px 20px;
}
footer .footer-cta-inner .wpcf7 form.invalid .wpcf7-response-output, 
footer .footer-cta-inner .wpcf7 form.unaccepted .wpcf7-response-output, 
footer .footer-cta-inner .wpcf7 form.payment-required .wpcf7-response-output {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    border-color: #fff;
}
footer .footer-cta-inner .wpcf7-not-valid-tip{
    color: #fff;
}
@media(max-width: 600px){
    .social-style-two{
        margin-left: 0;
    }
}
@media(max-width: 479px){
    footer .footer-cta-inner .wpcf7 form.invalid .wpcf7-response-output, 
    footer .footer-cta-inner .wpcf7 form.unaccepted .wpcf7-response-output, 
    footer .footer-cta-inner .wpcf7 form.payment-required .wpcf7-response-output {
        margin-top: 75px;
    }
}
.elementor .team-member hr {
    max-width: 80px;
    margin-left: auto!important;
    margin-right: auto!important;
    margin-top: 20px;
    margin-bottom: 20px;
}
@media(max-width: 400px){
    .blog-meta {
        display: block;
        margin-top: 8px;
    }
    .blog-meta li:not(:first-child):before{
        content: none;
    }
}
@media(max-width: 300px){
    .page-wrapper {
        max-width: 280px;
        min-width: 280px;
    }
    .table-style tr td {
        padding: 10px;
    }
    .table-style {
        font-size: 12px;
    }
}
footer .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow{
    margin-bottom:30px;
}
footer .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow h2{
    font-size:24px;
}
footer .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow h2,
footer .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow li a{
    color: #fff;
}
footer .wp-block-group.is-layout-flow.wp-block-group-is-layout-flow li a{
    text-transform: capitalize;
    font-size: 16px;
}
/* TEST */
.wp-caption-text , .gallery-caption , .bypostauthor , .sticky{
    color: var(--heading-color);
    font-weight: 600;
}
.alignright,
.wp-block-image .alignright
{
    float: right;
    margin-left: 25px;
    margin-top: 7px;
}
.alignleft,
.wp-block-image .alignleft{
    float: left;
    margin-right: 20px;
    margin-top: 7px;
}
.wp-caption.aligncenter {
    width: 100% !important;
    text-align: center;
}
.screen-reader-text {
    display: none;
}
@media (min-width: 600px){
.wp-block-gallery.columns-3.alignfull .blocks-gallery-image, .wp-block-gallery.columns-3.alignfull .blocks-gallery-item {
    width: calc((100% - 46px)/3)!important;
    margin-right: 15px!important;
}
.wp-block-gallery.columns-4 li.blocks-gallery-item {
    width: calc(24% - 0.75em)!important;
    margin-right: 1em!important;
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image, .blocks-gallery-grid.columns-5 .blocks-gallery-item, .wp-block-gallery.columns-5 .blocks-gallery-image, .wp-block-gallery.columns-5 .blocks-gallery-item {
    width: calc(19% - 0.8em)!important;
    margin-right: 1em!important;
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image, .blocks-gallery-grid.columns-6 .blocks-gallery-item, .wp-block-gallery.columns-6 .blocks-gallery-image, .wp-block-gallery.columns-6 .blocks-gallery-item {
    width: calc(16% - 0.83333em)!important;
    margin-right: 1em!important;
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image, .blocks-gallery-grid.columns-7 .blocks-gallery-item, .wp-block-gallery.columns-7 .blocks-gallery-image, .wp-block-gallery.columns-7 .blocks-gallery-item {
    width: calc(13.28571% - 0.85714em)!important;
    margin-right: 1em!important;
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image, .blocks-gallery-grid.columns-8 .blocks-gallery-item, .wp-block-gallery.columns-8 .blocks-gallery-image, .wp-block-gallery.columns-8 .blocks-gallery-item {
    width: calc(12% - 0.875em)!important;
    margin-right: 1em!important;
}
}
.wp-block-gallery.columns-3.alignfull .blocks-gallery-item  img{
    width: 100%!important;
    height: 100%!important;
    flex: 1;
    object-fit: cover;
}

@media (min-width: 600px){
.wp-block-gallery.columns-3.alignfull .blocks-gallery-image img, .wp-block-gallery.columns-3.alignfull .blocks-gallery-item img {
    height: 100%!important;
}
}
.wp-block-gallery.alignfull.columns-3{
    display: flex!important;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}
@media only screen and (min-width: 768px){
.wp-block-gallery.alignleft.columns-2 {
    max-width: 60%;
    margin-right: 20px;
}
}
.wp-block-gallery.alignleft.columns-2 .blocks-gallery-item{
    width: calc((100% - 32px)/2)!important;
    margin-right: 15px!important;
}
.wp-block-gallery.alignleft.columns-2 .blocks-gallery-item img{
    height: 100%!important;
    flex: 1;
    object-fit: cover!important;
    width: 100%!important; 
}
.wp-block-gallery.columns-4 {
    clear: both;
    margin-top: 20px;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    display: block!important;
    letter-spacing: 0px;
    font-size: 15px!important;
}
.wp-block-gallery.columns-4.is-cropped.alignwide.featured li img {
    height: 100%!important;
    margin-bottom: 0;
}
span.sticky{
    padding: 5px 7px!important;
    font-size: 15px!important;
    border-color: var(--main-color);
    background: var(--main-color);
    color: #fff!important;
    letter-spacing: 2px!important;
    font-weight: 600;
}
.content h5.content-title{
    position: relative;
    margin-bottom: 15px;
}
@media(min-width: 501px){
    span.sticky:not(.single-st){
        position: absolute;
        top: 40px;
        right: 40px;
    }
}
@media(max-width: 500px){
    .content span.sticky + p{
        margin-top: 25px!important;
    }
}
.single-st + p{
    margin-top: 25px;
}
.wp-block-image figcaption {
    font-weight: 600;
    text-align: center;
    margin: 15px 0 10px 0;
}
.wp-block-image .alignright {
    margin-bottom: 25px;
}
.wp-block-button__link {
    background: #111; 
    border-radius: 5px;
    margin-bottom: 15px;
}
.wp-block-cover {
    margin-bottom: 15px!important;
}
p.wp-block-cover-text {
    font-size: 15px!important;
    color: #fff!important;
}
.blocks-gallery-caption {
    text-align: center;
    font-size: 15px!important;
    margin-bottom: 20px!important;
}
.wp-block-gallery.columns-5.is-cropped .blocks-gallery-item img {
    height: auto;
}
.wp-block-columns.alignwide .wp-block-column ol li{
    list-style: decimal;
}
p.has-large-font-size,
p[style="font-size:46px"]{
    line-height: 1.3!important;
}
:root .has-very-light-gray-color {
    color: #fff;
}
figure.wp-block-embed:not(.is-type-rich.is-provider-facebook,.is-type-rich.is-provider-instagram){
    text-align: center!important;
}
figure.wp-block-embed .twitter-tweet{
    margin-left: auto!important;
    margin-right: auto!important;
}
#gallery-1.gallery.gallery-columns-2.gallery-size-thumbnail .gallery-caption{
    margin-top: 10px;
}
.wp-block-calendar caption {
    caption-side: top;
    text-transform: uppercase;
    font-weight: 600;
    background-color: var(--main-color);
    font-size: 15px!important;
    color: #fff !important;
    text-align: center!important;
    border: 1px solid var(--main-color)!important;
    border-bottom: none!important;
    line-height: 42px;
}
.wp-block-calendar table th{
    background: var(--main-color)!important;
    color: #fff!important;
}
.wp-block-calendar td#today{
    background: var(--main-color)!important;
    color: #fff!important;
    font-weight: 600;
}
.wp-calendar-nav-prev{
    display: none;
}
.wp-block-group.has-background .wp-block-group__inner-container{
    padding: 20px;
    margin-bottom: 15px;
    margin-top: 15px;
}
.wp-block-media-text.alignfull.has-media-on-the-right.is-stacked-on-mobile{
    margin-bottom: 20px;
}
code, kbd, pre, samp {
    font-family: monospace!important;
}
pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-all;
    word-wrap: break-word;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 15px;
    margin-bottom: 15px;
}
pre code {
    margin-top: 0;
    font-size: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0;
}
code{
    margin-top: 0;
    color: var(--bs-body-col)!important;
}