/******************/
/* responsiveness */
/******************/

@media (min-width: 768px){
/* add margins to navbar images when > 768px wide */
    .active {  
        margin-left: 13px;
        margin-top: 13px;
        margin-bottom: 13px;
    }
    
/* add vertical centering to row images when > 768px */
    .vcenter {
    display: flex;
    align-items: center;
    }
}

/*************/
/* top level */
/*************/

body{
    
}

/*put an opaque layer above the blurred-container */
.main{
    background-color: #FFFFFF;
    position: relative;
}

/**********/
/* navbar */
/**********/

/*     -----     text     -----     */

.nav_text_1{
    cursor: pointer;
    color: #606060;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    pointer-events:none;
}

.nav_text_1_highlighted_green{
    cursor: pointer;
    color: rgba(120,194,136,0.95);
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    pointer-events:none;
}

.nav_text_1_highlighted_purple{
    cursor: pointer;
    color: rgba(187,81,194,0.95);
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    pointer-events:none;
}

.nav_text_1_highlighted_orange{
    cursor: pointer;
    color: rgba(252,114,3,0.95);
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    pointer-events:none;
}

.navbar .navbar-brand{
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 20px;
}

.navbar-header{
    width: 100%;
}
.navbar-brand{
    cursor: pointer;
    padding: 20px 15px;
    opacity: 0.95;
    font-weight:200;
    font-family: 'Raleway', sans-serif;
    width: 100%;
    text-align: center;
}

.navbar-brand-opaque{
    color: #606060;
}

.navbar-brand-transparent{
    color: #FFFFFF;
}

.navbar-brand:hover{
    cursor: pointer;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
}

#brand-green:hover{
    color: rgba(120,194,136,0.95);  
}

#brand-purple:hover{
    color: rgba(187,81,194,0.95);
}

#brand-orange:hover{
    color: rgba(252,114,3,0.95);
}

/*     -----     images     -----     */


.navbar-scaled{
    cursor: pointer;
    margin-top:5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    pointer-events:none;
}

.navbar-scaled-highlighted{
    cursor: pointer;
    width: 30px;
    height: 30px;
    pointer-events:none;
}

.active {
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 12px;
}

/*     -----     other     -----     */

.navbar{
    cursor: pointer;
    /*border: 0 none;*/
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    font-size: 16px;
}

.navbar-nav > li > a [class^="fa"]{
    font-size: 18px;
    display: block;
}

.navbar-transparent, .navbar-transparent {
    background-color: rgba(0, 0, 0, 0);
    color: #5E5E5E;
    
}
.navbar-transparent .nav .caret{
    border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
}

.navbar:not(.navbar-transparent).navbar-ct-grey{
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.95);
    border-bottom: -2px;
    border-color: #606060;
}

.navbar-collapse, .navbar-form {
    border-color: rgba(0, 0, 0, 0);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(0,0,0,0);
}

.navbar-toggle{
    margin-top: 24px;
    margin-bottom: 24px;
    border: 0;
}
.navbar-toggle .standard {
    background-color: #606060;
}

.navbar-toggle .highlighted-green {
    background-color: rgba(120,194,136,0.95);
}

.navbar-toggle .highlighted-purple {
    background-color: rgba(187,81,194,0.95);
}

.navbar-toggle .highlighted-orange {
    background-color: rgba(252,114,3,0.95);
}

.navbar-collapse, .navbar-form {
    border-color: rgba(0,0,0,0);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(0,0,0,0);
}


/**************/
/* background */
/**************/

.blurred-container{
  position:relative;
  width:100%;
  height:100vh;
  top:0;
  left:0;
}
.blurred-container > .img-src{
    position:fixed;
    width:100%;
    height:100vh;
    background-repeat:no-repeat;
    background-size:cover;
    background-position: top center;
    
}


/********/
/* rows */
/********/

/*     -----     text     -----     */

.body-text-1{
    padding: 2px;
    color: #606060;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    font-size: 13pt;
    line-height: 150%;
    text-align: left;
}

.body-text-1-bold{
    padding: 2px;
    color: #606060;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 13pt;
    line-height: 150%;
    text-align: left;
}

.body-text-2{
    margin: 0px;
    padding: 2px;
    color: #606060;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    font-size: 13pt;
    line-height: 120%;  
    text-align: right;
}

.body-text-2-bold{
    margin: 0px;
    padding: 2px;
    color: #606060;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 13pt;
    line-height: 120%;  
}

.body-text-2-bold-centered{
    margin: 0px;
    padding: 2px;
    color: #606060;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 13pt;
    line-height: 120%; 
    text-align: center; 
}

/*     -----     images     -----     */

.headshot{
    width: 300px;
    height: 300px;
    pointer-events:none;
}

/*     -----     other     -----     */

.image-container{
    text-align: center;
}

.body-row{
    padding-top: 45px;
    padding-bottom: 45px;
}

.single-row{
    padding-top: 0px;
    padding-bottom: 0px;
}

.jumbotron{
    padding-top: 45px;
    padding-bottom: 45px;
    margin-bottom: 0px;
}

/*************/
/* jumbotron */
/*************/

.jumbo_text_white{
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    text-align: center;
    font-size: 13pt;
}

.jumbo_text_white em{
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 13pt;
    font-style: normal;
}

.jumbo_text_white_bold{
    color: #FFFFFF;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 13pt;
}


/**********/
/* footer */
/**********/

.footer_container{
    color: #aaa9a9;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    text-align: center;
    font-size: 14pt;
}

.footer_text{
    color: #aaa9a9;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    text-align: center;
    font-size: 14pt;
    text-decoration: none;
}

.footer_link, .footer_link:link, .footer_link:visited, .footer_link:active{
    color: #aaa9a9;
    font-family: 'Raleway', sans-serif;
    font-weight: 200;
    text-align: center;
    font-size: 14pt;
    text-decoration: none;
}


.footer_link:hover{
    color: rgba(120,194,136,0.95);
    font-weight: 400;
    text-decoration: none;
}

.footer_text_bold{
    color: #606060;
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 18pt;
}