/*
 Theme Name:   Total Child Theme
 Theme URI:    https://your-site.com/
 Description:  Your site description. Go to Appearance > Editor to modify this file.
 Author:       Your Name
 Author URI:   https://your-site.com/
 Template:     Total
 Version:      1.0.3
 Text Domain:  totalchildtheme
*/

/*not displaying default arrows*/
.custom-slider-arrows .sp-arrow .wpex-icon {
  display: none;
} 

/*Global styling for slider arrows*/
.custom-slider-arrows .sp-previous-arrow {
  	background-image: url('https://webworx.company/bahari/wp-content/uploads/2025/10/arrow-left.svg') !important;
	object-fit: cover;
  	background-repeat: no-repeat !important;
  	background-position: center !important;
}

.custom-slider-arrows .sp-next-arrow {
  	background-image: url('https://webworx.company/bahari/wp-content/uploads/2025/10/arrow-right.svg') !important;
	object-fit: cover;
  	background-repeat: no-repeat !important;
  	background-position: center !important;
}

.custom-slider-arrows .sp-arrows {
	display: contents;
}

.custom-slider-arrows .sp-previous-arrow {
	position: absolute;
  	top: auto !important;
	bottom: 5% !important;
  	display: block !important;
	background-color: transparent !important;
	width: 35px !important;
  	height: 35px !important;
	right: 65px !important;
  	left: auto !important;
}

.custom-slider-arrows .sp-next-arrow {
	position: absolute;
	top: auto !important;
  	bottom: 5% !important;
	right: 20px !important;
	display: block !important;
	background-color: transparent !important;
	width: 35px !important;
  	height: 35px !important;
}

/* @media screen and (max-width: 1200px) {
	.sp-previous-arrow {
	right: 70px !important;
	}
}

@media screen and (max-width: 810px) {
	.sp-previous-arrow {
	right: 60px !important;
	}
} */

input, textarea, button, select, a, a:focus, a:active {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.has-gradient-overlay {
	position: relative;
	overflow: hidden;
}

.has-gradient-overlay::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0.1));
	pointer-events: none;
	width: 100%;
	height: 100%;
}


/*HOMEPAGE*/

.home-page-blog-carousel .wpex-carousel-entry-title {
	min-height: 110px !important;
}

.home-page-blog-carousel .wpex-carousel-entry-img img {
	width: 100%;
}

/*HEADER STYLINGS*/

#site-header-inner {
	width: 100%;
	display: flex;
  	flex-direction: row;
  	justify-content: center;
}

/* HEADER BUILDER LAYOUT */
.header-builder .vc_row {
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: 115px;
	width: 100%;
}

.header-builder .wpb_column .vc_column-inner {
    margin-bottom: 0;
	padding: 0;
}

/* BUTTON STYLING */
.header-item-3 .vc_column-inner .wpb_wrapper {
	display: flex;
	flex-direction: row;
	justify-content: end;
}

.header-item-3 .vc_column-inner .wpb_wrapper a {
	background-color: white;
  	border: 1px solid black;
  	color: black;
}

/* ADD MENU TEXT NEXT TO ICON */
.header-builder .vcex-off-canvas-menu__toggle::after {
	content: "MENU";
	display: inline-block;
	margin-left: 50px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 400;
}

/* REMOVE BACKDROP (dimmed background) */
.wpex-off-canvas-backdrop {
	inset: auto !important;
}

/* REMOVE 3 LINE HAMBURGER ICON */
.header-builder .vcex-off-canvas-menu__toggle-hamburger span {
  display: none;
}

/*SPACING BETWEEN 2 LINE HAMBURGER ICON*/

.header-builder .vcex-off-canvas-menu__toggle-hamburger::before {
  top: 2px;
}

.header-builder .vcex-off-canvas-menu__toggle-hamburger::after {
  top: 14px;
}


/*CLOSE BUTTON*/
.header-builder .vcex-off-canvas-menu__toggle-hamburger::before,
.header-builder .vcex-off-canvas-menu__toggle-hamburger::after {
  content: "";
  position: absolute;
  width: 43px;
  height: 2px;
  background-color: #000;
}

/*TURN MENU ICON INTO CLOSE ICON*/

body.wpex-off-canvas-is-open .vcex-off-canvas-menu__toggle-hamburger::before {
  top: 7px;
  transform: rotate(45deg);
}

body.wpex-off-canvas-is-open .vcex-off-canvas-menu__toggle-hamburger::after {
  top: 7px;
  transform: rotate(-45deg);
}

/*HIDE DEFAULT CLOSE BUTTON*/
.wpex-off-canvas__inner .wpex-off-canvas__header .wpex-off-canvas__header-right .wpex-off-canvas__close {
	display: none;
}

/* OFF-CANVAS MENU FULL WIDTH WITH TRANSITION*/
.wpex-off-canvas {
	margin-top: 115px;
	max-width: none;
	width: 100vw !important;
	display: flex;
	flex-direction: row;
	padding: 0;
	transition: all 1.2s ease-in-out;
}

/* LEFT MENU */
.wpex-off-canvas__inner {
	width: 50%;
}

/*MENU WILL TAKE 70% of 50%*/
.wpex-off-canvas__content {
	width: 70%;
}

/*RIGHT IMAGE*/
.wpex-off-canvas__image {
  width: 50%;
  background-size: cover;
  background-position: center;
}

/*MENU FONT SIZE*/
#menu-main li a {
	font-size: 40px;
	font-family: Josefin Sans;
}

/*HIDE MENU ITEM "Contact" ON DESKTOP*/
.mobile-only-contact-item {
 	display: none;
}

/*LOGO*/
.header-builder .vcex-image-img {
	height: auto;
	max-height: 98px;
	width: auto;
	max-width: 350px;
	display: block;
}

.header-item-2 {
	width: fit-content;
}

.header-builder .vc_column_container {
	width: 100%;
}

.header-builder .header-item-2 .vc_column-inner .wpb_wrapper .vcex-image {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.header-builder .wpex-hamburger-icon {
	width: 0;
}


@media screen and (max-width: 768px) {
	
/*STACK MENU AND IMAGE HORIZONTALLY*/
.wpex-off-canvas {
	display: flex;
    flex-direction: column;
    height: 100vh !important;
    max-height: 100vh;
    overflow-y: auto; 
}

/*FORMATTING*/
.wpex-off-canvas__inner {
	flex: 1 0 auto;
    width: 100%;
    order: 1;
	height: fit-content;
}

.wpex-off-canvas__image {
    height: 1000px;
    width: 100%;
    flex-shrink: 0;
    order: 2;
    background-size: cover;
    background-position: center;
  }
	
.wpex-off-canvas__content {
	width: 100%;
	padding: 0 30px 30px 30px;
}
	
/*HIDE CONTACT BUTTON MO MOBILE*/
.header-item-3 {
	display: none !important;
}
	
/*DISPLAY "Contact" MENU ITEM ON MOBILE*/
.mobile-only-contact-item {
	display: block;
}
	
.wpex-off-canvas__header  {
	padding-top: 0;
}

/*CHANGE DIMENSIONS OF LOGO*/
.header-builder .vcex-image-img {
	 max-height: 75px;
	 max-width: 250px;
 }

/*DECREASE FONT SIZE ON MOBILE*/
#menu-main li a {
	font-size: 25px;
}
	
/*SWITCHING ORDER OF MENU AND LOGO*/
	
.header-builder .header-item-1 {
	order: 2;
}
	
.header-builder .header-item-2 {
	order: 1;
}
	
/*ALIGN MENU RIGHT (AFTER SWITCH)*/
.header-builder .header-item-1 .vc_column-inner .wpb_wrapper .vcex-off-canvas-menu {
	justify-content: flex-end;
}
	
/*REMOVE TEXT "MENU"*/
.header-builder .vcex-off-canvas-menu__toggle::after {
	content: "";
}
}

@media screen and (max-width: 415px) {
/*INCREASE SPEED OF TRANSITION*/
.wpex-off-canvas {
	transition: all 0.7s ease-in-out;
	}
	
/*CHANGE DIMENSIONS OF LOGO*/
.header-builder .vcex-image-img {
	max-height: 61px;
	max-width: 202px;
	}
}

/*ABOUT US PAGE STYLINGS*/

.marine-manufacturing-parallax .wpb_column .vcex-heading, .marine-manufacturing-parallax .wpb_column .vc_row {
	color: white;
}

.marine-manufacturing-parallax .wpb_column .vcex-heading {
	margin-bottom: 21px;
}

.marine-manufacturing-parallax .parallex-column-1 .vc_column-inner, .marine-manufacturing-parallax .parallex-column-2 .vc_column-inner {
	margin-bottom: 0;
}

.marine-manufacturing-parallax .wpb_column .wpb_wrapper .vc_row {
/* 	max-width: 1070px; */
}

.marine-manufacturing-parallax .vc_column-inner {
	margin-bottom: 0;
}

.marine-manufacturing-parallax {
	display: flex;
  	flex-direction: column;
  	justify-content: center;
}

.bahari-text-container .vc_column-inner {
	margin-bottom: 0;
}

.bahari-text-container .vc_column-inner .wpb_wrapper {
	margin-bottom: -35px;
}


/*VESSELS PAGE*/

/*Principal dimensions table*/
.spec-table {
  	border-collapse: collapse;
  	font-size: 16px;
  	line-height: 1.6;
  	margin: 0;
}

.spec-table thead tr {
	background-color: white;
}
.spec-table thead th {
  	text-align: left;
  	font-weight: 600;
  	padding: 8px 0;
  	border-top: none;
	border-bottom: 1px solid #ccc;
	font-size: 30px;
}

.spec-table tbody td {
  	padding: 6px 0;
  	border-bottom: 1px solid #ccc;
}

.spec-table thead tr th {
	border-right: 1px solid transparent;
 	border-left: 1px solid transparent;
}

.spec-table tbody tr td {
	border-right: 1px solid transparent;
 	border-left: 1px solid transparent;
}

.spec-table tbody tr:last-child td {
  	border-bottom: none; /* No bottom border on last row */
} 

.principle-dimensions-col-2 .vcex-image-img {
	height: 550px !important; 
} 
.principle-dimensions-col-1 .vc_column-inner {
	margin-bottom: 0;
}

.vcex-image-slider {
	border-radius: 8px !important;
  	overflow: hidden;
}

@media screen and (max-width: 992px) {
	
/* .semi-custom-layout-container {
	display: flex;
  	flex-direction: column;
  	align-items: center;
} */

	
/* .semi-custom-layout-container .wpb_column:first-child {
	width: 100% !important;
} */
 	
/* .principles-dimensions-container .wpb_column .vc_column-inner .wpb_wrapper .vc_row {
	display: flex !important;
  	flex-direction: column;
} */
	
.principles-dimensions-container .wpb_column .vc_column-inner .wpb_wrapper .vc_row .principle-dimensions-col-1,
.principles-dimensions-container .wpb_column .vc_column-inner .wpb_wrapper .vc_row .principle-dimensions-col-2 {
	width: 100%;
}
	
/* .principles-dimensions-container .wpb_column .vc_column-inner .wpb_wrapper .vc_row .principle-dimensions-col-1 .vc_column-inner .wpb_wrapper {
	max-width: none;
    width: 100%;
}*/

.principles-dimensions-container .wpb_column .vc_column-inner .wpb_wrapper .vc_row .principle-dimensions-col-2 .vc_column-inner .wpb_wrapper .vcex-image {
	display: flex;
	flex-direction: column;
	align-items: center;
}  
	
.spec-table thead th {
	font-size: 20px;
} 	
}

@media screen and (max-width: 576px) {
	
	/*making table scrollable*/
.spec-table {
	min-width: 576px;
}
	
.principle-dimensions-col-1 .vc_column-inner .wpb_wrapper {
	overflow-x: auto;
}
	
}

/*YACHT PAGE*/
body .where-nature-meets-technology-block .where-nature-meets-technology-block-col-1 {
	z-index: 2 !important;
} 

/*CONTACT PAGE*/

.wpcf7-form p:last-of-type input {
  border-radius: 160px;
  min-height: 50px;
  background: #00616F;
  color: #fff;
}

/*SINGLE POST*/
.related-posts .theme-heading {
	font-size: 40px;
  	text-align: center;
}
.single-blog-article .wpex-social-share .wpex-social-share__list .wpex-social-share__item .wpex-social-share__link {
	background-color: #8C8C8C;
	width: 48px;
  	height: 47px;
}

.single-blog-article .wpex-social-share .wpex-social-share__list .wpex-social-share__item .wpex-social-share__link .wpex-social-share__icon .wpex-icon svg {
	width: 24px;
	height: 24px;
}

.single-blog-article .wpex-social-share .wpex-social-share__list .wpex-social-share__item .wpex-social-share__link .wpex-social-share__icon .wpex-icon {
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

/*related articles in single post*/
.single-related-post {
	border-radius: 8px;
}

.single-related-post .vcex-image {
	overflow: hidden;
}
.single-related-post img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.single-related-post .wpb_column .vc_column-inner .wpb_wrapper {
	display: flex;
  	flex-direction: column;
  	height: 100%;
}

.single-related-post .wpb_column .vc_column-inner .wpb_wrapper .vcex-spacing {
	flex-grow: 1;
}

/*NEWS & MEDIA*/

.news-and-media-grid .match-height-content {
	display: flex;
  	flex-direction: column;
  	justify-content: space-between;
}

.news-and-media-grid .match-height-content .vcex-blog-entry-title {
	order: 2;
}

.news-and-media-grid .match-height-content .vcex-blog-entry-date {
	order: 1;
}

.news-and-media-grid .match-height-content .vcex-blog-entry-excerpt {
	order: 3;
	margin: 0;
}

.news-and-media-grid .match-height-content .vcex-blog-entry-readmore-wrap {
	order: 4;
}

.news-and-media-grid .vcex-blog-entry-media {
	width: 100%;
}

.news-and-media-grid .vcex-blog-entry-media a .vcex-blog-entry-img {
	width: 100%;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.news-and-media-grid .vcex-blog-entry-inner .vcex-blog-entry-details {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.news-and-media-grid .vcex-blog-filter {
	justify-content: center;
}

.news-and-media-grid .vcex-blog-filter li .theme-button {
	border-radius: 29px;
  	border: 1px solid #222;
	background: white;
}

.news-and-media-grid .vcex-blog-filter li.active a {
	background: #000;
	color:#fff;
  	transition-duration: 1s;
  	cursor: pointer;
}