/* classes générales */

@font-face {
    font-family: 'brush_script_mtitalic';
    src: url('../fonts/brush-script/brush_script_mt_italic.woff2') format('woff2'),
         url('../fonts/brush-script/brush_script_mt_italic.woff') format('woff');
    /*font-weight: normal;
    font-style: normal;*/
}

@font-face {
    font-family: 'century_gothic_regular';
    src: url('../fonts/century-gothic/CenturyGothic.woff2') format('woff2'),
         url('../fonts/century-gothic/CenturyGothic.woff') format('woff');
    /*font-weight: normal;
    font-style: normal;*/
}

@font-face {
    font-family: 'century_gothic_bold';
    src: url('../fonts/century-gothic/CenturyGothic-Bold.woff2') format('woff2'),
         url('../fonts/century-gothic/CenturyGothic-Bold.woff') format('woff');
    /*font-weight: normal;
    font-style: normal;*/
}

/* titres et textes */

/*body, p, h1, h2, h3, h4, h5, h6, .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, #sp-footer {
  font-family: 'ridley_groteskregular';
  font-style: normal;
}*/

h1 {
  font-family: 'brush_script_mtitalic' !important;
  letter-spacing: 3px !important;
  font-weight: 500 !important;
}

h2, h3, h4, h5, h6 {
  font-family: 'century_gothic_bold' !important;
}

/* les classes ci-dessous correspondent aux messages d'erreurs et avertissements */

.alert-danger {
  color: #fff !important;
  background-color: #a51f18 !important;
  border: none !important;
}

.alert-warning {
  color: #fff !important;
  background-color: #ad6200 !important;
  border: none !important;
}

.alert-info,
.alert-notice {
  color: #fff !important;
  background-color: #30638d !important;
  border: none !important;
}

.alert-success {
  color: #fff !important;
  background-color: #448344 !important;
  border: none !important;
}

#jmap_sitemap h1 {
  color: #222222;
}

/* édition des pages SP Page Builder */

#sp-page-builder .sp-pagebuilder-page-edit {
	left: 20px;
	right: auto !important;
}

/* galeries */

.ba-gallery .ba-goback a,
.ba-gallery .category-filter a.ba-filter,
.ba-gallery .category-filter a.ba-filter-active {
    letter-spacing: 1px;
}

.ba-caption .ba-caption-content h3,
.ba-caption .ba-caption-content .image-category,
.ba-caption .ba-caption-content .short-description {
    letter-spacing: 1px;
    font-size: 16px !important;
}

/* top bar */

#sp-top-bar a,
.sp-contact-info li {
    font-size: 14px;
}

#sp-top-bar ul.social-icons li a {
    font-size: 16px;
}

/* menu principal */

.sp-megamenu-parent>li>a {
    padding: 0 10px;
}

.sp-megamenu-parent {
    margin: -2px -15px 0px 0;
}

/* Bouton de demande de devis */

#sp-header .class-bouton-header {
  background-color: #9c2328;
  border-radius: 50px;
  color: #FFFFFF;
  margin: 0px 0px 0px 20px;
  padding: 0px 35px 0px 35px !important;
  line-height: 50px;
}

#sp-header .class-bouton-header:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover {
  background-color: #f2f1ef;
  color: #222222;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a.class-bouton-header {
  background-color: #9c2328;
  border-radius: 50px;
  color: #FFFFFF !important;
  padding: 15px 35px 15px 35px !important;
  margin: 20px 0px 0px 0px;
  text-align: center;
}

/* menu mobile */

.offcanvas-menu .offcanvas-inner {
    padding: 0 25px 25px 25px;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>a {
    opacity: 1 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler:after {
    color: #262161 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a  {
    color: #262161 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 1.1em !important;
	line-height: 30px !important;
}

/*** menu client front-end ***/

.box-front-end-menu {
  	right: 0 !important;
  	top: 25% !important;
  	position: fixed !important;
  	z-index: 100000 !important;
  	padding: 5px 0 5px 0 !important;
}

.box-front-end-menu ul.menu {
    list-style-type: none !important;
}

@media (max-width: 991px){
	.box-front-end-menu {
	    display: none !important;
	}
}

/* niveau 0 */

.box-front-end-menu .menu-help-prop {
  background-color: #f10000 !important;
  color: #fff !important;
  font-family: inherit !important;;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 10px !important;
  text-transform: uppercase !important;
}

.box-front-end-menu .menu-help-prop:before {
	content: "\f059" !important;
    font-family: "Font Awesome 6 Free" !important;
    color: #fff !important;
  	font-weight: 700 !important;
  	padding: 0 5px 0 0 !important;
}

.box-front-end-menu:hover {
    cursor: pointer !important;
}

/* niveau 1 */

.box-front-end-menu ul.menu-child {
    display: none !important;
}

.box-front-end-menu:hover ul.menu-child {
  background-color: #f10000 !important;
  display: block !important;
  position: relative !important;
  z-index: 100000 !important;
  list-style-type: none !important;
  text-align: left !important;
  margin-left: -150px !important;
  text-transform: none !important;
  padding: 10px 0 10px 10px !important;
}

.box-front-end-menu:hover ul.menu-child li {
  padding: 5px 0 5px 0 !important;
  border-top: 1px solid #fff !important;
}

.box-front-end-menu:hover ul.menu-child a {
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.box-front-end-menu:hover ul.menu-child a:before {
	content: "\f0da" !important;
    font-family: "Font Awesome 6 Free" !important;
    color: #fff !important;
  	font-weight: 700 !important;
  	padding: 0 5px 0 0 !important;
}

.box-front-end-menu:hover ul.menu-child li:hover {
  background-color: #fff !important;
  padding: 5px 0 5px 0 !important;
}

.box-front-end-menu:hover ul.menu-child a:hover {
  color: #f10000 !important;
}

.box-front-end-menu ul.menu-child li:hover a {
  color: #f10000 !important;
}

/* pied de page */

.sp-scroll-up {
	bottom: 70px;
}

/* classes spécifiques responsive design */

/* menu breakpoint */

@media (max-width: 1199px){
  nav.sp-megamenu-wrapper .sp-megamenu-parent {
      display: none !important;
  }
  #sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
      display: flex !important;
  }
}

@media (max-width: 1200px){
	body .visible-filter-modal.equal-positions-tags {
	    margin-top: 65px !important;
	}
}