@media (min-width: 1200px) {
    .container {
        max-width: 1250px;
    }
}

.container-fluid {

}

.navbar {
    -webkit-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 10px 10px 0px rgba(0,0,0,0.1);
}

nav, nav.navbar, .navbar-collapse {
    background-color: var(--site-background-color) !important;
}

.navbar-brand span {
    font-family: 'Raleway', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    letter-spacing: 2px;
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23bbb' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.dropdown-menu {
    border: none;
    -webkit-box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 30px 2px rgba(0,0,0,0.15);
}

p {
    letter-spacing: 1.2px;
    line-height: 1.5 !important;
}

.lead {
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1.3px;
    line-height: 1.5 !important;
    font-weight: 200;
    color: #333;
}

.collapse {
    background-color: var(--site-background-color);
}

button:disabled {
    cursor: default;
    pointer-events: all !important;
}

.btn {
    border-radius: 2px;
}

.btn-primary {
    border: none;
    background-color: var(--primary-color);
}

.text-primary {
    color: var(--primary-color) !important;
}

.btn-success {
    border: none;
}

.btn-warning {
    border: none;
}

.btn-danger {
    border: none;
    background-color: var(--danger-color);
}

.btn-info {
    border: none;
}

.btn-collection, .btn-collection:hover {
    background-color: var(--collection-color);
    color: white;
}

.btn-white {
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);
}

.badge {
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
}

.bg-secondary {
    background-color: var(--warm-grey-color);
}

.bg-success {
    background-color: var(--success-color) !important;
}

.bg-info {
    background-color: var(--info-color) !important;
}

.text-info {
    color: var(--info-color) !important;
}

.bg-info {
    background-color: var(--info-color) !important;
}

.badge-pill {
    border-radius: 10px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before{
    background-color: var(--primary-color);
}

.font-discount {
    background-color: var(--primary-color);
}

/* Bootstrap Popover overrides */
.popover {
    z-index: 1151 !important;
    background-color: white !important;
    border: none;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.20);
    -moz-box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.20);
    box-shadow: 0px 0px 40px 2px rgba(0,0,0,0.20);
}

.popover-header {
    border: none;
    background-color: white !important;
    color: #111111;
    font-size: 1.2rem;
}

.popover-body {
    border: none;
    color: #111111;
}

/* Modals */
.modal, .modal-content {
    border: none !important;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.15);
}