@charset "UTF-8";
/* CSS Document */

/* new homepage horizontal bands */
 /* SWAPPED PURPLE FOR BLACK AND GREEN FOR GRAY 7/26/2023 */

.grayband { /* background-color: #838383; */
         /*  background-color: #222;
           background-image: linear-gradient(#898278, #6B645B) !important; */
          background-image: url('/img/Spieker_bw.jpg');
          background-size: cover;
}
.grayband2 { 
          background-image: url('/img/2.MatM_Stent_Evening.jpg');
          background-size: cover;
}

.blackband { /* background-color: #000000; */
             background-color: #18173B;
           background-image: linear-gradient(#a15d60, #AB2328) !important;

           }

.sticky-images {
    position: -webkit-sticky;
    position: sticky;
    top: 0; 
    margin-top: 70px;
   }
.sticky-zone { min-height: 650px;}

.rightband, .leftband {min-height: 400px; margin: 50px auto; width: 1175px; position: relative;}

.rightband img {max-width: 575px; position:absolute; left:600px; z-index: 1; border-radius:16px; }
.leftband img {max-width: 575px; position: absolute; left:0;  z-index: 1; border-radius:16px; }

.rightband h1 {position:absolute; left: 20px; width: 760px; font-size: 80px; color: white; z-index: 24; font-weight: 400; line-height: 1em;}
.leftband h1 {position:absolute; left: 475px; width: 675px; font-size: 80px; color: white; z-index: 24; font-weight: 400; line-height: 1em;}

.rightband p {position:absolute; left: 20px; top: 200px; width: 525px; font-size: 22px; color: white; z-index: 24; font-weight: 300; line-height: 1.4em; }
.leftband p {position:absolute; left: 600px; top: 200px; width: 525px; font-size: 22px; color: white; z-index: 24; font-weight: 300; line-height: 1.4em;  }

.bandbutton { 
   height: 50px;
   background-color: rgb(225, 138, 30);;
   font-weight: 400; 
   font-style: normal;
   font-size: 24px;
   color: #ffe5e5;
   -moz-border-radius: 2px !important;
   -webkit-border-radius: 2px !important;
   border-radius: 2px;
   margin: 12px 0 0 10px;
   position: absolute; 
   top: 320px;
   padding: 15px 20px;   
   border: none;
   display: inline-block;
  } 

.bandbutton:hover {color: #ffffff !important;}

.rightband .bandbutton {
  left: 20px;
}
.leftband .bandbutton {
  left: 920px;
}

/* special classes / ID for institute pages */

#institute-article h2.aux { margin: 0 -400px 10px 0 !important; }
#institute-article p { margin: 0 -300px 10px 0 !important; }

/* Video page hide mobile nav on desktop */

#videoTopMobileNav { display: none; visibility: hidden; }


/* staff photos on contacts page */ 

.staff-photo 
{ float:left; 
margin: 20px 20px 20px 0; 
width: 220px; }
.staff-photo img {
  
  margin-bottom: 6px;
  width: 200px;
  height: 200px;
}

/* fade in health banner */

#health-banner {
  width: 100%;
   background-color: #AB2328; 
  color: white;
  text-align: center;
  padding: 10px;
  font-size: 1.25em;
}
#health-banner a { color: white; font-weight: 600; }

.fade-in-text {
   animation: fadeIn linear 2s;
  -webkit-animation: fadeIn linear 2s;
  -moz-animation: fadeIn linear 2s;
  -o-animation: fadeIn linear 2s;
  -ms-animation: fadeIn linear 2s;
}

/* animated Down Arrow under video */

.down-arrow {
  position: absolute;
  top: calc(100vh - 90px);
  left: calc(50% - 14px);
  width: 0;
  height: 30px;
  border: 2px solid #AB2328;
  border-radius: 2px;
  animation: jumpInfinite 1.5s infinite;
}

.down-arrow:after {
  content: " ";
  position: absolute;
  top: 12px;
  left: -8px;
  width: 16px;
  height: 16px;
  border-bottom: 4px solid #AB2328;
  border-right: 4px solid #AB2328;
  border-radius: 4px;
  transform: rotateZ(45deg);
}
@keyframes jumpInfinite {
  0% {
    margin-top: 0;
  }
  50% {
    margin-top: 20px;
  }
  100% {
    margin-top: 0;
  }
}

/* end animated arrow */


.comingEvents { margin: 20px 0 50px 0; width:100%; }

.frontButton {
  
  max-width: 396px; 
  max-height: 396px;
  margin-right: 12px;
  padding-bottom: 15px;
  float: left;
  
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
/* front page images get the star class to fade in. */

.star {
    visibility: hidden;
}

.fadeIn {
    -webkit-animation: animat_show 2s;
    animation: animat_show 2.4s;
    visibility: visible !important;
}

@-webkit-keyframes animat_show{
    0%{opacity:0}
    100%{opacity:1}
}

.deactivated-menu-item {color:black !important; font-style: italic;}
h3.coming-events-buttons,
h3.square-buttons {
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif; 
  font-weight: 600; 
  font-style: normal;
  text-transform: uppercase !important;
  font-size: 26px;
  line-height: 29px;
  letter-spacing: 2.5px;
  color: #000;
  border-bottom: 2px solid #e0e0e1;
  margin: 0;
  margin-bottom: 5vh;
  margin-top: 30px;
  padding: 0;
}
.prefooter {  margin-top: 10vh; }
a {
  color: #AB2328;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #C02A26;
  text-decoration: none;
}
blockquote {
    margin: 0 0 20px;
    padding: 10px 20px;
}

a.fff-link { color: white !important; font-weight:700; }
a.fff-link:hover { color: rgb(240, 226, 226) !important; }
a.fff-link::after { content: " »" !important; }

.articleImages > img {
	
    max-width:385px;
    height:auto;
    margin: 5px 0;
}

b {color: #606060; }
/* tables */
table { background-color: #e2e2e2; background-image:linear-gradient(#efefef, #e2e2e2); margin:20px 0px;}
tr {border-bottom: 1px solid white; }
td {vertical-align: top; color:##606060; font: normal 16px/24px 'Whitney SSm A', 'Whitney SSm B', sans-serif; font-weight: 400; padding:10px; border-right: 1px solid white; }

.greyback {padding: 10px 10px 10px 10px !important; background-color: #cacaca !important; }
.cdDetails {
	
  background-color: #f3f2f3;
  color:##606060;
  font: normal 14px/18px 'Whitney SSm A', 'Whitney SSm B';
  font-weight: 500;
  padding: 15px;
}

.frontNote {
	
  color:#AB2328;
  font-family: 'Whitney SSm A', 'Whitney SSm B'; 
  font-weight: 400; 
  font-style: normal;
  line-height:1.7em;
  margin:auto; 
  width: 80%;
  margin-top: 30px;

}
.vlplayer {  }
#VLcoming {

animation: hide 1s linear 4s 1 forwards; 

}
@keyframes hide {
    to {
        opacity: 0;
    }
}

.button3 {background-color: #E18A1E; color:white; font-weight: bold;} /* Red */ 
.button4 {background-color: #E18A1E; color:white; padding: 6px 18px; font-size: 18px; } /* Red */ 
.button4:hover {background-color: #E18A1E; color:rgb(255,255,255,0.8); border-radius: 4px; } /* Red */ 


.pay { color: black !important; }

.no-bottom-padding {
	
	padding: 0 !important;s
	
}
.floater { float: left; margin: 0 10px 0 0; }

.scrollable-menu {
    height: auto;
    max-height: 290px;
    overflow-x: hidden;
}

.DailyScroll {

  max-height: 300px !important;
  overflow-y: scroll	 !important;

}
.main-filter { display: none; }
.breadc-filter-block  { display: none; }
.sm_caps { text-transform: uppercase; }

.image-shadow {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}

h3 .read-more-arrow {
      display: inline-block;
      background: url(../img/arrow-red.png) 0 0 no-repeat;
      width: 20px;
      height: 18px;
      margin: 0 0 -2px 4px;
    }

.slider-venue-wrapper {
	visibility: hidden;
	max-height: 0;
	min-height:0;
}

header .alt .dropdown-menu {
  width: 100%;
 /* background: url(../img/bg-dropdown-filter.png); */
 background-color: rgba(0, 0, 0, 0.5);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: none;
  padding: 4px 6px 10px 6px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
header .alt .dropdown-menu>li>a {
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif; 
  font-style: normal;
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 0.4px;
  color: #fff;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
  padding: 1px 0 0;
}
header .alt .dropdown-menu>li:first-child>a {
  padding: 0;
}
header .alt .dropdown-menu>li:last-child>a {
  border-bottom: none;
}
header .alt .dropdown-menu>li>a.open{
  line-height: 18px;
  color: #000;
}
header .alt .dropdown-menu>li>a.open .read-more-indicator {
  display: inline-block;
  background: url(../img/gray_arrow_down.png) 0 0 no-repeat;
  width: 11px;
  height: 13px;
  position: absolute;
  right: 7px;
  top: 4px;
}
header .alt .dropdown-menu>li>a:hover {
  color: #000;
  background: none;
}
header .alt .dropdown-menu .sub-menu {
  list-style-type: none;
  margin: 3px 0 0 -1px;
  padding: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.5);
}
header .alt .dropdown-menu li:last-child .sub-menu {
  border-bottom: none;
}
header .alt .dropdown-menu .sub-menu>li {
  margin: 0 0 2px;
}
header .alt .dropdown-menu .sub-menu>li>a {
 /* text-transform: capitalize; */
  font-size: 18px;
  line-height: 19px;
  font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif; 
  font-weight: 600; 
  font-style: normal;
  letter-spacing: -0.18px;
  color: #fff;
}
header .alt .dropdown-menu .sub-menu .open>a,
header .alt .dropdown-menu .sub-menu>li>a:hover,
header .alt .dropdown-menu .sub-menu>li>a:active {
  color: #000;
  text-decoration: none;
}
header .alt .dropdown-menu .sub-menu .divider {
  height: 2px;
  margin: 0;
  background: none;
  padding: 0px;
  border-top: 2px dotted #fff;
  position: relative;
  top: 0;
}
header .alt .dropdown-menu .sub-menu .sub-sub-menu {
  list-style-type: none;
  padding: 0 0 0 28px;
  margin: 0;
}
header .alt .dropdown-menu .sub-menu .sub-sub-menu>li>a {
  font-size: 15px;
  line-height: 18px;
  font-family: 'Whitney SSm A', 'Whitney SSm B'; font-weight: 400; font-style: italic;
  color: #fff;
}
header .alt .dropdown-menu .sub-menu .sub-sub-menu>li>a:hover,
header .alt .dropdown-menu .sub-menu .sub-sub-menu>li>a:hover {
  color: #000;
  text-decoration: none;
}

.dropdown-menu > li > a { padding: 4px;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color:#AB2328; }
.menuButton {
  height: 35px;
  background-color: #E18A1E;
  font-weight: 600; 
  font-style: normal;
  font-size: 12px;
  color: #ffe5e5;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px;
  margin: 12px 0 0 10px;
  position: relative; 
  padding: 9px 20px;
  border: none;
 display: inline-block;
 float: left;
/*   display:none;  */
}
.menuButton:hover {color: #ffffff !important;}

.alt .menuButton {
  height: 35px;
  background-color: #E18A1E;
  font-weight: 600; 
  font-style: normal;
  font-size: 12px;
  color: #ffe5e5;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px;
  margin: 12px 0 0 10px;
  position: relative; 
  padding: 9px 20px;
  border: none;
 display: inline-block;
 float: left;
/*   display:none;  */
}
.menuButton:hover {color: #ffffff !important;}

ul { margin-top: 0; }

.container-alt {width: 80vw; 
  position:relative;
  left:50%;
  transform: translateX(-50%);
  top: 0;
z-index: 20; }
  
.vid-contain {
  width:1180px; height:663px;
  position:relative;
  left:50%;
  transform: translateX(-50%);
  top: 0;
  display:inline-block;
  margin:0;
  overflow: hidden;
}
.vid video {
  width:1180px; height:663px;
  position: absolute;
  margin-top:0;
  object-fit: cover;
  z-index: 0;
 /* opacity: 0.5;
  -webkit-filter:grayscale(90%);
  filter:grayscale(90%);
 */
}
.vid-contain-alt {
  width:100vw; height:40vw;
  position:relative;
  left:50%;
  transform: translateX(-50%);
  top: 0;
  display:inline-block;
  margin:0;
  overflow: hidden;
}
.vid-alt video {
  width:100vw; height:50vw;
  position: absolute;
  margin-top:0;
  object-fit: cover;
  z-index: 0;
 /* opacity: 0.5;
  -webkit-filter:grayscale(90%);
  filter:grayscale(90%);
 */
}
.content-over-video {
  position:relative;
  left: 50%;
  transform: translateX(-50%);
  top:80%;
  background-color: black;
  max-width: 650px;
  padding: 0px;
}

.vid-index {
  min-width: 1200px !important;
  padding: 0 0 0 0 !important;
}
.alt-button { 
    height: 40px;
    font-weight: 600; 
    font-style: normal;
    font-size: 1.2em;
    color: #FFFF;
    border: 2px solid #E18A1E;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px;
     margin: 12px 0 0 10px;
    position: relative; 
    padding: 10px 20px;
    display: inline-block;
   float: left;
   z-index: 20;
   background-color: rgba(142,142,142,0.5)
 }

.alt-button:hover {
   color: #ffffff !important;
   background-color: rgba(225, 138, 30,1.0)
  }

header .alt .navbar {
  float: left;
  margin: 0 0 0 2px;
  background-color: #e7e8e9;
  border: none;
}
header .alt .navbar .navbar-collapse {
  float: left;
  padding: 0;
  border: none;
}
header .alt  ul {}
header .alt  ul li {
  
}
header .alt  ul li a {
  text-transform: uppercase;
  color: #fff;
  line-height: 64px;
  padding: 0 14px;
  font-size: 17px;
  height: 60px;
font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif;
font-weight: 500;
}
header .alt  ul li .active {
  color: #AB2328;
}
header .alt  ul li a:visited {
  background: transparent; 
}
 
 header .alt .dropdown {
   background: transparent !important;
   margin-right:5px;
 }
 header .alt .dropdown>a:hover,
 header .alt .dropdown>a:active,
 header .alt .navbar ul>li>a:hover,
 header .alt .navbar ul>li>a:active {
   color: rgba(255, 255, 255, 0.497);
   background: transparent;
 }
 
 header .alt .dropdown:hover .dropdown-toggle,
 header .alt .dropdown:focus .dropdown-toggle {
   background: transparent url(../img/navbar-arrow.png) center 40px no-repeat;
 }
 header .alt ul li .dropdown-menu {
   position: absolute;
   border: none;
   /* background: url(../img/navbar-dropd-bg.png); */
   background-color: rgba(0, 0, 0, 0.497)
   margin-top: 0px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   border-radius: 0;
   margin-left: 10px;
   padding: 10px 10px 2px 10px;
 }
 header .alt ul li .dropdown-menu {
   width: 278px;
 }
 header .alt ul li .dropdown-menu>li {
   width: 263px;
   float: left;
   margin: 0 0 10px 0;
 }
 header .alt ul li .dropdown-menu>li:last-child {
   margin: 0;
 }
 header .alt ul li .dropdown-menu.full-info>li {
   margin: 0 0 10px 10px;
 } 
 header .alt ul li .dropdown-menu.full-info>li:first-child {
   margin: 0;
 }
 header .alt ul li .dropdown-menu.full-info>li:nth-last-child(1),
 header .alt ul li .dropdown-menu.full-info>li:nth-last-child(1) {
   margin-bottom: 0;
 }
 
 header .alt ul li .dropdown-menu>li>a {
   height: auto;
   line-height: 24px;
   padding: 0;
 
 }
 header .alt ul li .dropdown-menu>li>.link-wrapper {
   height: auto;
 }
 header .alt  ul li .dropdown-menu>li>.link-wrapper>a {
   padding: 0;
   line-height: 24px;
   font-size: 13px !important;
   color: #fff;
 }
 header .alt ul li .dropdown-menu>li>.link-wrapper>a:hover{
   color:rgba(255, 255, 255, 0.8);
 }
 header .alt  ul li .dropdown-menu li>div>.img-wrapper {
   width: 263px;
   height: 94px;
   overflow: hidden;
 }
 header .alt  ul li .dropdown-menu li>div>.img-wrapper>img {
   width: 100%;
 
 }
 
 header .alt ul li .dropdown-menu li>div>.sub-menu {
   padding: 0;
   margin: 0;
   list-style-type: none;
 }
 header .alt ul li .dropdown-menu li>div>.sub-menu>li>a {
   text-transform: uppercase;
   margin: 0 0 7px;
   display: block;
   border-bottom: 2px solid #a7a8ab;
   color: #606060;
   font: normal 15px/18px 'Whitney SSm A', 'Whitney SSm B', serif;
   font-weight: 700;
   letter-spacing: 0.75px;
   height: auto;
   padding: 2px 0 0px 0px;
 }
 header .alt ul li .dropdown-menu li>div>.sub-menu>li>a:hover {
   color: #AB2328;
   text-decoration: none;
 }
 header .alt ul li .dropdown-menu li>div>.sub-menu>li:first-child>a {
   padding: 8px 8px 4px 0px;
   margin: 0;
   font-size: 20px;
     line-height: 20px;
     font-family: 'Whitney SSm A', 'Whitney SSm B', sans-serif; 
     font-weight: 600; 
     font-style: normal;
   letter-spacing: 1px;
 }
 header .alt ul li .dropdown-menu li>div>.sub-menu .sub-sub-menu {
   margin: 0;
   padding: 3px 0 0 0;
   list-style-type: none;
 }
 header .alt  ul li .dropdown-menu li>div>.sub-menu .sub-sub-menu>li {
   float: left;
   display: inline-block;
   padding: 0 0 4px 0px;
 }
 header .alt ul li .dropdown-menu li>.event-calendar-block>.sub-menu .sub-sub-menu>li {
   padding: 0 0 1px 0px;
 }
 header .alt ul li .dropdown-menu li>div>.sub-menu .sub-sub-menu>li>a {
   font: normal 13px/18px 'Whitney SSm A', 'Whitney SSm B', serif;
   font-weight: 500;
   letter-spacing: 0.7px;
   text-transform: capitalize;
   color: #606060;
   padding: 0 6px 0 0;
   height: auto;
 }
 
 header .alt ul li .dropdown-menu li>div>.sub-menu .sub-sub-menu>li>a:hover,
 header .alt ul li .dropdown-menu li>div>.sub-menu .sub-sub-menu>li>a:active {
   text-decoration: none;
   color: #AB2328;
 }
 header .alt ul li .dropdown-menu li>div>.sub-menu .sub-sub-menu>li>a:after {
   content: "|";
   font-size: 15px;
   position: relative;
   top: 0px;
   left: 3px;
 }
 header .alt ul li .dropdown-menu li>div>.sub-menu .sub-sub-menu>li>a:hover:after {
   color: #606060;
 }
 header .alt ul li .dropdown-menu li>div>.sub-menu .sub-sub-menu>li:last-child>a:after {
   content: '';
 }

@media screen and (min-width: 641px) and (max-width: 936px) {

#videoTopMobileNav { display: block; visibility: visible; padding-top: 10px; margin-top: 10px; overflow: visible; }
#desktopMenu ul {display:none; visibility: hidden;}

.rightband, .leftband {min-height: 500px; margin: 20px 0; width: 90vw; }

.rightband img {width: 100vw;  position: static; }
.leftband img {width: 100vw;   position: static; }
 
.rightband h1 {width: 90vw; margin-left: 5vw; font-size: 38px; color: white; font-weight: 400; line-height: 1em; position: static;}
.leftband h1 {width: 90vw; margin-left: 5vw; font-size: 38px; color: white; font-weight: 400; line-height: 1em; position: static;}
 
.rightband p {width: 90vw; margin-left: 5vw; font-size: 20px; color: white; font-weight: 300; line-height: 1.2em;  position: static; }
.leftband p {width: 90vw; margin-left: 5vw; font-size: 20px; color: white; font-weight: 300; line-height: 1.2em;  position: static; }
.bandbutton { position: static; }

 /* animated Down Arrow under video */
 
 .down-arrow {
   display: none }
 
 .down-arrow:after {
   display:none;
 }
 /* end animated arrow */
  
   
  .comingEvents, .buttonTrio  { width: 97%; margin-left: 1%; }
 h3.coming-events-buttons,
 h3.square-buttons,
 .prefooter {
   margin-bottom: 5vh;
   margin-top: 5vh;
   font-size:23px;
  }
 .frontButton {
     
     max-width: 33vw; 
     max-height: 33vw;
     min-width: 30vw;
     min-height: 30vw;
     margin-right: 1vw;
     padding-bottom: 15px;
     float: left;
     
   }
   
   h3 { font-size: 20px;  width: 80%; margin: 10px auto;}
  .vid-contain { display:none !important;
  }
  
  .vid-contain-alt {
    width:100vw; height:60vw;
    position:relative;
    left:50%;
    transform: translateX(-50%);
    top: 0;
    display:inline-block;
    margin:0;
    overflow: hidden;
  }
  .vid-alt video {
    width:100vw; height:60vw;
    position: absolute;
    margin-top:0;
    object-fit: cover;
    z-index: 0;
   /* opacity: 0.5;
    -webkit-filter:grayscale(90%);
    filter:grayscale(90%);
   */
  }

 .content-over-video {
   position:relative;
   left: 50%;
   transform: translateX(-50%);
   top:40vw;
   max-width: 80vw;
   padding: 0px;
 } 
  
.alt-button { 
   font-size: 0.8em;
   font-weight: 600;
   height: 30px;
    font-weight: 600; 
    font-style: normal;
     color: #FFFF;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px;
    border-color:  rgb(225, 138, 30);
    margin: 12px 0 0 10px;
    position: relative; 
    padding: 8px 15px;
    display: inline-block;
   float: left;
   z-index: 20;
   background-color: rgba(142,142,142,0.5)
 }

.alt-button:hover {
   color: #ffffff !important;
   background-color: rgba(225, 138, 30,1.0)
  }

.alt img { display: block;  width: 50vw; margin-top: 15px;  height:auto !important; }
}
 
@media screen and (min-width: 0px) and (max-width: 640px) {
#videoTopMobileNav { display: block; visibility: visible; padding-top: 10px; margin-top: 10px; overflow: visible; }
#desktopMenu ul {display:none; visibility: hidden;}
.rightband, .leftband {min-height: 500px; margin: 20px 0; width: 90vw; }

.rightband img {width: 100vw;  position: static; }
.leftband img {width: 100vw;   position: static; }
 
.rightband h1 {width: 90vw; margin-left: 5vw; font-size: 38px; color: white; font-weight: 400; line-height: 1em; position: static;}
.leftband h1 {width: 90vw; margin-left: 5vw; font-size: 38px; color: white; font-weight: 400; line-height: 1em; position: static;}
 
.rightband p {width: 90vw; margin-left: 5vw; font-size: 20px; color: white; font-weight: 300; line-height: 1.2em;  position: static; }
.leftband p {width: 90vw; margin-left: 5vw; font-size: 20px; color: white; font-weight: 300; line-height: 1.2em;  position: static; }
.bandbutton { position: static; }

.comingEvents, .buttonTrio { width: 97%; margin-left: 1%; }
h3.coming-events-buttons,
h3.square-buttons, .prefooter {
  margin-bottom: 5vh;
  margin-top: 5vh;
  font-size:19px;
 }
 
 #institute-article p { margin: 0 0 10px 0 !important; }
 #institute-article h2.aux { margin: 0 0 10px 0 !important; }
 /* animated Down Arrow under video */
  
  .down-arrow {
    display: none }
  
  .down-arrow:after {
    display:none;
  }
  /* end animated arrow */

.frontButton {
  
  max-width: 33vw; 
  max-height: 33vw;
min-width: 30vw;
min-height: 30vw;
  margin-right: 1vw;
  padding-bottom: 15px;
  float: left;
  
}
h3 { font-size: 18px;  width: 80%; margin: 10px auto; }
   .vid-contain { display:none !important;
}
  .vid-contain-alt {
    width:100vw; height:60vw;
    position:relative;
    left:50%;
    transform: translateX(-50%);
    top: 0;
    display:inline-block;
    margin:0;
    overflow: hidden;
  }
  .vid-alt video {
    width:100vw; height:60vw;
    position: absolute;
    margin-top:0;
    object-fit: cover;
    z-index: 0;
   /* opacity: 0.5;
    -webkit-filter:grayscale(90%);
    filter:grayscale(90%);
   */
  }

 .content-over-video {
   position:relative;
   left: 50%;
   transform: translateX(-50%);
   top:150px;
   background-color: black;
   max-width: 80vw;
   padding: 0px;
 } 
 
 .alt-button { 
    font-size: 0.8em;
    font-weight: 600;
    height: 30px;
     font-weight: 600; 
     font-style: normal;
      color: #FFFF;
     -moz-border-radius: 3px !important;
     -webkit-border-radius: 3px !important;
     border-radius: 3px;
     border-color:  rgb(225, 138, 30);
     margin: 12px 0 0 10px;
     position: relative; 
     padding: 4px 8px;
     display: inline-block;
    float: left;
    z-index: 20;
    background-color: rgba(142,142,142,0.5)
  }
 
 .alt-button:hover {
    color: #ffffff !important;
    background-color: rgba(225, 138, 30,1.0)
   }

.alt img { display: block;  width: 77vw; margin-top: 15px; height:auto !important; }
  }
}