/* DIVI Settings */
#main-content .container {
    padding-top: 20px !important;
}



.core-header-text{
    color: #fff;
    text-underline: none;
    font-size: 34px;
}
.core-header-text:hover{
    color: #fff;
    text-underline: none;

}



.entry-title.main_title {
    display: none;
}

.et_pb_section {
    padding: unset !important;
}

#et_top_search, .et_search_outer {
    display: none !important;
}

#main-footer {
    width: 100%;
}

.et_menu_container {
    padding: 0 0 0 0 !important;
    width: unset !important;
}
.menu-footer-menu-container ul {
    list-style: none !important;
    list-style-type: none !important;
}
.menu-footer-menu-container li {
    padding-left: 0px !important;
}

#footer-widgets .footer-widget li:before {
    content: none !important;
}

#wr_template_container {
    min-height: 70vh;
}



/* Design Startpage */
.page-id-16, .page-id-91 {
    background: #000 !important;
    height: 100% !important;
    color: #fff;
}

.page-id-16 h2, .page-id-91 h2 {
    color: #fff;
    font-weight: bold;
}

@media (min-width:1280px) {
    .page-id-16 h2, .page-id-91 h2 {
        font-size: 2.2em !important;
    }
}

.page-id-16 .et_pb_image, .page-id-91 .et_pb_image {
    margin-bottom: 10px !important;
}

.page-id-16 .square-first-page:hover h2, .page-id-91 .square-first-page:hover h2 {
    color: #dc3545;
}

.page-id-16 .square-first-page:hover img, .page-id-91 .square-first-page:hover img {
    -webkit-filter: brightness(70%);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.page-id-16 h2:hover, .page-id-91 h2:hover,
.page-id-16 h2 a:hover, .page-id-91 h2 a:hover  {
    color: #dc3545;
}

.slogan-first-page{
    color: #fff;
    font-size: 3em;
    padding-bottom: 20px !important;
    display: block;
}

.footer-widget .title {
    line-height: 1.5em !important;
}

.square-first-page-list h2 {
    line-height: 2em;
}

.square-first-page-list:hover {
    cursor: pointer;
}

@media (max-width: 980px) {
    .page-id-16 h2, .page-id-91 h2 {
        font-size: 1.8em !important;
    }

    .et_pb_row {
        width: 100% !important;
        padding: 15px !important;
    }
    #main-footer .container{
        width: 100% !important;
        padding: 15px !important;
    }

    .core-list-prefix{
        width: unset !important;
    }
    .core-list-center {
        padding: unset !important;
    }
    .flex-columns .et_pb_row {
        display: flex;
        width: 100%;
        padding: 10px;
    }

    .flex-columns.twobytwo .et_pb_row {
        display: flex;
    }

    .flex-columns.twobytwo .et_pb_row {
        flex-wrap: wrap;
    }

    .flex-columns.twobytwo .et_pb_row .et_pb_column {
        width: 50%;
        padding: 10px;
    }
}

@media (max-width: 479px) {
    .flex-columns.twobytwo .et_pb_row {
        flex-wrap: wrap;
        width: 100%;
        padding: 10px;

    }

    .flex-columns.twobytwo .et_pb_row .et_pb_column {
        width: 50%;
        padding: 10px;
    }
}

/* CORE Object */
.single-object-container {
    padding-bottom: 70px;
    color: #131416;
}

/** Only show spacer when attribute exists */
.object-attribute-spacer {
    display: none;
}

.object-attribute + .object-attribute-spacer {
    display: block;
}

.object-attribute-value::first-letter {
    text-transform: uppercase;
}

.object-attribute-link {
    text-decoration: underline !important;
    cursor: pointer;
}

/* CORE Heading Title */
.core-core {
    font-weight: bold;
    /*padding-right: 10px;*/
}

/*
.core-reg {
    display: none;

    font-size: small;
    vertical-align: text-top;
    padding-right: 10px;
    font-weight: bold;
}*/

.core-title {
    font-weight: bold;
    font-style: italic;
    //white-space: nowrap;
}

.core-header {
    font-size: 30px;
    line-height: 1.1em;
    padding-bottom: 20px;
}

.core-sibling-button{
    font-size: 18px;
}


.core-list-prefix {
    text-align: right;
    width: 50px;
    padding-right: 2px;
    display: inline-block !important;
    font-weight: lighter;
}

.core-list-text {

    text-align: left;
    display: inline-block !important;

}

.core-list-text::first-letter {
    font-weight: bolder;
}

.core-list-50 {
    width: 45%;
}

.core-list-center{
    padding-left:45%;
}

.core-production-title, .core-object-title, .core-outreach-title {
    font-weight: bold;
}

/*
.core-production-ci {

}*/

.core-production-year {
    font-weight: bold;
}

.core-production-sub-count, .core-object-sub-count {
    float: right;
    font-weight: lighter;
}

.core-list-sub-count {
    padding-left: 3px;
    font-weight: lighter;
}

.core-outreach-location {
    font-weight: lighter;
}

/*
.core-genre-title::first-letter {
    text-transform: uppercase;
}*/


/** List **/
.list-container {
    text-align: left;
    color: #000 !important;
}

.list-container > p {
    margin-bottom: 0;
    padding: unset;
}

.list-container > p > span {
    display: inline-block;
    padding: 10px;
}

.list-container > p > span:hover {
    cursor: pointer;
    font-weight: 800;
    background-color: lightgray;
}


/** CORE Square Container **/
.square-container {
    margin-bottom: 30px;
    color: #000 !important;
}

.square-container > div:hover {
    cursor: pointer;
}

.square-container > div > picture > img {
    object-fit: cover;
    object-position: top;
    border: solid 1px black;
}

.square-container > div:hover > picture > img, .square-container > div:hover > p {
    -webkit-filter: brightness(70%);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

.square-container > div > p {
    font-size: 18px;
    padding: unset;
}

.square-container > div > picture > img {
    width: 100%;
}

@media (min-width: 576px) {
    .square-container > div > picture > img {
        min-height: 210px;
        max-height: 210px;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .square-container > div > picture > img {
        min-height: 123px;
        max-height: 123px;
        width: 100%;
    }
}

@media (min-width: 857px) {
    .square-container > div > picture > img {
        min-height: 140px;
        max-height: 140px;
        width: 100%;
    }
}

@media (min-width: 992px) {
    .square-container > div > picture > img {
        min-height: 168px;
        max-height: 168px;
        width: 100%;

    }
}


@media (min-width: 1200px) {
    .square-container > div > picture > img {
        min-height: 230px;
        max-height: 230px;
        width: 100%;
    }
}


/*  Backend */
.hidden {
    display: none;
}


.bold {
    font-weight: 800;
}

/* Add loupe to iv-image zoom*/
.iv-image:hover {
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.lozad {
    opacity: 0;
    transition: opacity 500ms ease 100ms;
}

.lozad[data-loaded] {
    opacity: 1;
}


.core_pdf_viewer {
    width:100%;
    height: inherit;
    min-height: 500px;
}

@media (max-width: 320px) {
    .core_pdf_viewer {
        min-height: 300px;
    }
}
@media (max-width: 500px) {
    .core_pdf_viewer {
        min-height: 400px;
    }
}



/* CSS for gallery */
#image-gallery {
    width: 100%;
    position: relative;
    height: 100%;
    background: #000000;
    border-radius: .25rem;
    float: left;
}

@media (max-width: 576px) {
    #image-gallery {
        min-height: 500px;
    }
}

#image-gallery .image-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
}

#image-gallery .prev,
#image-gallery .next {
    position: absolute;
    height: 32px;
    top: 45%;
}

#image-gallery .prev {
    left: 20px;
}

#image-gallery .next {
    right: 20px;
    cursor: pointer;
}

#image-gallery .footer-info {
    position: absolute;
    height: 40px;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 40px;
    font-size: inherit;
    text-align: center;
    color: white;
    border-top: 1px solid #fff;
}


.core-right-page.col-md-12,  .core-right-page.col-lg-12 {
    padding-top: 20px;
}
@media (max-width: 857px) {
    .btn-core-change-size {
        display: none;
    }

    .core-right-page.col-sm-12,  .core-right-page.col-md-12,  .core-right-page.col-lg-12 {
        padding-top: 20px;
    }
}

/* There should be a min height for the left page, because the height of the row is defined by the content of the right page  */
/* To avoid the problem with small images */
/*
@media ( min-width: 400px) {
    .core-left-page {
        height: 350px;
    }
}

@media ( min-width: 780px) {
    .core-left-page {
        height: 685px;
    }
}
*/
/* Is needed for the resize (change_img_size() function)*/
.col-auto-height {
    height: auto !important;
}

/* Legal Status: White color on yellow background is not so nice*/
.badge-C_CS, .badge-TBC_CI, .badge-TBC_CS{
    color: rgb(30,30,30);
}


/* Menu Item Language Buttons */
.core-menu-language-button {
    cursor: pointer;
    color: white;
}
.core-menu-language-button:hover, .core-menu-language-button:focus {
    color: #dc3545;
    text-decoration: none;
}
/* End Language Buttons */


/**
Avoid multiple clicks on Thumbs or specific Buttons
 */
/* Disables Thumbs to avoid multiple clicks*/
.core-disable-thumb-click {
    pointer-events: none;
    color: #000 !important;
    -webkit-filter: brightness(70%);
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
/* Disables siblings Buttons to avoid multiple clicks */
.core-disable-sibling-button-click {
    cursor: none !important;
    pointer-events: none !important;
    color: grey;
}
/* END: Avoid multiple clicks ... */


/**
Needed for the prime member star
 */
.prime-member-C_CS{
    display: inline !important;
}


/**
Footer Menu from shortcode
 */
#ts_core_footer_ul {
    list-style-type: none;
    padding: 0;
}
#ts_core_footer_ul > li{
    line-height: 15px;
    font-size: 13px;
}
#ts_core_footer_ul > li > span {
    color: black;
}
#ts_core_footer_ul > li > a {
    color: black;
}
#ts_core_footer_ul > li > a:hover {
    color: #dc3545;
}
div.ts_core_footer_row{
    padding-top: 4%;
    padding-bottom: 4%;
}
div.ts_core_footer_text {
    font-size: 18px;
}
/* Footer Menu from shortcode ENDE */