/****************************************
  MEDIA QUERIES
****************************************/
#cms-content *:not(i),
#header-django *:not(i) {
  font-family: "Poppins", sans-serif !important; }

@media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
  #header-django.white-header .main-menu li a {
    font-weight: 600;
    letter-spacing: .1em;
    font-size: 12px;
    line-height: 1em;
    display: inline-block;
    color: #111111;
    padding: 0; }
    #header-django.white-header .main-menu li a:hover {
      color: #cb1b13; }
    #header-django.white-header .main-menu li a::after {
      background-color: #cb1b13; } }

#header-django {
  padding: 10px 0;
  border-bottom: solid 3px #d82726; }

@media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
  .hero-new-md {
    height: 35dvh !important; } }

/* Custom cards */
#boat_card_tbg,
#boat_card_tbg .card-header-carousel .list_img,
#boat_card_tbg .btn-details-calendar {
  border-radius: 0; }

#boat_card_tbg .btn-details-calendar {
  border: 2px solid #111111; }

#boat_card_tbg:hover .btn-details-calendar {
  background-color: #1111111a;
  color: #111111; }

#boat_card_tbg .boat-card-header .boat-model,
#boat_card_tbg .boat-card-header .boat-name {
  font-weight: 600; }

#boat_card_tbg:hover:not(.not-available) .show-description-btn,
#boat_card_tbg:hover:not(.not-available) .hide-description-btn {
  background-color: #1111111a; }

#boat_card_tbg:hover:not(.not-available) .show-description-btn i,
#boat_card_tbg:hover:not(.not-available) .hide-description-btn i {
  color: #111111; }

/* Home link */
.back-home-container {
  display: flex;
  align-items: center;
  justify-content: end; }

.back-home-container .link-home {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
  justify-content: center; }

.back-home-container .link-home p {
  margin: 0;
  padding: 0; }

.back-home-container .link-home:hover img {
  animation: img-bounce-x 0.6s infinite alternate; }

@keyframes img-bounce-x {
  0% {
    transform: translateX(0); }
  100% {
    transform: translateX(10px); } }

/* Custom boat page */
.boat-product .boat-highlight {
  color: #111111;
  font-weight: 600; }

.boat-product .boat-highlight.mb-0 {
  padding-bottom: 1rem; }

.boat-product .boat-highlight.mb-3 {
  display: none; }

.boat-product .boat-abstract {
  font-size: 1.1rem; }

#collapse-rates .nav-pills-boat .nav-link {
  color: #777777; }

#collapse-rates .nav-pills-boat .nav-link.active {
  color: white;
  border-bottom: 5px solid white; }

.btn-dropdown {
  background-color: #111111;
  color: #ffffff; }
  .btn-dropdown:hover {
    background-color: #333333;
    color: #ffffff; }
  .btn-dropdown .fa-chevron-up,
  .btn-dropdown .fa-chevron-down {
    color: #ffffff; }

.collapse-dropdown {
  background-color: #ffffff;
  border: 1px solid #111111;
  border-top: none;
  border-radius: 0; }

.title-element {
  color: #111111; }

.btn-persons {
  background-color: #ffffff;
  color: #111111;
  border: 2px solid #111111;
  border-radius: 0; }
  .btn-persons:hover:not(.disabled) {
    background-color: #111111;
    color: #ffffff; }

.btn-extras {
  background-color: #111111;
  color: #ffffff;
  border-radius: 0; }

#booking-section-ports .collapse-dropdown-item.with-hover:hover {
  background-color: #e5e5e5;
  color: #111111; }

#booking-section-ports .collapse-dropdown-item.selected-element {
  background-color: #ffffff; }

#booking-section-extras .btn-dropdown {
  background-color: #111111; }

#booking-section-extras .extras-title-section {
  background-color: #ffffff;
  color: #111111; }

#booking-section-extras .extra-info {
  color: #333333; }

.section-total {
  background-color: #ffffff; }
  .section-total span:first-child {
    color: #333333;
    text-transform: uppercase;
    font-size: 0.8rem; }
  .section-total span:last-child {
    color: #111111;
    font-weight: 700;
    font-size: 1.5rem; }
  .section-total .base-price-without-discount {
    color: #777777; }
  .section-total .price-with-discount {
    color: #111111; }
  .section-total .discount-tooltip {
    color: #333333; }
    .section-total .discount-tooltip::after {
      background-color: #111111; }

#btn-booking,
#btn-booking-mobile,
.btn-booking-detail {
  border: none;
  border-radius: 0;
  background-color: #111111;
  color: #ffffff; }
  #btn-booking:hover:not(:disabled),
  #btn-booking-mobile:hover:not(:disabled),
  .btn-booking-detail:hover:not(:disabled) {
    background-color: #333333;
    color: #ffffff; }
  #btn-booking:disabled,
  #btn-booking-mobile:disabled,
  .btn-booking-detail:disabled {
    opacity: 0.6; }

.button-submit-tpv-list {
  background: #111111;
  color: #ffffff;
  border: 2px solid #111111;
  border-radius: 0;
  padding: 10px 20px;
  font-weight: 600; }
  .button-submit-tpv-list:hover {
    background-color: #ffffff;
    color: #111111; }

@media (max-width: 480px), (min-width: 481px) and (max-width: 769px), (min-width: 770px) and (max-width: 989px) {
  #boat-booking-div .row-booking-boat .btn-boat {
    width: 100%;
    margin-bottom: 10px; }
  .booking-buttons #btn-booking,
  .booking-buttons #btn-request-booking {
    width: 100%; }
  #booking-section-persons .collapse-dropdown-item {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem; }
  #booking-section-block-resume {
    background-color: #ffffff;
    border-top: 2px solid #111111; }
    #booking-section-block-resume .price-total {
      color: #111111; }
  .pb-4, .py-4 {
    padding-bottom: 0.5rem !important; }
  .pt-4, .py-4 {
    padding-top: 0.5rem !important; } }