/*
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.   ***************/

.success.is-outline:hover {
	    border-color: #2b6fee;
	    color: #fff;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}

.wpmm-sticky.wpmm-sticky-wrap {
    left: unset !important;
    width: auto !important;
}

.wpmm_brand_logo_wrap {
    display: none !important;
}


.header.transparent #menu-main > li.menu-item > a {
    color: white;
}

.transparent #logo img {
    max-height: 60px !important;
}

.stuck #logo img {
    max-width: 100%;
}




@media (max-width: 750px) {
    .hoverZoomSlider {
	margin-bottom: 20px;
    }
    
}

    .hoverZoomSlider > .col.medium-4 .fill {
	background-color: rgba(32,32,32,0.3);
    }

    .hoverZoomSlider > .col.medium-4.zoomMe .fill {
	background-color: transparent;
    }

@media (min-width: 750px) {
    .hoverZoomSlider > .col.medium-4 {
    -webkit-transition: width 0.5s ease;
    -moz-transition: width 0.5s ease;
    -o-transition: width 0.5s ease;
    transition: width 0.5s ease;

    max-width: unset !important;
    flex-basis: unset !important;
    width: 33.3333%;
    }
    
.hoverZoomSlider .zoomMe.col.medium-4.small-12.large-4 {
    width: 50%;
}

.hoverZoomSlider .col.medium-4.small-12.large-4 h2 {
    transition: margin-top 0.5s ease;        
    margin-top: 0px;    
}

.hoverZoomSlider .col.medium-4.small-12.large-4 h2 strong {
    transition: font-size 0.5s ease;
}

.hoverZoomSlider .zoomMe.col.medium-4.small-12.large-4 h2 {
    margin-top: 30px;
}
.hoverZoomSlider .zoomMe.col.medium-4.small-12.large-4 h2 strong {            
    font-size: 50px;
}

.hoverZoomSlider .shrinkMe.col.medium-4.small-12.large-4 {
    width: 25%;
}

.hoverZoomSlider .shrinkMe.col.medium-4.small-12.large-4 h2 strong {
    font-size: 20px;
}

}

body .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu {
    display: block;
    transition: all 500ms ease-in-out;
}

body .banner h2, body h2 {
    line-height: 1.4em;
}

a.button span {
    font-size: 1.5em;
}

.page-id-8799 [data-animate] h2 {
    margin-top:10px;
    color: rgb(100, 100, 100);
}

@media (max-width: 1200px) and (min-width: 768px) {

    body .banner h2, body h2 {
	font-size: 1.6em;
	line-height: 1.4em;
    }

    a.button span {
	font-size: 1.1em;
    }

    .page-id-8799  [data-animate] h2 {
	margin-top:0px;
	color: rgb(100, 100, 100);
    }    
}


body .wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu {
    width: 275px;
}
@media (max-height: 850px) {
    #banner-6462 {
	height: 314px;
    }
}


.flex-row > .flex-center {
    flex-grow: 1;
}