/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Template: Avada
Text Domain:  Avada
Author: Eric Larivée
Version: 1.0.0
*/

@import "util.css";

/*----------------------------------------------------------------------------------------------------
//VARIABLES
----------------------------------------------------------------------------------------------------*/
:root {
	--primary_color1: #004161; /*Bleu marin*/
	--primary_color2: #3EAAC4; /*Bleu*/
	--primary_color3: #F7AA36; /*Orange*/
	--primary_color4: #639E30; /*Vert*/
	--primary_color5: #ADD04E; /*Vert pâle*/
	--primary_color6: #D7488F; /*Rose*/
	--primary_color7: #F4F4F4; /*Gris background*/
	--alt_color1: #F1F1F1; /*Gris*/
	--alt_color2: #E6E6E6; /*Gris*/
	--alt_color3: #D2EBF1; /*Bleu léger*/
}


/*----------------------------------------------------------------------------------------------------
//CUSTOM
----------------------------------------------------------------------------------------------------*/
.hide { display: none; }
::placeholder { color: #A9A9A9!important; }
.post-content p:empty { display: none!important; }

@media only screen and (min-width: 768px) {
	.text-nowrap { white-space: normal; }
}


/*----------------------------------------------------------------------------------------------------
//SIDE HEADER / MENU
----------------------------------------------------------------------------------------------------*/
.fusion-main-menu {
	border-bottom: 1px solid var(--alt_color2)!important;
	padding: 20px 0!important;
}

.fusion-dropdown-menu .sub-menu li a {
	text-transform: uppercase!important;
	font-weight: 600!important;
}

.fusion-logo img { width: 50%!important; }

.side-main-menu a {
	padding-left: 15px!important;
	padding-right: 15px!important;
}

.btn_MainMenu .button-default { background: var(--primary_color1); }

.button-icon-divider-left { border-right: 0 solid!important; }
.button-icon-divider-left { padding: 0 15px!important; }
.fusion-button-text-left { padding-left: 15px!important; }


/*----------------------------------------------------------------------------------------------------
//MOBILE HEADER
----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1365px) {
	.error404 #side-header {
		background-color: #FFF!important;
	}
}


/*----------------------------------------------------------------------------------------------------
//PAGE TITLE BAR
----------------------------------------------------------------------------------------------------*/
.headerPTB-home {
	background-image: url("../../uploads/images/bgheader-stickers-white.svg");
	background-repeat: no-repeat;
	background-position: right top!important;
	background-size: 250px;
}

.headerPTB-page {
	background-image: url("../../uploads/images/bgheader-stickers-colors.svg");
	background-repeat: no-repeat;
	background-position: right top!important;
	background-size: 200px;
}

@media only screen and (max-width: 767px) {
	.headerPTB-page {
		background: none;
	}
}


/*----------------------------------------------------------------------------------------------------
//ASSISTANCE
----------------------------------------------------------------------------------------------------*/
.col-am_assistance .fusion-content-boxes.fusion-columns-1 .fusion-column { margin-bottom: 0; }

.assist-phone-widget a { color:var(--primary_color1); }
.assist-phone-widget a:hover { text-decoration: underline; }
.assist-phone-widget-dark a { color: #FFF; }
.assist-phone-widget-dark a:hover { text-decoration: underline; }
.assist-phone-widget-dark p, .assist-phone-widget p { margin-bottom: 0; }


/*----------------------------------------------------------------------------------------------------
//ARTICLES (POSTS)
----------------------------------------------------------------------------------------------------*/
.c-post_content h2 {
	color: #3EAAC4!important;
	font-size: 26px!important;
	line-height: 1.5!important;
	padding-top: 20px!important;
	padding-bottom: 0 !important;
}
	
.c-post_content h3 {
	color: #3EAAC4!important;
	font-size: 20px!important;
	padding-top: 10px!important;
	padding-bottom: 20px!important;
}
	
.c-post_content h4,
.c-post_content h5,
.c-post_content h6 {
	color: #004161!important;
	font-size: 18px!important;
	padding-bottom: 10px!important;
}
	
.c-post_content p {
	margin-bottom: 20px!important;
}

.c-post_content strong {
	font-weight: 600!important;
}
	
.c-post_content a:hover {
	color: #F7AA36!important;
	text-decoration: underline!important;
}
	
.c-post_content ul {
	margin-top: 0!important;
}
	
.c-post_content blockquote {
	background:#FFFFFF url('../../uploads/images/bg-blockquote.png') bottom left no-repeat!important;
	background-color: transparent!important;
	border: none!important;
	margin-left: 0!important;
	margin-bottom: 3em!important;
}
	
.c-post_content blockquote p {
	color: #004161!important;
	font-size: 24px!important;
	font-weight: 600!important;
	line-height: 1.5!important;
	margin-bottom: 0!important;
	padding-left: 40px!important;
	text-align: left!important;
}
	
.c-post_content .wp-caption img {
	padding: 20px 0 5px 0!important;
}

.c-post_content img.alignnone {
	padding: 20px 0!important;
}

.c-post_content .video-shortcode,
.c-post_content .wp-video {
	padding: 20px 0!important;
}

.c-post_content span.logo-partenaire img {
	padding: 0!important;
}
	
.c-post_author {
	font-weight: 600!important;
}

.wp-caption {
	display: table-cell;
	width: auto !important;
}

.wp-caption p.wp-caption-text {
	font-size: 12px;
	line-height: 1.5;
	padding: 0 15px 15px;
	text-align: left;
}

@media only screen and (max-width: 767px) {
	.c-post_date p {
		margin-bottom: 0!important;
	}
}

@media only screen and (max-width: 580px) {
	.c-post_content p {
		line-height: 1.7!important;
	}
	.c-post_content blockquote {
		width: 100%!important;
	}
	.post-content blockquote p {
		font-size: 16px!important;
		padding-left: 10px!important;
	}
}

/*----------------------------------------------------------------------------------------------------
ARTICLES (POSTS) AVEC AVADA BUILDER
----------------------------------------------------------------------------------------------------*/
.c-post_content .fusion-flex-column {
	margin-top: 10px!important;
	margin-bottom: 0!important;
}

.c-post_content .fusion-flex-column .fusion-title {
	margin-top: 10px!important;
	margin-bottom: 0!important;
}

.c-post_content .fusion-flex-column img {
	padding: 0;
}

.credit-photo {
	font-size: 12px;
	line-height: 1.5;
	padding: 15px;
}

.c-post_content .fusion-selfhosted-video {
	padding-bottom: 30px!important
}

.c-post_content .encart_bleu {
	background: #D2EBF1;
	padding: 30px 30px 10px 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 580px) {
	.c-post_content .fusion-flex-container {
		padding-left: 0!important;
		padding-right: 0!important;
		padding-bottom: 0!important;
	}
}

/* BLOGUE / ARCHIVES / RÉSULTATS RECHERCHE
------------------------------------------------------------------------------------------------*/
.fusion-date-box { background-color: #3EAAC4!important; }
.fusion-post-medium-alternate .fusion-format-box { display: none!important; }

.c-blogGrid .fusion-post-wrapper {
	background: #FFFFFF!important;
	border-radius: 25px;
}
.c-blogGrid .fusion-image-wrapper {
	border-radius: 25px 25px 0 0;
}
	
.c-blogGrid h2 {
	font-size: 20px!important;
	margin-bottom: 15px;
}
	
.c-blogGrid h2 a,
.c-searchResults h2 a {
	color: #004161!important;
}
	
.c-blogGrid h2 a:hover,
.c-searchResults h2 a:hover {
	color:#F7AA36!important;
}
	
.c-blogGrid .fusion-single-line-meta,
.c-searchResults .fusion-single-line-meta {
	font-size: 15px!important;
}
	
.c-blogGrid .fusion-post-content-container p,
.c-searchResults .fusion-post-content-container p{
	font-size: 14px!important;
}
	
.c-blogGrid .post-content {
	margin-bottom: 0!important;
}

.c-searchResults .fusion-image-wrapper {
	border-radius: 0 25px;
}
.c-searchResults h2 {
	font-size: 32px!important;
	margin-bottom: 15px;
}

@media only screen and (max-width: 1023px) {
	.c-blogGrid h2,
	.c-searchResults h2 {
		font-size: 20px!important;
	}
	.c-blogGrid .fusion-post-content-container {
		display: none!important;
	}
}

/*
#articles-header {
	max-width: 1024px;
	margin-bottom: 20px;
	padding-top: 0;
}

#articles-header h1 {
	margin-top: 10px;
	margin-bottom: 20px;
}

#articles-header .categorie,
#articles-header .categorie-environnement {
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
}
#articles-header .categorie {
	color: var(--primary_color2);
}
#articles-header .categorie-environnement {
	color: var(--primary_color4);
}

#articles-header .wp-block-image {
    margin: 0;
}

#articles-header .img-container {
	background-color: var(--alt_color2);
	border-radius: 0 0 15px 15px;
	padding: 15px;
}

#articles-header .credit-img p {
	font-size: 14px;
	margin-bottom: 0;
}

#articles-header .caption-img {
    font-size: 14px;
	font-style: italic;
	margin-bottom: 0;
}

#articles-content, #articles-content .fusion-flex-container {
	max-width: 1024px;
}
#articles-content .fusion-flex-container {
	padding: 0;
}
*/



/*----------------------------------------------------------------------------------------------------
//ARTICLES (ARCHIVES)
----------------------------------------------------------------------------------------------------*/






/*
#articles-archives .tb-grid {
	margin-bottom: 60px;
}

#articles-archives .tb-grid-column {
	position:relative;
    background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0px 3px 6px 0px var(--alt_color1);
}

#articles-archives img {
	border-radius: 20px 20px 0 0;
}

#articles-archives .tb-field {
	padding: 0 30px 0 30px;
}

#articles-archives .tb-heading {
	font-size: 18px;
	padding: 0 30px 0 30px;
}

#articles-archives h2.tb-heading a {
	color: var(--primary_color1);
}

#articles-archives .article-cat,
#articles-archives .article-cat-environnement {
	font-size: 14px;
	font-weight: 600;
}

#articles-archives .article-cat {
	color: var(--primary_color2);
}
#articles-archives .article-cat-environnement {
	color: var(--primary_color5);
}
*/


/*----------------------------------------------------------------------------------------------------
//RABAIS ET PARTENAIRES (TOOLSET - TOUS LES PARTENAIRES)
----------------------------------------------------------------------------------------------------*/
#partenaires .recherche {
	margin-bottom: 100px;
	text-align: center;
}
#partenaires .recherche p {
	font-weight: 600;
    margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
}
#partenaires .wpv-custom-search-filter__input input {
	text-align: center;
	width: 60%;
}

@media only screen and (max-width: 1024px) {
	#partenaires .wpv-custom-search-filter__input input { 
		width: 100%;
	}
	#partenaires .recherche {
		background: none;
	}
}

/* Cacher les mots clés dans le modal mais disponible dans la recherche*/
.partner_keywords {
	display: none;
}

#partenaires .tb-grid-column {
	position:relative;
    background: #FFFFFF;
	border-radius: 20px;
	box-shadow: 0px 3px 6px 0px var(--alt_color1);
}

#partenaires .rabais {
	width: 70px;
	height: 70px;
	background: var(--primary_color6);
	border-radius: 50%;
	position:absolute;
	top: -30px;
	left: -30px;
}

#partenaires .tb-field.rabais {
	color: #FFFFFF;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 70px;
	text-align: center;
	z-index: 10000;
}

#partenaires .rabais-autre {
	width: 115%;
	height: 50px;
	background: var(--primary_color6);
	border-radius: 50px;
	position:absolute;
	top: -20px;
	left: -20px;
}

#partenaires .tb-field.rabais-autre {
	color: #FFFFFF;
	font-size: 1em;
	font-weight: 500;
	line-height: 50px;
	text-align: center;
	z-index: 10000;
}

#partenaires .contenu { padding: 1.25em 0 0 0; }
#partenaires .contenu img { padding: 0 1.25em 1.25em 1.25em; }
#partenaires .wp-block-image { margin: 0; }

#partenaires .btn_modal_partenaire a {
	background: var(--primary_color2);
	border: 1px solid var(--primary_color2);
	border-radius: 0 0 20px 20px;
	color: FFF;
	font-size: 0.85em;
	font-weight: 600;
	text-transform: uppercase;
}

#partenaires .btn_modal_partenaire a:hover {
	background: var(--primary_color3);
	border: 1px solid var(--primary_color3);
}




/*----------------------------------------------------------------------------------------------------
//RABAIS ET PARTENAIRES (MODAL)
----------------------------------------------------------------------------------------------------*/
.discount-modal .modal-content h2 {
	color: var(--primary_color1)!important;
}

.modal-content .modal-partenaire-categorie {
	color: var(--primary_color2);
	font-size: 14px;
	font-weight: 400;
	margin-top: 0.76em;
	margin-bottom: 0;
}

.modal-content .modal-partenaire-description {
	margin-bottom: 40px;
}

.modal-content .modal-partenaire-description p {
	margin-top: 0!important;
	margin-bottom: 0!important;
}

.modal-content .modal-partenaire-description p a:hover {
	color: var(--primary_color3);
	text-decoration: underline;
}

.modal-content .modal-partenaire-container-rabais {
	border: 1px dashed var(--primary_color1);
	border-radius: 20px;
	padding: 20px;
}

.modal-content .modal-partenaire-container-rabais h3 {
	color: var(--primary_color1);
	font-size: 20px;
	margin-top: 0;
}

.modal-content .modal-partenaire-container-rabais .tb-field a {
	font-size: 16px;
}


.modal-content .modal-partenaire-container-rabais .tb-button__link {
    background-color: transparent;
    border-radius: 0;
	color: var(--primary_color3);
    font-size: 1.1em;
	margin-bottom: 1em;
    padding: 0;
}

.modal-content .modal-partenaire-container-rabais .tb-button__link:hover {
    text-decoration: underline;
}


.modal-content .modal-partenaire-container-rabais .wp-block-columns,
.modal-content .modal-partenaire-container-rabais .wp-block-column {
	margin-bottom: 0;
}
.modal-content .modal-partenaire-container-rabais .wp-block-column p { margin-top: 0; }

.modal-content .modal-partenaire-container-rabais .wp-container-7 { gap: 0; }

.modal-content .modal-partenaire-container-rabais .codepromo {
	font-size: 1.1em;
	font-weight: bold;
}


/*----------------------------------------------------------------------------------------------------
//MODULE : MODAL
----------------------------------------------------------------------------------------------------*/
.modal-backdrop.in { opacity: 0.7!important; }
.modal-backdrop { background-color: var(--primary_color1)!important; }

.modal-content {
	box-shadow: none!important;
	border: none!important;
	border-radius: 25px!important;
}

.modal-header {
	border-bottom: 1px solid var(--primary_color7)!important;
	padding: 30px!important;
}

.modal-header h2 {
	font-size: 30px;
	margin-bottom: 0;
}
.modal-header h3 {
	font-size: 24px;
}

.modal-body { padding: 30px!important; }
.modal-body p:empty { display: none!important; }

.two-columns,
.two-columns-modal  {
	columns: 2!important;
	-webkit-columns: 2!important;
	-moz-columns: 2!important;
}

@media only screen and (max-width: 1199px) {
	.two-columns {
		columns: 1!important;
		-webkit-columns: 1!important;
		-moz-columns: 1!important;
	}
}

@media only screen and (max-width: 767px) {
	.two-columns-modal  {
		columns: 1!important;
		-webkit-columns: 1!important;
		-moz-columns: 1!important;
	}
}


/*----------------------------------------------------------------------------------------------------
//MODULE : CONTENT BOXES
----------------------------------------------------------------------------------------------------*/
.c-contentBoxes-recompense .content-wrapper-background {
	border-radius: 20px!important;
	border: 2px solid var(--alt_color1)!important;
}


/*----------------------------------------------------------------------------------------------------
//GRAVITY FORMS
----------------------------------------------------------------------------------------------------*/
.gform_wrapper {
    margin-bottom: 20px!important;
}

.gsection {
    border-bottom: none!important;
    padding: 0 16px 0 0!important;
}

.gform_page_footer {
    margin: 20px 0 0!important;
}

.gfield_label {
    font-size: 0.95em!important;
    font-weight: 600!important;
    padding-bottom: 8px!important;
}

.gfield_description {
	font-size: 0.8em!important;
	padding-left: 10px!important;
}

.ginput_counter {
	padding-left: 10px!important;
}

.gf_step_active .gf_step_number {
    background: var(--primary_color1)!important;
    color: #FFF!important;
}

.gf_step_number {
    border: 2px solid var(--primary_color1)!important;
    color: var(--primary_color1)!important;
}

.gf_step_completed .gf_step_number::before {
    background: var(--primary_color5)!important;
    border: 2px solid var(--primary_color5)!important;
}

.gf_step_completed .gf_step_number {
    background: var(--primary_color4)!important;
}

.gform_previous_button {
    background-color: #FFF!important;
	border: 1px solid var(--primary_color3)!important;
    color: var(--primary_color3)!important;
    padding-top: var(--button_padding-top,13px)!important;
    padding-right: var(--button_padding-right,29px)!important;
    padding-bottom: var(--button_padding-bottom,13px)!important;
    padding-left: var(--button_padding-left,29px)!important;
    line-height: var(--button_line_height, 1)!important;
    font-size: var(--button_font_size, 14px)!important;
}

.gform_previous_button:hover {
    background-color: var(--primary_color3)!important;
	border: 1px solid var(--primary_color3)!important;
    color: #FFF!important;
}

.gform_next_button {
	padding-top: var(--button_padding-top,13px)!important;
    padding-right: var(--button_padding-right,29px)!important;
    padding-bottom: var(--button_padding-bottom,13px)!important;
    padding-left: var(--button_padding-left,29px)!important;
    line-height: var(--button_line_height, 1)!important;
    font-size: var(--button_font_size, 14px)!important;
}

.gform_wrapper .gfield input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100%!important;
}

#gform_wrapper_2 .gform_required_legend,
#gform_wrapper_3 .gform_required_legend,
#gform_wrapper_5 .gform_required_legend { 
	display: none!important;
}

/*Error*/
#gform_2_validation_container { display: none!important; }

.gform_validation_errors,
.gfield_validation_message { background: transparent!important; }

.gfield_validation_message { text-align: left!important; }
.gform_wrapper .instruction.validation_message { font-size: 0.8em!important; }


/* Remove number selector */
/* -- Chrome, Safari, Edge, Opera -- */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* -- Firefox -- */
input[type=number] {
  -moz-appearance: textfield;
}


/*----------------------------------------------------------------------------------------------------
//CACHER DES BLOCS SELON LA LANGUE
----------------------------------------------------------------------------------------------------*/
html[lang="en-ca"] #magFR,
html[lang="en-us"] #magFR,
html[lang="en-gb"] #magFR {
      display: none!important;
}

html[lang="en-ca"] #FRonly,
html[lang="en-us"] #FRonly,
html[lang="en-gb"] #FRonly {
      display: none!important;
}

/*----------------------------------------------------------------------------------------------------
//BUTTON "BACK TO TOP" 
----------------------------------------------------------------------------------------------------*/
#toTop, #toTop:focus { background-color: var(--primary_color1)!important; }
#toTop:hover { background-color: var(--primary_color2)!important; }
.to-top-right #toTop { right: 50px!important; }

/*----------------------------------------------------------------------------------------------------
//SCROLLBAR
----------------------------------------------------------------------------------------------------*/
/* The emerging W3C standard that is currently Firefox-only */
* { scrollbar-width: thin; scrollbar-color: var(--primary_color7) var(--primary_color1); }
/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar { width: 12px; }
*::-webkit-scrollbar-track { background: var(--primary_color7); }
*::-webkit-scrollbar-thumb { background-color: var(--primary_color1); border-radius: 20px; border: 3px solid var(--primary_color7) }