@import url('https://fonts.googleapis.com/css2?family=Nunito:ital@0;1&display=swap'); @font-face {
    font-family: "Lunar Pop";
    src: url("https://deliverit-vhosts-sync.s3-ap-southeast-2.amazonaws.com/tatstydotskebabs.com.au/fonts/Lunar_Pop.ttf");
}

@font-face {
    font-family: "Waialua Black";
    src: url("https://deliverit-vhosts-sync.s3-ap-southeast-2.amazonaws.com/zoeskitchenpizza.com.au/fonts/Waialua_Black.otf");
}

body {
    background: linear-gradient(to bottom, rgb(0 0 0 / 61%) 0%, rgb(0 0 0 / 60%) 100%), url(https://images.pexels.com/photos/5602502/pexels-photo-5602502.jpeg);
    background-position: 50% 60% !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

/* scrollbar */
/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* scrollbar */

/* Nabvar */
.navbar.navbar-default.navbar-fixed-top, .navbar-collapse {
    background: transparent;
    border-bottom: none;
}

.navbar.navbar-default.navbar-fixed-top.black {
    background: #3a3a3c;
}

.navbar-default.scrolled .navbar-nav>li>a {
    color: #fff;
}

.navbar.navbar-default.navbar-fixed-top.black .navbar-brand {
    margin-top: -25px;
    left: 45.9%;
}

.navbar.navbar-default.navbar-fixed-top.black #nav-logo {
    /* width: 120px; */
    transform: scale(.6);
    transition: 1000ms;
}

.navbar.navbar-default.navbar-fixed-top.black .navbar-collapse {
    margin-top: 20px;
}

.nav {
    margin-top: 20px;
    width: 100%;
    /* 	margin-top: 0; */
}

#bs-example-navbar-collapse-1 {
    border-bottom: none;
}

.navbar-default .navbar-nav>li>a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    color: #f3f3f3;
    font-size: 15px !important;
    letter-spacing: 1.2px;
    text-transform: uppercase !important;
    outline: none;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-family: "Open Sans", sans-serif;
    font-weight: 500;
    top: -5px;
    padding: 10px 15px 10px 15px;
}

.navbar-default .navbar-nav>li>a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #e1c355;
    border-radius: 0px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 20px;
}

.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:active {
    color: #3a3a3c !important;
}

.navbar-default .navbar-nav>li>a:active {
    background: #f3f3f3 !important;
}

.navbar-default .navbar-nav>li>a:hover:before, .navbar-default .navbar-nav>li>a:focus:before, .navbar-default .navbar-nav>li>a:active:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.navbar-default .navbar-nav>li>a {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px !important;
    letter-spacing: 1px;
}

a.active {
    color: #3a3a3c !important;
    background: #e1c355;
    border-radius: 20px;
    /* 	padding: 10px 15px !important; */
}

#about-link, #location-link, #contact-link {
    float: right;
    font-size: 10px;
}

#oo-link, #menu-link {
    float: left;
}

#about-link {
    margin-right: 9%;
}

#home-link {
    margin-left: 7%;
}

.navbar-brand {
    width: 200px;
    left: 45.9%;
    transition: 1000ms;
    position: fixed;
    margin-top: 20px;
    z-index: 2 !important;
    width: 180px;
    height: 100px;
}

#nav-logo {
    width: 200px;
    transform: scale(1);
    transition: 1000ms;
    border-radius: 50%;
    filter: drop-shadow(0px 0px 13px rgb(255 255 255/25%));
}

/* Navbar */
/* main */
#main {
    background: linear-gradient(to bottom, rgb(0 0 0 / 10%) 0%, rgb(0 0 0 / 0%) 100%), url(https://deliverit-vhosts-sync.s3-ap-southeast-2.amazonaws.com/tatstydotskebabs.com.au/images/bg.jpg) no-repeat !important;
    background-position: bottom !important;
    background-size: cover !important;
    font-family: 'Nunito', sans-serif;
}

#main {
    position: relative;
}

.welcome-to {
    font-size: 22px;
    color: #fff;
}

.tagline-title {
    font-family: "Waialua Black";
    font-size: 80px !important;
    color: #fff;
    text-shadow: #111111 1px 1px, #111111 2px 2px, #111111 3px 3px, #958888 4px 4px;
/*     line-height: 70px; */
}

.subtagline-title {
    font-family: "Waialua Black";
    font-size: 35px !important;
    color: #fff;
    text-transform: none;
    /*     line-height: 30px; */
    margin-top: 15px;
}

.welcome #contact-details {
    font-size: 18px !important;
    color: #fff;
}

#main button {
    font-size: 30px;
    border: 2px solid #3c3c3e;
    background: #fff;
    text-transform: upppercase;
    margin-top: 20px;
    padding: 20px 40px 10px 40px;
    border-radius: 20px;
    color: #3c3c3e;
    font-family: "Lunar Pop";
}

#main button:hover {
    background: #3c3c3e !important;
    transition: 500ms;
    color: #dab450;
}

#main a:hover {
    text-decoration: none !important;
}

/* main */
/* menu */
#menu {
    background-color: #eed390 !important;
    color: #3a3a3c;
    font-family: 'Nunito', sans-serif;
}

#menu .page-title {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-family: "Waialua Black";
    font-size: 60px;
    /*     text-shadow: #8f8f8f 1px 1px, #8f8f8f 2px 2px, #8f8f8f 3px 3px, #8f8f8f 4px 4px; */
    text-shadow: #412508 1px 1px, #412508 2px 2px, #412508 3px 3px, #412508 4px 4px;
    margin: 50px auto;
}

.panel-title {
    text-align: center;
    margin: 30px 0 10px 0;
}

.panel-title span {
    font-size: 30px;
    text-transform: uppercase;
    color: #fff !important;
    background: #000;
    padding: 10px 40px;
    border-radius: 10px;
}

/* .menu-border {
    width: 90% !important;
    margin: auto;
    border-color: #3f1a0f;
} */
#menu-row {
    display: flex;
    flex-flow: wrap;
}

#menu-row .menu-item {
    border-radius: 10px;
    border: 2px solid #3f1a0f;
    width: 40%;
    margin: 20px auto;
    box-shadow: #3a3a3c 0px 6px 0px !important;
    background: #fff;
    text-align: center;
    align-self: flex-start;
}

#menu-row .menu-item:last-child {
    width: 40%;
    margin: 20px 5%;
}

.menu_title_header {
    text-align: center;
    width: 90% !important;
    margin: auto;
    border-bottom: 2px solid #3f1a0f;
    padding-bottom: 20px;
    font-size: 16px;
}

#menu hr, .menu-border {
    display: none;
}

.menu-prices {
    color: #59a32e !important;
}

/* menu */
/* about */
#about {
    height: 40vh;
    display: flex;
    align-items: center;
    text-align-last: center;
    background: transparent;
    color: #fff !important;
}

#about h1 {
    text-align: center;
    margin-top: 50px !important;
    font-family: "Auckland Hills", sans-serif;
    font-weight: lighter;
    text-transform: capitalize;
    letter-spacing: 2px;
    font-size: 60px;
    font-family: "Waialua Black";
}

#about p {
    font-size: 25px;
    font-weight: 300;
    text-transform: capitalize;
    line-height: normal;
    margin-top: .5em;
    text-align: center;
    font-family: 'Nunito', sans-serif;
}

/* about */
/* deliver */
#deliver {
    background: #fff;
    padding: 20px 0px 50px 0px;
}

#deliver .row {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
}

#deliver .page-title {
    color: #7b1216;
    background: #fff;
    width: fit-content;
    padding: 0px 40px;
    font-weight: 600;
    font-family: "Waialua Black";
    text-transform: capitalize;
    color: #7b1216;
}

#deliver .deliver {
    display: flex;
    flex-flow: wrap;
    padding: 50px;
    width: 100%;
    border: 2px solid #7b1216 !important;
    margin-top: -35px;
    color: #111;
    font-family: 'Nunito', sans-serif;
}

#deliver .deliver div {
    width: 25%;
    padding: 10px;
    text-align: center;
}

/* deliver */
/* contact */
#contact {
    background-color: #eed390 !important;
    color: #3a3a3c;
    font-family: 'Nunito', sans-serif;
}

#contact, #contact .page-title, #contact td {
    color: #3a3a3c !important;
}

#contact .page-title {
    text-transform: capitalize;
    font-family: "Waialua Black";
    font-size: 60px;
}

#contact hr {
    border-top: 1px solid #3a3a3c;
}

#form input, #form textarea {
    border-top: none !important;
    border-bottom: 2px solid #3a3a3c !important;
    background: none;
    color: #3a3a3c;
}

#form button {
    border: 2px solid #a54e5c;
    color: #fff;
    background: #a54e5c;
}

#form button:hover {
    border: 2px solid #e1c355;
    color: #3a3a3c;
    background: #e1c355;
    box-shadow: none;
}

#contact th {
    color: #3a3a3c !important;
    font-weight: 600;
}

#contact td.day {
    color: #5f5f5f !important;
    font-weight: 600;
}

/* contact */
.cd-top {
    background: #a14e5b url(https://s3-ap-southeast-2.amazonaws.com/landingpage.assets/img/cd-top-arrow.svg) no-repeat center 50%;
}

.cd-top2 {
    background: #a14e5b;
}

/* media query */
@media screen and (max-width: 1360px) and (max-height: 700px) {
    /* navbar */ 
    #bs-example-navbar-collapse-1 {
        margin-top: 30px;
    }

    .navbar-brand {
        width: 200px;
        left: 45% !important;
        transition: 1000ms;
        position: fixed;
        margin-top: 10px;
        z-index: 2 !important;
        width: 180px;
        height: 100px;
    }

    #nav-logo {
        width: 110px;
        transform: scale(1);
        transition: 1000ms;
        transform: translate(-10%,-0%);
    }

    .navbar.navbar-default.navbar-fixed-top.black .navbar-brand {
        margin-top: 10px !important;
    }

    .navbar.navbar-default.navbar-fixed-top.black #nav-logo {
        transform: scale(.9) !important;
        transition: 1000ms;
        transform: translate(-10%,-0%);
    }

    /* navbar */
    /* main */

    .welcome{
        margin-top: 20px;    
    }
    
    .tagline-title {
        font-family: "Waialua Black";
        font-size: 50px !important;
        color: #fff;
    }
    
    .subtagline-title {
        margin-top: 20px;
        font-size: 30px !important;
    }

    .welcome #contact-details {
        font-size: 18px !important;
        color: #fff;
    }

    #main button {
        font-size: 25px;
    }

    /* main */
}

@media only screen and (max-width: 1600px) {
    /* navbar */ .navbar-brand {
        left: 44.9%;
    }

    .navbar.navbar-default.navbar-fixed-top.black .navbar-brand {
        margin-top: -25px;
        left: 44.9%;
    }

    /* navbar */
}

@media only screen and (max-width: 1450px) {
    /* navbar */ .navbar-brand {
        left: 44.5%;
    }

    .navbar.navbar-default.navbar-fixed-top.black .navbar-brand {
        left: 44.5%;
    }

    /* navbar */
    /* main */
    .tagline-title {
        font-size: 70px !important;
    }

    /* main */
}

@media only screen and (max-width: 1200px) {
    /* navbar */ #about-link {
        margin-right: 0%;
    }

    #home-link {
        margin-left: -02%;
    }

    .navbar-brand {
        width: 200px;
        left: 43.9%;
        transition: 1000ms;
        position: fixed;
        margin-top: 20px;
        z-index: 2 !important;
        width: 180px;
        height: 100px;
    }

    .navbar.navbar-default.navbar-fixed-top.black .navbar-brand {
        left: 43.3%;
    }

    /* navbar */
}

@media only screen and (max-width: 995px) {
    /* navbar */ .navbar .container {
        width: 100% !important;
    }

    #about-link {
        margin-right: 0%;
    }

    #home-link {
        margin-left: 0%;
    }

    .navbar-brand {
        width: 200px;
        left: 42.5%;
        transition: 1000ms;
        position: fixed;
        margin-top: 20px;
        z-index: 2 !important;
        width: 180px;
        height: 100px;
    }

    .navbar.navbar-default.navbar-fixed-top.black .navbar-brand {
        left: 42%;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 15px !important;
    }

    /* navbar */
    /* main */
    #main button {
        font-size: 25px;
    }

    /* main */
    /* main */
    .welcome-to {
        font-size: 22px;
    }

    .tagline-title {
        font-size: 60px !important;
    }

    .welcome #contact-details {
        font-size: 18px !important;
        color: #fff;
    }

    /* main */
}

@media only screen and (max-width: 880px) {
    /* navbar */ .navbar .container {
        width: 100% !important;
    }

    .navbar-default .navbar-nav>li>a {
        padding: 10px;
    }

    #about-link {
        margin-right: 2%;
    }

    #home-link {
        margin-left: 0%;
    }

    #nav-logo {
        width: 120px;
    }

    .navbar.navbar-default.navbar-fixed-top.black .navbar-brand {
        margin-top: -10px;
        left: 42.7%;
    }

    /* navbar */
    /* main */
    /*     .welcome
        width: 600px;
    } */
    .welcome-to {
        font-size: 22px;
    }

    .tagline-title {
        font-size: 60px !important;
    }

    .welcome #contact-details {
        font-size: 18px !important;
        color: #fff;
    }

    /* main */
}

@media only screen and (max-width: 768px) {
    /* main */ #main {
        background: url(https://deliverit-vhosts-sync.s3-ap-southeast-2.amazonaws.com/tatstydotskebabs.com.au/uploads/bg-mobile.jpg) no-repeat !important;
        background-position: center !important;
        background-size: cover !important;
    }

    .welcome {
        width: 450px !important;
        text-align: center !important;
    }

    .tagline-title {
        font-size: 50px !important;
    }

    /* main */
    /* menu */
    #menu .page-title {
        font-size: 50px;
    }

    /* menu */
    /* about */
    #about h1 {
        font-size: 50px;
    }

    /* about */
    /* deliver */
    #deliver {
        padding: 50px 10px 80px 10px;
    }

    #deliver .page-title {
        width: fit-content;
        padding: 5px 20px;
        font-weight: 500;
        font-size: 50px;
    }

    #deliver .deliver {
        display: flex;
        flex-flow: wrap;
        padding: 50px;
        width: 100%;
        border: 2px solid;
        margin-top: -35px;
        padding: 30px 10px 10px 10px;
    }

    #deliver .deliver div {
        width: 50%;
        padding: 10px;
        text-align: center;
    }

    /* deliver */
}

@media only screen and (max-width: 767px) {
    /* navbar */ #about-link, #location-link, #contact-link {
        float: none;
        font-size: 10px;
    }

    #oo-link, #menu-link {
        float: none;
    }

    #about-link {
        margin-right: 0%;
    }

    #home-link {
        margin-left: 0%;
    }

    .nav {
        margin: 10px auto;
    }

    .navbar a {
        color: #fff !important;
        width: fit-content;
        margin: auto;
    }

    a.active {
        color: #3a3a3c !important;
        background: #eed390;
    }

    .navbar-collapse {
        background: #3a3a3c;
        margin-top: 35px !important;
    }

    .navbar-brand {
        left: 5% !important;
    }

    .navbar-brand {
        margin-top: 10px !important;
    }

    #nav-logo {
        width: 80px !important;
    }

    .navbar.navbar-default.navbar-fixed-top.black #nav-logo {
        transform: scale(1);
    }

    /* navbar */
    /* menu */
    .panel-title {
        text-align: center;
        margin: 20px 0 0 0;
    }

    .panel-title span {
        font-size: 25px;
    }

    #menu-row .menu-item {
        border-radius: 10px;
        border: 2px solid #3f1a0f;
        width: 90% !important;
        margin: 20px auto;
        box-shadow: #3a3a3c 0px 6px 0px !important;
    }

    /* menu */
    /* contact */
    #contactus {
        margin-top: 2em;
    }

    #openinghours {
        margin-top: 4em;
    }

    #contact .page-title {
        text-transform: capitalize;
        font-family: "Waialua Black";
        font-size: 50px;
    }

    /* contact */
}

@media only screen and (max-width: 600px) {
    #menu .page-title, #about h1, #deliver .page-title, #contact .page-title {
        font-size: 40px;
    }

    .panel-title span {
        font-size: 22px;
    }

    .subtagline-title {
        font-size: 30px !important;
        margin-top: 15px;
    }

    #about p {
        font-size: 20px;
    }
}

@media only screen and (max-width: 460px) {
    /* main */ 
    .welcome {
        width: 90% !important;
        text-align: center !important;
    }
    /* main */
    /* menu */
    #menu .page-title {
        font-size: 50px;
    }
    /* menu */
}

/* media query */