/* ===================================================================================

Theme Name: Bexon Child
Theme URI: https://bexon.themejunction.net/
Author: Theme Junction
Author URI: https://themeforest.net/user/theme-junction/portfolio
Description: Bexon is a Corporate Business  WordPress Theme.
Version: 1.0.0
Template: bexon
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

We encourage you to create Child theme for any modifications you will want to do.

Why use Child theme?

Because of future updates we may provide for this theme that will overwrite your
modifications and all your custom work.

If you are not familiar with Child Themes, you can read about it here:
http://codex.wordpress.org/Child_Themes
http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

/**
 * Shared spacing for auto-generated CPT single templates.
 */
.single-projects .project-details-area,
.single-emplois .emploi-details-area,
.single-services .service-details-area,
.bexon-child-cpt-single {
	padding: 70px 15px;
}

ul {
	padding-left: 20px;
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.single-projects .project-details-area,
	.single-emplois .emploi-details-area,
	.single-services .service-details-area,
	.bexon-child-cpt-single {
		padding-top: 100px;
		padding-bottom: 100px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1201px) and (max-width: 1399px) {
	.single-projects .project-details-area,
	.single-emplois .emploi-details-area,
	.single-services .service-details-area,
	.bexon-child-cpt-single {
		padding-top: 120px;
		padding-bottom: 120px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (min-width: 1400px) {
	.single-projects .project-details-area,
	.single-emplois .emploi-details-area,
	.single-services .service-details-area,
	.bexon-child-cpt-single {
		padding-top: 120px;
		padding-bottom: 120px;
		padding-left: 15px;
		padding-right: 15px;
	}
}

/*
 * Header 10 layout
 * - Elementor wraps the header in a 90% left-aligned container: force full width.
 * - Nav pill is content-sized and centered in the space between logo and EN/CTA.
 */
.elementor-element:has(.h10-header),
.elementor-element:has(.h10-header) > .elementor-widget-container {
	max-width: 100% !important;
	width: 100% !important;
	margin-inline: 0 !important;
}

.h10-header.header-area.header-absolute {
	width: auto;
	inset-inline: 15px;
	margin-inline: 0;
}

.h10-header .header-wrapper {
	display: flex;
	align-items: center;
	gap: 16px;
	width: 100%;
}

.h10-header .mainmenu > ul > li > a {
	white-space: nowrap;
}

.h10-header .site_logo {
	flex: 0 0 auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.h10-header .menu-area {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.h10-header .menu-area .mainmenu {
	width: auto;
}

.h10-header .header-right-item {
	flex: 0 0 auto;
	justify-content: flex-end;
	align-items: center;
	gap: 16px;
}

.h10-header .mainmenu > ul {
	width: auto;
	justify-content: flex-start;
	column-gap: 20px;
	padding-inline: 24px;
}

.header-right-item .header-language-switcher {
	display: inline-flex;
	align-items: center;
	flex-shrink: 0;
}

.header-language-switcher ul {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-language-switcher li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-language-switcher a {
	display: inline-flex;
	align-items: center;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1;
	color: var(--tj-color-theme-secondary, #c8973a);
}

.widget-nav-menu ul {
	list-style: none;
	padding-left: 0;
}

/* .widget-nav-menu ul li {
	position: relative;
	padding-left: 1.5em;
} */

/* .widget-nav-menu ul li::before {
	content: "—";
	position: absolute;
	left: 0;
	background: transparent !important;
	color: white;
} */