/*
Theme Name:   ubeo-theme-child
Theme URI:    http://www.ubeo.ca
Description:  Ubeo Child Theme
Author:       Ubeo team
Author URI:   http://www.ubeo.ca/
Template:     ubeo-theme
Version:      2.0.0
Text Domain:  ubeo-theme-child
*/
@media screen and (min-width: 1002px) {
    body.single-courses #top_page {
        height: 0;
    }
    .tutor-wrap {
        padding-left: 202px;
    }
    .tutor-wrap > div {
        padding-left: 3.5% !important;
        padding-right: 3.5% !important;
    }
	#btn_top, #mobi_links, #btn_search_close, .search_spacer, #search_text, .menu-home, #footer_mobi {
		display: none !important;
	}
	textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
		font-size: 14px;
	}
	#header {
		position: fixed;
		top: 0;
		left: 0;
		width: 200px;
		padding-top: 0;
		height: 100vh;
		background: #fff url("images/tri_corner.png") 140px bottom no-repeat;
		border-right: solid 2px #bcbcbc;
	}
	#header .rel_for_desktop {
		position: relative;
		height: 100vh;
	}
	.spacer_logo {
		height: 3vh;
	}
	#main_logo {
		display: block;
		width: 90%;
		max-width: 315px;
		margin: 0 auto 3vh;
	}
	#search_box {
		display: block;
		padding: 0 0 3vh 0;
		border: none;
	}
	#form_search {
		margin: 0;
	}
	#search_form_submit {
		background: transparent url("images/ico_search.png") center center no-repeat;
		-webkit-background-size: 26px 26px;
		-moz-background-size: 26px 26px;
		-o-background-size: 26px 26px;
		background-size: 26px 26px;
	}
	#search_form_submit:hover {
		background: #ec3e42 url("images/ico_search_hover.png") center center no-repeat;
		-webkit-background-size: 26px 26px;
		-moz-background-size: 26px 26px;
		-o-background-size: 26px 26px;
		background-size: 26px 26px;
	}
	#footer_desktop {
		display: block;
		font-size: 12px;
		line-height: 18px;
		padding: 0 15px;
		position: absolute;
		left: 0;
		bottom: 1vh;
		color: #ababab;
	}
	#footer_desktop p {
		margin-bottom: 1.5vh;
	}
	a.footer_FB {
		font-size: 26px;
	}
	a.footer_FB, #footer_desktop a {
		color: #ababab;
	}
	a.footer_FB:hover, #footer_desktop a:hover {
		color: #18ada4;
	}
	#main_banner, .page_banner {
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
	}
	body.home #top_page, #position_banner {
		height: 34vw;
		box-sizing: border-box;
	}
	#top_page, .page_banner {
		height: 17.5vw;
		overflow: hidden;
		box-sizing: border-box;
	}
	/*------------------------------------------*\
	\*------------------------------------------*/
    /*.menu-item:hover > ul.sub-menu {
        display: grid;
    }*/
	#menu, #menu ul.nav-list {
		background: transparent;
	}
	.nav {
		position: static;
	}
	.menu-item {
		border-top: none;
		display: block;
		position: static;
	}
	ul.sub-menu li, ul.sub-menu li ul.sub-menu li {
		border-top: none;
	}
	.menu-item.menu-news a, .menu-item.menu-links a, .menu-item.menu-contact a, .menu-item.menu-back-home a {
		text-transform: none;
		padding: 0.3vh 15px;
	}
	.menu-item.menu-big {
		background: url("images/line_grey.png") 15px bottom no-repeat;
	}
	.menu-big.menu-tourisme {
		margin-bottom: 4vh;
	}
	.menu-item.menu-big > a {
		position: relative;
	}
	.menu-item.menu-big > a:after {
		display: block;
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -11px;
		height: 22px;
		line-height: 22px;
		font-family: "Font Awesome\ 5 Pro";
		content: '\f105';
		color: #18ada4;
	}
	.menu-item a {
		display: block;
		text-align: left;
		color: #333;
		font-size: 14px;
		line-height: 17px;
		padding: 0.3vh 15px;
	}
	.menu-item > a:hover,
	.nav-list > li:hover > a,
	li.menu-item.current-menu-ancestor > a,
	li.menu-item.current-menu-ancestor li.menu-item.current-menu-ancestor > a {
		color: #fff;
		background-color: #747474;
	}
	.nav-list > li:hover > a:after,
	.menu-item.menu-big a:hover:after,
	li.menu-item.current-menu-ancestor > a:after {
		color: #fff;
	}
	.menu-item.menu-news a:hover, .menu-item.menu-links a:hover, .menu-item.menu-contact a:hover, .menu-item.menu-back-home a:hover {
		color: #18ada4;
		background: transparent;
	}


    ul.nav-list > .menu-item > .sub-menu {
        /*grid-template-columns: 1fr 1fr 1fr;*/
        max-height: calc(100vh - 45px);
        min-height: calc(100vh - 45px);
        height: calc(100vh - 45px);
        overflow-y: auto;
    }
    ul.nav-list > .menu-item.menu-amenag > .sub-menu {
        columns: 3;
        width: calc(100vw - 200px);
        /*flex-direction: column;
        flex-wrap: wrap;*/
    }
    ul.nav-list > .menu-item.menu-amenag:hover > .sub-menu {
        /*display: flex;*/
        display: block;
    }
    ul.nav-list > .menu-item.menu-amenag > .sub-menu > li.menu-item {
        width: 25%;
        width: 100%;
    }
    /*ul.nav-list > .menu-mrc.menu-item > .sub-menu {
        columns: 1;
    }*/
    ul.nav-list > .menu-mrc.menu-item > .sub-menu > .menu-item {
        display: inline-block;
        width: 33.3%;
        float: left;
    }
    ul.nav-list > .menu-item:hover > .sub-menu .sub-menu {
        columns: 1;
    }
    ul.nav-list > .menu-item > .sub-menu .sub-menu {
        columns: 1;
    }
    ul.nav-list > .menu-item > .sub-menu .sub-menu .sub-menu  {
        columns: 1;
    }

    /*menu MRC*/
    /*ul.nav-list > .menu-mrc.menu-item > .sub-menu {
        columns: 3;
    }
    ul.nav-list > .menu-mrc.menu-item > .sub-menu .sub-menu {
        columns: 1;
    }*/


    ul.nav-list > .menu-item.menu-1level > .sub-menu {
        columns: 1;
    }
	ul.sub-menu {
		width: 825px;
		/*min-height: 500px;*/
		padding-top: 20px;
		padding-bottom: 10px;
		left: 100%;
		top: 0;
		background: #747474;
	}
	.menu-mrc > ul.sub-menu {
		background: #747474 url("images/bg_menu_mrc.jpg") left bottom no-repeat;
	}
	.menu-culture > ul.sub-menu {
		background: #747474 url("images/bg_menu_culture.jpg") left bottom no-repeat;
	}
	.menu-econo > ul.sub-menu {
		background: #747474 url("images/bg_menu_economique.jpg") left bottom no-repeat;
	}
	.menu-amenag > ul.sub-menu {
		background: #747474 url("images/bg_menu_territoire.jpg") left bottom no-repeat;
	}
	.menu-tourisme > ul.sub-menu {
		background: #747474 url("images/bg_menu_tourisme.jpg") left bottom no-repeat;
	}
	ul.sub-menu ul.sub-menu {
		padding-top: 5px;
	}
	.menu-1level ul.sub-menu {
		width: 268px;
	}
	.menu-2level ul.sub-menu {
		width: 536px;
	}
	.menu-item.menu-yellow > a,
	.menu-item.menu-yellow.menu-section > a:hover {
        font-size: 14px !important;
        text-transform: uppercase !important;
		color: #cdda3e !important;
		background: url("images/line.png") 15px bottom no-repeat !important;
	}
	.menu-item.menu-yellow > a:hover {
		color: #fff !important;
	}
    .force_min_230 {
        min-height: 230px;
    }
	.menu-item.menu-section {
		display: inline-block;
		/*width: 268px;
		float: left;*/
	}
	.menu-1level ul.sub-menu li {
		display: inline-block;
		width: auto;
		float: left;
		clear: left;
	}
	ul.sub-menu ul.sub-menu {
		position: static;
		display: block !important;
		width: 100%;
		min-height: 10px;
		background: none;
	}
	ul.sub-menu ul.sub-menu li.current-menu-item a {
		color: #cdda3e !important;
	}
	ul.sub-menu ul.sub-menu a {
		color: #fff;
		background: transparent;
		text-transform: none;
	}
	ul.sub-menu ul.sub-menu a:hover {
		color: #cdda3e;
		background: none !important;
	}
	.nav-list li.menu-label {
		display: block !important;
		width: 100% !important;
	}
	.nav-list li.menu-label > a {
		display: block;
		font-size: 1.1rem;
		line-height: 1.3em;
		color: #fff;
		font-weight: 700;
	}
	.nav-list li.menu-label > a:hover {
		background: none !important;
	}
	.nav-list li.menu-label > a img {
		width: 38px;
		margin-right: 8px;
	}
	#main_banner #position_banner, .page_banner, .breadcrumb_wrapper, .main, #footer {
		padding-left: 202px;
	}
	.infolettre_form_container {
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-gap: 15px 20px;
	}
	.infolettre_form_container > div:first-child {
		grid-column-start: 1;
		grid-column-end: 3;
	}
	.infolettre_form_container form {
		grid-gap: 15px 20px;
	}
}
@media screen and (min-width: 1002px) and (max-height: 700px) {
	#main_logo {
		width: 60%;
	}
	/*.footer_FB {
		display: none;
	}*/
}





@media screen and (min-width: 1002px) and (max-height: 750px) {
    /*ul.nav-list > .menu-item > .sub-menu {
        max-height: calc(100vh - 45px);
        overflow: auto;
    }*/
	/*#search_box {
		display: none;
	}*/
    /*#menu-arterre {
        height: calc(100vh - 265px);
        overflow: auto;
        border-bottom: solid 2px #e1e1e1;
    }*/
}





@media screen and (min-width: 1200px) {
	.page_banner img {
		width: 100%;
		max-width: 160%;
	}
	#menu .window_padding {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.panel-row-style, .window_padding {
		padding-left: 4% !important;
		padding-right: 4% !important;
	}
	ul.sub-menu {
		padding-left: 20px;
		padding-right: 20px;
	}
	ul.sub-menu ul.sub-menu {
		padding-left: 0;
		padding-right: 0;
	}
    .menu-item.menu-section {
        width: 250px;
    }
	a.lien-pdf, a.lien-ext, a.lien-vert,
	.lien-pdf.panel-widget-style h6 a,
	.lien-pdf.panel-widget-style .styleH6 a,
	.lien-ext.panel-widget-style h6 a,
	.lien-ext.panel-widget-style .styleH6 a,
	.lien-vert.panel-widget-style h6 a,
	.lien-vert.panel-widget-style .styleH6 a {
		max-width: 400px;
	}
    .row_team .textwidget h4 {
        padding-left: 36px;
    }
    .row_team .textwidget h4:before {
        display: block;
        content: '';
        width: 20px;
        height: 2px;
        position: absolute;
        left: 0;
        top: 50%;
        background: white;
    }
}




@media screen and (min-width: 1400px) {
	body, html {
		font-size: 17px;
		line-height: 24px;
	}
	h1, h2 {
		font-size: 2rem;
		margin-bottom: 20px;
	}
	h3 {
		font-size: 1.6rem;
		margin-bottom: 25px;
	}
	h4 {
		font-size: 1.4rem;
		margin-bottom: 25px;
	}

    .tutor-wrap {
        padding-left: 282px;
    }
    .tutor-wrap > div {
        padding-left: 7% !important;
        padding-right: 7% !important;
    }


	.panel-row-style, .window_padding {
		padding-left: 7% !important;
		padding-right: 7% !important;
	}
	#header {
		width: 280px;
	}
	#main_banner #position_banner, .page_banner, .breadcrumb_wrapper, .main, #footer {
		padding-left: 282px;
	}
	#etchemins_quebec {
		background: #18ada4;
	}
	#etchemins_quebec .textwidget {
		position: relative;
		top: -60px;
	}
	ul.sub-menu {
		width: 1010px;
	}
	.menu-1level ul.sub-menu, .menu-item.menu-section {
        width: 312px;
	}
	.menu-2level ul.sub-menu {
		width: 656px;
	}
	.menu-item.menu-big > a::after {
		right: 15px;
	}
	.menu-item.menu-big > a {
		min-height: 38px;
		padding-left: 55px;
		padding-right: 20px;
		background-repeat: no-repeat !important;
		background-position: 6px center !important;
	}
	.menu-1line.menu-item.menu-big > a {
		line-height: 38px;
	}
	.menu-mrc > a {
		background-image: url("images/ico_mrc.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-culture > a {
		background-image: url("images/ico_culture.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-econo > a {
		background-image: url("images/ico_economique.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-amenag > a {
		background-image: url("images/ico_territoire.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-tourisme > a {
		background-image: url("images/ico_tourisme.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-item.menu-mrc > a:hover,
	.nav-list > li.menu-item.menu-mrc:hover > a {
		background-image: url("images/ico_mrc_on.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-item.menu-culture > a:hover,
	.nav-list > li.menu-item.menu-culture:hover > a {
		background-image: url("images/ico_culture_on.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-item.menu-econo > a:hover,
	.nav-list > li.menu-item.menu-econo:hover > a {
		background-image: url("images/ico_economique_on.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-item.menu-amenag > a:hover,
	.nav-list > li.menu-item.menu-amenag:hover > a {
		background-image: url("images/ico_territoire_on.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.menu-item.menu-tourisme > a:hover,
	.nav-list > li.menu-item.menu-tourisme:hover > a {
		background-image: url("images/ico_tourisme_on.png") !important;
		-webkit-background-size: 38px 38px !important;
		-moz-background-size: 38px 38px !important;
		-o-background-size: 38px 38px !important;
		background-size: 38px 38px !important;
	}
	.nav li.menu-news, .nav li.menu-links, .nav li.menu-contact, .nav li.menu-back-home {
		padding-left: 32px;
		line-height: 26px;
		margin-bottom: 0.3vh;
	}
	.menu-news {
		background: url("images/ico_actualite.png") 6px center no-repeat;
		-webkit-background-size: 26px 26px;
		-moz-background-size: 26px 26px;
		-o-background-size: 26px 26px;
		background-size: 26px 26px;
	}
	.menu-links {
		background: url("images/ico_liens.png") 6px center no-repeat;
		-webkit-background-size: 26px 26px;
		-moz-background-size: 26px 26px;
		-o-background-size: 26px 26px;
		background-size: 26px 26px;
	}
	.menu-contact {
		background: url("images/ico_joindre.png") 6px center no-repeat;
		-webkit-background-size: 26px 26px;
		-moz-background-size: 26px 26px;
		-o-background-size: 26px 26px;
		background-size: 26px 26px;
	}
	.menu-back-home {
		background: url("images/ico_back_home.png") 6px center no-repeat;
		-webkit-background-size: 26px 26px;
		-moz-background-size: 26px 26px;
		-o-background-size: 26px 26px;
		background-size: 26px 26px;
	}
	.tbl_vision table {
		width: 290px;
	}
	.pad_top_row {
		padding-top: 55px;
	}
	.gradient_box .textwidget {
		padding: 55px 8% 30px;
	}
    .row_team .textwidget h4 {
        font-size: 1.1rem;
    }
    .panel-row-style.row_team,
    .panel-widget-style.row_team {
        padding-left: 75px !important;
    }
    .team_wrap {
        position: relative;
    }
    .category_team {
        position: absolute;
        left: 7%;
        top: 0;
        padding: 0;
        width: 50px;
        min-height: 260px;
        height: calc(100% - 60px);
    }
    .team_half .category_team {
        left: 0;
    }
    .category_team div {
        white-space: nowrap;
        display: block;
        position: absolute;
        right: 0;
        top: -30px;
        line-height: 50px;
        transform-origin: right bottom;
        transform: rotate(-90deg);
    }
    .municipalites_row > div {
        width: calc(25% - ( 0.75 * 30px ) ) !important;
    }
    .brochure_info .textwidget {
        position: relative;
        padding-left: 137px;
    }
    .brochure_info .textwidget p:first-child {
        position: absolute;
        left: 0;
        top: 0;
    }
    .brochure_info .textwidget h6 a,
    .brochure_info .textwidget .styleH6 a {
        display: inline-block;
    }
    .listing_jobs .is_item {
        margin-bottom: 26px;
        display: flex;
        justify-content: space-between;
    }
    .listing_jobs .is_item div:last-child {
        white-space: nowrap;
        margin-left: 30px;
    }
}




@media screen and (min-width: 1800px) {
	#header {
		width: 360px;
		background: #fff url("images/tri_corner.png") right bottom no-repeat;
	}
	.page_banner, .breadcrumb_wrapper, .main, #footer {
		padding-left: 362px;
	}
	ul.sub-menu {
		width: 1164px;
		min-height: 34vw;
	}
	.menu-1level ul.sub-menu, .menu-item.menu-section {
		width: 368px;
	}
	.menu-2level ul.sub-menu {
		width: 776px;
	}
	.menu-item.menu-big {
		background: url("images/line_grey.png") 52px bottom no-repeat;
	}
	.menu-item.menu-big > a {
		padding-left: 80px;
		padding-right: 65px;
		font-size: 16px;
		line-height: 24px;
		background-position: 16px center !important;
	}
	.nav li.menu-news, .nav li.menu-links, .nav li.menu-contact, .nav li.menu-back-home {
		padding-left: 52px;
		background-position: 24px center;
	}

    .tutor-wrap {
        padding-left: 362px;
    }


	#footer_desktop {
		padding-left: 26px;
	}
}