/*
Theme Name: ux-expertise.paris
Theme URI: https://ux-expertise.paris
Author: Florian Dadoun
Author URI: https://ux-expertise.paris/a-propos
Description: Creative Agency WordPress Theme
Version: 1.2.0
Requires at least: 5.0
Tested up to: 5.5.2
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: DADOUN
*/

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
html{
	
	 -moz-user-select: none !important; /* Firefox */
 -webkit-user-select: none !important; /* Chrome, Safari, Opéra depuis la version 15 */
 -ms-user-select: none !important; /* Internet explorer depuis la version 10 et Edge */
 user-select: none !important; /* Propriété standard */

}

body{padding: 0;


}
img{height: auto; max-width: 100%;}
iframe{ width: 100%; max-width: 100%;}




.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	float:right; margin-left:1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.screen-reader-text{
    display: block;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}


/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

.bypostauthor{
	display: block;
}

section.icon-content-block{
	overflow: visible;
}


.wp-block-cover, .wp-block-cover-image {height:auto; }


/*
 * 
 * Modification du format des icones expertise Homepage
 * 
 */

.icon-content-block figure img {
	height:160px!important;
}
.selected figure img {
	height:160px!important;
}

/*
 * 
 * impacte la hauteur d'affichage de la liste "Réalisation" -> toutes les pages
 * 
 */

.all-cases .inner ul {
	
	max-height:724px!important;
	
}


/*
 * 
 * impacte l'affichage de la photo de florian sur la page d'accueil
 * 
 */

.bg-image  {
	
	background-position:left!important;
	/*background: url(https://ux-expertise.paris/wp-content/uploads/2022/12/Florian-dadoun-expert-ux-design-1.jpg) left no-repeat; background-color: #161619 !important;*/
}

/*
 * 
 * impacte l'affichage de la photo de florian sur la page parcours (CV)
 * 
 */

#profile-picture .team img {
	border-radius:200px!important;
	
}

#profile-picture .team figcaption {
	
	padding-top:0!important;
	
}	
	
/*
 * 
 * impacte l'affichage du dropDown "+ de dates" sur la page parcours
 * 
 */
	
.dropDownExperience {
		
	text-align:center!important;
		
	}

/*
 * 
 * impacte l'affichage le CTA "télécharger le CV" sur la page parcours
 * 
 */

.ctaDownloadCV button {
	
	margin-bottom:-70px!important;

}
/*
 * 
 * impacte la couleur des textes "process content" de la cat "compétences" page "Parcours"
 * 
 */
.colorProcessContent {
	
	color:white!important;
	
}
.colorProcessContent div div div small,
.colorProcessContent div div div h5,
.colorProcessContent div div div p {
	
	color:white!important;
	
}

/*#softSkills div div div small,
#softSkills div div div h5,
#softSkills div div div p {
	
	text-align:right!important;

}

#softSkills div div div p {
	
	padding-right:0!important;
}*/

/*
 * COMPOSANT PROGRESS BAR
 * impacte le design des Progress Bar de la page "Parcours" dans la sections "Application"
 * 
 */


div.ProgressBarGlobal_no-margin,
div.ProgressBarGlobal  {
	
	padding: 7px!important;
	border: 1px solid rgba(255, 255, 255, 0.1)!important;
	border-radius: 50px!important;
	margin-left:auto!important;
	margin-right:auto!important;
	width:80%!important;
	margin-top:-190px!important;
	
}

div.ProgressBarGlobal_no-margin {
	
	Margin-top:0!important;
}

.ProgressBarGlobal_no-margin div,
.ProgressBarGlobal div,
.ProgressBarKeyPoints div {
	
	height: 18px!important;
	padding: 0!important;
	margin: 0!important;
	border-radius: 20px!important;
	background-color: rgba(0, 0, 0, 0.4)!important;
	
}

.ProgressBarGlobal_no-margin div small,
.ProgressBarGlobal div small,
.ProgressBarKeyPoints div small {
	
	font-weight: bold!important;
	font-size: 12px!important;
	padding-top: 0!important;
	
}

.ProgressBarGlobal_no-margin div small span,
.ProgressBarGlobal div small span {
	
	float:right!important;
	
}
.ProgressBarGlobal_no-margin div span,
.ProgressBarGlobal div span,
.ProgressBarKeyPoints div span {
	
	border-radius: 30px!important;
	height: 18px!important;
	
}
 

div.ProgressBarKeyPoints {
	border-radius: 50px!important;
	margin-left:auto!important;
	margin-right:auto!important;
	width:60%!important;
	
	
}
.ProgressBarKeyPoints div small span {
	
		float:right!important;
	
}

#ProgressBarGlobal_XD {
	
	
}

/*
 * COMPOSANT Tabs 
 * impacte le design des onglets dans les contenus à onglets du site.
 * Ajout d'une classe pour différentier les onglet de Parcours et de Réalisations
 * 
 */


div.tabsRealeases div ul li a,
div.styleTabs div ul li a {
	
	border:none!important;
	/*border-bottom:solid 2px #222327!important;*/
	overflow:hidden;
	padding:20px 0 20px 0!important;

}
div.tabsRealeases div ul li a:active,
div.styleTabs div ul li a:active {
	
	color: #fff!important;
}

div.tabsRealeases div ul li,
div.styleTabs div ul li {
	
 	margin:0 20px 0 20px!important;
	transition:all ease-in-out .3s!important;
	border-bottom:solid 2px #222327!important;

}

div.tabsRealeases div ul li:hover,
div.styleTabs div ul li:hover,
.vc_tta.vc_general .vc_tta-tab.vc_active>li:hover {
	
	border-bottom:solid 2px #75dab4!important;
	color: #fff!important;
	transition:all ease-in-out .3s!important;
}

div.tabsRealeases div ul li a:hover,
div.styleTabs div ul li a:hover,
.vc_tta.vc_general .vc_tta-tab.vc_active>a:hover {
	
	background-color:none!important;
	background: none!important;

}

div.tabsRealeases div ul li a:active,
div.styleTabs div ul li a:active,
.vc_tta.vc_general .vc_tta-tab.vc_active>a:active {
	
	color:white!important;

}
	


.vc_tta-color-grey.vc_tta-style-outline li.vc_tta-tab.vc_active {
	
	border-bottom:solid 2px #75dab4!important;
		transition:all ease-in-out .3s!important;

}

/*      paramètres de positionnement des onglets page réalisation uniquement
 */

div.vc_tta-tabs-container {
	
		position: -webkit-sticky!important;
		position: sticky!important;
		top:0!important;/* à corriger pour un placement en haut de l'écran*/


}



div.tabsRealeases div ul {
	
	background:#222327!important;
	position: -webkit-sticky!important;
	position: sticky!important;
	/*top: 0px;      à implémenter au moment de la production*/
	top: 33px;
	width: 100%;
	/*overflow:hidden!important;*/
}

div.tabsRealeases,
div.tabsRealeases div {
	
	/*overflow:hidden!important;*/
}

div.tabsRealeases div ul li {
	
	margin-bottom:15px!important;
}


/*
 *  
 * impacte le background de la section bouton sur la page parcours.
 * 
 */

section div div.noBackground {background:none!important;}

.picOnTop {
	
	z-index:2!important;
	
}

/*
 *  
 * impacte le style des blocs compétences sur la page Parcours
 * 
 */

.styleSkills div div div.icon-content-block figcaption,
.styleSkills div div div.icon-content-block figcaption h5 p {
	
	color:black!important;
	
}

.styleSkills div div div.selected figure img {
	
	filter: invert(1)!important;
	
}


.page-header {
	width:100vw!important;
	height:100vh!important;
}

.adjustIcon a i {
	
	margin-top:3px!important;
}

/*
 *  
 * Créee une sidebar Sticky sur les articles et les réalisations
 * 
 */

main {
	overflow:unset!important;
}

.stickyComponent {
	
	position: -webkit-sticky!important;
	position: sticky!important;
	top: 200px!important;

}
/* * Corrige un bug lié au stickySidebar et à l'overflow "unset" du "main" */
.vc_section {
	
	margin-left:0!important;
	margin-right:0!important;
}

/* * Corrige un bug lié à la position "sticky" du footer et au margin-bottom de main */



/*.vc_column_container>.vc_column-inner {
	padding-left:0!important;
	padding-right:0!important;
	
}*/

.vc_column_container>.vc_custom_1672741919036 {
	padding-left:0!important;
	padding-right:0!important;
	
}




/* * Corrige un bug lié conteneur qui déborde sur celui du footer */

.vc_tta-container {
	
	margin-bottom:0!important;
}




/* * influence le degrès d'opacité des vidéo du slider de la Home */
.slider .swiper-container .swiper-slide .slide-video-bg video {
	
	opacity:.02!important;
}

/* * corrige un bug de type "overlay" empêchant la détection de la souris sur les informations de contact 

.footer-fixed .footer:hover {
	
	z-index:0!important;
}

main {
	
	margin-bottom:0!important;
}

footer.footer {
	
	position: -webkit-sticky!important;
	position: sticky!important;
	bottom: 0!important;
	
}*/

/* * header {
	z-index:2!important;
}

*/


/* * Masque la hauteur trop élevée du slider de la page projet " RCI BANK and Services" */

.hideOverflow {
	
	height: 370px!important;
	overflow: hidden!important;
}

/* * style spécifique du bloc témoignage de la page projet " RCI BANK and Services" */

div.BackgroundTestimonials div div div {
	
	background:none!important;
	
	
}