html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body, html {
  overflow-x: hidden; }

body {
  margin: 0;
  font-family: proxima-nova, sans-serif;
  font-size: 16px;
  background-image: url(/images/connectedgraphic_bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 175% auto; }

.mt {
  margin-top: 30px;
  margin-bottom: 30px; }

p {
  line-height: 2;
  margin: 0; }

p + p {
  margin-top: 15px; }

p + h1, p + h2, p + h3 {
  margin-top: 15px; }

h1 + p, h2 + p, h3 + p {
  margin-top: 15px; }

h2 {
  color: #BDEB5B;
  font-size: 25px; }

h1, h2, h3 {
  margin: 0; }

h1 {
  border-bottom: 2px solid #BDEB5B;
  padding-bottom: 15px;
  position: relative; }
  h1:after {
    display: block;
    content: '';
    height: 2px;
    position: absolute;
    bottom: -2px;
    width: 9999px;
    left: -9999px;
    background-color: #BDEB5B; }

.btn {
  display: inline-block;
  background-color: #BDEB5B;
  color: #000;
  font-size: 30px;
  text-decoration: none;
  padding: 20px;
  font-weight: 200; }

.container {
  padding: 4% 6%; }

.alt {
  background-color: rgba(189, 235, 91, 0.07); }

.row .col {
  margin-bottom: 20px; }

@media (min-width: 991px) {
  .row {
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .row .col {
      flex: 1;
      padding: 0 3%;
      margin-bottom: 0; } }

.banner {
  padding: 0;
  border-bottom: 2px solid #00ADD6; }
  .banner #logo-img {
    width: 100%;
    display: block; }
  .banner .mayor-group {
    display: flex;
    margin: 0 !important;
    align-items: flex-start;
    justify-content: flex-start; }
  .banner .logo, .banner .mayor-group {
    padding: 0 !important; }
    .banner .logo img, .banner .mayor-group img {
      width: 100%;
      height: auto; }
  @media (min-width: 991px) {
    .banner .logo {
      width: 45%; }
    .banner .mayor-group {
      width: 55%; } }

.header {
  padding-bottom: 0; }
  .header .row {
    display: flex;
    align-items: center;
    flex-direction: column; }
  .header .container {
    padding-bottom: 0; }
  @media (min-width: 991px) {
    .header .row {
      flex-direction: row; } }

.black-box {
  padding: 15px 25px;
  background: black; }
  .black-box h3, .black-box p {
    color: white; }
  .black-box h3 {
    margin-right: -25px;
    padding-bottom: 5px;
    border-bottom: 2px solid #BDEB5B; }
  .black-box + .green-box {
    height: 37px;
    width: 80%;
    float: right;
    background: #BDEB5B; }

.rsvp-holder {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  margin-top: -28px; }
  .rsvp-holder a {
    display: inline-block;
    color: #000;
    background-color: #00ADD6;
    padding: 16px 45px;
    text-decoration: none;
    font-weight: 600; }

.officials-header {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center; }
  .officials-header h2 {
    color: #000;
    font-size: 27px;
    margin-bottom: 30px; }

.officials {
  padding-top: 0;
  padding-bottom: 0; }
  .officials .person {
    width: 100%; }
  .officials p {
    margin-top: 0 !important; }
  .officials:before, .officials:after {
    content: '';
    display: block;
    height: 2px;
    width: 80%;
    margin: 0 auto;
    background-color: #BDEB5B; }

.footer {
  height: 65px;
  background-color: #000; }

.event-details h2 {
  color: #000;
  font-weight: 400;
  font-size: 27px;
  border-bottom: 2px solid #BDEB5B; }

.event-details .schedule {
  padding-left: 0;
  list-style-type: none; }
  .event-details .schedule > li {
    display: flex;
    padding: 10px 0; }
    .event-details .schedule > li > div:first-child {
      width: 10%; }
    .event-details .schedule > li > div:last-child {
      width: 90%; }
    .event-details .schedule > li ul {
      list-style-type: disc; }

.whos-hosting h2 {
  margin-bottom: 25px;
  border-bottom: 2px solid #BDEB5B; }

.whos-hosting .hosts {
  list-style-type: none;
  display: flex;
  padding-left: 0;
  justify-content: space-between; }
  .whos-hosting .hosts > div {
    width: 48%; }
    .whos-hosting .hosts > div img {
      width: 100%; }

.section-divider {
  text-align: center;
  background-color: #000;
  margin: 55px 0 30px;
  padding: 20px; }
  .section-divider h2 {
    color: #fff; }

.stream-holder {
  display: flex;
  min-height: 100vh;
  min-width: 100vw;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 5vh 10vw;
  background-image: url(/images/livestream_bg.png);
  background-size: cover; }
  .stream-holder .logo {
    text-align: center;
    margin-bottom: 43px; }
    .stream-holder .logo img {
      width: 40%;
      margin-bottom: 15px; }
  .stream-holder h2 {
    font-weight: 200;
    font-size: 38px; }
  .stream-holder .stream {
    width: 100%;
    text-align: center; }
  .stream-holder .stream-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden; }
    .stream-holder .stream-responsive:before {
      padding-top: 56.25%;
      display: block;
      content: ""; }
    .stream-holder .stream-responsive iframe {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0; }

.gallery-opening h1 {
  border-bottom-color: #00ADD6; }
  .gallery-opening h1:after {
    background-color: #00ADD6; }

.gallery-opening h2 {
  color: #00ADD6; }

.gallery-opening .gallery-partners-holder {
  background-color: #F7F7F7;
  position: relative; }
  .gallery-opening .gallery-partners-holder .container {
    padding: 2% 6%; }
  .gallery-opening .gallery-partners-holder:before, .gallery-opening .gallery-partners-holder:after {
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 70%;
    left: 50%;
    transform: translate(-50%);
    background-color: #00ADD6; }

.gallery-opening .gallery-partners {
  font-size: .9rem;
  margin-top: 30px; }
  .gallery-opening .gallery-partners .col {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    .gallery-opening .gallery-partners .col > div {
      width: 50%;
      padding: 0 2%; }
      .gallery-opening .gallery-partners .col > div ul {
        padding-left: 0;
        display: flex;
        height: 100%;
        flex-direction: column;
        margin: 0; }
        .gallery-opening .gallery-partners .col > div ul li {
          margin-bottom: 10px; }

.gallery-opening .partner-logos {
  text-align: center; }
  .gallery-opening .partner-logos ul {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    flex-wrap: wrap; }
    .gallery-opening .partner-logos ul li {
      max-width: 50%;
      padding: 0 15px; }
      .gallery-opening .partner-logos ul li img {
        width: 100%;
        height: auto; }
      .gallery-opening .partner-logos ul li .on-light {
        width: 65%; }

@media (min-width: 768px) {
  .gallery-opening .partner-logos ul {
    flex-wrap: nowrap; }
    .gallery-opening .partner-logos ul li {
      max-width: 15%; } }

@media (min-width: 992px) {
  .gallery-opening .gallery-partners .col {
    flex-wrap: nowrap; }
    .gallery-opening .gallery-partners .col > div {
      flex-shrink: 1;
      width: auto; }
      .gallery-opening .gallery-partners .col > div ul {
        padding-left: 0;
        display: flex;
        height: 100%;
        flex-direction: column;
        margin: 0; }
        .gallery-opening .gallery-partners .col > div ul li {
          margin-bottom: 10px; }
      .gallery-opening .gallery-partners .col > div:nth-child(1), .gallery-opening .gallery-partners .col > div:nth-child(2) {
        flex-shrink: 0; } }

.partners-heading {
  padding: 0; }
  .partners-heading .row {
    display: block; }
  .partners-heading h2 {
    color: #000;
    font-size: 27px;
    margin-bottom: 30px;
    text-align: center; }

.gallery-gallery .row {
  display: block; }

.gallery-gallery h1 {
  border-bottom-color: #00ADD6;
  margin-bottom: 35px; }
  .gallery-gallery h1:after {
    background-color: #00ADD6; }

.owl-carousel .owl-stage {
  display: flex;
  align-items: center; }
  .owl-carousel .owl-stage .owl-item {
    display: flex;
    justify-content: center;
    background-color: #F7F7F7; }
    .owl-carousel .owl-stage .owl-item img {
      max-width: 100%;
      max-height: 100%;
      width: auto; }

.owl-carousel .owl-dots {
  text-align: center;
  margin-top: 25px; }
  .owl-carousel .owl-dots .owl-dot {
    display: inline-block;
    margin: 0 5px; }
  .owl-carousel .owl-dots span {
    display: inline-block;
    height: 14px;
    width: 14px;
    background-color: #f7f7f7;
    border-radius: 25px; }
  .owl-carousel .owl-dots .active span {
    background-color: #00ADD6; }

@media (min-width: 992px) {
  .owl-carousel .owl-item {
    max-height: 314px; } }