/*
Theme Name: whatsnew
Theme URI: https://dev.snworks.com/whatsnew/wp-content/themes/whatsnew
Author: Synergy Web Design and Marketing - Lora Champion
Author URI: https://snwebdm.com/
Description: This theme works best with Elementor, although you can also use blocks with it (remove bottom section from functions.php to enable block editor). Recommended plugins: Elementor, Yoast, Contact7, woocommerce, ultimate member
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, block-styles, wide-blocks
Version: 1:012422
Requires at least: 5.0
Tested up to: 5.8.3
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: whatsnew
This theme, like WordPress, is licensed under the GPL.
Tested up to: 5.8
Requires PHP: 7.0
*/


html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 18px !important;
    font-weight: normal;
}

body.home .container-fluid {
    padding: 0;
    overflow: hidden;
}

body.logged-in #leftheader svg,
body.logged-in #rightheader svg {
    width: 25px;
}

p {
    font-family: 'Montserrat', sans-serif;
}

h2,
h2 a,
h2.widgettitle {
    color: #041650;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
}


.site-header {
    background: #002868;
}

.Kdam,
.Kdam p {
    font-family: 'Kdam Thmor Pro', sans-serif !important;
    letter-spacing: 2px;
}

.rating-five .testimonial-star-rating li i {
    color: #fff !important;
    font-weight: 600;
    font-size: 14px;
}


#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 9999999999 !important;
    position: fixed;
    width: auto;
    text-align: center;
}


.rotate {

    background: #002868;
    border-radius: 3px;
    padding: 0 8px;
}

.rotate:hover {
    background: #3333ff;
}



.rotate .elementor-icon:hover {
    fill: #FFFFFF;
    color: #FFFFFF;
    rotate: 90deg;
    border-color: #FFFFFF;


}


.sticky.fixed {
    position: fixed;
    left: 0;
    top: -14px;
    width: 100%;
    z-index: 999;
    padding-top: 14px;
}

.sticky.fixed .top-logo img {
    max-width: 300px;
    padding: 10px;
    transition-duration: 500ms;

}

.top-logo img {
    width: 100%;
    padding: 20px;
    transition-duration: 500ms;

}

.top-logo {
    display: flex;
}


.bg-blue {
    background: #242529;
}

#leftheader svg,
#rightheader svg {
    width: 25px;
    fill: #808bcc;
}

#leftheader,
#rightheader {
    color: #808bcc;
    font-weight: 700;
    font-size: 14px;
}

#leftheader a,
#rightheader a {
    text-wrap: text-nowrap;
    color: #808bcc;
    text-decoration: none;
}


/* Free esitmates link */
li#mega-menu-item-26 a {
    background: #be0a30 !important;
    text-transform: uppercase !important;
    color: #fff !important;
    font-weight: 600 !important;
}



.bdr-top {
    border-top: 1px #f0efef solid;
    padding-top: 1px;
}

.bdr-dotted {
    padding-inline-start: 13px;
    border-inline-start: 1px dotted RGBA(60, 64, 67, 0.8);
    margin-inline-start: 13px;
}



textarea,
label,
input {
    width: 100% !important;
}

input.wpcf7-submit {
    background: #002868;
    color: #fff;
    border: none;
    border-radius: 3px;
    padding: 12px;
}


#bottom {
    background: #00072e;
    color: #fff;
    text-align: center;
    font-size: 14px;
    align-items: center;
}

#bottom a {
    color: #fff;
}

#myBtn {
    position: fixed;
    bottom: 0;
    left: 0;
}


#footercenter2 h2.widgettitle,
#footercenter2 .widget_text.widget-item {
    text-align:center;
}

#footercenter2 svg { 
    margin: 9px;
}


/*   ***************************************** @media *************************************** */

@media only screen and (max-width: 992px) {

    .top-logo img {
        max-width: 362px;
    }


    .sticky.fixed #mega-menu-wrap-primary {
        top: 20px;
        transition-duration: 500ms;
    }

    #mega-menu-wrap-primary {
        position: absolute;
        right: 7px;
        top: 7px;
        transition-duration: 500ms;
    }

    #leftheader,
    #rightheader {
        font-size: 18px;

    }

   .mega-sub-menu {
    box-shadow: 0px 0px 10px 3px rgba(0, 0, 0, .3)!important;
    }

    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        height: 2px;
        background-color: #fff;
        border-radius: 0;
    }

    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
        top: 49px;
    }

    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        top: 49px;
    }

    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-toggle-on>ul.mega-sub-menu {
        width: 100%;
    }



}


@media only screen and (max-width: 767px) {

    #leftheader,
    #rightheader {
        font-size: 14px;
    }


}

@media only screen and (max-width: 575px) {

    #leftheader,
    #rightheader {
        font-size: 14px;
    }



}