/* Book visit button CSS */

.book-visit-section
{
    background-image: url("../img/background.jpg?version=1");
    background-size: cover;
    background-position:right;
}

.book-visit
{
    padding: 10rem 0;
}

.book-visit-button
{
    background-color: var(--green--);
    font-size: 1.5rem;
    padding: 1rem;
    border:none;
    outline: none;
    border-radius: 4rem;
    box-shadow: 0px 0px 35px 10px rgba(66, 68, 90, 0.6);
    transition: transform .4s ease-in-out;
    width: 100%;
}


@media(min-width: 400px)
{
    .book-visit-button
    {
        text-transform: uppercase;
    }
}

@media(min-width: 992px)
{
    .book-visit-button
    {
        padding: 1.25rem 1rem;
        letter-spacing: 1px;
    }
}

.book-visit-button:hover
{
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.book-visit-button-additional-text
{
    display: none;
}

@media(min-width: 600px)
{
    .book-visit-button-additional-text
    {
        display: inline;
    }
}



/* Important info CSS */

#important-info
{
    background-color: var(--lightgray--);
}

#important-info .container
{
    padding: 2.5rem 0 5rem;
}

.important-info-tile
{
    border: 1px solid var(--gray--);
    position: relative;
}

.important-info-tile figure
{
    margin: 0;
}

.important-info-tile h3
{
    font-size: 1rem;
    margin: 0;
    font-weight: 700;
}

.important-info-tile figcaption
{
    padding: 1rem 0 3rem;
    text-transform: uppercase;
    font-weight: 700;
    background-color: var(--white--);
    transition: color .3s ease-in-out;
}

.important-info-tile-button-wrapper
{
    position: absolute;
    bottom: -1.25rem;
    width: 100%;
}

.important-info-tile-button
{
    display: inline-block;
    text-transform: uppercase;
    color: var(--white--);
    background-color: var(--blue--);
    border-radius: 2rem;
    padding: 0.5rem 2rem;
    text-decoration: none;
}

.important-info-tile-button:hover
{
    cursor: pointer;
}

.icon-right-open
{
    display: none;
    position: absolute;
}



/* Open-hours CSS */


.open-hours-section .container
{
    padding: 2rem 0 3rem;
}

.open-hours-section .row
{
    justify-content: space-between;
}

table
{
    margin: 4rem auto;
    max-width: 92.5%;
}

th, td
{
    border: 1px solid var(--black--);
    padding: 0.5rem 1rem;
}

@media(min-width: 400px)
{
    th, td
    {
        padding: 1rem 2rem;
    }
    
}

@media(min-width: 992px)
{
    th, td
    {
        padding: 1.25rem 5rem;
    }
    
}

th
{
    background-color: var(--blue--);
    color: var(--white--);
}

td
{
    background-color: var(--lightgray--);
}



/* Absent info CSS */

.absent-info-wrapper
{
    display: none;
    position: fixed;
    top: 0;
    left:0;
    width: 100%;
    z-index: 1001;
}

.absent-info
{
    margin: 4rem auto 100rem;
    background-color: var(--white--);
    width: 90vw;
    padding: 1rem 1rem 2rem;
    border-radius: min(5rem, 15vw);
    font-size: 1.25rem;
    border: solid 2px var(--black--);
}

@media(min-width:992px)
{
    .absent-info
    {
        padding: 1rem 4rem 2rem;
        margin: min(10rem, 20vh) auto 100rem;
        max-width: 960px;
    }   
}

@media(min-width: 576px)
{
    .absent-info
    {
        width: inherit;
    }
}

.absent-info-button
{ 
    border:none;
    outline:none;
    border-radius: 0.75rem;
    font-size: 1.125rem;
    background-color: var(--blue--);
    color: var(--white--);
    padding: 1rem 2rem;
    margin-top: 1.5rem!important;
    transition: transform .3s ease-in-out, box-shadow .3s ease-in-out;
}

.absent-info-button:hover
{
    -webkit-transform: scale(0.975);
    -ms-transform: scale(0.975);
    transform: scale(0.975);
    box-shadow: 0px 0px 15px 0px rgba(117, 117, 117, 1);
}

.absent-info h2
{
    margin-bottom: 2.5rem;
    word-spacing: 0.25rem;
    font-size: 1.5rem;
}

@media(min-width: 992px)
{
    .absent-info h2
    {
        font-size: 1.75rem;
    }
}