/* Tourism Winnipeg - version 8 - Module and Typography Styles */
/* Colours
 Pink current - #c01327

*/
img { max-width: 100%; }
.blue { color: navy; }
.red { color: #c01327; }
.teal { color: teal; }
span.blue,
span.red,
span.teal { font-weight: 600; }

div.body > div { margin: 0 0 1.5rem 0; }

/* !popup styles */
div.popup-cover {
 display: block;
 position: fixed;
 z-index: 10000;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background: rgba(0,0,0,0.5);
}
 div.popup-cover div#covid-19 {
  display: block;
  position: absolute;
  width: 50%;
  padding: 30px;
  margin: 25% 25% 0 25%;
  background: #fff;
  color: #000;
 }
 div.popup-cover a.dismiss {
  display: block;
  position: absolute;
  top: -40px;
  right: 0;
  font-size: 1.875rem;
  line-height: 1;
  color: #fff;
 }



/* !Chat icon styles */
a#chat-trigger {
 display: block;
 position: fixed;
 z-index: 1000;
 bottom: 30px;
 right: 15px;
 border: 3px solid #fff;
 border-radius: 25px;
 text-decoration: none;
 background: #c01327;
 color: #fff;

}
 a#chat-trigger:before {
  content: "Need help exploring Winnipeg?";
  display: block;
  position: relative;
  padding: 7px 15px;
  font-size: 0.875rem;
  font-weight: 700;
 }
/*
 a#chat-trigger:hover:before {
  content: "... Need help exploring Winnipeg?";
  font-size: 14px;
 }
*/
 a#chat-trigger:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 13px;
  width: 20px;
  height: 15px;
  background: url("../../../img/v9/icon-chat-point.png") no-repeat center center;
 }


/* !blog subscribe flyout styles */
div.subscribe-flyout {
 display: block;
 position: fixed;
 top: 40%;
 left: 0;
 z-index: 100;
 width: 300px;
 height: 300px;
 padding: 15px;
 margin: 0;
 border: 6px solid #c01327;
 border-radius: 300px;
 text-align: center;
 background: linear-gradient(to bottom, #ffffff, #c01327);
}
 div.subscribe-flyout > svg { color: #c01327; }
 div.subscribe-flyout h3 {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1;
  color: #000;
 }
 div.subscribe-flyout h3 strong {
  font-weight: 700;
  color: #c01327;
 }
 div.subscribe-flyout p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 5px 0;
 }
 div.subscribe-flyout form.subscribe-form {
  padding: 5px 0 0 0;
  border: none;
  border-bottom-left-radius: 60px;
  border-bottom-right-radius: 60px;
  -moz-border-radius-bottomleft: 60px;
  -moz-border-radius-bottomright: 60px;
  background: none;
 }
 div.subscribe-flyout form.subscribe-form .input.text {
  margin: 0;
 }
 div.subscribe-flyout form.subscribe-form .input.text label {
  line-height: 1.1;
 }
 div.subscribe-flyout form.subscribe-form .input.text input[type="text"] {
  width: 80%;
  padding: 5px;
  margin: 0 10%;
  border: 1px solid #c01327;
  border-radius: 3px;
  font-size: 0.875rem;
 }
 div.subscribe-flyout form.subscribe-form div.submit input[type="submit"] {
  padding: 10px 0 5px 0;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 700;
  background: none;
  transition: all 0.2s ease;
  cursor: pointer;
 }
 div.subscribe-flyout form.subscribe-form div.submit input[type="submit"]:hover {
  letter-spacing: 1px;
 }
 div.subscribe-flyout a.close-flyout {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
  transform: rotate(45deg);
  background: #000;
  color: #fff;
 }
 div.subscribe-flyout a.no-thanks {
  display: block;
  clear: both;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
 }



/* !General and Typography styles */
a.button {
 display: inline-block;
 position: relative;
 clear: both;
 width: auto;
 padding: 10px 15px;
 border: none;
 border-radius: 0;
 font-size: 1rem;
 font-weight: 700;
 text-align: center;
 text-transform: uppercase;
 text-shadow: none;
 background: #c01327;
 background: #004565;
 color: #fff;
}
a.button:hover {
 color: #fff;
}
a.button span {
 display: block;
}

h2 {
 font-weight: 700;
}
h3 {
 color: #c01327
}
h2.page-title {
 width: 100%;
 color: #000;
}

#content > .container > h2 {
 width: 100%;
}
#content > .container > div.content-body {
 width: 100%;
}
#content.profile-displays .container h2.page-title {
 width: 49%;
}

/* #content.profile-displays .container div.content-body { display: none; } */

.small { font-size: 0.75rem; }
.c2 img, .c3 img, .c4 img, .c5 img { max-width: 100%; }
.cr__gallery .cr__asset__overlay { z-index: 0 !important; }
p.crowdriff {
 display: none;
 position: relative;
 width: 100%;
 height: 0px;
 padding: 0;
 margin: 0;
}
p.recognition { font-size: 1.5rem; line-height: 1.5; }
iframe { max-width: 100%; }



/* !Flash Message styles */
div#flashMessage {
 display: block;
 position: fixed;
 z-index: 1000;
 top: 45%;
 left: 50%;
 width: 500px;
 padding: 25px;
 margin: 0 0 0 -250px;
 font-size: 1.325rem;
 line-height: 1.1;
 text-align: center;
 box-shadow: 0 0 5px #000;
}


/* !pagination styles */
div.paginator,
div.pagination {
 display: flex;
 position: relative;
 width: 50%;
 padding: 0;
 margin: 30px 25%;
 text-align: center;
}
div.pagination ul {
 display: flex;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 border: none;
 border-radius: 0;
 box-shadow: none;
 text-align: center;
}
 div.paginator span,
 div.pagination ul li {
  display: block;
  position: relative;
  flex-grow: 1;
  padding: 0;
  margin: 0;
  border: none;
  border-left: 1px solid #d3d4d4;
  font-size: 1.125rem;
  text-align: center;
 }
 div.paginator span:first-of-type,
 div.pagination ul li:first-of-type { border: none; }
 div.paginator span.current,
 div.pagination ul li.current {
  padding: 0;
  border-right: none;
  line-height: 1.5;
  background: rgba(220,220,220,0.2);
 }
 div.paginator span a,
 div.pagination ul li a {
  display: block;
  position: relative;
  padding: 0;
  width: 100%;
  border: none;
  line-height: 1.5;
  text-align: center;
 }
 div.paginator span a:hover,
 div.pagination ul li a:hover {
  text-decoration: none;
  background: none;
  color: #000;
 }



/* !Campaign Banners */
ul.campaign-banner {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
}
 ul.campaign-banner li {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
 }
  ul.campaign-banner li img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
  }



/* !Winnipeg Attraction Pass styles */
div.banner-wide {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 background: #f3f4f4;
}
 div.banner-wide > img {
  display: block;
  width: 100%;
  max-width: 100%;
 }



/* !Experience Winnipeg styles - replacing hereforitwpg */
.experience-landing h2 {
 text-transform: capitalize;
 color: #000;
}

.experience-landing div.feature-set {
 display: flex;
 position: relative;
 flex-wrap: wrap;
 justify-content: center;
 align-items: flex-start;
 column-gap: 2%;
 row-gap: 1.5em;
 width: 100%;
 padding: 0;
 margin: 0 0 1.5em 0;
}
 .experience-landing div.feature-set div.banner {
  display: flex;
  position: relative;
  align-items: center;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
 }
  .experience-landing div.feature-set div.banner a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 3;
  }
  .experience-landing div.feature-set div.banner img {
   display: block;
   height: auto;
  }
  .experience-landing div.feature-set div.banner h3 {
   display: block;
   position: absolute;
   z-index: 2;
   width: 100%;
   padding: 0 2em;
   text-align: center;
   text-shadow: 1px 1px 1px #000;
   color: #fff;
  }
  .experience-landing div.feature-set div.banner div.banner-desc {
   display: flex;
   position: absolute;
   justify-content: center;
   flex-wrap: wrap;
   align-items: baseline;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 1;
   padding: 0.5em;
   opacity: 0;
   font-weight: 400;
   text-align: center;
   background: rgba(0,0,0,0.3);
   color: #fff;
   transition: all 0.2s ease;
  }
  .experience-landing div.feature-set div.banner:hover div.banner-desc {
   opacity: 1;
  }
   .experience-landing div.feature-set div.banner div.banner-desc p {
    align-self: flex-end;
    font-size: 1.25rem;
    line-height: 1.25;
    text-shadow: 1px 1px 1px #000;
   }
.experience-landing div.idea-set {
 display: flex;
 position: relative;
 flex-wrap: wrap;
 justify-content: center;
 align-items: flex-start;
 column-gap: 2%;
 row-gap: 1.5em;
 width: 100%;
 padding: 0;
 margin: 0 0 1.5em 0;
}
 .experience-landing div.idea-set div.banner {
  display: flex;
  position: relative;
  align-items: center;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
  background: #000;
 }
  .experience-landing div.idea-set div.banner a {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 3;
  }
  .experience-landing div.idea-set div.banner img {
   display: block;
   height: auto;
   opacity: 0.7;
   transition: all 0.2s ease;
  }
  .experience-landing div.idea-set div.banner:hover img {
   opacity: 1;
  }
  .experience-landing div.idea-set div.banner h3 {
   display: block;
   position: absolute;
   z-index: 2;
   width: 100%;
   padding: 0 2em;
   text-align: center;
   text-shadow: 1px 1px 1px #000;
   color: #fff;
  }


 article.experience > img {
  display: block;
  width: 800px;
  max-width: 100%;
  margin: 0 auto 1.25rem auto;
 }



/* !blog pagination */
#more-posts {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 30px 0;
}
#more-posts div.pagination {
 display: block;
 position: relative;
 width: 50%;
 height: auto;
 padding: 0;
 margin: 0 25%;
 text-align: center;
}
#more-posts .pagination > a.more-posts { display: none; }
.js #more-posts .pagination ul { display: none; }
.js #more-posts .pagination > a.more-posts {
 display: block;
 position: relative;
 width: 50%;
 padding: 10px 0;
 margin: 0 25%;
 border: none;
 font-size: 1.325rem;
 text-align: center;
 text-transform: uppercase;
}
.js #more-posts .pagination > a.more-posts:hover {
 text-decoration: underline;
 background: none;
 color: inherit;
}



/* !contact module form styles */
div.contact-form {
 width: 100%;
}
form.standard {
 display: block;
 position: relative;
 width: 100%;
 max-width: 600px;
 padding: 1.25rem;
 margin: 0 auto 1.25rem auto;
 background: #f3f4f4;
}
 form.standard div.input.text,
 form.standard div.input.email,
 form.standard div.input.textarea,
 form.standard div.input.select,
 form.standard div.input.file,
 form.standard div.input.checkbox {
  display: block;
  position: relative;
  width: 100%;
  margin: 0 0 1.25rem 0;
 }
 form div.files.single { width: 100%; padding: 5px 10px; background: rgba(200,200,200,0.4); }
  form.standard div.input label {
   margin: 0 0 0.625rem 0;
   font-size: 1.5rem;
   font-weight: 300;
   line-height: 1.25;
  }
  form.standard div.input.text input[type="text"],
  form.standard div.input.email input[type="text"],
  form.standard div.input.select select {
   display: block;
   position: relative;
   width: 100%;
   padding: 5px;
   margin: 0;
   font-size: 1.75rem;
   line-height: 1.1;
  }
  form.standard div.input.select select { height: 3rem; }
  form.standard div.input.textarea textarea {
   display: block;
   position: relative;
   width: 100%;
   height: 250px;
   padding: 5px;
   margin: 0;
   font-size: 1.25rem;
   line-height: 1.25;
  }
  form.standard div.input.textarea select {
   display: block;
   position: relative;
   width: 100%;
   height: 150px;
   padding: 5px;
   margin: 0;
   font-size: 1rem;
   line-height: 1.25;
  }
 form.standard div.input.file { line-height: 2; }
  form.standard div.input.file input[type="file"] {
   display: block;
   position: relative;
   width: 100%;
   height: 40px;
   padding: 5px;
   margin: 0;
   font-size: 1rem;
  }
 form.standard div.input.checkbox {
  display: flex;
  position: relative;
  justify-content: flex-start;
  column-gap: 0.625rem;
  row-gap: 0.625rem;
  align-items: center;
  flex-wrap: wrap;
  margin: 0 0 1.25rem 0;
 }
  form.standard div.input.checkbox input[type="checkbox"] {
   display: block;
   width: 20px;
   height: 20px;
   margin: 0;
   transform: scale(1.1);
  }
  form.standard div.input.checkbox label {
   display: block;
   position: relative;
   flex-grow: 1;
   margin: 0;
   font-size: 0.875rem;
  }
  form.standard div.g-recaptcha {
   display: block;
   margin-bottom: 1.25rem;
  }
  form.standard input[type="submit"] {
   display: block;
   position: relative;
   width: 30%;
   min-width: 150px;
   padding: 10px 0;
   margin: 0;
   border: none;
   border-radius: 0;
   font-size: 1.875rem;
   font-weight: 300;
   text-align: center;
   text-shadow: none;
   line-height: 1.25;
   background: #c01327;
   color: #fff;
  }

/* !Salesforce form styles */




/* !search bar form styles */
.search-bar a.close-search {
 display: block;
 position: absolute;
 z-index: 1;
 top: 10px;
 right: 10px;
 width: 20px;
 height: 20px;
 line-height: 18px;
 color: #fff;
}
.search-bar .search-form {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: nowrap;
 width: 300px;
 padding: 15px 0;
 margin: 0 auto;
}
.search-bar div.input.text  {
 display: block;
 position: relative;
 flex-basis: 70%;
 max-width: 70%;
 padding: 0;
 margin: 0;
}
.search-bar div.input.submit  {
 display: block;
 position: relative;
 width: 30%;
 padding: 0;
 margin: 0;
}
 label.overlabel-apply { line-height: 30px; }
 .search-bar .input-search p { display: none; }
 .search-bar .search-form input[type="text"] {
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  padding: 5px;
  margin: 0;
  border: none;
  font-size: 18px;
  font-weight: 300;
 }
 .search-bar .search-form div.input.submit input[type="submit"] {
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  font-weight: 300;
  text-align: center;
  line-height: 1.25;
  background: #c01327;
  color: #fff;
 }


/* !search result styles */
div.result-set {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 30px 0;
}
div.result-block {
 display: block;
 position: relative;
 width: 100%;
 padding: 15px;
 margin: 0;
 border-bottom: 1px dotted #d3d4d4;
}
div.result-block.first { border-top: 1px dotted #d3d4d4; }
 div.result-block p { margin: 0; }


/* !promotions module styles */
.promo-set.mobile {
 position: absolute;
 padding: 0 15px;
 left: -9999em;
}
.promo-set.mobile button.slick-arrow {
 display: block;
 position: absolute;
 z-index: 1;
 width: 30px;
 padding: 0;
 border: none;
 font-size: 2.25rem;
 font-weight: 700;
 background: none;
 color: #fff;
}
.promo-set.mobile button.slick-prev {
 top: 0;
 left: -30px;
 bottom: 0;
}
.promo-set.mobile button.slick-next {
 top: 0;
 right: -30px;
 bottom: 0;
}
.promo-set .promotions {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: nowrap;
 column-gap: 2%;
 width: 100%;
 padding: 0;
 margin: 0;
}
.promo-set.desktop .promotions div.promotion {
 display: block;
 position: relative;
 flex-grow: 1;
 flex-basis: 23.5%;
 max-width: 49%;
 padding: 0;
 margin: 0;
 background: #fff;
}
.promo-set.mobile .promotions div.promotion { background: #fff; }
 .promo-set.desktop .promotions div.promotion > img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
 }
 .promo-set .promotions div.promotion > div.promotion-desc {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px;
  margin: 0;
 }
  .promo-set .promotions div.promotion > div.promotion-desc h3 { line-height: 1.1; }
  .promo-set .promotions div.promotion > div.promotion-desc p { font-size: 1rem; line-height: 1.25; }
  .promo-set .promotions div.promotion > div.promotion-desc p.link {
   margin: 0;
  }
   .promo-set .promotions div.promotion > div.promotion-desc p.link a {
    font-weight: 700;
    color: #000;
   }


/* !advertising module styles */
div.bottom-promos {
 display: block;
 position: relative;
 width: 100%;
 padding: 30px 0 0 0;
 border-top: 1px solid #d3d4d4;
}
ul.promotion-set {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
}
 ul.promotion-set li {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
 }
div.bottom-promos ul.promotion-set {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0;
}
 div.bottom-promos ul.promotion-set li {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  margin: 0;
 }
  ul.promotion-set li a {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0;
  }
   ul.promotion-set li a img {
    display: block;
    width: 100%;
    height: auto;
   }



/* !banner-set styles */
.banner-set ul.banners,
#banner-set ul.banners {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 1.25rem 0;
 list-style: none;
}
.banner-set ul.banners img,
#banner-set ul.banners img { width: auto; height: auto; }
.banner-set h2,
#banner-set h2 {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 text-transform: none;
 color: #fff;
}
 ul.banners ul.slick-dots {
  display: flex;
  position: absolute;
  justify-content: flex-start;
  flex-wrap: nowrap;
  column-gap: 0.625rem;
  top: 15px;
  right: 15px;
  padding: 0;
  margin: 0;
  list-style: none;
 }
  ul.banners ul.slick-dots li {
   display: block;
   position: relative;
   padding: 0 5px;
   margin: 0;
  }
   ul.banners ul.slick-dots li button {
    display: block;
    position: relative;
    width: 0;
    height: 0;
    padding: 5px;
    margin: 0;
    border: none;
    border-radius: 10px;
    text-indent: -999em;
    background: rgba(255,255,255,0.7);
   }
   ul.banners ul.slick-dots li.slick-active button {
    background: rgba(255,255,255,1);
   }


/* !home page banners */
.banner-area.home ul.banners { margin: 0; }


/* !home page featured stories */
#featured-stories h2 {
 width: 49%;
 margin-bottom: 0.625rem;
 color: #fff;
}
#featured-stories p.actions {
 display: flex;
 position: relative;
 justify-content: flex-end;
 flex-wrap: wrap;
 align-items: center;
 column-gap: 0.625rem;
 row-gap: 0.625rem;
 width: 49%;
 padding: 0;
 margin: 0 0 10px 0;
 text-align: right;
 line-height: 1;
}
 #featured-stories p.actions span {
  display: inline-block;
  position: relative;
  padding: 0 5px 0 0;
  vertical-align: top;
  color: #fff;
 }
 #featured-stories p.actions a {
  display: inline-block;
  position: relative;
  padding: 0;
  margin: 0 0 0 10px;
 }
 #featured-stories p.actions a:first-of-type { margin: 0; }
#featured-stories article {
 display: block;
 position: relative;
 width: 49%;
 padding: 0;
 margin: 0;
}
 #featured-stories article img {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0 0 15px 0;
 }
 #featured-stories article p.date {
  padding: 0 15px;
  margin: 0 0 5px 0;
  font-size: 1.125rem;
  color: #fff;
 }
 #featured-stories article h3 {
  padding: 0 15px;
  font-weight: 600;
  color: #fff;
 }
 #featured-stories article span.article-source {
  padding: 0 15px;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #fff;
 }
 #featured-stories article a.article-link {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
 }

/* !home page Best Of promotions */
#best-of .container {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: nowrap;
 width: 100%;
 max-width: 1200px;
}
#best-of .drawer {
 display: block;
 position: relative;
 width: 10%;
 height: 550px;
 padding: 0;
 margin: 0;
 border-left: 5px solid #fff;
 background: #d3d4d4;
 color: #000;
 overflow: hidden;
 transition: all 0.5s ease;
}
#best-of .drawer:first-of-type { border: none; }
 #best-of .drawer a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  padding: 0;
 }
#best-of .drawer.active { width: 70%; }

 #best-of .drawer.active a { display: block; }
 #best-of .drawer h3 {
  display: block;
  position: absolute;
  z-index: 1;
  top: 190px;
  left: -210px;
  width: 570px;
  height: 160px;
  padding: 0 30px;
  margin: 0;
  text-align: left;
  line-height: 4;
  background: rgba(0,0,0,0.6);
  color: #fff;

  transform: rotate(-90deg);
  transition: all 0.25s ease;
 }
 #best-of .drawer.active h3 {
  top: auto;
  left: 0;
  bottom: 0;
  width: auto;
  min-width: 35%;
  max-width: 60%;
  height: 60px;
  text-align: center;
  line-height: 1.75;
  background: #c01327;
  transform: rotate(0deg);
 }
 #best-of .drawer img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  max-width: none;
  padding: 0;
  margin: 0;
 }
 #best-of .drawer.active img {
  position: relative;
  width: 100%;
 }

/* !home page Navigation Quicklinks */
#quicklinks ul {
 display: flex;
 position: relative;
 flex-wrap: wrap;
 justify-content: flex-start;
 column-gap: 2%;
 row-gap: 1.25em;
 width: 100%;
 padding: 0;
 margin: 1.25rem 0;
 list-style: none;
 font-family: "Barlow Condensed", sans-serif;
}
 #quicklinks ul li {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  height: 300px;
  padding: 0;
  margin: 0;
  background: #000;
 }
 #quicklinks ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  text-decoration: none;
  background: none;
 }
 #quicklinks ul li#ql01 a { background: url("../../../img/v9/quicklink_01.jpg") no-repeat center center; background-size: cover; }
 #quicklinks ul li#ql02 a { background: url("../../../img/v9/quicklink_02.jpg") no-repeat center center; background-size: cover; }
 #quicklinks ul li#ql03 a { background: url("../../../img/v9/quicklink_03.jpg") no-repeat center center; background-size: cover; }
 #quicklinks ul li#ql04 a { background: url("../../../img/v9/quicklink_04.jpg") no-repeat center center; background-size: cover; }
 #quicklinks ul li#ql05 a { background: url("../../../img/v9/quicklink_05.jpg") no-repeat center center; background-size: cover; }
 #quicklinks ul li#ql06 a { background: url("../../../img/v9/quicklink_06.jpg") no-repeat center center; background-size: cover; }
 #quicklinks ul li a span {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 32% 0 0 0;
  margin: 0;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  text-shadow: none;
  background: rgba(0,0,0,0.4);
  color: #fff;
  transition: all 0.2s ease;
 }
 #quicklinks ul li a:hover span { text-shadow: 1px 1px 2px #000; background: rgba(0,0,0,0); }

 #quicklinks ul li#top01 a { background: url("../../../img/v9/top_quicklink_mustsee.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top02 a { background: url("../../../img/v9/top_quicklink_budget.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top03 a { background: url("../../../img/v9/top_quicklink_culinary.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top04 a { background: url("../../../img/v9/top_quicklink_families.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top05 a { background: url("../../../img/v9/top_quicklink_girlsweekend.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top06 a { background: url("../../../img/v9/top_quicklink_heritage.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top07 a { background: url("../../../img/v9/top_quicklink_indigenous.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top08 a { background: url("../../../img/v9/top_quicklink_landmarks.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top09 a { background: url("../../../img/v9/top_quicklink_rainydays.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top10 a { background: url("../../../img/v9/top_quicklink_romance.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top11 a { background: url("../../../img/v9/top_quicklink_sportsenthusiast.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top12 a { background: url("../../../img/v9/top_quicklink_summer.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top13 a { background: url("../../../img/v9/top_quicklink_teens.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top14 a { background: url("../../../img/v9/top_quicklink_toddlers.jpg") no-repeat left top; background-size: cover; }
 #quicklinks ul li#top15 a { background: url("../../../img/v9/top_quicklink_winter.jpg") no-repeat left top; background-size: cover; }

 #quicklinks.topten ul li a span {  }
 #quicklinks.topten ul li#top07 a span {  }

/* !home page Whats On styles */

#whats-on h2 {
 display: block;
 position: relative;
 flex-basis: 49%;
 max-width: 49%;
 color: #000;
}
 #whats-on h2 strong { color: #c01327; }
#whats-on p.actions {
 display: block;
 position: relative;
 flex-basis: 49%;
 max-width: 49%;
 padding: 0;
 margin: 0;
 text-align: right;
 line-height: 40px;
}
 #whats-on p.actions a { text-transform: uppercase; }
 #whats-on div.event-set {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 1.25rem;
  width: 100%;
  padding: 0;
  margin: 0;
 }
 #whats-on div.event-set div.event {
  display: block;
  position: relative;
  flex-grow: 1;
  width: 32%;
  padding: 0;
  margin: 0;
 }
  #whats-on div.event-set div.event div.event-thumb {
   display: block;
   width: 100%;
   height: 280px;
   margin: 0 0 5px 0;
   background-color: #f3f4f4;
   background-position: center top;
   background-repeat: no-repeat;
   background-size: cover;
  }
  #whats-on .container div.event p.date {
   font-weight: 700;
   margin: 0 0 5px 0;
  }
  #whats-on .container div.event h3 {
   font-size: 1rem;
   font-weight: 700;
   line-height: 1.25;
  }

/* !home page Instagram Gallery styles */
#instagram-gallery h2 {
 margin: 0 0 1.25rem 0;
 color: #000;
}



/* !Simpleview Profile filters */
div.filter-block {
 display: block;
 position: relative;
 align-self: center;
 width: 49%;
 padding: 0;
 margin: 0;
}
h3.sv-filter-toggle {
 display: block;
 position: relative;
 width: 60%;
 padding: 0.625rem;
 margin: 0 0 0 40%;
 font-weight: 600;
 background: #c01327;
 color: #fff;
 cursor: pointer;
}
h3.sv-filter-toggle:after {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 right: 10px;
 margin: -2.5px 0 0 0;
 border-top: 5px solid #fff;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: none;
 transition: all 0.2s ease;
}
h3.sv-filter-toggle.open:after {
 border-top: none;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: 5px solid #fff;
}
form.nearme-filter {
 display: block;
 position: relative;
 padding: 0;
 margin: 0;
}
 form.nearme-filter button[type="submit"] {
  display: block;
  position: relative;
  padding: 0 10px;
  margin: 0;
  border: none;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2;
  background: none;
  color: #c01327;
  cursor: pointer;
 }
form.profile-filter {
 display: block;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 0;
 width: 100%;
 padding: 20px 0 0 0;
 border: 1px solid #c01327;
 margin: 0;
 opacity: 0;
 background: #fff;
 transition: all 0.2s ease;
}
body.neighbourhoods form.profile-filter { display: none; }
form.profile-filter.show { z-index: 10; opacity: 1; }
 form.profile-filter div.alpha-filter { display: none; }
 form.profile-filter > div {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 0.625rem;
  width: 100%;
 }
 form.profile-filter .input.select,
 form.profile-filter .input.text {
  display: block;
  position: relative;
  width: 100%;
  padding: 5px 0;
  margin: 0;
 }
  form.profile-filter .input.select label,
  form.profile-filter .input.text label,
  form.profile-filter .category-filter > label {
   display: block;
   position: relative;
   width: 100%;
   padding: 5px 10px;
   font-size: 1rem;
   background: #fff;
   color: #c01327;
  }
  form.profile-filter .input.select select,
  form.profile-filter .input.text input[type="text"] {
   display: block;
   position: relative;
   width: 90%;
   height: 40px;
   padding: 0;
   margin: 0 5%;
   border: 1px solid #c01327;
   border-radius: 0;
   font-size: 1rem;
   background: #fff;
   color: #c01327;
  }
  form.profile-filter div.category-filter .input.select {
   display: flex;
   position: relative;
   justify-content: flex-start;
   flex-wrap: wrap;
   column-gap: 2%;
   row-gap: 0.25rem;
   width: 100%;
   padding: 0 15px;
   margin: 0 0 10px 0;
  }
   form.profile-filter div.category-filter .input.select div.checkbox {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.625rem;
    flex-basis: 49%;
    max-width: 49%;
    padding: 0;
    margin: 0;
    color: #c01327;
   }
    form.profile-filter div.category-filter .input.select div.checkbox label {
     display: block;
     position: relative;
     flex-basis: 50%;
     flex-grow: 1;
     padding: 0;
     margin: 0;
     font-size: 0.75rem;
     font-weight: 400;
     line-height: 1.1;
    }
    form.profile-filter div.category-filter .input.select div.checkbox input[type="checkbox"] {
     display: block;
     position: relative;
     width: 20px;
     height: 20px;
     padding: 0;
     transform: scale(1.1);
    }
  form.profile-filter div.filter-set {
   display: flex;
   position: relative;
   justify-content: flex-start;
   flex-wrap: wrap;
   align-items: center;
   column-gap: 2%;
   row-gap: 0.625rem;
   width: 100%;
   padding: 10px;
   margin: 0;
  }
   form.profile-filter div.filter-set > label {
    color: #c01327;
   }
   form.profile-filter div.filter-set div.input.checkbox,
   form.profile-filter div.filter-set div.input.radio {
    display: flex;
    position: relative;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.625rem;
    width: 49%;
    padding: 5px 0;
    margin: 0;
   }
    form.profile-filter div.filter-set div.input.checkbox label,
    form.profile-filter div.filter-set div.input.radio label {
     display: block;
     position: relative;
     flex-basis: 70%;
     flex-grow: 1;
     font-weight: 100;
     color: #c01327;
    }
    form.profile-filter div.filter-set div.input.checkbox input[type="checkbox"],
    form.profile-filter div.filter-set div.input.radio input[type="radio"] {
     display: block;
     position: relative;
     width: 20px;
     height: 20px;
     padding: 0;
     transform: scale(1.1);
    }
  form.profile-filter button[type="submit"] {
   display: block;
   position: relative;
   width: 30%;
   padding: 10px 0;
   margin: 10px 35%;
   border: none;
   font-size: 1.125rem;
   text-transform: uppercase;
   text-align: center;
   cursor: pointer;
   background: #c01327;
   color: #fff;
  }
  form.profile-filter a.close {
   display: block;
   position: absolute;
   top: 5px;
   right: 5px;
   width: 30px;
   height: 30px;
   padding: 8px 5px 5px 5px;
   margin: 0;
   border-radius: 30px;
   text-align: center;
   opacity: 1;
   background: #c01327;
   color: #fff;
  }


/* !Simpleview Profile Lists */
div.profile-list,
ul.profile-list {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0 0 1.25rem 0;
 list-style: none;
}
 div.profile-list div.microprofile-company,
 ul.profile-list li {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-start;
  width: 32%;
  padding: 0;
  margin: 0;
  background: #f3f4f4;
 }
 #content.default ul.profile-list li {
  width: 100%;
  margin: 0 0 20px 0;
 }
  ul.profile-list li div.profile-thumb {
   width: 100%;
   height: 245px;
   margin: 0 0 10px 0;
   background-color: #c01327;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
  }
  #content.default ul.profile-list li div.profile-thumb { height: 400px; }
  ul.profile-list li div.profile-contact-info,
  #content.default ul.profile-list li div.profile-contact-info {
   display: block;
   position: relative;
   padding: 0 0 3rem 0;
  }
  ul.profile-list li div.partner { display: none; padding: 0 10px; }
  ul.profile-list li a.title {
   display: block;
   position: relative;
   width: 100%;
   padding: 0 10px;
   margin: 0 0 5px 0;
   font-size: 1.125rem;
   font-weight: 700;
  }
  ul.profile-list li p {
   padding: 0 10px;
   margin: 0 0 10px 0;
   line-height: 1.25;
  }
  ul.profile-list li div.actions {
   display: flex;
   position: absolute;
   justify-content: space-between;
   align-items: center;
   flex-wrap: nowrap;
   align-self: flex-end;
   bottom: 0;
   width: 100%;
   padding: 10px;
  }
  ul.profile-list li div.actions a {
   display: block;
   position: relative;
   margin: 0;
   font-size: 1rem;
   line-height: 1.25;
  }
  ul.profile-list li div.actions a.itinerary {
   width: 34px;
   height: 34px;
   padding: 5px;
   color: rgba(165,165,165,1);
  }
  ul.profile-list li div.actions a.itinerary:hover,
  ul.profile-list li div.actions a.itinerary.favourite { color: #c01327; }
  ul.profile-list li div.actions a.itinerary:hover:after {
   content: "Add to Itinerary";
   display: block;
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1;
   width: 130px;
   padding: 5px;
   text-align: center;
   background: #c01327;
   color: #fff;
  }
  ul.profile-list li div.actions a.itinerary.favourite:hover:after {
   content: "Added to Itinerary";
  }
div.recommendations ul.profile-list li,
div.closeby ul.profile-list li,
#content.default.profile-displays div.closeby ul.profile-list li {
 display: block;
 position: relative;
 flex-basis: 32%;
 max-width: 32%;
 min-height: 250px;
 margin: 0;
 background: none;
}
 div.closeby ul.profile-list li a.title { padding: 0; }
 #content.default.profile-displays div.closeby ul.profile-list li div.profile-thumb { height: 245px; }
 #content.default.profile-displays div.closeby ul.profile-list li div.profile-contact-info { padding: 0; }
 div.closeby ul.profile-list li div.profile-thumb a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-decoration: none;
 }


/* !Simpleview Coupon styles */
.coupon-set {
 display: flex;
 position: relative;
 justify-content: flex-start;
 align-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 width: 100%;
 padding: 0;
 margin: 0;
}
.coupon-set > h2 {
 display: block;
 width: 100%;

}
div.coupon {
 display: block;
 position: relative;
 flex-basis: 32%;
 max-width: 32%;
 padding: 0;
 margin: 0 0 1.5em 0;
 border: none;
}
 div.coupon .coupon-img {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
 }
  div.coupon .coupon-img img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
  }
 div.coupon h3 {
  display: block;
  position: relative;
  width: 100%;
  min-height: 120px;
  padding: 10px 15px 25px 15px;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.25;
  cursor: pointer;
  background: #c01327;
  color: #fff;
 }
 div.coupon h3:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 50%;
  padding: 0;
  margin: 0 0 0 -10px;
  border: none;
  border-top: 7px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  transition: all 0.2s ease;
 }
 div.coupon h3.active:after {
  border: none;
  border-bottom: 7px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
 }
 div.coupon .coupon-info {
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding: 0 15px;
  border: 1px solid #c01327;
  overflow: hidden;
  transition: all 0.2s ease;
 }
 div.coupon .coupon-info.show {
  height: auto;
  padding: 15px;
  overflow: visible;
 }
  div.coupon .coupon-info p.coupon-links {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 10px 0;
  }
   div.coupon .coupon-info p.coupon-links a {
    display: block;
    position: relative;
    width: 50%;
    padding: 0;
    margin: 0 25%;
    font-weight: 700;
    text-align: center;
    color: #c01327;
   }



/* !nearby-profiles styles */
div.nearby-profiles {
 display: block;
 position: relative;
 width: 100%;
 padding: 30px 0;
 margin: 60px 0 0 0;
 background: #c01327;
}
 div.nearby-profiles ul.tabs {
  display: flex;
  position: relative;
  justify-content: flex-start;
  column-gap: 2px;
  flex-wrap: nowrap;
  padding: 0;
  margin: -77px 0 2rem 0;
  list-style: none;
 }
  div.nearby-profiles ul.tabs li {
   display: block;
   position: relative;
   padding: 0;
   margin: 0;
  }
   div.nearby-profiles ul.tabs li a {
    display: block;
    position: relative;
    padding: 15px;
    color: #000;
   }
   div.nearby-profiles ul.tabs li:hover a { background: #f3f4f4; color: #c01327; }
   div.nearby-profiles ul.tabs li.active a { background: #c01327; color: #fff; }
 div.nearby-profiles div.tab {
  position: relative;
  padding: 0;
  margin: 0;
 }
 .js div.tab { display: none; }
 div.tab.open { display: block; }
  div.nearby-profiles div.tab div.closeby > h2 { display: none; }
   div.nearby-profiles div.tab div.closeby ul.profile-list li {  }
    div.nearby-profiles div.tab div.closeby ul.profile-list li a { color: #fff; }


/* !Tourism Winnipeg profile and event styles */
#content.profile-displays div.profile-image-block,
#content.event-displays div.event-image-block,
#content.livemusic div.event-image-block,
#content.neighbourhoods div.neighbourhood-image-block,
#content.itineraries div.neighbourhood-image-block,
#content div.event-image-block {
 display: block;
 position: relative;
 width: 100%;
 min-height: 710px;
 padding: 0;
 margin: 0;
 overflow: hidden;
}
#content.profile-displays div.profile-image-block,
#content.event-displays div.event-image-block,
#content.livemusic div.event-image-block,
#content.neighbourhoods div.neighbourhood-image-block,
#content.itineraries div.neighbourhood-image-block,
#content div.event-image-block {
 min-height: 50px;
 background: #c01327 url("../../../img/v9/white_border.png") repeat-x center top;
}
 #content.profile-displays div.profile-image-block > div.container.in-module,
 #content.event-displays div.event-image-block > div.container.in-module,
 #content.livemusic div.event-image-block > div.container.in-module,
 #content.neighbourhoods div.neighbourhood-image-block > div.container.in-module,
 #content.itineraries div.neighbourhood-image-block > div.container.in-module {
  width: 1000px;
  padding: 0 100px;
 }

 div.profile-image-block #page-image,
 div.event-image-block #page-image {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 10px 0;
 }
  div.profile-image-block a,
  div.event-image-block a {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0 0 10px 0;
  }
  div.profile-image-block #page-image span.caption,
  div.event-image-block #page-image span.caption {
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   padding: 10px;
   background: rgba(0,0,0,0.6);
   color: #fff;
  }
  div.profile-image-block #page-image img,
  div.event-image-block #page-image img,
  div.neighbourhood-image-block img {
   display: block;
   max-width: 100%;
   max-height: 600px;
   margin: 0 auto 1.25rem auto;
   overflow: hidden;
  }
  .livemusic h2.page-title {
   width: 49%;
   margin: 0 0 15px 0;
  }
  div.profile-image-block h2,
  div.event-image-block h2,
  div.neighbourhood-image-block h2 {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0 0 30px 0;
   font-size: 2.625rem;
   line-height: 1;
   text-transform: none;
   color: #fff;
  }
  div.profile-image-block #page-image > ul.slick-slider,
  div.event-image-block #page-image > ul.slick-slider {
   padding: 0;
   margin: 0;
   list-style: none;
  }
   div.profile-image-block ul.slick-slider li,
   div.event-image-block ul.slick-slider li {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
   }
    div.profile-image-block ul.slick-slider li img,
    div.event-image-block ul.slick-slider li img {
     display: block;
     position: relative;
     height: auto;
     margin: 0 auto;
    }
  div.profile-image-block ul ul.slick-dots,
  div.event-image-block ul ul.slick-dots {
   display: flex;
   position: absolute;
   flex-wrap: nowrap;
   justify-content: flex-start;
   column-gap: 0.625rem;
   top: 10px;
   right: 10px;
   padding: 0;
   margin: 0;
   list-style: none;
  }
   div.profile-image-block ul ul.slick-dots li,
   div.event-image-block ul ul.slick-dots li {
    display: block;
    position: relative;
    width: auto;
    padding: 0 5px;
    margin: 0;
   }
    div.profile-image-block ul ul.slick-dots li button,
    div.event-image-block ul ul.slick-dots li button {
     display: block;
     position: relative;
     width: 0;
     height: 0;
     padding: 5px;
     margin: 0;
     border: none;
     border-radius: 10px;
     text-indent: -999em;
     background: rgba(255,255,255,0.7);
    }
    div.profile-image-block ul ul.slick-dots li.slick-active button,
    div.event-image-block ul ul.slick-dots li.slick-active button {
     background: rgba(255,255,255,1);
    }
div.profile-description-block,
div.event-description-block,
div.neighbourhood-description-block {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 30px 0;
}
 div.profile-description-block h2,
 div.event-description-block h2 { margin: 0 0 30px 0; color: #fff; }
 div.profile-description-block div.contact-details,
 div.event-description-block div.contact-details {
  display: block;
  position: relative;
  flex-basis: 30%;
  max-width: 30%;
  order: 1;
  padding: 0 0 0 15px;
  margin: 0;
 }
  div.profile-description-block div.contact-details ul.social-media,
  div.event-description-block div.contact-details ul.social-media {
   display: flex;
   position: relative;
   justify-content: flex-start;
   flex-wrap: wrap;
   column-gap: 0.625rem;
   row-gap: 1rem;
   padding: 0;
   margin: 0 0 1.25rem 0;
   list-style: none;
  }
   div.profile-description-block div.contact-details ul.social-media li,
   div.event-description-block div.contact-details ul.social-media li {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
   }
  div.profile-description-block div.contact-details div.tripadvisor-block {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0 0 15px 0;
   border: 1px solid #e3e4e4;
  }
   div.tripadvisor-block img.tripadvisor-logo {
    display: block;
    position: relative;
    width: 100%;
    padding: 5px 0;
    margin: 0;
   }
   div.tripadvisor-block h3 { font-weight: 400; }
    div.tripadvisor-block h3 span { color: #000; }
   div.tripadvisor-block p { font-size: 0.875rem; padding: 0 25px; margin: 0 0 15px 0; }
   div.tripadvisor-block p img {
    display: block;
    position: relative;
    max-width: 55%;
    padding: 5px 5px 0 0;
    margin: 0;
   }
   div.tripadvisor-block p a.ta_link {
    display: inline;
    font-weight: 100 !important;
    text-decoration: underline;
    color: #666;
   }
   div.tripadvisor-block p a.button {
    width: 100%;
    background: rgba(44,164,114,1);
    transform: none;
   }
   div.tripadvisor-block ul { padding: 0 0 0 25px; margin: 0 0 15px 0; list-style: none; }
   div.tripadvisor-block span.rating { font-size: 1.25rem; color: rgba(44,164,114,1); }
 div.profile-description-block div.body,
 div.event-description-block div.body {
  display: block;
  position: relative;
  flex-basis: 50%;
  max-width: 70%;
  flex-grow: 1;
  padding: 0 2% 0 0 ;
  margin: 0;
  border-right: 1px solid #d3d4d4;
 }
  div.profile-description-block div.body div.image-map { display: none; }
  div.profile-description-block div.body div.actions,
  div.event-description-block div.body div.actions,
  div.neighbourhood-description-block div.body div.actions {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 30px 0 0 0;
  }
   div.profile-description-block div.body div.actions p.back,
   div.event-description-block div.body div.actions p.back,
   div.neighbourhood-description-block div.body div.actions p.back {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    margin: 0;
   }
    div.profile-description-block div.body div.actions p.back a,
    div.event-description-block div.body div.actions p.back a,
    div.neighbourhood-description-block div.body div.actions p.back a {
     display: block;
     position: relative;
     padding: 0;
     margin: 0;
     font-size: 1rem;
     line-height: 1.5;
     font-weight: 400 !important;
    }
    div.profile-description-block div.body div.actions p.back a.itinerary,
    div.event-description-block div.body div.actions p.back a.itinerary {
     display: block;
     position: relative;
     width: 34px;
     height: 34px;
     padding: 5px;
     margin: 0;
     color: rgba(115,115,115,1);
    }
    div.profile-description-block div.body div.actions p.back a.itinerary:hover:after,
    div.event-description-block div.body div.actions p.back a.itinerary:hover:after {
     content: "Add to Itinerary";
     display: block;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1;
     width: 130px;
     padding: 5px;
     text-align: center;
     background: #c01327;
     color: #fff;
    }
    div.profile-description-block div.body div.actions p.back a.itinerary.favourite,
    div.event-description-block div.body div.actions p.back a.itinerary.favourite {
     color: #c01327;
    }
    div.profile-description-block div.body div.actions p.back a.itinerary.favourite:hover:after,
    div.event-description-block div.body div.actions p.back a.itinerary.favourite:hover:after {
     content: "Added to Itinerary";
    }
    div.profile-description-block div.body div.actions p.back a:hover,
    div.event-description-block div.body div.actions p.back a:hover,
    div.neighbourhood-description-block div.body div.actions p.back a:hover { color: #c01327; }
#content.profile-displays .container div.closeby,
#content.event-displays .container div.likethis {
 display: block;
 position: relative;
 width: 100%;
 padding: 15px 0;
 margin: 0;
 border-top: 1px solid #d3d4d4;
}
 #content.profile-displays .container div.closeby h2,
 #content.event-displays .container div.likethis h2 {
  display: block;
  position: relative;
  font-weight: 100;
  color: #000;
 }
  #content.profile-displays .container div.closeby h2 strong,
  #content.event-displays .container div.likethis h2 strong {
   font-weight: 700;
   color: #c01327;
  }


/* !Event filters */
.event-displays div.filter-block,
.livemusic div.filter-block { margin: 0 0 15px 0; }
h2.events-heading {
 display: block;
 position: relative;
 width: 49%;
 padding: 0;
 margin: 0 0 15px 0;
 color: #000;
}
 h2.events-heading strong {
  font-weight: 700;
  color: #c01327;
 }
h3.event-filter-toggle {
 display: block;
 position: relative;
 width: 60%;
 padding: 0.625rem;
 margin: 0 0 0 40%;
 font-weight: 600;
 background: #c01327;
 color: #fff;
 cursor: pointer;
}
h3.event-filter-toggle:after {
 content: "";
 display: block;
 position: absolute;
 top: 50%;
 right: 10px;
 margin: -2.5px 0 0 0;
 border-top: 5px solid #fff;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: none;
 transition: all 0.2s ease;
}
h3.event-filter-toggle.open:after {
 border-top: none;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-bottom: 5px solid #fff;
}
form.event-filter {
 display: block;
 position: absolute;
 top: 100%;
 right: 0;
 z-index: 0;
 width: 100%;
 padding: 10px;
 margin: 0;
 border: 1px solid #c01327;
 opacity: 0;
 background: #fff;
 transition: all 0.2s ease;
}
form.event-filter.show { z-index: 1; opacity: 1; }
 form.event-filter div.alpha-filter { display: none; }
 form.event-filter div.category-filter {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  color: #c01327;
 }
  form.event-filter div.category-filter > label { margin: 0 0 10px 0; font-size: 0.875rem; }
  form.event-filter div.category-filter > a { color: #c01327; }
  form.event-filter div.category-filter .input.select {
   display: flex;
   position: relative;
   justify-content: flex-start;
   flex-wrap: wrap;
   align-items: center;
   column-gap: 2%;
   row-gap: 0.5rem;
   width: 100%;
   padding: 0;
   margin: 0 0 0.625rem 0;
  }
   form.event-filter div.category-filter .input.select select {
    margin: 0;
   }
   form.event-filter div.category-filter .input.select div.checkbox {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.625rem;
    flex-basis: 49%;
    max-width: 49%;
    padding: 0;
    margin: 0;
    color: #c01327;
   }
    form.event-filter div.category-filter .input.select div.checkbox label {
     display: block;
     position: relative;
     flex-basis: 50%;
     flex-grow: 1;
     font-weight: 400;
    }
    form.event-filter div.category-filter .input.select div.checkbox input[type="checkbox"] {
     display: block;
     position: relative;
     width: 20px;
     height: 20px;
     transform: scale(1.1);
    }
 form.event-filter div.date-filter {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 2%;
  width: 100%;
  padding: 10px 0;
  margin: 0 0 1rem 0;
  background: #fff;
  color: #c01327;
 }
  form.event-filter div.date-filter .date-from,
  form.event-filter div.date-filter .date-to {
   display: flex;
   position: relative;
   justify-content: flex-start;
   flex-wrap: wrap;
   column-gap: 2%;
   row-gap: 0.5rem;
   flex-basis: 49%;
   max-width: 49%;
   padding: 0;
   margin: 0;
  }
   form.event-filter div.date-filter .date-from > label,
   form.event-filter div.date-filter .date-to > label {
    display: block;
    width: 100%;
   }
  form.event-filter div.date-filter select {
   display: block;
   position: relative;
   min-width: 0;
   flex-basis: 32%;
   max-width: 32%;
   margin: 0;
  }
  form.event-filter div.date-filter select#FSMonth,
  form.event-filter div.date-filter select#FEMonth,
  form.event-filter div.date-filter select#MusicEventFromMonth,
  form.event-filter div.date-filter select#MusicEventToMonth { margin: 0; }
 form.event-filter button[type="submit"] {
  display: block;
  position: relative;
  width: 30%;
  padding: 10px 0;
  margin: 0 auto;
  border: none;
  border-radius: 0;
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  background: #c01327;
  color: #fff;
 }
 form.event-filter a.close {
  display: block;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 30px;
  height: 30px;
  padding: 8px 5px 5px 5px;
  margin: 0;
  border-radius: 30px;
  text-align: center;
  opacity: 1;
  background: #c01327;
  color: #fff;
 }


/* !Event styles */
ul.event-list {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
}
 ul.event-list li {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
  background: #f3f4f4;
 }
  ul.event-list li p {
   margin: 0 0 10px 0;
   font-size: 1rem;
  }
  ul.event-list li div.event-thumb {
   width: 100%;
   height: 240px;
   margin: 0 0 15px 0;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   background-color: #ccc;
  }
  ul.event-list li div.event-brief-info {
   display: block;
   position: relative;
   width: 100%;
   padding: 0 10px 80px 10px;
  }
   ul.event-list li div.event-brief-info a.title {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 1.125rem;
    font-weight: 700;
   }
  ul.event-list li div.actions {
   display: flex;
   position: absolute;
   justify-content: space-between;
   align-items: center;
   left: 0;
   bottom: 0;
   right: 0;
   width: 100%;
   padding: 10px;
  }
  ul.event-list li div.actions a {
   display: block;
   position: relative;
   padding: 0;
   margin: 0;
   font-weight: 400 !important;
  }
  ul.event-list li div.actions a.itinerary {
   width: 34px;
   height: 34px;
   padding: 5px;
   color: rgba(165,165,165,1);
  }
  ul.event-list li div.actions a.itinerary:hover,
  ul.event-list li div.actions a.itinerary.favourite { color: #c01327; }
  ul.event-list li div.actions a.itinerary:hover:after {
   content: "Add to Itinerary";
   display: block;
   position: absolute;
   top: 100%;
   left: 0;
   z-index: 1;
   width: 130px;
   padding: 5px;
   text-align: center;
   background: #c01327;
   color: #fff;
  }
  ul.event-list li div.actions a.itinerary.favourite:hover:after {
   content: "Added to Itinerary";
  }
div.likethis ul.event-list li {
 min-height: 250px;
 background: none;
}
 div.likethis ul.event-list li p { margin: 0; }
 div.likethis ul.event-list li a.title { padding: 0; font-weight: 700; }
 div.likethis ul.event-list li div.event-thumb a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-decoration: none;
 }


/* !what's happening this week styles */
#post-article table { vertical-align: top; }
#post-article table td.eventimg {
  width: 200px;
  padding: 15px;
}
#post-article table td.eventimg img { max-width: 200px; }
#post-article table td.event-copy { padding: 15px; }
#post-article table td.event-copy h2 span { display: block; font-size: 0.75rem; }


/* !featured events list styles */
ul.mustsee-list {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
}
 ul.mustsee-list li {
  display: block;
  position: relative;
  width: 32%;
  padding: 0;
  margin: 0 0 15px 2%;
 }
 ul.mustsee-list li:nth-of-type(3n+1) { clear: both; margin: 0 0 15px 0; }
  ul.mustsee-list li a {}
   ul.mustsee-list li a div.featured-image {
    display: block;
    position: relative;
    width: 100%;
    min-height: 240px;
    padding: 0;
    margin: 0 0 10px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
   }
   ul.mustsee-list li a img {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
   }
   ul.mustsee-list li a h3 {
    color: #fff;
   }

/* !live music events styles */
ul.event-list.via-mb-music {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
}
 ul.event-list.via-mb-music li {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: flex-start;

  flex-basis: 18.4%;
  max-width: 18.4%;
  padding: 0;
  margin: 0;
  background: #f3f4f4;
 }
  ul.event-list.via-mb-music li div.event-thumb {
   max-height: 150px;
   margin: 0;
   background-color: #fff;
  }
  ul.event-list.via-mb-music li div.event-brief-info {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-content: stretch;
   row-gap: 0.625rem;
   padding: 0.625rem 0.625rem 3rem 0.625rem;
  }
   ul.event-list.via-mb-music li div.event-brief-info p.dates {
    display: block;
    position: relative;
    flex-grow: 1;
   }
   ul.event-list.via-mb-music li div.actions {
    display: flex;
    position: absolute;
    justify-content: space-between;
    align-items: center;
    bottom: 0;
    width: 100%;
    padding: 0.625rem;
   }


/* !event submission form styles */
form#public_event_submitter {
 display: block;
 position: relative;
 width: 100%;
 padding: 30px;
 margin: 0;
 background: rgba(220,220,220,0.2);
}
 form#public_event_submitter p {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
  font-size: 1rem;
  line-height: 1.1;
 }
 form#public_event_submitter .input.text,
 form#public_event_submitter .input.textarea,
 form#public_event_submitter .input.select,
 form#public_event_submitter .input.file {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 0.625rem;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
 }
  form#public_event_submitter .input.text label,
  form#public_event_submitter .input.textarea label,
  form#public_event_submitter .input.select label,
  form#public_event_submitter .input.file label,
  form#public_event_submitter #event-dates label {
   margin: 0 0 5px 0;
   font-size: 1rem;
   font-weight: 100;
  }
  form#public_event_submitter .input.text input[type="text"],
  form#public_event_submitter .input.select select {
   display: block;
   position: relative;
   flex-basis: 100%;
   max-width: 100%;
   height: 34px;
   padding: 5px;
   margin: 0;
   border: 1px solid #ccc;
   font-size: 1.125rem;
  }
  form#public_event_submitter .input.select div.checkbox {
   display: flex;
   position: relative;
   justify-content: flex-start;
   flex-wrap: nowrap;
   align-items: center;
   column-gap: 1rem;
   flex-basis: 32%;
   max-width: 32%;
   padding: 10px;
   margin: 0;
  }
   form#public_event_submitter .input.select div.checkbox input[type="checkbox"] {
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    margin: 0;
    transform: scale(1.5);
   }
   form#public_event_submitter .input.select div.checkbox label {
    display: block;
    position: relative;
    margin: 0;
   }
  form#public_event_submitter .input.textarea textarea {
   display: block;
   position: relative;
   width: 100%;
   height: 150px;
   padding: 5px;
   margin: 0;
   border: none;
   font-size: 1.125rem;
   line-height: 1.25;
  }
  form#public_event_submitter .input.file input[type="file"] {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   padding: 15px;
   background: rgba(220,220,220,0.5);
  }
 form#public_event_submitter table.date-checkboxes input[type="checkbox"] { transform: scale(1.3); }
 form#public_event_submitter table.date-checkboxes th { font-size: 1.125rem; font-weight: 100; text-align: center; cursor: pointer; }
 form#public_event_submitter table.date-checkboxes th:hover { background: rgba(220,220,220,0.4); }
 form#public_event_submitter table.date-checkboxes td { text-align: center; }
  form#public_event_submitter #event-dates table.date-checkboxes td label { font-size: 1rem; font-weight: 700; }
 form#public_event_submitter button[type="submit"] {
  display: block;
  position: relative;
  width: 50%;
  padding: 10px 0;
  margin: 0 25%;
  border: none;
  border-radius: 0;
  font-size: 1.125rem;
  text-transform: uppercase;
  cursor: pointer;
  background: #c01327;
  color: #fff;
 }


/* !content sections drawer styles */
div.sections {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 15px 0;
}
div.sections h2 {
 display: block;
 position: relative;
 width: 100%;
 padding: 0.625rem 1rem 0.75rem 1rem;;
 margin: 0;
 font-weight: 600;
 background: #c01327;
 background: #004565;
 color: #fff;
 cursor: pointer;
}
div.sections h2:nth-of-type(2n) {
 background: #d7dee7;
 color: #000;
}
/*
div.sections h2:before,
div.sections h2.section-heading:before {
 content: "";
 display: block;
 position: absolute;
 top: 90px;
 right: 0;
 border: none;
 border-bottom: 90px solid #fff;
 border-left: 20px solid transparent;
 border-right: 0px solid transparent;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
div.sections h2.active:before,
div.sections h2.section-heading.active:before { top: 0; }
*/
div.sections h2:after,
div.sections h2.section-heading:after {
 content: "+";
 display: block;
 position: absolute;
 top: 50%;
 right: 15px;
 width: 20px;
 height: 20px;
 padding: 5px;
 margin: -18px 0 0 0;
 border: 2px solid #fff;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 font-size: 1.875rem;
 line-height: 0.5;
 text-align: center;
 cursor: pointer;
 -webkit-transition: all 0.5s ease;
 -moz-transition: all 0.5s ease;
 transition: all 0.5s ease;
}
div.sections h2:nth-of-type(2n):after,
div.sections h2.section-heading:nth-of-type(2n):after {
 border: 2px solid #000;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
 border-radius: 20px;
}
div.sections h2.active:after,
div.sections h2.section-heading.active:after {
 -webkit-transform: rotate(-405deg);
 -moz-transform: rotate(-405deg);
 transform: rotate(-405deg);
}
div.sections div.content-body {
 display: none;
 position: relative;
 width: 100%;
 padding: 15px;
 margin: 0;
}
 div.sections div.content-body .container {
  width: 100%;
  padding: 0 !important;
 }
 div.sections div.content-body .cke {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 4%;
  row-gap: 1.25rem;
  width: 100%;
  padding: 0;
  margin: 0;
 }
 div.sections div.content-body .cke div.c2 {
  display: block;
  position: relative;
  flex-basis: 49%;
  max-width: 90%;
  flex-grow: 1;
 }
 div.sections div.content-body .cke div.c2.first {
  flex-basis: 15%;
  max-width: 15%;
 }
 div.sections div.content-body .cke div.c2.first svg,
 div.sections div.content-body .cke div.c2.first img { width: 100%; height: auto; }


/* !transportation and besteat module styles */
div.transportation-section,
div.localmedia-section,
div.besteat-section,
div.microprofile-section {
 display: none;
 position: relative;
 width: 100%;
 padding: 20px 0 0 0;
 margin: 0;
}

div.besteat-section div.profile-set,
div.transportation-section div.profile-set,
div.localmedia-section div.profile-set {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 padding: 0 0 20px 0;
 margin: 0;
}
 div.transportation-section div.transportation-company,
 div.localmedia-section div.localmedia-company,
 div.besteat-section div.besteat-company,
 div.microprofile-section div.microprofile-company {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
 }
  div.transportation-company img,
  div.localmedia-company img,
  div.besteat-company img,
  div.microprofile-company img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   padding: 0;
   margin: 0;
  }
  div.transportation-company div.contact-info,
  div.localmedia-company div.contact-info,
  div.besteat-company div.contact-info,
  div.microprofile-company div.contact-info {
   display: block;
   position: relative;
   width: 100%;
   min-height: 220px;
   padding: 10px;
   margin: 0;
   background: #f3f4f4;
  }
  div.localmedia-company div.contact-info { min-height: 100px; }
   div.transportation-company div.contact-info h3,
   div.localmedia-company div.contact-info h3,
   div.besteat-company div.contact-info h3,
   div.microprofile-company div.contact-info h3 {
    line-height: 26px;
   }
   div.transportation-company div.contact-info ul,
   div.localmedia-company div.contact-info ul,
   div.besteat-company div.contact-info ul,
   div.microprofile-company div.contact-info ul {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
   }
    div.transportation-company div.contact-info ul li,
    div.localmedia-company div.contact-info ul li,
    div.besteat-company div.contact-info ul li,
    div.microprofile-company div.contact-info ul li {
     padding: 0.25rem 0;
    }
   div.transportation-company div.contact-info div.links,
   div.localmedia-company div.contact-info div.links,
   div.besteat-company div.contact-info div.links,
   div.microprofile-company div.contact-info div.links {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 10px;
   }
    div.transportation-company div.contact-info div.links a,
    div.localmedia-company div.contact-info div.links a,
    div.besteat-company div.contact-info div.links a,
    div.microprofile-company div.contact-info div.links a {
     font-size: 1rem;
     font-weight: 400 !important;
    }
  div.transportation-company div.brief,
  div.localmedia-company div.brief,
  div.besteat-company div.brief,
  div.microprofile-company div.brief {
   display: block;
   position: absolute;
   z-index: -1;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   opacity: 0;
   padding: 15px;
   background: rgba(255,255,255,0.9);
  }
  div.transportation-company div.brief.active,
  div.localmedia-company div.brief.active,
  div.besteat-company div.brief.active,
  div.microprofile-company div.brief.active {
   opacity: 1;
   z-index: 10;
  }
   div.transportation-company div.brief p,
   div.localmedia-company div.brief p,
   div.besteat-company div.brief p,
   div.microprofile-company div.brief p {
    font-size: 0.875rem;
   }
   div.transportation-company div.brief a.close-brief,
   div.localmedia-company div.brief a.close-brief,
   div.besteat-company div.brief a.close-brief,
   div.microprofile-company div.brief a.close-brief {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-weight: 500;
   }

/* !Must See/Landing page module */
div.must-sees {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
}
div.must-sees div.landing {
 display: flex;
 position: relative;
 justify-content: flex-start;
 align-items: center;
 width: 100%;
 padding: 0;
 margin: 0 0 1rem 0;
 background: #f3f4f4;
}
/* div.must-sees div.landing:nth-of-type(3n+1) { clear: both; margin: 0 0 15px 0; } */
 div.must-sees div.landing span.season {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  padding: 10px 15px;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 1px;
  background: #c01327;
  color: #fff;
 }
 div.must-sees div.landing img {
  display: block;
  position: relative;
  align-self: flex-start;
  flex-basis: 55%;
  max-width: 55%;
  padding: 0;
  margin: 0;
 }
 div.must-sees div.landing div.landing-desc {
  display: block;
  position: relative;
  flex-basis: 40%;
  flex-grow: 1;
  padding: 1.25rem;
 }
  div.must-sees div.landing div.landing-desc h3 {

  }
  div.must-sees div.landing div.landing-desc p {

  }
  div.must-sees div.landing div.landing-desc a.title {

  }


/* !guide module styles */
div.guides div.guide-set {
  display: flex;
  position: relative;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 1.25rem;
  width: 100%;
  padding: 0;
  margin: 0;
}
  div.guide-set div.guide {
    display: block;
    position: relative;
    flex: 0 0 32%;
    max-width: 32%;
    background: #f3f4f4;
  }

  div.guide h3 {
    margin: 0;
    text-align: center;
  }
  div.guide h3 > a {
    display: block;
    padding: 1rem 1rem 1.5rem 1rem;
  }

div.guides article {
  display: block;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
  div.guides article figure {
    display: block;
    position: relative;
    margin: 0 0 2rem 0;
  }
    div.guides article figure img {
      display: block;
      padding: 0;
      margin: 0;
    }
    div.guides article figure figcaption {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0.5rem;
      font-size: 0.875rem;
      background: rgba(0,0,0,0.5);
      color: #fff;
    }


/* !document module styles */
ul.document-list {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0 0 30px 0;
 list-style: none;
}
 ul.document-list li {
  display: block;
  position: relative;
  flex-basis: 23.5%;
  max-width: 23.5%;
  flex-grow: 1;
  padding: 0;
  margin: 0;
 }
  ul.document-list li div.doc-image {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0 0 5px 0;
   border: 1px solid #f3f4f4;
  }
   ul.document-list li div.doc-image img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
   }
  ul.document-list li a {
   display: block;
   position: relative;
   width: 100%;
   font-weight: 500;
   text-align: center;
   color: #000;
  }


#content .container > article.experience {
 display: block;
 position: relative;
 margin: 0 0 30px 0;
}
 #content .container > article.experience img {
  display: block;
  position: relative;
  margin: 0 0 15px 0;
 }


/* !staff module styles */
.staff-group {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0;
}
 .staff-group h3 {
  display: block;
  position: relative;
  width: 100%;
 }
 .staff-group div.staffer {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
 }
  .staff-group div.staffer img {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0;
  }
  .staff-group div.staffer p.contact-info {
   display: block;
   position: relative;
   width: 100%;
   padding: 10px;
   margin: 0;
  }
  .staff-group div.staffer div.bio {
   display: block;
   position: relative;
   width: 100%;
   padding: 0 10px;
   margin: 0;
  }
   .staff-group div.staffer div.bio p {

   }


/* !staff connect sidebar display styles */
.staffer.connect {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 padding: 0;
 margin: 0 0 15px 0;
}
 .staffer.connect div.staffer-image {
  display: block;
  position: relative;
  flex-basis: 49%;
  max-width: 49%;
  padding: 0;
  margin: 0;
  line-height: 0;
 }
  .staffer.connect div.staffer-image img {
   width: 100%;
  }
 .staffer.connect div.contact-info {
  display: block;
  position: relative;
  flex-basis: 49%;
  max-width: 50%;
  padding: 0;
  margin: 0;
 }
  .staffer.connect div.contact-info p {
   margin: 0;
   line-height: 1.25;
  }


/* !persons module styles - used for the Top Chefs page */
.person-group {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0;
}
 .person-group .person {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
  background: #f3f4f4;
 }
  .person-group .person img {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0 0 15px 0;
  }
  .person-group .person h3 {
   display: block;
   position: relative;
   width: 100%;
   padding: 0 15px;
   margin: 0 0 10px 0;
  }
  .person-group .person ul.info-set {
   display: block;
   position: relative;
   width: 100%;
   padding: 0 15px;
   margin: 0 0 15px 0;
   list-style: none;
  }
   .person-group .person ul.info-set li {
    display: block;
    position: relative;
    padding: 5px 0;
    line-height: 1.1em;
   }
  .person-group .person div.bio {
   display: block;
   position: relative;
   padding: 0 15px 15px 15px;
   margin: 0;
   font-size: 1rem;
   line-height: 1.25;
  }
  .person-group .person p.actions {
   display: block;
   position: relative;
   padding: 15px;
   margin: 0;
  }
   .person-group .person p.actions a {
    font-size: 1rem;
    font-weight: 400 !important;
    color: #c01327;
   }
/* !individual person display */
div.person {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 30px 0 0 0;
}
 div.person div.person-image {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
  background: #c01327 url("../../../img/v9/white_border.png") repeat-x center top;
 }
  div.person div.person-image .container {
   display: block;
   position: relative;
   width: 80%;
   max-width: 1000px;
   margin: 0 auto;
  }
  div.person div.person-image .container img {
   display: block;
   width: 100%;
   max-width: 800px;
   margin: 0 auto 1.25rem auto;
  }
  div.person div.person-image h2 {
   display: block;
   position: relative;
   width: 100%;
   max-width: 800px;
   padding: 0;
   margin: 0 auto 1.25rem auto;
   color: #fff;
  }
 div.person > .container.in-module {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 2%;
  max-width: 1000px;
  padding: 0;
 }
  div.person > .container div.info-set {
   display: block;
   position: relative;
   order: 1;
   flex-basis: 30%;
   max-width: 30%;
   padding: 1.25rem 0;
   margin: 0;
  }
   div.person div.info-set h3 {
    color: #c01327;
   }
   div.person div.info-set ul.social {
    display: flex;
    position: relative;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.625rem;
    row-gap: 0.25rem;
    width: 100%;
    padding: 0;
    margin: 0 0 1.25rem 0;
    list-style: none;
   }
    div.person div.info-set ul.social li {
     display: block;
     position: relative;
     padding: 0;
     margin: 0;
    }
     div.person div.info-set ul.social li a {
      display: block;
      width: 30px;
      height: 30px;
     }
      div.person div.info-set ul.social li a svg {
       width: 100%;
       height: auto;
      }
  div.person > .container div.bio {
   display: block;
   position: relative;
   order: 0;
   flex-basis: 60%;
   flex-grow: 1;
   padding: 1.25rem 0;
   margin: 0;
  }
 .recommendations,
 .closeby {
  display: block;
  position: relative;
  width: 100%;
 }
 .recommendations .container {
  padding: 15px 0 0 0;
  border-top: 1px solid #d3d4d4;
 }
  .recommendations .container p.actions {
   display: block;
   position: relative;
   width: 100%;
   padding: 0 10px;
   margin: 15px 0 0 0;
  }
   .recommendations .container p.actions a { font-weight: 700; }


/* !list-item module styles */
div.list-item {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 15px 0;
 margin: 0;
}
div.list-item.highlight {
 padding: 30px;
 margin: 15px 0;
 border-top: 1px solid #c01327;
 border-bottom: 1px solid #c01327;
}
 div.list-item span.list-item-number {
  display: block;
  position: relative;
  flex-basis: 5%;
  max-width: 5%;
  padding: 0;
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  text-align: center;
  color: #c01327;
 }
 div.list-item div.list-item-brief {
  display: block;
  position: relative;
  flex-basis: 90%;
  flex-grow: 1;
  padding: 0;
  margin: 0;
 }
  div.list-item div.list-item-brief p { margin: 0; }
  div.list-item.highlight div.list-item-brief p { font-size: 1.75rem; line-height: 1.25; text-align: center; }
  div.list-item div.list-item-brief a { font-weight: 500; }
div.crowdriff {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 15px 0;
}


/* !Neighbourhood styles */
ul.neighbourhoods {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0 0 15px 0;
 list-style: none;
}
 ul.neighbourhoods li {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
  background: #f3f4f4;
 }
  ul.neighbourhoods li p {

  }
  ul.neighbourhoods li div.neighbourhood-thumb {
   width: 100%;
   height: 250px;
   margin: 0 0 1rem 0;
   background-color: #c01327;
   background-repeat: no-repeat;
   background-position: center top;
   background-size: cover;
  }
  ul.neighbourhoods li div.brief-info {
   display: block;
   position: relative;
   width: 100%;
   padding: 0 10px 60px 10px;
  }
   ul.neighbourhoods li div.brief-info a.title {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 1.125rem;
    font-weight: 700;
   }
  ul.neighbourhoods li div.actions {
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   padding: 10px;
  }
  ul.neighbourhoods li div.actions a {
   display: block;
   position: relative;
   font-weight: 400 !important;
  }



/* !Itineraries styles */
.itineraries ul.neighbourhoods {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0 0 15px 0;
 list-style: none;
}
 .itineraries ul.neighbourhoods li {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
  background: #f3f4f4;
 }
  .itineraries ul.neighbourhoods li p {
   margin: 0 0 10px 0;
  }
  .itineraries ul.neighbourhoods li div.neighbourhood-thumb {
   width: 100%;
   height: 325px;
   margin: 0;
   background-color: #c01327;
   background-repeat: no-repeat;
   background-position: center top;
   background-size: cover;
  }
  .itineraries ul.neighbourhoods li div.brief-info {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   padding: 0;
   background: rgba(0,0,0,0.5);
   transition: all 0.2s ease;
  }
  .itineraries ul.neighbourhoods li:hover div.brief-info {
   background: rgba(0,0,0,0.2);
  }
   .itineraries ul.neighbourhoods li div.brief-info a.title {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 160px 10px 0 10px;
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.1;
    text-align: center;
    color: #fff;
   }
   .itineraries ul.neighbourhoods li div.brief-info p { display: none; }
  .itineraries ul.neighbourhoods li div.actions {
   display: none;
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   padding: 10px;
   border: 1px solid red;
  }
  .itineraries ul.neighbourhoods li div.actions a {
   display: block;
   position: relative;
  }
  .itineraries ul.neighbourhoods li div.actions a:first-of-type { float: left; }
.itineraries .main-block {
 display: block;
 position: relative;
 width: 65%;
 padding: 0 30px 0 0;
 margin: 0;
}
.itineraries .sidebar-block {
 display: block;
 position: relative;
 width: 35%;
 padding: 0 0 0 30px;
 margin: 0;
}
 .itineraries .sidebar-block img { max-width: 100%; }



/* !Itinerary Builder styles */
div.manage-itinerary {
 display: block;
 position: relative;
 width: 100%;
 padding: 1rem 0;
}
div.itinerary-set {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
}
div.sortable {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
}
 div.sortable .favourite {
  display: block;
  position: relative;
  width: 100%;
  padding: 60px;
  margin: 0 0 15px 0;
  background: #f3f4f4;
 }
  div.sortable .favourite a.remove-item {
   display: block;
   position: absolute;
   top: 15px;
   right: 15px;
   width: 30px;
   height: 30px;
   padding: 5px;
   border-radius: 30px;
   text-align: center;
   text-decoration: none;
   font-weight: 600;
   background: rgba(195,72,121,0.2);
   transition: all 0.2s ease;
  }
  div.sortable .favourite a.remove-item:before {
   content: "";
   display: block;
   position: absolute;
   right: 35px;
   font-weight: 400;
   opacity: 0;
   color: #c01327;
   transition: all 0.2s ease;
  }
  div.sortable .favourite a.remove-item:hover {
   background: #c01327;
   color: #fff;
  }
  div.sortable .favourite a.remove-item:hover:before {
   content: "Remove";
   opacity: 1;
  }
  div.sortable .favourite ul.social-media {
   display: block;
   position: relative;
   width: auto;
   padding: 0;
   margin: 0 0 1.25rem 0;
   list-style: none;
  }
   div.sortable .favourite ul.social-media li {
    display: block;
    position: relative;
    padding: 0;
    margin: 0 0 0 5px;
   }
   div.sortable .favourite ul.social-media li:first-of-type {
    margin: 0;
   }
  div.sortable .favourite .contact-details {
   width: 49%;
  }
  div.sortable .favourite .page-image {
   display: block;
   position: relative;
   width: 49%;
   padding: 0;
   margin: 0 0 15px 0;
  }
   div.sortable .favourite .page-image img {
    display: block;
    position: relative;
    width: 100%;
   }
  div.sortable .favourite .body {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0;
  }
   div.sortable .favourite .body .imgmap img {
    display: block;
    position: relative;
    width: 400px;
    padding: 0;
    margin: 10px auto;
    border: 1px solid #d3d4d4;
   }

div.itinerary {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 15px 0;
 background: #f3f4f4;
}
div.itinerary.active {
 background: rgba(195,72,121,0.2);
}
 div.itinerary form { background: none; }
  div.itinerary form > a,
  div.itinerary form div.actions button {
   display: block;
   position: relative;
   padding: 10px 15px;
   margin: -10px 0 10px 0;
   border: 1px solid #999;
  }
  div.itinerary form div.actions button {
   color: #c01327;
   background: transparent;
   border: none;
   font-weight: 500;
   text-decoration: none;
   outline: none;
   font-size:1rem;
  }
  div.itinerary form div.actions button:hover {
   cursor: pointer;
   text-decoration: underline;
  }
  div.itinerary form .input.text > label span {
   display: inline-block;
   text-align: right;
   font-weight: 600;
  }
  div.itinerary form button[type="submit"] {
   display: block;
   position: relative;
   width: 30%;
   padding: 10px 0;
   margin: 0 35%;
   border: none;
   font-size: 1.5rem;
   font-weight: 400;
   line-height: 1;
   text-shadow: none;
   box-shadow: none;
   background: #c01327;
   color: #fff;
  }
  div.itinerary-set div.actions,
  div.itinerary form div.actions {
   display: flex;
   position: relative;
   width: 100%;
   padding: 10px;
   margin: 15px 0 0 0;
   background: #fdfefe;
  }
  div.itinerary-set div.actions { background: #f3f4f4; }
  div.itinerary-set div.actions a,
  div.itinerary form div.actions a,
  div.itinerary form div.actions button {
   display: block;
   position: relative;
   flex-grow: 1;
   padding: 5px;
   margin: 0;
   text-align: center;
  }


/* !Attractions Inspiration block */
h2.inspiration {
 display: block;
}
div#inspiration div.related-block {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 15px 0;
 margin: 0;
 border-top: 1px solid #d3d4d4;
}
 div#inspiration article {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
 }
  div#inspiration article div.article-img {
   display: block;
   position: relative;
   width: 100%;
   height: 300px;
   padding: 0;
   margin: 0 0 10px 0;
  }
   #inspiration article div.article-img svg {
    display: block;
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #fff;
   }
  #inspiration article a { font-weight: 600; }


/* !Attractions and Dining latest blog display - displayed below the "Close By" items */
#content div#latest-articles {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 15px 0;
 margin: 15px 0 0 0;
 border-top: 1px solid #d3d4d4;
}
 div#latest-articles h2 {
  display: block;
  width: 100%;
  font-weight: 400;
  color: #000;
 }
  div#latest-articles h2 strong { color: #c01327; }
 #latest-articles article {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
 }
  #latest-articles article .article-img {
   display: block;
   width: 100%;
   height: 350px;
   padding: 0;
   margin: 0 0 5px 0;
  }
  #latest-articles article .article-info { padding: 0 0 10px 0; }
  #latest-articles article .article-info p.date { margin: 0 0 5px 0; }
  #latest-articles article a { font-size: 1.125rem; font-weight: 600; }


/* !Related Module styles */
div.features {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 30px 0;
}
div.features article {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 align-items: center;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0 0 15px 0;
 background: #f3f4f4;
}
 div.features article div.article-img {
  display: block;
  position: relative;
  flex-basis: 50%;
  max-width: 60%;
  flex-grow: 1;
  padding: 0;
  margin: 0;
 }
  div.features article div.article-img img {
   display: block;
   max-width: 100%;
  }
  div.features article div.article-img .svg-icon {
   display: block;
   position: absolute;
   z-index: 1;
   left: 15px;
   bottom: 15px;
  }
 div.features article div.article-info {
  display: block;
  position: relative;
  flex-basis: 40%;
  max-width: 40%;
  padding: 0 30px 0 0;
 }
  div.features article div.article-info h3 {
   color: #c01327;
  }
  div.features article div.article-info p {
   margin: 0 0 15px 0;
  }
  div.features article div.article-info a {
   text-transform: uppercase;
   color: #000;
  }


/* !blog layout styles */
div.blog-banner {
 display: block;
 position: relative;
 width: 100%;
 margin: 0;
 background: #e4e4e4;
}
div.blog-banner .container {
 display: flex;
 position: absolute;
 justify-content: flex-end;
 top: 0;
 left: 0;
 right: 0;
 z-index: 1;
 width: 100%;
 max-width: 100%;
 margin: 0;
}
 div.blog-banner .container h2.page-title {
  display: flex;
  position: relative;
  justify-content: flex-end;
  column-gap: 0.625rem;
  width: auto;
  padding: 0.625rem;
  margin: 0;
  background: #c01327;
  color: #fff;
 }
  div.blog-banner .container h2.page-title strong { color: #fff; }
  div.blog-banner .container h2.page-title svg.svg-icon {
   display: block;
   position: relative;
   padding: 0;
   margin: 0 5px 0 0;
  }
 div.blog-banner ul.banners { margin: 0; }
  div.blog-banner ul.banners li img { width: 100%; height: auto; }

/* !trending blog post styles */
div.blog-trending {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 background: #c01327;
}
 div.blog-trending .container {
  display: flex;
  position: relative;
  justify-content: flex-start;
  flex-wrap: wrap;
  column-gap: 2%;
  row-gap: 0.625rem;
  padding: 30px 0;
 }
  div.blog-trending .container h2 {
   flex-basis: 100%;
   color: #fff;
  }
.blog-trending article {
 display: block;
 position: relative;
 width: 32%;
 padding: 0;
 margin: 0;
}
 .blog-trending article img {
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
 }
 .blog-trending article div.trending-info {
  display: block;
  position: relative;
  width: 100%;
  padding: 5px 0 0 0;
 }
  .blog-trending article div.trending-info p.date {
   margin: 0 0 5px 0;
   font-size: 1.125rem;
   color: #fff;
  }
  .blog-trending article div.trending-info h3 {
   font-size: 1rem;
   line-height: 1.1;
  }
   .blog-trending article div.trending-info h3 a { color: #fff; }




div.blog-set {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0 0 1.25rem 0;
}
 div.blog-set h2 {
  display: block;
  position: relative;
  flex-basis: 100%;
 }
/*   div.blog-set h2 span { font-weight: 100; color: #000; } */
 div.blog-set div.post {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
  background: #c01327;
 }
  div.blog-set div.post img {
   display: block;
   position: relative;
   width: 100%;
   line-height: 0;
  }

  div.blog-set div.post h3 {
   display: block;
   position: relative;
   padding: 1rem;
   margin: 0;
   color: #fff;
  }
   div.blog-set div.post h3 a {
    display: block;
    text-decoration: none;
    color: #fff;
   }
 div.blog-set div.post.subscribe-block {
  padding: 15px;
 }
  div.blog-set div.post.subscribe-block h3 {
   display: flex;
   position: relative;
   justify-content: flex-start;
   align-items: center;
   column-gap: 1.25rem;
   width: 100%;
   padding-left: 0;
   margin: 0 0 10px 0;
   text-transform: uppercase;
  }
   div.blog-set div.post.subscribe-block h3 svg.svg-icon {
    display: block;
    position: relative;
    padding: 0;
    margin: 0;
    color: #fff;
   }
  div.blog-set div.post.subscribe-block p {
   clear: both;
   font-size: 1.125rem;
   font-weight: 400;
   line-height: 1.25;
   color: #fff;
  }
  div.blog-set div.post.subscribe-block .input.text {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0 0 30px 0;
  }
   div.blog-set div.post.subscribe-block .input.text label {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 1.125rem;
    color: #fff;
   }
   div.blog-set div.post.subscribe-block .input.text input[type="text"] {
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    padding: 5px;
    margin: 0;
    border: none;
    border-radius: 0;
    font-size: 1.125rem;
    line-height: 1.5;
   }
  div.blog-set div.post.subscribe-block div.submit {
   display: block;
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   padding: 15px;
   margin: 0;
  }
   div.blog-set div.post.subscribe-block div.submit input[type="submit"],
   div.blog-set div.post.subscribe-block div.submit a.submit {
    display: block;
    position: relative;
    padding: 10px 0;
    margin: 0;
    border: none;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    background: none;
    color: #fff;
   }
 div.blog.display .container.in-module > h3 {
  display: block;
  flex-basis: 100%;
  max-width: 100%;
 }


/* ! Blog Subscribe form styles */
h3.oitp,
h3.pcg {
 line-height: 40px;
}
h3.oitp svg,
h3.pcg svg {
 display: block;
 position: relative;
 padding: 0;
 margin: 0 5px 0 0;
}
form.subscribe-form {
 display: block;
 position: relative;
 width: 100%;
 padding: 30px;
 margin: 0;
 background: #f3f4f4;
}
 form.subscribe-form .input.text {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
 }
  form.subscribe-form .input.text label {
   margin: 0 0 5px 0;
  }
  form.subscribe-form .input.text input[type="text"] {
   display: block;
   position: relative;
   width: 100%;
   font-size: 1.25rem;
   padding: 10px;
   margin: 0;
  }
 form.subscribe-form div.submit {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
 }
  form.subscribe-form div.submit input[type="submit"] {
   display: block;
   position: relative;
   width: 50%;
   padding: 10px 0;
   margin: 0 25%;
   border: none;
   border-radius: 0;
   font-size: 1.25rem;
   text-transform: uppercase;
   background: #c01327;
   color: #fff;
  }


/* ! Blog Post styles */
div.blog-post-image {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 background: #c01327 url("../../../img/v9/white_border.png") repeat-x center top;
}
 div.post-image {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
 }
  div.post-image img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
  }
  div.post-image p.caption {
   display: block;
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   padding: 10px;
   margin: 0;
   background: rgba(0,0,0,0.5);
   color: #fff;
  }
 div.blog-post-image h2 {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0 0 30px 0;
  font-size: 2.625rem;
  line-height: 1;
  color: #fff;
 }
 div.post-info {
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: flex-start;
  column-gap: 0.625rem;
  row-gap: 0.625rem;
  width: 100%;
  padding: 0;
  margin: 30px 0 0 0;
 }
  div.post-info > h3 {
   display: block;
   position: relative;
   width: 100%;
  }
  div.post-info div.date-category {
   display: block;
   position: relative;
   flex-basis: 70%;
   flex-grow: 1;
   padding: 0;
   margin: 0;
  }
  div.post-info ul.social-share {
   display: flex;
   position: relative;
   justify-content: flex-end;
   flex-basis: 20%;
   max-width: 30%;
   padding: 0;
   margin: 0;
   list-style: none;
  }
   div.post-info ul.social-share li {
    display: block;
    position: relative;
    flex-grow: 1;
    padding: 0;
    margin: 0;
   }
 div.post-info #post-article {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 0;
  margin: 0;
 }
  div.post-info #post-article div.body { margin: 0 0 15px 0; }
  div.blog-post .body h2 { height: auto; color: #c01327; }
  div.blog-post .body img { max-width: 100%; }



/* !Default page styles */
div.main {}
 div.main img {
  max-width: 100%;
 }

.sidebar {}
 .sidebar h2 {
  margin: 0 0 10px 0;
  font-size: 1.5rem;
  line-height: 1.25;
  text-transform: none;
  color: #c01327;
 }
 .sidebar img {
  max-width: 100%;
 }


/* !Staff styles */
.content-body ul.staff {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 15px 0;
 list-style: none;
}
 .content-body ul.staff li {
  display: block;
  position: relative;
  width: 23.5%;
  padding: 0;
  margin: 0 0 15px 2%;
 }
 .content-body ul.staff li:nth-of-type(4n+1) { clear: both; margin: 0 0 15px 0; }


/* !gallery module styles */
ul.gallery {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
}
 ul.gallery li {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
  background: #f3f4f4;
 }
  ul.gallery li img { display: block; width: 100%; height: auto; }
  ul.gallery li a.thumb {
   display: block;
   position: relative;
   width: 100%;
   padding: 0;
   margin: 0;
  }
  ul.gallery li a span,
  ul.gallery li a.download {
   display: block;
   position: relative;
   width: 100%;
   padding: 5px;
   margin: 0;
   font-size: 1rem;
  }


/* !news module styles - Press Releases */
ul.news-list {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
}
 ul.news-list li {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px;
  margin: 0;
  border-top: 1px solid #d3d4d4;
 }
 ul.news-list li:first-of-type { border: none; }
  ul.news-list li p { margin: 0; }
#content.read > img.article-banner {
 display: block;
 margin: 0  auto;
}
#content.read div.container.article {
   display: block;
  }
  #content.read div.container.article h3 {
   display: block;
   position: relative;
   width: 100%;
  }
  #content.read div.container.article iframe {
   margin: 0 auto 1.5rem auto;
  }

/* !restricted access styles */
form.media-login {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
}
 form.media-login div.input.password {
  display: block;
  position: relative;
  width: 100%;
  padding: 0;
  margin: 0;
 }
  form.media-login div.input.password input[type="password"] {
   display: block;
   position: relative;
   width: 100%;
   height: 50px;
   padding: 0 5px;
   margin: 0 0 1.25rem 0;
   border: 1px solid #d3d4d4;
   font-size: 2.625rem;
  }
 form.media-login div.submit {
  display: block;
  position: relative;
  padding 0;
  margin: 0;
 }
  form.media-login div.submit input[type="submit"] {
   display: block;
   position: relative;
   width: 30%;
   min-width: 150px;
   height: 50px;
   padding: 0;
   border: none;
   border-radius: 0;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 2;
   letter-spacing: 1px;
   text-align: center;
   text-transform: uppercase;
   text-shadow: none;
   background: #c01327;
   color: #fff;
  }
  a.button.logout { color: #fff; }


/* !testimonial module styles */
div.testimonial {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 30px 0;
}
 div.testimonial h3 {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px 15px;
  margin: 0 0 10px 0;
  font-size: 1.5rem;
  text-transform: uppercase;
  background: #c01327;
  color: #fff;
 }
 div.testimonial img,
 div.testimonial iframe {
  display: block;
  position: relative;
  width: 48%;
  padding: 0;
  margin: 0;
 }
 div.testimonial iframe { max-height: 270px; }
 div.testimonial div.quote {
  display: block;
  position: relative;
  width: 50%;
  padding: 0;
  margin: 0;
 }
  div.testimonial div.quote div.quote-content { font-size: 1.25rem; line-height: 1.25; }
   div.testimonial div.quote div.quote-content strong { text-transform: uppercase; color: #c01327; }
  div.testimonial div.quote iframe { max-width: 100%; }
  div.testimonial div.quote p.credit,
  div.testimonial div.quote p.url { margin: 0; font-size: 1rem; color: #c01327; }
  div.testimonial div.quote p.url { margin: 0 0 15px 0; }


/* !weekly events mailout html styles */
div.event-set {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0;
}
 div.event-set div.event {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px 0;
  margin: 0;
  border-top: 1px solid #000;
 }
 div.event-set div.event:first-of-type { border: none; }
  div.event-set div.event img {
   display: block;
   position: relative;
   width: 32%;
   padding: 0 30px 0 0;
   margin: 0;
  }
  div.event-set div.event div.event-copy {
   display: block;
   position: relative;
   width: 68%;
   padding: 0;
   margin: 0 0 15px 0;
  }
   div.event-set div.event div.event-copy h2 {
    height: auto;
    font-size: 1.5rem;
   }
    div.event-set div.event div.event-copy h2 span {
     display: block;
     position: relative;
     font-size: 1.25rem;
     font-weight: 100;
     text-align: right;
     text-transform: none;
     color: #000;
    }


/* !conference styles */
#conference-heading h2 {
 font-size: 2.75rem;
 text-align: center;
 color: #fff;
}
#conference-heading h2:first-of-type {
 margin: 200px 0 30px 0;
 font-weight: 100;
}

.conference-heading h2 {
 font-size: 2.75rem;
 text-align: center;
 color: #000;
}
.conference-heading h2:first-of-type {
 margin: 2rem 0;
 font-weight: 100;
}

.conference-video {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
}
 .conference-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 }

.conference-nav {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 3rem 0;
}
.conference-nav ul {
 display: flex;
 position: relative;
 justify-content: flex-start;
 align-items: stretch;
 flex-wrap: wrap;
 column-gap: 2%;
 row-gap: 1.25rem;
 width: 100%;
 padding: 0;
 margin: 0;
 list-style: none;
 font-size: 1.125rem;
}
 .conference-nav ul li {
  display: block;
  position: relative;
  flex-basis: 32%;
  max-width: 32%;
  padding: 0;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
 }
  .conference-nav ul li a {
   display: block;
   position: relative;
  }
   .conference-nav ul li a img {
    display: block;
    width: 100%;
	height: auto;
    margin: 0;
   }
 .conference-nav ul li form {
  display: block;
  position: relative;
  width: 100%;
  margin: 0;
 }
  .conference-nav ul li form img {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   padding-bottom: 1.125rem;
  }
  .conference-nav ul li form button[type="submit"] {
   width: 100%;
   padding: 0;
   border: none;
   text-transform: uppercase;
   font-size: 1.125rem;
   font-weight: 500;
   line-height: 1;
   background: none;
   color: #c01327;
   cursor: pointer;
  }
  .conference-nav ul li form button[type="submit"]:hover {
   text-decoration: underline;
  }

.conference-contact {
 padding: 0 100px;
 text-align: center;
}
.conference-staff {
 display: block;
 position: relative;
 width: 100%;
 padding: 0;
 margin: 0 0 30px 0;
 text-align: center;
}
 .conference-staff .staff-group {
  display: flex;
  position: relative;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 0 30px 0;
 }
 .conference-staff .staff-group h3.staff {
  display: block;
  position: relative;
  flex-grow: 2;
  flex-basis: 100%;
  text-align: center;
 }
 .conference-staff .staff-group div.staffer {
  display: block;
  position: relative;
  flex-grow: 1;
  flex-basis: 25%;
  max-width: 25%;
  margin: 0;
 }


/* !contact page forms */
div.media-contact {
 margin: 0 auto;
}



/* !footer styles */
#subscribe div.col form.standard.subscribe { margin: 0; }
#subscribe div.col h3 { color: #c01327; }
#subscribe div.col p { font-size: 0.875rem; line-height: 1.5; }
#subscribe div.col:nth-child(2),
#subscribe div.col:nth-child(3) {
 display: flex;
 position: relative;
 justify-content: flex-start;
 flex-wrap: nowrap;
 column-gap: 2%;
}
#subscribe div.col:nth-child(3) {
 flex-wrap: wrap;
 column-gap: 4%;
}
#subscribe div.col ul.footer-nav {
 display: block;
 position: relative;
 width: 49%;
 padding: 0;
 margin: 0;
 list-style: none;
 font-size: 0.875rem;
}
 #subscribe .col ul li {
  line-height: 1;
 }
 #subscribe .col ul li a {
  display: block;
  padding: 0.5rem 0;
  text-decoration: none;
  color: rgba(20,20,20,1);
 }
 #subscribe .col ul a:hover {
  color: #c01327;
 }
#subscribe .container div.col:nth-child(3) > a {
 display: block;
 position: relative;
 flex-basis: 40%;
 max-width: 40%;
 align-self: flex-start;
 height: auto;
 margin: 0;
}
#subscribe .container div.col:nth-child(3) div.guide-cta {
 display: block;
 position: relative;
 flex-basis: 40%;
 flex-grow: 1;
 margin: 0;
}



footer {

}