/* CSS Document */
*{
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
}

body{
    background-color:#fff;
    margin:0px;
    padding:0px;
    margin-top:0px;
}

a{
    text-decoration:none;
    color:#ba1f64;
}

a:hover{
    text-decoration:underline;
}

h2{
    font-family: "Lemon", sans-serif;
    font-size:2em;
    text-align: center;
    width:100%;
    margin-top:0px;
    padding-top:0px;
}

h3{
    font-family: "Lemon", sans-serif;
    font-size:2em;
    text-align: center;
    width:100%;
    margin:0px;
    padding:0px;
}

h4{
    font-family: "Lemon", sans-serif;
    font-size:2em;
    text-align: center;
    width:100%;
    margin:0px;
    padding:0px;
    color:#de009c;
}

h5{
    font-family: "Lemon", sans-serif;
    font-size:2em;
    text-align: left;
    width:100%;
    margin:0px;
    padding:0px;
    color:#de009c;
}

H5 a{
    font-family: "Lemon", sans-serif;
    text-decoration: underline;
    color:#de009c;
}

H6{
    font-family: "Poppins", sans-serif;
    font-size:1.4em;
    text-align: left;
    width:100%;
    margin-top:0px;
    padding-top:0px;
    font-weight:600;
    margin-bottom:0px;
}

li{
    margin-top:.4em;
    margin-bottom:.4em;
}

p{
    font-size:1.4em;
}

.small{
    font-size:.8em;
}

label{
    color:#fff;
}

b{
    font-weight: 500;
}

.floatL{
    float:left;
}

.floatL100{
    float:left;
    width:100%;
    padding-bottom:2em;
}

.floatR{
    float:right;
}

.row{
    float:left;
    width:100%;
    margin-top:4em;
}

.rowSM{
    float:left;
    width:100%;
    margin-top:1em;
}

.container{
    display:flexbox;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

.col50L{
    float:left;
    width:48%;
    margin-right:2%;
}

.col50R{
    float:left;
    width:48%;
    margin-left:2%;
}

.col30L{
    float:left;
    width:28%;
    margin-right:2%;
}

.col70R{
    float:left;
    width:68%;
    margin-left:2%;
}

.col20L{
    float:left;
    width:18%;
    margin-right:2%;
}

.col80R{
    float:left;
    width:76%;
    margin-left:2%;
}

.smallPrint{
    font-size:1em;
    margin-top:2em;
}

.cntrMe{
    width:100%;
    text-align:center;
}

.pink{
    color:#de009c;
    font-size:1.4em;
} 


/*********** FORMS *************/

.twoColForm{
    width:380px;
    margin-left:auto;
    margin-right:auto;
}

.formRow{
    float:left;
    width:100%;
    margin-top:1.4em;
    text-align: center;
}

.labelCenter{
    margin-bottom:.4em;
    display:block;
}

.labelTop{
    margin-bottom:.4em;
    margin-top:0em;
    margin-left:20px;
    font-size:1em;
    float:left;
    width:100%;
    text-align: left;
}

.labelLong{
    margin-bottom:.4em;
    margin-top:.4em;
    margin-left:20px;
    margin-right:10px;
    font-size:1em;
    float:left;
    text-align: left;
}

.floatLCheck{
    float:left;
    margin-left:20px;
}

.frm_rainbow_thin {
    z-index:0;
    position: relative;
    padding:10px 30px;
    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);
}

.frm_rainbow_thick {
    z-index:0;
    position: relative;
    padding:10px 30px;
    margin-top:0px;
    display: inline-block;
    font-size:1em;
    font-weight:500;
    border-radius: 50px;
    border:1px solid #fff;
    cursor:pointer;
    background: linear-gradient(90deg,  #BE1E2D 0%, #E91460 22%, #F7941D 36%, #08AA4C 50%, #1B6FB8 64%, #92278F 80%, #2B3990 100%);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

.frm_rainbow_thin::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 50px;
    padding: 1px; /* control the border thickness */
    background: linear-gradient(90deg,  #BE1E2D 0%, #E91460 22%, #F7941D 36%, #08AA4C 50%, #1B6FB8 64%, #92278F 80%, #2B3990 100%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}

.frm_rainbow_thin_check {
    z-index:0;
    position: relative;
    padding:4px 5px 2px 3px;
    margin-top:0px;
    margin-right:5px;
    display: inline-block;
    font-weight:500;
    border-radius: 50px;
    cursor:pointer;
    background-color:#fff;
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

.emailSignUpField{
    font-size:1em;
    width:200px;
    padding:2px;
    font-weight:200;
    border:1px;
}
.emailSignUpField:focus{
    outline:none;
}

.rainbowField{
    font-size:1em;
    width:360px;
    padding:2px;
    font-weight:200;
    border:1px;
}
.rainbowField:focus{
    outline:none;
}

.rainbowCheck{
    border:none;
}
.rainbowCheck:focus{
    outline:none;
}

.btn_rainbow_thin {
  color:#721668;
  position: relative;
  padding:10px 30px;
  margin-right:1vw;
  margin-top:.6vw;
  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);
}

.btn_rainbow_thin::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1px; /* control the border thickness */
  background: linear-gradient(90deg,  #fd1892 0%, #fec837 25%, #b8fd33 50%, #2c90fc 75%, #b827fc 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.btn_rainbow_Lrg {
  color:#42ad72;
  position: relative;
  padding:20px 40px;
  margin-right:1vw;
  margin-top:.6vw;
  display: inline-block;
  font-size:1.6em;
  font-weight:800;
  border-radius: 50px;
  cursor:pointer;
  background-color:#fff;
  box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

.btn_rainbow_Lrg::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1px; /* control the border thickness */
  background: linear-gradient(90deg,  #fd1892 0%, #fec837 25%, #b8fd33 50%, #2c90fc 75%, #b827fc 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.btn{
    color:#19c666;
}

.btn:hover{
  cursor:pointer;
  color:#ff007e;
  text-decoration:underline;
}

.submitBtn{
    border:0px;
    background-color:#fff;
    font-size:1em;
    cursor: pointer;
    color:#19c666;
}

.submitBtn:hover{
    color:#ff007e;
    text-decoration:underline;
}

input[type="file"] {
    display:none;
}

.custom-file-upload{
    display:inline-block;
    padding: 6px 12px;
    cursor:pointer;
}

#showUpload{
    cursor:pointer;
}


/*********** MOBILE SPECIFIC ************/
#socialBlock{
    display:inline-block;
    border-bottom:none;
    width:auto;
    text-align: center;
    padding-left:auto;
    padding-right:auto;
}

#Hamburger{
    display:none;
}


/*********** HEADER ************/
#headerContainer{
    float:left;
    width:100%;
    z-index:1;
    position:fixed;
    background-image: url("../images/headerBG.png");
    background-repeat: repeat-x;
    background-size:contain;
    height:20%;
    padding:0px;
}

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

#navBlock{
    float:right;
    width:78%;
    margin-top:10px;
    text-align: right;
    padding-right:2%;
}

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

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

.accntIcon{
    display:inline-block;
    height:20px;
    margin-top:0px;
}

.accntIcon img{
    height:20px;
    float:left;
    margin-top:0px;
    margin-right:.5em;
    
}

#mobileNav{
    display:none;
}


/*********** HEADER EMAIL SIGNUP SPECIFIC ************/
#emailFrm{
    display:inline-block;
}

#emailResult{
    display:none;
    display:inline-block;
}



/*************** HERO *************/

#Hero{
    float:left;
    z-index:0;
    width:100%;
    background-image:url("../images/HeroBg2.png");
    background-repeat: no-repeat;
    background-size:100%;
    /*padding-bottom:38.5%;*/
    padding-bottom:8%;
    margin-top:4%;
}

#heroDate{
    display:flexbox;
    width:66%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10em;
}

#heroReplacement{
    margin-top:150px;
}

/*************** CONTENT *****************/

.pinkBubble{
    background-color:#cb6678;
    float:left;
    border-radius:1em;
    padding:10%;
    width:80%;
    color:#fff;
    margin-bottom:2em;
}

.orangeBubble{
    background-color:#f7af3f;
    float:left;
    border-radius:1em;
    padding:10%;
    width:80%;
    color:#fff;
    margin-bottom:2em;
}

.greenBubble{
    background-color:#19c666;
    float:left;
    border-radius:1em;
    padding:10%;
    width:80%;
    color:#fff;
    margin-bottom:2em;
}

.redBubble{
    background-color:#f33752;
    float:left;
    border-radius:1em;
    padding:5%;
    width:90%;
    color:#fff;
    margin-bottom:2em;
}

.redBubble a{
    color:#fff;
}

.greyBubble{
    background-color:#e5e5e5;
    float:left;
    border-radius:1em;
    padding:5%;
    padding-bottom:0px;
    width:90%;
    margin-bottom:2em;
    color:#000;
}

.purpleHeadline{
    float:left;
    width:100%;
    font-family:"Lemon", Sans-Serif;
    font-size:2em;
    color:#7e4091;
}

.greenHeadline{
    float:left;
    width:100%;
    font-family:"Lemon", Sans-Serif;
    font-size:2em;
    color:#19c666;
}

.orgLogo{
    float:left;
    width:15%;
    margin-right:5%;
    margin-left:5%;
    margin-top:2em;
}

.orgLogo img{
    width:100%;
}

.grey{
    color:#a7a7a7;
    margin-top:2em;
    margin-bottom:2em;
}

.smImg{
    float:left; 
    width:10%;
    margin-right:1em;
}


/*************** FOOTER ****************/
#footer{
  	bottom: 0;
  	width: 100%;
  	height: 100px; 
    font-size:1.6vw;
    float:left;
    /*position:fixed;*/
    border-top:1px solid #a7a7a7;
    background-color:#fff;
    margin-top:5em;
}

#footerLogo{
    width:5em;
    margin-top:.5em;
    margin-left:1em;
}

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

.footerSocial{
    float:left;
    margin-left:2em;
    margin-top:1em;
}

.footerModal{
    float:left;
    width:100%;
    font-size:1em;
    text-align:center;
}

.footerModal a{
    margin-right:1em;
}

/**************** DEFAULT DISPLAY OPTIONS ***************/
#createAccnt{
    display:none;
}

#SignInPrompt{
    display:none;
}


/*************** PROMOTION AND EVENT LISTINGS ************/

#promotions{
    display:none;
}

.eventSignUpBtn{
    display:inline-flex;
    padding:10px;
    background-color:#f4f4f4;
    border:1px solid #000;
    color:#414141;
    border-radius: 10px;
    width:auto;
    margin-left:auto;
    margin-right:auto;
}

.promotionsHeader{
    font-family: "Poppins", sans-serif;
    font-weight:400;
    color:#ed117f;
    font-size:2em;
    border-bottom:1px solid #ed117f;
    padding-bottom:.2em;
    width:100%;
}

#promotionsHeaderLink{
    font-family: "Poppins", sans-serif;
    font-weight:400;
    color:#ed117f;
    font-size:2em;
    padding-bottom:.2em;
    margin-right:1em;
    cursor:pointer;
    float:left;
}

#promotionsHeaderLink img{
    width:1em;
    margin-right:10px;
}

.promotionsHeader img{
    width:1em;
    margin-right:10px;
}

.eventsHeader{
    font-family: "Poppins", sans-serif;
    font-weight:400;
    color:#1fb04c;
    font-size:2em;
    border-bottom:1px solid #1fb04c;
    padding-bottom:.2em;
    width:100%;
}

#eventsHeaderLink{
    font-family: "Poppins", sans-serif;
    font-weight:400;
    color:#1fb04c;
    font-size:2em;
    padding-bottom:.2em;
    margin-right:1em;
    cursor:pointer;
    float:left;
}

#eventsHeaderLink img{
    width:1em;
    margin-right:10px;
}

.eventsHeader img{
    width:1em;
    margin-right:10px;
}

.promotionListing{
    float:left;
    color:#000;
    font-size:1em;
    margin-top:2em;
    border-bottom:1px solid #ed117f;
    padding-bottom:2em;
    width:100%;
}

.promotionListing img{
    float:left;
    width:6em;
    margin-right:1em;
}

.eventListing{
    float:left;
    color:#000;
    font-size:1em;
    margin-top:2em;
    border-bottom:1px solid #1fb04c;
    padding-bottom:2em;
    width:100%;
}

.eventListingIMG{
    width:3em;
    margin-right:1em;
}

.eventImg{
    width:100%;
    padding-bottom:52.5%;
    float:left;
    background-repeat: no-repeat;
    background-size:100%;
}

.eventListing a{
    color:#1fb04c;
    text-decoration: none
}

.dates{
    color:#858585;
    font-size:.8em;
}


/*************** ADMIN SPECIFIC ***************/
.formRowLine{
    float:left;
    width:100%;
    margin-top:1.6em;
    padding-bottom:1.6em;
    border-bottom:1px solid #A5A5A5;
    text-align: center;
}

.formRowLine .floatL{
    margin-right:.6em;
}

.formRowLine label{
    color:#000;
}

.shortField{
    width:120px;
}

.btn_rainbow_sm {
  color:#42ad72;
  position: relative;
  padding:5px 10px;
  margin-right:1vw;
  margin-top:-.2vw;
  display: inline-block;
  font-size:.8em;
  font-weight:800;
  border-radius: 50px;
  cursor:pointer;
  background-color:#fff;
  box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

.btn_rainbow_sm::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1px; /* control the border thickness */
  background: linear-gradient(90deg,  #fd1892 0%, #fec837 25%, #b8fd33 50%, #2c90fc 75%, #b827fc 100%);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}