.dropdown-toggle::after {
  display: none;
}

section {
  background-color: white;
}

.landing-header {
  font-family: var(--ot-header-font);
  font-size: 56px;
  font-weight: 600;
}

.list-group-item {
  border-left: none;
  border-right: none;
  border-radius: 0 !important;
}

.list-group-item:hover {
  background-color: lightgrey !important;
  cursor: pointer;
}

.landing-content {
  /* background: linear-gradient(to right, rgb(28, 39, 50), rgba(25, 31, 37, 0.8), rgba(54, 55, 56, 0.5)); */
  /* background: linear-gradient(to right, rgba(17, 62, 108, 1), rgba(17, 62, 108, .8), rgba(2, 28, 64, .5)); */
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  box-sizing: border-box;
}

.landing-content h1 {
  font-size: 4.4rem;
  font-family: var(--ot-header-font);
}

.landing-content p {
  font-family: var(--ot-header-font);
  opacity: .7;
  font-size: 1.2rem;
}

.landing-content .landing-text-box h3 {
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif !important;
  color: whitesmoke !important;
  opacity: .7 !important;
  font-size: 1.2rem !important;
  background-color: transparent !important;
}


.landing-text-box button {
  padding: .8rem 2.2rem;
  font-size: 1rem;
  cursor: pointer;
  font-weight: 300;
}

.card-img-top {
  min-width: 65px !important;
  min-height: 65px !important;
  object-fit: contain;
}

.asset-card {
  max-width: 20rem !important;
}

.landing-card {
  cursor: pointer;
}

#rates-row {
  position: absolute;
  top: 100%;
  right: 0;
  background-color: white;
}

.bnbtn {
  position: fixed;
  display: none;
  margin: auto;
  left: 0;
  right: 0;
  top: 54px;
  z-index: 2000;
}

.bnbtn>div {
  width: 100%;
}

.fleet-card > div,
  .fleet-card img {
    position: relative;
    width: 100%;
    background-color: #f2f2f2;
    object-fit: cover;

    background-repeat: no-repeat;
    background-position: center;
    border-radius: 12px;
  }
  .fleet-card > div {
    background-size: cover;
  }

  .fleet-card > div,
  .fleet-card img:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

  .fleet-card > h3,
  .fleet-card > p {
    font-size: 1rem;
    font-family: var(--ot-header-font);
    text-decoration: none;
  }

  .fleet-card > h3 {
    font-weight: 500;
  }
  .fleet-card > p {
    font-weight: 300;
    color: grey;
  }

.landing-section {
  height: calc(100vh - 56px - 62.5px);
}

.card-title {
  border-radius: 5px;
  padding: 5px;
}

#backToTopButton {

  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 10px;
  font-size: 18px;
}

.editable {
  border: 2px solid #ffa500;
  padding: 0 .5rem;
  border-radius: 8px;
  transition: 300ms all;
}

.editable[data-is-editing="true"] {
  border: 2px solid #0d6efd;
}

#contact-card:hover .landing-profile-card {
  top: 100%
}

#landing-profile-card:hover {
  top: 100%
}

.landing-profile-card {
  position: absolute;
  left: 0;
  top: calc(-1000px);
  transition: 100ms all;
}

.landing-profile-card div[data-info] {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}

.landing-profile-card div[data-info] small {
  color: grey;
}

.landing-profile-card div[data-info] p {
  color: black;
  font-size: 14px;
  font-weight: 600;
}

.card-hover:hover {
  transition: all 300ms;
  box-shadow: unset !important;
  text-decoration: underline !important;
  background-color: #f2f2f2 !important;
}

.landing-map {
  min-height: 300px;
}

#terminals-map {
  min-height: 56vh;
}

@media (max-width: 776px) {
  .landing-section {
    height: unset;
  }

  .landing-map {
    min-height: 200px;
    max-width: 90vw;
  }
  #terminals-map {
    min-height: 200px;
  }
}

@media only screen and (max-width: 600px) {
  .landing-content {
    justify-content: center;
    align-items: center;
  }

  .landing-text-box {
    width: 100%;
  }
}