/**
 * Theme Name: Shared Futures  
 * Theme URI: https://www.completeonline.co.uk  
 * Description: Custom Theme for Shared Futures.
 * Author: Conplete Online Solutions   
 * Author URI: https://www.completeonline.co.uk
 * Template: u-design
 * Version: 1.0.0
 */

/**
 * IMPORTANT: By default this file is not loaded since it has no CSS preloaded. Loading it blank
 * will result in a CSS file needlessly being loaded. This will usually not affect the site appearance,
 * but it's inefficient and extends your page's loading time.
 *
 * If you decide to use this file make sure to enable it from the theme's 'General Options' section first,
 * it's the last checkbox called 'Custom Styles'.
 */

/*********** ADD YOUR CUSTOM CSS CODE BELOW THIS LINE: ***********/



#wrapper-1 { 
    background-color: #FFFFFF !important;
}

.u-design-fixed-menu-on.fixed-menu #top-wrapper {
    background: rgba(255,255,255,1);
}


@media screen and (min-width: 960px) {
.u-design-fixed-menu-on.fixed-menu #main-menu {	padding:10px 0;
    
}
#secondary-navigation-bar-wrapper {
    background-color: transparent;
    background-color: transparent;
    margin-bottom: -54px;	z-index:999;
}
}
@media screen and (max-width: 960px) {
   

    #top-elements { height: 60px !important;}
#top-wrapper { padding-bottom:10px}

#logo h1 a, #logo .site-name a {     height: 60px;
width: 150px;
background-position: center left !important;
background-size: 100% auto !important;}

#top-wrapper {
position: fixed;
z-index: 999;
width: 100%;
background: rgba(255,255,255,1);
border-bottom: 0;
}
.mean-container .mean-bar { 
    width:100% !important; 
    pointer-events: none;}
.mean-container .mean-nav {     
    margin-top: 64px !important;
}


.mean-container a.meanmenu-reveal { 
    pointer-events: all;
top:10px !important;
background-color:transparent !important;}

}


@media screen and (max-width: 960px) and (min-width: 720px) {
#navigation-menu > ul.sf-menu {
display: flex;
/* text-align: center; */
background-color: #FBFBFB;
background-color: rgba(251,251,251,0);
flex-direction: row;
flex-wrap: wrap;	
justify-content: space-around;
align-content: space-between;
align-items: center;}

#logo h1 a, #logo .site-name a {
max-width: 100%;
height: 50px;
width: 100%;
background-position: center center !important;
background-size: auto 100% !important;
}
#logo {
    width: 100%;}
}

.type-post .custom-frame-wrapper, .type-post .custom-frame-wrapper img {
    width: 100%;
}

.type-post .custom-frame-wrapper { margin:10px;}

@media screen and (min-width: 720px) and (max-width: 959px) {
.mean-container #top-wrapper {
    padding-bottom: 0;
}
#top-elements {
    min-height: auto;
	}}

    @media screen and (min-width: 940px) and (max-width: 960px) {

    #rev-slider-header { 
        margin-top:150px;
    }
    }
    @media screen and (max-width: 940px) {

        #page-content:not(body.home){ 
            margin-top: 100px;
        }

        #rev-slider-header { 
            margin-top: 110px;        }
        }
    
        @media screen and (max-width: 720px) {
        #rev-slider-header {
            margin-top: 70px;
        }
    }