/*!
 * Bootstrap v3.0.2 by @fat and @mdo
 * Copyright 2013 Twitter, Inc.
 * Licensed under http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */


/* Optional Accent Fonts */
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital@1&display=swap');

:root {
  --accent-color: #89CE00;
}

.hero-slider {
  & .slider-wrapper {
    .slider-item {
      max-width: 80% !important;
    }
    .slider-item {
      max-width: 60%;
    } 
  }
}

.quick-links {
  @media (max-width: 767px) {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .city-features {
    & .menu {
      .city-wrapper {
        position: relative;
      }
    }
  }	
}

.immigration {
  h1 {
    text-align: center;
  }
  .main-content .field--name-body {
    img {
      width: 100%;
      height: auto;
      max-width: 800px;
      margin: 40px auto;
    }
  }
}

.row > .mobile-carousel-slide,
.row > .views-element-container,
.hero-signup {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.mobile-card {
    padding: 40px 0px;
    height: 280px !important;
    p {
      display: -webkit-box;
      position: relative;
      color: white !important;
      inset: auto auto 0px 0px;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
    }
}

.carousel-track {
  background: var(--primary-color) !important;
  border-left: 8px solid var(--accent-color) !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-right: 0px !important;
  h3 a {
    color: white;
  }
}

.mobile-card,
.carousel-pagination {
  justify-content: flex-start !important;
  background: var(--primary-color) !important;
  width: 80%;
  margin: 0px auto;
  text-align: left !important;
  border: 0px !important;

}

.carousel-pagination {
  padding: 40px 0px !important;
}

.carousel-pagination button {
  background: transparent !important;
  border: 1px solid white !important;
  border-radius: 8px !important;
  transition: all 0.35s ease-in-out;
}

.carousel-pagination button.active {
  width: 80px;
}