/*==============+
| CUSTOM STYLES |
+==============*/
/* Global */
body {
    font-family: 'Rubik', sans-serif;
    font-size: 10pt;
    background: url("../images/bg-image.jpg") center/cover no-repeat fixed;
}

header {
    padding: 15px 15px 30px;
}

hr {
    border-width: 0.5px;
}

img {
    width: auto;
    max-width: 100%;
}

a {
    color: #292b2c;
    text-decoration: underline;
}

button:hover, input[type=submit]:hover {
    cursor: pointer
}

.nav .nav-item .nav-link {
    color: #292b2c;
    text-decoration: none;
}

.nav .nav-item .nav-link:hover {
    color: #666666;
}

/* Miscellanous */
.border-test {
    border: 1px solid red;
}

/* Product Styles */
.product-name {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 14pt;
    line-height: 1;
    letter-spacing: -1px;
    margin-bottom: 15px;
}

.product-image {
    border: 0.5px solid #000000;
}

.in-stock {
    color: green;
}

.out-of-stock {
    color: red;
}

.star-full {
    color: #DAA520;
}

.star-empty {
    color: #CCCCCC;
}

.btn-product {
    text-decoration: none;
}

/* Colors */
.white {
    color: #ffffff;
}

.black {
    color: #000000;
}

/* Backgrounds */
.bg-black {
    background: #000000;
}

.bg-white-semi-transparent {
    background: rgba(255,255,255,0.9);
}

/* Margins */
.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.margin-bottom-15 {
    margin-bottom: 15px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-left-15 {
    margin-left: 15px;
}

/* Padding */
.padding-30 {
    padding: 30px;
}

.padding-left-30 {
    padding-left: 30px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-top-30 {
    padding-top: 30px;
}

/* Headings */
.my-h1-1 {
    font-family: 'Homemade Apple', cursive;
    font-size: 26pt;
    font-weight: bold;
    margin-bottom: 0;
}

.my-h1-2 {
    font-family: 'Rubik', sans-serif;
    font-size: 12pt;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 0;
}

.my-h2 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 20pt;
    line-height: 1;
    letter-spacing: -1px;
    margin-bottom: 30px;
}