/* VRE Theme 2016
 * Swatches: #3a5375
 * NOTE: Update URL values with extra ../ when minifying and placing min css in the min folder.;
*/

@font-face {
  font-family: 'Delicious';
  src: url('../fonts/Delicious-Roman.otf') format('opentype'); /* Delicious Roman */
}

@font-face {
  font-family: 'Delicious';
  src: url('../fonts/Delicious-Bold.otf') format('opentype'); /* Delicious Bold */
  font-weight: 700;
}

body {
    font-family: 'Delicious';
	color:#000;
	background-color:#e0e0e0;
}

p, ul {font-size:18px;}
h1 {color:#3a5375;}

.text-left-xs {
    text-align: left;
}
.text-right-xs {
    text-align: right;
}
.text-center-xs {
    text-align: center;
}

/* ========== MENUS & NAVIGATION ==========  */

header {
    position: relative;
    /*background: url(../images/solid-nav-bg.png) repeat-x bottom;*/
    z-index: 10;
}
.sf-menu li {
    background: none;
}
.sf-menu a {
    border-left: 0;
}
.sf-arrows .sf-with-ul:after {
    content: none;
}
.sf-arrows .sf-with-ul:after,
.sf-arrows > li > .sf-with-ul:focus:after, 
.sf-arrows > li:hover > .sf-with-ul:after, 
.sf-arrows > .sfHover > .sf-with-ul:after {
    border-top-color: #000;
}
.mean-container .mean-bar,
.mean-container .mean-nav {
    background: #ebeeef;
    margin-top: 0;
    padding-bottom:0;
}
.mean-container a.meanmenu-reveal span {
    background-color:#333;
}
/*.mean-container .mean-nav ul {
    margin-top: 5px;
}*/
.mean-container a.meanmenu-reveal,
.mean-container .mean-nav ul li a {
    color: #333;
}
.navbar-default .navbar-nav>li>a {
    border: 0;
    color:#333;
    font-size: 16px;
    /*height: 45px;*/
    text-align: center;
    text-transform: uppercase;
}
.navbar {border-radius:0;}
    .navbar-brand {
        height: auto;
        padding: 0 20px;
        padding-top:5px;
        padding: 0;
    }
    .navbar-brand img {
        height: auto;
        width:75%;
    }
.navbar-nav .dropdown-menu li {
    display: block;
}
.navbar-nav .dropdown-menu li a {
    font-size: 16px;
    padding: 0.625em;
}
.btn-login span a {border:0;color:#FFFFFF;}
.btn-login:hover span a {color:#000000;text-decoration:none;}
#breadcrumbs {float:right; color:#b0b0b0; font-size:0.85em;}

.interior-banner {
	background-repeat:no-repeat; 
	background-size:100%; 
	height:88px;
}

/* ========== MEMBER LOGIN ==========  */

.btn-login:before {
    content: url('../images/account.png');
}
.btn-login span {display:none;}
.btn-login {
    height: 26px;
    padding: 0;
    position: absolute;
    right: 3em;
    top: 0.8em;
}
.member-login {
	text-align:center;
	margin-top:25px;}

/* ========== CAROUSEL ========== */

.carousel-inner>.item>a>img, .carousel-inner>.item>img {height:100%;margin:0 auto;min-height:0;min-width:0;width:100%;}
.carousel-indicators {bottom:0;}
.carousel-caption-content {position:relative;}
.carousel-caption {bottom:0;left:0;padding:0;right:0;}
.carousel-caption {background:url("../images/carousel-caption-bg.png") repeat-x;background-size:cover;}
.carousel-caption section p {display:none;}
.arrow-up {
    background-clip: border-box;
    border-bottom: 35px solid rgba(58, 83, 117, 0.702);
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    height: 0;
    margin: 0 auto;
    position: absolute;
    right: 38vw;
    top: -34.5px;
    width: 0;
}


/* ========== LANDING PAGE CONTENT ========== */

#aboutVRE {}
#aboutVRE h1 {font-weight:bold;text-align:center;text-transform:uppercase; margin-top:30px; }
.btn-more {
    background:#3a5375;
    border-radius:4px;
    color:white;
    display:block;
    margin:15px auto;
    max-width:150px;
    padding:5px 10px;
    text-align:center;
}
.btn-more:hover {color:white;}
.container-max {max-width:100%;width:auto;}
.advisors {
	list-style:none;}
.advisors h2 {
	margin-bottom:0; padding-bottom:0;}
.advisors li {
	margin-bottom:35px; border-bottom:1px solid #9ea8b5; }

/* ========== CASE STUDIES PAGE CONTENT ========== */
.casestudy-thumb {
	text-align:center;
	font-weight:bold;
	color:#3a5375;
	font-size:1.45em;
	margin-bottom:30px;
	text-transform:uppercase;
}
.casestudy-thumb img {
	width:100%;
	-webkit-box-shadow: #B3B3B3 3px 3px 3px;
	-moz-box-shadow: #B3B3B3 3px 3px 3px; 
	box-shadow: #B3B3B3 3px 3px 3px;
}

/* ========== STAFF PAGE CONTENT ========== */

.founder-container, .partner-container {
    text-align: center;
}

.teamHeader {
    margin: 0 auto;
    width: 108px;
}
.team {
    display: inline-block;
    vertical-align: top;
    width: 134px;
    /*margin: 10px 50px 10px 0;*/
}

/* ========== FOOTER ========== */

footer {background: #333;margin:36px 0 0 0;}
footer .row {
    color: #cecece;
    padding: 15px 0;
    padding-bottom:28px;
}
.copyright, .credits {text-align:center;}

/* ========== 1em () ==========  

@media only screen and (min-width: 1em) {
}*/

/* ========== 20em (320px) ==========  */

@media only screen and (min-width: 20em) {
}

/* ========== 30em (480px) ========== */

@media only screen and (min-width: 30em) {
    .text-left-sm {
        text-align: left;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-center-sm {
        text-align: center;
    }
    .navbar-brand img {
        height: auto;
        width:100%;
    }
    .carousel-caption section p {display:block;}
    .carousel-caption-content {margin:0 auto;width:430px;line-height:16px;}
    .carousel-caption-content h3 {font-size:18px !important;font-weight:bold; font-style:normal; text-align:left;margin:10px 0 0 0;}
    .carousel-caption-content p, .carousel-caption-content a {color:white;font-size:14px;font-style:italic;}
    .carousel-caption-content a:hover {color:white;text-decoration:underline;}
}

/* ========== 48em (768px) ========== */

@media only screen and (min-width: 48em) {
    .text-left-md {
        text-align: left;
    }
    .text-right-md {
        text-align: right;
    }
    .text-center-md {
        text-align: center;
    }
    .sf-menu {
        display: inline-block;
        float: right;
        margin-bottom: 0;
        text-align: right;
    }
    .sf-menu li {
        float: none !important;
        display: inline-block;
    }
    .sf-menu li:hover {
        background: none;
    }
    .sf-menu li a:hover {
        background: none;
    }
    .sf-arrows .sf-with-ul {
        padding-right: 1.85em;
    }
    .sf-arrows .sf-with-ul:after {
        content: ' ';
    }
    .btn-login:before {content:none;}
    .btn-login {
        background-color: #9ea8b5;
        color: #ffffff;
        height: 30px;
        font-size: 15px;
        font-weight: bold;
        padding: 3px 18px;
        text-transform: uppercase;
        top: 0;
        right: 15px;
    }
    .btn-login span {display:block;}
    .navbar-default {
        /*background-image: url("/images/solid-nav-bg.png") !important;
		background-position:bottom center;*/
        background-size:cover;
        border-bottom: 10px solid #333;
        margin-bottom:0;        
        padding: 12px 15px;
        padding-bottom: 0;
        position: absolute;
        width: 100%;
		background-color:#ffffff !important;
    }
    .navbar-default .container {
        position:relative;
    }
    .navbar-header {
        display: inline-block;
        float: none;
        width: 54%;
    }
    .navbar-brand {
        height:auto;
        padding: 0;
    }
    .navbar-nav>li>a {
        padding: 10px 10px;
    }
    #casestudy-carousel, #casestudy-carousel .item img {max-height: 740px;}
    #carouselVRE .carousel-inner>.item {/*height:95vh;*/}
    #carouselVRE .carousel-inner>.item>a>img, #carouselVRE .carousel-inner>.item>img {
        height:auto;
        margin:0 auto;
        /*min-width:1868px;*/
        /*min-height:773px;*/
        width:100%;
    }
    .interior-banner {height:144px;}
    footer {margin-top:0;}
    footer .row {padding-bottom:16px;}

}

/* ========== 62em (992px) ========== */

@media (min-width: 62em) {
    .text-left-lg {
        text-align: left;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-center-lg {
        text-align: center;
    }
    .sf-menu {
        padding-top:37px;
    }
    .sf-arrows .sf-with-ul {
        padding-right: 10px;
    }
    .sf-arrows .sf-with-ul:after {
        content: none;
    }
    .navbar-brand img {
        width: 100%;
    }
    .navbar-header {width:41%;}
    .carousel-caption-content {float:right;/*margin-right:20vw;*/}
    .container-max {width:970px;}
    .interior-banner {height:100px;}
    footer {/*margin-top:36px;*/}
    footer .row {padding-bottom:16px;}
}

/* ========== 75em (1200px) ========== */

@media (min-width: 75em) {
    .text-left-xl {
        text-align: left;
    }
    .text-right-xl {
        text-align: right;
    }
    .text-center-xl {
        text-align: center;
    }
    .container-max {width:1170px;}
    #carouselVRE .carousel-inner>.item {height:95vh;}
    #carouselVRE .carousel-inner>.item>a>img, #carouselVRE .carousel-inner>.item>img {
        left: 50%;
        min-width:1868px;
        min-height:773px;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
    }
}

@media (min-width: 167.813em) {
    .carousel-caption-content {margin-right:48vw;}
}