/****************************************
  MEDIA QUERIES
****************************************/
/* FONTS */
@font-face {
  font-family: "Mont";
  src: url("/static/fonts/mont/Mont-Bold.otf") format("opentype");
  font-weight: 500;
  font-style: bold; }

@font-face {
  font-family: "Mont";
  src: url("/static/fonts/mont/Mont-Regular.otf") format("opentype");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: "Beckman";
  src: url("/static/fonts/beckman/Beckman-Black.otf") format("opentype");
  font-weight: 500;
  font-style: bold; }

@font-face {
  font-family: "Beckman";
  src: url("/static/fonts/beckman/Beckman.otf") format("opentype");
  font-weight: 300;
  font-style: normal; }

#header-django.white-header .main-menu li a {
  font-size: .95rem; }

#header-django.white-header {
  border-bottom: unset; }

#cms-content h1, #cms-content h2, #cms-content h3, #cms-content h4, #cms-content h5, #cms-content h6,
#cms-content h1 *:not(i), #cms-content h2 *:not(i), #cms-content h3 *:not(i), #cms-content h4 *:not(i), #cms-content h5 *:not(i), #cms-content h6 *:not(i) {
  font-family: Beckman, sans-serif !important;
  font-weight: bold; }

#cms-content *:not(h1, h2, h3, h4, h5, h6, i, strong, b),
footer *:not(i, strong, b) {
  font-family: Mont, sans-serif;
  font-weight: 300; }

#cms-content strong, #cms-content b,
#header-django strong, #header-django b
footer strong, footer b {
  font-family: Mont, sans-serif;
  font-weight: 500 !important; }

#header-django *:not(i) {
  font-family: Beckman, sans-serif !important;
  font-weight: 500 !important; }

.container {
  padding-left: 0;
  padding-right: 0; }

body #cms-content {
  overflow-x: hidden; }

/*****************************
  CUSTOM BOAT CARDS
*****************************/
#boat_card_tbg:not(.row_list) {
  box-shadow: none;
  border-radius: 0;
  width: 100%;
  border-radius: 0;
  border: 2px solid #F8AD00;
  padding: 5px;
  min-height: fit-content; }
  #boat_card_tbg:not(.row_list) .card-header-carousel .list_img {
    border-radius: 0; }
  #boat_card_tbg:not(.row_list) .card-header-carousel .carousel-control-next-icon,
  #boat_card_tbg:not(.row_list) .card-header-carousel .carousel-control-prev-icon {
    background-color: transparent; }
    #boat_card_tbg:not(.row_list) .card-header-carousel .carousel-control-next-icon i,
    #boat_card_tbg:not(.row_list) .card-header-carousel .carousel-control-prev-icon i {
      color: #F8AD00;
      font-size: 30px; }
  #boat_card_tbg:not(.row_list) .card-header-carousel .carousel-control-prev i::before {
    content: "\f0d9"; }
  #boat_card_tbg:not(.row_list) .card-header-carousel .carousel-control-next i::before {
    content: "\f0da"; }
  #boat_card_tbg:not(.row_list) .btn-calendar-half,
  #boat_card_tbg:not(.row_list) .btn-close-calendar,
  #boat_card_tbg:not(.row_list) .btn-book-half {
    border-radius: 0;
    font-family: "Beckman" !important;
    font-weight: bold !important; }
  #boat_card_tbg:not(.row_list) .btn-item-calendar i {
    display: none; }
  #boat_card_tbg:not(.row_list) .boat-card-header .boat-year {
    font-family: 'Beckman' !important;
    font-weight: bold !important;
    font-size: 18px; }
  #boat_card_tbg:not(.row_list) .boat-card-header .boat-model {
    font-family: 'Beckman' !important;
    font-weight: bold !important;
    font-size: 1.1rem; }
  #boat_card_tbg:not(.row_list) .boat-card-header .boat-zone {
    padding: .4rem 0; }
    #boat_card_tbg:not(.row_list) .boat-card-header .boat-zone i {
      color: #F8AD00; }
  #boat_card_tbg:not(.row_list) .col-feature svg path,
  #boat_card_tbg:not(.row_list) #boat_card_tbg .card-body .col-feature svg circle,
  #boat_card_tbg:not(.row_list) #boat_card_tbg .card-body .col-feature svg rect {
    fill: #162953 !important; }
  #boat_card_tbg:not(.row_list) .card-body .card-bottom {
    background-color: transparent; }
    #boat_card_tbg:not(.row_list) .card-body .card-bottom .from_text {
      font-family: 'Beckman' !important;
      font-weight: bold !important;
      font-size: 15px;
      text-align: left;
      color: #16295350; }
    #boat_card_tbg:not(.row_list) .card-body .card-bottom .price-container .price {
      display: flex;
      flex-direction: column; }
      #boat_card_tbg:not(.row_list) .card-body .card-bottom .price-container .price .price-title {
        order: 2; }
    #boat_card_tbg:not(.row_list) .card-body .card-bottom .price-container .price-num {
      font-family: 'Beckman' !important;
      font-weight: bold !important;
      font-size: .9rem; }
  #boat_card_tbg:not(.row_list) .calendar-card {
    border-radius: 0;
    position: absolute;
    top: 0;
    left: 0; }

.andromeda-link {
  text-align: right !important;
  margin-top: -25px; }
  .andromeda-link a {
    background-color: transparent;
    font-family: "Beckman" !important;
    font-weight: bold !important;
    color: #162953;
    font-size: 1.6rem;
    padding: 0 15px; }
    .andromeda-link a::after {
      content: url("/static/img/arrow.svg");
      width: 50px;
      height: 100%;
      padding-left: 1rem; }
    .andromeda-link a:hover {
      background-color: transparent;
      color: #F8AD00; }

/*****************************
  CUSTOM BOAT SEARCHER
*****************************/
.boat-searcher-plugin {
  background: #F8AD00;
  border: 4px solid #F8AD00;
  border-radius: 2px;
  padding: 0; }
  .boat-searcher-plugin .boat-searcher-container .input-boat-searcher {
    padding: 0 !important;
    margin: 0 !important; }
    @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
      .boat-searcher-plugin .boat-searcher-container .input-boat-searcher {
        height: 50px; } }
    .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div {
      padding: 0 !important;
      margin: 0 !important; }
      .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div .input-group-prepend {
        border: none;
        border-radius: 0; }
        .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div .input-group-prepend .input-group-text {
          border: none;
          border-radius: 0; }
          @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
            .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div .input-group-prepend .input-group-text {
              height: 50px; } }
        @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
          .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div .input-group-prepend {
            height: 50px; } }
      .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div select.form-control,
      .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div input#id_num_pax,
      .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div input.input-search-calendar {
        border: none;
        border-radius: 0;
        border-right: 4px solid #F8AD00;
        font-size: 20px; }
        @media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
          .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div select.form-control,
          .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div input#id_num_pax,
          .boat-searcher-plugin .boat-searcher-container .input-boat-searcher > div input.input-search-calendar {
            height: 50px; } }
  .boat-searcher-plugin .btn {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Beckman, sans-serif !important;
    font-weight: bold !important;
    font-size: 20px; }

/* HOME */
.hero-new-xl .hero-content .main-subtitle,
.home-searcher-container h2 {
  color: white; }

.our-boats-container .list-container .list-buttons {
  display: none; }

@media (min-width: 770px) {
  .hero-new-xl {
    height: 85dvh; }
  .hero-new-xl .hero-content {
    align-items: start; }
  .hero-new-xl h1.main-title {
    font-size: 60px;
    background: #16408a90;
    padding: 0 15px;
    text-align: left; }
  .hero-new-xl .hero-content .main-subtitle {
    font-size: 21px; }
  .home-searcher-container {
    margin-top: -85px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%); }
  .home-searcher-container h2 {
    font-size: 35px; }
  .info-tips-container {
    display: flex;
    justify-content: start;
    gap: 2rem;
    align-items: start;
    padding: 1rem; }
  .info-tips-container img {
    width: 72px;
    max-height: 90px; }
  .our-boats-container h2 {
    font-size: 55px;
    color: #0b2454; } }

@media (max-width: 770px) {
  .hero-new-xl {
    height: 80dvh; }
  .hero-new-xl h1.main-title {
    font-size: 45px;
    background: #16408a90;
    padding: 0 15px; }
  .hero-new-xl .hero-content * {
    text-align: center; }
  .home-searcher-container {
    text-align: center;
    padding: 38px 0; }
  .home-searcher-container h2 {
    color: #0b2454; }
  .info-tips-container {
    display: flex;
    justify-content: center;
    gap: 2rem;
    align-items: center;
    flex-direction: column;
    text-align: center;
    padding: 1rem 3rem; }
  .info-tips-container img {
    height: 150px; }
  .our-boats-container h2 {
    font-size: 30px;
    color: #0b2454; }
  .our-boats-container * {
    text-align: center; } }

/* CHARTER */
.hero-new-md.small {
  height: 40dvh; }

@media (min-width: 770px) {
  .hero-new-md.small {
    height: 40dvh; } }

@media (max-width: 770px) {
  .hero-new-md.small {
    height: 235px; }
  .hero-new-md h1 {
    font-size: 2rem; }
  .hero-new-md.small h1 {
    font-size: 1.2rem;
    padding: 0 3rem; } }

/* RUTAS */
.costas-container {
  background: #F8AD00;
  color: white;
  padding: 2rem; }

.costas-container .costas-button {
  background: #0B2454;
  color: white;
  text-decoration: none;
  padding: .5rem 2rem;
  border-radius: 5px;
  font-size: .8rem;
  transition: background-color 0.3s ease; }

.costas-container .costas-button:hover {
  background-color: #103477; }

h2#costa-sur,
h2#costa-norte {
  color: #0B2454;
  font-size: 2.5rem;
  font-weight: bold; }

h2#costa-sur ~ .carousel-default .carousel-control-prev,
h2#costa-sur ~ .carousel-default .carousel-control-next,
h2#costa-norte ~ .carousel-default .carousel-control-prev,
h2#costa-norte ~ .carousel-default .carousel-control-next {
  align-items: center;
  padding-bottom: 0; }

h2#costa-sur ~ .carousel-default .carousel-control-prev i.fa-chevron-left:before,
h2#costa-norte ~ .carousel-default .carousel-control-prev i.fa-chevron-left:before {
  content: "\f0d9";
  font-size: 40px;
  color: #f8ad00; }

h2#costa-sur ~ .carousel-default .carousel-control-next i.fa-chevron-right:before,
h2#costa-norte ~ .carousel-default .carousel-control-next i.fa-chevron-right:before {
  content: "\f0da";
  font-size: 40px;
  color: #f8ad00; }

h2#costa-sur ~ .carousel-default .carousel-control-next .carousel-control-next-icon,
h2#costa-sur ~ .carousel-default .carousel-control-prev .carousel-control-prev-icon,
h2#costa-norte ~ .carousel-default .carousel-control-next .carousel-control-next-icon,
h2#costa-norte ~ .carousel-default .carousel-control-prev .carousel-control-prev-icon {
  background-color: transparent; }

@media (min-width: 770px) {
  .rutas-menorca-img {
    position: absolute;
    top: -140px;
    right: 0; }
  .costas-container .costas-button {
    position: absolute;
    bottom: -15px;
    right: 40px; }
  h2#costa-sur ~ .carousel-default .carousel-control-prev,
  h2#costa-norte ~ .carousel-default .carousel-control-prev {
    left: -128px; }
  h2#costa-sur ~ .carousel-default .carousel-control-next,
  h2#costa-norte ~ .carousel-default .carousel-control-next {
    right: -128px; } }

@media (max-width: 770px) {
  .rutas-menorca-img {
    width: 250px;
    position: absolute;
    top: -90px;
    left: 50%;
    transform: translateX(-50%); }
  .costas-container:first-child {
    border-bottom: 2px solid #0b2454; } }

/* FAQ */
.faq-container-custom h2 {
  display: none; }

.faq-container-custom .faq-question-block {
  background-color: #0B2454 !important;
  border-radius: 7px;
  color: white;
  padding: .4rem 0; }

.faq-container-custom .faq-questions-container {
  position: relative;
  background: transparent !important;
  margin-top: -54px; }

#boat_card_tbg .btn-details-calendar {
  border-radius: 0; }

.andromeda-link a {
  font-family: "Beckman" !important;
  font-weight: bold !important; }

/* BOAT PAGE */
.swiper-container {
  height: 60dvh; }
  .swiper-container .swiper-slide {
    height: 100%;
    width: 100%; }
  .swiper-container .swiper-button-next {
    right: 30px; }
    .swiper-container .swiper-button-next::after {
      content: '\f0da';
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 2.5rem; }
  .swiper-container .swiper-button-prev {
    left: 30px; }
    .swiper-container .swiper-button-prev::after {
      content: '\f0d9';
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      font-size: 2.5rem; }
  .swiper-container .swiper-button-next, .swiper-container .swiper-button-prev {
    top: 44%; }
    .swiper-container .swiper-button-next::after, .swiper-container .swiper-button-prev::after {
      color: #F8AD00; }
  .swiper-container .carousel-img {
    height: 100%;
    object-fit: cover;
    width: 100%; }

.boat-product h1 {
  font-size: 40px;
  color: #162953; }

.boat-product .boat-name {
  color: #F8AD00;
  font-size: 30px;
  font-family: "Beckman", sans-serif !important;
  font-weight: bold !important;
  padding-bottom: 1.5rem; }