/*
Theme Name: Très-Saint-Rédempteur
Theme URI: http://tressaintredempteur.ca/
Version: 2.4
Description: Child theme made from Divi by Elegant Themes.
Author: Acxcom
Author URI: http://www.acxcom.com
Template: Divi

*/
/*------------------------------------------------*/
@import url("../Divi/style.css");
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700);

.menu-item.proces-verbaux .sub-menu {
    visibility: hidden !important;
    opacity:0!important;
    transition: all 0.2s !important;
}
.menu-item.urbanisme .sub-menu {
    visibility: hidden !important;
    opacity:0!important;
    transition: all 0.2s !important;
}


.menu-item.proces-verbaux:hover .sub-menu {
    visibility: visible !important;
    opacity:1 !important;
    transition: all 0.7s !important;
}
.menu-item.urbanisme:hover .sub-menu {
    visibility: visible !important;
    opacity:1 !important;
    transition: all 0.7s !important;
}
.tsr-avis-publics a{
color:#fff;
}

h1 { font-size: 40px !important; }
sup { font-size: 50%; }
a.btn, #wysija-2 input[type="submit"], #wysija-3 input[type="submit"] {
    background: #018751 none repeat scroll 0 0;
	border: medium none;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
	margin-bottom: 10px;
    padding: 10px 30px;
    text-decoration: none !important;
}
a.btn:hover, #wysija-2 input[type="submit"]:hover, #wysija-3 input[type="submit"]:hover {
	background: #016c41 none repeat scroll 0 0;
}
a.btn.fw {
    width: 100%;
    text-align: center;
	color: #fff !important;
}
#top-menu .menu-item-has-children > a:first-child::after, .fullwidth-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after {
    content: "";
}
#top-menu .menu-item-has-children > a:first-child, .fullwidth-menu .menu-item-has-children > a:first-child, #et-secondary-nav .menu-item-has-children > a:first-child {
    padding-right: 0;
}
#top-menu li.parent, .fullwidth-menu li.parent {
  float: left;
  height: 48px;
  max-height: 48px !important;
  border-right: 1px solid #FFF;
  padding-right: 0;
  padding-top: 10px;
  text-align: center;
  vertical-align: bottom;
  width: 178px;
}
#top-menu li.parent:last-child {border-right:none;}
.parent.tsr-first > a, .parent.tsr-second > a, .parent.tsr-third > a, .parent.tsr-fourth > a, .parent.tsr-fifth > a {
	color: #ffffff !important;
}
.parent.tsr-first {
    background: #2c6486 none repeat scroll 0 0 !important;
}
.parent.tsr-second {
    background: #00929f none repeat scroll 0 0 !important;
}
.parent.tsr-third {
    background: #018752 none repeat scroll 0 0 !important;
}
.parent.tsr-fourth {
    background: #5d9731 none repeat scroll 0 0 !important;
}
.parent.tsr-fifth {
    background: #bb8c0a none repeat scroll 0 0 !important;
}
.logo_container img {
    margin-left: -12px;
    margin-top: -12px;
}
nav#top-menu-nav {
    margin-right: -30px;
}
#et-secondary-menu {
    float: right;
    margin-bottom: -2px;
    margin-top: 2px;
}
#et-secondary-nav li a::after {
    content: "|";
    padding-left: 10px;
}
#et-secondary-nav li.menu-item-177 a::after {
	content:"";
	padding-left:0;
}
#et-secondary-nav li {
    margin-right: 10px;
}

#tsr_news_title_1, #tsr_news_title_2, #tsr_news_title_3, #tsr_news_title_4 {
    width: 100%;
}
#tsr_news_title_1 h3 {
    background: #2c6486 none repeat scroll 0 0;
}
#tsr_news_title_2 h3 {
    background: #00929F none repeat scroll 0 0;
}
#tsr_news_title_3 h3 {
    background: #018752 none repeat scroll 0 0;
}
#tsr_news_title_1 h3, #tsr_news_title_2 h3, #tsr_news_title_3 h3, #tsr_news_title_4 h3 {
    color: #fff;
    padding: 10px 18px;
    width: 100%;
}
.tsr-home-news .et_pb_row {

	width: 100% !important;
}
.page-template-page-sidebar .et_pb_section > .et_pb_row {
	width: 100% !important;
}
.et_right_sidebar #sidebar {
    padding-left: 0;
}
#main-content .container::before {
    background-color: #fff;
}
.page.et_pb_pagebuilder_layout #main-content {
    background-color: rgba(255, 255, 255, 1) !important;
}
#recent-posts-2, #recent-posts-3, #tsr-recent-posts-3, #archives-2, #wp_views-3 {
    background: #ebebeb none repeat scroll 0 0;
    padding: 20px;
    margin-bottom: 30px;
}
#wysija-2, #wysija-3 {
    background: #b1bb1e none repeat scroll 0 0;
    padding: 20px;
}
#wysija-2 input[type="text"], #wysija-3 input[type="text"] {
    margin-top: 10px;
    width: 100%;
}
.tsr-site-description {
    font-family: 'Roboto Slab', serif;
    font-size: 24px;
    font-weight: bold;
    left: 226px;
    line-height: 28px;
    position: absolute;
    top: 8px;
}
.tsr-quoi-de-neuf {
    left: 550px;
    top: 10px;
}
.et_pb_widget_area_right {
    border-left: none;
}
#main-footer {
    font-size: 14px;
}
.footer-widget {
    margin-bottom: 40px !important;
    margin-top: -10px !important;
}
#recent-posts-2 .widgettitle, #recent-posts-3 .widgettitle, #archives-2 .widgettitle, #tsr-recent-posts-3 .widgettitle {
    border-bottom: 2px solid #333;
}
.widgettitle {
    border-bottom: 2px solid #fff;
    color: #333;
    margin-bottom: 20px;
    width: 107.5%;
}
.act-btn {
    margin-top: 15px !important;
    color: #fff !important;
    font-size: 14px;
    padding: 10px 15px !important;
}
#activite-widget a {
    margin-bottom: 10px;
    display: block;
}
#wp_views-3 .widgettitle {
    border-bottom: 2px solid #000;
}
#main-header {
    box-shadow: none;
	margin-top:0 !important;
}
#footer-widgets .footer-widget li::before {
    content: none;
}
#footer-widgets .footer-widget li {
    padding-left: 0;
}
#footer-widgets .footer-widget li a {
    color: #fff!important;
}
#footer-widgets .footer-widget li a:hover {
    color: #888888!important;
}
.footer-widget .widget_nav_menu {
    border-right: 1px solid #f1f1f1;
    min-height: 254px;
    min-width: 94%;
}
.footer-widget strong {
    color: #b1bb1e;
}
.footer-widget a {
    color: #fff;
}
.footer-widget a:hover {
    color: #888888;
}
#footer-credit {
	color: #fff;
	float: right;
}
#footer-credit a {
	color: #b1bb1e;
}


/*Fusion code start*/
#top-menu-nav ul li a{
	padding-bottom:8px !important;
}

.nav#top-menu-nav, #top-menu, nav.fullwidth-menu-nav, .fullwidth-menu {
    float: none;
    /*position: relative !important;*/
}
.nav li {
	position:static !important;
}
.nav li ul{
	width:100% !important;
	/*left:-230px;*/
	/*width:1120px !important;*/
	left:0;
	padding:0px;

}
#top-menu li, .fullwidth-menu li {
    padding-right: 0px;
}
#top-menu li li, .nav li li{
	padding:0px;
}
#top-menu li li a, .fullwidth-menu li li a {
    line-height: 1;
	width:auto;
    padding-top: 21px;
}
.tsr-first ul{
background-color:#2C6486 !important;
}

.tsr-first ul a{
	color:#ddd !important;
	text-align: center !important;
    text-transform: uppercase !important;
    width: 176px !important;
	margin:20px 0px;
}
.tsr-first ul li{
	border-right: 1px solid #ddd;
	padding: 50px 0 8px !important;
}
.tsr-first ul li:last-child {
	border-right: none;
}


.tsr-second ul{
	background-color:#00929F !important;
}
.tsr-second ul li:last-child{
	border-right: none;
}
.tsr-second ul li{
border-right: 1px solid #ddd;
padding: 50px 0 8px !important;
}

.tsr-second ul a{
	color:#ddd !important;

    text-align: center !important;
    text-transform: uppercase !important;
    width: 176px !important;
	margin:20px 0px;
}

.tsr-third ul{
	background-color:#018751 !important;

}
.tsr-third ul li:last-child{
	border-right: none;
}
.tsr-third ul li{
border-right: 1px solid #ddd;
padding: 50px 0 8px !important;
}

.tsr-third ul a{
	color:#ddd !important;
	text-align: center !important;
    text-transform: uppercase !important;
    width: 176px !important;
	margin:20px 0px;
}

.tsr-fourth ul{
	background-color:#5D9731 !important;
}
.tsr-fourth ul li:last-child a{
	border-right: none;
}
.tsr-fourth ul li{
border-right: 1px solid #ddd;
padding: 50px 0 8px !important;
}

.tsr-fourth ul a{
	color:#ddd !important;
	text-align: center !important;
    text-transform: uppercase !important;
    width: 176px !important;
	margin:20px 0px;
}

.tsr-fifth ul{
	background-color:#BB8C0A !important;
}
.tsr-fifth ul li:last-child {
	border-right: none;
}
.tsr-fifth ul li{
border-right: 1px solid #ddd;
padding: 50px 0 8px !important;
}

.tsr-fifth ul a{
	color:#ddd !important;

    text-align: center !important;
    text-transform: uppercase !important;
    width: 176px !important;
	margin:20px 0px;
}
.nav li ul{
	border-top:none !important;
}

#top-menu li.parent, .fullwidth-menu li.parent{
	margin-left:0px;
}

.conseil-municipal {
background: rgba(0, 0, 0, 0) url("images/icon-conseil-municipal.png") no-repeat scroll center top;
}
.mot-du-maire {
background: rgba(0, 0, 0, 0) url("images/icon-mot-du-maire.png") no-repeat scroll center top;
}
.direction-generale {
background: rgba(0, 0, 0, 0) url("images/icon-direction.png") no-repeat scroll center top;
}
.contrats-municipaux {
background: rgba(0, 0, 0, 0) url("images/icon-contrats-municipaux.png") no-repeat scroll center top;
}
.proces-verbaux {
background: rgba(0, 0, 0, 0) url("images/icon-proces-verbal.png") no-repeat scroll center top;
}
.taxation {
background: rgba(0, 0, 0, 0) url("images/taxation.png") no-repeat scroll center top;
}
.urbanisme {
background: rgba(0, 0, 0, 0) url("images/urbanisme.png") no-repeat scroll center top;
}
.voirie {
background: rgba(0, 0, 0, 0) url("images/voirie.png") no-repeat scroll center top;
}
.dechets-domestiques {
background: rgba(0, 0, 0, 0) url("images/dechets-domestiques.png") no-repeat scroll center top;
}
.incendie {
background: rgba(0, 0, 0, 0) url("images/incendie.png") no-repeat scroll center top;
}
.reglements {
background: rgba(0, 0, 0, 0) url("images/icon-reglements.png") no-repeat scroll center top;
}
.demandes-en-ligne {
background: rgba(0, 0, 0, 0) url("images/demandes-en-ligne.png") no-repeat scroll center top;
}
.service-loisirs {
background: rgba(0, 0, 0, 0) url("images/icon-service-des-loisirs.png") no-repeat scroll center top;
}
.activites-municipales {
background: rgba(0, 0, 0, 0) url("images/icon-activites.png") no-repeat scroll center top;
}
.bibliotheque {
background: rgba(0, 0, 0, 0) url("images/icon-bibliotheque.png") no-repeat scroll center top;
}
.parcs-et-sentiers {
background: rgba(0, 0, 0, 0) url("images/icon-parcs-et-sentiers.png") no-repeat scroll center top;
}
.location-de-salle {
background: rgba(0, 0, 0, 0) url("images/icon-location-de-salle.png") no-repeat scroll center top;
}
.pourquoi-tsr {
background: rgba(0, 0, 0, 0) url("images/icon-pourquoi-tsr.png") no-repeat scroll center top;
}
.services-proximite {
background: rgba(0, 0, 0, 0) url("images/icon-services.png") no-repeat scroll center top;
}
.projets-residentiels {
background: rgba(0, 0, 0, 0) url("images/icon-projets-residentiels.png") no-repeat scroll center top;
}
.avantages {
background: rgba(0, 0, 0, 0) url("images/icon-avantages.png") no-repeat scroll center top;
}
.repertoire {
background: rgba(0, 0, 0, 0) url("images/placeholder.png") no-repeat scroll center top;
}
.role-evaluation{
	background: rgba(0, 0, 0, 0) url("images/role-evaluation.png") no-repeat scroll center top;
}
.elections-municipales {
    background: rgba(0, 0, 0, 0) url("images/icon-elections-municipales.png") no-repeat scroll center top;
    display: inline-block !important;
}

/*Fusion code close*/

/* Kamal Kumar on 23-07-2015 */
.itsmenu ul li {
	background-position: center 30px;
	padding: 90px 0 8px !important;
	margin: 0 -1px 0 !important;
	vertical-align: top;
	position: relative;
	min-height: 170px;
	width: 14.23%;
}
.itsmenu ul li.urbanisme  {
	min-height: 0;
	max-height: 48px;
}
.itsmenu ul li a {
	background: rgba(0, 0, 0, 0.2);
	width: 100% !important;
	margin: 0 auto;
	bottom: -10px;
	height: 70px;
}
#et-main-area {
    padding-top: 158px;
	background:#FFF;
}
.documents {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #999;
	border-radius: 8px;
    padding: 30px !important;
}
.doc-item, .page-section-documents li {
	background:rgba(0, 0, 0, 0) url("images/download-small-icon.png") no-repeat scroll left center;
    padding: 10px 0 10px 45px;
}
.doc-item-link {
	background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2020/12/link-small-icon.png") no-repeat scroll left center;
    padding: 10px 0 10px 45px;
}
.pdf-dl {
	background:#f1f1f1 url("images/download-small-icon.png") no-repeat scroll 10px center;
    display: inline-block;
    padding: 10px 10px 10px 55px;
}
.alerte-jaune {
    background: #FFE769 none repeat scroll 0 0;
    border: 2px solid #BB8C0A;
	border-radius: 8px;
    display: block;
	font-weight: bold;
    padding: 30px;
}
.agrile .wp-caption {
    float: left;
    margin: 30px 5%;
	clear:both;
}
.no_style_type ul{
	list-style-type:none !important;
}
#left-area .et_pb_toggle ul{
	padding-left:46px;
}
.admin-municipale .et_pb_toggle_content strong, .entry-content .admin-municipale strong,  .admin-municipale .et_pb_toggle h5.et_pb_toggle_title, .admin-municipale h1, .admin-municipale h3 {
    color: #2C6486;
}
.services-citoyens .et_pb_toggle_content strong, .entry-content .services-citoyens strong,  .services-citoyens .et_pb_toggle h5.et_pb_toggle_title, .services-citoyens h1, .services-citoyens h3 {
    color: #00929f;
}
.serv-loisirs .et_pb_toggle_content strong, .entry-content .serv-loisirs strong,  .serv-loisirs .et_pb_toggle h5.et_pb_toggle_title, .serv-loisirs h1, .serv-loisirs h3 {
    color: #018751;
}
.seatsr .et_pb_toggle_content strong, .entry-content .seatsr strong,  .seatsr .et_pb_toggle h5.et_pb_toggle_title, .seatsr h1, .seatsr h3 {
    color: #5D9731;
}
.comm-ent .et_pb_toggle_content strong, .entry-content .comm-ent strong,  .comm-ent .et_pb_toggle h5.et_pb_toggle_title, .comm-ent h1, .comm-ent h3 {
    color: #BB8C0A;
}
.et-learn-more.clearfix.tsr_ce {
    border: medium none;
    margin-left: 320px;
    width: 690px;
}
.tsr_ce h3 {
    color: #bb8c0a !important;
    font-size: 22px !important;
}
.et-learn-more.tsr_ce h3.heading-more {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: medium none;
    border-top: medium none;
    text-shadow: none;
}
.ce-lc {
    display: block;
    margin-bottom: 30px;
}
.commerce-section {
    border-bottom: 1px solid #000;
    margin-bottom: 30px;
    overflow: auto;
    padding-bottom: 30px;
}
.commerce-section h5{
    color: #BB8C0A;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Open Sans';
}
.widget_search #searchsubmit {
    background-color: #018752;
    width: 100px;
}
.widget_search input#s {
    border: 1px solid #018752;
    color: #666;
}
.widget_search input#searchsubmit {
    border: 1px solid #018752;
    color: #fff;
}
.lire-suite {
    display: inline-block;
    margin-top: 10px;
}
.et_pb_gutter.et_pb_gutters1 #sidebar {
	margin-left: 0;
	padding-left: 0;
	width: 22.75%;
}
.et_pb_gutter.et_pb_gutters1 #left-area {
	margin-right: 0;
	padding-right: 3%;
	width: 77.25%;
}
.page-section-documents ul li{
	list-style-type:none;
}
.first-p-no-padding p:first-child{
	padding-bottom:0;
}
.first-p-no-padding p:first-of-type{
	padding-bottom:0;
}
.hidden-on-desktop{
	display:none;
}
.page-id-162 .et_pb_column_empty{
	background:transparent;
}
.crpw-date {
    font-size: 14px;
}
#left-area .post-meta {
	display: none;
}
.sub-menu .current-menu-item > a {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
}
.single .et_pb_row {
    width: 100% !important;
}
.single .et_pb_section_0 {
    padding-top: 30px !important;
}
.single .et_pb_section_0 .et_pb_row:first-child {
    padding-bottom: 0 !important;
	padding-top: 0 !important;
}
.single.et_monarch .et_pb_section .et_social_inline_top, .single.et_monarch .et_pb_section .et_social_inline_bottom {
    margin-bottom: 0 !important;
}
.municipale-en-ligne li {
    background: url("images/download-small-icon.png") no-repeat scroll left center;
    padding: 10px 0 10px 45px;
	list-style-type: none;
}
.municipale-en-ligne h5 {
	color: #666;
	padding-left: 20px;
}
.trs-member a {
    font-size: 14px;
}

/* Correction DIVI 3.13.1 */
.et_pb_column_2_3 .et_pb_row_inner.et_pb_gutters2 .et_pb_column_1_3,
.et_pb_gutters2 .et_pb_column_2_3 .et_pb_column_1_3 {
	width: 31.333%;
	margin-right: 3%;
}
li.proces-verbaux a {
    padding-right: 20px !important;
    padding-top: 15px !important;
}
li.urbanisme a {
    padding-right: 20px !important;
    padding-top: 15px !important;
}
.third-level-menu {
    background-color: #2c6486 !important;
    display:block !important;
	border-right: none !important;
}
.urbanisme .third-level-menu, .reglements .third-level-menu {
    background-color: #00929F !important;
}
.itsmenu ul li.third-level-menu {
    padding: 0 !important;
    margin: 0 -1px !important;
    vertical-align: top;
    position: absolute !important;
    min-height: 0;
    width: 172px;
}
.itsmenu ul li.third-level-menu:nth-child(2) {
    top: 35px;
}
.itsmenu ul li.third-level-menu:nth-child(3) {
    top: 70px;
}
.itsmenu ul li.third-level-menu:nth-child(4) {
    top: 105px;
}
.itsmenu ul li.third-level-menu a {
    background-color: rgba(0, 0, 0, 0);
    width: 100% !important;
    margin: 0 auto;
    bottom: 0;
    height: auto;
    padding: 12px !important;
}
.proces-verbaux .sub-menu.at-start-menu {
    position: relative;
    top: 10px;
    left: 0;
    width: 161px;
}
body:not(.page-id-103) .parent.itsmenu:not(.current-menu-parent) ul ul.sub-menu .third-level-menu, .page-id-103 .parent.itsmenu ul li.urbanisme ul.sub-menu .third-level-menu {
    display: none !important;
}
.urbanisme .sub-menu.at-start-menu {
    position: relative;
    top: 10px;
    left: 0;
    width: 161px;
}
.tsr-avis-publics {
    background-color: #2c6486 !important;
    display: block;
    padding: 8px 24px;
}
.tsr-avis-publics:hover {
    opacity: 0.85 !important;
}
.tsr-avis-publics a {
    color: #fff !important;
    text-transform: uppercase;
}
/* 23/01/2024 - NEW HEADER BUTTON STYLES - CM */
}
.tsr-appels-urgence a{
color:#fff;
}
.tsr-appels-urgence {
    background-color: #cc6600 !important;
    display: block;
    padding: 8px 24px;
}
.tsr-appels-urgence:hover {
    opacity: 0.85 !important;
}
.tsr-appels-urgence a {
    color: #fff !important;
    text-transform: uppercase;
}
.tsr-nouvelles a{
color:#fff;
}
.tsr-nouvelles {
    background-color: #00929f !important;
    display: block;
    padding: 8px 24px;
}
.tsr-nouvelles:hover {
    opacity: 0.85 !important;
}
.tsr-nouvelles a {
    color: #fff !important;
    text-transform: uppercase;
}
#rev_slider_1_1_wrapper {
    background-color: transparent !important;
}
#tsr-divi-home-slider .et_pb_slide_description {
    background-color: #B1BB1E;
    padding: 30px 30px 20px;
    display: inline-block;
    margin-top: 25px;
    margin-bottom: 215px;
    text-align: left !important;
}
#tsr-divi-home-slider .et_pb_slide_description h2 {
    font-weight: 400;
}
#tsr-divi-home-slider .et_pb_slides .et_pb_slider_container_inner {
    text-align: left;
}
#tsr-divi-home-slider .et_pb_slide {
    padding-left: 0;
}
#tsr-divi-home-slider .et_pb_container {
    margin-left: 0;
}

/* BUG FIX */
header > .container.clearfix {
    width: 100% !important;
}
.et_no_sidebar #left-area {
    float: left;
    width: 74% !important;
    margin-right: 3%;
}
#sidebar {
    float: left;
}
#content-area {
    padding-bottom: 45px;
}
#custom_html-4, #custom_html-5 {
    margin-bottom: 30px;
}
#search-2 {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
}
#custom_html-2 {
    margin-bottom: 0;
}
/*.nav li.urbanisme ul.sub-menu {
	left: 171px;
	top: 170px;
}*/

/* POPUP */
.acx-alert-content {
    max-width: 1120px;
    margin: auto;
    padding: 30px 0;
}
.alert-link {
    margin-top: 20px;
    margin-bottom: 4px;
}
.acx-alert-content .button {
    background: #fff;
    color: #B40404 !important;
    text-align: right;
    padding: 6px 12px;
}

/* FIX */
#activite-widget .et_social_inline.et_social_mobile_on.et_social_inline_top {
  display: none;
}

/* Flexbox for header buttons - CM 23/01/2024 */
.header-buttons {
    display: flex;
    flex-wrap: wrap; /* Allow items to wrap */
    align-items: center; /* Align vertically */
    justify-content: flex-end; /* Align horizontally to the right */
    gap: 10px; /* Space between buttons */
    padding-top: 20px;
    position: relative; /* needed to apply z-index */
}
@media (max-width: 980px) {
    .header-buttons {
        flex-direction: column;
        align-items: center; 
        justify-content: flex-start; /* Aligns items to the top */
        width: 100%; /* Ensure the flexbox takes full width */
        margin-left: 0; /* Reset any left margin */
        margin-right: 0; /* Reset any right margin */
    }
}

.tsr-quoi-de-neuf img {
    max-width: 100%;
    min-width: 150px;
    height: auto;
}

@media (max-width: 980px) {
    .tsr-quoi-de-neuf {
        order: 1; 
        width: 100%;
    }
}