/*
Theme Name: Whatsnew Raw
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-raw
This theme, like WordPress, is licensed under the GPL.
Tested up to: 5.8
Requires PHP: 7.0
*/


h1, h2, h3, {

    font-family: "Sora", sans-serif;

}


p {

    font-family: "Manrope", sans-serif;

}


/*HEADER CSS*/

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {

    font-family: "Manrope", sans-serif;
    font-weight: 600;

}

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus {

    font-weight: 600;

}





/* ── Row 2 sticky nav ─────────────────────────────────── */

.header-row2 {
    transition: box-shadow 0.3s ease;
}

.header-row2.nav-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1050;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.12);
    animation: slideDown 0.3s ease forwards;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}








.headerRow1-background {


    background-color: #ffffff;



}

.headerRow2-background {

    background-color: #1e2150;


}


.header-address {

    font-size: 19px;
    color: #1e2150;
    font-weight: 700;
    text-decoration: none;
    padding: 3px 14px;
    max-width: 100%;


}

.header-address:hover {

    color: #4149CB;
    transition-duration: 0.40s;

}






.call-office {
    font-size: 19px;
    color: #1e2150;
    font-weight: 700;
    text-decoration: none;
    padding: 3px 14px;
    max-width: 100%;
}

.call-office:hover {

    color: #4149CB;
    transition-duration: 0.40s;

}



.btn-contactIsochemcolors {
    font-size: 19px;
    color: #fcc425;
    background-color: #1e2150;
    border: solid;
    border-color: #1e2150 !important;
    border-width: 2px;
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    padding: 5px 18px;
    max-width: 100%;
}

.btn-contactIsochemcolors:hover {
    color: #4149CB;
    background-color: #E5E6FAA3;
    transition-duration: 0.40s;
    transition-property: transform;
    transform: scale(1.1);
    
}


/*Contact Us Form - Contact Form 7*/



#wpcf7-f9-o1 input.wpcf7-text,
#wpcf7-f9-o1 input.wpcf7-email,
#wpcf7-f9-o1 input.wpcf7-tel {
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    color: #1e2150;
    border-radius: 2px;
    border: solid 1px #1e2150;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}




#wpcf7-f9-o1 input::placeholder,
#wpcf7-f9-o1 textarea::placeholder {
    color: #1e2150;
    opacity: 1;
}

#wpcf7-f9-o1 input::-webkit-input-placeholder,
#wpcf7-f9-o1 textarea::-webkit-input-placeholder {
    color: #1e2150;
}

#wpcf7-f9-o1 input::-moz-placeholder,
#wpcf7-f9-o1 textarea::-moz-placeholder {
    color: #1e2150;
}



label {
	color: #1e2150;
	font-size: 16px;
	font-weight: 600;
    font-family: "Manrope", sans-serif;
}


.form-label {

    margin-bottom: 5px;
    font-weight: 500;


}


#form-text {
	display: block;
}


#wpcf7-f9-o1 form.wpcf7-form.init {

    color: #1e2150 !important;



}



#wpcf7-f9-o1 textarea.wpcf7-form-control.wpcf7-textarea {

    color: #1e2150;
    border-radius: 2px;


}


#wpcf7-f9-o1.wpcf7 form.sent .wpcf7-response-output {

    color: #1e2150;
    border-color: #E47B2A;


}



#wpcf7-f9-o1 textarea.wpcf7-form-control.wpcf7-textarea {
    color: #E47B2A;
    border-radius: 3px;
    width: 100%;

}


#wpcf7-f9-o1 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

#wpcf7-f9-o1 textarea {
    width: 100%;
    display: block;
}


/* Textarea - matches other fields */
#wpcf7-f9-o1 textarea.wpcf7-form-control.wpcf7-textarea {
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    color: #1e2150;
    border-radius: 2px;
    border: solid 1px #1e2150;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
    height: 150px;       /* adjust to taste */
    resize: vertical;    /* lets user resize if needed */
    display: block;
}



/*submit button*/

.wpcf7-form-control.wpcf7-submit.has-spinner {
	padding: 5px 18px;
	background-color: #1e2150;
	color: #fcc425;
	font-weight: 700;
	border-radius: 5px;
	border: solid 2px #1e2150;
	font-size: 17px;
}



.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	
	background-color: #E5E6FAA3;
	color: #4149CB;
	border: solid 2px #1e2150;

}


#hero > .elementor-background-video-container {
    max-width: 100%;
	width: 100%
}

.elementor-background-video-container > .elementor-background-video-embed{
	width: 100vw;
	position: absolute;
    transform: translate(-50%, -50%);
}



/*FOOTER CSS*/


.footer-links {

    color: #ffffff;
    



}



.site-footer {

    background-color: #1e2150;
    color: #ffffff;

}