 /*
 Theme Name: Bateaux Child
 Theme URI: http://www.bateauxtheme.com
 Description: Bateaux Child Theme.
 Author: Twisttheme
 Template: bateaux
 Version: 1.0.0
 Text Domain: bateaux-child
 */
/*.btx-navbar-header:hover:after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 50px;
    background-image: url(/wp-content/uploads/assets/svg/cable-restoration-australia.svg);
	background-repeat: no-repeat;
    background-size: 85px;
    top: 23px;
    left: 100px;
}*/

.btx-slider-body a.btnx i {
    width: 60px;
    height: 60px;
}
.btx-slider-divider {
    margin-top: 20px;
    margin-bottom: 20px;
}

.btx-text-bullet li {
    list-style-position: outside !important;
	margin-left: 1em;
	padding-left: 10px;
}
#about-popup .btnx i {
    display: none;
}

.btx-navbar--mobile:has(.btx-collapsed-menu.active) .nav-title-content {
	z-index:39;
}

.btx-sidebar-background.btx-s-bg-bg.btx-sidebar-background-container {
    z-index: -1;
}

@media (min-width:767px) {
    li.nav-services a {
    pointer-events: none;
    }
}
.nav-services:hover a {
	color:#a4a4a4;
}
li.nav-services .sub-menu a {
    pointer-events: all;
}
.btx-navbar--mobile li.menu-item:hover a {
    background-color: #fff;
    width: fit-content;
}
.btx-navbar--mobile li:hover .sub-menu a {
    background-color: transparent;
}
/*.btx-navbar--mobile li:hover .sub-menu a:hover {
    background-color: #fff;
}*/
.btx-navbar--mobile li.nav-services {
	color:#1a1a1a;
}
.btx-navbar--mobile li.nav-services .sub-menu li:hover a {
    background-color: #a4a4a4;
	width: 100%;
}
body {
    background-color: #cbcbcb;
}
.abs img {
    mix-blend-mode: multiply;
}

.btx-heading--fill .btx-heading-text {
    padding: 0px 0px;
}
.btx-s-text-bg {
    width: fit-content;
}
.bolt:before {
    content: '';
    background-image: url(/wp-content/uploads/assets/svg/bolt.svg);
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: -25px;
    background-repeat: no-repeat;
    float: left;
    bottom: -2px;
}
.bolt.btx-heading {
    margin-left: 30px;
}

.btx-navbar-nav.btx-menu {
    position: absolute;
    top: -58px;
    right: -10px;
}
nav.btx-navbar.btx-navbar--standard {
    position: absolute;
    top: 0;
    background: transparent;
    margin-top: 30px;
}
.btx-navbar .btx-menu>li>a {
    font-family: 'DM Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
	letter-spacing: 0.05em;
}

.btx-navbar .sub-menu {
    top: 66px;
    background: transparent;
	padding:0;
}
.sub-menu .menu-item {
    background-color: #cbcbcb;
}
@media (min-width:960px) {
    .sub-menu .menu-item:hover {
    background-color: #b2b2b2;
    }
}
.btx-collapsed-menu--full .sub-menu {
    padding: 10px 10px;
}
.btx-navbar .sub-menu>li>a {
    padding: 10px 15px;
}
.btx-collapsed-menu.btx-collapsed-menu--full.btx-p-bg-bg.active {
    background-image: url(/wp-content/uploads/assets/svg/cra-pattern1.svg);
    background-size: 10px;
}



img {width:100%}

footer.btx-footer.btx-dark-scheme * {
    color: #1a1a1a;
}

.btx-footer-column .menu-item {
    font-size: 15px;
    font-weight: 100;
}
 .btx-footer-column .btx-heading h3 {
	 font-size:13px;
}
.btx-footer li.menu-item:hover {
    background-color: #fff;
    width: fit-content;
}







.btx-button-color--basic a.btnx {
    padding: 0;
    text-transform: unset;
    font-size: 15px;
    letter-spacing: 0.05em;
}
.btx-menu i.fas.fa-arrow-right {
    width: 20px;
    height: 20px;
    margin-bottom: 3px;
	overflow:hidden
}

/* a.btnx:after, .contact-menu a:after, .btx-sidebar a.btx-media:before { */
a.btnx i, .contact-menu i, .btx-sidebar a.btx-media i { 
    content: '';
    background-image: url(/wp-content/uploads/assets/svg/nav-arrow.svg);
    background-repeat: no-repeat;
	display: block;
    width: 25px;
    height: 25px;
}
.btx-navbar .btx-menu li.contact-menu a {
    display: inline-block;
}
li.contact-menu i {
    left: -15px;
}
i.fas.fa-arrow-right {
	content:'';
    background-color: #1a1a1a;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-bottom: 6px;
    margin-left: 5px;
    display: inline-block;
    position: relative;
}

/***** BUTTON ANIMATION. *********/


a.btnx:hover i, li.contact-menu:hover i {
  animation: aniArrow 1s linear infinite;
}

@keyframes aniArrow {
  0% {
    background-position: 0 0;
  }
  15% {
    background-position: 20px -20px;
  }
  16% {
    background-position: -20px 20px;
  }
  30% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 0;
  }
}

.btx-slider-body a.btnx:hover i {
  animation: aniArrow02 1s linear infinite;
}
@keyframes aniArrow02 {
  0% {
    background-position: 0 0;
  }
  15% {
    background-position: 60px -60px;
  }
  16% {
    background-position: -60px 60px;
  }
  30% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 0;
  }
}



.contact-menu a i {
    width: 18px;
    height: 18px;
    margin-bottom: 3px;
}
@media (max-width:960px) {
	.btx-navbar--mobile .contact-menu a i {
		display:none;
	}
}

a.btnx:hover {
	color:#1a1a1a;
}
a.btnx:hover i, .contact-menu:hover a i  {
	    background-color: #ec2027;
}

.btx-row.btx-row--main:has(#services) {
    padding-left: 0px;
	padding-right:0px;
}
.btx-row.btx-row--main {
    padding-left: 110px;
	padding-right:20px;
}
.btx-footer .btx-container {
	padding-left: 110px;
	padding-right:40px;
}
@media (max-width:767px) {
    .btx-row.btx-row--main {
    padding-left: 20px;
    }
	.btx-footer .btx-container {
	padding-left: 40px;
	padding-right:40px;
	}
    .btx-layout-responsive .btx-footer-column {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

span.reverse-yellow {
    background-color: #ffcd00;
}
.btx-text {
line-height: 1.3;
}

#menu-topbar .menu-item {
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.btx-topbar-column ul {
    text-align: right;
}
/* ul#menu-topbar-1 { 
    display: none;
}*/
/*a.btx-navbar-brand:after {*/
.btx-navbar-header:after {
    content: '';
    border-right: 2px solid #1a1a1a;
    position: absolute;
    height: 50px;
    /*right: -10px;
    top: 0px;*/
	left: 110px;
    top: 25px;
	transition-duration: 1s;
}
@media (max-width:550px) {
	.btx-navbar-header:after {
	 left: 99px;
	}
}
@media (max-width:960px) {
	.btx-navbar-header:after {
	 top: 10px;
	}
}
@media (min-width:960px) {
a.btx-navbar-brand {
    margin-top: 15px;
	    width: 180px;
}
.btx-navbar .btx-navbar-header {
    width: 90px;
    overflow: hidden;
}
.btx-navbar-header:hover:after {
    transform: translateX(80px);
    transition-duration: 0.5s;
}
.btx-navbar-header:hover {
    width: 180px;
}
.btx-header:has(.btx-navbar-header:hover)  .nav-title-content {
	    transform: translateX(80px);
	transition-duration: 0.5s;
}
}

footer.btx-footer {
    background-image: url(/wp-content/uploads/assets/svg/cra-pattern1.svg);
    background-size: 10px;
}
 .mesh-overlay .btx-background:after {
	 content:'';
	     background-image: url(/wp-content/uploads/assets/svg/cra-pattern1.svg);
    background-size: 10px;
	 width: 100%;
	 height: 100%;
	 display: block;
    position: absolute;
}

	 

.nav-title-content {
    position: absolute;
    display: flex;
    top: 53px;
    left: calc(50vw - 460px);
    /* color: black; */
    /* z-index: 40; */
    /* font-size: 15px; */
    /* font-family: 'DM Sans'; */
    width: 55%;
    /* line-height: 20px; */
    height: 52px;
    display: flex;
    vertical-align: middle;
}
@media (max-width:1330px) {
    .nav-title-content {
	left: calc(131px + 6vw);
    transition-duration: 1s;
    }
}
@media (max-width:960px) {
	.nav-title-content {
	top: 20px;
	}
}
@media (max-width:550px) {
	a.btx-navbar-brand:after {
		right:0;
	}
	.nav-title-content {
        left: calc(110px + 6vw);
			transition-duration: 1s;
		width: 45%;
    }
	
}

.nav-title-content H1 {
    position: relative; */
    display: inline;
    /* top: 0px; */
    /* left: 180px; */
    color: black;
    /* z-index: 40; */
    font-size: 15px;
    font-family: 'DM Sans';
    /* white-space: pre-wrap; */
    line-height: 1.2em;
    vertical-align: middle;
    display: flex;
    margin: auto 0;
    line-height: 1.2em;
}

header.btx-header {
	background-color:#cbcbcb;
}
@media (min-width:960px) {
    nav.btx-navbar.btx-navbar--minimal .btx-collapsed-button {
        display: none;
	}
}
@media (max-width:960px) {
	 /*.btx-layout-responsive .btx-navbar {
        display: block;
	}*/
	nav.btx-navbar .btx-container {
    background-color: #cbcbcb;
	}
	.btx-topbar.btx-topbar--minimal {
        display: none;
	}
		nav.btx-navbar--mobile {
    /*display: none !important;*/
			background-color:transparent;
			height: 90px;
			padding-top:10px;
	}
    .btx-layout-responsive .btx-content-wrapper {
		padding-top:120px;
    }
}

.btx-navbar--mobile .btx-collapsed-menu--full .btx-menu {
    right: unset;
    position: absolute;
    /* width: 90%; */
    left: 40px;
    top: 40px;
}
.btx-navbar--mobile .btx-collapsed-menu--full .btx-menu li {
	text-align:left;
}

.btx-lines {
    top: 0px;
    width: 35px;
}
.btx-lines:after, .btx-lines:before {
    width: 35px;
}
.btx-lines:before {
    top: 10px;
}
.btx-lines:after {
    top: -10px;
}


/**** SERVICES SLIDER ****/

#services .btx-carousel-arrow {
    position: absolute;
    top: 45px;
}

#services .slick-dots li {
    background-color: #ec2027;
    /*width: 150px;*/
    aspect-ratio: 1 / 1;
    display: block;
    margin-bottom: 5px;
	margin-left: 0;
}
#services .slick-dots li:hover {
    background-color: #c21c20;
}
#services .slick-dots .slick-active button:before {
    opacity:1;
}
#services .slick-dots {
    position: absolute;
    top: 90px;
    left: 0;
    transform: none;
}
#services .slick-dots li button {
	line-height:0;
}

#services .slick-dots button:before {
	content: '';
    width: 130px;
    height: 130px;
    display: flex;
    background-repeat: no-repeat;
    align-content: center;
    /* align-items: center; */
    background-size: 100%;
    margin: 10px;
    background-position: center;
	opacity:0.7;
}
#services .slick-dots li:first-child button:before {
	background-image: url(/wp-content/uploads/assets/svg/cable_life_defense.svg);
}
#services .slick-dots li:nth-child(2) button:before {
	background-image: url(/wp-content/uploads/assets/svg/non_distruptive_cable_repair.svg);
}
#services .slick-dots li:last-child button:before {
	background-image: url(/wp-content/uploads/assets/svg/cable_fire_protection.svg);
}
#services .btx-slider-dark-scheme .btx-s-text-bg {
    background-color: #ec2027;
    height: 5px;
}
#services .btx-slider-title.btx-primary-font {
    font-weight: 600;
	font-size: 38px;
	text-shadow: 1px 1px 2px #000;
}
#services .btx-slider-content-wrapper.btx-left-align {
    width: calc(50vw/1);
}
#services .btx-slider-content {
    padding: 50px 50px 50px 150px;
}
.btx-slider-title:after {
	content: '';
    height: 7px;
    width: 15vw;
    background-color: #ec2027;
    display: block;
    position: relative;
    bottom: -20px;
}
#services .btx-background .btx-background-inner:after {
    content: '';
    background-image: url(/wp-content/uploads/assets/svg/cra-pattern1.svg);
    width: 100%;
    height: 100%;
    display: block;
    background-size: 10px;
    background-color: rgba(0, 0, 0, 0.0);
}

@media (max-width:650px) {
	.btx-content-wrapper-inner:has(.btx-sidebar.btx-left) .btx-main {
    padding-top: 30vw;
    }
	div#services {
    padding-top: 35vw;
    }
	#services .slick-dots li {
    display: inline-block;
    width: 30%;
	}
	#services .slick-dots {
    top: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    }
	#services .slick-dots button:before {
        height: 23vw;
        width: 23vw;
    }
	#services .btx-slider-content-wrapper.btx-left-align {
    width: 100%;
    }
	#services .btx-slider-content {
    padding: 50px 20px 50px 20px;
    }
}
@media (max-width:767px) {
	#services .btx-carousel-arrow {
    position: absolute;
    top: 180px;
    opacity: 1;
    visibility: visible;
    }
}
    

/******* PROJECTS ********/

.archive header .btx-page-title-wrapper {
    display: none;
}

.btx-section-wrapper:has(.btx-portfolio) {
    padding-top: 30px;
}
.btx-main.btx-portfolio .btx-entry-title {
    font-family: 'DM Sans';
}
.btx-entry-body * {
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 0.05em;
}
.btx-entry-body {
    padding: 15px 20px !important;
}
h4.btx-entry-title {
    color: #ec2027;
}
a.btx-media:hover {
    text-decoration: underline;
}
.btx-portfolio .btx-entry-excerpt {
    margin-top: 0px;
    line-height: 1.4em;
}
.btx-sidebar h4.btx-widget-title {
    text-transform: uppercase;
    font-family: inherit;
    font-weight: 500;
    letter-spacing: 0.05em;
}
.btx-sidebar a.btx-media:before {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-bottom: 20px;
}
.btx-s-bg-bg {
    background: transparent;
}
.btx-portfolio .btx-entry-header.anmt-content-fadein:hover .btx-overlay {
    background-image: url(/wp-content/uploads/assets/svg/cra-pattern1.svg);
    background-size: 10px;
}
.btx-portfolio-content .btx-overlay {
    background-color: rgba(255,255,255,0.3);
}
.widget_tag_cloud .btx-heading {
    margin-bottom: 18px;
}
.btx-box-content .btx-text-content-inner {
    font-weight: 300;
}
.single-btx_portfolio .btx-section-wrapper {
    padding-top: 0px;
}
.btx-navigation.btx-navigation--bar {
    margin-bottom: 40px;
}
.btx-entry-preview i.twf {
    background-color: #fff;
    display: inline;
    padding: 15px;
	pointer-events:none;
}


/****** BTX MODAL *******/

#about-popup a.btnx:after {
    display: none;
}
#about-popup .btx-button a {
    text-align: left;
}
#about-popup .btx-item.btx-button {
	margin-top:0px;
	margin-bottom:0px;
}
#about-popup .btx-button:hover a {
    padding-left: 35px;
	text-decoration: underline;
}
#about-popup .btx-background:after {
    content: '';
    background-image: url(/wp-content/uploads/assets/svg/nav-plus.svg);
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    vertical-align: middle;
    /* margin-bottom: 6px; */
    background-color: #cbcbcb;
    /* margin-left: 5px; */
    float: right;
    right: 10px;
    top: 10px;
}

.mfp-content:after {
    content: '';
    display: block;
    position: relative;
    width: 100px;
    height: 30px;
    background-image: url();
}

.btx-feature-body:before {
    content: '•';
    display: inline-block;
    float: left;
    margin-left: -25px;
    margin-top: -3px;
}
.btx-feature-title {
    margin-bottom: 0px;
    font-weight: 600;
}
.btx-feature-description {
    line-height: 1.2em;
}
.btx-heading--breakline .btx-heading-text:after {
    width: 40%;
    border-width: 2px;
}
.mfp-content .btx-modal:after {
    content: '';
    display: block;
    position: absolute;
    width: 140px;
    height: 60px;
    background-image: url(/wp-content/uploads/assets/svg/CRA_icon_red.svg);
    background-repeat: no-repeat;
    top: 0;
    right: -56px;
    background-size: 60%;
}


/*********. FORMS **********/


input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {
    border-top: none;
    border-left: none;
    border-right: none;
	font-size: 20px;
}
input.wpcf7-form-control.wpcf7-submit {
    border-radius: 0;
    text-transform: unset;
}
input.wpcf7-form-control.wpcf7-submit:after {
    content: '';
    background-image: url(/wp-content/uploads/assets/svg/nav-arrow.svg);
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-bottom: 6px;
    background-color: #1a1a1a;
    margin-left: 5px;
}
input.wpcf7-form-control:focus, textarea.wpcf7-form-control:focus {
    background: rgba(0, 0, 0, 0.05);
}


/****** SIDEBAR LEFT. *********/

body.page .btx-main {
    width: 95%;
}
body.page .btx-sidebar {
    padding-top:0px;
    position: absolute;
    /* float: unset; */
}



