body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

/* Fonts */

@font-face {
    font-family: 'Open-Sans-Bold';
    src: url('/fonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: 'Open-Sans-SemiBold';
    src: url('/fonts/OpenSans-SemiBold.ttf');
}

@font-face {
    font-family: 'Open-Sans-Regular';
    src: url('/fonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: 'Fibre';
    src: url('/fonts/fibre-font.woff');
}

@font-face {
    font-family: 'PatrickHand-Regular';
    src: url('/fonts/PatrickHand-Regular.ttf');
}

.opensans-bold {
    font-family: Open-Sans-Bold;
}

.opensans-semibold {
    font-family: Open-Sans-SemiBold;
}

.opensans-regular {
    font-family: Open-Sans-Regular;
}

.fibre {
    font-family: Fibre;
}

.patrickhand-regular {
    font-family: PatrickHand-Regular;
}

/* Custom Font Styles */

.thinner-100{
    font-weight: 100;
}

.thinner-200{
    font-weight: 200;
}

.letter-spacing-3{
    letter-spacing: 3px;
}

.font-size-68{
    font-size: 72px;
}

.font-size-64{
    font-size: 64px;
}

.font-size-48{
    font-size: 48px;
}

.font-size-32{
    font-size: 32px;
}

.font-size-25{
    font-size: 25px;
}

.font-size-20{
    font-size: 20px;
}

.font-size-14{
    font-size: 14px;
}

/* Custom Color */
.custom-black{
    color: #282828;
}

.white-low-opacity{
    color: rgba(255, 255, 255, 0.5);
}

.custom-gray{
    color: #9e9e9e;
}

/* Custom Placing */
.margin-top-30{
    margin-top: 30px;
}

.width-full{
    width: 100%;
}

/* Materialize */

.card-image-rounded {
    border-radius: 8px !important;
}

.page-footer {
    background: none;
}

/* Navigation */
.nav-main {
    background: none;
    padding-top: 8px;
    padding-left: 32px;
    padding-right: 32px;
}

.nav-become-a-vendor {
    border: 1px solid white;
    border-radius: 32px;
    padding-left: 32px;
    padding-right: 32px;
}

.nav-font-weight {
    font-weight: lighter;
}

.nav-font-spacing {
}

/* Page Covers */

.bg-home {
    background-image: url('/img/home_banner.jpg');
    background-size: cover;
}

.bg-read-story {
    background-image: url('/img/home_read_story.jpg');
    background-size: cover;
}

.bg-our-story {
    background-image: url('/img/about_us_banner.jpg');
    background-size: cover;
}

.bg-ours-story-cover {
    background-image: url('/img/our_story_cover.jpg');
    background-size: cover;
}

.bg-markets {
    background-image: url('/img/markets.jpg');
    background-size: cover;
}

.bg-news {
    background-image: url('/img/bg_blog.jpg');
    background-size: 100% 450px;
    background-repeat: no-repeat;
}

/* Buttons */

.btn-explore {
    background: rgba(225, 187, 40, 1);
    border: 1px solid rgba(225, 187, 40, 1);
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 64px;
    padding-right: 64px;
}

.btn-explore-nav {
    background: rgba(225, 187, 40, 1);
    border: 1px solid rgba(225, 187, 40, 1);
    color: #282828;
}

.btn-read-story {
    background: none;
    border: 1px solid white;
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 64px;
    padding-right: 64px;
}

.btn-why-choose-mercato {
    background: none;
    border: none;
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 64px;
    padding-right: 64px;
}

.btn-meet-graduates {
    border: 0;
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 48px;
    padding-right: 48px;
}

.btn-partner-with-us {
    background: white;
    border: 1px solid darkgreen;
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 48px;
    padding-right: 48px;
}

.btn-schedule-taste-test {
    border: 0;
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 48px;
    padding-right: 48px;
}

.btn-schedule-taste-test-outline, .btn-schedule-taste-test-outline-yellow {
    border: 1px solid white;
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 48px;
    padding-right: 48px;
}

.btn-schedule-browse-all-outline, .btn-schedule-taste-test-outline-yellow {
    border: rgba(225, 187, 40, 1);
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 48px;
    padding-right: 48px;
    background: rgba(225, 187, 40, 1);
    border: 1px solid rgba(225, 187, 40, 1);
    color: #282828;    
}

.btn-schedule-taste-test-outline-yellow:hover{
    cursor: pointer;
}

.btn-taste-test-submit {
    border: 0;
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 48px;
    padding-right: 48px;
}

.btn-blogs-load-more {
    border: 1px solid black;
    background-color: white;
    border-radius: 32px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 72px;
    padding-right: 72px;
}

.full-height {
    min-height: 100vh;
    height: 100%;
    padding-bottom: 16px;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

/* Our Story Page */

.list-merchants p {
    margin: 4px;
}

/* News Page */

.card-blog {
    border-radius: 8px;
    margin-top: 24px;
}

.card-image-blog {
    border-radius: 8px 8px 0px 0px !important;
}

.card-image-shadowed{
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.25);
}

.blog-content img {
    width: 100%;
    height: auto;
}

.tabs-content.carousel .carousel-item { 
    height: auto; 
}

.pagination {
    text-align: right;
}

span.page-link{
     color: #9e9e9e !important;
}

.owl-dots{
    margin-top: 20px !important;
}

.owl-theme .owl-dots .owl-dot span{
    background: #f2f2f2 !important;
}

.owl-theme .owl-dots .owl-dot.active span{
    background: #fbc02d !important;
}

/* Photobanner CSS */

#about-us-images {
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    background-color: white;
}

.photobanner-img {
    height: 160px;
    object-position: center;
    object-fit: cover;
}

.photobanner {
    height: 265px;
    width: 3550px;
    margin-bottom: 0px;
}

.photobanner img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.photobanner img:hover {
    /*-webkit-transform: scale(1.1);*/
    /*-moz-transform: scale(1.1);*/
    /*-o-transform: scale(1.1);*/
    /*-ms-transform: scale(1.1);*/
    /*transform: scale(1.1);*/
    cursor: pointer;

    -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.first {
    -webkit-animation: bannermove 60s linear infinite;
    -moz-animation: bannermove 60s linear infinite;
    -ms-animation: bannermove 60s linear infinite;
    -o-animation: bannermove 60s linear infinite;
    animation: bannermove 60s linear infinite;
}

@keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -2125px;
    }
}

@-moz-keyframes bannermove {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -2125px;
    }
}

@-webkit-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -2125px;
    }
}

@-ms-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -2125px;
    }
}

@-o-keyframes "bannermove" {
    0% {
        margin-left: 0px;
    }
    100% {
        margin-left: -2125px;
    }
}

/* Others */
.image-fill {
    object-fit: cover;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}