/* CSS Document */

/*********** HEADER ***********/

#logo{
    float:left;
    margin-top:0px;
    margin-left:2%;
    width:23%;
}

#emailRainbowThin{
    width:11em;
}

#Hamburger{
    display:block;
    width:40px;
    float:right;
    margin-right:40px;
    margin-top:24px;
    position: relative;
    cursor:pointer;
}

#Hamburger:hover{
    fill:#de009c;
}

#navBlock{
    display:none;
}


/*********** MOBILE NAVIGATION ************/
#mobileNav{
    width:100%;
    background-color:#fff;
    z-index:9;
    text-align:center;
    padding-left:auto;
    padding-right:auto;
    padding-bottom:10vh;
}

.mobileLink{
    cursor:pointer;
    display:block;
    margin-top:20px;
    margin-bottom:20px;
    font-size:1.6em;
}

.mobileLink img{
    width:30px;
    cursor:pointer;
}

#socialBlock{
    float:Left;
    border-bottom:1px solid grey;
    width:100%;
    text-align: center;
    padding-left:auto;
    padding-right:auto;
}

.socialIcon{
    display:inline-block;
    height:40px;
    margin-top:6px;
    margin-bottom:40px;
}


.socialIcon img{
    width:30px;
    height:20px;
    float:left;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:1em;
    
}

#emailFrm{
    float:left;
    height:80px;
    border-bottom:1px solid grey;
    width:100%;
    text-align: center;
    padding-left:auto;
    padding-right:auto;
}


/*********** HERO *************/
#Hero{
    margin-top:10%;
}

#heroReplacement{
    margin-top:0px;
}

#heroDate{
    margin-top:4em;
}



/*********** FORMS ************/
.rainbowField{
    width:100%;
}

.btn_rainbow_Lrg {
  padding:10px 20px;
  margin-top:0vw;
  font-size:1.2em;
  border-radius: 40px;
}

.frm_rainbow_thin {
    z-index:0;
    position: relative;
    padding:10px 20px;
    width:90%;
    margin-top:0px;
    display: inline-block;
    font-size:1em;
    font-weight:500;
    border-radius: 50px;
    cursor:pointer;
    background-color:#fff;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}


/*********** COLUMNS **********/

.col50L{
    width:100%;
    margin-right:0%;
}
.col50R{
    width:100%;
    margin-left:0%;
}


.col30L{
    width:100%;
    margin-right:0%;
}

.col70R{
    width:100%;
    margin-left:0%;
}

/*********** FOOTER ***********/
#footerLogo{
    width:10em;
    margin-top:.5em;
    margin-left:1em;
}

#MVfooterLogo{
    width:8em;
    margin-top:1em;
    margin-right:1em;
}

/*********** SPECIALTY ***********/
.orgLogo{
    float:left;
    width:25%;
    margin-right:5%;
    margin-left:5%;
    margin-top:2em;
}