html{
    scroll-behavior: smooth;
}

body {
    background-color: #fbf5ed;
}

/*This is the banner*/
.banner {
    background-color:#1c211e;
}

.banner-text{
    color: #97a677;
    text-decoration: none;
   }

.banner-text:hover {
 color: #97a677;
 text-decoration: none;
}

.banner-text:visited {
    color: #97a677;
    text-decoration: none;
   }


/*This is the navigation*/
.nav-link {
    text-transform: uppercase;
    color:#1c211e !important;
}

.nav-link:hover {
    border-bottom: solid 1px #1b1b1b !important;
}


/*This is the sort by*/
.btn-info {
    background-color: #fbf5ed !important;
    color: #1b1b1b !important;
    border: 1px solid #2c322e;
}

.btn-info:focus{
    outline:none !important;
    box-shadow: none !important;
    color: #1b1b1b !important;
}

.btn-info:hover{
    outline:none !important;
    box-shadow: none !important;
    color: #d9806c !important;

}

.dropdown-item:hover {
    background-color: #d9806c !important;
    
}

#accordion {
    border: solid 1px #1b1b1b !important;
}


 
.btn-outline-secondary {
    background-color: #fbf5ed !important;
    color: #1b1b1b !important;
    border-color: #1b1b1b;
    font-family: 'Overlock', cursive;
}

.btn-outline-secondary:hover {
    background-color:#fffffe !important;
    border-color: #1b1b1b;
    color: #1b1b1b;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

.btn-primary:hover {
    background-color:#e88772 !important;
    border-color: #1b1b1b;
    color:#261d1d;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

.nav-link {
    font-family: 'Overlock', cursive;
    font-size: 1.2em;
}

/*This is for the card tag*/ 
.card-prod {
    position: relative;
}
.card-tag {
    position: absolute;
    float: left;
    background-color: #fbf5ed;
}

/*changing button color*/

.btn-primary {
    background-color: #fbf5ed !important;
    color: #1b1b1b;
    border-color: #1b1b1b;
    font-family: 'Overlock', cursive;
    font-size: 1.1rem;
    
}

.btn-primary:hover {
    background-color:#d9806c !important;
    color: #1b1b1b;
    border-color: #1b1b1b;
    font-family: 'Overlock', cursive;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.12), 0 9px 25px 0 rgba(0,0,0,0.10)!important;
    
}
.btn-primary:active {
    color: #1b1b1b !important;   
}
.btn-primary:focus {
    color: #1b1b1b !important;
    border: 1px solid #1b1b1b !important; 
}

.btn-outline-primary {
    color:#1b1b1b;
    border-color: #354037 !important;
    font-family: 'Overlock', cursive;
    
}
.btn-outline-primary:active {
    background-color: #d9806c !important;
    color:#1b1b1b;
    border-color: #354037 !important;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}
.btn-outline-primary:hover {
    background-color: #d9806c !important;
    color:#1b1b1b;
    border-color:#d9806c;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);

}

.btn-outline-primary:visited {
    background-color: #d9806c !important;
    color:#1b1b1b !important;
    border-color: #354037 !important;

}


.card-prod {
    background-color: #fbf5ed;


}


/*This is the footer section*/
footer{
    background-color: #354037;
    border: solid #354037
}

/*styling social media icons*/
.fa-brands {
    font-size: 1.5em;
    color: #97a677;
    text-decoration: none;
}
.footer-section h6 {
    color: #97a677;
}
.footer-column > h4 {
    color:#f2b279;
}
.footer-column > p {
    color:#f2b279;
}

.footer-column > a {
    color:#97a677;
    list-style: none;
    line-height: 1.7em;
}

.footer-column > a:hover {
    list-style: none;
    text-decoration: underline
}

.newsletter-icon {
    background-color:#d9806c;
    border: 1px solid #261d1d;
}
.newsletter-input {
    background-color: #fbf5ed;
    border: 1px solid #261d1d;
}

.fa-arrow-right-long{
    color: #354037;
}

.footer-column {
    padding-left:0;
    margin-left:0;
}

hr {
    height: 1px;
    border-width: 0;
    background-color: #2c322e;
    color: #2c322e;

}

.legals>a:link a:active {
    color: #1b1b1b;
}

.legals>a:active {
    color: #1b1b1b;
}

.legals> p {
    color: #1b1b1b;
}

.legals>a:hover {
    color: #1b1b1b;
}

.legals>a:visited {
    color: #1b1b1b;
}


/*fonts*/




h1 {
    font-family: 'Overlock', cursive;
    font-weight: 700;
    font-size: 3.5rem;
}

h4, h6, p, a {
    font-family: 'Nunito', sans-serif;
}

h3 {
    font-family: 'Overlock', cursive;
    font-weight: 700;
}

.card-body> h5{
    font-family: 'Nunito', sans-serif;
    font-weight: 700;
    
}

.card-body> p{
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
}


.form-group h4{
    font-family: 'Overlock', cursive;
    font-weight: 700;
}


.footer-column > h4{
    font-family: 'Overlock', cursive;
    font-weight: 900;

}



/*header link*/
.header> a{
    font-family: 'Nunito', sans-serif;
    font-size: 1.1rem;
}

.header> a:link {
    color: #f2b279;
}

.header> a:visited {
    color: #f2b279;
}

.header> a:hover {
    color: #f2b279;
}

.header> a:active {
    color: #f2b279;
}


/*Filter accordion*/
.card-header, .card-body {
    background-color: #fbf5ed !important;
    
}

.btn-link {
    font-family: 'Overlock', cursive;
    font-weight: 700;
    font-size: 1.2rem;
    color: #1c211e !important;
    
}


.btn-link:hover {
    text-decoration: none;
    color:#d9806c !important;
    
}

.btn-link:focus {
    color: #1c211e !important;
    text-decoration: none;
}

.fa-angle-down {
    color: #97a677;
    font-size: 0.8rem;
}

/*pagination*/
.page-link {
    color: #1b1b1b !important;
    background-color: #fbf5ed;
    border: solid 1.9px #1b1b1b;

}

.page-link:hover {
    background-color: #d9806c;
}

.page-link:focus {
    outline: none !important;
    box-shadow: none !important;
}

.customisation> a {
    font-family: 'Overlock', cursive;
    font-weight: 700;
    font-size: 1.5rem;
    color: #e88772; 
}