/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-top: 0;
  padding-bottom: 0;
  color: #5a5a5a;
/*  background:#fff; */
}

/*
a {
  color:#c5050c;
}
a:focus, a:hover {
  color:#c5050c;
}
*/
a {
  color:#0479a8;
}
a:focus, a:hover {
  color:#0479a8;
}

a.nav-link {
  color:#c5050c;
}

.container h1 /*, .container h2, .container h3 */ {
  color:#c5050c;
}
.container h2 {
  margin-top:3.2rem;
  font-size:1.55rem;
}

.container h2:before {
  box-sizing:inherit;
  position:relative;
  display:block;
  left:0;
  content: '';
  top:-12px;
  background-color:#c5050c;
  height:4px;
  width:3rem;
}
*/
.container h3 {
  text-transform:none;
}

#content label {
  font-size:1.125rem !important;
}

#content {
  min-height:300px;
}

ul.nobullet, ol.nobullet { list-style-type:none; }
.nomargin { margin:0px; }
.nopadding { padding:0px; }
.compactheight { margin-top: 0em; margin-bottom: 0em; padding-top: 0em; padding-bottom: 0em; line-height:1.2em !important; }
.clear_left { clear:left; }
.clear_right { clear:right; }
.clearfix_via_overflow { overflow:auto; }

dl, ol, p, ul {
  line-height:1.4;
}

#content li { margin-bottom:0.2rem; }
#content ol, #content ul { margin-left:2.5rem; }
#content li ul, #content li ol { margin-top:0rem; }

/* Legacy Forms */
select.form-control {
  padding-right:1.25rem;
}
.legacy-form input, .legacy-form select {

}
form:not(.form-inline) {
  max-width:600px;
}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  /* margin-bottom: 4rem; */
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  bottom: 5rem;
  background-color:rgba(255,255,255,.25);
  padding:10px 35px;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #c5050c;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  max-width:100%; height:auto;
  min-width: 100%;
/*  height: 32rem; */
}

.carousel h1 {
/*  color:#fff; */
}

.carousel h2 {
  margin-top:0;
}

.carousel p.caption {
  font-size:1.75rem !important;
  text-shadow:none;
  text-transform:uppercase;
  font-weight:800;
}

.carousel-control-next, .carousel-control-prev {
  width:10%;
}

#be-a-badger {
  
  background-color:#c5050c;
  text-align:center;
  padding-top:30px;
  padding-bottom:50px;
  margin-bottom:60px;
 /* 
  margin-left:-600px;
  margin-right:-600px;
  */
}
#be-a-badger .row {
  max-width:40%;
}
#content #be-a-badger .row {
  max-width:50%;
}
#be-a-badger .button {
  background-color:#fff;
  color:#c5050c;
  text-transform:uppercase;
}
.row-highlight {
  background-color:#d6d6d6;
  padding-top:50px;
  padding-bottom:50px;
  margin-bottom:50px;
}

.discover-uw-law { max-width:75%; }
.discover-uw-law .col-lg-3 { }
.discover-uw-law { text-align:center; }
.discover-uw-law a .gradient { position:relative; height:40px; margin-top:-40px; padding-left:10px; background:linear-gradient(to top, rgba(0,0,0,0.75) 30%, transparent); padding-top:10px; }
.discover-uw-law a:hover { text-decoration:none; }
.discover-uw-law a .caption { text-align:left; font-weight:800; color:#fff; }
.discover-uw-law img { width:100%; }
.discover-header,.featured-header { margin:0 0 30px 0; text-align:center; color:#494949; }
.discover-uw-law h3 { font-size:3.5rem; }
.discover-uw-law h3.small { font-size:20px; font-weight:800; }
.cell-white { background-color:#fff; color:#000; }
.cell img { max-height:226px }
.cell-red { background-color:#c5050c; color:#fff; }
.cell-red h4, .cell-red h3, .cell-red a { color:#fff; }

.cell-red .button { background-color:#fff; color:#c5050c; }
.cell-grey { background-color:#67777e; color:#fff; }
.cell-grey h4, .cell-grey h3 { color:#fff; }
.cell-grey a { color:#fff; }
.cell-black { background-color:#000; color:#fff; }
.cell-black h4, .cell-black h3 { color:#fff; }
.cell-black a { color:#fff; }
.cell-overlay {
  width:100%;
  height:100%;
  position:absolute;
  top: 0;
  left: 0;
  padding: 1rem;
  color: #fff;
  background-color:rgba(0,0,0,0.45);
}
.cell-background {
  width:100%;
}
.uw-section-break {
  margin: 1rem auto .5rem;
  border:none;
  width:3rem;
  height:4px;
  background-color:#c5050c;
}

.uw-hero-inset-wrapper .uw-hero-inset {
  max-width: 400px;
  background-color:rgba(0,0,0,0.63);
  color:#fff;
  border-bottom:none;
}
.uw-hero-inset-wrapper .uw-hero-inset .uw-hero-inset-content {
/*  padding:1rem 0.5rem; */
}
.uw-hero-inset-wrapper .uw-hero-inset .uw-hero-inset-content p:first-child:before {
  background-color:#fff;
}
.uw-hero-inset-wrapper {
/*  top:30%; */
  top:inherit;
  bottom:10%;
}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}


/* custom UW
--------------------------------------*/

.accordion { display:flex; flex-direction:column; }
.ui-state-default { background:#fff; }
.ui-accordion-header { margin-top:0 !important; }
.accordion h4, .accordion h3, .accordion h2 { font-size:1.125rem; color:#494949; text-decoration:none !important; font-weight:800; text-transform:none; }
.ui-accordion-header-active { background-color:#0479a8; color:#fff !important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-top {
  border-bottom-right-radius:0 !important;
  border-bottom-left-radius:0 !important;
  border-top-right-radius:0 !important;
  border-top-left-radius:0 !important;
}
.accordion h2:before {
  position:relative;
  top:0;
  background-color:inherit;
  height:0;
  width:0;
}
.accordion .ui-widget-content a {
  color:#0479a8;
}
.accordion .ui-widget-content {
  font-size:inherit;
  font-family:inherit;
}

.indent { 
  padding-left:40px;
}

/*
.navbar-collapse { width:100%; clear:both; align-items:right; }
@media (min-width:768px) { .navbar-right { margin-top:-50px; } }
*/
/*
.navbar-nav {
  max-height:42px;
}
*/

main>:first-child {
  padding-top:0;
}

.nav-item {
  margin-bottom:0px;
  margin-right:5px;
  border-bottom:.2rem solid rgba(255,255,255,0.0);
}

.nav-item:hover {
  border-bottom:.2rem solid #c5050c;
}

.nav-item .nav-link {
  font-weight:800;
  font-variant:all-small-caps;
}

.navbar-uw {
  background-color:#fff;
}
.navbar-uw-main .nav-link {
  color:#c5050c !important;
}
.nav-util-link {

}

.uw-header-container {
  border-bottom:1px solid #cfcfcf;
}

.bg-uw {
/*  background-color:#c5050c; */
  background-color:#fff; 
}

.bg-uw .nav-link {
/*  color:#fff !important; */
}

.bg-uw .navbar-toggler {
  border-color:#c5050c;
}
.bg-uw .navbar-toggler:focus {
  outline-color:#c5050c !important;
}

/*.navbar-light .navbar-toggler-icon { */
.bg-uw .navbar-toggler-icon {
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(197, 5, 12, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.btn-outline-uw {
  color:#c5050c;
  background-image:none;
  background-color:transparent;
  border-color:#c5050c;
}
.btn-uw {
  color:#fff;
  background-color:#c5050c;
  border-color:#fff;
}
.btn-uw:focus, .btn-uw:hover {
  background-color:#fff;
}

.carousel-item h1, .carousel-item p {
  text-shadow: 2px 2px 7px #000;
}
.carousel-item p a {
  text-shadow: none;
}

.navigation {
  float:right;
  margin:-70px 20px 20px 30px;
/*  border:1px solid #d0d0d0; */

/* background-color:#efeeee; */
  background-color:#fff;
  padding:27px 20px 7px 7px;
/*  box-shadow:0 0 25px rgba(0,0,0,.2); */
  border-bottom:4px solid #c5050c;
  border-right:1px solid #d0d0d0;
/*  border-radius:3px; */
}
.navigation ul, .navigation li {
  list-style-type:none;
}

.navigation ul li ul {
  display:none;
}

.navigation li a {
  color:#212529;
}
.navigation ul.info li a {
  color:#c5050c;
}

.jumbotron {
  border-radius: 0 !important;
}

.uw-global-bar {
/*  background-color:#fff; */
  border-bottom:1px solid #cfcfcf;
/*  color:#282728 !important; */
}
.uw-global-name-link {
/*  color:#282728 !important; */
}
.global-quick-links {
  color:white;
  line-height:2.2rem;
}
.global-quick-links a {
  color:white;
  padding-left:1rem;
}
.global-quick-links a.myuw {
  text-transform:none;
}
.social-icons a {
  display:inline-block;
  background-color:#adadad;
  padding:0.4rem;
  line-height:1.3rem;
  font-size:1.3rem;
  border-radius:1.05rem;
}
.social-icons svg {
  display:inline-block;
  vertical-align:top;
  width:1.3rem;
  height:1.3rem;
  margin:0;
  padding:0;
}


footer h2 {
  color:#fff;
}

footer a {
  text-decoration:none !important;
}
footer a:hover {
  text-decoration:underline !important;
}

footer span.colpad {
  display:block;
  height:75px;
}

#duo-spotlight {
  padding-right:0;
  padding-left:0;
}
#duo-spotlight .row {
  margin-right:0;
  margin-left:0;
  max-width:100%;
}
#duo-spotlight .col-lg-6 {
  padding-right:0;
  padding-left:0;
}
#duo-spotlight .card-img-overlay-ribbon {
  width:100%;
  background-color:rgba(197,5,12,0.70);
  margin-top:40%;
  padding:1px 10px 25px 10px;
}
#duo-spotlight h5, #duo-spotlight p, #duo-spotlight a {
  /*color:#fff;*/
}
#duo-spotlight img {
  filter:grayscale(100%);
}
#duo-spotlight .duo-card {
  display:block !important;
}
#duo-spotlight a img {
  vertical-align:middle !important;
}
.featured-content h2:before {
  display:none;
}
.featured-content .article a {
/*  display:inline-flex; */
}
.featured-content .article .img {
  max-height:185px;
  width:100%;
}
.featured-content .article, .newsletter .article {
  display:block !important;
}

section[rel="calendar-feed"], section[rel="newsletter-feed"] {
  clear:right;
  margin-bottom:50px;
}

.dropdate {
  padding:20px;
  background-color:#c5050c;
  color:#fff;
  min-width:120px;
  display:inline-block;
  float:left;
}
.dropdate .weekday {
	display: block;
	margin:0;
	font-weight: bold;
	text-align:center;
}
.dropdate .month {
	display:block;
	text-align:center;
	font-variant:small-caps;
	font-weight:bold;
}
.dropdate .date {
	display:block;
	text-align:center;
	font-size:200%;
	font-weight:bold;
}
.event-details {
/*
  display:inline-block !important;
  max-width:235px;
  float:left;
  overflow:hide;
*/
}
#content>.card-group {
  display:block;
}
#content .event-details {
/* max-width:206px; */
}
.event-details p {
  display:inline-block;
  font-weight:bold;
  text-decoration:none;
  font-size:1rem;
  padding:20px 30px 20px 10px;
}
.event-details a:hover {
  text-decoration:underline !important;
}
.featured-events .card-body {
  min-height:135px;
}
@media (min-width:1200px)
{
.featured-events .card-body {
  min-height:135px;
}

}
.featured-events p {
  margin-bottom:0;
}

.alternating-content li {
  margin-bottom:0.5rem;
}

.row.featurette {
  display:block;
}

.alert {
  display:flex;
}

.right { text-align:right; }
.left { text-align:left; }
.center { text-align:center; }
img.right { float:right; margin: 0 0 20px 20px; }
img.left { float:left; margin: 0 20px 20px 0; }
img.center { display:block; margin-left:auto; margin-right: auto; }

/* Featurettes
------------------------- */

.featurette-divider {
/*  background-color:#c5050c; */
  border-bottom:1px solid #d6d6d6 !important;
  margin: 2rem auto; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 600;
  font-size:35px !important;
  line-height: 1;
  /*letter-spacing: -.05rem;*/
}

.featurette .lead {
  margin-bottom:5px !important;
}

/* inner page styles
--------------------------*/

.jumbotron {
  text-align: center;
  background-color: transparent;
  color:#fff;
  height:300px;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}
.navbar {
/*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7),to(#fff));
  background-image: -webkit-linear-gradient(top, #f7f7f7 0%,#fff 100%);
  background-image: -o-linear-gradient(top, #f7f7f7 0%,#fff 100%);
  background-image: linear-gradient(to bottom, #f7f7f7 0%,#fff 100%);

  border: 1px solid #e5e5e5;
*/
}

/* for inner pages, add a little extra room between featurettes */
#content .featurette {
/*  margin-top:10px; */
}
#content .captioned {
  display:inline-block !important;
  border-bottom:0.5 solid #999;
}
#content .captioned .card-body {
  color:#282728;
  font-style:italic;
  padding-top:10px;
  padding-bottom:10px;
}
.right-sticky-flag {
        position:fixed;
        right:0;
        top:20rem !important;
        z-index:9999;
        background-color:#c5050c;
        box-shadow:-5px 5px 20px 3px rgba(0, 0, 0, 0.5);
	text-align:center;
}
.right-sticky-flag a {
        display:block;
        color:#fff;
        font-size:1.125rem;
	font-weight:800;
	font-variant:small-caps;
        padding:15px;
}

.lower {
        top:29rem;
}
.quick-facts {
        background-color:#fff;
        text-align:center;
        border-bottom:4px solid #c5050c;
        border-right:1px solid #ddd;
}
.quick-facts h2, .quick-facts h3, .quick-facts h4 {
        color:#c5050c;
        font-size:2.7rem;
        margin:10px auto 0px;
        text-align:center;
        font-family:"Vitesse","Helvetica Neue","Helvetica","Arial";
}
.quick-facts p {
	font-size:1.0rem;
	/*text-transform:uppercase;*/
	font-variant:small-caps;
	font-weight:800;
}
.quick-facts-header {
        color:#494949;
        font-size:1.3rem;
        font-weight:800;
        display:block;
        margin-top:10px;
        letter-spacing:1.5px;
}
.quick-facts a {
}
.accordion {
        font-family:inherit !important;
}
.uw-alert {
        background-color:#fff;
        border-bottom:4px solid #c5050c;
        border-right:1px solid #ddd;
        padding:20px 20px 0 20px;
        margin-top:10px;
        margin-bottom:10px;
}
.uw-alert-dark {
	background-color:#000;
	color:#fff;
	margin-bottom:0;
}
.uw-alert h2, .uw-alert h3, .uw-alert h4 {
        margin-top:0;
        color:#494949;
        font-size:1.3rem;
        font-weight:800;
}
.uw-alert p, .uw-alert li {
        color:#494949;
}
.uw-alert-dark p, .uw-alert-dark li, .uw-alert-dark h1, .uw-alert-dark h1 small {
        color:#fff;
}
.uw-alert-dark h1 small {
	display:block;
}
.uw-alert-dark a {
	color:yellow;
	display:block;
}
.uw-alert-dark .alert {
	display:block;
}

/* LEGACY STYLES
------------------------------------------------- */
.inset {
  float:right;
  background-color:#efeeee;
  padding:0 25px;
  clear:right;
  margin:20px;
  max-width:275px;
  border:1px solid #d0d0d0;
}

.left_inset {
  float:left;
  margin:7px 20px;
}
.right_inset {
  float:right;
  margin:7px 20px;
}

a img, :link img, :visited img { border:0; }
.thumbnail_shadow {
  border:10px solid #fff;
  box-shadow:0px 0px 3px 1px #bbb;
}
a img { vertical-align:text-bottom; }
.search-highlight {
  background-color:yellow;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }

}
/*
@media (min-width: 768px) {
  .navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .navbar-nav .nav-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
*/

@media (min-width:1200px) {
/*  .marketing .card-body { min-height:196px; } */

}

@media (max-width: 1200px) {
  .carousel-item { height:28rem !important; }
  #be-a-badger .row { max-width:50%; }
  #content #be-a-badger .row {
    max-width:60%;
  }
  #be-a-badger { /* margin-left:-200px; margin-right:-200px; */ }

  .alternating-content .column {
    padding:1.5rem 2rem !important;
  }

  #content .dropdate {
    min-width:120px;
  }
  #content .event-details p {
    padding:20px 10px 20px 0px;
  }
}

@media (max-width: 992px) {
  .upperNav { display:block; float:left; margin-top:0 !important; }
  ul.navbar-nav { float:left; }
  .lowerNav { display:none; }
  .carousel-item { height:19rem !important; }
  .carousel-item .uw-hero-inset-wrapper { bottom:4rem; }
  .carousel-item h2 { font-size:120% !important; }
  
  #content #be-a-badger .row {
    max-width:80%;
  }

  #content .dropdate { min-width:100%; width:100%; text-align:center; }
  #content .event-details p { min-width:100px;  padding: 20px 10px; }
  #content .dropdate .month { display:inline; }
  #content .dropdate .date { display:inline; font-size:100% }
  
  .alternating-content:nth-of-type(even) {
    background:#f7f7f7;
  }
  .alternating-content-box img {
    margin-top:30px;
  }
  .navigation {
    border-bottom:none;
    border-right:none;
    padding-top:0;
}

}
@media (min-width: 992px) {
  .upperNav { display:none; }
  .lowerNav { display:block; }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right:.4rem;
    padding-left:.4rem;
  }
}
@media ( max-width: 768px) {
  .carousel-item .uw-hero-inset-wrapper { top:4rem; }
  .carousel-item h2 { font-size:120% !important; }
  .carousel-item { height:14rem !important; }
  .carousel-caption p { }

  .carousel-indicators { margin-bottom:0; }

  .upperNav {
    float:left !important;
    margin-left:20px !important;
  }
  .right-sticky-flag {
        position:relative;
        right:inherit;
        top:inherit !important;
        margin:1rem auto 2rem;
  }
  #be-a-badger { margin-left:auto; margin-right:auto; }

  #duo-spotlight h5 {
    font-size:0.9rem;
  }
  
  #content .dropdate { text-align:left; }
  #content .dropdate .weekday { display:none; /*display:inline; float:left; margin-right:7px;*/ }
/*  #content .dropdate .weekday::after { content:", "; } */
  
  #content .event-details p {
    padding:10px 10px 10px 10px;
  }

  .uw-global-name-link, .global-quick-links {
    line-height:1.3rem;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 0;
  }
}

/* Responsive: Portrait tablets and up */
  /* Remove the padding we set earlier */
/*
@media screen and (min-width: 768px) {
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}
*/