/*

Theme Name: NOO Visionary Child Theme
Theme URI: https://letandemjaune.com/
Author: Le Tandem Jaune
Author URI: https://letandemjaune.com/
Description: Custom child theme of NOO Visionary for Whatsit
Template: noo-visionary
Version: 1.0.0
*/


/**************************************************
 	COLORS 
**************************************************/

/*
Blue:	#2e335a
Yellow:	#f8b029
White:	#ffffff
Black:	#000000
*/


/**************************************************
 	OVERRIDE COLORS 
**************************************************/

/* Gradient block */

.noo_ram_gadient {
	background: #f8b029;
	padding-left: 25px;
	padding-right: 25px;
}

/* Buttons */

.btn-primary:focus,
.btn-primary.focus {
	background-color: #2e335a;
}


/**************************************************
 	OVERRIDE HEADINGS 
**************************************************/

/* Headings */
.noo-page-heading {
	background-color: #2e335a;
	margin-bottom: 80px;
	position: relative;
}

.noo-page-heading::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2e335a;
	opacity: 0.35;
	z-index: 1;
}

.noo-page-heading .noo-container {
	z-index: 2;
}

.noo-page-heading .page-title {
	color: #ffffff;
	text-align: center;
}

/* Custom Headings (Home) */
.custom-noo-page-heading {
	height: 385px;
	text-align: center;
	margin: 0;
}

.custom-noo-page-heading img {
	width: calc(100% - 100px);
	max-width: 300px;
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (max-width: 767px) {

	.custom-noo-page-heading {
		height: 255px;
	}
}


/**************************************************
 	LANG MENU 
**************************************************/

.header-meta li a {
	font-size: 14px;
	text-transform: uppercase;
}

@media (max-width: 767px) {

	.header-meta li a {
		font-size: 12px;
	}
}

.header-meta li:last-child a {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
}


/**************************************************
 	MOBILE MENU 
**************************************************/

/* Customize colors */

.off-canvas #off-canvas-nav .noo-main-canvas {
	background-color: #2e335a;
}


/**************************************************
 	PAGE HOME 
**************************************************/

/* Titles */

body.home .noo-sh-title {
	padding: 100px 0 75px;
}

@media (max-width: 767px) {

	body.home .noo-sh-title {
		padding: 50px 0 25px;
	}
}

body.home .noo-sh-title h2 {
	margin: 10px 0 20px;
}

@media (max-width: 767px) {

	body.home .noo-sh-title h2 {
		margin: 0 0 15px;
	}
}

.separator-title {
	margin-top: 125px;
	margin-bottom: 75px;
}

@media (max-width: 767px) {

	.separator-title {
		margin-top: 25px;
		margin-bottom: 0px;
	}
}

/* Services */

body.home .noo-services.services4 {
	min-height: 225px;
}

@media (max-width: 991px) {

	body.home .noo-services.services4 {
		min-height: 275px;
	}
}

@media (max-width: 767px) {

	body.home .noo-services.services4 {
		min-height: 0;
		margin-top: 50px;
		margin-bottom: 20px;
	}

	body.home .vc_custom_1459322763317 .wpb_column:first-child .noo-services.services4 {
		margin-top: 0;
	}
}

/* Portfolio */

@media (max-width: 991px) {

	body.home .noo-portfolio .noo-portfolio-item.columns_4:nth-child(4) {
		display: none;
	}
}

@media (max-width: 767px) {

	body.home .noo-portfolio .noo-portfolio-item.columns_4:nth-child(3) {
		display: none;
	}
}


/**************************************************
 	PAGE 404 
**************************************************/

body.error404 #error-404 {
	padding: 0;
}


/**************************************************
 	COMPONENT FOOTER 
**************************************************/

/* Footer */

.wrap-footer {
	margin-top: 100px;
}

@media (max-width: 767px) {

	.wrap-footer {
		margin-top: 50px;
	}
}

.widget_nav_menu .menu-footer-link-container ul,
.widget_nav_menu .menu-footer-link-en-container ul {
	padding: 0;
}

.widget_nav_menu .menu-footer-link-container ul li,
.widget_nav_menu .menu-footer-link-en-container ul li {
	width: 100%;
	float: none;
	line-height: 120%;
}

.widget_nav_menu .menu-footer-link-container ul li ul,
.widget_nav_menu .menu-footer-link-en-container ul li ul {
	margin: 0;
	padding: 0;
	margin-left: 10px;
}

.widget_nav_menu .menu-footer-link-container ul li ul li a::before,
.widget_nav_menu .menu-footer-link-en-container ul li ul li a::before {
	content: "- ";
}

body.page-id-25 .wrap-footer,
body.page-id-1851 .wrap-footer,
body.page-id-373 .wrap-footer,
body.page-id-1878 .wrap-footer {
	margin-top: 0;
}

/* Icons */

.widget_noo_infomation .noo-infomation-attr {
	padding: 0;
}

.widget_noo_infomation .noo-infomation-attr li span {
	padding-right: 10px;
}

/* Hide content */

.widget_noo_infomation .noo-infomation-attr li:nth-child(2) {
	display: none;
}


/**************************************************
 	COMPONENT MAP 
**************************************************/

/* Customize color */

.google-map .noo-address-info-wrap ul li i {
	color: #ffffff;
}

/* Hide content */

.google-map .noo-address-info-wrap ul li:nth-child(3) {
	display: none;
}


/**************************************************
 	COMPONENT PARTNERS 
**************************************************/

/* Fix height */

.noo_partner-wrap .noo_partner .noo_partner_item {
	height: 100px;
}

/* Slider dots appearance */

.owl-dots .owl-dot.active span {
	background: #2e335a;
	opacity: 1;
}

/* Image appearance */

.noo_partner-wrap .noo_partner img {
	opacity: 1;
	width: auto;
}


/**************************************************
 	COMPONENT ABOUT 
**************************************************/

/* About component margins */

.noo-about {
	margin-top: 50px;
	margin-bottom: 50px;
}

.noo-about .noo-about-title {
	max-width: 325px;
}

@media screen and (max-width: 767px) {

	.noo-about {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

/* Fix about component attach position */

@media screen and (min-width: 481px) {

	.noo-about .noo-about-content .noo-about-attach {
		left: -75px;
		width: 250px;
		top: 200px;
		text-align: right;
	}

	.noo-about.noo-about-style2 .noo-about-content .noo-about-attach {
		left: -35px;
		top: 235px;
	}
}


/**************************************************
 	COMPONENT SERVICE
**************************************************/

/* Customize color and size */

.noo-services.services5 {
	background-color: transparent;
}

.noo-services.services5:hover {
	background-color: transparent;
}

.noo-services.services5 .noo-services-icon i {
	font-size: 30px;
	line-height: 30px;
}

.noo-services.services5 .noo-services-content h3 {
	margin-top: 10px;
	font-size: 22px;
	text-transform: initial;
}

.noo-services.services4 .noo-services-content h3 .number {
	color: #f8b029;
	opacity: 0.25;
}


/**************************************************
 	COMPONENT ACCORDION 
**************************************************/

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
	background: #ffffff;
	border: 1px solid;
	color: #2e335a;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title {
	background: #ffffff !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title:hover,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title {
	background: #2e335a !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title>a {
	color: #2e335a !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title:hover>a,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title>a {
	color: #ffffff !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title .vc_tta-controls-icon.vc_tta-controls-icon::after,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title .vc_tta-controls-icon.vc_tta-controls-icon::before {
	border-color: #2e335a !important;
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title:hover .vc_tta-controls-icon.vc_tta-controls-icon::after,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel .vc_tta-panel-title:hover .vc_tta-controls-icon.vc_tta-controls-icon::before,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title .vc_tta-controls-icon.vc_tta-controls-icon::after,
.wpb-js-composer .vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title .vc_tta-controls-icon.vc_tta-controls-icon::before {
	border-color: #ffffff !important;
}


/**************************************************
 	COMPONENT PORTFOLIO 
**************************************************/

/* Hide items */

.portfolio-header .item-cat {
	display: none;
}

.portfolio-action {
	display: none;
}

.noo-portfolio-entry .noo-content {
	width: 100% !important;
}

.noo-portfolio-entry .noo-info {
	display: none;
}

/* Popup position */

.portfolio-popup {
	overflow: hidden;
}

.portfolio-popup.eff .quick-content {
	width: calc(100% - 50px);
	height: calc(100% - 90px);
	margin: 40px auto;
}

.portfolio-header {
	padding: 15px 0 60px;
}

.noo-portfolio-slider-wrap .noo-portfolio-item img {
	max-width: 1000px;
	max-height: 50vh;
	width: calc(100% - 100px);
	margin: 0 auto;
}

.noo-portfolio-slider-wrap .owl-controls .owl-dots {
	text-align: center;
}

.noo-portfolio-slider-wrap .owl-controls .owl-dot {
	padding: 0 10px;
}

.noo-portfolio-slider-wrap .owl-controls .owl-nav .owl-prev {
	left: 0;
}

.noo-portfolio-slider-wrap .owl-controls .owl-nav .owl-next {
	right: 0;
}


/**************************************************
 	COMPONENT CONTACT 
**************************************************/

/* Customize success message */

div.wpcf7-mail-sent-ok {
	border: 0;
	text-align: center;
	color: #2e335a;
}