/*
Theme Name:     GXCOM
Theme URI: 		http://www.webloft.ca/
Description: Thème Child.
Author:         ---
Theme URI: 		http://www.webloft.ca/
Template: astra
Version: 2.0.0
Text Domain: astra-child
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Add your custom CSS codes in assets/less/style.less */
 
/*header text effects*/
 

H1 {
	font-size:90px!important;
	font-weight: bold !important;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.77;
	letter-spacing: 3.33px;
}

H2 {
	font-size: 50px!important;
	line-height: 0.28;
	letter-spacing: 7.5px;
}
H3 {
 
  font-size: 30px!important;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.26!important;
  letter-spacing: 1.85px;
}

H4 {
	margin-bottom: 5px!important;
	font-family: "Raleway", Sans-serif!important;
	font-weight: 900;
	line-height: 1.33;
	letter-spacing: 4.5px;
	font-weight: normal;
}

.white H1, .white H2 {
	color: #ffffff!important;
} 

ul{
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 32px;
	letter-spacing: 1.25px;
} 

P{
 	letter-spacing: 1.25px;
}

/*Menu des langues*/
.wpml-ls-legacy-list-vertical a {
	font-size: 17px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: 1px;
	color: #000000;
	padding: 5px 0px; 
}
.wpml-ls-legacy-list-vertical li:first-child a {
	border-bottom: 1px solid;
}

li.wpml-ls-current-language span {
    font-weight: bold;
}


.wpflym-title-wrap {
	display: none1;
}


.no-margin p {
	margin-bottom: 0!important;
}

.small P, .small ul{
	font-size: 17px;
	line-height: 1.2;
	letter-spacing: 1px;
	margin-bottom: 0;
}

#realisations H1 {
	font-family: "Raleway", Sans-serif!important;
	text-transform: uppercase;
	text-shadow: 0 0 30px #000!important;
	text-shadow: -3px 3px 7px #000000!important;
	font-size: 75px!important;
	font-weight: bold;
	line-height: 1;
	letter-spacing: 2px;
	color: #ffffff!important;
	border-bottom: 2px white solid;
	display: inline-block!important;
	
}
#realisations H3 {
	font-family: "Raleway", Sans-serif!important;
	color: #FFFFFF;
	text-transform: uppercase;
	text-shadow: -3px 3px 7px #000000!important;
	letter-spacing: 1.8px;
	font-weight: bold;
}
#realisations H2 {
	color: #ffffff!important;
	text-shadow: -3px 3px 7px #000000!important;
} 



a {
	text-shadow:none!important;
}

.left {
	text-align: left;
}

/*********************************effet texte home page***************************/
#rotate_in .swiper-slide-contents {
	margin-left: 15%;
}
#rotate_in .elementor-slide-heading {
	font-size:90px!important;
	font-weight: bold !important;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.77;
	letter-spacing: 3.33px;
	color: #000000;
	max-width: 100%;
}
#rotate_in .elementor-slide-description {
  font-size: 30px!important;
  font-style: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.26!important;
  letter-spacing: 1.85px;
  color: #000000;
}


#rotate_in .elementor-slide-heading {
    display: NONE;
	line-height: 60px;
}

 /***************************/
#rotate_in H1, #rotate_in H3 {
    width: 42%
}
#rotate_in H1 {
    display: NONE;
	line-height: 60px;
}
#rotate_in  .wraped span 
{
    display:inline-block; 
}

#rotate_in  .wraped span 
 {
     transform:rotateX(90deg) translateY(35px); 
  -webkit-transform:rotateX(90deg) translateY(35px)
 }
  
#rotate_in  .wraped:first-child  span
 {
	font-size:40%; 
	transform:rotateY(90deg) translateY(35px); 
   -webkit-transform:rotateX(90deg) translateY(35px)
 }

 
#rotate_in .wraped:nth-child(4) span, #rotate_in .wraped:nth-child(5) span
 {
	font-size:65%; 
 } 
 
#rotate_in .wraped:nth-child(7) span
{
	font-size:90%; 
}  


 h1 SPAN.Votre {
   color: #000;
   -ms-transform: rotate(90deg); /* IE 9 */
   transform: rotate(90deg);
   display: inline-block;
}    

/*Pages*/


.bottom-arrow {
     position: absolute;
     bottom: 25px;
     padding-left:16px 
}

.bottom-arrow img {
	cursor: pointer;
} 

.services {
	min-height: 360px;
}

.services a{
	height: 360px;
	width: 100%;
	display: block;
	font-size: 0px!important;
}


.rectangle {
	border: solid 1px #ccc;
	border-bottom: none;
	border-right: none;
	 
	padding: 10px;
	min-height: 150px
}
.rectangle ul li {
	margin-left:-30px
}

/**Images acceuil coprop architectue*/
.margin-negatif {
    margin-top: -20%;
} 


H4.entry-title  a{
	font-weight: bold!important;
}

H4.entry-title  {
    background-color: #FFFFFF;
    text-align: left;
    padding: 20px 0px 20px 20px;
    margin: 300px 0px 0px 0px;
    opacity: 0.8;
}

/**Projets*/

#residentiel, #corporatif {
	cursor: pointer;
	min-height: 360px;
}


#residentiel h6, #corporatif h6{
	height: 360px;
	width: 100%;
	display: block;
	font-size: 0px!important;
}

/*
https://pammax.dev.gxi.co/wp-content/uploads/2020/03/corporative.png
https://pammax.dev.gxi.co/wp-content/uploads/2020/03/Residential.png

 */


.fr #residentiel.active .elementor-element-populated{
	background-image: url(/wp-content/uploads/2020/02/residentiel-hover.jpg);
}

.fr #corporatif.active  .elementor-element-populated{
	background-image: url(/wp-content/uploads/2020/02/corporatif-hover.jpg);
}


.en #residentiel.active .elementor-element-populated{
	background-image: url(/wp-content/uploads/2020/03/Residential-hover.jpg);
}

.en #corporatif.active  .elementor-element-populated{
	background-image: url(/wp-content/uploads/2020/03/Corporate-hover.jpg);
}


.residentiel {
	display: none;
}

#projet {
	background-repeat:no-repeat;
	background-size: cover;
	background-position: bottom center;
	min-height: 350px;
	position: relative;
	margin: 50px 0;
}

#projet:hover {
	background-color: #FFFFFF;
	 
}

#projet:hover  .overlay {
	height: 100%;
}


#projet H3 a{
	font-weight: bold!important;
}

#projet H3  {
    
    text-align: left;
    padding: 30px 0px 30px 20px;
    color: #000;
	position: absolute;
	bottom: -20px;
	width: 100%;
}
 
 .overlay {
    background-color: rgba(255, 255, 255, 0.74);
	height: 30%;
    width: 100%;
    bottom: -0px;
    left: 0;
    position: absolute;
	width: 100%!important;
    background-position: 100% 50%;
}



/*Le menu*/
.wpflym-full-screen-inner {
	vertical-align: TOP; 
}

.wpflym-menu li {
	margin: 40px 0 ;
}
.wpflym-menu li:last-child {
	margin: 40px 0  0px 0px;
}

.wpflym-menu .wpflym-submenu li {
	margin: 8px 0 ;
} 

.wpflym-fly-menu-footer  {
	display: none;
}

.wpflym-fly-menu-footer li {
	margin: 0px 0 ;
}

.wpflym-submenu, .wpflym-fly-menu-footer .wpml-ls-legacy-list-vertical {
    display:block!important;
}

.wpflym-menu  span, .wpflym-fly-menu-footer span, .wpflym-fly-menu-footer a{
	font-weight: normal!important;
	font-size: 32px!important; 
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: 3.8px;	
	border-bottom: none!important; 
}

.wpflym-menu .wpflym-submenu  span {
  font-size: 22px!important; 
}

.current_page_item  .wpflym-title {
	color:#998c3d!important;
	text-decoration: underline;
}


.wpflym-fly-menu-body ul li a.wpflym-menu-link {
	padding: 0px!important; 
}
#language_menu a {
	color: #000;
}

#language_menu.white a {
	color: #fff;
}
 
/*Toggle*/
.wpflym-toggle {
	background: #fff;
 	height: 90px!important;
}

i.wpflym_toggle_default_close_icon, i.wpflym_toggle_default_open_icon {
    font-size: 32px;
    line-height: 90px;
}


.wpflym_full_screen_menu ul li a.wpflym-dropdown-toggle {
     padding-right:  0px!important; 
}

.wpflym_full_screen_menu ul li .wpflym-dropdown-toggle  li {
	margin: 20px 0!important; 
}


/*Tous les btn du slider*/

.swiper-slide-contents .elementor-button, a.transparent  {
	color: #FFFFFF!important;
    background-color:#02010100 !important;
    fill: #FFFFFF;
    padding: 20px 0 20px 0!important;
	text-align: center;
	border: 1px solid white!important;
	width: 270px;
	display: block;
	font-size: 17px!important;
}

 
.swiper-slide-contents a.elementor-button:hover, 
.swiper-slide-contents .elementor-button:hover, 
.swiper-slide-contents a.elementor-button:focus, 
.swiper-slide-contents .elementor-button:focus, a.transparent:hover  {
    color: #000000!important;
    background-color: #FFFFFF!important;
}

.swiper-slide-contents .elementor-button  {
    color: #000000!important;
    background-color: #FFFFFF!important;	
}

.swiper-slide-contents a.elementor-button:hover, 
.swiper-slide-contents .elementor-button:hover, 
.swiper-slide-contents a.elementor-button:focus, 
.swiper-slide-contents .elementor-button:focus {
	color: #FFFFFF!important;
    background-color:transparent !important;
}



.elementor-slide-heading {
	background-image: url(/wp-content/uploads/2020/02/sep-titre-blanc.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
	padding-bottom: 25px;
	max-width: 340px
}
.en .elementor-slide-heading {
	background-image: url(/wp-content/uploads/2020/03/sep-titre-blanc-en-1.png);
	max-width: 230px;
	background-size:auto;   
}
	
	
.elementor-slide-description h4 {
	color: #ffffff!important;
}

.elementor-slide-description h4:first-child {
	font-weight: bolder!important;
}

.elementor-background-overlay {
    width: 50%!important;
    background-position: 50%;
}
 
 

@media screen and (max-width: 1024px) {
	H1 {
		font-size:70px!important;
		letter-spacing: 2.5px;
	}

	#rotate_in .swiper-slide-contents {
		max-width:70%;
		margin-left: 0%
	}
	#rotate_in .elementor-slide-heading {
		font-size:70px!important;
		line-height: 50px;
	}
	#rotate_in .elementor-slide-description {
		font-size: 25px!important;
	}		

	H2 {
		font-size: 40px!important;
	}
	H3 {
	  font-size: 25px!important;
	}

	P, ul{
		font-size: 20px;
	}
}

@media screen and (max-width: 767px) {
	H1 {
		font-size:50px!important;
		letter-spacing: 1.5px;
	}
	#rotate_in .swiper-slide-contents {
		max-width:70%;
		margin-left: 0%
	}
	#rotate_in .elementor-slide-heading {
		font-size:50px!important;
		line-height: 40px;
	}
	#rotate_in .elementor-slide-description {
		font-size: 20px!important;
	}	
	
	#realisations H1 {
		font-size:50px!important;
	}

	H2 {
		font-size: 30px!important;
	}
	H3 {
	  font-size: 20px!important;
	}

	P, ul{
		font-size: 17px;
	}

	.medieum P, .medieum ul{
		font-size: 16px;
	}	
	
	.elementor-background-overlay {
		width: 100%!important;
		background-position: 50%;
	}
	
	#wpflym-menu-navigation li {
		margin: 25px 0 ;
	}
	 #wpflym-menu-navigation li:last-child {
		margin: 25px 0  0px 0px;
	}	
	
	
.wpflym-fly-menu-footer  {
	display: block;
}
 
}