/*
Theme Name: We Are JRG
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.3.0.3
Text Domain: uncode
*/


/****
 * = General
 *	= Menu
 * = Header
 *	= Footer
 * = General Elements
    : Button
    : Form
 * = General Styles
    : 50/50 split section
    : Restaurant Menu
 * = Pages
    : Homepage
    : Contact Us
    : Individual location
 * = Plugins
    : WP Google Maps
    : WP Job Manager
 */
 
/* ========== General ========== */
:root {
   --theme-color-light-yellow: #f3dbb3;
   --theme-color-light-gray-02: #e0e0e0;
   --theme-color-dark-gray-01: #1f2021;
   --theme-color-dark-gray-02: #a0a0a0;
   --theme-color-dark-gray-03: #777;
   --theme-color-white: #fff;
   --theme-color-green: #99B9AF;
   --theme-menu-section-black: #393939;
   --theme-content-text: #999;
   
   --icon-button-size: 20px;
   --menu-item-price-font-size: 20px;
   --menu-item-multiprice-label-size: 16px;   
}

/* - Font */

@font-face {
    font-family: 'Gotham';
    src: url('./css/fonts/Gotham-Book.woff2') format('woff2'),
        url('./css/fonts/Gotham-Book.woff') format('woff'),
        url('./css/fonts/Gotham-Book.ttf') format('truetype'),
        url('./css/fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
   font-family: 'Gotham';
   src: url('./css/fonts/Gotham-Medium.woff2') format('woff2'),
      url('./css/fonts/Gotham-Medium.woff') format('woff'),
      url('./css/fonts/Gotham-Medium.ttf') format('truetype'),
      url('./css/fonts/Gotham-Medium.svg') format('svg');
   font-weight: 600;
   font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Gotham';
    src: url('./css/fonts/Gotham-Bold.woff2') format('woff2'),
        url('./css/fonts/Gotham-Bold.woff') format('woff'),
        url('./css/fonts/Gotham-Bold.ttf') format('truetype'),
        url('./css/fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
   font-family: "Baskerville";
   src: url("./css/fonts/Baskerville.ttf") format("truetype"),
      url("./css/fonts/Baskerville.svg") format("svg"),
      url("./css/fonts/Baskerville.woff") format("woff"),
      url("./css/fonts/Baskerville.woff2") format("woff2");
   font-weight: normal;
   font-style: normal;
   font-display: swap;
}

@font-face {
   font-family: "Baskerville";
   src: url("./css/fonts/Baskerville-SemiBold.ttf") format("truetype"),
      url("./css/fonts/Baskerville-SemiBold.svg") format("svg"),
      url("./css/fonts/Baskerville-SemiBold.woff") format("woff"),
      url("./css/fonts/Baskerville-SemiBold.woff2") format("woff2");
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}

@font-face {
    font-family: 'Baskerville';
   src: url("./css/fonts/Baskerville-Bold.ftf") format("truetype"),
      url("./css/fonts/Baskerville-Bold.svg") format("svg"),
      url("./css/fonts/Baskerville-Bold.woff") format("woff"),
      url("./css/fonts/Baskerville-Bold.woff2") format("woff2");
   font-weight: bold;
   font-style: normal;
   font-display: swap;
}

html, p {
   font-family: Gotham;
}

.hero-banner-title, 
.hero-banner-title span, 
h3.menu-section-title,
h4.sub-menu-section-title {
   font-family: Baskerville;
}

.hero-banner-title, 
.hero-banner-title span {
   color: #fff;
   font-size: 125px;
}

.hero-banner-title span {
   display: block;
}

body.archive #page-header .heading-text h1 {
   color: #fff;
}


h3.menu-section-title,
h4.sub-menu-section-title {
   font-weight: 300;
   color: var(--theme-menu-section-black);
}

h3.menu-section-title {
   font-size: 64px;
   padding-bottom: 18px;
}

h4.sub-menu-section-title {
   font-size: 36px;
}

.multi-price-section-header .menu-item-price ul.sized-price-holder li {
   font-size: var(--menu-item-multiprice-label-size);
}

.menu-item-title .menu-item-price,
.menu-item-price ul.sized-price-holder li {
   font-size: var(--menu-item-price-font-size);
}

footer .widget_nav_menu .menu-item a {
   color: var(--theme-color-dark-gray-02);
}

footer .widget_nav_menu .menu-item a:hover {
   color: var(--theme-color-white);
}

.menu-light li.menu-item a,
header .social-icon a.social-menu-link i.fa {
   color: #000;
}

.icon-font {
   font-size: 24px;
}

/* Hover */
.page-wrapper .style-light a:hover,
header .social-icon a.social-menu-link:hover i.fa {
   color: inherit!important;
   opacity: 0.5!important;
}

.page-wrapper .style-light .tmb-light a:hover {
   opacity: 1!important;   
}

.page-wrapper .style-dark a:hover {
   color: var(--theme-color-white)!important;
}

@media (max-width: 1440px) {
   .hero-banner-title, .hero-banner-title span {
      font-size: 100px;
   }
}

@media (max-width: 1200px) {
   .hero-banner-title, .hero-banner-title span {
      font-size: 90px;
   }
}

@media (max-width: 800px) {
   .hero-banner-title, .hero-banner-title span {
      font-size: 80px;
   }
}

@media (max-width: 576px) {
   .hero-banner-title, .hero-banner-title span {
      font-size: 50px;
   }
}

@media (max-width: 320px) {
   .hero-banner-title, .hero-banner-title span {
      font-size: 40px;
   }
}


/* ========== Menu ========== */
header.menu-light .nav:not(.navbar-cta) .menu-smart {
   display: inline-block;
}

header .nav .menu-smart:hover li.menu-item a:not(:hover) {
   opacity: 0.5!important;
}

.menu-light li.menu-item a:hover,
.nav .menu-item.current-menu-item a:hover,
.nav .menu-item.current-menu-parent a:hover {
   color: #000!important;
}

.menu-item-has-children ul.drop-menu {
   margin-top: 0!important;
}

ul.mega-menu-inner.in-mega {
   margin-top: 0!important;
}

ul.mega-menu-inner > li.menu-item-hidden > a {
   visibility: hidden;
}

ul.mega-menu-inner {
   width: auto!important;
}

/* li.mega-menu.jrg-establishments > a.highlighted + ul.mega-menu-inner {
   left: 130px!important;
}

li.mega-menu.jrg-establishment-menus > a.highlighted + ul.mega-menu-inner {
   left: 278px!important;
} */

ul.mega-menu-inner > .menu-item-has-children > a {
   color: rgba(0,0,0,1)!important;
}


@media (min-width: 960px) {

   .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner {
      padding: 27px 17px;
   }

   .menu-horizontal .menu-smart > li.menu-item-has-children > ul.drop-menu {
      padding: 30px 27px;
   }
   
   .menu-horizontal .menu-smart > .mega-menu .mega-menu-inner > li {
      padding: 0px 10px;
   }
   
   .menu-light ul.mega-menu-inner,
   .menu-light li.menu-item-has-children > ul.drop-menu {
      background-color: var(--theme-color-light-yellow)!important;
   }
   
   .submenu-light .menu-smart li ul.mega-menu-inner li {
      border-color: rgba(0,0,0,0.1);
   }

   .menu-cta-inner {
      display: flex;
      align-items: center;
   }
   
   .menu-cta-inner li.menu-item {
      border: 2px solid var(--theme-color-light-yellow)!important;
      border-radius: 0;
      padding: 16px 24px 12px;
      margin-top: 3px!important;
      height: auto;
      display: inline-block;
   }
   
   .menu-cta-inner li.menu-item:not(:first-child) {
      margin-left: 9px;
   }
   
   .menu-cta-inner li.menu-item a {
      display: inline-block;
      padding-right: 0!important;
      padding-left: 0!important;
   }
   
   .menu-cta-inner li.menu-item a:before,
   .menu-cta-inner li.menu-item:after,
   .hmenu .menu-primary .menu-cta-inner .menu-smart > li > a:after,
   .menu-cta-inner ul.menu-smart:after {
      display: none!important;
   }

}

@media (max-width: 959px) {
   #menu-call-to-action {
      margin-bottom: 20px;
   }
}


/* ========== Header ========== */
.top-menu.menu-secondary {
   background-color: var(--theme-color-green);
}

.top-menu.menu-secondary .text-button-arrow p {
   margin-top: 0;
   font-size: 12px;
   font-weight:600;
   letter-spacing: 0.05em;
}

.top-menu.menu-secondary .text-button-arrow a:after {
   width: 20px;
   height: 20px;
}

.top-menu.menu-secondary .text-button-arrow a:hover {
   color: rgba(0,0,0,0.3)!important;
}


/* ========== Footer ========== */
footer .footer-instagram-wrap > .row {
  max-width: none;
}

.footer-instagram-wrap #sb_instagram #sbi_images {
  padding-top: 0;
  padding-bottom: 0;
}

footer .two-column-footer-menu .widget_nav_menu ul.menu {
   columns: 2;
   -webkit-columns: 2;
   -moz-columns: 2; 
}

footer input {
   width: 80%;
}

#footer-menu-explore {
   padding-right: 10px;
}

#footer-menu-our-brands:after{
    content: '';
    position: absolute;
    width: 50px;
    height: 58px;
    top: -16px;
    right: 0px;
    opacity: 0.25;
    
    background-image: url(images/rdm-logo-white.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}

/* ========== General Elements ========== */

/* : Button */
.btn-container a.btn {
   font-size: 14px;
}

.text-button-arrow {
   display: inline-block;
   position: relative;
   text-transform: uppercase;
   cursor: pointer;
}

.text-button-arrow a {
   padding-right: 35px;
}

.style-dark .text-button-arrow a {
   color: var(--theme-color-dark-gray-02);
}

.style-dark .text-button-arrow a:hover {
   color: #fff!important;
}

.style-dark .btn-container a.btn.btn-outline:hover {
   background-color: rgba( 255,255,255,0.5)!important;
}

.page-wrapper .text-button-arrow a:hover:after {
   opacity: 0.7;
}

.style-dark .text-button-arrow a:hover {
   color: var(--theme-color-white)!important;
}

.style-dark .text-button-arrow a:after {
   opacity: 0.5;
}

.style-dark .text-button-arrow a:hover:after {
   opacity: 1;
}

.text-button-arrow a:after {
   content: "";
   width: 25px;
   height: 25px;

   position: absolute;
   right: 0;
   top: 0;
   
   background-position: center;
   background-size: cover;
   background-repeat: no-repeat;

   transition: all 0.3s;
   -webkit-transition: all 0.3s;
}

.text-button-arrow-right a:after {
   background-image: url(images/long-arrow-right-black.svg);
}

.style-dark .text-button-arrow-right a:after{
   background-image: url(images/long-arrow-right-white.svg);   
}

.text-button-arrow-left a:after {
   background-image: url(images/long-arrow-left-black.svg);
}

.text-button-arrow-up a:after {
   background-image: url(images/long-arrow-up-black.svg);
}

.style-dark .text-button-arrow-up a:after {
   background-image: url(images/long-arrow-up-white.svg);
}   

.text-button-arrow-down a:after {
   background-image: url(images/long-arrow-down-black.svg);
}

.text-button-arrow-right a:hover:after {
   right: -5px;
}

.text-button-arrow a:hover:after {
   transition: all 0.3s;
   -webkit-transition: all 0.3s;
}

.text-button-arrow-up a:hover:after {
   top: -5px;
}

.text-button-arrow-down a:hover:after {
   top: 5px;
}

a.jrg-icon-button {
   display: inline-block;
   position: relative;
   cursor: pointer;
   color: transparent;
   font-size: 0;
   height: var(--icon-button-size);
   padding-right: var(--icon-button-size);
}

a.jrg-icon-button:after {
   content: "";
   width: var(--icon-button-size);
   height: var(--icon-button-size);

   position: absolute;
   right: 0;
   top: 0;
   
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}

.style-dark a.jrg-icon-button:after {
   opacity: 0.5;
}

.style-dark a.jrg-icon-button:hover:after {
   opacity: 1;
}

a.jrg-icon-button.icon-button-apple:after {
   background-image: url(images/logo-apple-white.svg);   
}

a.jrg-icon-button.icon-button-google-play:after {
   background-image: url(images/logo-android-white.svg);   
}

a.jrg-button,
.gform_footer .gform_button.button,
.job-manager-form input.button,
.job_application input.button,
.job_listing_preview_title input.button,
#mc-embedded-subscribe.button 
{
   font-size: 12px!important;
   display: inline-block;
   padding: 14px 31px 12px;
   text-transform: uppercase;
   font-weight: 600;
   color: rgba(0,0,0,0.5)!important;
}

.fasc-button {
   font-size: 12px!important;
   display: inline-block;
   padding: 14px 31px 12px;
   text-transform: uppercase;
   font-weight: 600;
}

.style-light a.jrg-button,
.style-light a.fasc-button {
   border: 2px solid var(--theme-content-text)!important;
   color: var(--theme-content-text)!important;
   background-color: #fff!important;
}

.style-light a.jrg-button:hover,
.style-light a.fasc-button:hover {
   color: #fff!important;
   background-color: var(--theme-content-text)!important;
}

.style-dark a.fasc-button {
   border: 2px solid var(--theme-color-dark-gray-02)!important;
   color: var(--theme-color-dark-gray-02)!important;
   background-color: transparent!important;
}

.style-dark a.fasc-button:hover {
   color: #000!important;
   background-color: var(--theme-color-dark-gray-02)!important;   
}

.gform_footer .gform_button.button {
   background-color: transparent;
   border-color: rgba(0,0,0,0.5)!important;
}

.gform_footer .gform_button.button:hover {
   background-color: rgba(0,0,0,0.5)!important;
   color: #fff!important;
}

.scroll-top i.btn-default {
   border-color: transparent!important;
}

.jrg-btn.btn-black-xsdn.btn-outline:hover {
   background-color: rgba(0,0,0,0.5)!important;
   color: #fff!important;
}


/* : Form */
footer input {
   border: none;
   border-bottom: 1px solid var(--theme-color-dark-gray-02);
   padding: 0 0 6px 0;
}

.collapsable-form-holder .uncont{
   height: 350px;
   overflow: hidden;
}

#jrg-fundraising-form.collapsable-form-holder .uncont {
   height: 380px;
}

.collapsable-form-holder.entered .uncont{
   height: auto!important;
   transition: opacity 0.5s ease-in-out;
   -webkit-transition: opacity 0.5s ease-in-out;
}


/* ========== General Styles ========== */

.right-aligned {
    text-align: right;
}


.row-navigation .navigation .page-prev .btn i.fa {
   margin-right: 6px;
}

.row-navigation .navigation .page-next .btn i.fa {
   margin-left: 6px;
}

.row-navigation .navigation .nav-back .btn {
   padding-top: 6px!important;
}


/* : 50/50 split section */
.vc_row.split-section-5050 .wpb_row .wpb_column .uncol {
   height: 100%;
}

.vc_row.split-section-5050 .wpb_row .wpb_column .uncol .uncoltable {
   min-height: 640px!important;
}

@media (max-width: 959px) {
   .vc_row.split-section-5050 .wpb_row .wpb_column .uncol .uncoltable {
      min-height: 450px!important;
   }
}

@media (max-width: 576px) {
   .vc_row.split-section-5050 .wpb_row .wpb_column .uncol .uncoltable {
      min-height: 360px!important;
   }
}


/* : Restaurant Menu */

.restaurant-menu-navigation-wrap {
   background-color: #fff;
}

.restaurant-menu-navigation-wrap a {
   text-transform: uppercase;
}

.restaurant-menus-navigation-wrap {
   background-color: #fff;
}

.restaurant-menus-navigation-wrap.sticky {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000;
   width: 100%;
}

.restaurant-menus-navigation-wrap .wpb_row.row-inner {
   display: block;
}

.menus-navigation-inner {
   position: relative;
   z-index: 100;
   overflow: visible;
   height: auto!important;
   
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.menus-navigation-inner .all-available-menus {
   position: absolute;
   top: 50px;
   left: 0;
   width: auto;
}

.menus-navigation-inner .all-available-menus .menu-name-navigation-item{
   display: block;
   width: auto;
   padding-top: 10px;
   padding-bottom: 10px;
}

.menus-navigation-inner .current-visible-menu {
   display: block;
   float: left;
   width: auto;
   max-width: 300px;
   z-index: 99;
}

.menus-navigation-inner .current-visible-menu i.fa-dropdown:before,
.menus-navigation-inner .menu-section-navigation-wrap .mobile-nav-section i.fa-dropdown:before {
   background-image: url( images/icon-dropdown-menu.png );
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
   content: "";
   display: inline-block;
   position: relative;
   top: 1px;
   width: 16px;
   height: 16px;
}

.menus-navigation-inner .menu-section-navigation-wrap{
   display: block;
   float: right;
   width: auto;
   max-width: calc( 100% - 300px);
   position: relative;
   z-index: 89;
   text-align: right;
}

.menus-navigation-inner .menu-section-navigation-wrap .restaurant-menu-section-wrapper{
   display: block;
   float: right;
   margin-right: -10px;
}

.menus-navigation-inner .menu-section-navigation-wrap .restaurant-menu-section-wrapper a{
   white-space: nowrap;
}

.menu-section-navigation-wrap .restaurant-menu-section-wrapper a.current-section {
   color: var(--theme-color-dark-gray-01);
}

.menus-navigation-inner .current-visible-menu .menu-name,
.menus-navigation-inner .mobile-nav-section.multiple-sections .section-name {
   margin-right: 10px;
}

.menu-section-wrap .menu-section-content-wrap .row.row-parent {
   display: block;
}

.menu-section-wrap .menu-section-content-wrap .row.row-parent  .wpb_row.row-inner{
   width: 100%;
   margin-left: 0;
}

.menu-section-wrap .menu-section-content-wrap .row.row-parent  .wpb_row.row-inner > div.wpb_column{
   padding: 0;
}

.menu-section-banner .menu-section-background {
   display: flex;
   overflow: hidden;
   position: relative;
   height: 100%;
}

.menu-section-banner .menu-section-background .background-inner {
   background-position: center;
   background-size: cover;
}

.menu-name-navigation-item.btn {
   text-transform: uppercase;
   display: inline-block!important;
   margin-right: 20px;
}

.menu-name-navigation-item.btn.show {
   background-color:var(--theme-color-dark-gray-03);
   border-color: var(--theme-color-dark-gray-03);
   color: #fff;
}

.main-container .row-container .restaurant-menus-navigation-wrap .row-parent {
   padding: 18px 36px;
}

.restaurant-menus-navigation-wrap a {
   color: var(--theme-color-dark-gray-03);
}

.restaurant-menus-navigation-wrap .current-visible-menu a {
   display: inline-block;
   padding: 20px;
   margin-left: -20px;
} 

.restaurant-menus-navigation-wrap .menu-section-navigation-wrap a {
   padding-left: 10px;
   padding-right: 10px;
   line-height: 1.75;
}

.restaurant-menus-navigation-wrap a:hover {
   color: var(--theme-menu-section-black);
}

.menus-navigation-inner .all-available-menus {
   background-color: #fff;
   padding: 24px 36px;
   display: none;
   z-index: 98;
}

.menus-navigation-inner .current-visible-menu.hovered .all-available-menus {
   display: block;
}

.menu-section-navigation-wrap .menu-section-navigation-inner  {
   z-index: 88;
}

.menu-section-navigation-wrap a.mobile-nav-section {
   padding: 20px;
   margin-right: -20px;
   display: none;
}

.menu-section-navigation-wrap a.mobile-nav-section i {
   display: none;
}

.menu-section-navigation-wrap a.mobile-nav-section.multiple-sections i {
   display: inline;
}

.menu-section-description {
   margin: 0;
}

.menu-item-price ul.sized-price-holder li {
   display: inline-block;
   width: 60px;
   margin: 0 5px;
   line-height: 1;
   text-align: right;
}

@media (max-width: 959px) {
   .menu-section-banner .menu-section-background {
      min-height: 300px;
   }
   
   .menus-navigation-inner .all-available-menus {
      left: -36px;
   }
}

@media (max-width: 768px) {
   .menu-section-navigation-wrap a.mobile-nav-section {
      display: inline-block;
   }
   
   .menu-section-navigation-wrap .menu-section-navigation-inner {
      display: none;
   }
   
   .menu-section-navigation-wrap.hovered .menu-section-navigation-inner {
      display: block;
      position: absolute;
      top: 50px;
      right: -36px;
      width: auto;

      background-color: #fff;
      padding: 24px 36px;
   }

   .menu-section-navigation-wrap.hovered .menu-section-navigation-inner .restaurant-menu-section-wrapper a {
      display: block;
      padding-top: 10px;
      padding-bottom: 10px;
      line-height: 1.25;
   }
   
   h3.menu-section-title {
      font-size: 45px;
   }
}

@media (max-width: 576px) {
   .menu-section-banner .menu-section-background {
      min-height: 200px;
   }
   
   .section-menu-header .menu-icons p {
      flex-wrap: wrap;
   }
   
   .section-menu-header span.menu-icon {
      min-width: 45%
   }
   
   .main-container .row-container .restaurant-menus-navigation-wrap .row-parent {
      padding: 0;
   }
   
   .menus-navigation-inner {
      display: block;
   }
   
   .menus-navigation-inner .current-visible-menu,
   .menus-navigation-inner .menu-section-navigation-wrap {
      width: 100%;
      max-width: 100%;
      text-align: left;
   }
   
   .menus-navigation-inner .all-available-menus {
      left: 0;
   }
   
   .menus-navigation-inner .menu-section-navigation-wrap {
      background-color: #f9f9f9;
   }
   
   .menu-section-navigation-wrap.hovered .menu-section-navigation-inner {
      background-color: #f9f9f9;
      padding: 20px 26px;
      left: 0;
      right: auto;
   }
   
   .menus-navigation-inner .current-visible-menu > a,
   .menus-navigation-inner .menu-section-navigation-wrap > a {
      padding: 20px 36px;
      margin-left: 0;
   }
   
   .menu-section-title + ul.menu-section-items-wrap.multi-price-section-header {
      margin-top: 0;
   }
   
   h3.menu-section-title {
      font-size: 36px;
   }
}


/* : Post Filter */
.style-dark .isotope-filters ul.menu-smart--filter-cats li span a.active {
   color: #fff!important;
}


/* ========== Post Single ========== */
body.single-post #page-header h1.header-title {
   color: #fff;
}

body.single-post #page-header .post-info .author-info {
   display: none;
}

@media only screen and (max-width: 569px) and (orientation: portrait) {
   body.single-post #page-header .background-element.header-wrapper,
   body.single-post #page-header .background-element.header-wrapper .header-bg-wrapper:only-child {
      min-height: 50vw!important;
      height: 50vw!important;
   }
}


/* ========== Pages ========== */
/* : General */
.page-section-intro .wpb_row.row-inner .heading-text h2{
    position: relative;
}

.page-section-intro .wpb_row.row-inner .heading-text h2:after{
    content: '';
    position: absolute;
    width: 110px;
    height: 110px;
    top: -25px;
    right: -90px;
    opacity: 0.25;
    
    background-image: url(images/rdm-logo-transparent.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
}

body.page #page-header .header-wrapper .row-background .background-wrapper .block-bg-overlay {
   background-color: #000;
   opacity: 0.2!important;
}


@media (min-width: 960px) {
   .page-section-style1:not(.menu-section-banner),
   .page-section-style1 .row-background {
      min-height: 524px;
      display: flex;
   }   
}

@media (max-width: 576px) {
   body.page:not(.single-establishment) .page-wrapper #page-header .header-wrapper .row-container .row-header .wpb_row.row-inner{
      height: 300px!important;
   }   
}

/* : Homepage */
.hp-latest-post:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 50%;
   background-color: var(--theme-color-dark-gray-01);
}

.hp-latest-post .tmb-dark.tmb .t-entry-text .t-entry-title,
.hp-latest-post .tmb-dark.tmb .t-entry-text .t-entry-title a,
.hp-latest-post .tmb-dark.tmb-content-under.tmb .t-entry p.t-entry-meta span,
.hp-latest-post .tmb-dark.tmb-content-under.tmb .t-entry p.t-entry-author a:not(:hover) span
.tmb-dark.tmb-color-title, .tmb-dark.tmb .t-entry-text .t-entry-title a, .tmb-dark.tmb .t-entry-text .t-entry-title, .tmb-dark.tmb-content-under.tmb .t-entry p.t-entry-meta span, .tmb-dark.tmb-content-lateral.tmb .t-entry p.t-entry-meta span, .tmb-dark.tmb-content-under.tmb .t-entry p.t-entry-meta a:not(:hover), .tmb-dark.tmb-content-lateral.tmb .t-entry p.t-entry-meta a:not(:hover)
{
   color: var(--theme-color-dark-gray-02);
}

.hp-latest-post .tmb-dark.tmb .t-entry-text .t-entry-title a:hover,
.hp-latest-post .tmb-dark.tmb-content-under.tmb .t-entry p.t-entry-author a:hover span
{
   color: var(--theme-color-white)!important;
}

@media (min-width: 960px) {
    .vc_row.hp-latest-post > .limit-width{
        max-width: 100%;
        margin-left: calc( (100% - 1200px) / 2 );
    }
}


/* : Contact us */
#section-map-wrap .row .wpb_row .wpb_column div[class^='un'],
#section-map-wrap .row .wpb_row .wpb_column .wpgmza_map  {
   height: 100%!important;
}

/* : Individual location */
div.location-logo {
   display: block;
   margin: auto;
   width: 35%;
}

div.location-logo img {
    width: 100%;
    height: auto;
}

#contact-and-location #booking-widget > p {
   text-align: center;
   padding-left: 80px;
}

#contact-and-location #booking-widget > p > div {
   display: inline-block;
}

#contact-and-location #after-dark-button .btn-color-xsdn.btn-outline {
   color: #000!important;
   background-color: #fff!important;
}

#contact-and-location #after-dark-button .btn-color-xsdn.btn-outline:hover {
   color: #fff!important;
   border-color: #fff!important;
   opacity: 1!important;
   background-color: rgba(255,255,255,0.5)!important;
}

#location-menu .style-dark p > a {
   color: var(--theme-color-white);
}

#location-menu .style-dark p > a:hover {
   color: var(--theme-color-dark-gray-02)!important;
}

#location-menu .style-dark .text-button-arrow-up a:after {
   background-image: url(images/long-arrow-up-white.svg);
   opacity: 1;
}

#location-menu .style-dark .text-button-arrow a:hover:after {
   opacity: 0.5;
}

#contact-and-location .social-media-link {
   display: inline-block;
   padding: 10px 10px 10px 0;
   font-size: 20px;
}

.order-buttons-container {
  background-color: #333;
  padding: 10%;
}

.order-buttons-container .order-button {
  text-transform: uppercase!important;
}

.order-buttons-container .btn.order-button:hover {
  color: #000!important;
}

.button-holder,
.single-establishment .btn-container{
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-holder .online-order-links,
.button-holder .online-order-links .order-link,
.single-establishment .btn-container .online-order-links,
.single-establishment .btn-container .online-order-links .order-link {
  height: 100%;
  display: block;
}

.button-holder .online-order-links,
.single-establishment .btn-container .online-order-links {
  display: none;
}

.button-holder .online-order-links .links-inner,
.single-establishment .btn-container .online-order-links .links-inner {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  gap: 36px;
}

.button-holder .online-order-links img, 
.single-establishment .btn-container .online-order-links img{
  height: 100%;
}

@media (max-width: 576px) {
   #contact-and-location .wpb_row .wpb_column:nth-child(2) .uncell {
      padding-top: 36px!important;
      padding-bottom: 36px!important;
   }

   .single-establishment div.location-logo {
      width: 60%;
   }  
}



/* : Reservartions */



/* ========== Plugins ========== */
/* : WP Google Maps */
.wpgmza_map .wpgmza-infowindow .wpgmza_infowindow_address {
   margin-top: 0!important;
}

.wpgmza_map .wpgmza-infowindow img {
   float: none!important;
}



/* : WP Job Manager */
.job_filters .search_jobs input,
.job-manager-form input {
   font-size: 14px;
   padding: 10px;
}

.job_filters ul.job_types {
   list-style: none!important;
}

.job_filters .job_types label {
   font-size: 14px;
}

.job_listings ul.job_listings {
   padding-left: 0;
}

.blog_holder.job_single_holder article {
   border-bottom: 0 solid transparent!important;
}

.blog_holder p,
.paragraph-with-margin p,
.paragraph-with-margin ul  {
   margin-bottom: 20px;
}

.paragraph-with-margin ul{
   list-style-position: outside;
   margin-left: 15px;
}

.job-manager-form input.button,
.job_application input.button,
.job_listing_preview_title input.button,
#mc-embedded-subscribe.button {
   display: inline-block;
   box-sizing: border-box;

    height: 40px;
    min-height: 40px;

    background-color: #fff;

    border-color: #dadada;
    border-style: solid;
    border-width: 2px!important;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;

   padding: 10px 20px;
    margin: 0;
}

.application_button.button{
   margin-right: 20px;
}

.job-manager-form input.button:hover,
.job_application input.button:hover,
.job_listing_preview_title input.button:hover,
#mc-embedded-subscribe.button:hover{
   background-color: #000;
   border-color: #000;
   color: #fff;
}

table.job-manager-jobs {
   margin-top: 20px;
}

table.job-manager-jobs td {
   text-align: left;
}

table.job-manager-jobs td.job_title {
   padding-left: 10px!important;
}

table.job-manager-jobs td.date {
   text-align: center;
}

/* Submit Job Form */
.job-manager-form fieldset.fieldset-company_video,
.job-manager-form fieldset.fieldset-company_twitter{
   display: none;
}

/* Job Single */
.single_job_listing .company .social-links i {
   font-size: 20px;
}

.single_job_listing .application_details iframe {
   height: auto!important;
}

.job_application .applicatioin_details_x {
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}


/* Order Online Page */
/* Brand Grid */
.brand-grid-container .grid-container-inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   align-items: center;
   column-gap: 18px;
}

.brand-grid-container .grid-container-inner .grid-item {
   width: calc( (100% - 36px)/3);
   margin-bottom: 18px;
}

.brand-grid-container .grid-container-inner .grid-item .brand-logo {
   display: block;
   width: 100%;
   padding-bottom: 60%;
   position: relative;
}

.brand-grid-container .grid-container-inner .grid-item .logo-wrapper {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: calc( 100% - 36px);
   padding: 6%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.brand-grid-container .grid-container-inner .grid-item .logo-wrapper img {
   max-width: 100%;
   max-height: 100%;
   width: auto;
   height: auto;
}

.brand-grid-container .grid-container-inner .grid-item .order-box {
   position: absolute;
   bottom: 0;
   height: 36px;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   text-transform: uppercase;
   font-weight: bold;
}

.brand-grid-container .grid-container-inner .grid-item .logo-wrapper .logo {
   display: block;
   width: 100%;
   height: 100%;
   background-position: center;
   background-size: contain;
   background-repeat: no-repeat;
}

.brand-grid-container .online-order-link {
   display: flex;
  align-items: center;
  justify-content: center;
}

.brand-grid-container .online-order-links .links-inner {
   display: flex;
   flex-direction: row;
   padding: 10%;
   justify-content: center;
   align-items: center;
   width: 100%;
   height: 100%;
   gap: 10%;
}

.brand-grid-container .online-order-links .links-inner .order-link{
   max-width: 30%;
   transition: 0.3s all ease-in;
}

.brand-grid-container .online-order-links .links-inner .order-link img {
   display: block;
   box-shadow: 5px 5px 10px #333;
}

@media (max-width: 799px) {
   .brand-grid-container .grid-container-inner .grid-item {
       width: calc( (100% - 18px)/2);
      margin-bottom: 18px;
   }	
}

@media (max-width: 599px) {
   .brand-grid-container .grid-container-inner .grid-item {
       width: 100%;
      margin-bottom: 18px;
   }	
}

.flip-card {
  perspective: 1000px; 
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
   border-radius: 18px;
}

.flip-card-front {
  background-color: #bbb;
  color: black;
}

.flip-card-back {
   top: 0;
  background-color: #bbb;
  color: white;
  transform: rotateY(180deg);
}