/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

input[type="email"] {
  text-transform: lowercase;
}

input[type="email"]::placeholder {
  text-transform: capitalize;
}

.dual-heading span {
  color: #fb9618;
}

.choose-us-box {
  border-width: 1px !important;
  border-image-slice: 1 !important;
  border: 1px solid;
  border-image-source: linear-gradient(180deg,
      rgba(198, 67, 39, 0.4) 0%,
      rgba(198, 67, 39, 0.16) 100.71%);
}

.choose-us-box:hover .elementor-icon {
  background-color: #fb9618 !important;
}


/* ========= list_check ======== */

.hebergement_list ul {
  padding: 0;
  list-style-type: none;
  row-gap: 8px;
  display: flex;
  flex-direction: column;
}

.hebergement_list ul li {
  position: relative;
  padding-left: 30px;
}

.hebergement_list ul li::before {
  position: absolute;
  content: '';
  background-image: url(./images/check.svg);
  z-index: 10;
  top: 4px;
  left: 0;
  background-size: contain;
  background-size: 20px;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.slider-nav .slick-prev,
.slider-nav .slick-next {
  position: relative;
}

.slider-nav .slick-prev::before {
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	background-image: url(./images/prevsmall.svg);
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: center;
  z-index: 99;
}


.slider-nav .slick-next::before {
	content: '';
	position: absolute;
	width: 36px;
	height: 36px;
	background-image: url(./images/nextsmall.svg);
	background-size: 8px;
	background-repeat: no-repeat;
	background-position: center;
	top: 50%;
	transform: translateY(-50%);
  z-index: 99;
}


/* Filter CSS */
#yacht-filter-form .filter_field {
	display: none;
}
#yacht-filter-form {
	display: flex;
	align-items: center;
	grid-gap: 10px;
	z-index: 11;
	position: relative;
}
#yacht-filter-form .filter-top-btn {
  display: block;
  line-height: 1;
	font-size: 16px;
	padding: 14px 12px;
	border: 1px solid #D9D9D9;
	transition: 0.2s;
}
#yacht-filter-form .filter_opt.active .filter_field {
	display: block;
}
#yacht-filter-form .filter_opt .filter_field {
  z-index: 12;
	position: absolute;
	background: #fff;
	padding: 12px;
	border: 1px solid #dadada;
	max-width: 300px;
	width: 100%;
	top: 100%;
}
#yacht-filter-form .filter_opt .filter_field .field_wrapper {
	border: 1px solid #dadada;
	padding: 8px;
	display: flex;
	flex-direction: column;
}
#yacht-filter-form .filter_opt .filter_field .field_wrapper label {
	font-size: 14px;
	font-weight: 600;
}
#yacht-filter-form .filter_opt .filter_field .field_wrapper input {
	border: 0;
	padding: 0;
	font-size: 14px;
	outline: none;
}
#yacht-filter-form .filter_opt .filter_field .single_submit {
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
  margin-top: 10px;
  border-top: 1px solid #dadada;
}
#yacht-filter-form .filter_opt .filter_field .single_submit button[type="submit"] {
	padding: 10px 10px;
	font-size: 14px;
	line-height: 1;
	background: #000;
	border: 0;
	transition: 0.2s;
	color: #fff;
}
#yacht-filter-form .filter_opt .filter_field .single_submit button#reset-filter {
	padding: 0;
	background: transparent;
	font-size: 14px;
	border: 0;
	color: #000;
}
#yacht-filter-form .filter_opt .filter_field .single_submit button#reset-filter:hover {
	text-decoration: underline;
}
#yacht-filter-form .filter_opt .filter_field.range_filter .input_range {
	display: flex;
	grid-gap: 10px;
	margin-bottom: 10px;
}
#yacht-filter-form .filter_opt .filter_field.range_filter .input_range input {
	height: 36px;
	font-size: 14px;
	border: 1px solid #dadada;
}
#yacht-filter-form .filter_opt .filter_field.range_filter .static_range {
	display: flex;
  grid-gap: 20px;
  justify-content: space-between;
}
#yacht-filter-form .filter_opt .filter_field.range_filter .static_range .filter-list {
	padding: 0;
	list-style: none;
	font-size: 16px;
	width: 100%;
}
#yacht-filter-form .filter_opt .filter_field.range_filter .static_range .filter-list .filter-item[data-value=""] {
	font-weight: bold;
}
#yacht-filter-form .filter_opt .filter_field.range_filter .static_range .filter-list .filter-item {
	cursor: pointer;
}
#yacht-filter-form .filter_opt .filter_field.range_filter .static_range .filter-list .filter-item.active {
	font-weight: bold;
}
#yacht-results, #rental-yacht-results {
	display: grid;
/* grid-template-columns: repeat(3, 1fr); */
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 30px;
}
#yacht-results .yacht-item .yacht-top .yacht-thumbnail, #rental-yacht-results .yacht-item .yacht-top .yacht-thumbnail {
  height: 409px;
}
#yacht-results .yacht-item .yacht-top .yacht-thumbnail a,
#rental-yacht-results .yacht-item .yacht-top .yacht-thumbnail a {
	height: 100%;
	display: block;
}
#yacht-results .yacht-item .yacht-top .yacht-thumbnail a img,
#rental-yacht-results .yacht-item .yacht-top .yacht-thumbnail a img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
#yacht-results .yacht-item, #rental-yacht-results .yacht-item  {
	padding: 12px 12px 20px 12px;
	border: 1px solid rgba(0,0,0,0.1);
}
.yacht-bottom .yacht-price {
	color: var(--e-global-color-primary);
	font-size: 24px;
	font-weight: 600;
}
.yacht-bottom .yacht-title a{
	font-size: 24px;
	color: #000;
	font-weight: 400;
	transition: all 0.4s ease;
}
.yacht-bottom .yacht-specs {
	display: flex;
	padding: 0;
	list-style: none;
	grid-gap: 10px;
	flex-wrap: wrap;
}
.yacht-bottom .yacht-specs li {
	font-size: 16px;
	display: flex;
	align-items: center;
	grid-gap: 6px;
	padding: 8px;
	border: 1px solid #D9D9D9;
	color: #333;
	min-width: 80px;
	justify-content: center;
}
#yacht-results .yacht-item .yacht-bottom, #rental-yacht-results .yacht-item .yacht-bottom {
	padding: 20px 0 0 11px;
}
#yacht-filter-form .sortby_filter select#sortby {
	background: #f0f0f0;
	border: 1px solid #dadada;
	padding-left: 10px;
}
#yacht-filter-form .sortby_filter .field_wrapper {
	padding: 0 !important;
	border: 0 !important;
}

.yacht-location{
	color: #fff;
	/* margin-top: -40px; */
	margin-left: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	column-gap: 9px;
	font-size: 18px;
	line-height: 18px;
	position: absolute;
	bottom: 25px;
	left: 0;
	z-index: 1;
}
.yacht-top{
	position: relative;
}
.yacht-thumbnail{
	position: relative;
}
.yacht-thumbnail::after{
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 70.84%, #000000 100%);
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
}
.yacht-title{
	margin-bottom: 3px;
}
.yacht-description{
	margin-bottom: 18px !important;
	font-size: 18px;
}



#yacht-results .yacht-item, #rental-yacht-results .yacht-item {
	min-width: 0;
}





/* ========= filter form ========== */
@media (max-width: 1200px){
	.yacht-bottom .yacht-title a{
		font-size: 22px;
	}
}

@media (max-width: 1080px) {
  #yacht-results, #rental-yacht-results {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {

  #yacht-results, #rental-yacht-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-gap: 20px;
  }
  #yacht-results .yacht-item .yacht-top .yacht-thumbnail, #rental-yacht-results .yacht-item .yacht-top .yacht-thumbnail{
	height: 280px;
  }

}

@media (max-width: 880px){
	.yacht-bottom .yacht-price {
		font-size: 22px;
	}
	.yacht-description{
		font-size: 16px;
	}
	.yacht-bottom .yacht-title a{
		font-size: 20px;
	}
	#yacht-results .yacht-item .yacht-top .yacht-thumbnail, #rental-yacht-results .yacht-item .yacht-top .yacht-thumbnail{
		height: 240px;
	}
	.yacht-location{
		font-size: 16px;
	}
	.yacht-bottom .yacht-specs li{
		padding: 5px;
		font-size: 14px;
	}
}

@media (max-width: 767px) {

  .dual-heading .elementor-divider-separator::after,
  .dual-heading .elementor-divider-separator::before {
    display: none !important;
  }

  .dual-heading .elementor-divider-separator h2 {
    margin: 0 auto !important;
  }

  .hebergement_list ul li::before {
    background-size: 14px;
  }

  .slider-nav .slick-next::before {
    width: 28px;
    height: 28px;
    background-size: 6px;
  }
  .slider-nav .slick-prev::before {
    width: 28px;
    height: 28px;
    background-size: 6px;
  }
  #yacht-filter-form {
    flex-wrap: wrap;
  }
  #yacht-filter-form .filter_opt {
    width: 100%;
    position: relative;
  }
  .yacht-bottom .yacht-specs li{
		padding: 5px;
		font-size: 14px;

	}
	.yacht-bottom .yacht-specs{
		grid-gap: 5px;
	}
	#yacht-results .yacht-item .yacht-bottom, #rental-yacht-results .yacht-item .yacht-bottom{
		padding: 10px;
	}
	.yacht-description{
		font-size: 14px;
		line-height: 16px;
	}
	.yacht-bottom .yacht-title a{
		font-size: 18px;
	}
	.yacht-bottom .yacht-price{
		font-size: 18px;
	}
}

@media (max-width: 650px){
	#yacht-results, #rental-yacht-results {
		grid-template-columns: repeat(1, 1fr);
	}
}

@media (max-width: 575px) {
  .yacht-loop-style .elementor-loop-container {
    grid-template-columns: repeat(1, 1fr) !important;
  }

  .yacht-loop-style .elementor-loop-container.elementor-posts-masonry .e-loop-item {
    margin-top: 0 !important;
  }
  #yacht-results {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 400px){
	#yacht-results .yacht-item .yacht-top .yacht-thumbnail, #rental-yacht-results .yacht-item .yacht-top .yacht-thumbnail {
		height: 200px;
	}
}

@media (max-width: 475px) {
  .whychoose-sec {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}