/*
Theme Name: Kadence Child
Theme URI: https://kapowinteractive.com.au/
Description: A child theme for Kadence.
Author: Noushad Nipun
Author URI: https://kapowinteractive.com.au/
Template: kadence
Version: 1.0.0
*/


.flexslider.carousel {
    margin-top: 0px;
}

.flexslider{
    margin-bottom: 0px;
}

#slider .slides li {
    position: relative;
    height: 500px; /* Set the height for the main slider's slides */
}

#slider .slides li img,
#slider .slides li video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This makes the video or image cover the available space */
}


#carousel .slides li {
    margin-right: 5px; /* Space between thumbnails */
    height: 150px; /* Fixed height for thumbnails */
    width: auto; /* Adjust width based on the aspect ratio or set a specific width */
}

#carousel .slides img {
    height: 100%;
    width: 100%; /* Adjust width automatically to maintain aspect ratio */
    object-fit: cover; /* Ensures the entire image fits within the thumbnail */
}

#carousel .slides li video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* This makes the video or image cover the available space */
}




/* Style for the nav-tabs */
.nav-tabs .nav-link {
    background: none; 
    color: grey; 
    border: none; 
}

.nav-tabs .nav-link{
    border-radius:0px;
}

/* Style for the nav-link hover and active state */

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link.active {
    border-bottom: 2px solid blue;
    border-radius:0px;
}

#myTab{
    margin-left:0px;
}

/* Ensure the active tab has the underline persistently */
.nav-tabs .nav-link.active {
    color: grey; /* Maintain grey text color even for active state */
}


/*

.feature_items{
    display: flex;
    gap: 10px;
    align-items: center;
}


.feature_items i {
    flex: 0 0 60px; 
    text-align: center;
}

.feature_items p:nth-child(2) {
    flex: 0 0 120px; 
    text-align: left;
}

.feature_items p:nth-child(3) {
    flex: 0 0 60px; 
    text-align: center;
}



*/





.tab-content>.tab-pane {
    padding-top: 25px;
}

.single-vessel-aside{
    background:#f1f1f1;
}


.vassel-tabs-accrodion button{
    border-radius:0;
    width:100%;
    
}
.vassel-tabs-accrodion h2{
margin:0;
    
}


.accordion-button:not(.collapsed) {
    color: var(--button-color);
    background-color:var(--button-background,var(--color-primary));
    background: var(--button-background,var(--color-primary));
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}





@media (max-width: 768px) {
    #slider .slides li {
        height: 300px; /* Smaller height for smaller devices */
    }
    
    .single-vessel-aside{
        padding:0px !important;
    }

    #carousel .slides li {
        height: 120px; /* Smaller thumbnails on mobile */
    }
}

.select-wrapper {
  position: relative;
  display: inline-block;
}
.select-label {
  position: absolute;
  top: -8px;
  left: 10px;
  background: white;
  padding: 0 4px;
  font-size: 12px;
  color: #666;
}




/* style for boat search form */
.formHolder{
	border:#e5e4e4 solid 1px;
}

#boatSearchForm {
    display: flex;         
    flex-wrap: nowrap;     
    gap: 20px;
    align-items: flex-end;
	  justify-content: center;
}

#boatSearchForm > div {
    display: flex;
    flex-direction: column;
}

#boatSearchForm label{
	font-size:12px;
}

#boatSearchForm input,
#boatSearchForm select,
#boatSearchForm button {
    width: 100%;
}

[type=date],[type=number]{
	padding:7px 7px;
}


@media (max-width: 768px) {
    #boatSearchForm {
        flex-wrap: wrap; 
				gap: 0px !important;
    }
	
	
	#boatSearchForm > div {
			display: flex;
			flex-direction: column;
			width: 42%;
			margin: 2%;
	}

	
}


.fleet-grid-even{
	background:var(--color-alt);
}

.fleet-grid-price span {
    color: #c8325a;
    font-size: xx-large;
}