/*
 *  Managing Section Blocks, mainly for size, text align, paddings, background
 */

 /*
 *  General
 */

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
}

/*
 *  Sections
 */

section:not(#intro):not(.disclaimer-section):not(.footer-section) {
    color: #333;
    padding-top:50px;
    padding-bottom:50px;
}
/* Used for the blue headers in each website page */
.section-header {
    text-align:left;
    /*background: rgba(0,48,84,1);*/
    background: rgba(255, 255, 255, 0.8);
    color: #333 !important;
    position: relative;
}

.white-section {
	background-color: white;
	text-align: left;
	color: #333;
}

/* Depreciated for now - used for if you want to style background-wallpapers for section-headers */
.section-header-wallpaper {
    text-align:left;
    color:white !important;
}

/* Used in contact.html to overlay opaque layer over wallpaper */
.wallpaper-layer {
    margin:-50px 0 -100px;
    padding:50px 0 100px;
    height:100%;
    width:100%;
    background: rgba(48,32,19,0.7);
}

/* Used for bottom of the page - opaque wallpaper styling */
.prefooter-section {
    padding-top:50px !important;
    padding-bottom:50px !important;
    text-align:center !important;
    background: rgba(48,32,19,0.7);
    color:white !important;
}

.prefooter-section h1 {
    text-align:center;
    padding-bottom:20px;
}

/* For home.html wallpaper */
.intro-section {
    height: 100%;
    text-align: center;
    
}

/* The white semi transparent div in home.html */
.prelude-section {
    text-align: left;
    background: rgba(255,255,255,0.9);
}

/* For why.html */
.company-section {
    min-height: 50%;
    text-align: left;
    background: white;
}

.company-founders-section {
    text-align: left;
    background: #FFF;
}

.company-invest-section {
	text-align: left;
    background: #F6F6F6;
}

.slider-section {
	padding: 0 0 !important;
	background: #FFF;
	text-align: left;
}
/* For thinking.html */
.philosophy-section {
    text-align: left;
    background: #eee;
}

.impact-section {
    text-align: left;
    background: #eee;
}

.impact-invest-section {
	text-align: left;
    background: #FFF;
}

.impact-team-section {
	text-align: left;
	background: #F6F6F6;
}

.investor_relations-section {
    
    background: #FFF;
    text-align: left;
}

.investor_relations-section p a {
	color: #003054 !important;
	font-size: 22px;
}

.investor_relations-section p a:hover {
	color: #00508D !important;
	
}

.insight-section {
    background: #F6F6F6;
    text-align:left;
}

.insight-section:nth-child(2n+0) {
    background: #FFF;
    text-align:left;
}

.contact-section {
    color:white !important;
    text-align: center;
    background:white;
    /*background: rgba(48,32,19,0.7);*/
}

.philosophy-market {
	text-align: left;
    background: #F6F6F6;
}
.philosophy-technology-section {
	text-align: left;
    background: #FFF;
}

.philosophy-investment-section {
	text-align: left;
    background: #F6F6F6;
}

.footer-section {
    color:white !important;
    text-align: left;
    background-color: #003054;
    padding-top:15px;
    padding-bottom:15px;
}

.footer-section .row {
    padding-top:0px;
    padding-bottom:20px;
}

.disclaimer-section {
    padding-top: 20px;
    margin-left: -15px;
    text-align: left;
}


/*
 * Media Queries
 */

@media(min-width:767px) {
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

@media (max-width:768px) {

  .footer-section, .intro-section {
    text-align:center;
  }
}