/* Fix for horizontal scrollbar appearing */
.row {
    margin-left: 0;
    margin-right: 0;
}

.invisible {
    visibility: hidden;
}

.header-row {
    background-color: #ffffff;
}

.medium {
    width: 80px !important;
    transition: linear 0.2s;
}

/*.smaller {
    width: 0px !important;
    transition: linear 0.2s;
}

.bigger {
    width: 110px;
    transition: linear 0.3s;
}

.smaller-text {
    font-size: 0.9em !important;
    transition: linear 0.2s;
}

.bigger-text {
    font-size: 1.3em;
    transition: linear 0.2s;
}*/

.logo-text {
    font-weight: bold !important;
}

.medium-text {
    font-size: 1.1em !important;
}

body {
    background-color: #ffffff;
    font-family: "DM Sans", sans-serif;
}

* {
    border-radius: 0px !important;
    color: black !important;
}

#main-title {
    font-size: 28pt;
    font-weight: bold;
}

a {
    text-decoration: none;
}

.col-12 {
    margin: auto;
}

.container-fluid {
    padding: 0px;
}

.footer p {
    padding: 15px 0px 15px 0px;
}

hr {
    margin: 3px;
    width: 85%;
    margin: auto;
}

.img-wrapper {
    border-bottom: 1px solid #cecece;
}

.contents {
    padding: 20px 0px 10px 0px;
}

/* Disables text in header */
.navbar-text {
    pointer-events: none;
}

/* Styles for ABOUT page */
.image {
    height: 250px;
    padding: 0px;
    margin: auto;
    margin-bottom: 0px !important;
}

.image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.image-text {
    padding: 25px;
    font-style: italic;
}

.about-row {
    background-color: rgb(255, 255, 255);
    margin-bottom: 10px;
}

.buy-button {
    background-color: rgb(160, 122, 18);
    border: 1px solid rgb(160, 122, 18);
}
.buy-button:hover {
    /*background-color: #8b8a7f;*/
    background-color: rgb(119, 91, 14);
}

.buy-button, .buy-button * {
    color: white !important;
}

.highlighted-button {
    background-color: rgb(160, 122, 18);
}

.highlighted-button, .highlighted-button * {
    color: white !important;
}

.highlighted-button:hover {
    background-color: rgb(119, 91, 14);
}

.buy-button.disabled {
    pointer-events: none;
    border: none;
}

.buy-button:active {
    background-color: rgb(88, 68, 11) !important;
}

#cookies-alert {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
    border: none;
    background-color: rgb(255, 255, 255);
}

.cookies-accept-button {
    background-color: #ddc6a7;
    border: none;
}

.reminder {
    margin: 10px;
}

.reminder a {
    /*background-color: rgb(230, 192, 122);*/
    width: 100%;
    text-decoration: underline;
    /*border: 1px solid black;*/
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
}

.profile-bar {
    /*background-color: rgb(143, 140, 130);*/
    background-color: rgb(255, 255, 255);
    width: 100%;
}

.profile-bar .nav-item {
    list-style-type: none;
    padding-left: 15px;
}

.alert-classic {
    background-color: rgb(160, 122, 18);;
    list-style-type: none;
    color: white !important;
}

.flashes {
    padding: 0px;
}

.card-footer {
    background-color: #bcbbb2;
    padding: 0px;
}

.product-link {
    display: table-cell;
}

input:focus, input:active {
    box-shadow: none !important;
    border: 1px solid #cecece !important;
}

#modal-image {
    display: block !important;
    margin: auto !important;
}

.social-link {
    font-size: 16pt;
    padding: 15px;
}

.cart-buttons {
    position: fixed;
    bottom: 5px;
    right: 5px;
    margin: 0px 5px 5px 0px;
    list-style-type: none;
    z-index: 999 !important;
}

.cart-buttons button{
    border: none !important;
    margin: 5px;
    width: 60px; 
    height: 60px; 
    border-radius: 50% !important;
    font-size: 13pt;
    padding: 0px !important;
    z-index: 999 !important;
}

.cart-buttons button:active{
    background-color: rgb(88, 68, 11) !important;
}