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

body {
    padding-top: 0;
    padding-bottom: 0;
    color: #494949;
  /*  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;
  }
  
  #content p a, #content li a {
    text-decoration:underline;
  }
  .text-decoration-none {
    text-decoration:none !important;
  }
  
  .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%;
  }
  
  .uw-hero-inset-wrapper .uw-hero-inset .uw-hero-inset-content div:first-child { position:relative; margin-top:0 }
  .uw-hero-inset-wrapper .uw-hero-inset .uw-hero-inset-content div { margin-bottom:0; font-size:1rem; line-height:1.3; }
  .uw-hero-inset-wrapper .uw-hero-inset .uw-hero-inset-content div:first-child:before { background-color:#fff; position:absolute; left:0; height:4px; content:''; width:2rem;top:-12px; }
  .carousel div.caption { font-size:1.75rem !important; text-shadow:none; text-transform:uppercase; font-weight:800; }
  
  #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;
  }
  .text-muted {
    color:#494949 !important;
  }
  /*
  .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:normal;
  }
  /*
    .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;
  }
  
  .uw-content-box {
    display:flow-root;
    overflow:hidden;
  }
  
  .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;
    background-position: center;
    background-size: cover;
  }
  .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;
    }
  
    .jumbotron { display:none; }
  }
  
  @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;
    }
  }
  */