/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.fs-5-2 { font-size: 1.15rem !important;}
.text-justify { text-align: justify }
.footer-logo { margin-bottom: 10px;max-width: 120px;}
.pointer{ cursor: pointer}

.sub-menu-container .menu-item > .menu-link { padding: 6px 13px}
.mega-menu-style-2 .sub-menu-container .menu-link {padding-top: 2px;padding-bottom: 1px;}
.mega-menu-style-2 .mega-menu-title > .menu-link { margin-bottom: 10px}
.sub-menu-container .menu-item > .menu-link {font-size: 0.77rem;letter-spacing: 0.01rem; }
.mega-menu-style-2 .mega-menu-column { padding: 18px 15px;}

.sub-menu-container .menu-item > .menu-link div.title { font-size: 0.85rem}

.product-description-content h1{ font-size: 24px; margin: 25px 0 15px 0}
.product-description-content h2{ font-size: 20px; margin: 25px 0 12px 0}
.product-description-content h3{ font-size: 18px; margin: 20px 0 12px}
.product-description-content h4{ font-size: 16px; margin: 20px 0 10px}
.product-description-content h5{ font-size: 14px; margin: 20px 0 10px}
.product-description-content { text-align: justify}

.texte_page h1 {font-size: 28px; margin-bottom: 2rem;padding-bottom: 0.5rem;border-bottom: 1px solid #efefef;}
.texte_page h2 {font-size: 22px;margin-top: 1.2rem;line-height: 28px;margin-bottom: 1rem;}
.texte_page h3 {font-size: 18px;margin-top: 1rem;line-height: 24px;margin-bottom: 1rem;}
.texte_page, .texte_page p { font-size: 16px; text-align: justify}

.promo-mini .button {padding: 5px 18px;font-size: 0.75rem;}

#side-panel .side-panel-wrap {padding: 50px 50px 50px 20px;}
#side-panel .widget { width: 260px;}


.bg-grey {background-color: #F8F8F8;}

.portfolio-single-image-mob {
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;
	height: 40vh
}


.widget > .h4 {
  margin-bottom: 25px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.dark, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6 {color: #EEE;}

abbr[title], abbr[data-bs-original-title]{ text-decoration: none}

@media (min-width: 992px) {
	.transparent-header.full-header .primary-menu .menu-container {border-right: 0; margin-right: 0; padding-right: 0;}
	
	/*#header.transparent-header,	#header.transparent-header:not(.sticky-header) #header-wrap {
		border-bottom: 0;
	}*/
	#header.transparent-header.full-header #logo { border-right: 0}
	
	.menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*="col"]) { width: 240px;}
	
	.sub-menu-container.mega-menu-column:not(:first-child) { border-left: 0}

}

@media (max-width: 992px) {
	.content-wrap-top { padding-top: 0!important}
}


@media (min-width: 1170px) and (max-width: 1422px) {
	.menu-link {padding: 39px 7px;font-size: 0.7525rem;letter-spacing: 0.5px;}
	
}

@media (min-width: 992px) and (max-width: 1169px) {
	.menu-link {padding: 39px 5px; font-size: 0.67rem; letter-spacing: 0;}
	.full-header #logo {padding-right: 10px; margin-right: 5px;}
}

.stretched #gotoTop2 {
  bottom: 30px;
}
#gotoTop2 {
  z-index: 599;
  position: fixed;
  width: 40px;
  height: 40px;
  background-color: #dc3545;
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #fff;
  top: auto;
  left: auto;
  right: 80px;
  bottom: 50px;
  cursor: pointer;
  border-radius: 2px;
}

.heading-block::after {
  margin-top: 20px;
}