/* Reset CSS */

* {
    margin: 0;
    padding: 0;
}


html, body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}


body {
    font-family: 'Lato', sans-serif;
    color: #222;
    line-height: 1.6;
}


ul, ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

a, a:link {
    text-decoration: none;
}









/* Stripping out the styles from the theme that I don't want in there */

/* GLOBAL CHANGE*/
/* SECTION: HEADER*/

.header-top, .header-bottom {
    background-color: transparent;
    position: absolute;
}

.header-top {
    padding: 2rem 0 0;
}

.header-top-left a {
    display: none;
}

@media (min-width: 768px) {

    .header-top {
        padding: 3rem 0 0;
    }

        .header-top-left a {
            display: inline-block;
        }

    .header-bottom {
        padding: 9rem 0 0;
    }

        .shop-cart.header-collect {
            padding-bottom: 5px;
        }

        .sticky-fixed .shop-cart.header-collect {
            padding-bottom: 0;
        }

    .container-header-top.container {
        width: 97%;
    }

    .container-header-bottom.container {
        width: 97%;
    }

}

    .social-top {
        display: none;
    }

.header-bottom {
    border-bottom: 0;
}


    @media (min-width: 992px) {

        .sticky-fixed .header-bottom {
            padding: 2rem 0 !important;
            background-color: #262626;
        }

    }

    .header-info {
        width: 40%;
        position: relative;
        padding: 0;
    }

        .header-info-inner {
            position: relative;
        }

    .header-collect {
        margin-right: 0;
    }

    /* Hover state for the My Orders button */
    .cart-wrap.cart-wrap-orders {
        left: 0;
        width: 30%;
    }

    /* Hover state for the Book a Table button */
    .cart-wrap.cart-wrap-table {
        left: 75%;
        width: 20%;
    }

    /* Hover state for the My Orders button */

    @media (min-width: 992px) {

        .cart-wrap.cart-wrap-orders {
            left: 35%;
            width: 30%;
        }

        /* Hover state for the My Orders button */
        .cart-wrap.cart-wrap-table {
            left: -10%;
            width: 30%;
        }

    }
    
    .cart-blog {
        min-width: 200px;
        padding: 22px 0 15px;
    }

        .cart-item {
            margin-bottom: 0; 
            text-align: center;
        }

        .header-collect .cart-item img {
            margin-right: 0;
        }

        .header-collect .cart-item h4 {
            margin-top: 1rem;
            margin-bottom: 0;
        }

    /* Hover hand cursor effect for when you rollover the "My Orders button"*/
    .shop-cart.header-collect:hover {
        cursor: pointer;
    }

    @media (min-width: 1024px) {

        .shop-cart.shop-cart-book-table {
            margin-right: 3rem;
        }
    }

    @media (max-width: 767px) {

        .menu-icon a {
            margin-top: 50px;
        }       
    }

    @media (min-width: 768px) {

        .menu-icon a {
            margin-top: 5px;
        }

        .book-sm {
            padding: 0;
        }
    }


    /* Resizing the logo */

    @media (max-width: 767px) {

        .logo > a {
            top: 0;
            left: -20px !important;
        }
    }

    @media (max-width: 991px) {

        .logo > a {
            width: 150px;
        }
    }


    @media (min-width: 992px) {

        .logo > a {
            width: 200px;
            top: -90px;
        }

        .sticky-fixed .logo > a {
            width: 120px !important;
            top: -33px !important;
        }
    }

    .sticky-fixed .logo img {
        padding: .6rem 0 0 0;
    }
    


    @media (max-width: 991px) {

        .menu-main {
            text-align: center;
            padding-top: 250px;
        }

            .menu-main li a {
                padding-bottom: 30px;
                display: inline-block;
                border-bottom: 1px solid transparent;
            }

    }


    @media (min-width: 992px) {

        .menu-main {
            width: 43%;
        }

    }

    .menu-main > ul > li > a:before { /* removes the yellow dots before the menu links */
        display: none;
    }

    .menu-main ul > li.has-child:hover > a:after { /* removes the yellow triangle below on hover */
        display: none;
    }

    @media (max-width: 767px) {
        .hidden-body .header-bottom {
             margin-top: 0; 
        }
    }

/* POINT OF CHANGE: TYPOGRAPHY*/
/* GLOBAL CHANGE*/
/* SECTION: HEADER*/

.header-top-left, .top-cell, .top-email, /* phone number and email*/
.language-menu, .language-menu ul, /* selected language from the language menu */
.menu-main, .menu-main li, /* main menu links */
.header-collect { /* main menu links */
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    /*letter-spacing: 2px;*/
    font-size: 15px;
}


@media (max-width: 991px) {
    .menu-main li {
        font-size: 22px;
    }
}


@media screen and (min-width: 1200px) {

    .menu-main {
        width: 45%;
    }
}


/* left side - top*/
.top-cell {
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 20px;
}

/* left side - bottom*/

.menu-main li a {
    padding-bottom: 0px;
    display: inline-block;
    border-bottom: 1px solid transparent;
}

    .menu-main li a:hover {
        color: #B8A57F;
        border-bottom: 1px solid #B8A57F;
        transition: 0.6s;
    }

@media (max-width: 991px) {

    .menu-main li a {
        padding: 0 0 30px 0;
    }
}

@media (min-width: 992px) {

    /* main-menu links*/
    .menu-main li a {
        padding: 0;
        margin-right: 25px;
    }

    .menu-main li:first-child a {
        padding-left: 0;
    }
}


/* right side - top*/
.language-menu {
    z-index: 9999;
}

@media (min-width: 768px) {

    .language-menu {
        display: block;
    }
}

.language-menu .current-lang {
    text-transform: uppercase;
    letter-spacing: 3px;
}

.language-menu .fa-caret-down {
    padding-left: 0;
    color: #e4b95b;
    font-size: 15px;
}

.language-menu, .language-menu ul {
    font-size: 15px;
}













/* GLOBAL CHANGE*/
/* SECTION: FOOTER*/

.footer-part {
    background: url("/images/asado/footer-bg.png") repeat #262626;
    border-bottom-color: #B8A57F;
    padding: 85px 0 50px 0;
}

.footer-part .icon-default {
    padding: 0;
}

.icon-default {
    height: 60px;
}

.icon-dark {
    background: url("/images/asado/find-us.png");
}

.icon-dark > img {
    max-width: 70%;
    padding-top: 1rem;
}

.icon-find {
    background: url(../images/asado/find-us-gold.png) no-repeat center center;
}

.copyright-before {
    margin: 0;
}

.top-arrow {
    background: url('../images/asado/arrow-top.png') no-repeat 0 0;
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 50px;
}

/* POINT OF CHANGE: TYPOGRAPHY*/
/* GLOBAL CHANGE*/
/* SECTION: FOOTER*/

.footer-part,
.footer-part a,
.copy-right { /* footer address, email, copyright notice, design by tech answer */
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    color: #fff;
}

.copy-right {
    color: #616161;
}

.social-round li a {
    border: none;
    font-size: 24px;
    line-height: 70px;
}

.social-round li a,
.footer-part a,
.footer-info p {
    color: #616161;
}

    .footer-part a:hover,
    .copy-right a:hover,
    .social-round li a:hover {
        color: #B8A57F;
    }








/* SECTION: HERO BANNERS*/
/* PAGES: MENU, EVENTS, ABOUT, CONTACT*/

.breadcrumb-part {
    height: 500px;
    background-position: center 30% !important;
}

    .breadcrumb-inner {
        position: absolute;
        top: 60%;
    }

/* SECTION: SECTION PADDINGS*/
/* PAGES: ALL*/


/* OURSOME FEATURES*/

    .feature-list .icon-default.icon-skeen {
        top: 45px;
    }

        .about-page.feature-list .icon-default.icon-skeen {
            top: 10px;
        }

    section.home-icon {
        padding: 110px 0 70px;
    }

    @media (max-width: 767px) {

        section.home-icon {
            padding-bottom: 40px;
        }
    }

/* MENU*/

/*menu section > home page */
section.special-menu.home-icon {
    padding: 50px 0 100px;
    background-color: #F4F2ED;
}

    @media (max-width: 767px) {

        section.special-menu.home-icon {
            padding: 50px 0 100px;
            /*background-color: gray;*/
        }
    }

    /*menu section > menu page */
    section.menu-page.special-menu.home-icon {
        padding: 40px 0 60px;
        /*background-color: gray;*/
    }

    @media (max-width: 767px) {

        section.menu-page.special-menu.home-icon {
            padding: 20px 0 60px;
            /*background-color: gray;*/
        }
    }

    @media (max-width: 991px) {

        .portfolioFilter-inner {
            padding: 20px 0;
            border-radius: 50px;
        }
    }


    @media (max-width: 991px) {

        .portfolioFilter-inner {
            padding: 20px 10px;
            border-radius: 10px;
        }
    }
    


/* INSTAGRAM */

section.instagram-main.home-icon {
    padding: 0 0 110px;
    /*background-color: gray;*/
}


/* EVENTS */

/*events section > events page */
section.events-page.home-icon {
    padding: 40px 0 140px;
    /*background-color: gray;*/
}

    @media (max-width: 767px) {

        section.events-page.home-icon {
            padding: 30px 0 120px;
            /*background-color: gray;*/
        }
    }

.service-track-inner {
    background: #ffffff;
    height: 340px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px;
}

.service-track-overlay {
    color: #ffffff;
    background-color: #B8A57F;
    padding: 60px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}




/* ABOUT */

/*events section > events page */
section.welcome-part.home-icon {
    padding: 50px 0 80px;
    /*background-color: gray;*/
}

    @media (max-width: 767px) {

        section.welcome-part.home-icon {
            padding: 30px 0 50px;
            /*background-color: gray;*/
        }
    }


    section.about-page.home-icon {
        padding: 80px 0 90px;
    }

    @media (max-width: 767px) {

        section.about-page.home-icon {
            padding-bottom: 100px;
        }
    }


/* CONTACT */

    section.contact-part.home-icon {
        padding: 30px 0 110px;
    }

    @media (max-width: 767px) {

        section.contact-part.home-icon {
            padding: 20px 0 110px;
        }
    }





/* COMPONENT: TYPOGRAPHY*/
/* PAGES: ALL*/
/* SECTION: ALL HEADINGS*/
.tp-caption.very_large_text, .tp-caption.medium_text,
.breadcrumb-inner h1, h2, h3, h4, .service-track-inner h3,
.footer-part h3, h5, .menu-list h5, .menu-list h5 span {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-style: normal;
    color: #222;
    line-height: normal;
}


    /* COMPONENT: TYPOGRAPHY*/
    /* PAGES: ALL* /
    /* SECTION: HERO HEADINGS ONLY */
    /* REASON: FONT-SIZE PIVOT POINTS*/


.tp-caption.very_large_text,
.tp-caption.medium_text { /* home page / main headline: We're Asado Steakhouse Restaurant */
    background-color: transparent;
    padding: 0 15px;
    color: #fff;
    white-space: normal;
    font-style: italic;
    text-align: center;
    padding: 0 30px !important;
}

        @media (min-width: 320px) {

            .tp-caption.very_large_text {
                top: 290px !important;
                margin: 0 auto !important;
                font-size: 50px !important;
                line-height: 50px !important;
                font-weight: 400;
            }
        }

        @media (min-width: 361px) {

            .tp-caption.very_large_text {
                top: 340px !important;
            }
        }

        @media (min-width: 523px) {

            .tp-caption.very_large_text {
                top: 390px !important;
            }
        }


        @media (min-width: 800px) {

            .tp-caption.very_large_text {
                top: 430px !important;
                font-size: 70px !important;
            }
        }


        /* home page / secondary headline: "Traditional Turkish Delicacies" */
        .tp-caption.medium_text { 
            font-family: 'Lato', sans-serif;
            text-transform: uppercase;
            letter-spacing: 10px;
            font-weight: 700;
            font-style: normal;
        }

                @media (min-width: 320px) {

                    .tp-caption.medium_text {
                        top: 475px !important;
                        font-size: 17px !important;
                        line-height: 30px !important;
                    }
                }


                @media (min-width: 523px) {

                    .tp-caption.medium_text {
                        top: 455px !important;
                    }
                }

                @media (min-width: 800px) {

                    .tp-caption.medium_text {
                        font-size: 20px !important;
                        top: 520px !important;
                    }
                }

        /*.tp-caption.button-text {
            margin-top: 50px !important;
        }*/

        @media (min-width: 320px) {

            .tp-caption.button-text {
                top: 570px !important;
            }
        }

        @media (min-width: 439px) {

            .tp-caption.button-text {
                top: 540px !important;
            }
        }

        @media (min-width: 523px) {

            .tp-caption.button-text {
                top: 530px !important;
            }
        }

        @media (min-width: 800px) {

            .tp-caption.button-text {
                top: 590px !important;
            }
        }

                
    


/* interior page headings */
.breadcrumb-inner h1 {
    color: #fff;
    font-style: italic;
    font-weight: 400;
    font-size: 70px;
    margin-bottom: 80px;
}

        @media (max-width: 767px) {

            /* interior page headings */
            .breadcrumb-inner h1 {
                color: #fff;
                font-style: italic;
                font-size: 50px;
                margin-bottom: 70px;
            }
        }

        




    /* PAGES: ALL OTHER PAGE HEADINGS H2-H5*/
    
    /*  Covers ALL Section headers */

h2 {
    font-size: 32px;
    color: #262626;
}

    
    @media (max-width: 767px) {

        h2 {
            font-size: 30px;
            
        }
    }

    .service-track-inner h3 {
        font-size: 32px;
        line-height: normal;
        text-transform: capitalize;
        font-style: italic;
        font-weight: 400;
    }

    .service-track-overlay h3 {
        margin: 20px 0 10px;
    }



    h4 {
        font-weight: 400;
        color: #c2c2c2;
        text-transform: capitalize;
    }

    /*  targets the benefit headings inside the our some features section AND the dish names inside the menu selection on home page */

    h5 {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        color: #262626;
    }

    @media (max-width: 767px) {

        h5 {
            font-size: 24px;
        }
    }

    .menu-list h5, .menu-list h5 span {
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-size: 22px;
    }
        

    /*  supporting header text inside the our some features section on home page */
    .feature-list .build-title h6,
    .special-menu .build-title h6,
    .instagram-main .build-title h6,
    .events-page .build-title h6,
    .welcome-part .build-title h6 {
        font-size: 20px;
        font-weight: 700;
    }

    /*  contact us heading */
    .build-title {
        margin-bottom: 30px;
    }



    





.service-track-overlay h3 { /* events / event title cards headings */
    color: #fff;
}

    .footer-part h3 { /* footer / Asado Steakhouse heading */
        color: #fff;
        margin-bottom: 10px;
    }

    


    /* COMPONENT: TYPOGRAPHY*/
    /* PAGES: ALL* /
    /* SECTION: ALL BODY TEXT*/

    body, .build-title h6, .portfolioFilter a, .contact-blog-row,
    .contact-blog-row a, label {
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        color: #222;
        line-height: 1.6;
        font-size: 17px;
    }

        .portfolioFilter a {
            font-size: 16px;
        }

            .portfolioFilter a.current {
                background-color: #262626;
                color: #B8A57F;
            }



        /* PAGES: ALL*/
        /* COMPONENT: BUTTONS*/

    .button-white, .btn-main, .btn-black {
        font-family: 'Lato', sans-serif;
        font-size: 18px;
        letter-spacing: 3px;
        width: auto !important;
        padding: 20px 40px !important;
        color: #fff !important;
        font-weight: 700;
        background-image: linear-gradient(to right, #70603f, #B8A57F 90%);
        background-image: -webkit-gradient(to right, #70603f, #B8A57F 90%);
        border: none !important;
    }


    .button-white:hover {
        background-image: linear-gradient(to left, #70603f, #B8A57F 90%) !important;
        background-image: -webkit-gradient(to left, #70603f, #B8A57F 90%) !important;
    }

.btn-main, .btn-black {
    height: auto;
    background-image: linear-gradient(to right, #650011, #a9001c 90%);
    background-image: -webkit-gradient(to right, #650011, #a9001c 90%);
    padding: 0 30px !important;
    color: #eeB840 !important;
    font-size: 16px;
}

    .btn-main:hover, .btn-black:hover {
        background-image: linear-gradient(to left, #650011, #a9001c 90%) !important;
        background-image: -webkit-gradient(to left, #650011, #a9001c 90%) !important;
    }