/*
Theme Name: INDP
Theme URI: https://oceanwp.org/
Description: Theme custom INDP (theme enfant OceanWP)
Author: Webo Zenith
Author URI: https://www.webozenith.com/
Template: oceanwp
Version: 1.0 (2026)
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*------------------------------------*
    $CONTENTS
*------------------------------------*/
/**
 * 1.LOCAL POLICES
 * 2.OCEAN WP
   - Header
   - Header Logo (SVG)
   - Menu Desktop
   - Menu Mobile
   - Page Header
   - Scroll to Top
 * 3.ELEMENTOR
 * 4.PREMIUM ADDONS ELEMENTOR
 * 5.CUSTOM SECTIONS
*/

/*------------------------------------------------------------------------*
    1.LOCAL POLICES
*------------------------------------------------------------------------*/

/* Dax Regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Dax Regular';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/Dax-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* Dax Medium Regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Dax Medium';
  font-style: normal;
  font-weight: normal;
  src: url('fonts/Dax-Medium-Regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/*------------------------------------------------------------------------*
    2.OCEAN WP
*------------------------------------------------------------------------*/

/* Remove dotted line around links */
a, a:active, a:focus {
	outline: none !important; /* Works in Firefox, Chrome, IE8 and above */ 
}

/* Bold */
b, strong {
	font-family: 'Dax Medium';
    font-weight: normal;
}

/**************************************
Header
**************************************/

#site-header {
	box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.04);
}

/**************************************
Header Logo (SVG)
**************************************/

#site-logo #site-logo-inner a img {
	width: 70px;
}

/**************************************
Menu Desktop
**************************************/

/* Taille icône (icône sous-menu) */
#site-navigation-wrap .dropdown-menu>li>a .nav-arrow {
    font-size: 14px;
}

/* Sous-menu : Skin + Animations */
.dropdown-menu .sub-menu{
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.dropdown-menu ul li a.menu-link:hover {
	transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
	/*margin-left: 4px;*/
}
.dropdown-menu ul li a.menu-link i {
	color: #7fa1b1;
}
.dropdown-menu ul li a.menu-link:hover i {
	color: #c90039;
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

/**************************************
Menu Mobile
**************************************/

/* Bouton close menu */
a.sidr-class-toggle-sidr-close {
	line-height: 1 !important;
	font-weight: normal !important;
	color: #fff !important;
}
/* Taille icône (icône sous-menu) */
.sidr-class-dropdown-toggle:before {
    font-size: 14px !important;
}
/* Police item enfant */
.sidr-class-dropdown-menu ul li a {
	font-family: 'Dax Regular';
}

/* Masquer icone item enfant > défaut */
.sidr-class-dropdown-menu ul a:before {
	display: none !important;
}
/* Skin icone custom item enfant (ELUSIVE) */
.sidr-class-dropdown-menu a i {
	font-size: 0.5em !important;
	vertical-align: middle !important;
	color: #7fa1b1;
}
.sidr-class-dropdown-menu a:hover i {
	color: #c90039;
}

/**************************************
Page Header
**************************************/

.page-header {
	background-image: url(https://www.indp.net/wp-content/uploads/2026/03/bg-page-header.jpg);
	background-size: cover;
	background-repeat: no-repeat;
    background-position: top center;
	}

@media (max-width: 767px) {
	.page-header {
		background-image: url(https://www.indp.net/wp-content/uploads/2026/03/bg-page-header-sm.jpg);
		background-position: top left;
	}
}

/**************************************
Scroll to Top
**************************************/
@media only screen and (max-width: 480px) {
	#scroll-top {
		right: 15px;
    	bottom: 15px;
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}


/*------------------------------------------------------------------------*
    3.ELEMENTOR
*------------------------------------------------------------------------*/

/* Fix bug line-height widget Elementor Heading Title */
h1.elementor-heading-title,
h2.elementor-heading-title,
h3.elementor-heading-title,
h4.elementor-heading-title {
    line-height: 1.3;
}
div.elementor-heading-title {
    line-height: 1.1;
}

/* Remove extra paragraph spacing in text editor */
.elementor-widget-text-editor p:last-child {
	margin-bottom: 0;
}

/* Style links in text editor */
.elementor-widget-text-editor a {
    font-family: 'Dax Medium';
}

/* Change default Animation Length Slow */
/*
.animated.animated-slow {
    animation-duration: 3s !important;
}
*/

/*------------------------------------------------------------------------*
    4.PREMIUM ADDONS FOR ELEMENTOR
*------------------------------------------------------------------------*/

/* PREMIUM IMAGE BUTTON + PREMIUM IMAGE BUTTON : Change default Animation Length */
.premium-button-style1:before,
.premium-image-button-style1:before {
    -webkit-transition: all 0.3s ease-in-out !important;
    transition: all 0.3s ease-in-out !important;
}


/*------------------------------------------------------------------------*
    5.CUSTOM SECTIONS
*------------------------------------------------------------------------*/

.gradient-4colors {
	background: #7FA1B1;
	background: -webkit-linear-gradient(left, rgba(127, 161, 177, 1) 0%, rgba(94, 133, 152, 1) 30%, rgba(94, 133, 152, 1) 70%, rgba(127, 161, 177, 1) 100%);
	background: -o-linear-gradient(left, rgba(127, 161, 177, 1) 0%, rgba(94, 133, 152, 1) 30%, rgba(94, 133, 152, 1) 70%, rgba(127, 161, 177, 1) 100%);
	background: linear-gradient(to right, rgba(127, 161, 177, 1) 0%, rgba(94, 133, 152, 1) 30%, rgba(94, 133, 152, 1) 70%, rgba(127, 161, 177, 1) 100%);
}