/* THE BANNERS */
:root {
  /* Absolute path of the image in upload folder*/
  --bannerEN: url("http://duncanroberts.co.uk/wp-content/uploads/2024/02/English-banner3-2.jpg");
  --bannerFR: url("http://duncanroberts.co.uk/wp-content/uploads/2024/02/french-banner3.jpg");
}
/* CUSTOM CSS DON'T TOUCH IF NOT AWARE */
/* Made by Raphael Orieux */
.site-navigation li {
  /* Menu */
  white-space: nowrap;
}
.site-navigation li a[hreflang] span {
  color: black;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
}
.site-navigation li:hover > .sub-menu, .site-navigation li:active > .sub-menu, .site-navigation li:focus > .sub-menu {
  top: auto;
  opacity: 1;
  display: block;
  margin-left: -1px;
}
@media (max-width: 767px) {
  .site-navigation li .sub-menu {
    background-color: #fff;
    position: absolute;
    top: 1;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
  }
}
html[lang="fr-FR"] .divEN {
  display: none;
}
html[lang="en-GB"] .divFR {
  display: none;
}
.banner_en_GB {
  background: var(--bannerEN) no-repeat !important;
  background-size: cover !important;
}
.banner_fr_FR {
  background: var(--bannerFR) no-repeat !important;
  background-size: cover !important;
}
p {
  margin-bottom: 1.2em;
}
p img {
  width: revert-layer !important;
  height: revert-layer !important;
}
.text-sidebar {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 13px;
}
.email-notif-area {
  padding: 5px 10px !important;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  outline: none !important;
  border: none !important;
  border-bottom: 2px solid rgba(0, 0, 0, 0.5) !important;
  margin-bottom: 20px;
  transition: border-color 0.3s;
  width: 250px;
}
.email-notif-area:focus {
  border-color: #db5432 !important;
}
.btn-notif {
  background-color: #333 !important;
  padding: 5px 10px !important;
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 14px;
  padding: 10px 20px !important;
  border-radius: 3px !important;
  font-weight: 600;
  height: unset !important;
  transition: color 0.1s;
}
.btn-notif:hover {
  color: #db5432 !important;
}
.widget-title {
  color: #222;
}
a {
  transition: color 0.1s;
}
#masthead {
  height: 161px;
  /*
	@media (max-width: 767px) {
		height: 46px;
	}
	@media only screen
and (min-width : 767px)
and (max-width : 1024px) {
		height: 107px;
	} */
}
.mailCont {
  background-color: #ffffff2b;
  padding: 6px 18px;
  border-radius: 25px;
}