/*
Theme Name: ARCQ v1
Theme URI: https://www.reseauxcyclables.ca
Description: Thême enfant de Divi par NickoLabs, Design par Conception Graphique MC
Author: Nickolas Simard
Author URI: https://nickolabs.com
Template: Divi
Version: 1.0
*/
/*
* Changelog : 
* v1.0 - 2026-01-08 : Version initiale, mise en ligne le 2026-03-30
*/
/*
	COLORS
	Light Green : 9BBD72
	Dark Green : 007179
	Text (darker) : 0E2E35 
	Links : 00A2B4
*/
/* FIXES*/
	/* Remove */
	/*.header_top_ligne_divider {z-index: 10} possible overlapping of content */
	.hide-in-menu {display: none !important;}
/* DIVIDERS */
	/* .header_bottom_divider .et_pb_bottom_inside_divider {
		background-image: url(/wp-content/uploads/2026/01/header_divider_blanc_v2.svg) !important;
		transform: scale(1,1) !important;
		background-size: 100% 20vw !important;
		height: 20vw !important;
		bottom: 0 !important;
		z-index: 10 !important;
	}*/

	.header_bottom_ligne_divider .et_pb_bottom_inside_divider {
		background-image: url(/wp-content/uploads/2026/01/header_divider_blanc_v2.svg) !important;
		transform: scale(1,1) !important;
		background-size: 100% 20vw !important;
		height: 20vw !important;
		bottom: 0 !important;
		z-index: 10 !important;
		box-shadow: 0px 1px #fff;
	}
	.header_top_ligne_divider .et_pb_top_inside_divider {
		background-image: url(/wp-content/uploads/2026/01/curves_white.svg) !important;
		transform: scale(1,-1) !important;
		background-size: 100% 40vw !important;
		height: 19vw !important;
		top: 0 !important;
		z-index: 10 !important;
		box-shadow: 0px 1px #fff;
	}
	.header_bottom_divider.blanc{} 
/* BACKGROUNDS */
	/* For the first section after "hero" section, have it transparent bg */
	.et_pb_section_1.et_pb_section {
		background-color: rgba(255,255,255,0) !important;
	}
	/* For the section within Single template */
	body.single .et_pb_post_content .et_pb_section_0{
		background-color: rgba(255,255,255,0) !important;
	}
/* HOME HERO */
	#home-hero {

	}
/*  TYPOGRAPHY */
	.dipi-desc p {
		padding-bottom: 0.4em;
		line-height: 1.5em !important
	}
	.entry-content p {line-height: 1.8em}
	.et_pb_text_inner ul,
	.et_pb_text_inner ol,
	.entry-content ul,
	.entry-content ol,
	.dipi-at-panel-text ul,
	.dipi-at-panel-text ol {
		line-height: 1.8em;
		margin-left: 1em;
	}
	.et_pb_text_inner ul li,
	.et_pb_text_inner ol li,
	.entry-content ul li,
	.entry-content ol li,
	.dipi-at-panel-text ul li,
	.dipi-at-panel-text ol li {
		padding-bottom: 0.5em;
	}
	.et_pb_text_inner ul li:last-of-type,
	.et_pb_text_inner ol li:last-of-type,
	.entry-content ul li:last-of-type,
	.entry-content ol li:last-of-type,
	.dipi-at-panel-text ul li:last-of-type,
	.dipi-at-panel-text ol li:last-of-type {
		padding-bottom: 0 !important;
	}

/* HEADERS TYPOGRAPHY */
	.accent h1,	.accent h2,	.accent h3,	.accent h4,	.accent h5,	.accent h6 {
		color: #007179;

		background: url("/wp-content/uploads/2026/01/picto_fleche.svg") no-repeat left 0.2em;
		line-height: 1.2em;
		height: auto;
		padding-left: 100px;
  		background-size: 80px;
	}
	/* Sizes */
	.accent h1 {}
	.accent h2, .et_pb_text_inner h2 {font-size: 60px !important}
	.accent h3, .et_pb_text_inner h3 {font-size: 42px !important}
	.accent h4, .et_pb_text_inner h4 {font-size: 28px !important; font-weight: 400 !important;}
	.accent h5 {}
	.accent h6 {}
	.accent.no-margin {
		margin-bottom: 0;
	}
	/* CSS CLASS - IMAGE Arrondies - Fait en CSS pour pouvoir les ajuster globalement au besoin dans le futur */
		.image_coinrond_colonne_droite .et_pb_image_wrap {border-radius: 50px 0 50px 0 !important;  overflow: hidden}
		.image_coinrond_colonne_gauche .et_pb_image_wrap {border-radius: 0 50px 0 50px !important;  overflow: hidden}
		.blog_coinarondi_droite	.et_pb_blog_grid .et_pb_post {border-radius: 50px 0 50px 0 !important; border-width: 0 !important; overflow: hidden}
	sup {font-size: 0.8em; bottom: 0.5em}
/* MENUS */
	.bouton_lock a{
		background: url("/wp-content/uploads/2026/01/picto_key.svg") no-repeat 0px 0px;
		width: 25px;
		height: auto;
	}
	.bouton_lock a span{opacity: 0;}
	/* Bouton Avantages / Espace membre sur Mobile */
	.btn-avantages-membre-mobile,
	.btn-espace-membre-mobile {
		display: none !important;
	}
/* BLOG - GRID */
	.et_pb_blog_grid .post-meta {line-height: 1.3em; padding-bottom: 0.3em !important;}
	.et_pb_blog_grid .post-content {font-size: 15px !important; }
	.et_pb_blog_grid .post-content-inner {padding-bottom: 1em; }
	.et_pb_blog_grid .post-content-inner p {font-size: 15px !important; line-height: 2em !important;}


/* FORMULAIRE WPCF7 et RCPForm */
	/*  Errors */
	.wpcf7-not-valid-tip {
		color: #007179;
		padding-left: 10px;
		font-weight: 600;
	}
	.wpcf7 form.invalid .wpcf7-response-output,
	.wpcf7 form.unaccepted .wpcf7-response-output,
	.wpcf7 form.payment-required .wpcf7-response-output {
		border-radius: 25px;
		float: left;
	}
	/* Labels */
	.rcp_form p {margin-bottom: 0 !important;}
	.wpcf7-form label.hidelabel {display: none !important;}
	.rcp_form label,
	.wpcf7-form label {
		color: #000 !important;

		font-family: "Open Sans",Arial,sans-serif !important;
		font-weight: 500 !important;
		font-size: 18px !important;
		padding-top: 20px !important;
		margin-top: 0 !important;
		position: relative;
	}
	/* Legend */
	.rcp_form fieldset {
		padding-bottom: 2em !important;
	}
	.rcp_form legend {
		color: #007179;
		font-size: 30px;
	}
	/* Two cols */
		.wpcf7-form div.half {
			width: 49%;
			margin-right: 2%;
			float: left;
			padding-bottom: 1em;
		}
		.wpcf7-form div.half.last {margin-right: 0%;}
	.wpcf7-form .wpcf7-list-item-label {
		text-transform: none;
		letter-spacing: 0px;
		cursor: pointer;
		font-size: 15px;
		padding-left: 10px;
	}
	.wpcf7-form label .required_stars {
		color: #007179;
		font-size: 24px;
		position: absolute;
		left: -17px;
		top: 12px;
		font-weight: 400;
	}
	/* Champs */
	.rcp_form p input[type="text"],
	.rcp_form p input[type="tel"],
	.rcp_form p input[type="email"],
	.rcp_form p input[type="password"],
	.wpcf7-form p input[type="text"],
	.wpcf7-form p input[type="tel"],
	.wpcf7-form p input[type="email"],
	.wpcf7-form p textarea {
		-webkit-appearance: none;
		background-color: rgba(229,229,229,0.8);
		width: 100%;
		border-width: 0px;
		border-radius: 30px;
		color: #0E2E35;
		font-size: 16px;
		padding: 16px;
		margin-bottom: 1vw;
	}
	.rcp_form p select{
		background-color: rgba(229,229,229,0.8);
		width: 100%;
		border-width: 0px;
		border-radius: 30px;
		color: #0E2E35;
		font-size: 16px;
		padding: 16px;
		margin-bottom: 1vw;
	}

	.wpcf7-form p textarea {height: 8em;}
		/* Focus Hightlight */
		.wpcf7-form p input[type="text"]:focus,
		.wpcf7-form p input[type="tel"]:focus,
		.wpcf7-form p input[type="email"]:focus,
		.wpcf7-form p textarea:focus {
			background-color: #f5f5f5;
		}
	/* Checkboxes */
	.rcp_form input[type="checkbox"],
	.wpcf7-form input[type="checkbox"] {
		-webkit-appearance: checkbox;
		accent-color: #007179;
		transform: scale(1.75);
		cursor: pointer;
	}
	.rcp_form input[type="checkbox"] {margin: 30px 18px 0 0 !important;}
	.wpcf7-list-item {
		display: block;
		margin: 0.5em 0 0.5em 1em;
	}
	/* Submit Bouton */
	.rcp_form input[type="submit"]{
		background-color: #fff !important;
		border: 2px solid #007179 !important;
		color: #007179;

		font-size: 18px !important;
		border-radius: 25px !important;
		padding: 10px 20px; 
	}
	.wpcf7-form button[type="submit"] {
		/* background-color: #fff !important;
		border: none !important;
		color: #007179;

		font-size: 18px !important;
		border-radius: 25px !important;
		padding: 10px 20px; */
		cursor: pointer;
		margin-top: 15px;
	}
	.rcp_form input[type="submit"]:hover{
		background-color: #007179 !important;
		border: 2px solid #007179 !important;
		color: #fff !important;
	}
	.wpcf7-form button[type="submit"]:hover {
		background-color: #fff !important;
		border: 2px solid #007179;
	}
	/* CF Turnstile */
	.cf7-cf-turnstile {margin: 0 !important;line-height: 0}
	.et_contact_bottom_container {
		float: right;
		text-align: right;
		margin-top: -1.5%;
	}


/* RESPONSIVE */
@media only screen and (min-width:980px) and (max-width:1400px) {
	#home-hero .et_pb_row_2 h2 {
		font-size: 4vw !important;
		padding-bottom: 0;
	}
}
@media only screen and (min-width:980px) and (max-width:1080px) {
/* Specific threshold for the menu before the mobile fallback */
	.et_pb_menu .et-menu > li {padding-left: 2px !important;padding-right: 5px !important;}
}
@media only screen and (max-width:980px) {
/* ESPACE MEMBRE */
	.btn-avantages-membre-mobile,
	.btn-espace-membre-mobile  {
    	width: 50%;
		display: block !important;
		padding: 0px 15px;
		margin-bottom: 10px;
		border-radius: 50px 0 50px 0;
  		overflow: hidden;
	}
	.btn-avantages-membre-mobile {
		background-color: #007179;
		float: left;
	}
	.btn-espace-membre-mobile {
		background-color: #9BBD72;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: right 5px center;
		background-image: url(/wp-content/uploads/2026/01/picto_key.svg);
	}
	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .btn-avantages-membre-mobile a,
	.et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu .btn-espace-membre-mobile a {
		color: #fff !important;
	}
/* HERO */
	#home-hero {
		height: 46vw;
	}
	#home-hero .et_pb_row_2 {
		height: auto;
		bottom: 0;
	}
	#home-hero .et_pb_row_2 h2 {
		font-size: 4vw !important;
		padding-bottom: 0;
	}
/* TYPOGRAPHY */
	.accent h1,	.accent h2,	.accent h3,	.accent h4,	.accent h5,	.accent h6 {
  		background-size: 50px;
		padding-left: 60px;
	}
	/* Sizes */
	.et_pb_post_title_0_tb_body .et_pb_title_container h1.entry-title,
	.et_pb_post_title_0_tb_body .et_pb_title_container h2.entry-title,
	.et_pb_post_title_0_tb_body .et_pb_title_container h3.entry-title,
	.et_pb_post_title_0_tb_body .et_pb_title_container h4.entry-title,
	.et_pb_post_title_0_tb_body .et_pb_title_container h5.entry-title,
	.et_pb_post_title_0_tb_body .et_pb_title_container h6.entry-title {font-size: 8vw !important;}
	.et_pb_post_title_0 .et_pb_title_container h1.entry-title,
	.et_pb_post_title_0 .et_pb_title_container h2.entry-title,
	.et_pb_post_title_0 .et_pb_title_container h3.entry-title,
	.et_pb_post_title_0 .et_pb_title_container h4.entry-title,
	.et_pb_post_title_0 .et_pb_title_container h5.entry-title,
	.et_pb_post_title_0 .et_pb_title_container h6.entry-title {font-size: 8vw !important;}
	.accent h1 {}
	.accent h2, .et_pb_text_inner h2 {font-size: 32px !important}
	.accent h3, .et_pb_text_inner h3 {font-size: 25px !important}
	.accent h4, .et_pb_text_inner h4 {font-size: 20px !important; font-weight: 400 !important;}
	.accent h5 {}
	.accent h6 {}
	.accent.no-margin {
		margin-bottom: 0;
	}

	/* WP ADMIN BAR */
	#wpadminbar li#wp-admin-bar-comments,
	#wpadminbar #wp-admin-bar-wpseo-menu,
	#wpadminbar ul li.divi-comingsoon-mode {display: none !important;}
	#wpadminbar #wp-admin-bar-et-use-visual-builder {display: block !important;}
}
@media only screen and (max-width:550px) {
/* Specific threshold for the mobile secondary buttons */
	.btn-avantages-membre-mobile{
    	width: 100%;float: none;
	}
	.btn-espace-membre-mobile{
    	width: 100%;
	}
}
@media only screen and (max-width:480px) {
	/* Sizes */
	.accent h1 {}
	.accent h2, .et_pb_text_inner h2 {font-size: 32px !important}
	.accent h3, .et_pb_text_inner h3 {font-size: 25px !important}
	.accent h4, .et_pb_text_inner h4 {font-size: 20px !important; font-weight: 400 !important;}
	.accent h5 {}
	.accent h6 {}
	.accent.no-margin {
		margin-bottom: 0;
	}
}