/* 
 Theme Name:     Ordre des audioprothésistes du Québec
 Author:         Eklore 
 Author URI:     https://eklore.ca
 Template:       Divi
 Version:        1.0 
*/ 
/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 
:root{
--black:#333333;
--white:#ffffff;
--darkblue:#003d4c;
--lightblue:#009ee2;
--peach:#eaa04c;
--lightgray:#e9e9e9;*box-sizing:border-box;
}

input:focus:not(.et-search-field), a:focus-visible, a:focus-visible img, .simplefavorite-button.preset:focus, select:focus {
outline: 2px solid var(--lightblue);
}	

@font-face {font-family: "Figtree";src: url("/wp-content/themes/oaq/assets/Figtree-VariableFont_wght.ttf");}
@font-face {font-family: "OpenSans";src: url("/wp-content/themes/oaq/assets/OpenSans-VariableFont_wdth.ttf");}
.hide {display:none;}
/** HEADER **/
/** NAV **/
#menuoaq .et-menu .menu-item-has-children>a:first-child:after {content: url(/wp-content/themes/oaq/assets/dropmenu.svg);}
#topmenuoaq .et-menu .menu-item-has-children>a:first-child:after {right:-7px;top: inherit;}
.menuBtnOctave {border:solid 1px; border-radius:50px;margin-right:20px!important;}
.menuBtnBleu {background-color: var(--lightblue); border-radius:50px;margin-right:20px!important;}
@media screen and (max-width: 980px){.menuBtnBleu{margin-bottom:15px;}}
#topmenuoaq .menuBtnBleu a{color:var(--white);}
#topmenuoaq li a {padding: 10px;display:flex; align-items:center;color: var(--darkblue);}
#topmenuoaq .et_pb_menu__search-button:after {color:var(--darkblue);}
@media screen and (max-width: 980px){#menuoaq .et_pb_menu__search-button:after{color:#ffffff;background: #EAA04C;padding: 10px;border-radius: 25px;}}
#menuoaq .et_pb_menu__wrap, #topmenuoaq .et_pb_menu__wrap {justify-content: flex-end;}
#menuoaq .mobile_nav .mobile_menu_bar:before {color: var(--darkblue)!important;}
#menuoaq a { color: var(--darkblue); font-size: 1.1em;}
@media screen and (min-width: 981px){#menuoaq a {font-weight: 900;font-size: 1.3em;}}
@media screen and (min-width: 981px){#menuoaq ul ul ul a {font-weight: 500;font-size: 1.3em;}}
#menuoaq .et-menu>li:nth-last-child(-n+2)>.sub-menu {right: 0!important; left: auto!important;}
.et_pb_menu__search-container{background:var(--lightgray);}
button.et_pb_menu__icon{margin-right:0;}
@media screen and (max-width: 980px){#col1HeaderOAQ.et_pb_column, #col2HeaderOAQ.et_pb_column {max-width:50%;}}
@media screen and (min-width: 981px) and (max-width:1280px){#col1HeaderOAQ.et_pb_column, #col2HeaderOAQ.et_pb_column {width:100%;}
	#col1HeaderOAQ .et_pb_image{text-align: center;margin-bottom: 15px;}
	#col1HeaderOAQ .et_pb_image img {max-height:70px;}
	#menuoaq .et_pb_menu__wrap, #topmenuoaq .et_pb_menu__wrap {justify-content: center;}}
#menuoaq .current-menu-ancestor>a {color: var(--lightblue)!important;}
#menuoaq ul.sub-menu .current-menu-item > a {background-color: var(--lightblue)!important;}
@media screen and (max-width: 980px){#menuoaq ul#mobile_menu2{width: 90vw;max-width: 800px;margin-top:15%;transform: translate(-50%, 0px);}}
@media screen and (min-width: 600px) and (max-width: 980px){#col2HeaderOAQ{padding-top:2%;}}
/*scroll effect*/
@media screen and (min-width: 981px) and (max-width:1280px){#headerOAQrow{display:inherit!important;}}
#col1HeaderOAQ {margin:auto 0;}
#col2HeaderOAQ{margin:auto;}
#headerOAQ.et_pb_sticky #soulignement {padding-bottom:0;}
#headerOAQ.et_pb_sticky #topmenuoaq {margin-bottom:15px!important;}
#headerOAQ.et_pb_sticky #headerOAQrow{padding:12px;
-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
#headerOAQrow{
-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
#headerOAQ.et_pb_sticky #headerOAQrow .et_pb_image_wrap img {
    max-height: 60px;
    width: auto;-webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
#headerOAQrow, #headerOAQ #headerOAQrow .et_pb_image_wrap img, #soulignement, #topmenuoaq  {
 -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}

/* Extend dropdown links full-width 
@media (min-width:981px) {#menuoaq .nav li li {padding: 0; min-width: 100%;}
	#menuoaq .nav li li a { min-width: 100%;}}*/
/* Change the width of the dropdown container */
@media (min-width:550px){#menuoaq li:not(.mega-menu) ul.sub-menu {width: 450px;}}
/* Change the width of the links inside the dropdown */
#menuoaq li:not(.mega-menu) ul.sub-menu li, #menuoaq li:not(.mega-menu) ul.sub-menu li a {width: 100%;}
/* Position the second level dropdown correctly
#menuoaq .nav li li ul {left: 300px;}
#menuoaq .nav li.et-reverse-direction-nav li ul {left:auto;right:300px;} */
#menuoaq li:hover>a  {color:var(--lightblue);}
#menuoaq .sub-menu li a:hover {    background: var(--lightblue) ;opacity:1;color:var(--white);}

/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}
/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}
/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}
/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}
/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}
/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}
/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #1c203f;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}
/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}
/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}
/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	/*bottom: 10px;*/
	line-height: 0;
}
/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}
/** BODY **/
td, th{padding:10px;}
th {color:#fff;background-color:var(--darkblue)}
body{font-size:1.2rem!important;font-family: 'Figtree';color:var(--darkblue);}
sup{font-size:0.6em;;line-height:1em;}
h1{font-size:3em;font-weight:700;}
h2 {font-size: calc(16px + 1.5vw); font-weight:bold;}
.titre-pages h1, h1.searchTitle {font-size: calc(20px + 1.8vw);}
h3{font-size:calc(1.8rem);font-weight:700;}
h4{font-size:calc(1.5rem);font-weight:700;}
h5{font-size:calc(1.3rem);font-weight:700;}
h6{font-size:1.2em;font-weight:700;}
@media (max-width : 980px) {
h3{font-size:calc(20px + 1.5vw);font-weight:700;}
h4{font-size:calc(20px + 1.3vw);font-weight:700;}
h5{font-size:calc(20px + 1.15vw);font-weight:700;}
}
h1, h2, h3, h4, h5, h6 {font-family: 'Figtree';color:var(--darkblue);}
.et_pb_toggle_content p {font-family: 'Figtree';/*color:var(--white);*/}
#contenu_page.et_pb_row {padding-top: 0px; padding-right: 25px;padding-left: 25px;}
#contenu_page .et-l.et-l--post {margin-right:-25px;margin-left:-25px;}
@media (min-width:767px) {#contenu_page.et_pb_row {padding-top: 0px; padding-right: 75px;padding-left: 75px;} #contenu_page .et-l.et-l--post {margin-right:-75px;margin-left:-75px;}}
/** Bouton **/
.et_pb_button:after {content: url(/wp-content/themes/oaq/assets/FlecheLBlue.svg);margin-top: -4px;padding-left:5px;width:14px;}
.et_pb_button:hover:after{content: url(/wp-content/themes/oaq/assets/FlecheDBlue.svg)}
.tuileAcc{display: flex;align-items: center;justify-content: center;min-height:200px;}
.tuileAcc:hover h3{color:var(--white);}
/** MODULES **/
.et_pb_toggle_open .et_pb_toggle_title:before {
  color: #fff;
  font-family: 'Figtree';
  font-size: 36px;
  content: "+";
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);}

.et_pb_toggle_close .et_pb_toggle_title:before {
 font-family: 'Figtree';
  font-size: 36px;
  content: "+";
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.bascule_grise.et_pb_toggle_0.et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title, .bascule_grise p, .bascule_grise li{color:var(--darkblue)!important;}
.bascule_grise.et_pb_toggle_open .et_pb_toggle_title:before {color: var(--darkblue)!important;}
.ca.et_pb_toggle_close .et_pb_toggle_title:before, .ca.et_pb_toggle_open .et_pb_toggle_title:before{font-size: 26px;}
@media screen and (min-width: 981px) and (max-width: 1340px){.et_pb_column_1_6 .et_pb_team_member_description{font-size:0.8rem;line-height: 1rem;}}


/** HOME **/
.slogan h1 {font-size: calc(20px + 2.6vw);}
.slogan h1 span{color: #009ee2; font-size: 0.8em;}
.slogan p{font-size: calc(16px + 0.5vw);}
@media screen and (max-width: 767px){.txt-slogan{padding:10% 10% 0 10%;}}
@media screen and (min-width: 768px) and (max-width: 980px){.txt-slogan{padding:75px;}}
@media screen and (max-width: 980px){.img-slogan{display:none;} .txt-slogan{background: rgb(242,225,113);
background: radial-gradient(circle, rgba(242,225,113,1) 0%, rgba(234,160,76,1) 74%);}.slogan h1 span{color: #ffffff;} }
@media screen and (min-width: 981px){.txt-slogan{transform: translateX(-10vw) translateY(0px);}}
.blog-accueil h2{font-size:1.2em;font-weight:900;}
.blog-accueil-mobile h2{font-size:1.12em;font-weight:900;}
.blog-accueil-mobile .et_pb_post .entry-title, .liste_actualites .et_pb_post .entry-title {position: absolute;bottom: 0px;left: 0;/*right: 30px;*/padding: 12px 25px;background: var(--white);width:100%;}
@media screen and (min-width: 768px) {.blog-accueil-mobile h2{font-size:1.4em;font-weight:900;} .blog-accueil-mobile .et_pb_post .entry-title {padding:30px;}}
.blog-accueil-mobile .et_pb_post .entry-featured-image-url {padding-bottom: 5%;}
.liste_actualites2026 .et_pb_post {position: relative;}
.blog-accueil-mobile .et_pb_post:before, .liste_actualites2026 .et_pb_image_container:before {content:""; width:25px; height:100%;background:var(--peach);background: linear-gradient(0deg,var(--peach) 40%, var(--darkblue) 40%);display:block; position:absolute;right:0;z-index:9999;  }


/** ACTUALITES **/
#liste_actualites .entry-title {margin-left:-20px;margin-right:-20px;margin-top:-31px;	padding: 20px; background: var(--white);position:relative;z-index:999;    border: solid 1px;}
#liste_actualites .et_pb_image_container {margin-bottom:0;}
#liste_actualites .et_pb_blog_grid .et_pb_post {border: 0px;}
#liste_actualites .post-meta {margin-top:20px;}

#liste_actualites .published, .single .published {display:block;}
/*#liste_actualites .post-meta a[rel~="tag"], .single .et_pb_title_meta_container a[rel~="category"] {padding-left:20px}
#liste_actualites .post-meta a[rel~="tag"]:before, .single .et_pb_title_meta_container a[rel~="category"]:before {
    content: '\e07c';
	font-family: 'ETModules';
    color: #636789;
    margin-right: 5px;
	margin-left: -20px;}*/
@media screen and (max-width: 980px){.home .et_pb_post a img {vertical-align: bottom;max-width:-webkit-fill-available;	object-fit: cover;    height: 300px;}}

/** MEMBRES**/
#users {margin-bottom:35px;}
#users .search__form  {margin-top:35px;}
@media (min-width:767px){.caption{padding-top: 0px; padding-right: 75px; padding-left: 75px;}}
@media (max-width:767x){.caption{padding-top: 0px; padding-right: 25px; padding-left: 25px;}}
.date_obtention_permis {display: block;margin-bottom: 10px;color:var(--peach);}
.fiche_membre {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
@media (max-width:1080px){.fiche_membre {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}}
@media (max-width:766px){.fiche_membre {display: grid; grid-template-columns: 1fr; grid-gap: 20px;}}
.fiche_nom {font-weight: 900;}
.fiche_description{font-size: 0.8em;line-height: 1.6em;}
#users .search {    border: solid 1px var(--peach);
    padding: 5px 10px; min-width: 294px; margin: 20px 20px 20px 0; color: var(--darkblue); font-weight: 600; font-size: 1em;}
.fiche_ind_membre {margin-bottom:20px;}
.region {margin-top:35px;}

/**DECISIONS **/
a.et-file:before{content: "\69";}
.et-file{display: inline-block;font-family: 'ETmodules';}

.bascule_grise .et_pb_toggle_0.et_pb_toggle.et_pb_toggle_close h5.et_pb_toggle_title{color:var(--darkblue)!important}

p.role-audience{font-weight:bold;color:var(--peach)}
.page-numbers>li {
    display: inline;
}
.page-numbers .current, .page-numbers .current:hover {
    background: #2b96cc;
    border-color: #2b96cc;
    color: #fff;
}
.page-numbers>li>a, .page-numbers>li>span {
    padding: 5px 10px;margin-top:10px;
}
.page-numbers>li>a, .page-numbers>li>span {
    position: relative;
    float: left;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 ETmodules;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-chevron-right:before {content: "5";}
.fa-chevron-left:before {content: "4";}

.decision_search {display:inline-flex;align-items:center;}
/** TUILES PAGES ENFANTS**/
ul.wpb_page_list {list-style-type: none;}
.wpb_page_list {display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
@media (max-width:980px){.wpb_page_list {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 20px;}}
@media (max-width:480px){.wpb_page_list {display: grid; grid-template-columns: 1fr; grid-gap: 20px;}}
.wpb_page_list li {background:var(--darkblue);min-height: 150px;  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.wpb_page_list li:hover {background:var(--peach);  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;}
.wpb_page_list li a{color:var(--white); height:100%;width:100%; display: flex; align-items: center; text-align: center;justify-content: center;padding:10px;}
ul.wpb_page_list {list-style-type: none;}

/**TABLE**/
@media (max-width:980px){table, .decision_table thead th {font-size:16px!important;}
.decision_table th, .decision_table td {padding:10px!important; 
}}

/**CONTACT FORM**/
.et_pb_contact_field textarea.et_pb_contact_message, .et_pb_contact p input {color: var(--darkblue);}

/** FOOTER **/
#footer-row1{display: grid; grid-template-columns:75px auto ;	grid-gap: 25px;}
@media screen and (min-width: 768px) {#footer-row1{grid-template-columns:100px auto;}}