/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Global */

h2 {
    font-size: 40px;
    font-weight: normal !important;
}


/* Header */
.home #header {
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

#header {
    background: #333734;
}

#header.header-full-width .container {
    padding: 8px 60px;
}

#header .header-nav > li > a {
    font-size: 20px;
    color: white;
    font-weight: 400;
    padding: 0;
}

#header .nav > li {
    padding: 6px 12px;
}

#header .nav > li.active {
    box-shadow: inset 0px -3px 0px 0px white;

}

/* Slider */
.slider-wrapper .flickity-page-dots .dot {
    height: 8px;
    width: 8px;
}

/* Service Section */
.service-section h3 {
    font-size: 30px;
}

h3 {
    font-size: 20px;
}

/* Project present */
.vertical-divider {
    border-left: 3px solid #d8d8d8;
}

/* All Project section */
.wn-project-list .is-divider {
    display: none;
}

.wn-project-list .box-overlay .box-text,
.wn-project-list .box-overlay:hover .box-text.show-on-hover {
    bottom: 50%;
    transform: translateY(50%) !important;
    padding: 0;
}

.wn-project-list .box-overlay .box-text a {
    padding: 6px 12px;
}


.wn-article-section .is-divider {
    display: none;
}


/* single blog layout */

.blog-featured-title {
    height: 100vh;
}


.blog-featured-title .title-overlay.fill {
    background-color: unset !important;
}

/* .blog-single>.row>.large-10.col {
	max-width: 1120px;
} */

.blog-single h1.entry-title {
    font-size: 42px;
    color: var(--primary-color);
}

.related-title {
    margin-top: 10px;
    font-size: 20px;
}


.wn-related-img {
    aspect-ratio: 1/1;
    object-fit: cover;
}

.relatedcat p {
    font-size: 20px;
}

/* footer */

.wn-social-icons a.plain {
    color: white;
}

#footer .section .col {
    padding-bottom: 0 !important;
}

#footer .section {
    padding: 15px 0 !important;
}

.absolute-footer {
    padding: 0;
}

@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    h2 {
        font-size: 30px;
    }

    .home #header {
        background: #333734;
        position: unset;
    }

    #header.header-full-width .container {
        padding: 10px;
    }

    #logo img {
        max-height: 40px !important;
    }

    .mfp-content:has(.mobile-sidebar) {
        background-color: #333734;
    }

    #main-menu li a {
        font-size: 20px;
        color: white;
        font-weight: 400;
        padding: 0;
    }

    #main-menu .nav > li {
        padding: 6px 12px;
        border: none;
    }

    #main-menu .nav > li.current_page_item a {
        box-shadow: inset 0px -3px 0px 0px white;
    }

    #header .nav > li > a {
        padding: 0;
    }

    .wn-first-project {
        flex-direction: column-reverse;
    }

    .all-project-section {
        padding: 0 16px;
    }
}