/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Menu */
ul#menu-main-menu {
    justify-content: right !important;
}
.custom_header .et_pb_column.et_pb_column_2_tb_header {
    width: 5%;
    margin-left: 0%;
}
#menu-main-menu .sub-menu li {
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
	border-bottom:1px solid #999;
}
#menu-main-menu .sub-menu li:last-child {
    border-bottom: none;
}
#menu-main-menu li li a {
    width: 100% !important;
    padding-top: 15px;
    padding-bottom: 15px;
}
.lSSlideWrapper .lightSlider {
    display: none;
}
/* Home page */
.bannerTopcont  .welcom_to_ncp {
    font-weight: 400;
    color: #248bcb;
    font-style: italic;
}
.imp-tooltip.imp-tooltip-visible {
	box-shadow: 2px 3px 5px rgba(0,0,0,0.5);
}
.inner-title .entry-title {
    background: #00569f;
    padding: 10px 40px;
    display: inline-block;
    border-left: 5px solid #f8ee03;
}
.mill-supply .et_pb_column {
    display: flex;
    align-items: center;
}
.project-heading.et_pb_number_counter .percent {
    height: auto !important;
}
.custom-ul ul {
    margin-top: 10px;
    padding-left: 30px;
}
.custom-ul ul li {
    padding-bottom: 10px;
}
.blurb-arrow .et_pb_main_blurb_image {
    padding-top: 6px;
}
.home-slider .et_pb_slide_content {
    float: right;
	transform: translate(40px, -110px);
}
.vid_header video {
  position: absolute;
  top: -22%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width:100%;
}
/* Blog */
#sidebar .wp-block-heading {
    background: #00569F;
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    font-size:22px;
    font-weight:600;
}
#sidebar ul.wp-block-latest-posts__list.wp-block-latest-posts li{
    border-bottom: 1px solid #232323;
    padding-bottom: 10px;
}
#sidebar ul.wp-block-latest-posts__list.wp-block-latest-posts li a{
    font-size:14px;
    line-height:1.5em;
    font-weight:500
}
#sidebar ul.wp-block-latest-posts__list.wp-block-latest-posts li a:hover{
    color: #00569F;
}
#sidebar button.wp-block-search__button.wp-element-button{
    background: #00569F !important;
    color: #fff !important;
    border:none;
}
/* Footer */
.footer-menu ul {
    padding-left: 0;
}
.footer-menu ul li {
    padding-bottom: 7px;
}
/* Projects */
.lSSlideOuter .lSPager.lSGallery li.active, 
.lSSlideOuter .lSPager.lSGallery li:hover,
ul.lSGallery li.active {
    border: none !important;
    border-radius: 0 !important;
}

/* Contact us */
.contact_form input#gform_submit_button_1 {
	background: #f9ee09;
    color: #000;
    font-size: 18px;
    padding: 13px 2em;
    line-height: 1.3em;
    border-radius: none !important;
}
.contact_form input#gform_submit_button_1:hover {
    background: #000;
	color:  #f9ee09;
}
#gform_confirmation_message_1 {
    color: #fff;
}
.contact_form input[type="text"],
.contact_form input[type="tel"],
.contact_form input[type="email"],
.contact_form textarea {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
	border-radius:0;
}
.contact_form input[type="text"]:focus,
.contact_form input[type="tel"]:focus,
.contact_form input[type="email"]:focus,
.contact_form textarea:focus{
	outline:none;
	border:none;
	box-shadow:none;
}
@media (min-width:981px){
	.custom_header .et_pb_column.et_pb_column_1_tb_header {
		margin-right: 0%;
		width:75%;
	}
	#menu-main-menu ul.sub-menu {
        width: 250px !important;
        padding-top: 0px !important;
        padding-bottom: 0 !important;
    }
	.projects-line:before {
		content: '';
		position: absolute;
		left: -40px;
		background: #248bcb;
		height: 100%;
		width: 3px;
		top: 0;
	}
	.project-heading .percent-value  {
		font-size: calc(7vw + 10px) !important;
	}
	.ncpi-media .et_pb_testimonial_content h2 {
		font-size: 26px;
		color: #00569f;
		font-family: oswald;
		line-height: 1.3em;
	}
}
@media (min-width:1200px) and (max-width:1499px){
	.spares-box .et_pb_promo {
		min-height: 470px;
	}
}
@media (min-width:1500px){
	.spares-box .et_pb_promo {
		min-height: 420px;
	}
}
@media (max-width:980px){
	.custom_header .et_pb_column {
		margin-bottom: 10px !important;
	}
	.custom_header .et_pb_social_media_follow li {
		margin-bottom: 0;
	}
	.ncpi-media .et_pb_testimonial_content h2 {
		font-size: 22px;
		color: #00569f;
		font-family: oswald;
		line-height: 1.3em;
	}
}



.accordion {
	 width: 100%;
	 overflow: hidden;
	 margin: auto;
}
 .accordion ul {
	 width: 100%;
	 display: table;
	 table-layout: fixed;
	 margin: 0;
	 padding: 0;
}
 
 .accordion ul li:nth-child(1) {
	 background-image: url("https://ncpinternational.com/wp-content/uploads/2024/11/NCP-Products-bg.jpg");
}
 .accordion ul li:nth-child(2) {
	 background-image: url("https://ncpinternational.com/wp-content/uploads/2024/11/NCP-International-Expertise-Across-Brands.jpg");
}
 .accordion ul li:nth-child(3) {
	 background-image: url("https://ncpinternational.com/wp-content/uploads/2024/11/NCP-Services.jpg");
}
 .accordion ul li:nth-child(4) {
	 background-image: url("https://ncpinternational.com/wp-content/uploads/2024/11/NCP-QUALITY-CONTROL-DESIGN.jpg");
}



@media(min-width:768px){
	.acc_heading {
		position: absolute;
		bottom: 30px;
		left: 20px;
		color: #fff;
		font-weight: 700;
		font-size: 20px;
		font-family:'Oswald',Helvetica,Arial,Lucida,sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
	.acc_heading .num{
		color:#F8EE06;
		display:block;
		font-size:25px !important;
		font-weight:500 !important;
		line-height:1.4em;
	}
	 .accordion ul li div .desktop-link {
		 display: block;
		 height: 540px;
		 width: 100%;
		 position: relative;
		 z-index: 3;
		 vertical-align: bottom;
		 padding: 15px 20px;
		 box-sizing: border-box;
		 color: #fff;
		 text-decoration: none;
		 font-family: Open Sans, sans-serif;
		 transition: all 400ms ease;
	}
	 .accordion ul li div {
		 display: block;
		 overflow: hidden;
		 width: 100%;
	}
	 .accordion ul li div .desktop-link * {
		 opacity: 0;
		 margin: 0;
		 width: 100%;
		 text-overflow: ellipsis;
		 position: relative;
		 z-index: 5;
	/* 	 white-space: nowrap; */
		 overflow: hidden;
		 transform: translateX(-10px);
		 transition: all 400ms ease;
	}
	.accordion ul li {
		 display: table-cell;
		 vertical-align: bottom;
		 position: relative;
		 width: 33.33%;
		 background-repeat: no-repeat;
		 background-position: center center;
		 background-size: cover;
		 transition: all 700ms ease;
	}
	 .accordion ul li div a h2 {
		 text-overflow: clip;
		 font-size: 28px;
		 margin-bottom: 2px;
		 color:#F8EE06;
		 font-weight: 700;
		font-family:'Oswald',Helvetica,Arial,Lucida,sans-serif;
	}
	 .accordion ul li div a p {
		 font-size: 18px;
	}
	 .accordion ul:hover li {
		 width: 10%;
	}
	.accordion ul:hover li:hover {
		 width: 70%;
	}
	.accordion ul:hover li:hover .desktop-link {
		 background: rgba(0, 0, 0, 0.4);
	}
	.accordion ul:hover li:hover .desktop-link * {
		 opacity: 1;
		 transform: translateX(0);
	}
	.accordion ul:hover li:hover .acc_heading{
		display:none;
	}
	.accordion ul li div .hover-detail,
	.accordion ul li:hover div{
		position: absolute;
		bottom:0px;
	}
	.read-link {
		margin-bottom: 30px !important;
	}
	.hover-detail {
		width: 90% !important;
	}
	.read-link{
		color:#F8EE06;
		margin-top: 20px !important;
		display: block;
	}
}
@media (max-width:767px){
	.mobile-ac .acc_heading {
		position: absolute;
		bottom: 30px;
		left: 20px;
		color: #fff;
		font-weight: 700;
		font-size: 20px;
		font-family:'Oswald',Helvetica,Arial,Lucida,sans-serif;
		text-transform:uppercase;
		line-height:1.3em;
	}
	.mobile-ac .acc_heading .num{
		color:#F8EE06;
		display:block;
		font-size:25px !important;
		font-weight:500 !important;
		line-height:1.4em;
	}
	 .accordion.mobile-ac ul li .box {
		 display: block;
		 height: 590px;
		 width: 100%;
		 position: relative;
		 z-index: 3;
		 vertical-align: bottom;
		 padding: 15px 20px;
		 box-sizing: border-box;
		 color: #fff;
		 text-decoration: none;
		 font-family: Open Sans, sans-serif;
	}
	 .accordion.mobile-ac ul li .box {
		 display: block;
		 overflow: hidden;
		 width: 100%;
	}
	 .accordion.mobile-ac ul li .box * {
		 opacity: 0;
		 margin: 0;
		 width: 100%;
		 text-overflow: ellipsis;
		 position: relative;
		 z-index: 5;
	/* 	 white-space: nowrap; */
		 overflow: hidden;
	}
	.accordion.mobile-ac ul li {
		 display:block;
		 vertical-align: bottom;
		 position: relative;
		 width: 100%;
		 background-repeat: no-repeat;
		 background-position: center center;
		 background-size: cover;
	}
	.accordion.mobile-ac ul li .box h2 {
		 text-overflow: clip;
		 font-size: 22px;
		 margin-bottom: 2px;
		 color:#F8EE06;
		 font-weight: 700;
		font-family:'Oswald',Helvetica,Arial,Lucida,sans-serif;
	}
	 .accordion.mobile-ac ul li .box p {
		 font-size: 14px;
	}
	 .accordion.mobile-ac ul:hover li {
		 width: 100%;
	}
	.accordion.mobile-ac ul:hover li:hover {
		 width: 100%;
	}
	.accordion.mobile-ac ul:hover li:hover .box{
		 background: rgba(0, 0, 0, 0.4);
	}
	.accordion.mobile-ac ul:hover li:hover .box * {
		 opacity: 1;
	}
	.accordion.mobile-ac ul:hover li:hover .acc_heading{
		display:none;
	}
	.accordion.mobile-ac ul li .box .hover-detail{
		position: absolute;
		bottom:15px;
	}
	.read-link {
		margin-bottom: 30px !important;
	}
	.read-link a{
		color: #F8EE06;
		margin-top: 20px !important;
		display: block;
	}
	.hover-detail {
		width: 90% !important;
		font-size:14px !important;
	}
	
}
 @media screen and (max-width: 600px) {
	 body {
		 margin: 0;
	}
/* 	.accordion {
		 height: auto;
	}
	 .accordion ul li, 
	 .accordion ul li:hover, 
	 .accordion ul:hover li, 
	 .accordion ul:hover li:hover {
		 position: relative;
		 display: table;
		 table-layout: fixed;
		 width: 100%;
		 -webkit-transition: none;
		 transition: none;
	} */
	
}