/***************************************************************************************************
HEADER
***************************************************************************************************/
header.position-fixed + #cms-content, header.header-fixed + #cms-content, header#header-django.header-fixed:not(.main-page) ~ #cms-content {
  margin-top: 71px; }

/***************************************************************************************************
ACTIVITY SEARCHER
***************************************************************************************************/
.activity-searcher-plugin {
  border-top: 2px solid #0075C9;
  background-color: #0075C948; }
  .activity-searcher-plugin .input-activity-searcher .btn {
    background: #54C8E8;
    height: calc(2.25rem + 2px);
    color: #fff;
    border: 1px solid #0075C9; }
  .activity-searcher-plugin .input-activity-searcher .btn:hover {
    background: #0075C9;
    color: #fff; }
  .activity-searcher-plugin .input-group-text {
    background-color: #54C8E8;
    color: #090038; }
  .activity-searcher-plugin .form-control {
    border: 1px solid #54C8E8; }
  @media (min-width: 991.98px) and (max-width: 1600px) {
    .activity-searcher-plugin .input-activity-searcher .btn {
      height: calc(1.65rem + 2px); } }
  .activity-searcher-plugin .ms-choice {
    height: 20px; }

/***************************************************************************************************
ACTIVITY LIST
***************************************************************************************************/
.card.item_card .logo-activities {
  position: absolute;
  background-color: white;
  z-index: 1;
  bottom: -30px;
  right: 10px;
  border: 1px solid #54C8E8; }

.card.item_card .logo-activities img {
  height: 2.5rem; }

.card.item_card .card-body {
  padding: 2.25rem 1.25rem 1.25rem 1.25rem; }

.item_card:hover .prices_color, .item_card:hover .price .main-color {
  color: unset; }

/***************************************************************************************************
ACTIVITY DEFAULT HEADER
***************************************************************************************************/
.activity-header-logo {
  position: absolute;
  background-color: white;
  z-index: 1;
  bottom: 5.5rem;
  left: 3vw;
  border: 1px solid #54C8E8; }

.activity-header-logo img {
  height: 5vw; }

@media (max-width: 1200px) {
  .activity-header-logo {
    bottom: 4.4rem; }
  .activity-header-logo img {
    height: 6vw; } }

/***************************************************************************************************
BOAT SEARCHER
***************************************************************************************************/
.boat-searcher-plugin {
  border-top: 2px solid #0075C9;
  background-color: #0075C948; }
  .boat-searcher-plugin .input-boat-searcher .btn {
    background: #54C8E8;
    color: #fff;
    border: 1px solid #0075C9; }
  .boat-searcher-plugin .input-boat-searcher .btn:hover {
    background: #0075C9;
    color: #fff; }
  .boat-searcher-plugin .input-group-text {
    background-color: #54C8E8;
    color: #090038; }
  .boat-searcher-plugin .form-control {
    border: 1px solid #6e6e6e; }
  @media (min-width: 991.98px) and (max-width: 1600px) {
    .boat-searcher-plugin .input-boat-searcher #id_boat_type {
      width: 100%; } }
/***************************************************************************************************
BOAT LIST
***************************************************************************************************/
.logo-boats {
  position: absolute;
  background-color: white;
  z-index: 1;
  bottom: -20px;
  right: 10px;
  border: 1px solid #54C8E8; }

.logo-boats img {
  height: 2.5rem; }

.logo-boats-map {
  position: absolute;
  background-color: white;
  z-index: 1;
  bottom: 10px;
  right: 10px;
  border: 1px solid #54C8E8; }

.logo-boats-map img {
  height: 1.5rem; }

.card-body {
  padding: 2.25rem 1.25rem 1.25rem 1.25rem; }

.boat-zone {
  display: none; }

.card.boat_card .card-body {
  padding-top: 1.75rem; }

/***************************************************************************************************
BOAT DETAIL HEADER
***************************************************************************************************/
.boat-header-logo {
  position: absolute;
  background-color: white;
  z-index: 1;
  bottom: 2rem;
  left: 3vw;
  border: 1px solid #54C8E8; }

.boat-header-name h2 {
  position: relative; }

.boat-header-logo img {
  height: 5vw; }

@media (max-width: 768px) {
  .boat-header-logo img {
    height: 7vw; } }

@media (max-width: 600px) {
  .boat-header-logo {
    bottom: 3.4rem; }
  .boat-header-logo img {
    height: 10vw; } }

/***************************************************************************************************
BOAT DETAIL DESCRIPTION
***************************************************************************************************/
/* Download PDF button */
#download-boat-pdf {
  background-color: #54C8E8; }

#download-boat-pdf:hover {
  background-color: #0075C9; }

/***************************************************************************************************
TABS
***************************************************************************************************/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background-color: #0075C948;
  border-bottom: 3px solid #0075C9;
  color: #0075C9; }

.nav-tabs .nav-link:hover:not(.active) {
  border-bottom: 3px solid #0075C930; }

.nav-tabs .nav-link {
  color: #09003880; }

@media (max-width: 768px) {
  .nav-tabs .nav-link {
    padding: .5rem; } }

/***************************************************************************************************
SUB NEWSLETTER
***************************************************************************************************/
.sub_newsletter-container .btn:hover {
  color: #fff; }

.sub_newsletter-container .btn {
  color: #fff;
  border: 1px solid #0075C9; }

.sub_newsletter-container .form-container .btn-subscribe {
  display: inline-block; }

.sub_newsletter-container .confirmation-check-container .btn-subscribe {
  display: none; }

@media (max-width: 768px) {
  .sub_newsletter-container .form-group {
    border-bottom: 1px solid #54C8E8;
    margin-bottom: 10px;
    width: 100%; }
  .sub_newsletter-container .form-container {
    border: unset; }
  .sub_newsletter-container .form-container .btn-subscribe {
    display: none; }
  .sub_newsletter-container .confirmation-check-container .btn-subscribe {
    display: inline-block;
    margin-top: 10px; } }

/***************************************************************************************************
TITLE
***************************************************************************************************/
.background-title-container.register-page {
  border: 3px solid #54C8E8;
  border-radius: 5px;
  background-position-x: 235px;
  background-position-y: -55px;
  background-size: 300px; }
  .background-title-container.register-page .title-container {
    align-items: unset; }
  .background-title-container.register-page .title-container .title {
    font-size: calc(2rem + .4rem);
    color: #0075C9;
    text-align: unset;
    margin-bottom: 1rem; }
  .background-title-container.register-page .title-container .subtitle {
    font-size: calc(1.2rem - .2rem);
    color: #0075C9;
    text-align: unset;
    margin: 0; }
  .background-title-container.register-page .title-container .text {
    color: #090038;
    text-align: unset;
    padding: 1rem 0; }
  .background-title-container.register-page .title-container .text p {
    font-size: .9rem;
    font-weight: 500; }
  .background-title-container.register-page .title-container .text::before {
    content: ""; }
  .background-title-container.register-page .title-container .text::after {
    content: ""; }
  .background-title-container.register-page .title-container a {
    color: #fff;
    text-transform: capitalize;
    font-size: .9rem;
    width: 100%;
    height: 2rem;
    border: 1px solid #54C8E8; }
  .background-title-container.register-page .title-container a:hover {
    color: #54C8E8;
    background-color: #fff; }

.background-title-container.register-header {
  background-position-y: -25px; }
  .background-title-container.register-header .title-container h1.title {
    font-size: calc(2rem + .7rem); }

/***************************************************************************************************
PRIMARY BUTTONS
***************************************************************************************************/
.btn-primary {
  border-color: #54C8E8;
  background-color: #54C8E8;
  font-weight: bold; }

.btn-primary:hover {
  background-color: #fff;
  border-color: #54C8E8;
  color: #54C8E8; }