/* ==========================================================================
   Commune's styles
   ========================================================================== */
/* Special CSS for form spacing */
.tableSpacing td {
  padding:5px;
}

.ce-uploads  li div {
  display: inline-block;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}  
.navbar-brand {
  height: 81px;
}     
h1, .title-links h5 {
    color: #039F58;
}   
.second-nav-title {
  background: #06502D;
}
#navbar {
  background: rgba(3, 159, 88, 0.5);
}
.navbar-brand > span {
    margin-top: 23px;
}
.dropdown-menu li li.active a, .dropdown-menu li li:hover a, 
#header .fourthDropSubMenu .active a, #header .fourthDropSubMenu li:hover a,
.fourthSubMenu li.active a, .fourthSubMenu li:hover a,
.dropdown-menu > .active > a, .dropdown-menu > li > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
#header .dropdown-menu > .active > a, #header .dropdown-menu > li > a, #header .dropdown-menu > .active > a:hover, #header .dropdown-menu > .active > a:focus, #header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:focus {
  color: #039F58;
}
.second-nav > ul > li > a {
    background: #DBF0E7;
}    
.second-nav > ul > li > a:hover, .second-nav > ul > li.active > a {
    background: rgba(3, 159, 88, 0.1);
}
.fce-box-color * {
    color: #ffffff;
}
.second-nav > ul > li > a,
.fourthSubMenu.dropdown-menu a,
#header .fourthDropSubMenu a {
  color: #06502d;
}
/*.dropdown-menu > .active > a, .dropdown-menu > li > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus,
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus,
.fourthSubMenu.dropdown-menu a, #header .fourthDropSubMenu a, 
.fourthSubMenu li.active a, .fourthSubMenu li:hover a {
  background: #F3F9F7;
}*/
nav ul.fourthDropSubMenu li, nav > ul.fourthDropSubMenu > li.active {
  border-color: #ffffff;
}
#header .dropdown-menu > .active > a, #header .dropdown-menu > li > a, #header .dropdown-menu > .active > a:hover, #header .dropdown-menu > .active > a:focus, #header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:focus {
  border-color: #C5E5D7;
}
nav > ul > li.active, nav > ul > li:hover {
  background: rgba(3, 159, 88, 0.7);
}
.fce-box-color, .box-links {
    background: rgba(17, 112, 210, 0.85);
}
.carousel-inner .item img {
    min-height: 100%;
    object-fit: cover;
}
.carousel-inner .item img {
  top: 0;
  height: 100%;
  transform: unset;
  -webkit-transform: unset;
}
.carousel-inner .item div {
  height: 100%;
}
/*
 * content
 */
.breadcrumb a:hover, .breadcrumb .current-breadcrumb {
    color: #039f58;
}
.btn:hover, .powermail_submit:hover, .tx-felogin-pi1 input[type="submit"]:hover {
    color: #ffffff;
}
.btn:hover, .powermail_submit:hover, .tx-felogin-pi1 input[type="submit"]:hover {
  background: #06502D;
}
.article-event a:hover .more-event {
  color: #06502D;
}
.btn, .powermail_submit, .tx-felogin-pi1 input[type="submit"], .date-event {
  background: #039C59;
}         
.powermail_confirmation h1 {
  font-size: 22px;
}
.powermail_confirmation input[data-powermail-form-ajax="confirmation"] {
  margin-right: 10px;
}   
.article-content .more, .news-backlink-wrap a {
  background: #039C59 !important;
}      
.article-content .more:hover, .news-backlink-wrap a:hover, .article-event a:hover .date-event {
  background: #00703D !important;
  text-decoration:none;
}
#content .tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup, 
.article-event .more-event, a, a:hover {
  color: #039C59;
}
.content-links p, .carousel-caption > * {
  color: #3e3e3e;
}
.news .article .news-img-wrap img {    
  float: left;
  height: auto;
  width: auto;
  max-height: 180px;
}
#CalendarReplace .choosendate, #CalendarReplace table.calendar tbody tr td.selected {
  background: #06502d;
}
#CalendarReplace table.calendar tr td {
  height: 35px;
  width: 35px;
}
#CalendarReplace table td p {
  margin-bottom: 0;
}
#CalendarSliderReplace .switch label input[type="checkbox"]:checked + .lever {
  background-color: rgba(3, 159, 88, 0.1);
}
#CalendarSliderReplace .switch label input[type="checkbox"]:checked + .lever::after {
  background-color: #039F58;
}
.tx-wng-booking-hours-title {
  font-weight: bold;
}

.powermail_fieldwrap.layout1 {
    width: 50%;
    padding-right: 15px;
    float: left;
    clear: left;
}
.powermail_fieldwrap.layout2 {
  width: 50%;
  padding-left: 15px;
  float: left;
  clear: inherit;
}

input[type="submit"]:hover {
    background-color: #06502D;
}

input[type="submit"] {
    font-size: 16px;
    margin-top: 30px;
    padding: 10px 20px;
    background-color: #039C59;
    color: #fff;
    border: none;
    font-weight: bold;
    transition: all .3s;
}


#main-content .alert {
    border: none;
    border-radius: 0;
}
#main-content .alert.alert-success {
    background: #DBF0E7;
}

#main-content ul.typo3-messages li:before,
#main-content form[name="MfaFrontendSetupForm"] ul.list-group-flush li:before {
    display: none;
}

@media (max-width: 767px) {
    nav > ul > li:focus, nav > ul > li.open, nav > ul > li:hover {
        background: #0B4E94;
    }
    #header .dropdown-menu > .active > a, #header .dropdown-menu > li > a, #header .dropdown-menu > .active > a:hover, #header .dropdown-menu > .active > a:focus, #header .dropdown-menu > li > a:hover, #header .dropdown-menu > li > a:focus {
        background: #DBF0E7;
        color: #06502D;
    }
    nav > ul > li.active, nav > ul > li.open, nav > ul > li:hover {
      border-color: #e5e5e5;
    }
    nav > ul > li.open > a, nav > ul > li:focus > a, nav > ul > li:hover > a, nav >  ul > li > a:hover {
        color: #3E3E3E !important;
    }
    /*nav ul li a {
        background: #ffffff;
    }*/
    nav ul li.open > a, nav > ul > li:focus > a, nav > ul > li.open > a, nav > ul > li:hover > a {
        background: #06502D;
        color: #ffffff !important;
    }
    .powermail_fieldwrap.layout1 {
      width: 100%;
      padding: 0px;
      float: none;
      clear: inherit;
    }
    .powermail_fieldwrap.layout2 {
      width: 100%;
      padding: 0px;
      float: none;
      clear: inherit;
    }
}


/**********************************************************
 * Image par défaut du bandeau
 */ 
.content-img {
  background: url(../img/banner_page_int_forel.jpg) no-repeat center center / cover ;
}

/************************************************************
 * Personnalisation pour Forel 
 */
@media (max-width: 992px) {  
  .navbar-brand {
    height: 90px;
  }
  .navbar-brand > img {
    width: 80%;
    height:auto;
  } 
  #branding img {
    max-width: 16%;
  }
  .navbar-brand > span {
    max-width: 75%;
    margin-top: 15px;
  }  
  #branding span img {
    max-width: 100%;
  }
}