@charset "UTF-8";
/* CSS Document */
.bodymain{
    font-family: robotoregular, sans-serif;
    text-align:center;
}
.top_row{
    position:relative;
    color:#365CA1;
     font-size:1.8vw;
    
}
#whatinstscontainer{
    position:relative;
}
.whatandhowcontainer{
    
    width:98vw;
}
.wahl{
    
}
.wahr{
    
}
.topDropdown{
    text-decoration:none;
    color:#078003;
    font-size:5vw;
    
}
.instsPointer{
    font-size:120%;
    color:#DA8001;
}
.opportunity_banner{
    background-color: #123A8A;
    color:#F0C673;
    padding:0.5em;
    margin-top:-0.5em;
    margin-bottom:0.5em;
}
.flags_container{
    display:inline-block;
    width:95vw;

    
}
.flags_graphic{
    width:90vw;
}
.exploding_display{
    min-height:14vw;
    display: flex;
  justify-content:center ;
  align-items: flex-end;
    width:100%;
   
}
.exploding_display_foreign{
    font-size:2vw;
    color:#546181;
}
.dates_container{
    display:inline-block;
    width:98vw;
    text-align:center;
       vertical-align:top;
    padding-top:3vw;
    font-size:18pt;
}
.listedDate{
    margin-top:1em;
    
    }        
.listedDateInsts{       
    color:#365CA1;
    
}

.datestar{
    color:#E26411;
}
.meeting_times{
    margin-top:1em;
    font-size:140%;
    color:#2644B2;
}
.meeting_place{
    margin-top:1em;
    font-size:110%;
    color:#4C4C4C;
}
.meeting_place_italic{
    font-family:robotoitalic, sans-serif;
}

.whatandhowpanel{
    display:none;
    position:absolute;
    top:7.5vw;
    width:75vw;
    z-index:50;
    background-color:#FAECCF;
    border: outset 4px #333355;
    padding:12px;
    text-align:center;
    overflow: hidden;
      transition: all 200ms ease-in-out;
}

.whatandhowline{
    font-size:18pt;
    margin-top:0.5em;
    font-family: robotoregular, sans-serif;
    color:#078003;
}
.instsStar{
    
    color:#D94102;
    
}
.wahlnote{
    font-size:18pt;
    margin-top:1em;
    font-family: robotoitalic, sans-serif;
}
/* *************************************** min-width 1000 ****************/
@media screen and (min-width: 1000px) {
  .flags_container{
      width:48vw;
    }
    .dates_container{
       width:48vw; 
    }
    .topDropdown{
        font-size:2vw;
    }
    .whatandhowpanel{
        top:2.5vw;
    }
 .whatandhowpanel{
    width:33vw; 
    }
    
.whatandhowcontainer{
    
    
    max-width:45vw;
} 
 .flags_graphic{
    width:35vw;
}
    
}