@font-face {
font-family: futura maxi  ;
src: url(https://bauinterieur.be/wp-content/themes/bau/fonts/font.woff);
font-weight: 700;
}
@font-face {
font-family: futura maxi ;
src: url(https://bauinterieur.be/wp-content/themes/bau/fonts/font.woff2);
font-weight: 300;
} a {
color: #042038 ;
}
.container {
width: 90%;
margin-left: auto;
margin-right: auto;
}
.row {
position: relative;
width: 100%;
}
.row [class^="col"] {
float: left;
margin: 0.5rem 2%;
min-height: 0.125rem;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 96%;
}
.col-1-sm {
width: 4.33%;
}
.col-2-sm {
width: 12.66%;
}
.col-3-sm {
width: 21%;
}
.col-4-sm {
width: 29.33%;
}
.col-5-sm {
width: 37.66%;
}
.col-6-sm {
width: 46%;
}
.col-7-sm {
width: 54.33%;
}
.col-8-sm {
width: 62.66%;
}
.col-9-sm {
width: 71%;
}
.col-10-sm {
width: 79.33%;
}
.col-11-sm {
width: 87.66%;
}
.col-12-sm {
width: 96%;
}
.row::after {
content: "";
display: table;
clear: both;
}
.hidden-sm {
display: none;
}
@media only screen and (min-width: 33.75em) { .container {
width: 80%;
}
.container-small{
width: 80%;
}
}
@media only screen and (min-width: 45em) { .col-2 {
width: 12.66%;
}
.col-3 {
width: 21%;
}
.col-4 {
width: 29.33%;
}
.col-5 {
width: 37.66%;
}
.col-6 {
width: 46%;
}
.col-7 {
width: 54.33%;
}
.col-8 {
width: 62.66%;
}
.col-9 {
width: 71%;
}
.col-10 {
width: 79.33%;
}
.col-11 {
width: 87.66%;
}
.col-12 {
width: 96%;
}
.hidden-sm {
display: block;
}
}
@media only screen and (min-width: 60em) { .container {
width: calc(100% - 40px);;
max-width: 100%;
margin-left: 20px;
margin-right: 20px;
}
.container-small {
width: 75%;
max-width: 65rem;
}
}
@media screen and (min-width:1440px){
.container{
width: 1400px;
max-width: 1400px;
margin: auto;
}
}
@media screen and (min-width: 1200px){
.container.container-big-screen, .col-full {
width: 90%;
max-width: 1400px !important;
margin: auto;
}
.container.container-big-screen {
width: 100%;
}
.top-bar .container.container-big-screen {
width: 90% !important;
}
}
section.home-first-section .container-big-screen {
width: 100%;
}
h1,h2,h3,h4,h5,h6{
font-family: 'futura maxi';
}
a, p{
font-family: Roboto !important;
}
.standard-button-transparent-bg {
background-color: transparent;
color: #fff;
padding: 12px 30px;
border: 1px solid #fff;
transition: 0.5s all;
font-size: 18px;
font-weight: 400;
font-family: Roboto;
}
a.standard-button-transparent-bg:hover {
color: #fff;
text-decoration: none;
}
.arrow-span{
display: inline;
}   .col-5.home-first-section-left-side-holder {
padding: 8.9% 100px;
background: #021e36;
color: #fff;
margin: 0;
width: 40%;
}
.col-7.home-first-section-right-side-holder {
margin: 0;
width: 60%;
display: block;
}
section.home-first-section .row {
display: flex;
flex-wrap: wrap;
}
.col-7.home-first-section-right-side-holder img {
width: 100%;
object-fit:cover;
height:100%;
}
.top-bar .col-3 {
margin: 0;
width: 25%;
margin: auto;
}
.col-5.home-first-section-left-side-holder h3 {
font-weight: bold;
margin-bottom: 30px;
line-height: 1.5;
}
.col-5.home-first-section-left-side-holder p {
margin-bottom: 50px;
font-weight: 300;
opacity: .7;
font-size: 17px;
}
section.home-second-section img {
max-height: 45px;
}
a .arrow-span {
margin-left: 10px;
transition: all 0.2s;
}
a:hover .arrow-span {
margin-right: -10px;
margin-left: 20px;
}
ul.inspiratie-questions-list li:hover .arrow-span-hover-down {
transform: rotate(450deg);
}
.arrow-span-hover-down {
transition: all 1s;
}
.col-md-7.home-first-section-right-side-holder {
padding-left: 7px;
}
.col-md-7.home-first-section-right-side-holder img {
max-width: 100%;
min-width: 100%;
object-fit: cover;
min-height: 670px;
}
section.home-second-section img {
filter: grayscale(100%);
}
section.home-second-section img:hover {
filter: grayscale(0);
}
.col-md-5.home-first-section-left-side-holder {
padding: 120px 100px;
background: #021e36;
color: #fff;
margin-right: -7px;
margin-left: 7px;
}
ul{
padding-left: 0;
padding-left: 0;
font-weight: 300;
list-style: none;
}
.related-grey-bg-hidden{
height: 1px !important;
background: transparent;
}
.push-collection-title:after {
content: '';
width: 30px;
position: absolute;
bottom: 0px;
border-bottom: 2px solid;
left: 0;
margin-left: 15px;
border-color: #DADEE1;
}
.home-hero-main-title{
color: #fff;
line-height: 1.5;
font-size: 40px;
font-size: 2.1em;
}
.custom-logo{
max-width: 180px !important;
}
.primary-navigation a {
font-weight: 600; letter-spacing: .5px;
text-decoration: none;
color: #fff;
transition: all 0.3s;
padding-bottom: 3px;
font-family: Roboto;
font-weight: 400;
font-size: 18px;
padding: 0 0 3px !important;
transition: all .1s;
}
.secondary-navigation a{
color: #737781 !important;
}
nav.secondary-navigation a {
padding-bottom: 6px !important;
}
.primary-navigation a:hover{
font-weight: 600; letter-spacing: .5px;
text-decoration: none;
color: #737781 !important;
font-weight: 400;
font-size: 18px;
}
.primary-navigation li:hover a{
color: #737781 !important;
}
.primary-navigation li{
margin: 0 15px;
}
.site-header-cart .cart-contents{
padding: 0  !important;
} .site-content {
outline: none;
width: 90%;
max-width: 1400px;
margin: auto;
}
.top-bar .container.container-big-screen {
color: #031f37;
padding: 10px;
}
.align-right {
text-align: right;
}
.align-center {
text-align: center;
}
.site-footer {
background-color: #031f37 !important;
color: #fff !important;
padding: 4vw 0 0 !important;
}
.site-footer a{
color: #fff !important;
}
.site-footer h6{
color: #fff !important;
}
.footer-contact-content {
margin: 40px 0 20px;
color: #fff;
}
h6.footer-contact-name {
font-size: 1.2em;
font-weight: 600;
margin-bottom: 15px;
}
p.footer-contact-links-p {
margin-bottom: 7px;
font-size: 15px;
}
p.footer-contact-links-p a {
text-decoration: none;
}
.footer-social-holder img {
display: inline;
margin-right: 5px;
}
.footer-menu a {
text-decoration: none !important;
font-weight: 400;
transition: all .1s;
}
.footer-menu a:hover {
text-decoration: none !important;
font-weight: 400;
margin-left: 5px;
}
.storefront-product-section {
margin-bottom: 1.618em;
padding-top: 4vw;
}
.footer-menu ul li {
list-style: none;
margin-bottom: 10px;
}
h2.section-title {
color: #021E36;
line-height: 1.5;
font-weight: 600;
}
ul.products li.product .button{
background-color: transparent;
color: #031f37;
padding: 5px 30px;
border: 1px solid #fff;
transition: 0.5s all;
font-size: 18px;
font-weight: 400;
font-family: Roboto;
border: 1px solid #021e36;
}
ul.products li.product .button:hover{
background: #021e36;
color: #fff;
text-decoration: none;
}
li.product-category.product h2 {
font-size: 1.2rem !important;
font-weight: 900;
}
h3.homepage-about-title {
font-weight: 600;
color: #011f36;
}
a.standard-button-transparent-bg.button.home-about-button {
color: #fff;
background: #022037;
font-weight: 400;
}
.homepage-about-content-holder {
margin: auto;
width: 64%;
margin-top: 120px;
}
.homepage-about-image-holder:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
background: #022137;
left: -90%;
z-index: -1;
}
section.homepage-about-section {
margin: 4vw 0;
}
.home-first-section .container-big-screen{
padding: 0;
}
h2.woocommerce-loop-category__title {
color: #011f36;
}
span.woocommerce-Price-amount.amount {
font-weight: 600;
font-family: 'futura maxi';
font-size: 1.3em;
color: #022237;
}
h2.woocommerce-loop-product__title {
color: #022337;
}
h1.woocommerce-products-header__title.page-title {
color: #011f36;
font-family: 'futura maxi';
}
a.cart-contents .amount {
font-size: 16px;
}
.site-header ul.nav-menu li.current-menu-item > a {
color: #737781 !important;
}
.site-header ul#menu-top-menu li.current-menu-item > a {
color: #022337 !important;
}
.container.container-small {
max-width: 790px;
}
p.bottom-footer-copyright {
margin: 4.5em 0 2.5em;
}
h1.entry-title {
color: #011f36;
}
.woocommerce-info, .woocommerce-noreviews, p.no-comments {
background-color: #f1f1f1 !important;
color: #011F37;
}
.woocommerce-info a{
color: #000;
}
.woocommerce-info a:hover{
color: #011F37;
}
ul#site-header-cart {
margin-top: 7px;
}
ul#site-header-cart {
background: #F1F1F1;
padding: 10px 10px;
}
nav.secondary-navigation {
margin-top: 10px;
}
.storefront-primary-navigation .col-full {
background: #011F36;
color: #fff;
padding: 10px;
box-sizing: border-box;
}
.main-navigation ul li a {
color: #fff !important;
}
.secondary-navigation li:hover a {
color: #022337 !important;
}
.homepage-about-image-holder {
position: relative;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
display: none;
}
a:focus,
.focus a {
outline: none !important;
}
section.home-first-section .container {
margin-left: 0;
}  @media screen and (min-width:1400px) and (max-width:1556px){
.col-5.home-first-section-left-side-holder {
padding: 75px 70px;
background: #021e36;
color: #fff;
margin: 0;
width: 40%;
}
.col-7.home-first-section-right-side-holder img {
width: 100%;
height: 593px;
object-fit: cover;
}
}
.home-first-section .container.container-big-screen .row {
background: url(https://shop.bauinterieur.be/wp-content/uploads/2021/03/02-768x633-1.jpg);
background-size: 61% 100%;
background-position: right;
background-repeat: no-repeat;
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
.home-hero-main-title {
color: #fff;
line-height: 1.5;
font-size: 40px;
font-size: 1.5em;
}
.col-5.home-first-section-left-side-holder {
padding: 5.9% 50px;
background: #021e36;
color: #fff;
margin: 0;
width: 40%;
}
}
@media screen and (max-width: 1199px){
.col-5.home-first-section-left-side-holder {
padding: 5.9% 30px;
background: #021e36;
color: #fff;
margin: 0;
width: 40%;
}
.home-hero-main-title {
color: #fff;
line-height: 1.5;
font-size: 40px;
font-size: 1.3em;
}
}
@media screen and (max-width:767px){
.homepage-about-content-holder {
margin: auto;
width: 100%;
margin-top: 40px;
}
.footer-menu ul {
margin-left: 0;
}
.storefront-primary-navigation {
margin-top: 70px;
}
ul#site-header-cart {
display: none;
}
.align-right, .align-center {
text-align: left;
}
.col-5.home-first-section-left-side-holder {
padding: 18.9% 20px;
background: #021e36;
color: #fff;
margin: 0;
width: 100%;
}
.home-hero-main-title {
color: #fff;
line-height: 1.5;
font-size: 40px;
font-size: 1.5em;
}
.container {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.col-7.home-first-section-right-side-holder {
margin: 0;
width: 100%;
}
.col-7.home-first-section-right-side-holder {
margin: 0;
width: 100%;
display: block;
}
}
.site-info {
display: none;
}
.footer-social-holder a {
text-decoration: none;
}
p.top-bar-text {
margin-bottom: 0;
font-size: 14px;
}
.top-bar{
background: #F1F1F1;
}
header#masthead {
padding-top: 20px;
}
ul#menu-menu {
padding-left: 20px;
}
section.storefront-product-section.storefront-product-categories ul {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
form.checkout.woocommerce-checkout .col-2 {
width: 100% !important;
}
section.related.products h2:first-child {
margin-bottom: 60px;
}
.mobile-cart{
display: none;
}
@media screen and (max-width: 767px){
.mobile-cart{
display: inline;
}
a.mobile-cart img {
display: inline;
margin-top: 10px;
}
button.menu-toggle {
position: absolute;
top: 24px;
right: 15px;
}
.storefront-primary-navigation {
margin-top: 30px; }
.storefront-primary-navigation .col-full {
background: transparent;
color: #fff;
padding: 0px;
box-sizing: border-box;
}
.menu ul {
background: #011F36;
}
.menu ul li {
padding: 5px 10px;
}
img.custom-logo {
margin-right: 0;
max-width: 160px !important;
}
i.fa.fa-shopping-cart {
font-size: 25px;
margin-top: 12px;
margin-left: -10px;
}
.top-bar .col-3 {
margin: 0;
width: 100%;
margin: auto;
margin-left: 15px;
}
section.top-bar .col-3:not(:first-child) {
display: none;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main {
padding-top: 1.235801em;
}
.storefront-handheld-footer-bar {
display: none !important;
}
}
.woocommerce-product-details__short-description ul {
list-style: circle;
margin-left: 20px;
}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails{text-align:center}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::before,.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{content:"";display:table}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails::after{clear:both}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li{display:inline-block;width:auto !important;float:none !important;margin-bottom:0 !important}.header-widget-region .widget_brand_thumbnails ul.brand-thumbnails li img{max-height:16px;width:auto;display:block}.widget_brand_nav ul li .count{float:right}.tax-product_brand .woocommerce-products-header{display:flex;flex-direction:column;margin:0 0 2.2906835em;text-align:center}.tax-product_brand .woocommerce-products-header .brand-thumbnail{margin:0 0 1em;width:auto;max-height:2.2906835em;align-self:center;order:1}.tax-product_brand .woocommerce-products-header .woocommerce-products-header__title,.tax-product_brand .woocommerce-products-header .term-description{order:2}div#brands_a_z::before,div#brands_a_z::after{content:"";display:table}div#brands_a_z::after{clear:both}div#brands_a_z ul.brands_index{margin-left:0;padding:0}div#brands_a_z ul.brands_index li{float:none;display:inline-block;margin:0 .3342343017em .2360828548em 0;padding:0;text-transform:uppercase}div#brands_a_z ul.brands_index li a,div#brands_a_z ul.brands_index li span{float:none;display:block;border:0;padding:.3819820591em;min-width:1.618em;text-align:center;background-color:#eee;color:#43454b;line-height:1}div#brands_a_z ul.brands_index li span{opacity:.3}div#brands_a_z h3{text-transform:uppercase}div#brands_a_z a.top{padding:.6180469716em;background-color:#eee;color:#43454b;border:0;line-height:1}div#brands_a_z ul.brands{margin-left:0;list-style-position:inside}div#brands_a_z ul.brands li{margin:0 0 .3819820591em;padding:0 0 .3819820591em;border-bottom:1px solid rgba(0,0,0,.05)}.storefront-wc-brands-single-product{margin:0 0 .5407911001em}.storefront-wc-brands-single-product img{max-height:2.2906835em}@media(min-width: 768px){div#brands_a_z ul.brands_index{width:21.7391304348%;float:left;margin-right:4.347826087%;transition:all .5s ease}div#brands_a_z h3{width:73.9130434783%;float:right;margin-right:0;clear:right;text-transform:uppercase}div#brands_a_z h3:first-of-type{margin-top:0}div#brands_a_z a.top{clear:right}div#brands_a_z ul.brands{width:73.9130434783%;float:right;margin-right:0;clear:right}}