/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Hanlding Updates
-----------------------------------------------------------------*/

div[onclick]:hover
{
    cursor: pointer;
}

h3.left-border
{
    border-left: 5px solid #a78b49;
    padding-left: 1rem;
}

#auchen_gallery .col_one_third
{
    display: none;
}

.load-more
{
    color: white;
    background-color: #b9a169;
    padding: 1rem 4rem;
    display: inline-block;
    border-radius: 10px;
}

    .load-more:hover
    {
        color: white;
        background-color: #a78b49;
    }

.owl-carousel .owl-dots
{
    display: none;
}

#events .owl-carousel .owl-prev, #events .owl-carousel .owl-next
{
    display: none;
}

.video-container
{
    position: relative;
    height: 600px;
    background-color: black;
}

    .video-container video
    {
        position: absolute;
        top: -50%;
        width: 200%;
        height: 200%;
    }

#header
{
    z-index: 9;
}

@media screen and (max-width: 1600px)
{
    .video-container
    {
        height: 400px;
    }
}

@media screen and (max-width: 800px)
{
    .video-container
    {
        position: relative;
        height: unset;
        background-color: unset;
    }

        .video-container video
        {
            position: unset;
            top: unset;
            width: unset;
            height: unset;
        }
}