/* CSS Document */
.hide {display:none !important;}
.clear.clearfix {clear:both;}

.sp_waterbrush {font-family: 'Water Brush', Inter, Helvetica, "sans-serif";}

.hero_background{background-image:url('images/sailorsplanner_hero2.png'); background-repeat:no-repeat; background-size:cover; background-position:center; max-height:620px; border-top-left-radius:0.625rem; border-top-right-radius:0.625rem; }
.hero_title { text-shadow: 1px 1px 5px #000;}
.hero_subline{ }
@media (min-width: 576px) {
	.hero_title {padding-top:12.25rem !important;}
	.hero_subline {padding-bottom:12.25rem !important;} 
	.sp_waterbrush.sp_title {font-size: 4.5rem !important;font-weight: 200 !important;}
}
@media (min-width: 768px) { 
	.hero_title {padding-top:15.25rem !important;}
	.hero_subline {padding-bottom:15.25rem !important;} 
	.sp_waterbrush.sp_title {font-size: 4.5rem !important;font-weight: 350 !important;}
}
@media (min-width: 992px) { 
	.hero_title {padding-top:20rem !important;}
	.hero_subline {padding-bottom:20rem !important;} 
	.sp_waterbrush.sp_title {font-size: 5.25rem !important;font-weight: 400 !important;}
}

.sp_map {height:250px; width:100%;}
.sp_map_itinerary,.sp_map_heatmap {height:400px; width:100%;}

/* Scheduling Widget - begin */
    /* Basic styling for the grid */
    .time-grid {
      border-collapse: collapse;
      width: 100%;
      table-layout: fixed;
      vertical-align:middle;
    }
    .time-grid th,
    .time-grid td {
      border: 1px solid #ddd;
      height: 30px;
      text-align: center;
      padding: 0;
      user-select: none;
      font-weight:normal;
      width: 45px;
      min-width: 42px;
        max-width: 120px;
    }
    [data-bs-theme="dark"] .time-grid td, [data-bs-theme="dark"] .time-grid th { border: 1px solid #26272D; }
    .time-grid th { background-color: #f8f9fa; }
    [data-bs-theme="dark"] .time-grid th { background-color: transparent; }
    [data-bs-theme="dark"] .time-grid td.col_date_possible { color: #000; }

    .col_Sat, .col_Sun { background-color: #e5f0fc; }
    .cell-available, .col_Sat.cell-available, .col_Sun.cell-available {
      background-color: #28a745; /* green */
      color: white;
    }
    .cell-unavailable {
      background-color: #f8d7da; /* light red/pink */
      color: black;
    }
    [data-bs-theme="dark"] .time-grid .cell-unavailable { background-color: #9A9CAE; }
    .time-label {
      background-color: #e9ecef;
    }
    [data-bs-theme="dark"] .time-label { background-color: transparent; }
    .day-label {
      background-color: #e9ecef;
    }
    [data-bs-theme="dark"] .day-label { background-color: transparent; }

    /* heat‐map example shading */
    .heat-0 { background-color: #ffffff; }
    .heat-1 { background-color: #d4edda; }
    .heat-2 { background-color: #a8d5b5; }
    .heat-3 { background-color: #6cc88e; }
    .heat-4 { background-color: #38b567; color: #fff; }

    .col_date_notpossible, .col_date_notpossible.heat-0 { background-color: #efefef; }
.col_date_notpossible.col_Sat, .col_date_notpossible.col_Sun { background-color: #ebebeb; }
    [data-bs-theme="dark"] .time-grid .col_date_notpossible, [data-bs-theme="dark"] .col_date_notpossible.heat-0  { background-color: #1b1b1b; }
/* Scheduling Widget - end */

#kt_content_logo {display:block;}

[data-bs-theme="dark"] .text-dark {color:#fff !important;}

.fc-event{cursor:pointer;}

.form_editor{height:100px !important;display:block;}
@media screen and (max-width: 576px) {
    .aside-fixed[data-kt-sticky-header=on] #kt_header {
        left: 0px;
        max-width: 100%;
    }
}

/* KT Drawer Override */
/* .drawer-sm-12 drawer-md-12 drawer-xl bg-body drawer drawer-end drawer-on */
/* drawer-sm-12 drawer-md-12 drawer-lg-12 drawer-xl-12 drawer-xxl-12 drawer-xl bg-body drawer drawer-end drawer-on */
@media screen and (max-width: 1400px) {
    .drawer.drawer-xxl,
    .drawer.drawer-on.drawer-xxl-12 {
        width:800px;
    }
}
@media screen and (max-width: 1200px) {
    .drawer.drawer-xl,
    .drawer.drawer-on.drawer-xl-12 {
        width:800px;
    }
}
@media screen and (max-width: 992px) {
    .drawer.drawer-lg,
    .drawer.drawer-on.drawer-lg-12 {
        width:800px;
    }
    .aside-fixed[data-kt-sticky-header=on] .header {
        left: 240px;
    }
}
@media screen and (max-width: 768px) {
    .drawer.drawer-md,
    .drawer.drawer-on.drawer-md-12 {
        width:550px;
    }
}
@media screen and (max-width: 576px) {
    .drawer.drawer-sm,
    .drawer.drawer-on.drawer-sm-12 {
        width:350px;
    }
}

/* === */

@media print {
    .print-show,
    .print-show.hide {display:inline-block !important;}
    .tab-content > .tab-pane {
        display: block !important;
    }
}