﻿.popover {
    max-width: 800px;
}

.popover-header {
    background-color: #1b6ec2;
    color: #fff;
}

.mt-6 {
    margin-top: 6px;
}

#event_closed_modal {
    width: 100vw;
    height: 100vh;
    z-index: 100000;
    background-color: rgba(255,255,255,.85);
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 35vh;
    -webkit-backdrop-filter: blur(4px);
    -o-backdrop-filter: blur(4px);
    -moz-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: none;
}
.container-items{
}

@media(max-width:400px) {
    .popover {
        max-width: 300px;
    }

    #txtShareURL {
        overflow: hidden;
        width: 100%;
    }
}

.popoverlay {
    position: relative;
    background-color: rgba(0, 0, 0, 0);
}

    .popoverlay.on {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 10;
    }

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
    border-bottom-color: #1b6ec2;
}

.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^="top"] > .arrow::after {
    border-top-color: #1b6ec2;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
    border-bottom: 1px solid #1b6ec2;
}

.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="top"] .popover-header::before {
    border-top: 1px solid #1b6ec2;
}

/*CUSTOM BREAKPOINTS FOR CERT TILES*/
@media (min-width: 1200px) {
    .container-items {
        max-width: 1275px;
    }
}

@media (min-width: 1620px) {
    .container-items {
        max-width: 1580px;
    }
}

@media (min-width: 1907px) {
    .container-items {
        max-width: 1890px;
    }
}
@media (max-width: 1906px) {
    .container-items {
        padding: 0px 15px;
    }
}
@media (max-width: 1306px) {
    .container-items {
        max-width: 960px;
        padding: 0px 15px;
    }
}

@media (max-width: 980px) {
    .container-items {
        max-width: 650px;
        padding: 0px 15px;
    }
}