/*
Theme Name: Barnes Brussels
Description: Inside Web 2025 - thème
Version: 2.0.0
Author: Inside Web
Author URI: https://www.insideweb.be
*/

/*Example to import font*/
/*@font-face {
  font-family: "Circular-Std";
  src: url("https://insideweb.be/layout/themes/insideweb/fonts/CircularStd-Black.ttf") format('truetype');
  font-weight: 700;
}*/

:root {
    --white: #ffffff;
    --black: #000000;
    --primary: #00DEB5;
    --secondary: #2F3653;
}

body{
    font-family: 'Montserrat', sans-serif;	
    font-weight:400;
    margin: 0;
    overflow-y: scroll;
    /*14px-16px*/
    font-size: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
    color:var(--primary);
}

a {
    color: var(--secondary);
    text-decoration: none;
}

a:hover {
    color: var(--primary);
}

img {
    width: 100%;
}

p:last-child {
    margin-bottom: 0;
}

button, .button{
    background: var(--secondary);
    border: 1px solid var(--secondary);
    padding: 10px 20px;
    color: var(--primary);
    /*14px-16px*/
    font-size: clamp(0.875rem, 0.831rem + 0.1878vw, 1rem);
    transition: all 0.5s ease 0s;
}

button:hover, .button:hover{
    background: transparent;
    border: 1px solid var(--secondary);
    color: var(--secondary);
}

.hide{
    display: none;
}

.btnSite{
    border: 1px solid var(--primary);
    color: var(--primary);
    background-color: var(--white);
    padding: 5px 20px;
    transition: all 0.3s ease-in-out;
    font-size: 14px;
}

.btnSite:hover{
    background-color: var(--primary);
    color: var(--white);
}

/* HEADER */

header .navbar-brand img{
    width: auto;
    max-width: 150px;
}

.offcanvas-footer{
    display: flex;
    align-items: center;
    padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.firstSection{
    margin-top: 100px;
}

/* FIN HEADER */

/* FOOTER */

/* FIN FOOTER */

/* CONTACT */

/* FIN CONTACT */

/* PAGE 404 */

#page404{
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-self: center;
}

/* FIN PAGE 404 */

@media only screen and (max-width: 1400px){ 

}
@media only screen and (max-width: 1200px){ 

}
@media only screen and (max-width: 992px){ 

}
@media only screen and (max-width: 768px) { 

}
@media only screen and (max-width: 576px) { 

}