/*#region xyz*/
/*#endregion*/

/*#region ----- General*/

/*#region ...*/
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}

.row {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

    .row > * {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

.overlay {
    display: none;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 666;
    background: red;
}

.instaDiv {
    margin-left: 7%;
    text-align: center;
    height: 350px;
    width: 77%;
    overflow: hidden;
}

.col-center {
    text-align: center;
}

.pageInfo {
    font-size: small;
}

.pagination > .active > a {
    background-color: #d2d2d2 !important;
}

.pagination > li {
    margin: 5px;
}

/*#endregion*/

/*#region Navbar/Dropdown/Menu*/
.navbar {
    background: black !important;
    margin-bottom: 0px !important;
}

.navbarIcon {
    margin-left: 15px;
    margin-right: 15px;
}

.indexContainer {
    text-align: center;
    margin-top: 40px;
}

.rounded-circle {
    max-height: 150px;
    cursor: pointer;
}

.jumbotron {
    background-color: #1f0033 !important;
    color: white !important;
    text-align: center;
    border-radius: 35px;
}

.nav-item {
    color: white !important;
}

    .nav-item:hover {
        color: black !important;
    }

.dropdown {
    text-decoration: none;
}

.dropdown-menu {
    border: 1px solid white !important;
}

.dropdown-toggle {
    color: white;
}

    .dropdown-toggle:hover {
        color: black;
    }

.dropdown-menu {
    background: #1f0033 !important;
    color: white !important;
}

    .dropdown-menu > li > a {
        color: white !important;
    }

        .dropdown-menu > li > a:hover {
            background: #1f0033 !important;
            color: black !important;
            background: #e0e0eb !important;
        }

.menuLink {
    color: black;
    text-decoration: none;
}

    .menuLink:hover {
        text-decoration: none;
        color: black;
    }

.btn-sm {
    padding: 2px 10px !important;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*#endregion*/

/*#region Carousel*/

#indexCarouselSearch {
    margin-top: -10px;
}

.titleImg {
    max-width: 25%;
}

.titleCarousel {
    max-height: 500px;
    min-height: 100px;
    width: 100%;
    text-align: center;
    /*margin-bottom: 50px;*/
    margin-top: 50px;
    color: white;
}

    .titleCarousel > .inner {
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(31,0,51,1) 63%);
        width: 100%;
    }

        .titleCarousel > .inner > .item {
            max-height: 500px;
            min-height: 100px;
            width: 100%;
        }

.main > .carousel {
    max-height: 500px;
    /*margin-bottom: 50px;*/
    margin-top: 20px;
}

    .main > .carousel > .carousel-inner {
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(31,0,51,1) 63%);
    }

        .main > .carousel > .carousel-inner > .carousel-item {
            max-height: 500px;
        }

            .main > .carousel > .carousel-inner > .carousel-item > .slide {
                height: 250px;
            }

/*#endregion*/

/*#endregion*/

/*#region ----- Library*/

/*#region Cards*/

.cstmCard {
    margin: 5px;
    color: black;
    /*box-shadow: inset 0px 0px 60px -12px rgba(0,0,0,1),  inset 0px 0px 60px -12px rgba(31,0,51,1);*/
}

.card-img-top-pez {
    object-fit: cover;
    max-height: 160px;
    min-height: 160px;
    object-position: 50% 10%;
}

.card-img-top {
    /*width: 100%;*/
    /*height: 30vw;*/
    object-fit: cover;
}

.galleryDetail {
    max-width: 250px;
    max-height: 150px;
    margin: 15px;
    margin-left: auto;
    margin-right: auto;
}

/* Zoom for Lego Gallery */
input[type=checkbox] {
    display: none;
}

.cstmCard label {
    margin-left: auto;
    margin-right: auto;
}

    .cstmCard label img {
        /*transition: transform 0.1s ease;*/
        cursor: zoom-in;
    }

input[type=checkbox]:checked ~ label > img {
    position: relative;
    z-index: 100;
    transform: scale(4);
    /*max-height: none;*/
    /*max-width: none;*/
    cursor: zoom-out;
}

.searchBox {
    /*border-radius: 10px;*/
    margin-right: 5px;
}

.searchBtn {
    background-color: #ffffff;
    border-color: #808080;
    display: inline-block;
    font-size: 14px;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid;
    border-radius: 4px;
    height: 25px;
}

/*#endregion*/

/*#region Panel*/
.panel-heading-cstm {
    cursor: pointer;
    /*background-color: #1f0033 !important;*/
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 8%, rgba(31,0,51,1) 63%);
    color: white !important;
    min-height: 65px;
    text-align: center;
}

.panel-body-cstm {
    border: 1px solid gray;
    text-align: center;
    min-height: 270px;
    max-height: 270px;
}

.panel-body-puzzles {
    max-height: 400px !important;
}

.panel-footer-cstm {
    text-align: center;
    margin-bottom: 20px;
}

.panel-footer-plants {
    cursor: pointer;
}

.panel-plantdetails {
    height: auto;
    z-index: 2;
    position: absolute !important;
    background: #008028;
    padding: 5px;
    margin-right: 15px;
    min-width: 92%;
    opacity: 0.95;
}

/*#endregion*/

/*#region Concerts*/

.concertHeader {
    text-decoration: none;
    color: white;
}

    .concertHeader:hover {
        color: purple;
    }

.concertHeaderCol {
    text-decoration: none;
    color: white;
}

    .concertHeaderCol:hover {
        color: purple;
    }

.concertCol {
    cursor: default;
}

/*#endregion*/

/*#region Puzzles*/

.puzzleTable tbody tr td input{
    display: block;
}

/*#endregion */

/*#endregion */

/*#region ----- Childfree*/

/*#region ...*/

.featurette-text {
    text-align: left;
}

.videoTabPane {
    margin-top: 10px;
}

.navLinkChildfree {
    margin-right: 5px;
    color: white;
}

.navLinkChildfree:hover {
    margin-right: 5px;
    color: white;
}
.tab-content {
    margin-top: 10px;
}
/*#endregion*/

/*#region Bingo*/
.bingoCard {
    height: 100%;
    width: 30%;
}

#bingoCard {
    opacity: 10%;
    /*float: left;
    position: relative;
    height: 100%*/;
    width: 100%;
    z-index: 0;
}

.cstmBingoCard {
    margin: 5px;
    color: black;
    /*    margin-left: auto;
    margin-right: auto;*/
    /*box-shadow: inset 0px 0px 60px -12px rgba(0,0,0,1), inset 0px 0px 60px -12px rgba(31,0,51,1);*/
}

#bingoText {
    /*    float: left;
    position: absolute;*/
    /*z-index: 100;*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.accordion {
    margin-top: 50px;
    margin-bottom: 50px;
}

/*#endregion*/

/*#endregion*/

.DownloadButton {
    color: black;
}

    .DownloadButton:hover {
        color: black;
    }