/* -- Global ----------------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    /* Monserrat font source : https://fonts.googleapis.com/css?family=Montserrat */
	/* /templates/purity_iii/tpls/blocks/head.php [Line 41] */
	font-family: 'Montserrat',"Helvetica Neue",Helvetica,Arial,sans-serif !important;
	text-transform: none !important;
	color: #444444 !important;
}

/* h1{font-weight: 800 !important;} */
.page-header{ padding-bottom: 20px; }
.page-header h1, .page-header .h1, .categories-list h1, .categories-list .h1
{
    padding: 0px 0px !important;
    text-align: left !important;
	border-bottom: 1px #e9ecef solid;
}

body 
{
    background-image: url(../../../../images/template/wood-work-background.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed;
    background-size: cover !important;
}

.navbar-default
{
    /* Remove the default green background */
	border-color: none !important;
	background-color: none !important;
}

#t4-header
{	
	background-image: url(../../../../images/template/top_menu.jpg) !important;
	box-shadow: 0px 5px 20px #000000aa;
	border-bottom: none !important;
	z-index:10;
}

@media screen and (max-width: 525px){ h3{ font-size:22px; } }

.logo-image a
{	
    background: transparent !important;
}

img.logo-img
{
    max-width: 200px !important;	/* Original value : 160px */
    max-height: 69px !important;
}

#t4-topbar{ display: none !important; } /* Hide the dark mode button */


/* Reduce the top menu height */
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link { height: 40px !important; }  /* previous value : 80px */

.t4-header .header-wrap { min-height: 60px !important; }


/* Set the drop down menu background to black */
@media (min-width: 992px) { .dropdown-menu.level1.show, .dropdown-menu.level2.show, .dropdown-menu.level3.show {z-index:10000 !important;background: #444444; border-top-left-radius: 0px; border-top-right-radius: 0px; } }
@media (max-width: 991.98px) {	.dropdown-menu.level1.show, .dropdown-menu.level2.show, .dropdown-menu.level3.show {background: #0001;}  .nav-breakpoint-lg .t4-megamenu { background: #444444; 	}	.navbar-toggler {  color: #dee2e6; }}

.dropdown-menu.level1.show li, .dropdown-menu.level2.show li, .dropdown-menu.level3.show li{ border-top:1px #515151 solid; border-bottom:1px #515151 solid;}
.dropdown-menu.level1.show li .item-caret, .dropdown-menu.level2.show li .item-caret, .dropdown-menu.level3.show li .item-caret{ float: right;}

.dropdown-menu.level1.show a, .dropdown-menu.level2.show a, .dropdown-menu.level3.show a { display: inline-block; } /* align left */

@media (min-width: 992px) {
.dropdown-menu.level1, .dropdown-menu.level2, .dropdown-menu.level3{ padding: 16px 24px !important; }
.dropdown-menu-inner ul{ width: 220px !important; }
}

/* Hide 2nd menu on mobile verion */
#triggerButton { display: none !important;	}

/* set the back to top button color */
#back-to-top { background-color: var(--body-link-color); }

/* On page load, the background behind the carousel is blue... No idea where this class is added... */
.t4-palette-blue{  background-color: var(--body-link-color) !important;  }


/* Enable the stiky top menu on mobile version */
@media (max-width: 575.98px)
{
  .t4-sticky {
    position: sticky !important;
    top: 0 !important;
  }
} 


/* Footer */
@media screen and (max-width: 400px)
{
	.hidden-xxs
	{
		display: none !important;
	}
}


@media screen and (min-width: 991px)
{
	.logo a {
		background: none !important;
	}
}

/* Header logo enlargement */
.logo-image > a
{
    max-width: 200px; /* initial value : 160px */
    max-height: 55px;
}

.off-canvas-toggle
{
	display: none;
}

.off-canvas-toggle + .container .navbar-header .logo {  border-left: 0 !important; }

@media screen and (max-width: 500px){	.off-canvas-toggle + .container .navbar-header .logo {  left: 20px !important; } }
@media screen and (max-width: 400px){	.off-canvas-toggle + .container .navbar-header .logo {  left: 5px !important;  } }


/* -- Home page ---------------------------------------------------------------------------------------------------------------------*/
#t4-section-1, #t4-section-2, #t4-section-4{ background-color: #fffa !important; border-bottom: 0px !important;}
#t4-section-1 .top-large{ padding-top: 3rem !important; }
#t4-section-2 .top-large{ padding-top: 0.3rem !important; }
#t4-section-4 .top-large{ padding-top: 0.3rem !important; }
#t4-section-1 .bottom-large, #t4-section-2 .bottom-large, #t4-section-4 .bottom-large{ padding-bottom: 3rem !important; }

.t4-section .t4-section-inner { max-width: 1200px !important; }

#t4-section-1 .col-12{ border: none !important; text-align: justify !important; }
#t4-section-1 h1{ font-weight: 800 !important;  color: var(--body-link-color) !important; text-align: left !important; margin-top: 0px !important; }

.acm-testimonial.style-2 .testimonial-item-wrap { max-width: 100% !important; }
.acm-testimonial.style-2 .testimonial-item-wrap .h2{ font-style: italic !important; }

.testimonial-item-wrap{      background-color: #f5f5f5BB; border: 1px solid #e3e3e3; padding: 15px 25px;  }
.testimonial-item-wrap .h2{      font-size: 16px !important;  }

@media (min-width: 1200px)
{
    #t4-section-1 .col-12 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 930px){  #t4-section-1 h1{ font-size: 34px !important; }  }


/* Nav helper -----------------------------------------------------------------------------------------------------------------------*/
.t4-section:has(div):has(nav)
{
	background: #eeeeee;
    color: #999999;
}


/* Articles -------------------------------------------------------------------------------------------------------------------------*/
.moduletable { border: none !important; background-color: #fff6; padding: 40px; text-align: justify !important;}
.item-page.layout-default.no-sidebar .top-article-info { max-width: 100% !important; }

.sg-meubles-article{background-color: #fff6; padding: 40px; text-align: justify !important;}
.desc-article .paragraph, .desc-article .line-spacing{ margin-bottom: 15px; text-align: justify; }
.desc-article h1, .desc-article h3, .desc-article h4{ text-align: left; }
.desc-article .intro{ margin-bottom: 40px; }
.desc-article .sg-meubles-privacy-notice{ margin-top: 50px; background-color: /*#66ff6644*/ #1112; padding: 10px 20px 15px 20px; font-size: 17px;}
.desc-article .sg-meubles-privacy-notice .fa-lightbulb-o{ font-size:28px; color: #ffe680; margin-right:10px; }
.desc-article a{ cursor: pointer; }
.desc-article .colored{ 	color: #0077bbEE; font-weight: 800; }
.desc-article .btn-actions{ margin-top: 25px; margin-bottom: 25px; }

.desc-article .important{ font-weight: 900; color: #005180CC; }
/* .desc-article li{ margin: 5px 0px; list-style-type: none; } */
/* .desc-article li .fa{ margin-right: 10px; } */

.desc-article .sub-chapter{ padding-left: 25px; }

.desc-article .sg-meubles-anchor, .desc-article .sg-meubles-anchor:hover{ color: #444444; cursor: default; text-decoration: none}

/* Add some space before a h3 title in an article, and remove the space after */
.desc-article .paragraph:has(legend):has(h3){ margin-top: 40px !important ;margin-bottom: 0px !important; }

.sitename{ font-weight: 900; color: var(--body-link-color); }


/* -- Business View --------------------------------------------------------------------------------------------------------------------*/

/* Slideshow : full width */
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img
{
    min-width:100%;
}
.corporate .slideshow
{
	padding: 0 !important;
}
.corporate .slideshow .container
{
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
}

/* Hide Slideshow on xs screens */
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}

/* Hide Slideshow XS on large screens */
.visible-xs-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}

/* center carousel images on xs screens */
.acm-hero.style-1 .acm-hero-item
{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
}



div.owl-carousel .owl-dots .owl-dot.active span {  background-color: var(--body-link-color) !important; }

.hero-content-inner{  padding: 10px 20px; background: rgba(0, 0, 0, 0.3); width: 100%; /*margin-top: 75%;*/ }
.hero-content-inner h1{  color:#FFFFFF !important; font-size: 28px !important;  }
.hero-content-inner{ position: absolute; bottom: 50px; }	/* vertical align */


.t4-content{   background: none !important;  }
.t4-main-body{ background: #f7f7f7BB !important; }



/* -- Default View ----------------------------------------------------------------------------------------------------------------------*/

/* -- Articles --------------------------------------------------------------------------------------------------------------------------*/
article .article-content
{
	text-align: justify !important;
}

article .article-content p
{
	margin-bottom: 15px !important;
}

/* -- Phoca -----------------------------------------------------------------------------------------------------------------------------*/

.ph-si
{
	width: 1.4em !important; /* initial value : 1.5em */
	height: 1.4em !important; /* initial value : 1.5em */
}

.ph-si-image
{
	color: white !important;
}

.pswp__caption__center /* Gallery images title */
{
	font-size: 22px !important;
	max-width: 600px !important;
	font-weight: 800 !important;
}
.pswp__caption__center p /* Gallery images description */
{
	font-size: 17px !important;
	font-style : italic !important;
	font-weight: 400 !important;
	padding-top: 10px !important;
}

.pg-item-box, .pg-category-box	/* Patch added after a bug appeared on the image galleries : there was suddenly a padding around the images */
{
	padding: 0em !important;
}

.pg-item-box-title, .pg-category-box-title	/* Images thumbs description */
{
	font-size: 100% !important; /* initial value : 115% */
	padding: 0.3em 0.01em !important; /* initial value : 0.5em */
}
.pg-category-box-count {display:none !important; }

video::-webkit-media-controls-timeline	/* Hide the video timeline */
{
    visibility: hidden;
}
.pg-item-box-title a, .pg-category-box-title a
.pg-item-box-title a:hover, .pg-category-box-title a:hover
{
    text-decoration: none;
    color: #fff;
}



/* -- Breadcrumbs -----------------------------------------------------------------------------------------------------------------------*/
/* .breadcrumb li:first-child {	 display: block !important;} */

/* -- Footer ----------------------------------------------------------------------------------------------------------------------------*/
h3.module-title
{
    color: #444444 !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
}

h3.module-title span{ font-weight: bold !important; }

.contact-address span.company-name
{
	font-weight: bold;
	color: var(--body-link-color);
}
.contact-address span.fa
{
	width: 25px !important;
}
.contact-address span.fa-mobile-phone
{
	padding-left: 3px !important;
}

.social-icons
{
    text-align: center !important;
}
.social-icons .fa
{
    font-size: 35px !important;
    margin: 0 10px !important;
}

.social-icons a,
.social-icons a:hover,
.social-icons a:active,
.social-icons a:visited,
.social-icons a:focus 
{
    text-decoration: none !important;
}

.t4-footer { background-color: #222222 !important; }

#t4-footnav > div > div > div > div:nth-child(4) > div.t4-module
{
	margin-bottom: 0px !important;
}



@media screen and (min-width: 992px)		/* add a padding left on the contact column (smaller than the others) */
{
	#t4-footnav > div > div > div > div:nth-child(4)
	{
		padding-left: 40px !important;
	}
}

#useful-links ul{ list-style: none !important; padding-left: 0px !important; }

@media screen and (min-width: 1200px){	#useful-links ul li{ padding-bottom: 5px !important; }		}

#useful-links a:hover
{
    color: var(--body-link-color);
    text-decoration: none;
}


.TBD{ background-color: #dcee2255 !important; }