/*Backgrounds*/
.responsive-background-image-label {
    background-image: url(https://jbcstorageaccountwesteu.blob.core.windows.net/images/Revolve_Bike_Aero2_1200.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #333333;
}

.responsive-background-image-rockpool {
    background-image: url(/images/harrisgin/IMG_HarrisGin10_1270by400.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #333333;
}

.fade-in-1p5s {
    -webkit-animation: fadein 1.5s;
    -moz-animation: fadein 1.5s;
    -ms-animation: fadein 1.5s;
    -o-animation: fadein 1.5s;
    animation: fadein 1.5s;
}

.fade-in-3s {
    -webkit-animation: fadein 3s;
    -moz-animation: fadein 3s;
    -ms-animation: fadein 3s;
    -o-animation: fadein 3s;
    animation: fadein 3s;
}

.font-homemade-apple-regular { font-family: "Homemade Apple", cursive; }

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}


ul {
    list-style-type: none;
}

.font-size-1p1 {
    font-size: 1.1em !important;
}

.complete-tag {
    background-color: #3384ff;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    padding-left: 0.9em;
    padding-right: 1em;
    border-radius: 20px;
}

.btn-grey-inverse {
    background-color: #fff !important;
    border: 2px solid #ddd !important;
    color: #444 !important;
    text-align: left;
}

.btn-black {
    color: #ffffff;
    background-color: #313131 !important;
    border-color: #313131 !important;
}

    .btn-black:hover, .btn-black:focus, .btn-black:active {
        color: #ffffff !important;
        background-color: #4b4b4b !important;
    }

.hover-no-underline:hover {
    text-decoration: none !important;
}

.appointment-time-option {
    padding-top: 1em;
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 1em;
    border-top: 1px solid #ddd;
    color: #41484d;
}

.color-circle-wrapper {
    background: linear-gradient(to bottom, #ffffff 50%,#f2f2f2 51%);
    background: -webkit-linear-gradient(to bottom, #ffffff 50%,#f2f2f2 51%);
}

.color-circle {
    display: inline-block;
    margin: 5px 0;
    width: 28px;
    height: 28px;
    line-height: 28px;
    padding: 0;
    border-radius: 50%;
    text-indent: -23em;
    border: none;
}

/* Modal settings */
.modal { background-color: rgba(255, 255, 255, 0.9); }
.custom-modal-body {position: relative;}
.modal-content {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}
.modal-backdrop {background-color: #fff; /* Override dark Bootstrap color */}
.modal-backdrop.fade {opacity: 0;}
.modal-backdrop.show {opacity: 0.95;}
.custom-modal-fade {transition: opacity 0.1s linear;}
.custom-modal-fade:not(.show) {opacity: 0;}
@media screen and (prefers-reduced-motion: reduce) {
    .custom-modal-fade {
        transition: none;
    }
    .modal.custom-modal-fade .modal-dialog {
        transition: none;
    }
}

/* CSS specific to iOS devices */
@supports (-webkit-overflow-scrolling: touch) {
    .responsive-background-image-label {
        background-attachment: scroll;
    }
}

@media only screen and (max-width: 768px) {
    .responsive-background-image-label {
        background-image: url(https://jbcstorageaccountwesteu.blob.core.windows.net/images/Revolve_Bike_Aero2_1200.jpg);
    }
}