/*
Theme Name:   Astra Child
Theme URL:        https://wpastra-child.com
Description:  Astra
Author:           Brainstorm Force
Author URL:   https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Template:         astra
Version:          1.0.0
License:          GNU General Public License v2 or later
License URL:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  astra-child
*/

.home-banner-btm-heading{
	margin:0px !important;
	font-size: 14px;
	letter-spacing: 2px;
	color: #fff !important
}
.home-banner-btm-heading span{
	color: #c9a45c !important; 
}

.style-inherit {
	font-size: inherit !important;
}

/* Top right social header text css */
.top-social-links {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    white-space: nowrap;
    gap: 10px;
}

.top-social-links a,
.top-social-links span {
    color: white;
    text-decoration: none;
}

/* animation css */

.main-header-menu .menu-link {
    position: relative;
}

.main-header-menu .menu-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background-color: #C9A45C;
    transition: width 0.5s ease;
}

.main-header-menu .menu-link:hover::after {
    width: 100%;
}

/* Contact us form css */
/* Two-column rows */
.cf7-row {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

/* Each column */
.cf7-col {
    flex: 1;
}

/* Make fields full width */
.cf7-col input,
.cf7-col select,
.cf7-col textarea,
.wpcf7 textarea {
    width: 100%;
    box-sizing: border-box;
}

.wpcf7 form label{
	text-transform:uppercase;
	color:#001E48;
	font-family: "Poppins", sans-serif !important;
}

/* Message field spacing */
.wpcf7 textarea {
    width: 100%;
    min-height: 140px;
    margin-top: 10px;
}

/* Submit button spacing */
.wpcf7 input[type="submit"] {
    margin-top: 20px;
	border-radius: 0px !important;
	text-transform: uppercase;
	background-color: #001E48;
	font-family: "Poppins", sans-serif !important;
	font-weight: 500;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
    background-color: #F8F4EC;
	font-family: "Poppins", sans-serif !important;
}

/* Mobile */
@media (max-width: 768px) {
    .cf7-row {
        flex-direction: column;
        gap: 15px;
    }
}

p{
	margin-bottom: 0px !important
}

div.include-detail-section > div.elementor-element> h3{
	color: #ffffff !important;
	margin-bottom: 0px !important;
	font-size: 20px !important;
}

.yacht-enquiry-form label {
    color: #C9A45C !important;
}

.yacht-enquiry-form .wpcf7-list-item label>.wpcf7-list-item-label, .yacht-enquiry-form .wpcf7-response-output{
	color: #ffffff !important;
}

.yacht-enquiry-form .wpcf7 input[type="submit"] {
	border: 1px solid #ffffff !important;
	background-color: #001E48;
}

.elementor-element-9552756, .elementor-element-2ed1d43, .elementor-element-957932c{
	padding-top:50px !important;
	padding-bottom: 55px !important;
}

.link-text:hover{
	cursor:pointer !important;
}

.tour-main-image,
.tour-main-image .elementor-widget-container {
    height: 100%;
}

.tour-main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* Smooth transition */
.tour-card .card-title .elementor-heading-title,
.tour-card .charter-price,
.tour-card .elementor-button {
    transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}

/* Heading hover */
.tour-card:hover .card-title  {
    color: #ffff !important;
}

.tour-card:hover .charter-price {
    color: #C9A45C !important;
}
a{
	text-decoration:none !important;
}

/* Button hover */
.tour-card:hover a {
    background-color: #C9A45C !important;
    color: #FFFFFF !important;
    border-color: #C9A45C !important;
}

/* Package card height */

.package-card {
    display: flex;
    flex-direction: column;
}

/* Text and icon transition */
.hover-line-button .link-text,
.hover-line-button .elementor-icon,
.hover-line-button .elementor-icon svg,
.hover-line-button .elementor-icon svg path {
    transition: color 0.4s ease, fill 0.4s ease, transform 0.4s ease;
}

/* Text hover color */
.hover-line-button:hover .link-text {
    color: #C9A45C !important;
}

/* Icon hover color */
.hover-line-button:hover .elementor-icon,
.hover-line-button:hover .elementor-icon svg,
.hover-line-button:hover .elementor-icon svg path {
    color: #C9A45C !important;
    fill: #C9A45C !important;
}

/* Arrow movement */
.hover-line-button:hover .elementor-icon {
    transform: translateX(5px);
}

/* Divider */
.hover-line-button .e-divider-base {
    width: 100%;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.5s ease;
}

/* Divider animation */
.hover-line-button:hover .e-divider-base {
    transform: scaleX(1);
}

/* Floating menu - right side - Start */
.floating-menu {
  position: fixed;
  right: 10px;
  top: 25%;
  height: auto;
  z-index: 1000;
  padding: 20px 10px;
	    
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.phone-number {
  width: 60px;
  height: 60px;
  position: relative;
  background: #b09a64;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 25px;
  border-radius: 100%;
  -webkit-animation: #eed9a5 2s infinite;
  -moz-animation: #eed9a5 2s infinite;
  -o-animation: #eed9a5 2s infinite;
  animation: #eed9a5 2s infinite;
}

.phone-number:hover {
  background: #ccb57b;
  color: #ffffff;
}

@keyframes yellow {

  0%,
  100% {
    -webkit-box-shadow: 0 0px 0 4px #fae0a3;
    -moz-box-shadow: 0 0px 0 4px #fae0a3;
    -ms-box-shadow: 0 0px 0 4px #fae0a3;
    -o-box-shadow: 0 0px 0 4px #fae0a3;
    box-shadow: 0 0px 0 4px #fae0a3;
  }

  50% {
    -webkit-box-shadow: 0 0px 0 0px #fae0a3;
    -ms-box-shadow: 0 0px 0 0px #fae0a3;
    -o-box-shadow: 0 0px 0 0px #fae0a3;
    -moz-box-shadow: 0 0px 0 0px #fae0a3;
    box-shadow: 0 0px 0 0px #fae0a3;
  }
}

.phone-number i {
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  -webkit-transition: all .3s ease;
  -ms-transition: all .3s ease;
  transition: all .3s ease;
  -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

@-webkit-keyframes phonering-alo-circle-img-anim {
  0% {
    -webkit-transform: rotate(0) scale(1) skew(1deg)
  }

  10% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  20% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  30% {
    -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
  }

  40% {
    -webkit-transform: rotate(25deg) scale(1) skew(1deg)
  }

  50% {
    -webkit-transform: rotate(0) scale(1) skew(1deg)
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg)
  }
}

.phone-number::before {
  content: '';
  width: 87px;
  height: 87px;
  top: -13px;
  left: -13px;
  position: absolute;
  background-color: transparent;
  border-radius: 100%;
  border: 2px solid #fae0a3;
  -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
  transition: all .5s;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: .5
}

@-webkit-keyframes phonering-alo-circle-anim {
  0% {
    -webkit-transform: rotate(0) scale(.5) skew(1deg);
    -webkit-opacity: .1
  }

  30% {
    -webkit-transform: rotate(0) scale(.7) skew(1deg);
    -webkit-opacity: .5
  }

  100% {
    -webkit-transform: rotate(0) scale(1) skew(1deg);
    -webkit-opacity: .1
  }
}

.float-book {
  width: 60px;
  height: 60px;
  position: relative;
  background: #b09a64;
  color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 20px;
  border-radius: 100%;
}

.float-book:hover {
  background: #d1bb82;
  color: #ffffff;
}

.float-book i {
  color: #fff;
}

.whatsapp-chat {
  background: #25D366;
  color: #ffffff;
  font-size: 30px;
  padding: 10px;
  border-radius: 100%;
  box-shadow: 2px 2px 3px #999;
  width: 60px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: sticky;
  left: 20px;
  bottom: 15px;
  z-index: 9;
}

.whatsapp-chat i {
  color: #ffffff;
}

@media (max-width: 767px) {
    .floating-menu {
        position: fixed;
        top: auto;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 1000;
        padding: 10px 10px 15px;
        border-radius: 0px 0px 0px 0px;
        display: flex;
        flex-direction: row !important;
        gap: 20px;
        justify-content: center;
        align-items: center;
        background-color: #ffffffb4;
        backdrop-filter: blur(5px);
    }
	
	footer { 
		margin-bottom: 85px;
	}
	
	#ast-scroll-top{
		z-index: 10000;
	}
}

/* Floating menu - right side - End */

@media (max-width: 1024px){
	#top-header-contacts .elementor-icon-list-text {
		display: none;
	}
}

.accordion-content .e-n-accordion .e-n-accordion-item h3{
	color: #072D63 !important;
}

@media (max-width: 768px){
	.mobile-scroll {
		overflow-x: auto;
		overflow-y: hidden;
		display: flex;
		flex-wrap: nowrap;
		gap: 20px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
	}

	.mobile-scroll::-webkit-scrollbar{
		display:none;
	}

	.mobile-scroll > *{
		flex: 0 0 85%;
		scroll-snap-align: start;
	}
}