/*
Theme Name: Twenty Seventeen
Description: Used to style the TinyMCE editor.
*/
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body, .editor-styles-wrapper {
    background-color: #1d1f23;
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 300;
    text-align: center;
}
.material-icons {
    font-size: inherit !important;
}
.mat-icon:before {
    font-family: "Material Icons";
}
.awesome-icon:before {
    font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands", "Font Awesome 5 Solid";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
}
h1, h2, h3, h4, .heateor_sss_sharing_title{
    font-family: 'Lora', serif;
    clear: both;
    margin: 0 0 50px 0;
    color: inherit;
    font-weight: 400;
    font-style: italic;
}
h1 {
    font-size: 46px;
    line-height: 50px;
}
h2, .heateor_sss_sharing_title {
    font-size: 36px;
    line-height: 40px;
}
h2.is-style-big {
    font-size: 72px;
    line-height: 80px;
    margin: 60px auto;
}
h3 {
    font-size: 28px;
    line-height: 32px;
}
h4 {
    font-size: 24px;
    line-height: 30px;
}
p {
    line-height: 30px;
    margin: 0 0 40px 0;
}
dfn, cite, em, i {
    font-style: italic;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}
code, kbd, tt, var {
    font-size: 15px;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
small, .small {
    font-size: 70%;
}
big, .big{
    font-size: 125%;
}
.has-title-head-font-size, .has-title-footer-font-size {
    margin: 0;
}
.has-title-footer-font-size {
	font-size: 14px;
	margin: 0 auto;
	margin-top: -50px;
}
.has-small-font-size {
	font-size: 80%;
	line-height: 1.4;
}
:focus {
    outline: none;
}
a {
    color: inherit;
}
p a {
    color: inherit;
    text-decoration: none;
    border-bottom: solid 1px;
}
table {
    width: 100%;
}
tr:nth-child(even) {
    background-color: #f8f8fe;
}
td, th {
    padding: 20px;
}
th, .thead {
    font-weight: 700;
}
/* Icons */
.clock:before{background-image: url(../svg/ic-clock.svg);}
.clothes:before, .clothes i:before, .vetements:before{
    background-color: #204897;
    -webkit-mask-image: url(../svg/ic-clothes.svg);
    mask-image: url(../svg/ic-clothes.svg);
}
.date:before{
    background-color: #000;
    -webkit-mask-image: url(../svg/ic-date.svg);
    mask-image: url(../svg/ic-date.svg);
}
.facebook:before{background-image: url(../svg/ic-facebook.svg);}
.ground:before{
    background-color: #ec1e79;
    -webkit-mask-image: url(../svg/ic-ground.svg);
    mask-image: url(../svg/ic-ground.svg);
}
.info:before{background-image: url(../svg/ic-info.svg);}
.instagram:before{background-image: url(../svg/ic-instagram.svg);}
.location:before{background-image: url(../svg/ic-location.svg);}
.mail:before{background-image: url(../svg/ic-mail.svg);}
.member:before{background-image: url(../svg/ic-member.svg);}
.paint:before, .peintures:before{
    background-color: #92bf1f;
    -webkit-mask-image: url(../svg/ic-paint.svg);
    mask-image: url(../svg/ic-paint.svg);
}
.paper:before, .paper i:before{
    background-color: #dc685b;
    -webkit-mask-image: url(../svg/ic-paper.svg);
    mask-image: url(../svg/ic-paper.svg);
}
.phone:before{background-image: url(../svg/ic-phone.svg);}
.play:before{background-image: url(../svg/ic-play.svg);}
.stores:before{
    background-color: #faaf3b;
    -webkit-mask-image: url(../svg/ic-store.svg);
    mask-image: url(../svg/ic-store.svg);
}
#menu-item-24450:before{
    background-color: #faaf3b;
    -webkit-mask-image: url(https://anderlechtdecor.be/wp-content/uploads/2025/05/ic-web.svg);
    mask-image: url(https://anderlechtdecor.be/wp-content/uploads/2025/05/ic-web.svg);
}
.tag:before{
    background-color: #000;
    -webkit-mask-image: url(../svg/ic-tag.svg);
    mask-image: url(../svg/ic-tag.svg);
}
.twitter:before{background-image: url(../svg/ic-twitter.svg);}

/* Buttons */
.wp-block-buttons{
    margin: 20px auto;
}
.button, .wp-block-button__link, .wp-block-file a, #upper-menu .menu-item a, .box, input[type="submit"] {
    font-family: 'Lora', serif;
    font-style: italic;
    font-size: 21px;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 14px 18px;
    margin: 10px;
    margin-left: 0;
    border-radius: 4px;
}
.wp-block-buttons > .wp-block-button:last-child .wp-block-button__link {
	margin-right: 0;
}
.wp-block-button__link > img{
    min-width: 26px;
    margin-right: 4px;
    filter: invert(1);
}

.button.next, .is-style-next {
    float: right;
}
.button.next:after, .is-style-next > div:after, .is-style-next > a:after, .next a:after, .wpcf7-submit:after, .button.back:before {
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-weight: 900;
    content: "\f054";
    margin-left: 10px;
}
.button.back:before {
    content: "\f053";
    margin-left: 0;
    margin-right: 10px;
}
.button p{margin-bottom: 0;}
/*--------------------------------------------------------------
Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
.is-style-root-banner{margin-bottom: 75px!important;}
.container:after {
    clear: both;
    content: "";
    display: block;
}
.container .wp-block-columns {
    padding: 0;
}
.container.overhead {
    max-width: 900px;
    margin-top: -170px !important;
    padding-top: 60px;
    background-color: #FFF;
    margin-bottom: 170px;
}
/* Flexbox */
.flexbox {
    display: flex;
    flex-wrap: wrap;
}
.flexbox-2 > * {
    flex: 1 0 41%;
    margin: 2%;
}
.flexbox-3 > *{
    flex: 1 0 21%;
    margin: 2%;
}
.your-subject {flex: 100%;}
/* Block Cover */
.wp-block-cover__inner-container {
    padding: 5% 10%;
}
.is-style-root-banner .wp-block-cover__inner-container {
    padding: 2% 15%;
}
.wp-block-cover p a{color: #FFF;}

/* Blog Image */
.wp-block-image {
    margin: 0 auto;
}

/* Blog Colums */
.wp-block-columns {
    margin-bottom: 0 !important;
}
.wp-block-column {
    padding: 0 5% !important;
    margin: 0 !important;
    flex-grow: 1 !important;
}
.wp-block-columns.is-style-multi-row {
    padding: 0 3%;
}
.wp-block-columns.is-style-multi-row .wp-block-column {
    padding: 2% !important;
}
.wp-block-columns.has-background{padding: 0;}
.wp-block-columns.has-background .wp-block-column{
    margin: 32px!important;
}
.wp-block-columns.are-vertically-aligned-center .wp-block-column {
	display: flex;
	align-items: center;
}
.wp-block-columns.has-background .wp-block-column *:last-of-type{margin-bottom: 0;}


/* Blog Gallery */
.wp-block-gallery li{
    padding: 0;
}
.wp-block-gallery li:before{
    display: none!important;
}

/* Blog Media/Text */
.wp-block-media-text__content{
    text-align: left;
}
.wp-block-media-text {
    align-items: normal;
    margin: 0 auto;
}
.wp-block-media-text .wp-block-media-text__content {
    padding: 15%;
}
.wp-block-media-text .wp-block-media-text__content img {
    
}
.wp-block-media-text .editor-media-container__resizer {
    align-self: auto;
}
.wp-block-media-text > figure > img, .wp-block-media-text > figure > video {
    width: auto;
    max-width: 100%;
    height: auto;
}

/* UAGB Post List */
.uagb-post-grid{
    margin: 60px 0;
}
.uagb-post__items{justify-content: center;}
.uagb-post__inner-wrap{
    background-color: #FFF!important;
    color: #1d1f23;
    padding-bottom: 30px!important;
}
.uagb-post__image{
    height: 250px;
    margin-bottom: 30px!important;
}
.uagb-post__columns-2 .uagb-post__image{height: 400px;}
.uagb-post__image img{
    object-fit: cover;
    height: 100%;
}
.uagb-post__text{
    padding: 0 8%;
}
.uagb-post__tag{
    display: flex;
    flex-wrap: wrap;
    padding: 0 7%;
}
.uagb-post__excerpt{
    font-size: 19px;
    font-weight: 400;
    line-height: 1.5;
}
/* UAGB Icon List */
.uagb-icon-list__outer-wrap .uagb-icon-list__content-wrap {
	align-items: flex-start;
}
.uagb-icon-list__source-image {
	width: 21px!important;
}


/* Block Group */
.wp-block-group {display: block;}
.wp-block-group.has-background{
    padding: 5%;
}
.wp-block-group__inner-container{
    position: relative;
}

/* Slider */
.is-style-slider {
    padding: 5% 10%;
}
.is-style-slider .block-editor-block-list__block {
    width: 100%;
}

/* Block Masonry */
.is-style-masonry .wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
}
.is-style-masonry .wp-block-group__inner-container > * {
    flex: 1 0 21%; /* explanation below */
    margin: 20px;
    background-color: #4b6fd2;
    color: #FFF;
    text-align: center;
}
.is-style-masonry .wp-block-cover{
    min-height: 250px;
}
.is-style-masonry .wp-block-cover__inner-container, .is-style-masonry p.has-large-font-size.has-text-align-center{
    padding: 3%;
    margin: 0;
}

/* Block Ornament */
.is-style-ornament{
    position: relative;
    width: 100%;
    display: block;
    background-color: #2d3037;
    background-image: url(../svg/ornament-bg.svg);
    background-size: cover;
    min-height: 600px;
    overflow: hidden;
}
.is-style-ornament:before, .is-style-ornament:after{
    position: absolute;
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 10;
    pointer-events: none;
}
.is-style-ornament::before {
	background-image: url(../svg/ornament-left.svg);
	left: -5%;
	bottom: -50px;
	width: 500px;
	height: 600px;
}
.is-style-ornament::after {
	background-image: url(../svg/ornament-right.svg);
	right: -5%;
	top: -90px;
    bottom: auto;
    left: auto;
	width: 400px;
	height: 400px;
}
/* Block Tag */
.tag-list{
    display: flex;
    flex-wrap: wrap;
}
.tag-list.aligncenter{
    justify-content: center;
}
.block-tag{
    display: flex;
    margin: 8px 8px 0 0;
    text-decoration: none;
    align-items: center;
    pointer-events: none;
}
.block-tag i{
    display: block;
    width: 22px;
    height: 22px;
    -webkit-mask-image: url(../svg/ic-tag.svg);
    mask-image: url(../svg/ic-tag.svg);
}


/*--------------------------------------------------------------
Colors
--------------------------------------------------------------*/
/* Gutenberg Color palette*/
.has-green-color {
    color: #92bf1f;
}
.has-yellow-color {
    color: #faaf3b;
}
.has-pink-color {
    color: #dc685b;
}
.has-fushia-color {
    color: #ec1e79;
}
.has-blue-color {
    color: #204897;
}
.has-light-blue-color {
    color: #1877f1;
}
.has-dark-grey-color {
    color: #1d1f23;
}
.has-light-grey-color {
    color: #f5f7f9;
}
.has-white-color {
    color: #FFF;
}
.has-black-color {
    color: #000;
}

/* Background Color */
.has-green-background-color, .wp-block-columns.has-green-background-color .wp-block-column, .button.category-peintures, .category-peintures .wp-block-button__link, .category-peintures .tag:before, .category-peintures .date:before, .carousel-cell.peintures .title-box > div{
    background-color: #92bf1f;
    color: #FFF;
}
.has-yellow-background-color, .wp-block-columns.has-yellow-background-color .wp-block-column, .button.category-stores, .category-stores .wp-block-button__link, .category-stores .tag:before, .category-stores .date:before, .carousel-cell.stores .title-box > div{
    background-color: #faaf3b;
    color: #FFF;
}
.has-pink-background-color, .wp-block-columns.has-pink-background-color .wp-block-column, .button.category-paper, .category-paper .wp-block-button__link, .category-paper .tag:before, .category-paper .date:before, .carousel-cell.paper .title-box > div{
    background-color: #dc685b;
    color: #FFF;
}
.has-fushia-background-color, .wp-block-columns.has-fushia-background-color .wp-block-column, .button.category-revetements-sol, .category-revetements-sol .wp-block-button__link, .category-revetements-sol .tag:before, .category-revetements-sol .date:before, .carousel-cell.revetements-sol .title-box > div{
    background-color: #ec1e79;
    color: #FFF;
}
.has-blue-background-color, .wp-block-columns.has-blue-background-color .wp-block-column, .button.category-vetements, .category-vetements .wp-block-button__link, .category-vetements .tag:before, .category-vetements .date:before, .carousel-cell.vetements .title-box > div{
    background-color: #204897;
    color: #FFF;
}
.has-light-blue-background-color{
    background-color: #1877f1;
}
.has-dark-grey-background-color{
    background-color: #1d1f23;
}.has-light-grey-background-color{
    background-color: #f5f7f9;
    color: #000;
}
.has-white-background-color, .is-style-has-white-background-color{
    background-color: #FFF;
    color: #000;
}
.has-black-background-color{
    background-color: #000;
}
.is-style-invert img{
  filter: invert(1);  
}

.wp-block-columns.has-background {background-color: transparent!important;}


/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .entry-footer:before, .entry-footer:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .nav-links:before, .nav-links:after, .pagination:before, .pagination:after, .comment-author:before, .comment-author:after, .widget-area:before, .widget-area:after, .widget:before, .widget:after, .comment-meta:before, .comment-meta:after, .masonry:before, .masonry:after, .match-height:before, .match-height:after, ul.products:before, ul.products:after, .wp-block-group__inner-container:before, .wp-block-group__inner-container:after {
    content: "";
    display: table;
    table-layout: fixed;
}
.clear:after, .entry-content:after, .entry-footer:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after, .nav-links:after, .pagination:after, .comment-author:after, .widget-area:after, .widget:after, .comment-meta:after, .masonry:after, .match-height:after, ul.products:after, .wp-block-group__inner-container:after {
    clear: both;
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 780px) {
    h1, h2, h3, h4, .heateor_sss_sharing_title {
        margin: 0 0 30px 0;
    }
    h2, .heateor_sss_sharing_title {
        font-size: 32px;
        line-height: 36px;
    }
     h2.is-style-big {
        font-size: 32px;
        font-weight: 700;
        line-height: 1;
        margin: 32px auto;
    }
    .has-title-footer-font-size{margin-top: 0;}
    .wp-block-media-text .wp-block-media-text__content {
        padding: 32px;
        text-align: center;
    }
    .wp-block-buttons, .tag-list{
        justify-content: center;
    }
    .wp-block-spacer{
        height: 32px!important;
    }
    .uagb-post-grid article {
        margin-bottom: 0!important;
    }
    .uagb-post-grid article .uagb-post__inner-wrap{ padding: 32px 0;}
    .overlay-bottom {
        position: relative;
        padding: 0;
        background: transparent;
    }
    .is-style-ornament::before, .is-style-ornament::after{
        display: none;
    }
    .flexbox {
	    display: block;
    }
}