:root {
        --goldclr1: #deac74;
        --goldgradient: linear-gradient(0deg, #825A35, #C3996C, #764D2A);
}

.menulist .recipe_content-summary span:nth-child(3)::first-letter:root {
        --goldclr1: #deac74;
        --goldgradient: linear-gradient(0deg, #825A35, #C3996C, #764D2A);
}

*:focus,
*:active {
        outline: none !important;
}

.ordertext {
    padding: 15px 20px;
    background: #404040;
    background: #deac74;
    color: white;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    cursor: pointer;
    color: black;
    text-transform: uppercase;
    font-size: 15px;
        visibility: hidden;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column-reverse;
        gap: 1rem;

}
.order_now_text{
       writing-mode: vertical-lr;
       transform: rotate(180deg);
       color:black ;
}
.ordertext:hover .order_now_text{
        color:#000 ;
}

div#orderonline {
    position: fixed;
    left: 0;
    z-index: 4;
    color: white;
    transform: translateY(-50%);
    top: 50%;
        transition: .3s all;
        visibility: hidden;
}
 .ordershop{
        visibility: hidden;
 }

.ordershop ul {
        cursor: pointer;
    list-style: none;
    padding: 0;
} 
.ordertext{
         opacity: 0;
         transition: .3s all;
         visibility: hidden;
}
#orderonline.show .ordertext {
            visibility: visible;
            opacity: 1;
}
#orderonline .ordershop {
           opacity: 0;
           transition: .3s all;
           visibility: hidden;
}
#orderonline.show.shown .ordershop {
        opacity: 1;
        visibility: visible;
}
#orderonline.shown .ordertext {
        border-bottom-right-radius: 0px;
}
#orderonline img{
    height: 21px;
}
.ordertext {
    text-align: center;
}

.ordershop li {
    padding: 12px 10px;
    padding: 0;
    background: white;
    color: #4e4e4e;
    text-align: center;
    transition: .2s all;
    font-size: 15px;
}
.ordershop li a{
        padding: 12px 10px;
        display: inline-block;
        width: 100%;
}

.ordershop li:last-child {
            border-bottom-right-radius: 4px;
}
.ordershop li:hover {
        color: white;
}
.ordershop ul li:nth-child(1):hover {
        background: #ea5b32;
}
.ordershop ul li:nth-child(2):hover {
        background: #f6881f;
}
.ordershop ul li:nth-child(3):hover {
        background: #71bf44;
}
.ordershop ul li:nth-child(4):hover {
        background: #cb202d;
}
.slider {
        font-family: 'playfair display';
        font-size: 3em;
        position: relative;

        text-transform: capitalize;
}

.header_nav>ul>li>a,
.textgold {
        color: var(--goldclr1);
}

.footer_social>ul>li>a {
        color: var(--goldclr1) !important;
}

.image-loaded .media {
        border: 2px solid var(--goldclr1);
        border: 0px solid var(--goldclr1);

}

.overlay_first {
        background: black;
}

.overlay_middle img {
        right: auto;
        top: auto;
}

.media_object:after {
        background: var(--goldclr1);
        *background: linear-gradient(0deg, #825A35, #C3996C, #764D2A);
        background: black;

}

.media_object {
        border-left: 96px solid var(--goldclr1);
        border-left: 0 solid var(--goldclr1);
}

.media-collage .body_group.-type-text.-next-type-buttons {
        margin-bottom: 0;
}

.body_section.-prev-style-black.-style-black {

        padding-top: 250px;
        padding-bottom: 80px;
}

.blockintro {
        border: 1px solid var(--goldclr1);
        position: relative;
}

.boximgoverlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
}

.boximgoverlay img:first-child {
        height: 240px;
        top: -53px;
        left: -66px;
        position: absolute;
        transform: rotate(91deg);
        filter: brightness(80%);
}

.boximgoverlay img:last-child {
        height: 180px;
        bottom: -60px;
        right: -51px;
        position: absolute;
        transform: rotate(90deg);
        z-index: 0;
        filter: brightness(80%);
}

 
.caps {
        text-transform: uppercase;
}

.footer_credit>ul>li {
        text-transform: uppercase;
}

.slider.caps {

        font-family: 'ButlerStencilregular';
        font-size: 60px;
        line-height: 80px;
        letter-spacing: 5px;

        font-family: 'roboto';
        font-weight: 300;
        letter-spacing: 2px;
}

.media-link {
        border: 0 solid #191818;
        border: 2px solid transparent;
        transition: 1500ms all ease-in-out;

}

.media-hover .media-link {
        border-width: 30px;
        border-width: 2px;
        border-color: rgb(25, 24, 24);
        border-color: var(--goldclr1);
        border-color: transparent;
}

.media_object {
        *border-left: 96px solid #191818;
        border-color: var(--goldclr1);
}

.image-loaded .media_object {
        border-left: 0 solid #191818;
        border-color: var(--goldclr1);
}

.slider.caps {
        font-family: 'playfair display';
}

.text>h2 {
        font-family: 'playfair display';

}

/* .slider>span
{
        overflow: hidden;
        display: block;
}
.slider>span>span
{
    transform: translateY(0);
    display: block;
    position: relative;
    line-height: 1.7;
    overflow: hidden;
} */
.header_logo:hover {
        opacity: 1;
}

.button:after {
        opacity: 1;
        background-color: var(--goldclr1);
        transition: 300ms ease-in-out;
        height: 2px;
        bottom: 0;
}

.\+context-dark .button:hover:after {
        background-color: var(--goldclr1);
}

.button:hover:after {
        transform: translateY(0px) translateZ(0);
        height: 6px;
}

.footer_credit>ul>li {
        /* font-size: 15px; */
        font-size: 13px;
        width: 100%;
}

.footer_credit>ul>li>a.mediamax {
        color: var(--goldclr1);
        opacity: 1;
        transition: all 500ms ease-in-out;
}

.footer_credit>ul>li>a.mediamax:hover {
        opacity: .6;
}

.blockintro h1 {
        color: lightgray;
        color: darkgray;
        font-size: 30px;
}

.txtsec p {
        color: rgba(211, 211, 211, 0.82)
}

.item a {
        cursor: pointer;
}

.body_section.-prev-style-black.-style-black.secondsec {
        padding-top: 0;
}

.footer_social>ul {
        padding: 68px 48px;
}

.footer_updown .arrow {
        padding: 48px 34px;
}

.footerborder {
        border-bottom: 1px solid #deac742e;
}

.media.-sizing-cover .media_object>img {
        transform: scale(1);
        transition: 1500ms all ease-in-out;
        will-change: transform;
        /*border-radius: 4px;*/
}

.body_media-column_media:hover .media_object>img {
        transform: scale(1.1) !important;
}

.blckquote {
        width: 50px;
        transform: rotate(180deg);
        /* opacity: 0.2; */
}

.blckquote+h1 {
        margin-bottom: 0 !important;
        font-family: roboto;
        font-weight: 300;
}

.arrow-button .st18 {
        stroke: #b28a5f;
}

.footer_updown .arrow-button .icon {
        color: #b28a5f;
}

.homebanner {}

.homebanner p {
        margin: 0;
}

.slider.caps {
        margin: 20px 0;
}

.hero_content_container .homebanner a {
        padding: 10px 20px;
        border: 2px solid #cf885b;
        font-size: 15px;
        font-weight: 500;
        font-family: roboto;
        display: inline-block;
        margin-top: 10px;
        background: #cf885b;
        color: white;
        text-transform: uppercase;
        transition: 500ms all;
}

.banner_content .hero_content_container .homebanner a:hover {
        background: transparent;
        color: #cf885b;
}

.homebanner a {
        cursor: pointer;
}

.YTPOverlay.raster {
        background: url(images/raster.png);
        opacity: .3;
        background-color: black;
}

body.la-menu-page {
        overflow-x: hidden;
}

.la-menu-page .recipe-page-container,
.la-menu-page-rec .recipe {
        align-items: inherit;
}

.la-menu-page .recipe-page-image,
.la-menu-page-rec .recipe_image,
.la-menu-page-rec .recipe:nth-child(2n) .recipe_image {
        height: auto;
}

.la-menu-page .recipe-page-image .media,
.la-menu-page-rec .recipe_image .media {
        height: 670px;
        position: sticky;
        top: 0;
}

.la-menu-page .media_object {
        overflow: hidden;
}

.la-menu-page .content_container,
.la-menu-page-rec .content_container {
        overflow: initial;
}

.menulist {}

.menulist {}

.menulist .recipe_content-summary {
        position: relative;
        display: flex;
        justify-content: space-between;
        width: 90%;
        width: 100%;
        overflow:hidden;
}


.menulist .recipe_content-summary span:nth-child(1) {}

.menulist .recipe_content-summary span:nth-child(2) {
        height: 1px;
        background: #464646;
        margin: auto 20px;
        flex: 1;
        background: transparent;
        border-bottom: 1px dashed #464646;
}

.menulist .recipe_content-summary span:nth-child(3) {
        min-width: 35px;
}

.la-menu-page-rec .recipe_content {
        padding: 0;
        height: auto;
}

.la-menu-page-rec .recipe_content .menulist {
        position: sticky;
        top: 0;
        padding-top: 40px;
}

.la-menu-page-rec .recipe_content .menulist .recipe_content-num {
        right: calc(140% + 90px);
}

.menulist .recipe_content-title {
        color: #deac74;
        font-family: 'playfair display';
        text-transform: capitalize;
        font-size: 35px;
        padding-bottom: 15px;
}

.menulist .recipe_content-title span:last-child {}

.recipe:nth-child(2n) .recipe_content .menulist {}

.recipe:nth-child(2n) .recipe_content .menulist .recipe_content-num {
        left: calc(140% + 90px);
}

.menulist .recipe_content-summary span:nth-child(3)::first-letter {
        color: #deac74;
}
.menulist .recipe_content-summary span:nth-child(3) span.another_prize_symbol {
        color: #deac74;
}
.la-menu-page-rec .header_nav-full {
        position: absolute;
}

.contactpg .header_nav-full,
.storypg .header_nav-full {
        position: absolute;
}

.otherpagehead {
        width: 100%;
        height: 40vh;
        background: var(--goldclr1);
        background: black;
        margin: 30vh 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-flow: column;
}

.otherpagehead h1,
.otherpagehead2 h1 {
        font-size: 55px;
        font-family: playfair display;
        font-weight: 400;
        color: white;
        z-index: 2;
}

.otherpagehead2 h1 {
        margin-bottom: 0;
}

.otherpagehead hr,
.otherpagehead2 hr {
        width: 100px;
        border: 0;
        background: #514e4a;
        height: 1px;
        margin: 30px 0 20px 0
}

.otherpagehead2 hr,
.otherpagehead2 p {
        margin: auto;

}

.otherpagehead2 hr {
        margin: 20px auto;
}

.otherpagehead p,
.otherpagehead2 p {
        font-size: 20px;
        width: 600px;
        color: white;
        line-height: 35px;
        text-align: center;
        z-index: 2;
}

.la-menu-page .header-buffer,
.la-menu-page-rec .header-buffer,
.contactpg .header-buffer,
.storypg .header-buffer {
        height: 0;
}



.la-menu-page-rec .tymenulist1 {

        padding-top: 0;
}

.la-menu-page-rec .header_nav-full,
.storypg .header_nav-full,
.contactpg .header_nav-full {
        height: 130px;
}

.menuhold {
        margin-top: 35vh;
        transform: scale(0.9);
        margin-bottom: 6vh;

}

.la-menu-page-rec #footerbg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0000008c;
}

#footer {
        position: relative;
}

.la-menu-page-rec #footer,
.contactpg #footer,
.storypg #footer {
        background: url(images/slider.jpg) bottom;
}

.homepg #footerbg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #0000008c;
}

.homepg #footer {
        background: url(images/slider.jpg) bottom;
            background-position: 0% 62%;
}

.footer_container {
        position: relative;
}

.recipe.media-hover .recipe_content-num {
        transform: translateX(-30px) translateZ(0);
}

.recipe:nth-child(2n).media-hover .recipe_content-num {
        transform: translateX(30px) translateZ(0px);
}

.headerbg100vh {
        background: url(images/interiors_lowres/Interiors6180.jpg);
        background-size: cover;
        height: 100vh;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0.4;
}

.striphorizontal {
        background-color: white;
        background-image: url('images/strip.svg');
        height: 300px;
        width: 100%;
        background-size: 110px;
}
 
.la-menu-page-rec .tymenulist1.somemargintop {
        padding-top: 150px;
}

#hero video {
        position: absolute;
        top: 0;
}

.addressblock {
        padding-top: 0;
}

.addressblock .body_section.-type-context {
        padding-top: 70px;
}

.opening {
        text-align: right;
        color: white;
        margin-top: -10px;
        position: relative;
        font-weight: 400;
        color: #deac74;
        text-transform: uppercase;
}

.addressdetail h2 {
        font-size: 22px;
        font-family: playfair display;
        font-family: roboto;
        font-weight: 400;
        font-size: 20px;
        font-size: 18px;
        line-height: 30px;

}

.addressdetail>h5 {
        font-size: 14px;
        color: var(--goldclr1);
}

.addressdetail h2>span:first-child {
        color: darkgray;
}

.addressdetail h2>span {
        margin-bottom: 13px;
        display: inline-block;
}

.addressdetail.text a:not(.button) {
        color: white;
}

.addressdetail.text a:not(.button):hover {
        color: rgba(255, 255, 255, 0.7);
}

.formsec {
        margin-top: 0;
}

.contactsectop {
        margin-bottom: 0;
}

.aboutcontent h2 {
        line-height: initial;
        color: var(--goldclr1);
}

.aboutcontent span {
        text-transform: uppercase;
        color: #b3b2b0;
}

.aboutcontent p {
        /* color: #b3b2b0; */
        font-size: 18px;
        color: lightgray;
}

.interiors {
        display: flex;
        flex-direction: row;
        width: 100%;
        margin-bottom: 0;
}

.interiors figure {
        margin: 0;
        flex: 0 0 25%;
        *padding-left: 10px;

}

.interiors figure img {
        width: 100%;
        height: 500px;
        object-fit: cover;
}

.storypg .addressblock {
        padding-bottom: 0;
}

#scrolldown {}

.interiortitle {
        text-align: center;
        color: white;
        position: relative;
}

.interiortitle h2 {
        font-weight: 300;
        padding-bottom: 160px;
        font-size: 32px;
        color: #deac74;
        text-transform: uppercase;
}

.shoplook {
        background: #212121;
        background: black;
        padding: 80px 0;
        padding-bottom: 120px;
}

.linelook {
        position: absolute;
        width: 1px;
        height: 100px;
        background: white;
        top: 55px;
}

.fbgdark {
        position: absolute;
        top: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 0;
        left: 0;
        width: 100%;
        height: 100%;
}

.headerbg100vh {
        background-attachment: fixed;
}

.contactpg .headerbg100vh {
        background-image: url('images/interiors_lowres/Interiors5153.jpg');
        background-position: center;
}

.storypg .headerbg100vh {
        background-image: url('images/interiors_lowres/Interiors2362.jpg');
        background-position: center;
}

.carrerpage  .headerbg100vh{
    background-image: url('images/interiors_lowres/Interiors9266.jpg');
        background-position: center;
}
  

.loungepg .headerbg100vh {
        background-image: url('images/interiors_lowres/Interiors6180.jpg');
        background-position: center;
}

.loungepg.cakes .headerbg100vh {
        background-image: url('images/interiors_lowres/Interiors1050.jpg');
        background-position: center;
}
.loungepg.pizza .headerbg100vh {
        background-image: url('images/pizza_avenue/pizza_banner.jpg');
        background-position: center;
}

.lagrad {
        background: linear-gradient(to right, #deac74 5%, black 5%, black 45%, #deac74 45%, #deac74 50%, white 50%, white 100%);
        background-size: 140px;
        background-size: 147px;
}

body,
.button,
.footer_credit>ul>li {
        font-family: roboto;
}

.footer_credit>ul>li:last-child {
        font-size: 13px;
}

.mediamax {
        text-transform: none;
}

.stoplandscape {
        display: none
}

.\+context-banner .float-label_field,
.\+context-dark .float-label_field,
.\+context-primary .float-label_field {
        border-color: #584f43;
        color: #fff;
}

.text.menulist .text p {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 5px;
}

.apply-btn {
        margin-top: 40px;
}

.h-divider {
        margin: 35px auto;
}

.job_list {}

.text.menulist .job_list h5 {
        font-size: 18px;
        color: #deac74;
        color: gray;
        font-weight: 400;
        color: #b3b2b0;
        font-family: roboto;
}

.text.menulist .job_list p {
        font-size: 17px;
        color: #b3b2b0;
        color: #deac74;
        color: lightgray;
        position: relative;
        padding-left: 20px;
}

.text.menulist .job_list p::before {
        content: '';
        background: #b28a5f;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 10px 1px 10px 1px;
}

.\+context-dark .button {
        color: #d3d3d3;
}

#jobpopup {
        position: fixed;
        top: 50%;
        left: 50%;
        width: 80%;
        height: auto;
        transform: translate(-50%, -50%);
        z-index: 11;
}

#jobpopup>.container {
        display: flex;
        background: darkgray;
}

#jobpopup>.container .col:first-child {
        flex: 1 1 40%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #232222;
}

#jobpopup>.container .col:last-child {
        flex: 1 1 60%;
}

.applycontent form {
        display: flex;
        flex-flow: column;
        align-items: center;
        justify-content: center;
        background: #f5f5f5;
        padding: 50px;
}

.applycontent input,
.applycontent select,
.applycontent textarea {
        width: 85%;
        padding: 10px;
        margin: 15px 0px;
        border: 1px solid #e6e6e6;
}

.applycontent textarea {
        height: 160px;
        border: 1px solid #e6e6e6;
}

.applycontent select {
        height: 43px;
        border: 0;
        color: #868686;
        border: 1px solid #e6e6e6;
        background: white;
}

.applycontent textarea::placeholder {
        color: #818181;
}

.applycontent .actionbutton input{
          width: 150px;
          background: #242323;
          color: white;
}

#jobpopup .contents {
        padding: 30px;
        text-align: center;
}

#jobpopup .contents img {
        height: 150px;
        margin-bottom: 30px;
}

#jobpopup .contents h2 {
        font-weight: 300;
        font-size: 50px;
        color: white;
}
.actionbutton{
            width: 85%;
}

#closeit{
    padding-left: 20px;
    cursor: pointer;
}
#jobpopup
{   
    opacity: 0;
    transition: all .5s;
    /* transform: matrix(1, 0, 0, 1, 0, 0); */
    visibility: hidden;
}
#jobpopup.active
{
    display: block;
    opacity: 1;
    visibility: visible;
}
 section#jobpopup::before {
         position: absolute;
         top: -30%;
         left: -20%;
         width: calc(100vw + 30%);
         height: calc(110vh + 30%);
         content: '';
         background: rgba(0, 0, 0, .8);
         z-index: -1;
 }
.nofirstcolor::first-letter {
        color: #b3b2b0 !important;
}
figure+a.media-link{
        pointer-events: none;
}
.media_object:after{
            transition-delay: .3s;
}
/* .header_menu_links ul li:nth-child(5){
        display: none;
} */

.addressblock .body_section.-type-context.contact-type-context{
    padding-top: 0;
    /*padding-bottom: 110px;*/
}
.container.-width-12.media-collage.contact-content-block{
    padding-top: 0;
    /*padding-bottom: 0px;*/
}
.contact-content-block  h1{
           font-size: 22px;
    color: #cacaca;
        font-family: roboto;
    font-weight: 400;
}
.menulist .recipe_content-summary.weight_kg{
        justify-content: flex-end;
}
.gold{
    color: #deac74;
}
.landline_content{
    margin: 0;
}
.landline_content span{
    margin: 0 !important;
}
.landline_content.addressdetail_child_element{
    margin-bottom: 35px;
}

@media (min-width: 67.5em){
.body_media-column.-reversed .body_media-column_content {
    padding-right: 0;
    padding-left: 70px;
}}

.menu_item_summary{
        margin-top: -15px;
        display: block;
        font-size: 14px;
        padding-right: 80px;
        line-height: 1.2;
        color: #deac74c4;
               
}

.menulist  .recipe_content-summary--dh{

        line-height: 1.5;
        padding:  0;
        overflow: inherit !important;
        text-transform: capitalize;
}