/*
Theme Name: Seafarer Child
Theme URI: https://seafarer.qodeinteractive.com
Description: A child theme of Seafarer
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: seafarer
Template: seafarer
*/

/** global **/
main#qodef-page-content .qodef-grid-inner {
    margin: 0;
}
main#qodef-page-content .qodef-grid-inner .qodef-page-content-section {
    padding: 0;
}
.elementor-widget-text-editor ul {
    padding-left: 20px;
	list-style-position: outside;
}
.elementor-widget-text-editor ul li {
	margin-bottom: 15px;
	line-height: 28px;
}
.elementor-widget-text-editor p {
    margin-bottom: 20px;
}
/** end global **/

/** header **/
header .elementor-nav-menu--main .elementor-nav-menu{
	margin-bottom: 0!important;
}
header .qodef-menu-item-arrow{
	display: none;
}
header .elementor-nav-menu--dropdown a:hover, header .elementor-nav-menu--dropdown  a.elementor-item-active,  header .elementor-nav-menu--dropdown  a.highlighted{
   fill: #ffffff !important;
}

@media(min-width: 1024px) and (max-width: 1245px){
	header .elementor-nav-menu--main .elementor-nav-menu .menu-item a{
		padding-left: 9px!important;
    	padding-right: 9px!important;
	}
}
@media(min-width: 1024px) and (max-width: 1300px){
	header .elementor-nav-menu--main .elementor-nav-menu .menu-item a {
		font-size: 14px!important;
	}
	header .elementor-button {
		font-size: 12px!important;
		padding: 12px 15px !important;
	}
}
/** end header **/

/** section-availability **/
.form-reserve-now {
    column-gap: 25px;
    display: flex;
	align-items: center;
}
.form-reserve-now .form-div {
    width: 20%;
}
.form-reserve-now .form-div label{
    font-size: clamp(16px, 3vw, 18px);
	line-height: 1.2em;
	color: #fff !important;
	text-align: center;
}
.section-availability .form-reserve-now  .form-div select,
.section-availability .form-reserve-now  .form-div input{
	border: 2px solid #fff !important;
    color: #fff !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
	width: 100%;
	margin-bottom: 0;
	font-size: clamp(14px, 3vw, 18px);
	line-height: 1.2em;
	text-align: center;
	appearance: none;
	background: transparent;
}
.section-availability .form-reserve-now .form-div select {
    background: url("./assets/img/arrow-bottom.png");
    background-size: 15px 10px;
    background-repeat: no-repeat;
    background-position: 97%;
	padding: 12px 30px 12px 15px !important;
}
.section-availability .form-reserve-now .form-div input::-webkit-calendar-picker-indicator {
    filter: invert(1);
}
.section-availability .form-reserve-now .form-div select option {
    text-align: center;
}
.section-availability .form-reserve-now  .form-submit input[type="submit"] {
    letter-spacing: 0;
	border: 2px solid #fff!important;
	border-radius: 27px;
    padding: 15px 20px;
    max-width: 100%;
	text-wrap: initial;
}
.section-availability .form-reserve-now  .form-submit input[type="submit"]:hover {
    background: white!important;
	color: black!important;
}
@media(max-width: 1024px){
	.form-reserve-now {
		flex-wrap: wrap;
		row-gap: 25px;
		max-width: 800px;
        margin: 0 auto;
	}
	.form-reserve-now .form-div {
		width: calc(50% - 13px);
	}
	.form-reserve-now .form-div.form-submit {
        margin: 15px auto 0px;
		width: 100%;
        max-width: 300px;
	}
}
/** end section-availability **/

/** secion-cards **/
.icon-card-text .elementor-widget-button {
    margin-top: auto;
}
@media(min-width: 1025px){
	.section-rates-features .img-card-vertical{
		position: absolute;
		width: 100%;
		height: 100%;
	}
}
@media(max-width: 520px){
	.img-card-vertical img{
		width: 100% !important;
	}
}
/** end secion-cards **/

/** section-testimonial **/
.section-testimonial .qodef-testimonials-list .qodef-e-static-title{
	font-size: 60px;
	margin: 0 0 20px;
}
.section-testimonial .qodef-testimonials-list{
	max-width: 100%;
}
.section-testimonial .qodef-testimonials-list .swiper-wrapper .qodef-e-content p{
	font-size: 18px;
}
.section-testimonial .qodef-testimonials-list .swiper-wrapper .qodef-e-content .qodef-e-author{
	color: transparent;
}
.section-testimonial .qodef-testimonials-list .swiper-wrapper .qodef-e-content .qodef-e-author .qodef-e-author-job,
.section-testimonial .qodef-testimonials-list .swiper-wrapper .qodef-e-content .qodef-e-author .qodef-e-author-name{
	color: #fff;
	font-size: 20px;
}
.section-testimonial .elementor-widget-seafarer_core_testimonials_list .qodef-testimonials-nav{
	width: 27px !important;
    height: 46px !important;
	background-size: cover!important;
}
.section-testimonial .elementor-widget-seafarer_core_testimonials_list .qodef-testimonials-nav svg{
	display: none;
}
.section-testimonial .elementor-widget-seafarer_core_testimonials_list .swiper-button-next {
    right: -60px !important;
	background: url('./assets/img/arrow-right.png')!important;
}
.section-testimonial .elementor-widget-seafarer_core_testimonials_list .swiper-button-prev {
    left: -60px !important;
	background: url('./assets/img/arrow-left.png')!important;
}
.section-testimonial .qodef-testimonials-nav polyline {
    fill: white;
    color: white;
}
@media(max-width: 991px){
.section-testimonial .elementor-widget-seafarer_core_testimonials_list .swiper-button-next {
    right: -30px !important;
}
.section-testimonial .elementor-widget-seafarer_core_testimonials_list .swiper-button-prev {
    left: -30px !important;
}
}
@media(max-width: 767px){
	.section-testimonial .qodef-testimonials-list .qodef-e-static-title{
		font-size: 38px;
	}
}
/** end section-testimonial **/

/** slider-post-custom **/
.slider-post-custom{
    padding: 0 35px;
}
.slider-post-custom .swiper-button-next {
    right: 0px !important;
}
.slider-post-custom .swiper-button-prev {
    left: 0px !important;
}
.slider-post-custom .qodef-blog-item .qodef-e-media-video::before,
.slider-post-custom .qodef-blog-item .qodef-e-media-image::before{
	content: none!important;
}
.slider-post-custom .qodef-blog-item .qodef-e-media{
	padding: 16px;
    border: 1px solid #D5CDBE;
	margin-bottom: 20px;
}
.slider-post-custom .qodef-blog-item .qodef-e-media .qodef-e-media-image{
	margin-bottom: 0;
	width: 100%;
}
.slider-post-custom .qodef-blog-item .qodef-e-media .qodef-e-media-image img{
	height: 210px;
	width: 100%;
	object-fit: cover;
}
.slider-post-custom .qodef-blog-item .qodef-e-content .qodef-e-top-holder{
	display:none
}
.slider-post-custom .qodef-blog-item .qodef-e-content .qodef-e-text .qodef-e-title {
	font-family: Roboto, sans-serif;
	font-size: 22px;
	margin-bottom: 10px;
	text-transform: initial;
	color: #121730;
}
.slider-post-custom .qodef-blog-item .qodef-e-content .qodef-e-excerpt {
    margin: 0;
	color: #313131;
	font-size: 18px;
	font-weight: 400;
}
.slider-post-custom .qodef-blog-item .qodef-e-content .qodef-e-bottom-holder {
    margin-top: 10px;
	display: none;
}
/** end slider-post-custom **/

/** footer **/
.site-footer .e-con-inner{
	row-gap: 50px!important;
}
.site-footer p,
.site-footer .elementor-nav-menu{
	margin: 0;
}
.site-footer .footer-info a:hover{
	color: #D5CDBE !important;
	text-decoration: underline;
	text-decoration-color: #D5CDBE;
}

@media(max-width: 767px){
	.site-footer .e-con-inner{
		row-gap: 30px!important;
	}
}
@media(max-width: 575px){
   .site-footer .e-con-inner{
	    flex-direction: column !important;
        align-items: center !important;
   }
	.site-footer .e-con-inner .custom-col{
        align-items: center !important;
		width: 100%;
   }
	.site-footer p, .site-footer .elementor-heading-title{
	   text-align: center;
   }
}
/** end footer **/

/** section-side-img-text **/
@media(min-width: 768px){
	.section-side-img-text .elementor-widget-image {
		height: 100%;
		position: absolute;
		width: 100%;
	}
}
@media(min-width: 1350px){
	.section-side-img-text .side-text-content {
		max-width: 650px;
		width: 100%;
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
/** end section-side-img-text  **/

/*** faq-custom **/
.faq-custom .qodef-e-title-holder {
	border-top: 1px solid #121730;
    margin: 0 !important;
	font-size: 22px !important;
	background: transparent !important;
}
.faq-custom .qodef-e-title-holder:first-of-type {
	border-top: 0;
}
.faq-custom .qodef-e-title-holder:last-of-type {
    border-bottom: 1px solid #121730;
}
.faq-custom .qodef-e-content p, .faq-custom .qodef-e-content ul li {
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

@media(max-width: 767px){
	.faq-custom .qodef-e-title-holder {
		font-size: 18px !important;
	}
	.faq-custom .qodef-e-content p, .faq-custom .qodef-e-content ul li{
		font-size: 16px;
	}
}
/*** end faq-custom **/

/** section-blog **/
@media (min-width: 575px){
	.section-blog .qodef-e-media-image img{
	   min-height: 286px;
	   object-fit: cover;
    }
}
.section-blog  .next, .section-blog .prev {
	position: relative;
	display: inline-block;
	text-indent: -9999px; 
	overflow: hidden;
}
.section-blog  .next svg, .section-blog .prev svg {
	display: none;
}
.section-blog .prev::after,
.section-blog .next::after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-indent: 0;
}

.section-blog .prev::after {
	content: "<";
}

.section-blog .next::after {
	content: ">";
}

/*arrow*/
.blog .swiper-button-next, .blog .swiper-button-prev {
  top: 30%; 
}
.blog .swiper-button-next::before, .blog .swiper-button-prev::before  {
  content: ""; 
  display: block; 
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 27px; 
  height: 46px;
  color: transparent; 
  text-indent: -9999px;
  border: none;
}
.blog .swiper-button-next::before {
  background-image: url('https://sailscaribbean.com/wp-content/uploads/2025/05/next.png') !important; 
}
.blog .swiper-button-prev::before {
  background-image: url('https://sailscaribbean.com/wp-content/uploads/2025/05/next.png') !important; 
  transform: scaleX(-1);
}
.blog .swiper-button-next svg, .blog .swiper-button-prev svg {
	display: none;
}
.blog .qodef-e-media-image img {
  transition: transform 0.6s ease;
}
.blog .qodef-e-media-image:hover img {
  transform: scale(1.1); 
}

/** end section-blog **/

/** form-site **/
.form-site .form-row{
	display: flex;
    gap: 0px 20px;
}
.form-site .form-row label {
    margin: 0 0 30px;
    flex: 25%;
}
.form-site .form-row.form-row-3-custom label:first-child {
    flex: calc(50% + 20px);
}
.form-site .form-row label .wpcf7-form-control-wrap {
    display: block;
}
.form-site .form-row label select,
.form-site .form-row label textarea,
.form-site .form-row label input {
    margin: 0;
	color: #313131;
	font-size: clamp(16px, 3vw,18px);
    line-height: 1.3em;
	background-color: #E7EFF7;
    border: 1px solid #121730;
	width: 100%;
	font-weight: 400;
}
.form-site .form-row label select:focus,
.form-site .form-row label textarea:focus,
.form-site .form-row label input:focus {
    border: 1px solid #6DBAB1;
}
.form-site:not(.form-contact) .form-submit {
    text-align: center;
}
.form-site .form-submit button.wpcf7-submit {
    font-weight: 600;
    border-radius: 30px;
    font-size: clamp(16px, 3vw, 18px);
    line-height: 1.3em;
    padding: 14px 48px;
}
@media(max-width: 767px){
	.form-site .form-row{
		flex-wrap: wrap;
	}
	.form-site .form-row label {
		margin: 0 0 20px;
		flex: calc(50% - 10px);
	}
	.form-site .form-submit {
       text-align: center;
    }
}
@media(max-width: 500px){
	.form-site .form-row label {
		flex: 100%;
	}
}
/** end form-site **/


/**/
.animate-img, .blog .qodef-e-media-image{
	overflow: hidden;
}
.mb p {
    margin-bottom: 15px ;
}
@media (max-width: 1395px) and (min-width: 1024px)  {
	.what-expect .elementor-heading-title{
		min-height: 77px;
	}
}
@media (max-width: 1335px) and (min-width: 1024px)  {
	.title-options .elementor-heading-title{
		min-height: 77px;
	}
}
@media (max-width: 1315px) and (min-width: 1024px)  {
	.title-destination .elementor-heading-title{
		min-height: 77px;
	}
}
@media (max-width: 1024px) and (min-width: 767px) {
	.what-expect .elementor-heading-title, .title-options .elementor-heading-title, .title-destination .elementor-heading-title{
		min-height: 58px;
	}
}

/* post*/
.single-post .elementor-location-single .e-con-inner {
	max-width: 1250px;
}
.single-post .elementor-location-single .e-con-inner p {
    margin-bottom: 20px;
}

/*pagination single blog*/
.custom-seq-pagination {
    display: flex;
    margin-top: 40px;
    align-items: center;
	 gap: 15px;
}
.custom-seq-pagination a {
    color: #313131;
	font-size: clamp(16px, 2vw, 18px);
	font-weight: 400;
}
.custom-seq-pagination a.current, .custom-seq-pagination a:hover {
    color: #A39393 !important;
}