/* Float Clearing
--------------------------------------------- */

#home-bottom-1:before,
#home-bottom-2:before,
#home-bottom-3:before,
#home-bottom-4:before {
    content: " ";
    display: table;
}

#home-bottom-1:after,
#home-bottom-2:after,
#home-bottom-4:after,
#home-bottom-3:after {
    clear: both;
    content: " ";
    display: table;
}

/* General
--------------------------------------------- */
.superlink {
 color: #e5e5e5;
}

.panel-widget-style {
    background-position: center !important;
}

/* Home Page
--------------------------------------------- */


h1 {
    font-size: 5.3em;
    color: #ffffff;
    text-shadow: 3px 3px 32px #42454d;
}
    h1 .top {
        display: block;
        font-size: .4em;
        font-weight: 400;
    }
    h1 .tild {
        line-height: 0;
        padding: .2em;
    }


    #home-hero {
        text-align: center;
        background-image: url(https://www.tapatiocliffshilton.com/wp-content/uploads/Home-hero.jpg);
        background-position: center center;
        background-size: cover;
    }
        #home-hero .textwidget {
            padding: 20% 0 25% 0;
            background: rgba(11, 35, 52, 0.17);
            opacity: 0;

            -webkit-transition: opacity 1s ease-out;
            -moz-transition:    opacity 1s ease-out;
            -ms-transition:     opacity 1s ease-out;
            -o-transition:      opacity 1s ease-out;
            transition:         opacity 1s ease-out;
        }

        #home-hero.showHero .textwidget {
            opacity: 1;
        }
        #home-hero h1 span {
            display: block;
            opacity: 0;
            -webkit-transition: all 0.8s ease-out;
            -moz-transition:    all 0.8s ease-out;
            -ms-transition:     all 0.8s ease-out;
            -o-transition:      all 0.8s ease-out;
            transition:         all 0.8s ease-out;
            -ms-transform:     translate(0, 10px); /* IE 9 */
            -webkit-transform: translate(0, 10px); /* Safari */
            transform:         translate(0, 10px);
        }
            #home-hero h1 span.fadein-item {
                opacity: 1;
                -ms-transform:     translate(0, 0px); /* IE 9 */
                -webkit-transform: translate(0, 0px); /* Safari */
                transform:         translate(0, 0px);
            }


    #home-reservations {
        background: #ffffff;
        background: #fafbfb;
        box-shadow: 0 0 61px -14px rgba(143, 153, 168, 0.32);
        margin-top: -110px;
        margin-bottom: 90px;
        position: relative;
    }

        #home-reservations .widget {
            margin-bottom: 0 !important;
        }
        #home-reservations .widget:not(:first-child) {
            display: inline-block;
            margin-right: -4px;
            vertical-align: top;
            padding: 40px 60px;
        }
            #home-reservations .widget:nth-child(2) {
                padding-right: 30px;
                position: absolute;
                left: 0px;
                top: 0;

            }
            #home-reservations .widget:nth-child(3) {
                padding-left: 433px;
                max-width: 1051px;
            }
        #home-reservations .bigH2 {
            color: #42454d;
            font-size: 3.4em;
            line-height: 1;
            margin-bottom: 0;
            margin-top: -12px;
            font-style: normal;
        }
            #home-reservations .bigH2 span {
                font-size: 1.5em;
                display: block;
                color: #d0b57a;
                font-style: italic;
            }


            
    #home-reservations .widget:nth-child(2) {
        padding-left: 40px;
        width: 35%;
   }

   #home-reservations .bigH2 {
       font-size: 2.7em;
       line-height: 1.1;
   }
   #home-reservations .bigH2 span {
       font-size: 1.2em;
   }

   #home-reservations .widget:nth-child(3) {
       padding-left: 35%;
       max-width: 100%;
       padding-right: 300px;
   }
   #home-reservations .widget:nth-child(4) {
       position: absolute;
       right: 0;
       top: 0;
       width: 268px;
       padding: 0;
       bottom: 0;
       margin: 0;
   }
       #home-reservations .widget:nth-child(4) > div {
           height: 100%;
           padding: 20px;
       }
       #home-reservations .widget:nth-child(4) .textwidget {
           position: absolute;
           bottom: 20px;
           left: 20px;
       }
       #home-reservations .widget:nth-child(4) h3,
       #home-reservations .widget:nth-child(4) p {
           color: #ffffff;
           margin: 0;
       }
      


/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1150px) {
    #home-hero .textwidget {
        padding: 14% 0 22% 0;
    }

}

@media only screen and (max-width: 1000px) {


    #home-reservations .widget:nth-child(2),
    #home-reservations .widget:nth-child(3) {
        text-align: center;
    }

    #home-reservations .widget:nth-child(2) {
        position: static;
        display: block;
        padding: 30px 30px 0 30px;
        width: 100%;
        padding-bottom: 9px;
        padding-top: 37px;
        padding-right: 300px;
        text-align: left;
    }
    #home-reservations .bigH2 span {
        display: inline-block;
        font-size: 1.1em;
        display: block;
    }
    #home-reservations .widget:nth-child(3) {
        padding: 15px 300px 30px 30px;
        padding-left: 40px;
        text-align: left;
    }

}

/* @media only screen and (max-width: 950px) { */
    /* #home-reservations .widget:nth-child(4) {
        top: 87px;
    } */
/* } */


@media only screen and (max-width: 800px) {
    #home-hero .textwidget {
        padding: 80px 0 178px 0;
    }
    .home h1 {
        font-size: 2.5em;
    }

    /* #home-reservations .widget:nth-child(4) {
        top: 130px;
    } */
}


@media only screen and (max-width: 780px) {

    h1 .top {
        font-size: .7em;
    }

    body.home .content .sow-image-container,
    #home-reservations {
        margin-bottom: 0;
    }

    body.home .site-inner {
        text-align: center;
    }

    #home-reservations .widget:nth-child(2),
    #home-reservations .widget:nth-child(3) {
        padding-left: 10%;
        /* padding-right: 10%; */
    }

    #home-reservations .widget:nth-child(2) {
        padding-top: 10%;
    }
    #home-reservations .widget:nth-child(3) {
        padding-bottom: 10%;
    }
}

@media only screen and (max-width: 650px) {
    #home-reservations .widget:nth-child(2),
    #home-reservations .widget:nth-child(3) {
        padding-right: 40px;
    }
    #home-reservations .widget:nth-child(3) {
        padding-bottom: 40px;
    }
    #home-reservations .widget:nth-child(4) {
        position: static;
        width: 100%;
    }
        #home-reservations .widget:nth-child(4) > div {
        padding: 20%;
    }
}

/*
Animations
---------------------------------------------------------------------------------------------------- */


.test {
    -webkit-animation: slide-in .6s ease-out;
    animation: slide-in .6s ease-out;
}

@-webkit-keyframes slide-in
{
    0%
    {
        opacity: 0;
        -webkit-transform: translatex(100px);
        -ms-transform: translatex(100px);
        transform: translatex(100px);
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translatex(0px);
        -ms-transform: translatex(0px);
        transform: translatex(0px);
    }
}
@keyframes slide-in
{
    0%
    {
        opacity: 0;
        -webkit-transform: translatex(100px);
        -ms-transform: translatex(100px);
        transform: translatex(100px);
    }

    100%
    {
        opacity: 1;
        -webkit-transform: translatex(0px);
        -ms-transform: translatex(0px);
        transform: translatex(0px);
    }
}