/*
Theme Name: Saillance (Extendable Child)
Theme URI: http://example.com/twenty-fifteen-child/
Description: Child theme de Extendable pour Saillance
Author: Mikael Bédard
Author URI: https://mikaelbedard.com
Template: extendable
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: extendable-child
*/

/* GÉNÉRAL */
html, body{
	overflow-x: hidden;	
}
h1, h2, h3{
	 hyphens: none !important;	
}
.text-outline {
  -webkit-text-stroke: 1px #1b1b25;
		color: transparent;
}

.text-outline.outline-light {
  -webkit-text-stroke: 1px #F5F5F5;
		color: transparent;
}

.align-items-center {
  align-items: center;
}

.icon-diamond-absolute {
  position: absolute;
  bottom: 0;
  right: 0;
  transition: .2s all;
}

.icon-diamond-absolute:hover {
  transform: scale(1.1);
}

a.wp-element-button:hover {
  background: #1D1D26;
  color: #FFF;
}

.section-dark{
	background: url('/wp-content/uploads/2025/06/saillance_fond_degrade_2-scaled.webp') no-repeat;
	background-size: cover;
}

/* HEADER */

.header-bar .wp-block-site-logo{
	transition: .2s ease;		
}

.header-bar .wp-block-site-logo:hover{
	transform: scale(1.03);		
}	

.header-bar {
  position: absolute;
  width: 100%;
  z-index: 5;
	overflow: visible;
}

.header-text-block p {
  max-width: 725px;
}

.wp-block-social-link-anchor {
  padding: .3em;
}

/* À PROPOS */

.section-about {
  position: relative;
}

.section-about p {
  max-width: 540px;
}

/* SERVICES */

.services-title {
  writing-mode: sideways-lr;
  white-space: nowrap;
}


/* SERVICES LINE */
@media (min-width: 992px){
		.services-title.wp-block-heading{
			display: flex;
				align-items: center;	
				gap: 20px;
				margin-top:-1em;
				height: 104%;
				text-wrap: nowrap;
		}

		.services-section .wp-block-column.services-title-col{
			display: flex;	
				align-self: stretch;
		}
		.services-title-col h2:before{
				content:'';
				display: inline-block;
				width: 2px;
				background: #F5F5F5;
				height: 100%;
				margin-top: 1em;
		}
}

/* CITATION */

.section-quote {
  z-index: 1;
}

.section-quote .quote-block{
	position: relative;	
}

.section-quote .quote-block p{
	z-index:10;	
		position: relative;
}

.quote-block .quote-icon {
  position: absolute;
		z-index:0;
}

.quote-icon.quote-left{
	 top: 20px;
  left: 20px;
}

.quote-icon.quote-right{
	 bottom: 20px;
  right: 20px;	
}

/* CONTACT FORM */

.form-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

#contact label{
  color: #F5F5F5;
  opacity: 1;
}

#contact label em{
	color: red;
}

.form-col {
  flex: 1 1 48%;
}

.form-row textarea,
.form-row p {
  width: 100%;
}

#contact .wpcf7 input,
#contact .wpcf7 textarea {
  font-family: "Libre Baskerville", serif;
  font-style: italic;
  color: #F5F5F5;
  font-size: 1.125rem;
  width: 100%;
  padding: 12px;
  background: none;
  border: 1px solid #F5F5F5;
  border-radius: 0px;
  box-sizing: border-box;
}


#contact .wpcf7 .submit-row p {
  text-align: center;
			display: flex
;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

#contact .wpcf7 input[type="submit"] {
  width: unset;
  padding: 15px 40px;
  border-radius: 0;
  background: #F5F5F5;
  color: #000;
  font-style: normal;
  font-size: 1.25rem;
}

#contact .wpcf7 input[type="submit"]:focus {
		color: #000;
}

#contact .wpcf7-response-output{
	color: #FFF;
		text-align: center;
		margin-top: -2em;
}


/* TABLET STYLES */

@media (max-width:992px) {
		
		/* NAVBAR */
		.header-bar > div.wp-block-group{
				padding-left: 30px !important;
		}
		
  /* HERO */
		
		.wp-block-site-logo img{
			max-width: 250px;	
		}

  .hero-section, .services-section {
    border-right-width: 20px !important;
			border-left-width: 20px !important;
  }

  .hero-section .wp-block-cover {
    min-height: 768px !important;
  }
		
		/* ABOUT */
		.section{
			padding: 80px 60px 120px 60px !important;	
		}
		
		/* SERVICES */
		.section.services-section{
			flex-direction: column-reverse;	
				gap: 80px;
		}
		
		.services-section .services-title{
			writing-mode: horizontal-tb;	
			white-space: normal;
		}
		
		/* EQUIPE */
		.team-section .wp-block-group{
			grid-template-columns:none !important;	
		}
		
		/* CONTACT FORM */
		.contact-section{
				padding-top: 10em !important;
			border:0;	
		}
}

/* MOBILE STYLES */

@media (min-width: 481px){
		footer .footer-links{
			gap: 20px;	
		}
}

@media (max-width:781px) {
		/* GÉNÉRAL */
				.flex-mobile-wrap{
			flex-direction: column;	
		}
		
		.flex-mobile-wrap figure{
			flex-basis:100%;
		}
		
		/* SERVICES */
		
		.services-section .flex-mobile-wrap{
				align-items: flex-start;
		}
		
		.services-section .services-pile-layout{
			gap: 90px;	
		}
		
		/* QUOTE */
		.section-quote .quote-block p{
			padding-top: 1em;
			padding-bottom: .5em;
		}
		
		.section-quote .quote-icon{
			width: 70px;	
		}
		
		/* CONTACT */	
		#contact .wpcf7 input,
#contact .wpcf7 textarea {
  font-size: 1rem;
}
		
		#contact .wpcf7 input[type="submit"] {
  font-size: 1rem;
}
		
		.form-row {
			gap: 0px;
		}

		.form-col {
			flex: 1 1 100%;
		}
		
}

@media (max-width:480px) {
		.section{
			padding: 80px 30px 120px 30px !important;	
		}
		
		.text-outline {
  -webkit-text-stroke: .5px #1b1b25;
		color: transparent;
}

.text-outline.outline-light {
  -webkit-text-stroke: .5px #F5F5F5;
		color: transparent;
}
		
		/* NAVBAR */
		.header-bar > div.wp-block-group{
				padding-left: 20px !important;
		}
		
		
  /* HERO */
		.header-bar .wp-block-site-logo img{
			max-width: 180px;	
		}

  .hero-section .wp-block-cover {
    min-height: 85vh !important;
  }
		
		/* ABOUT */
		
		.icon-diamond-absolute {
  position: relative;
		width: 20px;
    padding-top: 2em;
}
		
		/* ÉQUIPE */
		.wp-block-group.team-section{
			padding-left: 0 !important;	
			padding-right: 0 !important;	
			padding-bottom: 1em !important;
		}
		
		.team-section > section{
			margin:0 !important;	
		}
		

		
		/* CONTACT FORM */
		.contact-section{
				padding-top: 14em !important;
			padding-bottom: 1em !important;
			border:0;	
		}
	
	/* FOOTER */
	footer .footer-wrap{
		padding-top: 2em !important;
		padding-bottom: 2em !important;
	}
	
	footer .footer-wrap .wp-block-site-logo{
		padding-bottom: 2em;
	}
}

/* MOBILE MENU OVERRIDE */
body .wp-block-navigation__responsive-container-open:not(.always-shown) {
	display: block !important;
}
body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
	display: none !important;
}

		
.header-bar .wp-block-navigation__responsive-container{
	height: 100vh;	
}

@media (min-width: 1140px) {
	body .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: none !important;
	}
	body .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
	}
		
		.header-bar .wp-block-navigation__responsive-container{
	height: auto;	
}
}