.subsite-header {height: 375px;  position: relative; background-image: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC-ecole/images/banner-bg.jpg); background-repeat: no-repeat;}
.subsite-header>.container {display: flex; align-items: center; height: 100%}
.subsite-entete-img {position: absolute; right: 0; top: 0; width: 60%; height: 100%;}
.subsite-entete-img:before {content: ""; position: absolute; top:0; left: -11px; width: 100%; height: 100%; background: rgb(122,194,234); background: linear-gradient(133deg, rgba(122,194,234,1) 0%, rgba(7,42,104,1) 100%);}
.subsite-entete-img img { max-height: 100%; height: 100%!important; object-fit: cover; width: 100%;}
.subsite-entete-img:before, .subsite-entete-img img {-webkit-mask: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC-ecole/images/banner-mask.png) center/100% 100%;  -webkit-mask-repeat:no-repeat;}
.subsite-header-title {width: min(36%, 500px);}
.ecole-type {font-family: 'Roboto', sans-serif; font-size: 2.2em; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 1em; letter-spacing: 0.2em; margin-bottom: 5px;}
.ecole-name h2 {font-family: 'Roboto', sans-serif; font-style: italic; font-weight: 400; line-height: 1em; font-size: 3.8em; color: #fff!important; margin-bottom: 0;}
.subsite-menu-wrapper ul li a {position: relative;}
.subsite-menu-wrapper ul li.current-menu-item a {color: var(--main-yellow);}
.subsite-menu-wrapper ul li.current-menu-item a:after { z-index: -1; position: absolute; width: 42px; height: 38px; transform: translateY(-50%); top: 47%; left: 10px; content: ""; background-image: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC-ecole/images/icon-ecole-menu-secondary-active.png); background-repeat: no-repeat; } .subsite-container {display: flex; flex-direction: row;}
.subsite-content {width: min(calc(100% - 290px), calc(100% - 20%));}
.subsite-sidebar {width: max(290px, 20%); background-color: #103370; padding: 100px 25px 30px 25px;}
.elementor[data-elementor-type='wp-page'] > .e-con:first-child {--padding-top: 50px;}
.subsite-content .container { margin-right: 0;}
.subsite-content .elementor[data-elementor-type='wp-page'] > .e-con > .e-con-inner {margin-right: 0;}
.header-title {background: none;}
.header-title h1 {position: relative; color: var(--main-dark-blue)!important; text-align: center;}
.header-title h1:after {content: ""; position: absolute; top: calc(100% + 5px); left: 50%; transform: translateX(-50%); width: 200px; height: 3px; background-color: var(--main-dark-blue);} .subsite-sidebar, .subsite-sidebar a {color: #fff;}
.subsite-mobile-header {display: none;}
.widget_nav_menu a {transition: all 0.35s; display: inline-block; font-size: 1.05em; font-weight: 300;}
.widget_nav_menu a:before {content: "\f101"; margin-right: 8px; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.widget_nav_menu li:not(:last-child) {margin-bottom: 10px;}
.widget_nav_menu a:hover {color: var(--main-light-blue); transform: translateX(10px);}
.widget_nav_menu>div, .widget_search form, .widget_text p:last-child {margin-bottom: 50px;}
.widget_text {font-weight: 300;}
.subsite-sidebar h3 {color: var(--main-light-blue);}
.wp-block-search__button {font-size: 0!important; background: none!important; padding: 0!important; cursor: pointer; transition: all 0.35s; border: none;}
.wp-block-search__button:before {content: "\f002"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 35px; color: #7ac2ea;}
.wp-block-search__button:hover {color: #fff;}
.subsite-sidebar input[type=search] {background: transparent; color: #fff; font-size: 18px; border: none!important; box-shadow: unset!important; padding: 2px 5px 2px 0!important;  outline: none!important;}
.widget_search {position: relative;}
.widget_search:before {content: ""; position: absolute; height: 1px; width: 92%; background-color: #fff; left: 0; top: 100%;}
.subsite-sidebar ::placeholder {color: #fff; }
.subsite-sidebar .menu li.current-menu-item a {color: var(--main-yellow); transform: translateX(10px);} .subsite-menu-wrapper {background-color: #032156; position: relative;}
.subsite-menu-wrapper ul {display: flex; flex-direction: row;}
.subsite-menu-wrapper a {display: block; color: #fff; text-transform: uppercase; font-size: 1.55em; line-height: 1em; font-weight: bold; font-family: 'Roboto', sans-serif; padding: 30px 30px; transition: all 0.35s; z-index: 0;}
.subsite-menu-wrapper a.current-menu-item, .subsite-menu-wrapper a:hover {color: var(--main-light-blue);}
.subsite-menu-wrapper:after {content: ""; display: block; width: calc(99.1vw - min(1450px, 94vw) - 0px - ((99.1vw - min(1450px, 94vw)) / 2 )); height: 100%; position: absolute; left: 100%; top: 0; background-color: #032156; z-index: -1;}
.subsite-menu-wrapper + .container, .subsite-menu-wrapper + .header-title {margin-top: 50px;}
.home_banner_wrapper {display: none!important;} .ecole-welcome:after {content: ""!important; display: block; position: absolute; right: calc(100% + 10px); top: 0; background-image: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC-ecole/images/montagne.png); background-repeat: no-repeat; background-size: contain; width: min(71px, 6%); height: 181px;} .subsite-footr-img {position: relative; max-height: 510px;}
.subsite-footr-img img {height: 100%; width: 100%; object-fit: cover;}
.subsite-footr-img:before {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 1250px; background-image: url(//csscc.gouv.qc.ca/des-prospecteurs/wp-content/themes/CSSCC-ecole/images/page-bg.png); background-repeat: no-repeat; z-index: -2;}  .subsite-home-multimg {display: flex; flex-direction: column; position: relative; padding-bottom: min(160px, 15vw);}
.home-multimg-img1 {margin-bottom: 30px;}
.home-multimg-img1 img {width: 75%;}
.home-multimg-img1 img, .home-multimg-img2 img {border-radius: 12px!important; }
.home-multimg-img3  {max-width: 35%}
.home-multimg-img2  {position: absolute; right: 0; bottom: 0; width: 60%;}