﻿h1 {
    font-size: 1.5rem;
}
@media (min-width: 768px) {
    h1 {
        font-size: 2rem;
    }
}
h2 {
    font-size: 1.5rem;
}
@media (min-width: 768px) {
    h2 {
        font-size: 1.8rem;
    }
}
h3 {
    font-size: 1.3rem;
}
@media (min-width: 768px) {
    h3 {
        font-size: 1.5rem;
    }
}
h4 {
    font-size: 1rem;
}
@media (min-width: 768px) {
    h4 {
        font-size: 1rem;
    }
}
body {
    color: #075083;
    padding-top:130px;
}
.toppaddingless {
    padding-top: 60px;
}
.toppadding {
    padding-top: 80px;
} 
.bodycontent {
    /*padding-top: 90px;*/
}
.popover {
    max-width: 100%;  Max Width of the popover (depending on the container!) 
}
.cborubriekmenu {
    border-color: rgb(206, 212, 218) !important;
}
.text-body {
    color: #075083 !important;
}

.listrubrieken {
    margin:0px;
    padding:0px;
}
/* links*/
.navbar-light .navbar-nav .nav-link {
    color: #348CCB;
}
    .navbar-light .navbar-nav .nav-link:hover {
        color: #FF9800;
    }
a {
    color: #075083;
}
    a:hover {
        color: #FF9800;
    }
.bgimg {
    position: fixed;
    background-size: cover;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index:-1;
}
.bgvideo {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}
h1 {
    text-shadow: 1px 1px #FFFFFF;
}
.whiteshadow {
    text-shadow: 1px 1px #FFFFFF;
}
.breadcrumb {
    font-weight: bold;
    text-shadow: 1px 1px #FFFFFF;
}
.zoomimage {
    font-size: 28px;
    position: absolute;
    bottom: 0px;
    right: 5px;
    z-index: 3;
}
h2 {
    text-shadow: 1px 1px #FFFFFF;
}
h3 {

    text-shadow: 1px 1px #FFFFFF;
}
h4 {
    text-shadow: 1px 1px #FFFFFF;
}
/*footer*/
.footer {
    position: relative;
    background-color: #F8F9FA;
    border-top: 1px solid #348CCB;
}

/*buttons*/
.bluebuttonhover:hover {
    background-color: #348CCB;
    color: white;
}

/* card header */
.bluecardheader {
    background-color: #348CCB;
    color: white;
}

/* product card */
.productcardholder {
    overflow: hidden;
}
.productcard_original {
    height: 430px;
    cursor: pointer;
}
.productcard {
    height: 345px;
    cursor: pointer;
}
.productcardedit {
    height: 450px !important;
    cursor: pointer;
}
.productcard_inner {
    position: relative;
    height: 410px;
}
.productcard_inneredit {
    position: relative;
    height: 370px !important;
}
.productcard_price_original {
    position: absolute;
    bottom: 0px;
}
.productcard_price {
    position: absolute;
    bottom: 10px;
}
.productcard_price_edit {
    position: absolute;
    bottom: 30px;
}
.no-overflow {
    overflow:hidden;
}
.padding10 {
    padding:10px;
}
.productcard_original .productimage {
    transition: all .3s ease-in-out;
}
.productcard_original:hover .productimage {
    transform: scale(1.05);
}
.productcard .productimage {
    transition: all .3s ease-in-out;
}

.productcard:hover .productimage {
    transform: scale(1.05);
}
.productimage {
    /*margin-top: 1px;*/
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.productimage_small {
    /*margin-top: 1px;*/
    width: 100%;
    height: 100px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.clickable {
    cursor:pointer;
}
.list-group-hover:hover {
    background-color: #F5F5F5 !important;
}
.own-message {
    background-color: rgba(220, 248, 198, 0.7);
}
/* trending flipcard */
.flipcard {
    cursor: pointer;
    height: 87px;
}
.trendingimage {
    width: 100%;
    height:87px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/* aanbieder cards */
.aanbiedercard {
    height: 300px;
}

/* margins and paddings */
.nomarginnopadding {
    margin: 0px; 
    padding: 0px;
}
.nomarginsmallpadding {
    margin: 0px;
    padding: 5px;
}
.x-small {
    font-size:0.7em;
}
/* colors */
.color1 {
    color: #075083;
}
.color2 {
    color: #348CCB;
}
.color3 {
    color: #42B0FF;
}
.colorhighlight {
    color: #FF9800;
}
.ekko-lightbox-nav-overlay {
    justify-content: space-between;
}
.ekko-lightbox-nav-overlay a {
    flex: 0 !important;
}
.producteditbutton {
    position: absolute;
    bottom: 0px;
    height: 100px
}
.producttextbadge {
    position: absolute;
    z-index: 9
}
.producttopbadge {
    position: absolute;
    z-index: 9;
    top: 5px;
    left: 5px;
}
.producttopbadge-r {
    position: absolute;
    z-index: 9;
    top: 5px;
    right: 5px;
}
.producttitle {
    max-height: 50px
}