@charset "UTF-8";
/* COLORS */
.tan {
  color: #efece8; }

.blue {
  color: #182f35; }

.blue {
  color: #182f35; }

.red {
  color: #ec3b24; }

.green {
  color: #39b54a; }

.yellow {
  color: #fbb03b; }

.bronze {
  color: #8e7a5a; }

.gray {
  color: #d6d6d6; }

.white {
  color: white; }

/**
 * @license
 * MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaLTWXX-Roman by Linotype
 * URL: https://www.myfonts.com/fonts/linotype/helvetica/pro-regular/
 * Copyright: Copyright © 2014 Monotype Imaging Inc. All rights reserved.
 * 
 * 
 * 
 * © 2020 MyFonts Inc*/
@font-face {
  font-family: "CreativeVintage";
  src: url("./fonts/CreativeVintageRegular/font.woff2") format("woff2"), url("./fonts/CreativeVintageRegular/font.woff") format("woff"); }

* {
  box-sizing: border-box; }

html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-size: 62.5%;
  font-family: "futura-pt";
  font-weight: normal; }

body {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
p,
blockquote,
figure,
ol,
ul {
  margin: 0;
  padding: 0; }

section,
main,
li {
  display: block; }

h1,
h2,
h3,
h4 {
  font-size: inherit;
  font-weight: normal; }

p {
  font-family: "linotype-sabon";
  font-weight: normal; }

a,
button {
  color: inherit;
  transition: .3s; }

a {
  text-decoration: none; }
  a:hover, a:focus {
    text-decoration: none; }

button {
  overflow: visible;
  border: 0;
  font: inherit;
  -webkit-font-smoothing: inherit;
  letter-spacing: inherit;
  background: none;
  cursor: pointer; }

::-moz-focus-inner {
  padding: 0;
  border: 0; }

:focus {
  outline: 0; }

img {
  max-width: 100%;
  height: auto;
  border: 0; }

main {
  position: relative;
  background: white;
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto; }

.fixed {
  position: fixed;
  overflow: hidden; }

.body-fixed {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100%; }
  @media (min-width: 641px) {
    .body-fixed {
      position: relative; } }
.fill, .home .community-partners:before, .home .main-category.stay .category:before, .home .main-category.taste .category-set .category:before, .home .main-category.explore .category-set .category:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.cover {
  -o-object-fit: cover;
     object-fit: cover;
  max-width: none;
  display: flex;
  height: 100%;
  width: 100%; }

.container, .video-container {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 1024px) {
    .container, .video-container {
      max-width: 1920px;
      margin-left: auto;
      margin-right: auto; } }
.label.style-one {
  padding: 8px 12px;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  color: white; }
  .label.style-one.small {
    font-size: 1.2rem; }

.label.style-two {
  font-family: "linotype-sabon";
  font-size: 1.1rem;
  font-weight: 700; }

.breadcrumbs {
  padding: 1.25vh 2.5vw;
  color: #ec3b24;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase; }
  .breadcrumbs a {
    font-size: 1.4rem;
    font-weight: 700;
    font-family: "futura-pt";
    color: #ec3b24;
    transition: 0.3s; }
    .breadcrumbs a:hover {
      color: #182f35; }
  .breadcrumbs span {
    padding: 0 3px; }

.bg-green {
  background-color: #39b54a; }

.bg-red {
  background-color: #ec3b24; }

.bg-gray {
  background-color: #d6d6d6; }

.bg-texture-green {
  background-color: #39b54a;
  border: 4px solid transparent;
  border-image-source: url(https://traveldubuque.com/images/travel-dubuque/global/background-green.svg);
  border-image-slice: 3;
  border-image-outset: 3px;
  padding: 0 5px; }

.bg-texture-red {
  background-color: #ec3b24;
  border: 4px solid transparent;
  border-image-source: url(https://traveldubuque.com/images/travel-dubuque/global/background-red.svg);
  border-image-slice: 3;
  border-image-outset: 3px;
  padding: 0 5px; }

.bg-unknown {
  color: #808080;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  padding: 9px 9px; }

.rough-top:before, .home .main-category:before, .home .featured-events:before {
  content: '';
  background-image: url(https://traveldubuque.com/images/travel-dubuque/global/roughen.svg);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px; }

.rough-bottom:after, .home .main-category:after, .home .featured-events:after {
  content: '';
  background-image: url(https://traveldubuque.com/images/travel-dubuque/global/roughen.svg);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  transform: rotate(180deg); }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  /* The slider */ }
  .switch input {
    opacity: 0;
    width: 0;
    height: 0; }
  .switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s; }
  .switch .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s; }
  .switch input:checked + .slider {
    background-color: #ec3b24; }
  .switch input:focus + .slider {
    box-shadow: 0 0 1px #ec3b24; }
  .switch input:checked + .slider:before {
    transform: translateX(16px); }
  .switch .slider.round {
    border-radius: 24px; }
  .switch .slider.round:before {
    border-radius: 50%; }

.cr__gallery .loadMore {
  width: auto !important;
  margin: 10px auto auto auto !important;
  display: block !important;
  height: 50px !important;
  line-height: 50px !important;
  padding: 0 50px !important;
  background: none !important; }
  .cr__gallery .loadMore:hover:after {
    background: none !important; }
  .cr__gallery .loadMore span {
    font-family: "futura-pt" !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    color: #ec3b24; }
    .cr__gallery .loadMore span:hover {
      color: #e32c14; }

[v-cloak] {
  display: none; }

.v-lazy-image {
  opacity: 0.5;
  transition: opacity 1.3s; }

.v-lazy-image-loaded {
  opacity: 1; }

.add-it {
  position: absolute;
  top: 45vw;
  right: 20px;
  background: #ec3b24;
  color: white;
  font-weight: 700;
  font-size: 1.6em;
  display: flex;
  align-items: center;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  transform: translateY(-50%);
  transition: 0.3s;
  cursor: pointer; }
  @media (min-width: 640px) {
    .add-it {
      transform: translateX(20px);
      right: initial;
      top: 60px;
      margin-top: 0; } }
  .add-it:hover {
    background: #e32c14; }
    .add-it:hover .heart {
      transform: scale(1.1); }
  .add-it .heart {
    position: relative;
    top: initial;
    width: 60px;
    height: 60px; }
  .add-it .line {
    width: 1px;
    height: 20px;
    display: block;
    background: white;
    margin: auto; }
  .add-it .add-text {
    width: 100px;
    text-align: center; }

.loader-contain {
  position: relative;
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 0; }
  .loading .loader-contain {
    display: flex; }

.loading-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #ec3b24; }

.loader-inner {
  display: flex;
  justify-content: center;
  align-items: center; }

.loader-icon {
  margin: 0 auto 0;
  width: 100px;
  text-align: center; }

.loader-icon > div {
  width: 10px;
  height: 10px;
  background-color: #ec3b24;
  border-radius: 100%;
  display: inline-block;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both; }

.loader-icon .bounce1 {
  animation-delay: -0.32s; }

.loader-icon .bounce2 {
  animation-delay: -0.16s; }

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0); }
  40% {
    transform: scale(1); } }

.text--red {
  color: #ec3b24; }

.text--center {
  text-align: center; }

.image-credit {
  position: absolute;
  left: 1rem;
  bottom: 1rem; }
  .image-credit.bottom-left {
    left: 1rem;
    bottom: 1rem; }
  .image-credit.bottom-right {
    right: 1rem;
    bottom: 1rem; }
  .image-credit span {
    display: block; }
  .image-credit .name {
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 700;
    color: white; }

.btn {
  color: white;
  padding: 6px 12px;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  transition: 0.3s;
  border-radius: 4px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15); }
  .btn.red {
    background: #ec3b24; }
    .btn.red:hover {
      background: #cb2712; }
  .btn.white {
    background: white;
    color: #ec3b24; }
    .btn.white:hover {
      background: #f7f7f7; }
  .btn.large {
    padding: 14px 20px;
    font-size: 1.6rem; }
  .btn.small {
    padding: 15px 20px;
    font-size: 1.4rem; }
  .btn.icon {
    display: flex;
    align-items: center;
    padding: 20px 30px; }
    .btn.icon img {
      display: inline-block;
      margin-left: 30px;
      width: 20px;
      height: 23px; }

.link {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 700;
  color: #ec3b24;
  transform: translateX(0px); }
  .link.pad {
    margin-top: 5vh; }
  .link:hover {
    transform: translateX(5px); }
    .link:hover img {
      transform: translateX(10px); }
  .link img {
    transform: translateX(8px);
    transition: 0.3s; }

.hide-overflow {
  overflow: hidden;
  display: block; }

.appear {
  transition: 0.6s;
  display: block; }
  .appear.down {
    transform: translateY(-100%); }
  .appear.up {
    transform: translateY(100%); }
  .appear.in-view {
    transform: translateY(0%); }

@media (min-width: 641px) {
  .delay-25 {
    transition-delay: 0.25s; } }

@media (min-width: 641px) {
  .delay-50 {
    transition-delay: 0.5s; } }

@media (min-width: 641px) {
  .delay-75 {
    transition-delay: 0.75s; } }

@media (min-width: 641px) {
  .delay-100 {
    transition-delay: 1s; } }

.fadeup {
  opacity: 0;
  transition-duration: 1s;
  transform: translate3d(0, 8%, 0); }
  .fadeup.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: none; }

.slidedown {
  opacity: 0;
  transition-duration: 1s;
  transform: translate3d(0, -8%, 0); }
  .slidedown.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: none; }

.slideleft {
  opacity: 0;
  transition-duration: 1s;
  transform: translate3d(-20px, 0, 0); }
  .slideleft.in-view {
    transition-timing-function: cubic-bezier(0, 0, 0.37, 1);
    opacity: 1;
    transform: none; }

.fadein {
  opacity: 0;
  transition-duration: 1s; }
  .fadein.in-view {
    transition-timing-function: linear;
    opacity: 1;
    transform: none; }

.body-fixed {
  overflow: hidden; }

main {
  margin-top: 100px;
  transition: .6s ease-in-out; }

.main-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: white;
  background: white;
  transition: .3s ease-in-out;
  z-index: 100;
  height: 87px; }
  .main-nav .nav-container {
    position: relative;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    height: 100%; }
  .short-nav .main-nav {
    height: 57px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.06), 0 2px 16px rgba(0, 0, 0, 0.12); }
    .short-nav .main-nav #logo img {
      height: 35px; }
  .filter-attached .main-nav {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
  .main-nav #logo {
    position: absolute;
    left: 20px; }
    .main-nav #logo img {
      height: 50px;
      display: block;
      transition: .3s ease-in-out; }
  .main-nav .links {
    position: relative;
    margin: auto;
    display: none; }
    @media (min-width: 850px) {
      .main-nav .links {
        display: block; } }
    .main-nav .links a {
      font-weight: 700;
      font-size: 2.1em;
      color: #182f35;
      margin: 0 20px; }
  .main-nav #search-icon {
    position: absolute;
    right: 120px;
    cursor: pointer; }
    .main-nav #search-icon path {
      transition: 0.3s;
      cursor: pointer; }
    .main-nav #search-icon:hover path {
      fill: #182f35; }

.heart-count {
  position: absolute;
  right: 80px;
  cursor: pointer;
  transition: 0.6s; }
  .favorites-open .heart-count {
    z-index: 100; }
  .heart-count img {
    width: 30px;
    height: 29px; }
  .heart-count .count {
    position: absolute;
    top: 9px;
    right: -10px;
    height: 22px;
    width: 22px;
    border-radius: 11px;
    background: #182f35;
    border: 2px solid white;
    color: white;
    font-size: 1rem;
    line-height: 18px;
    letter-spacing: 0.05rem;
    font-weight: 700;
    text-align: center; }

.full-nav {
  position: relative;
  background: #efece8;
  background-image: url(https://traveldubuque.com/images/travel-dubuque/global/background-texture.png);
  background-size: 40%;
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0);
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  padding: 110px 24px 100px 24px;
  z-index: 101;
  overflow: scroll;
  transition: 0.3s;
  min-width: 300px;
  transform: translateX(105%);
  transition: all .6s ease-in-out;
  box-shadow: -3px 0px 26px rgba(0, 0, 0, 0.16), -3px 0px 30px rgba(0, 0, 0, 0.23);
  width: 100%; }
  @media (min-width: 641px) {
    .full-nav {
      width: auto;
      padding: 110px 34px 100px 34px; } }
  .short-nav .full-nav {
    padding-top: 57px; }
    .short-nav .full-nav .close-icon {
      top: 16px; }
  .full-nav .close-icon {
    position: absolute;
    right: 25px;
    top: 33px; }
  .nav-open .full-nav {
    opacity: 1;
    transform: translateX(0); }
    .nav-open .full-nav .links-contain {
      transform: none;
      opacity: 1; }
      .nav-open .full-nav .links-contain .main-link span {
        transform: none;
        opacity: 1; }
  .full-nav .links-contain {
    padding: 15px 0 14px 0;
    transition: 0.3s;
    opacity: 0; }
    .nav-open .full-nav .links-contain {
      transform: translateY(-20px); }
      .nav-open .full-nav .links-contain:nth-of-type(1) {
        transition-delay: 0s; }
      .nav-open .full-nav .links-contain:nth-of-type(2) {
        transition-delay: 0.06s; }
      .nav-open .full-nav .links-contain:nth-of-type(3) {
        transition-delay: 0.12s; }
      .nav-open .full-nav .links-contain:nth-of-type(4) {
        transition-delay: 0.18s; }
      .nav-open .full-nav .links-contain:nth-of-type(5) {
        transition-delay: 0.24s; }
      .nav-open .full-nav .links-contain:nth-of-type(6) {
        transition-delay: 0.3s; }
      .nav-open .full-nav .links-contain:nth-of-type(7) {
        transition-delay: 0.36s; }
      .nav-open .full-nav .links-contain:nth-of-type(8) {
        transition-delay: 0.42s; }
      .nav-open .full-nav .links-contain:hover .main-link span {
        color: #ec3b24; }
  .full-nav .main-link {
    font-family: "futura-pt";
    font-weight: 700;
    color: #182f35;
    font-size: 2.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: 0.3s;
    overflow: hidden; }
    .full-nav .main-link.toggled img {
      transform: rotate(-225deg); }
    .full-nav .main-link span {
      margin-right: 25px;
      transform: translateY(100%);
      opacity: 0;
      transition-duration: 0.3s; }
    .full-nav .main-link img {
      margin-left: auto;
      display: inline-block;
      height: 12px;
      transition: 0.6s;
      transform: none; }
  .full-nav .links {
    display: none; }
    .full-nav .links.active a {
      opacity: 1;
      transition: 1.3s; }
    .full-nav .links a {
      font-size: 1.8rem;
      font-weight: 700;
      color: #8e7a5a;
      display: block;
      margin: 10px 0;
      margin-left: 5px;
      transition: 0.3s; }
      .full-nav .links a:hover {
        color: #ec3b24; }
      .full-nav .links a:first-child {
        margin-top: 20px; }
      .full-nav .links a.inset {
        margin-left: 20px;
        color: #305e6a; }

.full-nav .close-icon, .your-favorites .close-icon {
  position: absolute;
  top: 33px;
  right: 30px;
  transition: 0.3s;
  transform-origin: center;
  cursor: pointer;
  width: 20px;
  height: 20px; }
  .full-nav .close-icon:hover, .your-favorites .close-icon:hover {
    transform: scale(1.2); }

.your-favorites {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #efece8;
  background-image: url(https://traveldubuque.com/images/travel-dubuque/global/background-texture.png);
  background-size: 40%;
  z-index: 103;
  padding: 0 34px 2vw;
  overflow-y: scroll;
  transform: translateX(100%);
  transition: 0.6s;
  opacity: 0;
  visibility: hidden;
  box-shadow: -3px 0px 26px rgba(0, 0, 0, 0.16), -3px 0px 30px rgba(0, 0, 0, 0.23); }
  @media (min-width: 641px) {
    .your-favorites {
      width: 400px; } }
  .favorites-open .your-favorites {
    transform: none;
    opacity: 1;
    visibility: visible; }
  .your-favorites .headline {
    font-size: 4rem;
    line-height: 0.8;
    font-weight: 700;
    color: #182f35;
    margin: 60px 0 40px; }
  .your-favorites .favorite {
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    background: white;
    margin-bottom: 1.5vw;
    transition: 0.3s;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 0 1.5vw 0;
    padding: 0; }
    .your-favorites .favorite .category {
      font-size: 1.3rem;
      font-weight: 700;
      color: #ec3b24;
      margin-bottom: 5px;
      display: block; }
    .your-favorites .favorite .title {
      font-family: "futura-pt";
      font-size: 1.7rem;
      font-weight: 700;
      line-height: 1;
      color: #182f35;
      padding: 20px; }
    .your-favorites .favorite .copy {
      width: 60%; }
    .your-favorites .favorite .image {
      position: relative;
      width: 35%;
      background: white;
      margin-left: auto; }
    .your-favorites .favorite .heart {
      position: absolute;
      top: 0;
      right: 0; }
      .your-favorites .favorite .heart input:checked ~ label svg path {
        fill: #ec3b24; }
  .your-favorites .bottom-bar {
    position: fixed;
    right: 0;
    bottom: 0;
    padding: 20px 34px;
    display: flex;
    justify-content: space-between;
    background: #efece8;
    width: 100%; }
    @media (min-width: 641px) {
      .your-favorites .bottom-bar {
        width: 400px; } }
    .your-favorites .bottom-bar .btn {
      width: 31%;
      text-align: center;
      padding-top: 10px;
      padding-bottom: 10px; }
      .your-favorites .bottom-bar .btn:first-child {
        width: 67%; }

.nav-icon {
  position: absolute;
  top: 50%;
  right: 25px;
  width: 30px;
  height: 19px;
  transform: rotate(0deg) translateY(-50%);
  transition: .5s ease-in-out;
  cursor: pointer;
  z-index: 1000000; }
  .nav-icon:hover:nth-child(1) {
    top: -1px; }
  .nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #ec3b24;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: .25s ease-in-out; }
    .nav-icon span:nth-child(1) {
      top: 0px; }
    .nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {
      top: 8px; }
    .nav-icon span:nth-child(4) {
      top: 16px; }
  .nav-open .nav-icon {
    z-index: 20001; }
    .nav-open .nav-icon span {
      transition: 0;
      background: #ec3b24; }

.sticky-filter {
  flex-basis: 100%;
  width: 100%;
  z-index: 2;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: .15s ease-in-out; }

.stuck {
  position: fixed !important; }

.filter-attr-active .categories.filter-attr {
  min-height: 400px;
  overflow-y: scroll;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 0 10px; }

.filter-amenities-active .categories.filter-amenities {
  min-height: 400px;
  overflow-y: scroll;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 0 10px; }

.filter-locations-active .categories.filter-locations {
  min-height: 400px;
  overflow-y: scroll;
  background: white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 10px 10px 0 10px; }

.filter {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px 3vw;
  border-top: 1px solid #d6d6d6;
  transition: 0.3s;
  width: 100%; }
  @media (min-width: 641px) {
    .filter {
      padding: 20px 1.5vw; } }
  .filter .filters {
    display: block; }
    @media (min-width: 641px) {
      .filter .filters {
        display: flex; } }
  .filter .filter-container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap; }
    @media (min-width: 1024px) {
      .filter .filter-container {
        flex-direction: row; } }
  .filter.stuck {
    width: 100%;
    background: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-top: 1px solid white;
    padding: 15px 1.5vw;
    left: 0;
    top: 57px; }
    .filter.stuck .filter-container {
      padding: 0 1.5vw; }
    .filter.stuck a {
      font-size: 1.2rem; }
  .filter .categories-contain {
    position: relative;
    margin-right: 10px;
    width: 200px; }
  .filter .categories {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    height: 0px;
    min-height: 0px;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    padding: 0 10px 0;
    overflow: hidden;
    width: 100%; }
    .filter .categories button, .filter .categories .btn {
      font-size: 1.2rem;
      font-weight: 700;
      color: #182f35;
      padding: 7px 12px;
      border: 1px solid #d6d6d6;
      margin-right: 8px;
      transition: 0.3s;
      display: inline-block;
      margin-bottom: 10px;
      width: 100%; }
      .filter .categories button:hover, .filter .categories .btn:hover {
        background: #ec3b24;
        border-color: #cb2712;
        color: white; }
    .filter .categories label {
      position: relative;
      cursor: pointer; }
      .filter .categories label input {
        position: absolute;
        visibility: hidden; }
        .filter .categories label input:checked ~ span {
          background: #ec3b24;
          border-color: #cb2712;
          color: white; }
        .filter .categories label input:disabled ~ span {
          opacity: 0.25;
          cursor: progress; }
          .filter .categories label input:disabled ~ span:hover {
            background: white;
            border-color: #d6d6d6;
            color: #182f35; }
  .filter .filter-icon-contain {
    display: flex;
    align-items: center;
    color: white;
    margin-right: auto;
    background: red;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.3s;
    cursor: pointer;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 1.6rem; }
    @media (min-width: 641px) {
      .filter .filter-icon-contain {
        margin-bottom: 0; } }
    .filter .filter-icon-contain:hover {
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25); }
    .filter-active .filter .filter-icon-contain {
      background: #de2b13; }
    .filter .filter-icon-contain span {
      font-weight: 700;
      font-size: 1.2em;
      padding: 0 15px;
      text-transform: uppercase;
      text-overflow: ellipsis;
      max-width: 150px;
      overflow: hidden;
      white-space: nowrap; }
    .filter .filter-icon-contain img {
      width: 18px;
      display: flex; }
    .filter .filter-icon-contain .filter-icon {
      background: #de2b13;
      padding: 13px 10px; }
  .filter .link.clear-filters {
    text-transform: uppercase;
    font-size: 14px; }
  .filter .map-toggle {
    display: flex;
    align-items: center;
    color: #ec3b24;
    font-size: 1.2em;
    font-weight: 700;
    margin-left: auto; }
    .filter .map-toggle .switch {
      margin-left: 10px; }

footer {
  position: relative;
  background: white;
  overflow: hidden;
  margin-top: 10vw; }
  footer .logo {
    position: relative;
    text-align: center;
    top: -50px; }
    footer .logo:before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 1px;
      background: #d6d6d6;
      transform: translate(-50%, -50%); }
    footer .logo img {
      position: relative;
      width: 300px;
      padding: 0 20px; }
  footer .request-travel-guide-footer {
    text-align: center;
    padding: 10vh 10vw 160px 10vw;
    background-color: #efece8;
    background-image: url(https://traveldubuque.com/images/travel-dubuque/global/background-texture.png);
    background-size: 40%;
    border-radius: 4px; }
    @media (min-width: 641px) {
      footer .request-travel-guide-footer {
        padding: 6vw 5vw 14rem 5vw; } }
    footer .request-travel-guide-footer h4 {
      font-family: "futura-pt";
      font-size: 10vw;
      line-height: 1;
      font-weight: 700;
      letter-spacing: -0.03em;
      text-align: center;
      color: #ec3b24; }
      @media (min-width: 640px) {
        footer .request-travel-guide-footer h4 {
          font-size: 6rem; } }
    footer .request-travel-guide-footer p {
      font-size: 1.8rem;
      color: #8e7a5a;
      margin-top: 3vh;
      margin-bottom: 4vh;
      max-width: 660px;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 760px) {
        footer .request-travel-guide-footer p {
          font-size: 2.2rem;
          margin-top: 1vw;
          margin-bottom: 2vw; } }
    footer .request-travel-guide-footer .ctas a {
      margin: 0 0 20px 0; }
      @media (min-width: 640px) {
        footer .request-travel-guide-footer .ctas a {
          margin: 0 10px; } }
  footer .links-contain {
    padding: 2vw 0 6vw 0;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
      footer .links-contain {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 768px) {
      footer .links-contain {
        max-width: 96%;
        margin-left: auto;
        margin-right: auto;
        justify-content: center; } }
    @media (min-width: 1024px) {
      footer .links-contain {
        max-width: 90%;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 1440px) {
      footer .links-contain {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto; } }
    footer .links-contain .links {
      font-size: 1.6rem;
      font-weight: 700;
      line-height: 1;
      color: #182f35;
      padding: 5%;
      width: 50%; }
      @media (min-width: 768px) {
        footer .links-contain .links {
          width: 25%;
          padding: 0 2%; } }
      @media (min-width: 1200px) {
        footer .links-contain .links {
          width: auto; } }
      footer .links-contain .links ul:nth-of-type(2) {
        margin-top: 40px; }
      footer .links-contain .links a {
        transition: 0.3s; }
        footer .links-contain .links a:hover {
          color: #ec3b24; }
    footer .links-contain li {
      display: block;
      margin-bottom: 10px; }
      footer .links-contain li:first-child {
        display: block;
        font-size: 2.6rem;
        line-height: 1;
        margin-bottom: 10px;
        font-weight: 700;
        color: #ec3b24; }
        @media (min-width: 640px) {
          footer .links-contain li:first-child {
            font-size: 3rem; } }
  footer .contact-info-contain {
    display: flex;
    flex-direction: row;
    margin: 5%;
    width: 100%; }
    @media (min-width: 768px) {
      footer .contact-info-contain {
        margin: 5% auto 0 2%; } }
    @media (min-width: 1200px) {
      footer .contact-info-contain {
        width: auto;
        margin: 0 0 0 auto;
        flex-direction: column; } }
  footer address {
    font-style: normal;
    width: 50%; }
    @media (min-width: 768px) {
      footer address {
        width: auto; } }
    footer address.office {
      margin-left: 10%; }
      @media (min-width: 768px) {
        footer address.office {
          margin: 0 0 0 30px; } }
      @media (min-width: 1200px) {
        footer address.office {
          margin: 30px 0 0 0; } }
    footer address span {
      display: block;
      font-size: 1.6rem;
      line-height: 1.25; }
    footer address .title {
      font-size: 2rem;
      font-weight: 700;
      color: #ec3b24;
      margin-bottom: 5px; }
  footer .utopia {
    position: relative;
    height: 200px; }
    footer .utopia > div {
      position: absolute;
      bottom: 0;
      left: 0;
      background-size: cover;
      width: 100%; }
      footer .utopia > div.front {
        background-position: 20%;
        height: 175px; }
      footer .utopia > div.middle {
        background-position: right bottom;
        height: 200px; }
      footer .utopia > div.back {
        background-position: left bottom;
        height: 125px; }
  footer .welcome-statement {
    background-color: #e5e0d9;
    padding: 20px 5% 60px 5%;
    color: #9b8970;
    text-align: center; }
    footer .welcome-statement img {
      margin-bottom: 40px; }
    footer .welcome-statement p {
      font-size: 1.6rem;
      color: #8e7a5a; }
    footer .welcome-statement .headline {
      font-family: "futura-pt";
      text-transform: uppercase;
      font-weight: 700;
      font-size: 2rem;
      color: #8e7c63;
      margin-bottom: 10px; }
    footer .welcome-statement .cite {
      font-family: "futura-pt";
      text-transform: uppercase;
      font-weight: 700;
      margin-top: 5px;
      font-size: 1.2rem; }
    footer .welcome-statement .copy {
      max-width: 450px;
      margin-left: auto;
      margin-right: auto; }

.has-photo {
  position: relative; }

.heart {
  display: flex;
  justify-content: center;
  height: 40px;
  width: 50px;
  position: relative;
  transition: 0.3s;
  transform-origin: center;
  position: absolute;
  top: 5px;
  right: 0; }
  .heart:hover {
    transform: scale(1.25); }
  .has-photo .heart svg path {
    fill: rgba(0, 0, 0, 0.35);
    stroke: #ffffff; }
  .add-it .heart svg path {
    fill: rgba(0, 0, 0, 0) !important;
    stroke: #ffffff !important; }
  .add-it .heart input {
    position: absolute;
    left: -100vw; }
    .add-it .heart input:checked ~ label svg path {
      fill: white !important;
      stroke: rgba(0, 0, 0, 0) !important; }
  .main-category .heart, .heart .top-right {
    position: absolute;
    top: 5px;
    right: 0; }
  .heart svg {
    display: block;
    width: 55px;
    height: 55px;
    transform: scale(1); }
    .heart svg line {
      stroke-dashoffset: 10px;
      transform-origin: center; }
    .heart svg path {
      transition: 0.3s;
      stroke: rgba(0, 0, 0, 0.35); }
      .has-photo .heart svg path {
        position: relative;
        fill: rgba(0, 0, 0, 0.35);
        stroke: #ffffff; }
    .heart svg .heart-lines line {
      stroke: #f2f2f2;
      opacity: 0; }
  .heart input {
    position: absolute;
    left: -100vw; }
    .heart input:checked ~ label svg path {
      fill: #ec3b24;
      stroke: #ffffff; }
  .heart label {
    align-self: center;
    position: relative;
    color: #888;
    font-size: 2em;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    cursor: pointer; }
    .heart label .bubble {
      position: absolute;
      z-index: 1;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      content: ''; }
    .heart label .bubble {
      box-sizing: border-box;
      margin: -2.25rem;
      border: solid 2.25rem rgba(236, 59, 36, 0.5);
      width: 4.5rem;
      height: 4.5rem;
      transform: scale(0); }
    .heart label.checked {
      color: #e2264d;
      filter: none; }

@keyframes heart {
  0%, 17.5% {
    transform: scale(0); } }

@keyframes bubble {
  15% {
    border-color: rgba(236, 59, 36, 0.5);
    border-width: 2.25rem; }
  30%, 100% {
    transform: scale(1);
    border-color: rgba(236, 59, 36, 0.75);
    border-width: 0; } }

.search-bg {
  content: "";
  transform-origin: center center;
  position: fixed;
  height: 10px;
  width: 10px;
  background-color: #ec3b24;
  border-radius: 50%;
  transform: scale(1) translate3d(0, 0, 0);
  z-index: 1;
  opacity: 0; }

#search {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  padding: 5vw;
  opacity: 0;
  z-index: 9999999999999999;
  visibility: hidden; }
  #search form {
    position: relative;
    margin-bottom: 10vw;
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1;
    width: 100%; }
  #search input {
    background-color: #ec3b24;
    outline: none;
    border: 0;
    padding: 0;
    font-family: "futura-pt", sans-serif;
    color: white;
    font-weight: 700;
    font-size: 12vw; }
    @media (min-width: 768px) {
      #search input {
        font-size: 80px;
        font-size: 8rem; } }
    #search input.placeholder {
      transition: all .25s ease-in-out;
      color: #b5220e; }
    #search input:-moz-placeholder {
      -moz-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      color: #b5220e; }
    #search input::-moz-placeholder {
      -moz-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      color: #b5220e; }
    #search input:-ms-input-placeholder {
      -ms-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      color: #b5220e; }
    #search input::-webkit-input-placeholder {
      -webkit-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      color: #b5220e; }
    #search input ~ label {
      opacity: 1;
      font-family: "futura-pt", sans-serif;
      font-size: 20px;
      font-size: 2rem;
      color: white;
      font-weight: 700;
      transition: all .25s ease-in-out;
      margin-left: 5px; }
      @media (min-width: 641px) {
        #search input ~ label {
          margin-left: 0; } }
    #search input:focus.placeholder, #search input.dirty.placeholder {
      color: #b5220e;
      opacity: .85; }
    #search input:focus:-moz-placeholder, #search input.dirty:-moz-placeholder {
      color: #b5220e;
      opacity: .85; }
    #search input:focus::-moz-placeholder, #search input.dirty::-moz-placeholder {
      color: #b5220e;
      opacity: .85; }
    #search input:focus:-ms-input-placeholder, #search input.dirty:-ms-input-placeholder {
      color: #b5220e;
      opacity: .85; }
    #search input:focus::-webkit-input-placeholder, #search input.dirty::-webkit-input-placeholder {
      color: #b5220e;
      opacity: .85; }
    #search input.dirty ~ label {
      color: #b5220e; }
  #search .close {
    cursor: pointer;
    position: absolute;
    bottom: 15vh;
    right: 5vw;
    color: #b5220e;
    background-color: #b5220e;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center; }
    #search .close svg {
      width: 50%; }
    @media (min-width: 641px) {
      #search .close {
        transform: translateX(0);
        top: 5vw;
        bottom: auto; } }
.search-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 60px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    opacity: 0; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-size: 0px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .slick-prev img,
  .slick-next img {
    height: 60px;
    width: 20px; }

.slick-prev {
  left: -35px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -35px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

.home .featured-articles h2 {
  font-family: "CreativeVintage";
  font-variant-ligatures: contextual;
  font-feature-settings: "liga" 0;
  font-size: clamp(3.2rem, 6vw, 7.2rem);
  line-height: 1.05; }

.home .featured-events h2 {
  font-size: 10vw;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: center;
  color: #ec3b24;
  margin-bottom: 5vw; }
  @media (min-width: 640px) {
    .home .featured-events h2 {
      font-size: 5vw; } }
.instagram-feed h2 {
  font-family: "CreativeVintage";
  font-variant-ligatures: contextual;
  font-feature-settings: "liga" 0;
  font-size: clamp(3.2rem, 10vw, 4rem);
  color: #182f35;
  text-align: center;
  margin-bottom: 1em;
  line-height: 1; }

.home .featured-events h3 {
  font-size: 6vw;
  line-height: 0.95;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: left;
  color: white;
  margin-bottom: 3vw;
  -webkit-hyphens: auto;
          hyphens: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word; }
  @media (min-width: 640px) {
    .home .featured-events h3 {
      font-size: 3vw; } }
.home .featured-attractions h3 {
  font-size: 6vw;
  line-height: 0.8;
  font-weight: 700;
  letter-spacing: -0.03em;
  text-align: left;
  color: #ec3b24;
  margin-bottom: 3vw;
  text-align: center; }
  @media (min-width: 640px) {
    .home .featured-attractions h3 {
      font-size: 3vw; } }
.notification-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 1rem 5%;
  background: #ec3b24;
  color: white;
  width: 100%;
  font-family: "futura-pt", sans-serif;
  font-weight: 700; }
  .notification-bar.link {
    transition: 0.3s; }
    .notification-bar.link:hover {
      background: #cb2712; }

.container1920 {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto; }

.home main {
  max-width: 100%; }
  .home main section {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto; }

.home .hashtag {
  font-size: 1.4em;
  font-weight: 700;
  margin-top: 2vw;
  text-transform: uppercase; }

.home .featured-articles {
  position: relative;
  display: flex;
  flex-wrap: wrap; }
  .home .featured-articles article {
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden; }
    @media (min-width: 640px) {
      .home .featured-articles article {
        flex-direction: row; } }
    .home .featured-articles article figure {
      overflow: hidden; }
    .home .featured-articles article.featured {
      display: flex;
      justify-content: center;
      width: 100vw; }
      .home .featured-articles article.featured figure {
        height: 45vw;
        transition: 0.3s; }
        @media (min-width: 640px) {
          .home .featured-articles article.featured figure {
            height: auto;
            width: 50%; } }
        .home .featured-articles article.featured figure.video-bg {
          position: relative; }
          .home .featured-articles article.featured figure.video-bg .video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow: hidden; }
          .home .featured-articles article.featured figure.video-bg iframe {
            width: 100vw;
            height: 56.25vw;
            /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
            min-height: 100vh;
            min-width: 177.77vh;
            /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%); }
      .home .featured-articles article.featured p {
        font-size: 2em;
        line-height: 1.5;
        font-weight: 200;
        font-family: "linotype-sabon";
        color: #8e7a5a;
        margin: 2vw 0;
        max-width: 550px; }
        @media (min-width: 640px) {
          .home .featured-articles article.featured p {
            font-size: 2.4rem; } }
      .home .featured-articles article.featured .copy-contain {
        background: #efece8;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 8vh;
        padding-bottom: 5vh; }
        @media (min-width: 640px) {
          .home .featured-articles article.featured .copy-contain {
            width: 50%;
            padding-top: 18vh;
            padding-bottom: 5vw;
            align-items: flex-start; } }
        .home .featured-articles article.featured .copy-contain svg {
          transform: rotate(3deg); }
      .home .featured-articles article.featured .copy {
        padding: 0 10%; }
    .home .featured-articles article.secondary {
      display: flex;
      flex-direction: column;
      justify-content: center;
      color: white;
      margin: 5vw 2.5vw;
      background: #182f35;
      flex-basis: 100%; }
      .home .featured-articles article.secondary:hover figure {
        transform: scale(1.05); }
      .home .featured-articles article.secondary:hover .gradient {
        opacity: 0.25; }
      @media (min-width: 640px) {
        .home .featured-articles article.secondary {
          width: calc(50% - 0.75vw);
          margin: 0.5vw 0.25vw 0.5vw 0.5vw;
          flex-basis: auto; } }
      @media (min-width: 1024px) {
        .home .featured-articles article.secondary {
          margin: 0.5vw 0;
          width: calc(50% - 0.25vw); } }
      .home .featured-articles article.secondary a {
        height: 100%; }
      .home .featured-articles article.secondary figure {
        transition: 0.6s;
        transform-origin: top center;
        overflow: hidden; }
      .home .featured-articles article.secondary .gradient {
        background: linear-gradient(20deg, black 0%, black 17%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 100%);
        opacity: 0.8;
        transition: 0.6s; }
      .home .featured-articles article.secondary:last-child {
        margin-top: 0; }
        @media (min-width: 640px) {
          .home .featured-articles article.secondary:last-child {
            margin: 0.5vw 0.5vw 0.5vw 0.25vw; } }
        @media (min-width: 1024px) {
          .home .featured-articles article.secondary:last-child {
            margin: 0.5vw 0 0.5vw 0.5vw; } }
      .home .featured-articles article.secondary .copy-contain {
        position: relative;
        padding: 15% 10% 10% 10%;
        height: 100%;
        display: flex;
        align-items: flex-end; }

.home .featured-events {
  position: relative;
  background: #efece8;
  padding: 10vw 0 5vw 0;
  margin: 0 0.5vw;
  background-image: url(https://traveldubuque.com/images/travel-dubuque/global/background-texture.png);
  background-size: 40%; }
  .home .featured-events .events-contain {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 94%;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 640px) {
      .home .featured-events .events-contain {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto; } }
  .home .featured-events .event {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: #182f35;
    color: #ec3b24;
    border-radius: 3px;
    width: 100%;
    margin: 2vh auto 0 auto;
    padding: 6vw;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    transition: 0.3s; }
    @media (min-width: 640px) {
      .home .featured-events .event {
        margin: 0.25vw;
        width: calc(50% - 0.5vw);
        padding: 2vw; } }
    .home .featured-events .event:hover {
      box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
      background: #ec3b24;
      color: #182f35; }
  .home .featured-events .hashtag {
    margin-bottom: 1vw; }
  .home .featured-events .date {
    font-size: 1.6em;
    font-weight: 700;
    margin-top: auto; }
  .home .featured-events .events-filter {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4vh;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto; }

.home .promos {
  position: relative; }
  .home .promos .container {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .home .promos article {
    overflow: hidden;
    width: 100%;
    height: clamp(40rem, 25vw, 70rem); }
    @media (min-width: 641px) {
      .home .promos article {
        width: 50%; } }
    @media (min-width: 950px) {
      .home .promos article {
        width: calc(33.333% - .35vw);
        padding-bottom: 0.5vw; } }
    .home .promos article:hover figure {
      transform: scale(1.05); }
      .home .promos article:hover figure::after {
        opacity: 0.25; }
    .home .promos article figure {
      transition: 0.6s;
      transform-origin: top center; }
      .home .promos article figure::after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0.8;
        background-image: linear-gradient(20deg, black 0%, black 17%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0) 100%);
        transition: .6s ease-in-out; }
    .home .promos article .headline {
      color: white;
      font-size: clamp(3rem, 8vw, 4.6rem);
      font-weight: 700;
      letter-spacing: -0.03em;
      line-height: .9em;
      text-transform: uppercase; }
    .home .promos article .overline {
      font-weight: 700;
      font-size: 1.8rem;
      color: white; }
    .home .promos article a {
      overflow: hidden;
      display: block;
      position: relative;
      height: 100%;
      padding: 15% 10% 10% 10%; }
    .home .promos article .copy {
      position: relative;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: flex-end; }

.home .main-category {
  max-width: 100%;
  position: relative;
  padding: 10vh 5vw;
  text-align: center; }
  @media (min-width: 640px) {
    .home .main-category {
      padding: 10vh 5vw; } }
  .home .main-category.bg-image {
    background-color: #efece8;
    background-image: url(https://traveldubuque.com/images/travel-dubuque/global/background-texture.png);
    background-size: 40%; }
  .home .main-category .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
  .home .main-category .category-header {
    position: relative;
    font-size: 6vw;
    color: white;
    font-weight: 700;
    text-align: center;
    background: #ec3b24;
    padding: 0 20px;
    border: 10px solid transparent;
    border-image-source: url(https://traveldubuque.com/images/travel-dubuque/global/background-red.svg);
    border-image-slice: 3;
    border-image-outset: 3px;
    margin-bottom: 3vh; }
    @media (min-width: 640px) {
      .home .main-category .category-header {
        font-size: 3vw; } }
    .home .main-category .category-header span {
      position: relative; }
  .home .main-category .category {
    position: relative;
    text-transform: uppercase;
    font-size: 5vw;
    overflow: hidden;
    transition: 0.3s; }
    @media (min-width: 640px) {
      .home .main-category .category {
        font-size: 2.5vw; } }
    .home .main-category .category:before, .home .main-category .category img {
      transition: 0.3s ease-in-out; }
    .home .main-category .category:hover img {
      opacity: 1;
      transform: scale(1.075); }
    .home .main-category .category:hover:before {
      transform-origin: bottom center;
      transform: scale(1.05) !important;
      opacity: 0.5; }
    .home .main-category .category span {
      position: relative;
      z-index: 1;
      transition: 0.3s; }
  .home .main-category .subhead {
    text-align: center;
    color: #8e7a5a;
    font-size: 5.5vw;
    font-family: "linotype-sabon";
    letter-spacing: -0.035em;
    margin: 0.5vh 0 4vh 0; }
    @media (min-width: 640px) {
      .home .main-category .subhead {
        font-size: 2.2vw; } }
  .home .main-category.explore {
    padding: 10vw 0;
    background-color: #efece8;
    background-image: url(https://traveldubuque.com/images/travel-dubuque/global/background-texture.png);
    background-size: 40%; }
    .home .main-category.explore .category-set {
      display: flex;
      justify-content: space-around;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto; }
      @media (min-width: 640px) {
        .home .main-category.explore .category-set {
          max-width: 90%;
          margin-left: auto;
          margin-right: auto; } }
      .home .main-category.explore .category-set .category {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40vw;
        margin: 0 1vw;
        padding: 2.2vw;
        height: 55vw;
        background: #ec3b24;
        line-height: 0.8;
        font-weight: 700;
        color: white;
        transform: scale(0.95);
        opacity: 0.8;
        transition: 0.3s;
        -webkit-hyphens: auto;
                hyphens: auto;
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-all;
        word-break: break-word; }
        @media (min-width: 640px) {
          .home .main-category.explore .category-set .category {
            width: 21vw;
            height: 30vw;
            margin: 0 0.25vw;
            transform: none;
            opacity: 1; } }
        .home .main-category.explore .category-set .category.slick-current {
          transform: none;
          opacity: 1; }
        .home .main-category.explore .category-set .category img {
          opacity: 0.8; }
        .home .main-category.explore .category-set .category:before {
          content: '';
          background: linear-gradient(0deg, #1a5251 0%, rgba(25, 78, 77, 0.77) 22.71%, rgba(21, 67, 66, 0.55) 44.55%, rgba(15, 47, 47, 0.34) 66.05%, rgba(6, 20, 20, 0.13) 87.21%, rgba(0, 0, 0, 0) 100%);
          z-index: 1;
          width: 100%;
          height: 100%;
          opacity: 0.8;
          mix-blend-mode: multiply; }
  .home .main-category.taste .sub-set {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row; }
  .home .main-category.taste .category-set {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 640px) {
      .home .main-category.taste .category-set {
        flex-direction: row;
        max-width: 90%;
        margin-left: auto;
        margin-right: auto;
        width: auto; } }
    .home .main-category.taste .category-set .category:before {
      content: '';
      background: linear-gradient(0deg, #734c57 0%, rgba(111, 73, 84, 0.81) 19.28%, rgba(100, 66, 75, 0.62) 37.83%, rgba(80, 53, 61, 0.44) 56.1%, rgba(53, 35, 40, 0.26) 74.17%, rgba(18, 12, 14, 0.08) 91.96%, rgba(0, 0, 0, 0) 100%);
      z-index: 1;
      opacity: 0.8;
      transition: 0.6s;
      mix-blend-mode: multiply; }
    .home .main-category.taste .category-set .category.half {
      display: flex;
      align-items: center;
      justify-content: space-around;
      height: 20vw;
      background: #ec3b24;
      line-height: 1;
      font-weight: 700;
      color: white;
      width: calc(50% - 0.25vw);
      padding: 2.2vw; }
      .home .main-category.taste .category-set .category.half:nth-of-type(-n+2) {
        margin: 0 0 0.5vw 0; }
      @media (min-width: 640px) {
        .home .main-category.taste .category-set .category.half {
          height: 15vw; } }
    .home .main-category.taste .category-set .category.third {
      display: flex;
      align-items: center;
      justify-content: center;
      width: calc(33.33% - 0.4vw);
      width: 100%;
      margin-top: 0.5vw;
      padding: 2.2vw;
      height: 20vw;
      background: #ec3b24;
      line-height: 0.8;
      font-weight: 700;
      color: white;
      transition: 0.3s;
      -webkit-hyphens: auto;
              hyphens: auto;
      overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-all;
      word-break: break-word; }
      @media (min-width: 640px) {
        .home .main-category.taste .category-set .category.third {
          margin-top: 0;
          width: calc(33.33% - 0.4vw);
          height: 30vw;
          transform: none;
          opacity: 1; } }
  .home .main-category.stay {
    background-color: #efece8;
    background-image: url(https://traveldubuque.com/images/travel-dubuque/global/background-texture.png);
    background-size: 40%; }
    .home .main-category.stay .category-set {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      max-width: 100%;
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
      @media (min-width: 640px) {
        .home .main-category.stay .category-set {
          max-width: 90%;
          margin-left: auto;
          margin-right: auto;
          flex-direction: row; } }
    .home .main-category.stay .category {
      display: flex;
      align-items: center;
      justify-content: center;
      background: #ec3b24;
      line-height: 1;
      font-weight: 700;
      color: white;
      height: 30vw;
      padding: 2.2vw;
      width: calc(50% - 0.25vw); }
      @media (min-width: 640px) {
        .home .main-category.stay .category:nth-of-type(1) {
          width: 24%;
          width: calc(25% - 0.25vw); } }
      @media (min-width: 640px) {
        .home .main-category.stay .category:nth-of-type(2) {
          width: 24%;
          width: calc(25% - 0.25vw); } }
      .home .main-category.stay .category:before {
        content: '';
        background: linear-gradient(0deg, #734c57 0%, rgba(111, 73, 84, 0.81) 19.28%, rgba(100, 66, 75, 0.62) 37.83%, rgba(80, 53, 61, 0.44) 56.1%, rgba(53, 35, 40, 0.26) 74.17%, rgba(18, 12, 14, 0.08) 91.96%, rgba(0, 0, 0, 0) 100%);
        z-index: 1;
        opacity: 0.6;
        mix-blend-mode: multiply; }
    .home .main-category.stay .subset {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 100%;
      height: 40vw;
      margin-top: .5%; }
      @media (min-width: 640px) {
        .home .main-category.stay .subset {
          width: calc(50% - 0.5vw);
          margin-top: 0;
          height: auto;
          height: 30vw; } }
      .home .main-category.stay .subset .category {
        width: 100%;
        height: calc(50% - 0.25vw); }
  .home .main-category .link-contain {
    display: flex;
    align-items: center;
    justify-content: center; }

.home .featured-attractions {
  padding: 10vh 5vw; }
  .home .featured-attractions .attractions-set {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    @media (min-width: 640px) {
      .home .featured-attractions .attractions-set {
        flex-direction: row; } }
    .home .featured-attractions .attractions-set .attraction {
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      width: 100%;
      height: 30vw;
      background: #ec3b24;
      font-size: 5vw;
      line-height: 0.9;
      font-weight: 700;
      color: white;
      text-align: center;
      margin-bottom: 2%;
      background: black;
      padding: 2vw;
      overflow: hidden; }
      @media (min-width: 640px) {
        .home .featured-attractions .attractions-set .attraction {
          width: calc(20% - 0.5vw);
          font-size: 2.25vw; } }
      .home .featured-attractions .attractions-set .attraction:hover img {
        transform: scale(1.075); }
    .home .featured-attractions .attractions-set img {
      opacity: 0.6;
      transition: 0.6s; }
    .home .featured-attractions .attractions-set span {
      position: relative;
      text-transform: uppercase; }

.home .community-partners {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  max-width: 98%;
  margin-left: auto;
  margin-right: auto;
  padding: 20vw 10% 12vw 10%;
  margin-top: 1%;
  background-image: url("https://www.traveldubuque.com/images/travel-dubuque/global/people-overlooking-city-of-dubuque-4th-street-elevator.jpg");
  background-size: cover;
  background-position: center right;
  color: white;
  text-align: center; }
  @media (min-width: 641px) {
    .home .community-partners {
      background-position: center;
      padding: 20vw 10% 5vw 10%; } }
  .home .community-partners:before {
    content: '';
    background: #182f35;
    background: linear-gradient(0deg, #182f35 0%, rgba(24, 47, 53, 0) 95%, rgba(24, 47, 53, 0) 100%); }
    @media (min-width: 641px) {
      .home .community-partners:before {
        background: linear-gradient(0deg, #182f35 0%, rgba(24, 47, 53, 0) 90%, rgba(24, 47, 53, 0) 100%); } }
  .home .community-partners span {
    display: block; }
  .home .community-partners a {
    margin-top: 6rem; }
  .home .community-partners .content {
    position: relative;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; }
  .home .community-partners .label {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 2rem; }
    @media (min-width: 641px) {
      .home .community-partners .label {
        font-size: 2rem; } }
  .home .community-partners .partners {
    position: relative;
    padding: 10rem 0 0 0;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto; }
    .home .community-partners .partners span {
      display: flex;
      align-items: center;
      text-align: left;
      margin-top: 1rem;
      padding: 5px 10px; }
      @media (min-width: 641px) {
        .home .community-partners .partners span {
          justify-content: center;
          text-align: center;
          flex: 1 1 auto;
          margin-top: 2rem; } }
      @media (min-width: 1024px) {
        .home .community-partners .partners span {
          width: 48%;
          border-right: 1px solid rgba(255, 255, 255, 0.5); } }
      @media (min-width: 1024px) {
        .home .community-partners .partners span.pad-right {
          padding-right: 50px; } }
      .home .community-partners .partners span.no-border {
        border: 0; }
  .home .community-partners .set {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
    @media (min-width: 1024px) {
      .home .community-partners .set {
        flex-wrap: nowrap;
        flex-direction: row; } }
  .home .community-partners p {
    font-family: "futura-pt";
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.1;
    font-size: clamp(4rem, 4vw, 5.5rem); }

.home .where-iowa-started {
  text-align: center;
  padding: clamp(5rem, 10vw, 10rem) 5%;
  max-width: 1070px;
  margin-left: auto;
  margin-right: auto; }
  .home .where-iowa-started .header {
    font-size: 7vw;
    color: #ec3b24;
    font-weight: 700; }
    @media (min-width: 640px) {
      .home .where-iowa-started .header {
        font-size: 2.5vw; } }
  .home .where-iowa-started p {
    color: #8e7a5a;
    font-size: 2em;
    line-height: 1.5;
    margin: 2.5vh 0 5vh 0; }
    @media (min-width: 640px) {
      .home .where-iowa-started p {
        margin: 2.5vh 0; } }
.home .instagram-feed {
  padding: clamp(8rem, 8vw, 15rem) 5% clamp(4rem, 8vw, 8rem);
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto; }
  .home .instagram-feed .loadMore {
    width: auto !important;
    margin: 10px auto auto auto !important;
    display: block !important;
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 50px !important; }
    .home .instagram-feed .loadMore span {
      font-family: "futura-pt" !important;
      font-weight: 700 !important;
      text-transform: uppercase !important; }

.home footer {
  margin-top: 0; }

.curved-text {
  width: 200px; }
  @media (max-width: 640px) {
    .curved-text {
      display: none; } }
  .curved-text path {
    fill: transparent; }
  .curved-text textpath {
    font-family: 'futura-pt', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 4.2rem; }