/*
	Theme Name:   MRC des Collines-de-l'Outaouais
	Theme URI:
	Description:
	Author:       VERYA Inc.
	Author URI:   https://verya.ca
	Template:     Divi
	Version:      1.0
	Text Domain:  mrc-collines
*/

p, ul, ol{
	font-weight: 400;
	text-align: justify;
}

/*---------------------------------------------------------------*/
/*-------------------------Custom Button-------------------------*/
/*---------------------------------------------------------------*/

.mrc-button {
	border: none;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px 20px !important;
	display: inline-block;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius:50px;
	overflow:hidden;
}

.mrc-button:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.mrc-button-calender {
	border: none;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 50px 70px !important;
	display: inline-block;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	border-radius:50px;
	overflow:hidden;
}

.mrc-button-calender:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* STYLE DE BOUTON #1 - BLANC */
.style_1 {
    background: none; /* Change button background color here */
    color: #fff; /* Change button text color here */
	border: 1px solid #fff;
	z-index: 2;
}

.style_1:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #fff; /* Change button hover background effect color here */
}

.style_1:hover {
	color: #2f2f2f; /* Change button hover text color here */
}

.style_1:hover:after,
.style_1:active:after {
	height: 100%;
}

/* STYLE DE BOUTON #2 - SOMBRE */
.style_sombre {
    background: none; /* Change button background color here */
    color: #2f2f2f; /* Change button text color here */
	border: 1px solid #2f2f2f;
	z-index: 2;
}

.style_sombre:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #2f2f2f; /* Change button hover background effect color here */
}

.style_sombre:hover {
	color: #fff; /* Change button hover text color here */
}

.style_sombre:hover:after,
.style_sombre:active:after {
	height: 100%;
}

/* STYLE DE BOUTON #2 - VERT */
.style_vert {
    background: none; /* Change button background color here */
    color: #4b9c2b; /* Change button text color here */
	border: 1px solid #4b9c2b;
	z-index: 2;
}

.style_vert:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #4b9c2b; /* Change button hover background effect color here */
}

.style_vert:hover {
	color: #fff; /* Change button hover text color here */
}

.style_vert:hover:after,
.style_vert:active:after {
	height: 100%;
}

/* STYLE DE BOUTON #3 - BLEU PÂLE */
.style_bleupale {
    background: none; /* Change button background color here */
    color: #00a1e1; /* Change button text color here */
	border: 1px solid #00a1e1;
	z-index: 2;
}

.style_bleupale:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: #00a1e1; /* Change button hover background effect color here */
}

.style_bleupale:hover {
	color: #fff; /* Change button hover text color here */
}

.style_bleupale:hover:after,
.style_bleupale:active:after {
	height: 100%;
}

/*-------------------BOUTON DES ARTICLES-------------------------*/
.wp-block-button__link{
	background-color: transparent;
	border: 1px solid #2f2f2f;
	color: #2f2f2f;
	font-weight: bold;
    font-size: 16px;
	transition: 0.3s;
}

.wp-block-button__link:active, .wp-block-button__link:focus, .wp-block-button__link:hover, .wp-block-button__link:visited{
    color: #2f2f2f;
}
.wp-block-button__link:hover {
	color: #fff; /* Change button hover text color here */
	background: #2f2f2f; /* Change button hover background effect color here */
}

/*---------------------------------------------------------------*/
/*--------------------Breadcrumbs Navigation---------------------*/
/*---------------------------------------------------------------*/

.mrc-breadcrumbs {
	display:flex;
	align-items:center;
}

@media only screen and (max-width: 980px) {
  .mrc-breadcrumbs {
    display:block;
	width:100%;
  }
  .mrc-breadcrumbs span {
    width:100%;
	text-align:center;
  }
  .mrc-breadcrumbs span:nth-child(even) {
    display:none;
  }
}

/*---------------------------------------------------------------*/
/*------------Replace the Search Button with an Icon-------------*/
/*---------------------------------------------------------------*/

/*Hide the search button
.ds-icon-search input.et_pb_searchsubmit,
.widget_search input#searchsubmit {
    background: transparent;
    color: transparent;
    border: none;
    width: 55px;
    z-index: 2;
}
/*Add padding to the search input field
.ds-icon-search input.et_pb_s,
.widget_search input#s {
    padding-right: 55px !important;
}
/*Add the icon
.ds-icon-search .et_pb_searchform:before,
.widget_search::before {
    content: '\55';
    position: absolute;
    font-family: 'ETModules';
    z-index: 1;
    right: 0;
    font-size: 20px;
    padding: 8px 20px;
	color:#fff;
}*/


/*------------------------------------------------------*/
/*----------------------Toggle--------------------------*/
/*------------------------------------------------------*/
.et_pb_toggle_title:before {
   content: "\33";
   transition: all .3s ease-in-out;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
   content: "\33";
   transform: rotate(180deg);
}

/*------------------------------------------------------*/
/*------------------FORM BUTTON HOVER - Gestion cours d'eau-------------------*/
/*------------------------------------------------------*/

.dipe-cf7 .wpcf7 input[type=submit] { /*bouton envoyer*/
    letter-spacing: .6px;
    width: auto;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Work Sans';
    padding: 15px 25px;
    border-radius: 50px;
    border-style: solid;
    border-color: #2c2c2c;
    color: #2c2c2c;
    background-color: transparent;
    -webkit-appearance: button;
    cursor: pointer;
    transition-duration: .2s;
}
.wpcf7-form input[type=submit]:hover {/* bouton envoyer hover*/
    background-color: #2c2c2c;
    color: #fff;
}

select{
	font-size: 14px;
}
.arrow-select{
	appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
	padding-right: 20px;
	background-image: url('/wp-content/uploads/2022/04/arrow-form.png');
	background-position: calc(100% - 3px) center;
	background-repeat: no-repeat;
	background-size: 20px;
}

/*-------------------------------------------------------------------------------*/
/*---------------------------TOOLTIP---------------------------------------------*/
/*-------------------------------------------------------------------------------*/
.tooltip {
  position:relative; /* making the .tooltip span a container for the tooltip text */
}

.tooltip:before {
  content: attr(data-text);
  position:absolute;

  /* vertically center */
  top:50%;
  transform:translateY(-50%);

  /* move to right */
  left:100%;
  margin-left:15px; /* and add a small left margin */

  /* basic styles */
  width:200px;
  padding:10px;
  border-radius:10px;
  background:#4b9c2b;
  color: #fff;
  text-align:center;

  display:none; /* hide by default */
}

.tooltip:hover:before {
  display:block;
}

.tooltip.left:before {
  /* reset defaults */
  left:initial;
  margin:initial;

  /* set new values */
  left:106%;
  margin-right:15px;
}

.tooltip:after {
  content: "";
  position:absolute;

  /* position tooltip correctly */
  left:100%;
  margin-left:-5px;

  /* vertically center */
  top:50%;
  transform:translateY(-50%);

  /* the arrow */
  border:10px solid #4b9c2b;
  border-color: transparent #4b9c2b transparent transparent;

  display:none;
}
.tooltip:hover:before, .tooltip:hover:after {
  display:block;
}


.arrow-float-right { display:flex; margin-left:auto; }

.et_pb_team_member { display:flex !important; }
.et_pb_team_member .et_pb_team_member_description { align-self:flex-end !important; display:flex !important; padding:20px !important; }

.dipe-cf7 .wpcf7 form div.dp-row { margin-bottom:20px !important; }

.footer-nav { padding:0 !important; }
.footer-nav li { list-style-type:none; }
.footer-nav li * { font-weight:normal !important; }

.et-l--footer .title01, .et-l--footer .title02, .et-l--footer .title03 { margin-right:auto !important; }

.dvppl_cf7_styler_0 .dipe-cf7 .wpcf7-radio input[type="radio"]+span:before,
.dvppl_cf7_styler_0 .dipe-cf7 .wpcf7-checkbox input[type="checkbox"]+span:before { background:transparent !important; }

.mrc-date-selects .wpforms-field-date-dropdown-wrap { display:flex; gap:10px; margin:0 !important; }

.hide-google-language-translator #glt-translate-trigger { display:none !important; }