:root {
    --wu-blue: #002b54; 
    --wu-blue-darker: #001a33; 
    /**
    --wu-orange: #ff471a;
    --wu-orange-darker: #e62e00;
    */
    --wu-orange: #ffd480;
    --wu-orange-darker: #ffbb33;
    
    --wu-background: #707070;
}

body {
    background-color: var(--wu-background);   
}

.bg-wu-blue {
    background-color: var(--wu-blue);
}

.text-wu-blue {
    color: var(--wu-blue);
}

.text-wu-orange {
    color: var(--wu-orange);
}

.btn-wu-blue {
    background-color: var(--wu-blue);
    color: white;
}

.btn-wu-blue:hover {
    background-color: var(--wu-blue-darker);
    color: white;
}

.btn-wu-orange {
    background-color: var(--wu-orange);
    color: white;
}

.btn-wu-orange:hover {
    background-color: var(--wu-orange-darker);
    color: white;
}

section:first-of-type {
    padding-top: 80px;
}


.logo {
    height: 4ex;
}

a.no-color {
    color: inherit;
}

.zoom {
  -webkit-transition:all .4s linear;
  transition:all .2s linear;
}

.zoom:hover {
  -ms-transform:scale(1.1);
  -webkit-transform:scale(1.1);
  transform:scale(1.1);
}

.brand-logo {
    max-width: 150px;
}


.translucent {
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
    background-color: white;
}

.card {
    border: none;  
}



.card-columns {
  column-count: 2;
  column-gap: 0;
}

.carousel-indicators {
   /** filter: invert(100%); */  
}

.carousel-caption {
    background:rgba(0, 0, 0, 0.6); 
    /**
    position: relative;
    padding-top: 2rem;
    left:0;
    right 15%;
    color: black;
    */
    
}



.carousel-control {
    /**filter: invert(100%);*/
    color: black;
    
}
/**
.carousel-control:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
*/

.carousel-control-prev-icon, .carousel-control-next-icon {
    background-image: none;
}