/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://lavenderbayboatshed.com.au/
 Description:  A child theme of Hello Elementor
 Author:       lavenderbayboatshed
 Author URI:   https://lavenderbayboatshed.com.au/
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  hello-elementor-child
*/


/* Testimonial Section */

.bottom-border-green{
    border-bottom: 8px solid #00b8d1 !important;
}
.find-out-more {
	display: flex;
	justify-content: center;
	align-items: middle;
	text-align: center;
}

/* Accordion Section */

#accordion-marker .e-n-accordion-item-title-text::before {
    content: "• ";
    font-size: 1.5em;
    color: #00b8d1;
    margin-right: 10px;
	vertical-align: middle;
}

/* Accordion Backgroud */
.service-offer-accordion .e-n-accordion > details:nth-child(odd) {
  background-color: #f8f8f8 !important;
}

.service-offer-accordion .e-n-accordion > details:nth-child(even) {
  background-color: #ffffff !important;
}

.boat-tabbing-listing .e-n-tab-title:focus,
.boat-tabbing-listing .e-n-tab-title:hover,
.boat-tabbing-listing .e-n-tab-title[aria-selected="true"] {
  outline: none;
  border-radius: 21px;
	font-weight: 600 !important; 
}

.boat-tabbing-listing .e-n-tab-title {
	font-weight: 400 !important; 
	width: 151px !important;
 	height: 41px !important;
	flex: 0 0 auto !important;
}

@media (max-width: 767px) {
  .boat-tabbing-listing .e-n-tab-title {
    width: 100% !important;
    height: 41px !important;
  }
}

/* About us page icon */

.info-box .elementor-icon-box-icon {
	padding-top: 10px;
}

/* footer wrap */

.footer-location .elementor-icon-list-text {
  word-break: break-all;
  overflow-wrap: anywhere;
  white-space: normal;
  max-width: 100%;
  display: inline-block;
}

/* Homepage Form */

.msg-custom-form .elementor-form-fields-wrapper {
	text-align: center;
	justify-content: center;
}

#form-field-name {
	height: 50px;
}

#form-field-email {
	height: 50px;
}

#form-field-message {
	height: 100px;
}

/* All Elementor form placeholders */
/* .elementor-form-fields-wrapper input.elementor-field::placeholder,
.elementor-form-fields-wrapper textarea.elementor-field::placeholder {
    color: white !important;
} */

/* For cross-browser compatibility */
/* .elementor-form-fields-wrapper input.elementor-field::-webkit-input-placeholder,
.elementor-form-fields-wrapper textarea.elementor-field::-webkit-input-placeholder {
    color: white !important;
}
.elementor-form-fields-wrapper input.elementor-field::-moz-placeholder,
.elementor-form-fields-wrapper textarea.elementor-field::-moz-placeholder {
    color: white !important;
}
.elementor-form-fields-wrapper input.elementor-field:-ms-input-placeholder,
.elementor-form-fields-wrapper textarea.elementor-field:-ms-input-placeholder {
    color: white !important;
}
.elementor-form-fields-wrapper input.elementor-field::-ms-input-placeholder,
.elementor-form-fields-wrapper textarea.elementor-field::-ms-input-placeholder {
    color: white !important;
}
 */
/* ===== Submit button hover effect ===== */
.msg-custom-form .elementor-button:hover {
    background: transparent !important;
    color: #ffffff !important;
    border: 1px solid #00b8d1 !important;
}


/* Breadcrumbs */
/* Target the last <li> item in the .elementor-icon-list-items */
.top-breadcrumb .elementor-icon-list-items li:last-child .elementor-icon-list-text {
  color: black !important;
}

.about-us-form #form-field-email::placeholder,
.about-us-form #form-field-name::placeholder {
  color: #767676 !important;
  opacity: 1; /* Needed for Firefox */
}

.about-us-form #form-field-message::placeholder {
  color: #767676 !important;
  opacity: 1;
}

/* Accordion */

.accordion-header { 
	cursor: pointer; 
	padding: 23px 10px; 
	border-bottom: 1px solid #d1d1d1; 
	justify-content: space-between; 
	display: flex;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.13;
	letter-spacing: -0.21px;
	color: #000;
}

.accordion-content { 
	padding: 10px; 
	border-bottom: 1px solid #d1d1d1; 
}

.accordion-arrow { 
	margin-right: 10px; 
}

.overview-tabs .e-n-tabs .e-n-tabs-heading button.e-n-tab-title {
  	border-radius: 10px 10px 0 0 !important;
  	width: 234px !important;
  	height: 45px !important;
	flex: 0 0 234px;
}

.overview-tabs .e-n-tabs-heading {
	border-bottom: 1px solid #d1d1d1;
}

/* Custom placeholder color for single-boat-que-form */
.single-boat-que-form input.elementor-field::placeholder,
.single-boat-que-form textarea.elementor-field::placeholder {
    color: white !important;
    opacity: 1 !important;
}

/* Webkit browsers (Chrome, Safari, Edge) */
.single-boat-que-form input.elementor-field::-webkit-input-placeholder,
.single-boat-que-form textarea.elementor-field::-webkit-input-placeholder {
    color: white !important;
    opacity: 1 !important;
}

/* Firefox */
.single-boat-que-form input.elementor-field::-moz-placeholder,
.single-boat-que-form textarea.elementor-field::-moz-placeholder {
    color: white !important;
    opacity: 1 !important;
}

/* IE 10+ */
.single-boat-que-form input.elementor-field:-ms-input-placeholder,
.single-boat-que-form textarea.elementor-field:-ms-input-placeholder {
    color: white !important;
    opacity: 1 !important;
}

/* Edge */
.single-boat-que-form input.elementor-field::-ms-input-placeholder,
.single-boat-que-form textarea.elementor-field::-ms-input-placeholder {
    color: white !important;
    opacity: 1 !important;
}


/* Container row */
.custom-boat-gallery {
    display: flex;
    width: 100%;
    gap: 32px;
}

/* Left big image */
.gallery-left {
    width: 66%;
}
.gallery-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
	border-radius: 15px !important;
}

/* Right stacked images */
.gallery-right {
    width: 34%;
    display: flex;
    flex-direction: column;
    gap: 31px;
}
.gallery-right-item {
    flex: 1;
    position: relative;
}
.gallery-right-item img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
    display: block;
	border-radius: 15px !important;
}

/* Overlay for total images */
.gallery-overlay {
    position: absolute;
    bottom: 5px;
    right: 5px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 8px 13px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
	border: 1px solid white;
	margin-right: 20px;
	margin-bottom: 20px;
}
.gallery-overlay img {
    width: 16px;
    height: 16px;
    margin-right: 9px;
	border-radius: 0px !important;
}

/* Hidden lightbox */
.hidden-lightbox {
    visibility: hidden;
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
}

@media (max-width: 480px){
	.custom-boat-gallery {
		display: flex;
		width: 100%;
		gap:20px;
	}

	.gallery-right {
		width: 34%;
		display: flex;
		flex-direction: column;
		gap: 20px;
	}
}



/* Broad: many placeholder pseudo selectors */
.elementor-form input::placeholder,
.elementor-form textarea::placeholder,
.elementor-form .elementor-field::placeholder,
.elementor-field input::placeholder,
.elementor-field textarea::placeholder,
.elementor-field .elementor-field-subgroup input::placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
}

/* Browser-specific fallbacks */
/* .elementor-form input::-webkit-input-placeholder,
.elementor-form textarea::-webkit-input-placeholder,
.elementor-field input::-webkit-input-placeholder,
.elementor-field textarea::-webkit-input-placeholder { color: #fff !important; opacity:1 !important; }

.elementor-form input::-moz-placeholder,
.elementor-form textarea::-moz-placeholder,
.elementor-field input::-moz-placeholder,
.elementor-field textarea::-moz-placeholder { color: #fff !important; opacity:1 !important; }

.elementor-form input:-ms-input-placeholder,
.elementor-form textarea:-ms-input-placeholder,
.elementor-field input:-ms-input-placeholder,
.elementor-field textarea:-ms-input-placeholder { color: #fff !important; opacity:1 !important; }

.elementor-form input::-ms-input-placeholder,
.elementor-form textarea::-ms-input-placeholder,
.elementor-field input::-ms-input-placeholder,
.elementor-field textarea::-ms-input-placeholder { color: #fff !important; opacity:1 !important; }
 */
/* Extra specificity if another stylesheet is overriding it */
/* body .elementor-form .elementor-field-group input::placeholder,
body .elementor-form .elementor-field-group textarea::placeholder {
  color: #ffffff !important;
  opacity: 1 !important;
} */

/* Ensure the placeholder isn't being masked by text fill (Safari) */
/* .elementor-form input,
.elementor-form textarea {
  -webkit-text-fill-color: inherit;
  color: inherit;
}
 */

/* Responsive */
@media (max-width: 768px) {
    .custom-boat-gallery {
        flex-direction: column;
    }
    .gallery-left,
    .gallery-right {
        width: 100%;
    }
    .gallery-right {
        flex-direction: row;
    }
    .gallery-right-item {
        flex: 1;
    }
}

.accordion-toggle-all {
	position: absolute !important;
/*     top: -52px !important; */
 	top: -50px !important;
    right: 7px !important;
    gap: 5px !important;
}

@media (max-width: 767px) {
	.accordion-toggle-all {
		position: absolute !important;
/*         top: -40px !important; */
		top: -50px !important;
        right: 24px !important;
    	gap: 5px !important;
		padding: 0 !important;
		font-size: 12px !important;
	}
}

@media (max-width: 620px) {
	.accordion-toggle-all {
		position: static !important;
    	gap: 5px !important;
		font-size: 12px !important;
		padding: 20px 10px 0px 10px !important;
	}
}

.single-boat-que-form input.elementor-field::placeholder,
.single-boat-que-form textarea.elementor-field::placeholder {
    color: #333333 !important;
    opacity: 1 !important;
}


.about-boat-description .read-more-btn {
  margin-top: 10px;
  background: none;
  border: none;
  color: #00B8D1;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
	padding: 0px;
}

.about-boat-description .read-more-btn:hover {
	margin-top: 10px;
  background: none;
  border: none;
  color: #00B8D1;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
	padding: 0px;
}

.about-boat-description .read-more-btn:focus {
	margin-top: 10px;
  background: none;
  border: none;
  color: #00B8D1;
  cursor: pointer;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
	padding: 0px;
}

.single-boat-make {
	width: 100%;
    max-width: fit-content;
}

.single-boat-model {
	width: 100%;
    max-width: fit-content;
	padding-right: 10px !important;
}

.single-boat-year {
	width: 100%;
    max-width: fit-content;
	padding-right: 10px !important;
}

.single-boat-type {
	width: 100%;
    max-width: fit-content;
	padding-right: 10px !important;
}

#form-field-single_contact_message {
	margin-bottom: 30px;
}

.boat-card-make,
.boat-card-model,
.boat-card-year {
	max-width: fit-content;
	width: 100% !important;
}


@media(max-width: 1024px) {
	.custom-header-menu .elementor-nav-menu--dropdown #menu-2-b3210b6{
		height: 100vh !important;
	}
	.custom-header-menu .elementor-nav-menu--dropdown ul#menu-2-b3210b6{
		margin-top: 30px !important;
	}
	.custom-header-menu .elementor-nav-menu--dropdown ul li a {
		justify-content: space-between !important;
	}
	.custom-header-menu .elementor-nav-menu .sub-arrow svg {
		fill: #00b8d1;
		width: 7px !important;
  		height: 12px !important;
	}
}

.custom-header-menu .elementor-nav-menu .sub-arrow svg path{
	fill: #00b8d1;
}

.custom-header-menu .elementor-nav-menu .sub-arrow svg {
	width: 15px !important;
  	height: 10px !important;
	transition: transform 0.9s ease-in-out !important;
}

.custom-header-menu .elementor-nav-menu .menu-item:hover .sub-arrow svg{
  	transform: rotate(180deg) !important;
}

/* .custom-header-menu .elementor-nav-menu .sub-arrow:active svg{
	transform: rotate(180deg) !important;
}
 */