html {
  background-color: #003447; 
}

body {
  font-family: 'Open Sans', sans-serif;
  margin:0;
}

.site,
body {
  overflow-x: hidden;
}

.hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Screen reader, skip to main content */

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

/* Style for the Front Door menu */

.search {
  position: relative;
  top:0px;
  padding-left:20px
}
.search,
.apply {
  display: inline-block;
}
header .apply {
  background-color: #D44427;
  padding:10px;
  border-radius: 5px;
  position:relative;
  top:-6px;
  margin-right:25px;
  margin-left:15px;
  font-size:15px;
}
.apply a {
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
}
.site-header {
  background:url("/wp-content/themes/_tk-uwsa-theme/front-door/assets/images/background-header.svg"); 
  background-repeat: repeat-x;
  background-size: cover;
  background-color:#fff;
}
.nav-wrap-all {
  text-align:left;
  font-family: 'Open Sans', sans-serif;
  font-weight:bold;
}
.front-door-menu {
  display: block;
  text-align: right;
  position:relative;
  top:-5px;
}
.front-door-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-links a img {
  width:24px;
  padding:4px;
}
.social-links {
  margin-top:10px;
}
@media (min-width: 1180px) {
  .site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000; 
  }
  .mobile-constellation {
    display: none;
  }
  .front-door-menu > ul.menu > li > a {
    text-transform: uppercase;
    font-size:16px;
  }
  .front-door-menu li {
    display: inline-block;
    position: relative;
  }
  .front-door-menu a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    color: #005777;
  }
  .front-door-menu ul.sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index:999999;
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }   
  .front-door-menu .sub-menu.open {
    display: block;
  }

  .front-door-menu ul.sub-menu li {
    display: block;
    width: 100%;
    min-width:200px;
    text-align: left;
    font-size:11px;
  }
  .front-door-menu ul.sub-menu li:hover {
    background-color:#eee;
  }
  .front-door-menu {
    position: relative;
    z-index:999;
  }
  .main-navigation {
    display: block;
    text-align: right;
    padding-bottom:20px;
    position: relative;
    top:33px;
    right:8px;
    height:80px
  }
  .uws-logo img {
    height:65px;
    padding:10px;
    position: absolute;
    z-index:9999;
    top:45px;
    left:20px
  }
  .header-apply,
  .front-door-menu {
    display: inline-block;
  }
  .global-navigation {
    height:40px;
    width: 100%;
    background-color: #003447;
    text-align: right;
  }
  .global-navigation a {
    color:#fff;
    text-decoration: none;
    font-size:11px;
  }
  .global-navigation .menu-item {
    display: inline-block;
    padding-left:20px;
    padding-right:20px;
  }
  .global-front-door-menu,
  .search-global {
    display: inline-block;
    margin-right:0px;
    position: relative;
    top:-10px;
  }
  .search-global {
    padding-right:30px;
  }
  .search-global .search img {
    width:14px;
    margin-bottom: -5px;
  }
  .burger {
    display: none;
  }
}

@media (max-width: 1180px) {
  .site-header {
    margin-top:30px;
    background-size:1800px;
    height:80px
  }  
  .nav-wrap-all {
    display: block;
    background-color: #002d3d;
    width: 320px;
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 0;
    transition: right 1s ease; 
  }

  .nav-wrap-all.closed {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }

  .burger {
    position: absolute;
    right:20px;
    top:20px;
    display: block;
  }
  .burger a.closed {
    content: url("/wp-content/themes/_tk-uwsa-theme/front-door/assets/images/hamburger.svg");
    width:40px;
    position: relative;
    top:29px;
  }
  .burger a.open {
    content: url("/wp-content/themes/_tk-uwsa-theme/front-door/assets/images/close.svg");
    width:35px;
    position: relative;
    z-index:99991;
    left:-2px;
    top:-7px;
  }  
  .uws-logo img  { 
    position: relative;
    top:10px;
    left:10px;
    height:60px;
  }
  .front-door-menu li,
  .global-front-door-menu li,
  .header-apply,
  .search-global {
    display: block !important;
  }
  .global-front-door-menu {
    position: relative;
    top:80px;
  }
  .search-global {
    float:left;
    position: relative;
    left:20px;
    top:0px;
    transform: scale(-1,1)
  }
  .front-door-menu,
  .header-apply {
    background-color: #0A243E;
  }
  .header-apply {
    padding-top:20px;
    padding-bottom:20px;
    position: relative;
    top:-5px;
    border-bottom: 8px solid #F5AC30;     
  }
  .header-apply .apply { 
    position:relative;
    top:0px;
  }  
  .front-door-menu {
    text-align: left;
    margin-top:35px;
  }
  .front-door-menu .menu-item > a {
    position: relative;
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #fff;
    font-family: "Open Sans";
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.27px;
    text-transform: uppercase;
  }
  .front-door-menu .menu-item-has-children > a::after {
    display: inline-block;
    content: url(/wp-content/themes/_tk-uwsa-theme/front-door/assets/images/caret.svg);
    transform: rotate(0deg);
    transition: transform 0.3s ease; 
    position:relative;
    left:5px;
    top:6px;
  }
  .front-door-menu .menu-item-has-children.open > a::after {
    transform: rotate(90deg);
    position:relative;
    top:0px;
  }
  .front-door-menu .menu-item-has-children.active ul.sub-menu {
    display: block; 
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  .front-door-menu ul.sub-menu li a {
    display: block;
    font-size:13px;
    color: #fff;
    text-decoration: none;
    padding-top:0;
    padding-bottom:0;
    padding-left:20px;
    text-transform: none;
    border-top: 1px solid #005777;    
  }
  .front-door-menu ul.sub-menu {
    margin-top:-5px;
    display: none;
  }
  .front-door-menu .menu-item-has-children {
    border-bottom: 1px solid #005777;
  }
  .front-door-menu .menu-item-has-children:first-child {
    border-top: 1px solid #005777;
  }  
  .front-door-menu .menu-item-has-children:first-child:before {
    content: '';
    border-bottom: 1px solid #005777;
    display: block;
    height:40px;
  }
  .global-front-door-menu {
    position: relative;
    left:-20px;
    top:0;
  }
  .global-front-door-menu a {
    line-height: 30px;
    color:#fff;
    text-decoration: none;
    font-weight:400;
  }
  .mobile-constellation img {
    margin-bottom:-10px;
  }
  .mobile-constellation {
    display: block;
    text-align: right;
    border-bottom: 30px solid #0A243E;
  }
}

/* Search function and page */
#search-window {
  position: fixed;
  z-index:99992;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:url("/wp-content/themes/_tk-uwsa-theme/front-door/assets/images/constellation-starry-night.jpg"); 
  background-repeat: repeat-x;
  background-size: cover;
  display: none;
  justify-content: center;
  align-items: center;
}
#search-window #search-button {
  font-family: 'Open Sans', sans-serif;
  color:#fff;
  cursor:pointer;
  border-style:solid;
  border-width:0px;
  border-color: #fff;
  border-radius: 10px;
  background-color: #C83027;
  font-weight:bold;
  text-transform: uppercase;
  font-size:14px;
  padding:10px;
  width:120px;
  position: relative;
  top:-2px;
  left:30px;
  border: 0;
}
#search-window form {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  margin-top:10%;
}
#search-window #search-input {
  width:80%;
  border-style:solid !important;
  border-width:0px;
  border-color: #0065E0;
  border-radius: 5px !important;
  line-height:38px;
  position: relative;
  top:-2px;
  padding-left:10px;
  font-size:16px;
}
#search-window #search-input,
#search-window #search-button {
  display: inline-block;
}
#search-window .close {
  float:right;
  background:none;
  border:none;
  font-size:32px;
  color:#fff;
  cursor:pointer;
  margin-right:10px;
  margin-top:5px;
}
#search-window .close:hover {
  color:#ccc;
}
#search-window .search-title {
  color:#fff;
  font-family: 'Bitter', serif;
  font-size:20px;
  padding-bottom:10px;
  position: relative;
  bottom:5px;
  filter: drop-shadow(0px 2px 2px #000);
}
#search-window .nav-filigree {
  position: absolute;
  top:10%;
  right:10%;
  z-index:-2;
}
#search-window .browse-all-sites {
  text-align:right;
}
#search-window .browse-all-sites a {
  font-family: 'Open Sans', sans-serif;
  color:#fff;
  position: relative;
  font-size:12px;
  top:4px;
  right:15px;
}
@media (max-width: 1180px) {
  #search-window .close {
    font-size:30px;
  }
  #search-window {
    text-align: center;
  }
  #search-window input,
  #search-window #search-button,
  #search-window .browse-all-sites {
    display: block;
    margin:auto;
  }
  #search-window input {
    margin-top:10px;
  }  
  #search-window .browse-all-sites {
    text-align: center;
  }
  #search-window .browse-all-sites a {
    right:0;
  }  
  #search-window #search-button {
    left:0;
    margin-top:30px
  }
}
/* Hero */

.hero {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; /* 16:9 aspect ratio */
  overflow: hidden;
  text-align: center;
}

.hero-overlay {
  pointer-events: none;
  position: absolute;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  animation: fadeOut 5s ease forwards; 
}

.hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  animation: zoomIn 7s ease;
}

.hero-h1,
.hero-cta {
  position: relative;
  z-index: 9;
  color: #fff;
  opacity: 0;
  animation-delay: 2s;
}

.hero-h1 {
  font-size: 42px;
  font-family: 'Bitter', serif;
  filter: drop-shadow(0px 3px 3px #000000);
  animation: fadeInH1 3s forwards;
  position: absolute;
  top: 0;
}

.hero-h1 img {
  max-width: 100%;
}

.hero-cta {
  animation: fadeInCTA 2s forwards;
  position: absolute;
  top: 62%;
  right: 48%;
}
.hero-cta a {
  background-color: #D44427;
  padding:14px;
  border-radius: 5px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  font-family: 'Open Sans', sans-serif;
  cursor:pointer;
  border: 0;
  text-decoration: none;
  text-transform: uppercase;
}

@media (max-width: 1135px)   {
  .hero-h1 {
    top: -5%;
  }
  .hero-cta {
    top: 60%;
  }
}@media (max-width: 800px)  {
  .hero-h1 {
    top: -5%;
  }
  .hero-cta  a {
    padding: 10px;
  }
  .hero-cta {
    top: 64%;
  }
}
@media (max-width: 550px)   {
  .hero-h1 {
    top: -20%;
  }
  .hero-cta {
    top: 57%;
  }
  .hero-cta  a {
    padding: 8px;
  }
}
@media (max-width: 350px)   {
  .hero-h1 {
    top: -30%;
  }
}

@keyframes fadeOut {
  from {
    visibility: visible;    
    opacity: 1;
  }
  to {
    opacity: 0;
    visibility: hidden;
  }
}

@keyframes zoomIn {
  from {
    transform: scale(1.1); 
  }
  to {
    transform: scale(1); 
  }
}

@keyframes fadeInH1 { 
  from {
    opacity: 0;
    transform: translateY(-20px); 
  }
  to {
    opacity: 1;
    transform: translateY(0); 
  }
}

@keyframes fadeInCTA {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


/* HERO LINKS */

.hero-links {
  padding-top:32px;
  padding-bottom:32px;
  z-index:15;
  background-color: #003d53;
}
.hero-links-wrap {
  padding-left:80px;
  padding-right:80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  color: #fff;
  font-family: 'Open Sans', sans-serif;
  max-width:1200px;
  margin:auto;
}
.hero-link {
  flex: 1;
  max-width:300px;
  min-width:220px;
  padding:20px;
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  text-decoration: none;
}
.hero-link div {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.hero-link-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
}
.hero-link-desc {
  font-size: 14px;
  padding: 10px;
}
.hero-link-icon img {
  height: 60px;
}

@media (max-width: 768px)   {
  .hero-link-icon img {
    height:50px;
  }
}


/* Constellation */

.constellation {
  background-repeat: repeat-x;
  background-size: cover;
  border-top: 8px solid #F5AC30;
  border-bottom: 8px solid #F5AC30;
}

.constellation-wrap {
  max-width: 1400px;
  padding: 0 80px;
  margin: auto;
}

.constellation-row {
  display: flex;
  flex-wrap: wrap;
}

.constellation-explore {
  flex: 1;
  padding: 10px; 
  margin-left:100px;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.constellation-map {
  flex: 1;
  padding: 10px; 
  text-align: center;
  max-width: 50%;
}

.constellation-map img {
  max-width: 100%;
  min-width:350px;
  max-width:500px
}

.constellation-explore-content {
  text-align: left;
}

.constellation-explore h2 {
  max-width: 500px;
  font-family: 'Bitter', serif;
  font-size: 38px;
  filter: drop-shadow(0px 2px 2px #000000);
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 20px;
}

.constellation-cta {
  background-color: #D44427;
  padding: 14px;
  border-radius: 5px;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  font-family: 'Open Sans', sans-serif;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  white-space: nowrap;
  width: auto;
  margin-top: 10px; 
  margin-bottom: 10px;
  width:140px;
}

@media (max-width: 1180px) {
  .constellation-row {
    flex-direction: column-reverse; 
  }

  .constellation-explore,
  .constellation-map {
    max-width: 100%;
    padding-bottom:50px;
    text-align: center;
  }

  .constellation-explore {
    position: relative;
    padding:80px;
    margin-left:0;
  }
  .constellation-map img {
    width:80%;
  }
}

@media (max-width: 740px) { 
  .constellation-map img {
    min-width:100%;
    margin-bottom:-80px
  }
  .constellation-explore {
    padding-left:0;
    width:100%;
  }
  .constellation-explore h2 {
    font-size: 30px;
    width:75vw
  }
}
@media (max-width: 500px) { 
  .constellation-map {
    padding: 0;
    margin:0;
  }
  .constellation-map img {
    min-width:100%;
    margin-bottom:-80px
  }
  .constellation-explore {
    padding-left:0;
    width:100%;
  }
  .constellation-explore h2 {
    font-size: 25px;
  }
}

/* Wisconsin Online */

.wisconsin-online {
  display: flex;
  background-color:#fff;
}
.wisconsin-online-opportunities {
  display: flex;
  background:url("/wp-content/themes/_tk-uwsa-theme/front-door/assets/images/background-wisconsin-online.jpg"); 
  background-size: cover;
}
.wisconsin-online-laptop,
.wisconsin-online-opportunities {
  width: 50%;
  box-sizing: border-box;
}
.wisconsin-online-laptop img {
  width: 100%;
  height: auto;
  margin-bottom:-5px;
}
.wisconsin-online-opporunities {
  color: #fff;
  margin-top:15%;
  margin-left:10%
}
.wisconsin-online-opportunities h2 {
  font-family: 'Bitter', serif;
  font-size:38px;
  text-transform: uppercase;
  color:#005777;
}
.wisconsin-online-cta {
  background-color: #D44427;
  padding:15px 10px;
  text-decoration: none;
  border-radius: 5px;
  position:relative;
  top:-5px;
  left:-75px;
  color:#fff;
  text-transform: uppercase;
  font-weight:bold;
  font-family: 'Open Sans', sans-serif;
  cursor:pointer;
  border:0;
}
.wisconsin-online-cta a {
  color:#fff;
  text-decoration: none;
}
.wisconsin-online-opportunities {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom:1px;
}
.wisconsin-online-h2 {
  margin-top:20%;
}
.wisconsin-online-h2,
.wisconsin-online .sub-title,
.wisconsin-online .sub-title-copy {
  margin-bottom: 15px;
  text-align: left;
}
.wisconsin-online-cta {
  font-size:14px;
  padding:14px;
  margin-left:-14px;
}
.wisconsin-online .sub-title,
.wisconsin-online .sub-title-copy {
  display:block;
}
.wisconsin-online .sub-title {
  font-family: 'Open Sans', sans-serif;
  text-transform:uppercase;
  font-size:22px;
  font-weight:700;
  margin-top:-15px;
  color:#000;
}
.wisconsin-online .sub-title-copy {
  font-family: 'Open Sans', sans-serif;
  font-weight:400;
  font-size:16px;
  max-width:350px;
  color:#000;
  text-transform:none;
}

@media (max-width: 1180px) {
  .wisconsin-online {
    flex-direction: column;
  }
  .wisconsin-online-h2 {
    margin-top:10%;
  }
  .wisconsin-online-cta {
    margin-bottom:10%;
  }
  .wisconsin-online-laptop,
  .wisconsin-online-opportunities {
    width: 100%;
  }
}
@media (max-width: 1180px) { 
  .wisconsin-online .wisconsin-online-opportunities {
    padding-left:20px;
    padding-right:20px;
  }
}
@media (max-width: 400px) {  
  .wisconsin-online-opportunities .wisconsin-online-cta {
    margin-left:0px !important;
  }
}
@media (max-width: 390px) {  
  .wisconsin-online-opportunities .wisconsin-online-cta {
    margin-left:10px !important;
  }
}
@media (max-width: 380px) {  
  .wisconsin-online-opportunities .wisconsin-online-cta {
    margin-left:15px !important;
  }
}
@media (max-width: 370px) {  
  .wisconsin-online-opportunities .wisconsin-online-cta {
    margin-left:30px !important;
  }
}
@media (max-width: 360px) {  
  .wisconsin-online-opportunities .wisconsin-online-cta {
    margin-left:35px !important;
  }
}
@media (max-width: 350px) {  
  .wisconsin-online-opportunities .wisconsin-online-cta {
    margin-left:55px !important;
  }
}
@media (max-width: 340px) {  
  .wisconsin-online-opportunities .wisconsin-online-cta {
    margin-left:65px !important;
  }
}
/* Data points */

.data {
  border-bottom: 8px solid #0C2D4D;
  border-top: 8px solid #0C2D4D;
  background-color:#fff;
}
.data-wrap {
  display: flex;
  flex-wrap: wrap;
  background-color:#fff;
  max-width: 1200px;
  margin:auto;
  padding-top: 30px;
  padding-bottom: 40px;
}
.data-stay-in-wi,
.data-degrees-granted,
.data-transfer-students,
.data-first-gen {
  flex: 1;
  padding: 20px 50px;
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.data-metric {
  color: #D44427;
  font-family: 'Bitter', serif;
  font-size:48px;
  height:48px;
  opacity: 0;
  transition: opacity 0.75s ease; 
}
.data-metric-info {
  color: #517033;
  font-family: 'Bitter', serif;
  text-transform: uppercase;
  font-size:16px;
  margin-top:-30px;
  margin: auto;
  position: relative;
  top:-30px
}
@media (max-width: 1180px) {
  .data-wrap {
    padding-left:80px;
    padding-right:80px;
  }
  .data-metric-info { 
    font-size:13px;
  }
}
@media (max-width: 980px) {
  .data-wrap  .data-metric {
    font-size:40px;
    width:150px;
    margin:auto;
  }
  .data-metric-info { 
    font-size:12px;
    position: relative;
    top:0;
  }
}
@media (max-width: 650px) {
  .data-metric {
    font-size: 36px;
  }
}
@media (max-width: 519px) {
  .data-wrap {
    padding-left:0;
    padding-right:0;
  }
  .data-metric {
    font-size:32px;
  }
}

/* All In Wisconsin Stories */


.all-in-wisconsin-stories {
  text-align: right;
  background-color:#F2F2F2;
  position: relative;
}
.all-in-wisconsin-stories a {
  text-decoration: none;
}
.all-in-wisconsin-uw img {
  height:100%;
  position: absolute;
  right:0px;
  z-index:1;
  opacity: 50%
}
.all-in-wisconsin-content {
  position: relative;
  z-index:2;
  max-width: 1200px;
  margin:auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 50px;
}
.all-in-wisconsin-stories .thumbnail {
  height: 225px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.all-in-wisconsin-info {
  padding-top:30px;
}
.all-in-wisconsin-info .title {
  color: #005777;
  text-align: left;
  font-family: 'Bitter', serif;
  font-size:38px;
  text-transform:uppercase;
}
.all-in-wisconsin-info p {
  text-align:left;
  color:#000;
  font-family: 'Open Sans', sans-serif;
  font-size:20px;
}
.all-in-wisconsin-info p a {
  color: #41204D;
  font-weight:700;
  font-size:11px;
  padding-left:20px;
}
.all-in-wisconsin-stories .all-in-wisconsin-stories-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.all-in-wisconsin-stories .story {
  background-color:rgba(255, 255, 255, 0.7);
  width: 380px;
  margin: 20px 0px ;
  box-shadow: #ccc 0px 0px 7px
}
.all-in-wisconsin-stories .story h2 {
  text-align: left;
  font-size:18px;
  padding: 0px 25px;
  color:#D44427; 
  font-family: 'Open Sans', sans-serif;
  min-height: 75px;
}
.all-in-wisconsin-stories .story p {
  text-align: left;
  color:#000;
  font-family: 'Open Sans', sans-serif;
  font-size:13px;
  line-height: 150%;
  position: relative;
  padding: 0px 25px;
  margin-bottom:35px;
}
.all-in-wisconsin-ctas {
  position: relative;
  z-index:9;
  text-align:center;
  padding-top:80px;
  padding-bottom:80px
}
.all-in-wisconsin-ctas .all-in-cta {
  display: inline-block;
  padding:20px;
}
.all-in-wisconsin-ctas a {
  background-color: #D44427;
  min-width:120px;
  padding:14px;
  border-radius: 5px;
  position:relative;
  top:-5px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  font-family: 'Open Sans', sans-serif;
  cursor:pointer;
  border: 0;
}
@media (max-width: 1300px) {
  .all-in-wisconsin-stories .all-in-wisconsin-stories-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
  }
  .all-in-wisconsin-stories .story {
    margin-left: 10px;
    margin-right: 10px;
  }
}
/*@media (max-width: 520px) {*/
/*  .all-in-wisconsin-stories .thumbnail {*/
/*    !*margin:auto;*!*/
/*    !*width: 320px;*!*/
/*    height: 200px;*/
/*  }*/
/*  .all-in-wisconsin-stories .story {*/
/*    !*width: 320px;*!*/
/*    margin-left:20px;*/
/*    margin-right:20px;*/
/*    margin-bottom: 20px;*/
/*    padding-bottom:30px;*/
/*  }*/
/*  !*.all-in-wisconsin-info a {*!*/
/*  !*  float:left;*!*/
/*  !*  padding:15px;*!*/
/*  !*  position: relative;*!*/
/*  !*  left:-20px;*!*/
/*  !*  margin-bottom:30px;*!*/
/*  !*}*!*/
/*  .all-in-wisconsin-ctas {*/
/*    font-size:15px;*/
/*    display: inline-block;*/
/*    padding-right:40px;*/
/*    padding-left:40px;*/
/*  }*/
/*}*/

/* Who we are cards */
.who-we-are {
  background-color:#fff;
}
.slick-carousel {
  padding-top:100px;
  padding-bottom:60px
}
.who-we-are .slick-dots {
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 20px;
  position: relative;
  top:-20px;
  cursor: pointer;
}
.who-we-are .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.who-we-are .slick-dots li button {
  background-color: transparent; 
  border: none;
  font-size: 0px; 
  color: #000;
  cursor: pointer;
  height:10px;
  width:10px;  
  border-radius: 10px;
  margin:4px;
  margin-top:10px;
  border: 0;
}
.who-we-are .slick-dots li button:before {
  content: "\2022";
  font-family:  'WOFF2';
  font-size:55px;
  position: relative;
  top:-27px;
  left:-10px;
}
.who-we-are .slick-active button:before {
  color:#D44427;
}
.who-we-are .slick-slide {
  background-color: #003d53;
  height:200px;
  width:250px !important;
  padding:10px;
  margin:10px;
  border-radius: 8px;
  cursor: pointer;
}
.who-we-are .card-content {
  padding:15px;
  padding-right:5px;
  padding-top:0px;
  position: relative;
  top:-10px;
}
.who-we-are .card-content h3 {
  color:#F5AC30;
  font-size:24px;
}
.who-we-are .card-content p,
.who-we-are .slick-slide a {
  color:#fff;
  text-decoration:none;
  font-size:13px;
}
.who-we-are .card-content p,
.who-we-are .card-content .how-cta {
  position: relative;
  top:-10px;
}
.who-we-are .slick-arrow {
  visibility: hidden;
}

@media (max-width: 577px) {
  .who-we-are .slick-slide {
    position: relative;
    left:80px;
  }
}


/* News */
.news-title {
  text-transform: uppercase;
  padding-bottom:0px !important;
  position: relative;
  top:25px
}
.news h2 {
  text-align: left;
  max-width:1180px;
  margin:auto;
  padding-top:50px;
  color:#005777;
  font-family: 'Bitter', serif;
  font-size:32px;
}
.news {
  background-color: #F2F2F2 !important;
  background-image: url("/wp-content/themes/_tk-uwsa-theme/front-door/assets/images/rays.svg");
  background-repeat: no-repeat;
  background-position: center center; 
  background-size: cover; 
  margin-top: -20px;
  text-align: center;
  padding: 30px;
}

.news .news-seal {
  position: absolute;
  left: 0; 
  right: 0; 
  margin:auto;
  margin-top:1%;
}
.news .news-seal img { 
  height: auto;
}
.news a {
  text-decoration: none;
}
.news .uw-summary {
  padding: 50px;
  max-width: 1000px;
  margin: auto;
  font-size: 22px;
  font-style: italic;
  font-weight: 400;
  line-height: 160%;
  background-image: url('/wp-content/themes/_tk-uwsa-theme/front-door/assets/images/seal.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 600px)  {
  .news .uw-summary {
    font-size: 18px;
  }
}
.news .news-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: center;
  margin:auto;
  padding-bottom:125px;
  position: relative;
  z-index:99;
  max-width:1200px;
}
.news .story {
  font-size:12px;
  margin:auto;
  text-align:left;
  flex: 0 0 43%;
  margin-bottom: 20px;
  height:160px;
}
.news .news-container {
  vertical-align: top;
}
.news .snippet {
  padding: 10px;
}
.news .snippet h2 {
  color:#005777;
  font-size:16px;
  font-family:  'Open Sans', sans-serif;
}
.news .snippet p {
  color:#000;
  font-size:14px;
}
.news .view-more {
  text-align: right;
  width:100%;
  padding-left:70px;
  margin:auto;
  position: relative;
  z-index:99;
}
.news .view-more a {
  color: #41204D;
  font-weight:700;
  font-size:11px;
  position: relative;
  top:20px;
  right:100px
}

@media (max-width: 1200px) and (min-width: 1180px)  { 
  .news .news-seal {
    width:35%;
    margin-top:4%;
  }
}
@media (max-width: 1180px) and (min-width: 870px)  { 
  .news {
    padding-left:30px;
  }
  .news .news-seal img{
    width:80vw;
    margin-top:100px;
    height:40vh;
  }  
}
@media (max-width: 869px) and (min-width: 300px)  { 
  .news {
    padding-left:30px;
  }
  .news .story {
    flex: 0 0 78%;
    margin-bottom: 0;
  }
  .news .story p {
    position: relative;
    top:-10px;
  }
  .news-container,
  .view-more {
    padding-right:20px;
  }
  .news .news-seal img{
    width:80vw;
    margin-top:100px;
  }   
}
@media (max-width: 600px) and (min-width: 300px)  {  
  .news .story {
    flex: 0 0 90%;
    padding-bottom:30px;
  }
  .news .news-seal img{
    width:80vw;
    margin-top:100px;
  }  
  .news .view-more a { 
    position: relative;
    top:60px;
  }
}

/* Front Door Footer */

footer {
  background-color: #003447;
}
.footer-main-content {
  display: flex;
}
.footer-columns {
  display: flex;
}
.front-door-footer .footer-main-content {
  font-size:12px;
  color:#fff;
  padding: 50px;
  display: flex;
  justify-content: flex-end;
}
.front-door-footer .footer-columns > * {
  flex: 1
}

.footer-logo-copyright {
  margin-right: auto;
  margin-bottom: 40px;
}
.front-door-footer .footer-main-content  ul {
  padding-left: 0;
}
.front-door-footer .footer-main-content  li {
  list-style-type: none;
  position: relative;
  width:200px;
  line-height: 2;
}
.front-door-footer div .footer-title {
  font-weight:700;
  font-size: 14px;
  text-transform: uppercase;
  color:#669aad;
}
.front-door-footer .footer-main-content a {
  text-decoration:none;
  color:#fff;
}
.front-door-footer .footer-cta {
  background-color: #F5AC30;
  padding:13px;
  border-radius: 5px;
  color:#323232 !important;
  font-size: 13px;
  font-weight:bold;
  font-family: 'Open Sans', sans-serif;
  cursor:pointer;
  border: 0;
  align-self: flex-start;
  flex: 0 0 auto;
  margin-left: 20px;
}
.front-door-footer .copyright {
  font-size:11px;
  color:#fff;
  background-color: #005777;
  width:100vw;
  padding:10px;
  display: flex;
  justify-content: center;
}
.front-door-footer .copyright > * {
  padding: 10px
}
.front-door-footer .copyright a {
  color:#fff;
}
@media (max-width: 1000px) {
  .footer-main-content {
    flex-direction: column;
  }
  .footer-columns {
    flex-wrap: wrap;
  }
  .front-door-footer .footer-cta {
    margin-left: 0;
  }
}
@media (max-width: 400px) {
  .front-door-footer .footer-main-content {
    padding: 7%;
  }
}