/* -- LEARN MORE SECTION STYLES -- */
.edu-arrow {opacity:.5; padding-left:10px;}
.edu-arrow > img, .edu-arrow a img {width:16px; height:auto;}
.edu-arrow a img {text-decoration: none;}
.learn-label {display: inline-block; padding:10px 0 10px 12px; font-size: 1.2rem; font-weight: bold;}
.learn-block {display: block; border-top: 1px #aaaaaa solid; border-bottom: 1px #aaaaaa solid;}
.learn-button-block {width: 100%; margin: 0 auto; text-align: center; padding:1rem 0;}
.inBlock {position: relative; display: block; background-size: cover; height: 200px; background-repeat: no-repeat;}
.inBlock > .edu-label, .edu-label {position: absolute; bottom: 0; right: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; font-family:'Assistant', Sans-serif; font-weight:600; font-size: 1.2rem; line-height: 1.5rem; text-align: right;}

.mainButton {display:block; width:100%; font-size: 1rem; font-weight: 600; display: inline-block; width: auto; border-radius: 12px; text-decoration:none; text-align: center;}
.underline {text-decoration: underline;}
.fat {padding: .6rem 1.4rem;}
.skinny {padding: .4rem .8rem;}
.white {color: #ffffff;}
.blue {color: #008BCD; color: rgb(0,139,205);}
.divBlue {background-color: #006497}
.infraTeal {background-color: #019c9a;}
.esgGreen {background-color: #639b4f;}
a.mainButton:link, a.mainButton:visited, a.mainButton:hover, a.mainButton:active {color: #ffffff;}
a.mainButton:hover {text-decoration:none; cursor: pointer;}
a.mainButton.golden:hover {background: #dc7700; border:1px #C79200 solid; color: #ffffff;}
a.mainButton.blue-78:hover {background: #0099cc; border:1px #7fbed3 solid; color: #ffffff;}
a.mainButton.blue-lt:hover {background: #00beed; border: 1px #7fbed3 solid; color: #ffffff;} 
a.link-block, .link-block {display: block; width: 100%; height: 100%; z-index: 3000; position: absolute; top: 0; left: 0;}


/* -- :.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:.:. -- */

/* -- MEDIA QUERIES -- */
    /* -- ++++++++++++++ -- */

    @media (max-width:767.98px) {
    .login-to-view {background:#eee;}
    .investItem {flex: 1 0 100%; text-align:center;} 
    .learn-container {justify-content: center; flex-wrap: wrap;}
    .learn-block {margin: 2rem 0; padding: 0 0 20px 0;}
    .inBlock {margin: .6rem .4rem;}
    .inBlock > .edu-label, .edu-label {margin: 1.6rem;}
    .flex-item-half {flex: 1 0 auto;}		
    .flexContainer {display: flex; flex-direction: column; flex-wrap: wrap; justify-content: justify;}
    .investItem {flex: 1 0 100%; text-align:center;} 
    .learn-container {justify-content: center; flex-wrap: wrap;}
    .learn-block {margin: 2rem 0; padding: 0 0 20px 0;}
    .inBlock {margin: .6rem .4rem;}
    .inBlock > .edu-label, .edu-label {margin: 1.6rem;}   
    }

    /* -- ++++++++++++++ -- */
    @media (min-width:768px) {
    .flexContainer {display: flex; flex-direction: row; flex-wrap: nowrap;}
    .investItem {flex: 1 0 25%;}
    .learn-container {justify-content: space-evenly; flex-wrap: nowrap;}
    .learn-block {margin: 2rem 0; padding: 0 0 16px 0;}
    .inBlock {margin: .5rem .8rem;}
    .inBlock > .edu-label, .edu-label {margin: 1.2rem;}
	.flex-item-half {flex: 0 1 50%;}    
    }