@charset "UTF-8";

.flex-center {
justify-content: center; }
img {
display: block;
max-width: 100%;
height: auto; }
svg {
width: 100%; }
nav ul {
list-style: none;
padding: 0; }
button {
border: 0;
background: none; }
a {
transition: color 350ms; }
ul.nolist {
list-style: none;
padding: 0; }
ul.nolist ul {
list-style: none;
padding: 0; }
i.material-icons {
vertical-align: middle; }
i.start {
margin-right: .5em; }
i.end {
margin-left: .5em; }
.button.arrow-left:before,
a.arrow-left:before {
font-family: "Material Icons", sans-serif;
vertical-align: -3px; }
.button.arrow-right:after,
a.arrow-right:after {
font-family: "Material Icons", sans-serif;
vertical-align: -3px; }
.button.arrow-left:before,
a.arrow-left:before {
content: "keyboard_arrow_left";
margin-right: .5rem; }
.button.arrow-right:after,
a.arrow-right:after {
content: "keyboard_arrow_right";
margin-left: .5rem; }
.background-image {
background-position: center;
background-repeat: no-repeat;
background-size: cover; }
.wrapper-video {
position: relative;
width: 100%;
height: 100%;
overflow: hidden; }
.wrapper-video video {
width: 100%;
height: auto; }
.text-center {
text-align: center; }
.align-center {
display: flex;
flex-direction: column;
justify-content: center; }
.align-center .button {
align-self: center; }
.color-white {
color: #FFFFFF; }
.color-primary {
color: #0095DB; }
.color-secondary {
color: #76E5FF; }
.wrapper-loop {
display: flex;
flex-wrap: wrap; }
.wrapper-loop .loop-item {
align-items: stretch; }
.padding-small {
padding: .5rem; }
.padding-small-top {
padding-top: .5rem; }
.padding-small-right {
padding-right: .5rem; }
.padding-small-bottom {
padding-bottom: .5rem; }
.padding-small-left {
padding-left: .5rem; }
.padding-small-row {
padding-left: .5rem;
padding-right: .5rem; }
.padding-small-col {
padding-top: .5rem;
padding-bottom: .5rem; }
.padding-medium {
padding: 1rem; }
.padding-medium-top {
padding-top: 1rem; }
.padding-medium-right {
padding-right: 1rem; }
.padding-medium-bottom {
padding-bottom: 1rem; }
.padding-medium-left {
padding-left: 1rem; }
.padding-medium-row {
padding-left: 1rem;
padding-right: 1rem; }
.padding-medium-col {
padding-top: 1rem;
padding-bottom: 1rem; }
.padding-large {
padding: 2rem; }
.padding-large-top {
padding-top: 2rem; }
.padding-large-right {
padding-right: 2rem; }
.padding-large-bottom {
padding-bottom: 2rem; }
.padding-large-left {
padding-left: 2rem; }
.padding-large-row {
padding-left: 2rem;
padding-right: 2rem; }
.padding-large-col {
padding-top: 2rem;
padding-bottom: 2rem; }
.padding-big {
padding: 4rem; }
.padding-big-top {
padding-top: 4rem; }
.padding-big-right {
padding-right: 4rem; }
.padding-big-bottom {
padding-bottom: 4rem; }
.padding-big-left {
padding-left: 4rem; }
.padding-big-row {
padding-right: 4rem;
padding-left: 4rem; }
.padding-big-col {
padding-top: 4rem;
padding-bottom: 4rem; }
.margin-tiny {
margin: .25rem; }
.margin-tiny-top {
margin-top: .25rem; }
.margin-tiny-right {
margin-right: .25rem; }
.margin-tiny-bottom {
margin-bottom: .25rem; }
.margin-tiny-left {
margin-left: .25rem; }
.margin-tiny-row {
margin-right: .25rem;
margin-left: .25rem; }
.margin-tiny-col {
margin-top: .25rem;
margin-bottom: .25rem; }
.margin-small {
margin: .5rem; }
.margin-small-top {
margin-top: .5rem; }
.margin-small-right {
margin-right: .5rem; }
.margin-small-bottom {
margin-bottom: .5rem; }
.margin-small-left {
margin-left: .5rem; }
.margin-small-row {
margin-right: .5rem;
margin-left: .5rem; }
.margin-small-col {
margin-top: .5rem;
margin-bottom: .5rem; }
.margin-medium {
margin: 1rem; }
.margin-medium-top {
margin-top: 1rem; }
.margin-medium-right {
margin-right: 1rem; }
.margin-medium-bottom {
margin-bottom: 1rem; }
.margin-medium-left {
margin-left: 1rem; }
.margin-medium-row {
margin-right: 1rem;
margin-left: 1rem; }
.margin-medium-col {
margin-top: 1rem;
margin-bottom: 1rem; }
.margin-large {
margin: 2rem; }
.margin-large-top {
margin-top: 2rem; }
.margin-large-right {
margin-right: 2rem; }
.margin-large-bottom {
margin-bottom: 2rem; }
.margin-large-left {
margin-left: 2rem; }
.margin-large-row {
margin-right: 2rem;
margin-left: 2rem; }
.margin-large-col {
margin-top: 2rem;
margin-bottom: 2rem; }
.margin-big {
margin: 4rem; }
.margin-big-top {
margin-top: 4rem; }
.margin-big-right {
margin-right: 4rem; }
.margin-big-bottom {
margin-bottom: 4rem; }
.margin-big-left {
margin-left: 4rem; }
.margin-big-row {
margin-right: 4rem;
margin-left: 4rem; }
.margin-big-col {
margin-top: 4rem;
margin-bottom: 4rem; }
.margin-icon-left {
margin-left: .5rem; }
.margin-icon-right {
margin-right: .5rem; }
.margin-input {
margin-top: -3px; }
.margin-center {
margin-left: auto;
margin-right: auto; }
@-webkit-keyframes movingGradient {
0% {
background-position: 0% 51%; }
50% {
background-position: 100% 50%; }
100% {
background-position: 0% 51%; } }
@keyframes movingGradient {
0% {
background-position: 0% 51%; }
50% {
background-position: 100% 50%; }
100% {
background-position: 0% 51%; } }
@-webkit-keyframes scrollWheel {
0% {
transform: translateY(0) scale(1, 1); }
100% {
transform: translateY(22px) scale(1, 0); } }
@keyframes scrollWheel {
0% {
transform: translateY(0) scale(1, 1); }
100% {
transform: translateY(22px) scale(1, 0); } }
@-webkit-keyframes k2000 {
0% {
transform: translateX(-100%); }
50% {
transform: translateX(100%); }
100% {
transform: translateX(-100%); } }
@keyframes k2000 {
0% {
transform: translateX(-100%); }
50% {
transform: translateX(100%); }
100% {
transform: translateX(-100%); } }
html, body {
overflow-x: hidden; }
html.in-mobile-menu, html.in-search, body.in-mobile-menu, body.in-search {
overflow-y: hidden;
height: 100vh; }
body {
background-color: #FFFFFF;
color: #707070;
font-size: 16px;
font-family: "Open Sans", sans-serif;
line-height: 1.5;
padding-top: 80px; }
.site-border {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5px;
background: linear-gradient(to right, #360033, #1C8792); }
.signature {
display: table;
padding: .5rem;
color: #FFFFFF;
font-size: 0.75rem; }
.signature svg {
margin-left: .5rem;
height: auto;
vertical-align: bottom;
width: 90px; }
.page-body {
margin-top: 4rem;
margin-bottom: 5rem; }
.site-navigation.subnavigation .wrapper {
position: relative;
display: flex;
align-items: center; }
.site-navigation.subnavigation input {
display: none; }
.alignnone {
margin: 5px 20px 20px 0; }
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto; }
.alignright {
float: right;
margin: 5px 0 20px 20px; }
.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.alignright {
float: right;
margin: 5px 0 20px 20px; }
a img.alignnone {
margin: 5px 20px 20px 0; }
a img.alignleft {
float: left;
margin: 5px 20px 20px 0; }
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto; }
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
text-transform: uppercase;
color: #313131; }
h2.color-white,
h3.color-white {
color: #FFFFFF; }
h2.color-white:after,
h3.color-white:after {
background-color: #FFFFFF; }
p {
font-size: 15px;
color: #707070;
margin: 0 0 1rem; }
a:not(.button) {
color: #0095DB; }
a:not(.button):hover {
color: #E54E41; }
em,
strong {
font-weight: 700; }
.site-main ul:not(.nolist):not(.gform_fields):not(.children) {
color: #707070;
margin: 1rem 0;
list-style: none;
padding: 0; }
.site-main ul:not(.nolist):not(.gform_fields):not(.children) li {
font-size: 15px;
position: relative;
padding-left: 3rem;
margin-bottom: 0.5rem; }
.site-main ul:not(.nolist):not(.gform_fields):not(.children) li:before {
content: "-";
position: absolute;
margin-left: -1.2rem; }
.site-main ol {
color: #707070;
margin: 1rem 0;
list-style-type: decimal;
padding-left: 3rem; }
.site-main ol li {
margin-bottom: 0.5rem; }
blockquote {
position: relative;
border: 3px solid #0095DB;
margin: 2rem 0 2rem;
padding: 2rem 2rem 2rem 3rem; }
blockquote:after {
content: 'format_quote';
font-family: "Material Icons", sans-serif;
background-color: #0095DB;
color: #FFFFFF;
position: absolute;
top: 50%;
left: 0;
border-radius: 50%;
width: 40px;
height: 40px;
font-size: 1.75rem;
text-align: center;
transform: translate(-50%, -50%); }
blockquote p:last-child {
margin-bottom: 0; }
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
.gridlock .row.full {
width: 100%; }
.grid {
display: flex;
flex-wrap: wrap; }
.grid.squared .item:before {
content: '';
display: block;
padding-top: 100%; }
.grid .item {
width: 100%; }
@media (min-width: 480px) {
.grid .item {
width: calc(100% / 2); } }
@media (min-width: 960px) {
.grid .item {
width: calc(100% / 4); } }
.site-mobile-menu-container {
display: none; }
body.single-fiches .site-navigation li.menu-item-65 a,
body.tax-categories_taxonomy .site-navigation li.menu-item-65 a {
color: #E54E41; }
.site-navigation {
margin-left: auto;
border-right: 1px solid #D8D8D8; }
.site-navigation ul {
display: flex; }
.site-navigation ul li {
padding: 0 1rem; }
.site-navigation ul li.special a {
background-color: #0095DB;
border-radius: 40px;
color: #FFFFFF !important;
padding: .5rem 1.5rem; }
.site-navigation ul li.special a:hover {
color: #FFFFFF;
background-color: #E54E41; }
.site-navigation ul li a {
text-transform: uppercase;
font-size: 16px;
font-weight: 700;
line-height: 27px;
letter-spacing: .25px;
color: #0095DB; }
.site-navigation ul li a:hover {
color: #E54E41; }
.site-navigation ul li.current-menu-item a, .site-navigation ul li.current-page-ancestor a {
color: #E54E41; }
.site-navigation.subfooter {
border-right: 0;
margin-right: auto;
margin-left: 0; }
.site-navigation.subfooter ul {
margin: 0; }
.site-navigation.subfooter ul li {
padding: 0;
margin-right: 1rem; }
.site-navigation.subfooter ul li a {
color: #FFFFFF;
font-size: 0.625rem; }
.site-navigation.subnavigation {
width: 100%;
border-right: 0;
margin-right: auto;
margin-left: 0;
padding: 1rem 2rem;
background-color: #FAFAFA; }
.site-navigation.subnavigation ul {
margin: 0;
flex-wrap: wrap; }
.site-navigation.subnavigation ul li {
padding: 0;
margin-right: 1rem; }
.site-navigation.subnavigation ul li a {
font-size: 16px; }
.site-navigation.catnavigation {
border-right: 0;
margin-right: auto;
margin-left: 0;
margin-bottom: 3rem;
padding: 1rem 2rem;
background-color: #FAFAFA; }
.site-navigation.catnavigation ul {
margin: 0;
flex-wrap: wrap;
justify-content: center; }
.site-navigation.catnavigation ul li {
padding: 0;
margin-right: .5rem; }
.site-navigation.catnavigation ul li a {
display: table;
font-size: 0.875rem;
background-color: rgba(0, 149, 219, 0.15);
text-transform: none;
border-radius: 50px;
padding: .2rem 1rem;
margin-bottom: .5rem;
transition: background-color 350ms, color 350ms; }
.site-navigation.catnavigation ul li a:hover {
background-color: #0095DB;
color: #FFFFFF; }
.site-navigation.catnavigation ul li.current-menu-item a {
background-color: #E54E41;
color: #FFFFFF; }
.site-header {
position: fixed;
top: 0;
z-index: 99;
display: flex;
align-items: center;
width: 100vw;
background-color: #FFFFFF;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 12px;
padding-bottom: .5rem; }
.site-header .site-logo {
flex-shrink: 0; }
.site-header .site-logo img {
width: 150px; }
.site-header .site-mobile-menu-button {
display: none;
border-right: 1px solid #D8D8D8; }
.site-header .site-mobile-menu-button button {
cursor: pointer;
padding: 1rem; }
.site-header .site-mobile-menu-button button i {
color: #0095DB;
font-size: 2rem;
line-height: 1rem;
transition: color 350ms; }
.site-header .site-mobile-menu-button button:hover i {
color: #E54E41; }
.site-header .site-langs {
margin-right: .5rem; }
.site-header .site-account {
width: 40px; }
.site-header .site-account a {
color: #0095DB;
transition: color 350ms;
cursor: pointer;
padding: 0 0.5rem;
display: block; }
.site-header .site-account a:first-child {
margin-bottom: .25rem; }
.site-header .site-account a i {
font-size: 1.5rem; }
.site-header .site-account a:hover i {
color: #E54E41; }
.site-footer {
background-color: #313131;
padding: 1rem 0 0;
margin-top: 8rem; }
.site-footer .wrapper-certifications {
transform: translateY(-50px); }
.site-footer .wrapper-certifications .inner {
display: flex;
justify-content: center;
position: relative;
background-color: #FAFAFA;
padding: 2rem; }
.site-footer .wrapper-certifications .inner .widget {
display: flex;
align-items: center;
padding: 0 .5rem;
clear: both; }
.site-footer .wrapper-certifications .inner .widget .textwidget {
display: flex;
align-items: center; }
.site-footer .wrapper-certifications .inner .widget p {
color: #707070;
margin-bottom: 0; }
.site-footer .wrapper-certifications .inner .widget p img {
margin-bottom: 0; }
.site-footer h2 {
font-size: 1.75rem;
margin-top: 0; }
.site-footer p {
font-size: 0.75rem; }
.site-footer #media_image-2 img {
width: 240px; }
.site-footer .site-subfooter {
display: flex;
align-items: center;
background: linear-gradient(to right, #360033, #1C8792);
padding: .25rem 2rem;
margin-top: 2rem; }
body.in-search .site-search-container {
display: flex; }
body.in-search .site-search i {
color: #E54E41; }
.not-found {
margin-bottom: 6rem; }
.searchform {
position: relative; }
.searchform .line {
display: none; }
.searchform input:focus ~ button {
opacity: 1; }
.searchform button {
cursor: pointer;
position: absolute;
right: 10px;
top: 12px;
opacity: .2; }
.searchform button:hover {
opacity: 1; }
.searchform button i {
font-size: 1.5rem;
color: #0095DB; }
.searchform button:hover i {
color: #E54E41; }
.site-search-container {
display: none;
position: fixed;
z-index: 1001;
width: 100vw;
height: calc(100vh - 80px);
flex-direction: column;
justify-content: center;
padding: 2rem 4rem; }
.site-search-container:after {
content: '';
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, #360033, #1C8792);
background-size: 200% 100%;
-webkit-animation: movingGradient 25s infinite;
animation: movingGradient 25s infinite; }
.site-search-container .container {
width: 75%;
max-width: 900px;
margin: 0 auto; }
.site-search-container .container h3 {
color: #FFFFFF; }
.site-search-container .container .searchform .line {
content: '';
display: block;
width: 0;
height: 4px;
position: relative;
bottom: -8px;
background-color: #FFFFFF;
transition: width 250ms; }
.site-search-container .container .searchform input[type="text"] {
border: 0;
background: transparent;
border-radius: 0;
-webkit-appearance: none;
font-size: 5vw;
line-height: 1;
display: inline-block;
width: 100%;
padding: 0;
color: #FFFFFF;
border-radius: 80px; }
.site-search-container .container .searchform input[type="text"]:focus ~ .line {
width: 100%; }
.site-search-container .container .searchform button {
cursor: pointer;
position: absolute;
right: 0;
top: 14px;
opacity: .2; }
.site-search-container .container .searchform button:hover {
opacity: 1; }
.site-search-container .container .searchform button i {
font-size: 3.75rem;
color: #FFFFFF; }
.site-search {
line-height: 59px; }
.site-search button {
cursor: pointer;
padding: 1rem; }
.site-search button i {
color: #0095DB;
font-size: 2rem;
transition: color 350ms; }
.site-search button:hover i {
color: #E54E41; }
.search .list-items {
margin-left: -1rem;
margin-right: -1rem;
margin-bottom: 2rem; }
.search .list-items .wrap-item {
display: flex;
width: calc(100% - 2rem);
margin: 1rem; }
.search .list-items .wrap-item .image {
position: relative;
width: 120px;
height: 120px;
flex-grow: 0;
flex-shrink: 0;
border: 5px solid #0095DB;
background-color: #FFFFFF; }
.search .list-items .wrap-item .image.no-thumbnail {
background-color: #0095DB;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none; }
.search .list-items .wrap-item .image.no-thumbnail img {
opacity: .75;
width: 90%;
pointer-events: none; }
.search .list-items .wrap-item .content {
padding: 1rem; }
.search .list-items .wrap-item .content h2 {
margin-bottom: 1rem;
margin-top: 0; }
.search .list-items .wrap-item .content .meta-post_type {
display: block;
font-size: .825rem;
color: #707070;
margin-bottom: .5rem;
margin-top: -1rem; }
.search .list-items .wrap-item .content .meta-permalink {
font-size: 1.25rem;
margin-bottom: 1rem; }
.search .list-items .wrap-item .content .meta-permalink:after {
font-size: 1.25rem;
margin-left: 2rem; }
.search .list-items .wrap-item .content .meta-text:not(:last-child) {
margin-bottom: .825rem; }
.page-head {
position: relative;
padding: 6rem 2rem; }
.page-head:after {
content: '';
display: block;
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .9;
background: linear-gradient(to right, #360033, #1C8792);
background-size: 200% 100%;
-webkit-animation: movingGradient 8s infinite;
animation: movingGradient 8s infinite; }
.page-head h1 {
position: relative;
z-index: 1;
font-size: 3.75rem;
color: #FFFFFF;
margin: 0; }
.page-head .sub-title {
position: relative;
z-index: 1;
display: flex;
color: rgba(255, 255, 255, 0.8);
font-size: 16px; }
.page-head .sub-title.flex-col {
flex-direction: column; }
.page-head .sub-title .breadcrumb-separator {
display: inline-block;
margin: 0 .35rem; }
.page-head .sub-title .back-link {
display: block;
margin-top: 2rem; }
.section h2 {
display: table;
position: relative;
margin: 0 auto;
white-space: pre-line;
padding-top: 2rem;
padding-bottom: 2rem;
line-height: 1;
margin-bottom: 4rem;
font-size: 3.75rem;
text-align: center;
background-image: url(//hydroleduc.com/acces-client/wp-content/themes/bc_wp_hydroleduc/assets/images/triangle.svg);
background-position: center;
background-repeat: no-repeat;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.section h2.lined:after {
width: 50px;
height: 5px;
margin-top: 2rem;
margin-left: auto;
margin-right: auto;
background: linear-gradient(to right, #360033, #1C8792); }
.section h2.squared:after {
content: '';
position: absolute;
top: 0;
right: 1em;
bottom: 0;
left: 1em;
z-index: -2;
background: linear-gradient(to right, #76E5FF, #E54E41); }
.section h2.squared:before {
content: '';
position: absolute;
top: 6px;
right: calc(1em + 6px);
bottom: 6px;
left: calc(1em + 6px);
z-index: -1;
background: #FFFFFF; }
.lined:after {
content: '';
display: block;
width: 30px;
height: 3px;
margin-top: .5rem;
background-color: #A0A0A0;
transition: background-color 350ms; }
.lined.color-white:after {
background: #FFFFFF !important; }
.lined.colored:after {
background: linear-gradient(to right, #360033, #1C8792); }
.button {
display: inline-block;
padding: .5rem 2rem;
text-align: center;
background-color: #0095DB;
color: #FFFFFF;
transition: background-color 350ms; }
.button:hover {
background-color: #E54E41; }
.button:focus {
background-color: #76E5FF; }
.button.rounded {
border-radius: 2rem; }
.button.center {
display: table;
margin-left: auto;
margin-right: auto; }
p a[target="_blank"] {
margin-bottom: 2rem;
border-radius: 2rem;
display: inline-block;
padding: .5rem 2rem;
text-align: center;
background-color: #0095DB;
color: #FFFFFF !important;
transition: background-color 350ms; }
p a[target="_blank"]:hover {
background-color: #E54E41; }
p a[target="_blank"]:focus {
background-color: #76E5FF; }
.owl-carousel {
position: relative; }
.owl-carousel img {
margin-bottom: 0 !important; }
.owl-carousel .owl-nav {
position: absolute;
bottom: 1rem;
left: 1rem; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next {
background: #0095DB;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 0;
height: 45px;
width: 45px;
transition: 300ms; }
.owl-carousel .owl-nav .owl-prev:after, .owl-carousel .owl-nav .owl-next:after {
font-size: 1.75rem;
font-family: "Material Icons", sans-serif;
color: #FFFFFF; }
.owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover {
background: #FFFFFF; }
.owl-carousel .owl-nav .owl-prev:hover:after, .owl-carousel .owl-nav .owl-next:hover:after {
color: #0095DB; }
.owl-carousel .owl-nav .owl-prev {
margin-right: .5rem; }
.owl-carousel .owl-nav .owl-prev:after {
content: 'keyboard_arrow_left'; }
.owl-carousel .owl-nav .owl-next:after {
content: 'keyboard_arrow_right'; }
.owl-carousel .owl-dots {
display: flex;
justify-content: flex-end;
position: absolute;
bottom: 1.725rem;
right: 1rem; }
.owl-carousel .owl-dots .owl-dot {
border-radius: 50%;
border: 2px solid #0095DB;
background: #0095DB;
height: 16px;
width: 16px;
margin-right: 0.25rem;
transition: 300ms; }
.owl-carousel .owl-dots .owl-dot.active, .owl-carousel .owl-dots .owl-dot:hover {
background: #FFFFFF; }
.owl-carousel .owl-item .meta-caption {
position: absolute;
left: 0;
bottom: 0;
right: 0;
width: 100%;
padding: .5rem 5rem .5rem 9rem;
background-color: rgba(0, 0, 0, 0.55);
color: #fff;
font-size: 12px; }
.gform_wrapper form .top_label .gfield_label {
font-size: .825rem; }
.gform_wrapper form .top_label div.ginput_container {
margin-top: 2px !important; }
.gform_wrapper form textarea,
.gform_wrapper form input {
border: 1px solid #0095DB;
padding: 0.825rem 1rem !important; }
.gform_wrapper form textarea:hover,
.gform_wrapper form input:hover {
border-color: #360033; }
.gform_wrapper form textarea:focus,
.gform_wrapper form input:focus {
border-color: #76E5FF; }
.gform_wrapper form .gform_button {
cursor: pointer;
border: 0;
border-radius: 40px;
padding-left: 1.5rem !important;
padding-right: 1.5rem !important; }
.gform_wrapper form .field_sublabel_above .gfield_label.gfield_label_before_complex {
display: none; }
.gform_wrapper form .field_sublabel_above .ginput_container.ginput_complex label {
font-weight: 700; }
input {
width: 100%;
border: 1px solid #0095DB;
padding: .825rem 1.5rem;
border-radius: 32px; }
input:hover {
border-color: #360033; }
input:focus {
border-color: #76E5FF; }
.widget.widget_custom_html a:not(.button) {
display: block; }
.widget.widget_media_image {
margin-bottom: 1rem; }
.widget.widget_nav_menu .menu {
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap; }
.widget.widget_nav_menu .menu li {
width: 50%;
margin-bottom: .5rem; }
.widget.widget_nav_menu .menu li a {
color: #0095DB; }
.widget.widget_nav_menu .menu li a:hover {
color: #FFFFFF; }
.widget p {
color: #FFFFFF; }
.widget .button {
margin-bottom: 1rem; }
.widget a:not(.button) {
color: #0095DB; }
.wrapper_loops {
display: flex;
align-items: stretch;
flex-flow: row wrap; }
.wrapper_loops .loop_wrap {
display: flex;
position: relative;
height: initial;
align-self: stretch; }
.list-items {
margin-top: 4rem; }
.list-items .encart {
padding: 1rem;
text-align: left; }
.list-items .encart .lined:after {
margin: 2rem 0; }
.list-items .encart .meta-date {
color: #A0A0A0; }
.list-items .encart .meta-infos li span {
color: #000000;
font-weight: 700;
margin-bottom: .5rem; }
.list-items .encart .meta-infos li p {
font-size: 0.875rem; }
.list-items .encart:hover {
background-color: #E54E41; }
.list-items .encart:hover h3,
.list-items .encart:hover .meta-infos li span,
.list-items .encart:hover .meta-infos li p,
.list-items .encart:hover .meta-date {
color: #FFFFFF; }
.list-items .post .meta-date {
font-size: 0.875rem; }
.list-items .post .meta-title {
margin-top: 0;
color: #0095DB; }
.list-items .post .meta-content {
font-size: 0.875rem;
margin-bottom: 1rem; }
.list-items .post img {
margin-bottom: 1rem; }
.list-items .post .button {
font-size: 0.875rem; }
.wrap-fiche {
max-width: 100%;
padding: 1rem;
margin-bottom: 1.5rem;
background-color: #FAFAFA;
border: 2px solid #D8D8D8; }
.wrap-fiche h3 {
margin-top: 0;
font-size: 1.4rem;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.wrap-fiche .categories {
display: block;
font-size: 12px;
color: #707070;
margin-bottom: 1rem; }
.wrap-fiche:hover {
border-color: #E54E41; }
.wrap-fiche:hover h3 {
color: #E54E41; }
.wrap-recrutement {
background-color: #FAFAFA;
border: 2px solid #D8D8D8; }
.wrap-recrutement:hover {
border-color: #E54E41; }
.loop-item.post {
display: flex;
flex-direction: column;
align-items: flex-start; }
.loop-item.post .button {
margin-top: auto; }
.alignleft {
display: inline-block;
float: left;
padding: 0 1rem 1rem 0; }
.alignright {
display: inline-block;
float: right;
padding: 0 0 1rem 1rem; }
.alignnone {
display: inline-block;
margin: 0 1rem 1rem 0; }
.aligncenter {
margin: 1rem auto; }
.site-langs .select2-container {
min-width: 64px; }
.site-langs .select2-container .select2-selection--single {
height: 32px;
border-radius: 16px;
border: 1px solid #0095DB; }
.site-langs .select2-container .select2-selection--single .select2-selection__rendered {
padding-left: 1rem;
font-size: 1rem;
text-transform: uppercase;
font-weight: 700;
color: #0095DB; }
.site-langs .select2-container .select2-selection--single .select2-selection__arrow {
height: 100%; }
.site-langs .select2-container .select2-selection--single .select2-selection__arrow:after {
content: 'keyboard_arrow_down';
font-family: "Material Icons", sans-serif;
vertical-align: -3px;
line-height: 31px;
color: #0095DB; }
.site-langs .select2-container .select2-selection--single .select2-selection__arrow b {
display: none; }
.site-langs .select2-container .select2-selection--single:hover {
border: 1px solid #E54E41; }
.select2-dropdown {
border: 1px solid #0095DB;
font-size: 0.875rem; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #76E5FF; }
.select2-container--default .select2-results__option[aria-selected="true"] {
background-color: #E54E41;
color: #FFFFFF; }
.feedback-block {
display: flex;
align-items: center;
font-size: 14px;
padding: .8rem 1rem;
margin: 0 auto 1.5rem;
background-color: #ccebf3;
border-radius: 4px;
color: #484848;
overflow: hidden; }
.feedback-block i {
margin-right: .4rem;
vertical-align: -6px; }
.feedback-block.valid {
background-color: #5ECE7B; }
.feedback-block.error {
background-color: #f8d0c8; }
.feedback-block.warning {
background-color: #ffeebf; }
.site-main .page-body table {
width: 100%;
margin: 0;
padding: 0;
border-collapse: collapse;
border-spacing: 0; }
.site-main .page-body table tr td {
border: 1px solid #707070;
padding: 8px; }
.site-main .page-body table tr td[rowspan]:first-child {
font-weight: 800; }
.site-main .page-body table tr:first-child td {
font-weight: 800;
background-color: #F0F0F0; }
.page .section img {
margin-bottom: 1.5rem; }
.page .section .content.columned {
-moz-column-gap: 40px;
column-gap: 40px; }
.page .section .content.columned.col-2 {
-moz-column-count: 2;
column-count: 2; }
.page .section .content.columned.col-3 {
-moz-column-count: 3;
column-count: 3; }
.page .section .content.columned.col-4 {
-moz-column-count: 4;
column-count: 4; }
.timeline {
position: relative;
padding: 1rem 0;
display: flex;
flex-direction: column; }
.timeline:after {
content: "";
display: block;
position: absolute;
left: 50%;
top: 0;
bottom: 0;
z-index: -1;
width: 3px;
height: 100%;
transform: translateX(-50%);
background: linear-gradient(to bottom, #360033, #1C8792); }
.timeline .wrap-time {
position: relative;
padding: 1rem;
margin-bottom: 1rem; }
.timeline .wrap-time:nth-child(odd) {
text-align: right; }
.timeline .wrap-time:nth-child(odd) .meta-image {
display: flex;
justify-content: flex-end; }
.timeline .wrap-time:nth-child(odd) .meta-date {
transform: translate(25%); }
.timeline .wrap-time:nth-child(odd) .meta-date:before {
left: 2rem; }
.timeline .wrap-time:nth-child(even) .meta-date {
transform: translate(-25%); }
.timeline .wrap-time:nth-child(even) .meta-date:before {
right: 2rem; }
.timeline .wrap-time .meta-image img {
max-width: 75%; }
.timeline .wrap-time .meta-date {
position: relative;
display: block;
font-size: 30px;
font-weight: 700;
background: linear-gradient(to right, #360033, #1C8792);
color: #FFFFFF;
padding: .5rem 2rem; }
.timeline .wrap-time .meta-date:before {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
border-radius: 50%;
background-image: url(//hydroleduc.com/acces-client/wp-content/themes/bc_wp_hydroleduc/assets/images/marker-hydroleduc.png);
background-size: contain;
background-color: #FFFFFF;
border: 2px solid #FFFFFF; }
.timeline .wrap-time .meta-content {
padding: 2rem;
background-color: #FFFFFF; }
.timeline .wrap-time .meta-content p:last-child {
margin-bottom: 0; }
.meta-infos span {
font-weight: bold; }
.meta-infos p {
padding-left: 2rem; }
.page-id-77 .item.block-3 {
-moz-column-break-after: always;
break-after: always; }
.section-hero {
overflow: hidden;
position: relative;
width: 100vw;
height: calc(100vh - 80px);
background-color: #FAFAFA; }
.section-hero:after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 120px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.95), transparent); }
.section-hero .wrapper-baseline {
width: 100vw;
padding: 3rem 1rem;
font-size: 30px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
position: absolute;
top: 0;
left: 0;
z-index: 60;
color: #FFFFFF;
background: linear-gradient(-45deg, rgba(28, 135, 146, 0.9), rgba(54, 0, 51, 0.9)); }
.section-hero .wrapper-slider {
width: 100vw;
height: 100%; }
.section-hero .wrapper-slider .owl-carousel,
.section-hero .wrapper-slider .owl-stage-outer,
.section-hero .wrapper-slider .owl-stage,
.section-hero .wrapper-slider .owl-item,
.section-hero .wrapper-slider .owl-item > div {
height: 100%; }
.section-hero .button-icon {
display: flex;
align-items: center;
font-size: 1.5rem;
background: none;
border: 0;
padding: 0 2rem;
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
z-index: 2; }
.section-hero .button-icon .scroll {
width: 2rem;
height: 3.25rem;
border-radius: 1rem;
border: 2px solid #FFFFFF; }
.section-hero .button-icon .scroll .scroll-wheel {
width: 2px;
height: 1rem;
background-color: #FFFFFF;
border-radius: .1rem;
margin: .25rem auto 0;
-webkit-animation: scrollWheel 2.25s infinite;
animation: scrollWheel 2.25s infinite;
transition: transform 350ms; }
.section-hero .button {
position: absolute;
right: 4rem;
bottom: 2rem;
z-index: 2; }
.sections .section {
padding: 6rem 2rem; }
.sections .section h2 {
margin-bottom: 1rem; }
.sections .section .link-all {
display: table;
margin: 0 auto 4rem; }
.sections .section article {
display: flex;
flex-direction: column; }
.sections .section article .meta-date {
font-size: 0.875rem;
color: #FFFFFF; }
.sections .section article .meta-title {
margin-top: 0;
font-size: 1.75rem;
color: #0095DB;
text-transform: inherit;
margin-bottom: 2.5rem;
line-height: 1.2; }
.sections .section article .meta-content {
font-size: 0.875rem;
color: #FFFFFF;
margin-bottom: 3rem; }
.sections .section article .button {
display: table;
margin-top: auto; }
.sections .section article img {
margin-bottom: 2rem; }
.section {
padding: 4rem 0; }
.section .wrapper-video {
margin-bottom: 1rem; }
.section .meta-content {
margin-bottom: 2rem; }
.section.backgrouned-gradient {
background: linear-gradient(to top, #1C8792, #360033); }
.section.backgrouned-gray {
background-color: #FAFAFA; }
.section.encarts .encart {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 2rem;
transition: background-color 350ms; }
.section.encarts .encart .lined:after {
margin: 2rem auto;
height: 4px;
background: #D8D8D8; }
.section.encarts .encart .icon {
width: 150px;
height: 150px;
border-radius: 50%;
margin: 0 auto;
padding: 1.5rem;
background: linear-gradient(-45deg, #1C8792, #360033); }
.section.encarts .encart .icon.tiny {
padding: 1rem; }
.section.encarts .encart h3 {
font-size: 1.75rem;
text-transform: inherit;
color: #0095DB;
margin-bottom: auto; }
.section.encarts .encart .button {
margin-top: 2rem;
transition: background-color 350ms; }
.section.encarts .encart .button:hover {
color: #E54E41;
background-color: #FFFFFF; }
.section.encarts .encart:hover {
background-color: #E54E41; }
.section.encarts .encart:hover .icon {
background: #FFFFFF; }
.section.encarts .encart:hover .icon svg rect,
.section.encarts .encart:hover .icon svg path {
fill: #E54E41 !important; }
.section.encarts .encart:hover h3,
.section.encarts .encart:hover p {
color: #FFFFFF; }
.section.encarts.recrutement .encart {
text-align: left;
background-color: #FFFFFF; }
.section.encarts.recrutement .encart .lined:after {
margin: 2rem 0;
background-color: #D8D8D8; }
.section.encarts.recrutement .encart .meta-date {
color: #A0A0A0; }
.section.encarts.recrutement .encart .meta-infos li span {
color: #000000;
font-size: 0.875rem;
font-weight: 700;
margin-bottom: .5rem; }
.section.encarts.recrutement .encart .meta-infos li span i {
font-size: 1.25rem; }
.section.encarts.recrutement .encart .meta-infos li p {
font-size: 0.875rem; }
.section.encarts.recrutement .encart:hover {
background-color: #E54E41; }
.section.encarts.recrutement .encart:hover .lined:after {
background-color: #FFFFFF; }
.section.encarts.recrutement .encart:hover .meta-infos li span,
.section.encarts.recrutement .encart:hover .meta-date {
color: #FFFFFF; }
.section .grid {
justify-content: center; }
.section .grid .item {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
transition: transform 350ms; }
.section .grid .item:after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.35);
transition: 600ms; }
.section .grid .item:hover {
transform: scale(1.05);
transform-origin: center;
z-index: 98; }
.section .grid .item:hover .overlay {
background-color: rgba(229, 78, 65, 0.9); }
.section .grid .item:hover .overlay .button {
opacity: 1;
transform: translate(-50%, 100%);
transition: background-color 350ms, opacity 350ms, transform 350ms; }
.section .grid .item:hover .overlay .meta-name {
transform: translate(-50%, -100%); }
.section .grid .item .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
transition: background-color 350ms; }
.section .grid .item .overlay .button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0;
transition: background-color 350ms, opacity 150ms, transform 350ms;
white-space: nowrap; }
.section .grid .item .overlay .button:hover {
color: #E54E41;
background-color: #FFFFFF; }
.section .grid .item .overlay .meta-name {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-weight: 700;
font-size: 1.75rem;
color: #FFFFFF;
text-align: center;
line-height: 1.2;
margin-bottom: 1.5rem;
transition: transform 350ms;
padding: 0 1rem;
word-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto; }
.section .grid .item.highlight:after {
background-color: rgba(0, 0, 0, 0.15); }
.map-contact {
width: 100%;
height: 480px; }
.marker {
background-image: url(//hydroleduc.com/acces-client/wp-content/themes/bc_wp_hydroleduc/assets/images/marker-hydroleduc.png);
background-size: cover;
border: 1px solid #fff;
width: 20px;
height: 20px;
border-radius: 50%;
cursor: pointer; }
.acces-client .page-body {
padding-bottom: 3rem; }
.acces-client .links {
display: flex; }
.acces-client .links a:last-child {
margin-left: auto; }
.documents {
padding-bottom: 4rem; }
.documents h1.head-title {
color: #000000;
margin-bottom: 3rem !important;
margin-top: 1rem !important; }
.documents .sidebar {
background-color: #F0F0F0;
padding: 1rem 1rem;
border-radius: 3px;
margin-bottom: 3rem; }
.documents .sidebar h3 {
margin-top: 0; }
.documents .sidebar .list-folders li.has-children .sub-menu li a {
padding-left: 1.725rem; }
.documents .sidebar .list-folders li.has-children .sub-menu li.has-children .sub-menu li a {
padding-left: 2.5rem; }
.documents .sidebar .list-folders li.has-children .sub-menu li.has-children .sub-menu li.has-children .sub-menu li a {
padding-left: 3.275rem; }
.documents .sidebar .list-folders li a {
text-transform: uppercase;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
display: flex;
cursor: pointer;
padding: .5rem 1rem; }
.documents .sidebar .list-folders li a span {
order: 2;
overflow: hidden;
text-overflow: ellipsis; }
.documents .sidebar .list-folders li a:before {
content: "\f07b";
font-family: "Font Awesome 5 Free";
margin-right: 1rem;
order: 1; }
.documents .sidebar .list-folders li a:after {
content: "+";
order: 0;
margin-right: .5rem; }
.documents .sidebar .list-folders li.current-menu-item > a {
color: #FFFFFF;
background-color: #0095DB; }
.documents .sidebar .list-folders li.current-menu-item > a:before {
content: "\f07c"; }
.documents .sidebar .list-folders li:not(.has-children) > a:after {
visibility: hidden; }
.documents .sidebar .list-folders li.has-children > a:after {
content: "+"; }
.documents .sidebar .list-folders li.has-children.menu-open > a:after {
content: "-"; }
.documents .sidebar .list-folders li .sub-menu {
overflow: hidden;
padding-bottom: 0;
height: 0;
background-color: #D8D8D8;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.documents .sidebar .list-folders li .sub-menu li:not(.current-menu-item) a {
background-color: #D8D8D8; }
.documents .sidebar .list-folders li .sub-menu li:not(.current-menu-item) a:hover {
background-color: #F0F0F0; }
.documents .sidebar .list-folders li.menu-open > .sub-menu {
padding-bottom: 4px;
height: auto; }
.documents .sidebar .list-folders li.menu-open > a {
color: #FFFFFF;
background-color: #0095DB !important;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0; }
.documents .sidebar .list-folders li.menu-open > a:hover {
color: #E54E41; }
.documents .sidebar .list-folders li.menu-open > a:before {
content: "" !important; }
.documents .sidebar .list-folders > li {
margin-bottom: .25rem; }
.documents .sidebar .list-folders > li.menu-open.current-menu-item > a {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; }
.documents .sidebar .list-folders > li > a {
border-radius: 3px; }
.documents .sidebar .list-folders > li:not(.menu-open) > a:hover, .documents .sidebar .list-folders > li:not(.current-menu-item) > a:hover {
background-color: #D8D8D8; }
.documents .head {
display: flex;
align-items: center; }
.documents .head h3 {
margin-top: 0; }
.documents .head .actions {
margin-left: auto; }
.documents .head .actions span {
padding: .5rem;
cursor: pointer; }
.documents .head .actions span i {
font-size: 18px; }
.documents .head .actions span.selected, .documents .head .actions span:hover {
color: #E54E41; }
.documents .folders .folder-item {
cursor: pointer;
border-radius: 8px;
margin-bottom: 1rem;
position: relative;
color: #0095DB;
background-color: #dbf0fa;
border: 2px solid #dbf0fa;
transition: border 350ms; }
.documents .folders .folder-item:hover {
border-color: #0095DB; }
.documents .folders .folder-item:after {
content: '';
display: block;
padding-bottom: 100%; }
.documents .folders .folder-item .content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 1rem; }
.documents .folders .folder-item .content .meta-icon {
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
flex-shrink: 0;
border-radius: 50%;
margin: 0 auto 1.5rem;
padding: 1rem;
background: linear-gradient(-45deg, #1896d8, #0c5575); }
.documents .folders .folder-item .content .meta-icon i {
font-size: 2rem;
color: #FFFFFF; }
.documents .folders .folder-item .content .meta-name {
font-size: 1.25rem;
font-weight: 700;
text-align: center;
line-height: 1;
margin-bottom: .5rem; }
.documents .folders .folder-item .content .meta-count {
font-size: 0.75rem;
color: #77acc5; }
.documents .files.list .file-item {
flex-direction: row; }
.documents .files.list .file-item .meta_icon {
width: 84px;
flex-shrink: 0;
margin-right: 1rem;
font-size: 1.5rem; }
.documents .files.list .file-item .content {
display: flex;
flex-direction: column;
width: calc(100% - 84px - 1rem); }
.documents .files .file-item {
display: flex;
flex-direction: column;
margin-bottom: 2rem; }
.documents .files .file-item.image .meta_icon {
background-color: #faf3db;
border-color: #faf3db;
color: #ffd342; }
.documents .files .file-item.image .meta_icon:hover {
border-color: #ffd342; }
.documents .files .file-item.video .meta_icon {
background-color: #e4dbfa;
border-color: #e4dbfa;
color: #8f65fb; }
.documents .files .file-item.video .meta_icon:hover {
border-color: #8f65fb; }
.documents .files .file-item.audio .meta_icon {
background-color: #fadcdb;
border-color: #fadcdb;
color: #fa0c00; }
.documents .files .file-item.audio .meta_icon:hover {
border-color: #fa0c00; }
.documents .files .file-item.text .meta_icon {
background-color: #dbfaed;
border-color: #dbfaed;
color: #4aba8a; }
.documents .files .file-item.text .meta_icon:hover {
border-color: #4aba8a; }
.documents .files .file-item.application .meta_icon {
background-color: #fae7db;
border-color: #fae7db;
color: #ff6200; }
.documents .files .file-item.application .meta_icon:hover {
border-color: #ff6200; }
.documents .files .file-item .meta_icon {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 120px;
padding: 1rem 0;
font-size: 2rem;
background-color: #dbf0fa;
border: 2px solid transparent;
text-align: center;
color: #0095DB;
border-radius: 4px;
margin-bottom: .25rem;
transition: border 350ms; }
.documents .files .file-item .meta_title {
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 700; }
.documents .files .file-item .meta_date {
font-size: 0.75rem;
color: #A0A0A0; }
.documents .files .file-item .meta_size {
font-size: 0.75rem;
color: #A0A0A0; }
#listResults.loading:before,
#listResults .files.loading:before {
content: '';
background: url(//hydroleduc.com/acces-client/wp-content/themes/bc_wp_hydroleduc/assets/images/loader-32x32.gif) no-repeat 0;
display: block;
width: 42px;
height: 42px;
margin: 0 auto;
padding: 100px 0; }
@media screen and (max-width: 1485px) {
.site-navigation ul li {
padding: 0 .725rem; }
.site-navigation ul li a {
font-size: 14px; } }
@media screen and (max-width: 1312px) {
.site-header .site-mobile-menu-button {
display: inline-flex; }
.site-header .site-navigation .menu {
display: none; }
body.in-mobile-menu .site-mobile-menu-container {
display: flex; }
body.in-mobile-menu .site-header .site-mobile-menu-button i {
color: #E54E41; }
.site-mobile-menu-container {
display: none;
position: fixed;
z-index: 1001;
width: 100vw;
height: calc(100vh - 80px);
flex-direction: column;
justify-content: center;
padding: 2rem 4rem; }
.site-mobile-menu-container:after {
content: '';
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to bottom, #360033, #1C8792);
background-size: 200% 100%;
-webkit-animation: movingGradient 25s infinite;
animation: movingGradient 25s infinite; }
.site-mobile-menu-container .site-navigation {
margin: 0;
border: none;
display: flex;
justify-content: center; }
.site-mobile-menu-container .site-navigation ul {
display: initial; }
.site-mobile-menu-container .site-navigation ul li {
display: flex;
justify-content: center; }
.site-mobile-menu-container .site-navigation ul li.current-menu-item a, .site-mobile-menu-container .site-navigation ul li.current-page-ancestor a {
color: #E54E41; }
.site-mobile-menu-container .site-navigation ul li a {
color: #FFFFFF;
padding: 1rem;
display: inline-flex;
font-size: 4vw;
font-weight: 600; }
.site-mobile-menu-container .site-navigation ul li a:hover {
color: #E54E41; }
.site-mobile-menu-container .site-langs {
display: none; } }
@media screen and (max-width: 1279px) {
.recrutement {
width: 100%; }
.wrap-post {
margin-bottom: 4rem; } }
@media screen and (max-width: 979px) {
.site-header .site-langs {
display: initial; }
.site-mobile-menu-container .site-search, .site-mobile-menu-container .site-langs {
display: none; } }
@media screen and (max-width: 739px) {
.site-navigation.subnavigation input:checked + .wrapper .menu li {
display: block; }
.site-navigation.subnavigation input:checked + .wrapper .menu-button-subnavigation {
background-color: #E54E41; }
.site-navigation.subnavigation input:checked + .wrapper .menu-button-subnavigation .icon {
transform: rotate(-180deg); }
.site-navigation.subnavigation label {
margin-left: auto;
flex-shrink: 0;
flex-grow: 0;
cursor: pointer;
margin-bottom: auto; }
.site-navigation.subnavigation .menu li:not(.current-menu-item) {
display: none; }
.site-navigation.subnavigation .menu-button-subnavigation {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
background-color: #0095DB;
border-radius: 50%; }
.site-navigation.subnavigation .menu-button-subnavigation:hover {
background-color: #E54E41; }
.site-navigation.subnavigation .menu-button-subnavigation .icon {
display: block;
width: 26px;
height: 26px;
-webkit-mask: url(//hydroleduc.com/acces-client/wp-content/themes/bc_wp_hydroleduc/assets/images/angle-down.svg);
mask: url(//hydroleduc.com/acces-client/wp-content/themes/bc_wp_hydroleduc/assets/images/angle-down.svg);
background-color: #fff; }
.page .section .content.columned.col-3 {
-moz-column-count: 1;
column-count: 1; }
.section h2 {
font-size: 28px !important; }
.section-hero .wrapper-baseline {
font-size: 18px;
padding: 1.5rem 1rem; }
.button {
padding: .5rem 1rem; }
.site-navigation.subnavigation ul {
display: initial; }
.site-mobile-menu-container {
padding: 1rem; }
.site-mobile-menu-container .site-langs {
display: initial;
width: 50%;
margin: 3rem auto 0; }
.site-mobile-menu-container .site-langs .select2-container {
width: 100% !important; }
.section-hero {
height: 50vh; }
.section-hero .wrapper-video video {
position: relative;
left: 0;
top: 0;
transform: none;
width: 100%; }
.section-hero .button-icon {
display: none; }
.section-hero:after {
content: none; }
.section h2 {
font-size: 2.5rem; }
.section.business-presentation {
padding: 4rem 2rem; }
.section.business-presentation .button {
margin-bottom: 4rem; }
.site-header {
flex-wrap: wrap; }
.site-header .site-logo img {
width: 100px; }
.site-header .site-langs {
display: none; }
.site-header .site-search button {
padding: 1rem 0 1rem 1rem; }
.site-footer {
padding: 2rem 2rem 0; }
.site-footer .wrapper-certifications .inner,
.site-footer .site-subfooter,
.site-footer .site-subfooter .menu {
flex-wrap: wrap; }
.site-footer .wrapper-certifications .inner {
padding: 1rem; }
.site-footer .wrapper-certifications .inner .widget_text {
padding-bottom: 1rem; }
.site-footer .wrapper-certifications .inner .widget_text p:first-child {
width: 30%; }
.site-footer .wrapper-certifications .inner .widget_text p:last-child {
width: 70%;
padding-left: 1rem; }
.site-footer .wrapper-certifications .inner .widget_text:last-child {
padding-bottom: 0; }
.site-footer .site-subfooter {
padding: 2rem;
width: calc(100% + 4rem);
transform: translateX(-2rem); }
.site-footer .signature {
padding-left: 0;
display: inline-block; }
.page-head {
padding: 2rem; }
.page-head h1 {
font-size: 2rem; } }