/*

Sangbarani colors

Main pink -     #B35B81
Light pink -    #ED859E
White pink -    #f0e0e7
Yellow -        #F3C72A
Gray -          #FAFAFA
Dark gray -     #4B4D54


*/

body {
    background-color: #FAFAFA !important;
}

.first-content {
    margin-top: 130px !important;
}

p, p a {
    color: #4B4D54;
}

p a:hover {
    color: #4B4D54;
}

span {
    color: #B35B81;
}

h2 {
    color: #B35B81 !important;
    font-size: 18px !important;
    text-transform: uppercase;
}

h1 {
    font-size: 16px !important;
}

h4 {
    color: #B35B81;
}

ul {
    list-style-type: circle;
}

blockquote {
    font-size: 14px !important;
}

.logo {
    padding: 1em;
} 

.text-area {
    padding: 3em;
}

.text-img {
    padding: 0 30px;
}

ul.text-img {
    padding: 0 50px;
}

.nopadding {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

.nopadding-right {
    padding-right: 0 !important;
    margin: 0 !important;
}

/* #top-nav {
    overflow: hidden;
    background-color: #FAFAFA;
    width: 100%;
    position: fixed;
    top: 0;

} */

/* Remove the navbar's default margin-bottom and rounded borders */ 
.navbar {
    margin: 0;
    border-radius: 0;
    background-color: #FAFAFA;
}

.navbar-nav {
    width: 100%;
    text-align: center;
    border-top: solid 1px lightgrey;
}

ul.navbar-nav li {
      float: none;
      display: inline-block;
}

ul.nav {
    justify-content: center !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.nav li a {
    color: #4B4D54;
}

.active {
    border-bottom: solid 1px #333;
}

ul.dropdown-menu {
    text-transform: none;
    background-color: rgba(255, 255, 255, 0.9);
    border-radius: 0;
}

ul.dropdown-menu li {
    width: 100%;
}

ul.dropdown-menu li a {
    padding: 10px 20px;
    width: 100%;
}

ul.dropdown-menu li a:hover {
    background-color: rgba(179, 91, 129, 0.8);
    color: #f0e0e7;
}

/* Smooth scroll ? */
#contact, #boutique {
    scroll-behavior: smooth;
}

/* Pink Link */
.pink {
    color: #B35B81;
}

.pink:hover {
    color: #B35B81;
}

/* Pink Background */
.pink-bg {
    background-color: #B35B81;
}

.pink-bg a, .pink-bg h4, .pink-bg span, .pink-bg p {
    color: #f0e0e7;
}

.bouton-fill, .pink-bg span {
    color: #fff;
}

.bouton-fill {
    background-color: #B35B81;
    margin: 10px 0px;
    border: solid 1px #fff;
    padding: 15px 20px;
    border-radius: 10px;
}

.bouton-fill:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(179, 91, 129, 0.8);
    transition-delay: 2ms;
}

.bouton-outline {
    margin: 10px 0px;
    color: #fff;
    border: solid 1px #fff;
    padding: 15px 20px;
    border-radius: 10px;
}

.bouton-outline:hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0.15);
    transition-delay: 2ms;
}

.bouton-outline::clicked {
    color: #fff;
    text-decoration: none;
}

/* Add a gray background color and some padding to the footer */
footer {
    margin-top: 0;
    background-color: #B35B81;
    padding: 25px;
}

footer a.top {
    font-size: x-large;
    color: #fff;
    text-decoration: none;
}

i {
    color: #f0e0e7;
}

a i {
    margin-left: 10px;
}

.space {
    margin-left: 30px;
}