/*!
Theme Name: Cafe U
Theme URI: http://www.Ez-IT-Solutions.com/WordPress/Themes/Cafe-U/
Author: Ez IT Solutions
Author URI: http://www.Ez-IT-Solutions.com
Description: A custom WordPress theme designed for Cafe U in Mineola, Tx.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cafe-u
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Cafe U is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- None

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# TEMPORARY - As of May 22, 2022
--------------------------------------------------------------*/

/* 

nav .menu-online-order {
    display: none;
}

.top-online-order {
    display: none !important;
}

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

.menu-order-online-container {
    display: none;
}

/*

/*--------------------------------------------------------------
# END OF TEMPORARY - As of Jan 22, 2023
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

.tb_video_wrap_macbook {
	display: none;
}

#header {
    /* padding-bottom: 92px !important; */
}


/*--------------------------------------------------------------
# THIS IS THE CODE THAT ACTUALLY SHOWS THE PICTURE FRAMES BUT
# IT DOESN'T LOAD RIGHT AWAY - YOU HAVE TO SCROLL WAYYYY TO
# THE BOTTOM IN ORDER FOR EVERYTHING TO SHOW UP...
--------------------------------------------------------------*/
.insta-gallery-feed.loaded .insta-gallery-list .insta-gallery-item.ig-image-loaded .insta-gallery-image, .loaded.qligg-mfp-wrap .insta-gallery-list .insta-gallery-item.ig-image-loaded .insta-gallery-image {
    transition: all 0.4s;
    opacity: 1;
}

/*--------------------------------------------------------------
# TEMPORARY SOLUTION TO THE ABOVE PROBLEM
# THE TRANSITION DOESN'T WORK BUT EVERYTHING SHOWS UP!
--------------------------------------------------------------*/
.insta-gallery-feed .insta-gallery-item, .qligg-mfp-wrap .insta-gallery-item, .insta-gallery-feed .insta-gallery-image, .qligg-mfp-wrap .insta-gallery-image, .insta-gallery-feed .insta-gallery-actions, .qligg-mfp-wrap .insta-gallery-actions {
    transition: all 0.4s;
	opacity: 1 !important;
}

/*--------------------------------------------------------------
# FIX FOR ALL BLACK HOVER OVER PHOTO IN PHOTO GALLERY
--------------------------------------------------------------*/
.insta-gallery-image-mask {
    background-color: rgba(0,0,0,0.60) !important;
}



/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Poppins'); */

@font-face {
    font-family: "Brilon"; /* Kaitlyn's FONT Choice */
    src: url("../fonts/Brilon-Regular.ttf"),
    url("../fonts/Brilon-Regular.otf") format("opentype");
}

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
  /* font-family: "Roboto", "Poppins", sans-serif; */
}

#photo-gallery a, .elementor-page { font-family: "Brilon", "Poppins", sans-serif; }

body{
  margin:0;
  font-family: "Roboto", "Brilon", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size:17px;
  color:#858585;
  line-height:1.6;
  min-width: 360px;
  background-color: rgba(36,23,16,1);
  
  /*
  background: url('../images/footerbg.png') no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  */
}

#primary { background-color: #f4f4f4; }

#header {
   /* background-color: rgba(36,23,16,1); */
}

#header .content {
  max-width: 1250px;
  margin: auto;
  padding: 0px 30px;
}

.navbar {
  position: fixed;
  z-index: 15;
  width: 100%;
  padding: 25px 0 0 0;
  background: #1b1b1b;
  background: rgba(25,25,25,.75);
  transition: all 0.3s ease;
}

.navbar.sticky {
  padding: 10px 0 0 0;
  background: rgba(25,25,25,.75);
  background: rgba(85,85,85);
  background: rgba(50,50,50);
  transition: background-color 170ms ease-out,color 170ms ease-out;
}

.navbar .content {
  max-width: 1250px;
  margin: auto;
  padding: 0px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar .logo {
  margin-right: 8%;
  height: 50px;
}

.navbar .logo img {
  height: 50px;
}
.navbar .logo a {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}

.navbar .hours-of-ops{
  display: none;
  color: #fff;
  text-align: center;
  margin-left: -105px;
  padding: 0px 12px;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 15px;
  font-family: "Brilon", "Poppins", "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.navbar .hours-of-ops .main {
  background: none;
  padding: 0px 0px;
  letter-spacing: 3px;
  box-shadow: none;
}

.navbar .hours-of-ops .hours {
  /* font-family: "Poppins"; */
}

.hours-of-ops-new {
  text-align: center;
  margin-top: -70px;
  padding: 15px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  /* box-shadow: 0 2px 15px rgba(0,0,0,0.5), 0 5px 40px rgba(0,0,0,0.5), 0 8px 8px rgba(0,0,0,0.15), 0 16px 16px rgba(0,0,0,0.5); */
  display: none;
}

.navbar .main-navigation {
  display: inline-flex;
}

.navbar #site-navigation {
	font-family: "Brilon", "Poppins", sans-serif;
}

.navbar .content p {
  background: none !important;
}

.navbar .online-order {
  display: none;
  z-index: 1;
}

.navbar .kitchen_hours .content {
    padding: 0px !important;
}

.kitchen_hours {
  z-index: 15;
  width: 100%;
  padding: 5px 0;
  background: rgba(113,114,37,0.5);
  /* background: rgba(152,155,22,0.5); */
  transition: all 0.3s ease;
  display: flex;
  margin-top: 25px;
}

.kitchen_hours .hours-of-ops { display: contents !important; }
.kitchen_hours .hours-of-ops .hours { display: none; }
.kitchen_hours .hours-of-ops .full_hours { display: contents; }

.main-navigation li, .menu-online-order li {
  list-style: none;
  display: contents;
}

.main-navigation li a {
  font-family: "Brilon", "Poppins", sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-left: 25px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.main-navigation li a:hover {
  color: #888;
  color: #999D15; /* Chartreuse - GREEN */
}

#menu-header-main {
  display: block;
  justify-content: space-evenly;
  justify-items: center;
}

.menu-online-order li, .online-order li, .top-online-order {
  pointer-events: auto;
  -webkit-font-smoothing: antialiased;
  text-align: right;
  white-space: nowrap;
  font-family: "Poppins", "Brilon", Heebo;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .2em;
  text-transform: uppercase;
  font-size: 16px !important;
  line-height: 1.2;
  color: #000;
  margin: -.618em -.618em;
}

.top-online-order {
  z-index: 5;
}

.menu-online-order li a, .online-order li a, .top-online-order a {
  width: 100%;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  text-shadow: 0px 0px 5px rgba(0,0,0,.6);
  padding: 12px;
  margin: .618em .618em;
  background-color: transparent;
  transition: background-color 170ms ease-out,color 170ms ease-out;
  box-shadow: none;
  border: 2px solid #fff;
  color: #fff !important;
  font-family: "Poppins", "Brilon", Heebo;
  font-size: 14px;
  /*
  padding-left: 0px;
  padding-right: 12px;
  */
}

.menu-online-order a:hover, .online-order a:hover, .top-online-order a:hover {
  outline: 0;
  color: #fff !important;
  background: rgba(153,157,21,.5); /* Chartreuse - GREEN */
  background: rgba(255,255,255,.25);
  text-shadow: 0px 0px 5px rgba(0,0,0,9);
}

.header-background {
  height: 100vh;
  min-height: 700px;
  position: relative;
  background-color: rgba(0,0,0,.1);
  padding-top: 50px;
}

.header-background::after {
  height: 100vh;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: -1;
  /*
  opacity: 0.25;
  background: url('../images/header.jpg') no-repeat;
  background-position: center;
  background-attachment: fixed;
  */
}

#about {
  height:100%;
  min-height:100%;
  padding: 40px 0;
  display: flex;
}

#about .content {
  padding-top: 50px;
  text-align: center;
}

#about .wrapper {
  font-size: 17px;
  color: #926239;
  line-height: 1.6;
  text-align: center;
  margin: 0;
  font-family: "Brilon", "Poppins", sans-serif;
  box-sizing: border-box;
  /*
  border-radius: 3px;
  border-radius: 21px;
  background-color: rgba(25,25,25,0.5);
  border: rgba(255,255,255,.8) 1px solid;
  border: rgba(153,157,21,.25) 4px solid;
  box-shadow: 0 2px 2px rgba(0,0,0,1), 0 4px 4px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.05);
  */
  margin-top: 15px;
  display: inline-flex;
  padding: 40px 85px;
  align-items: center;
  flex-direction: column;
}

#about .logo {
  width: 100%;
  max-width: 250px;
  padding-bottom: 30px;
}

#about .title {
  box-sizing: border-box;
  clear: both;
  pointer-events: auto;
  -webkit-font-smoothing: antialiased;
  /* text-shadow: 0px 0px 5px rgba(0,0,0,1.5); */
  text-shadow: 3px 4px 2px rgba(0,0,0,1.0);
  text-rendering: optimizeLegibility;
  font-family: "Brilon", freight-big-pro;
  font-weight: 500;
  font-style: normal;
  font-size: 38px;
  letter-spacing: .1em;
  line-height: 1.3em;
  /* text-transform: uppercase; */
  text-align: center;
  color: #f7f5f6;
  margin-top: 0;
  margin-bottom: 5px;
  letter-spacing: 2px;
}

#about .intro_message {
  font-weight: 600;
  padding:  24px 0px;
}

#about p {
  font-weight: 400;
  line-height: 1.5;
  text-align: center !important;
  box-sizing: border-box;
  margin-top: 0;
  /* margin-bottom: 1rem; */
  font-size: 18px;
  color: #fff;
  padding: 0px 15px;
  letter-spacing: 2px;
  /* text-shadow: 1px 4px 3px rgba(0,0,0,1.0); */
  text-shadow: 3px 4px 2px rgba(0,0,0,1.0);
}

#about .button {
  text-transform: uppercase;
  font-family: Poppins;
  letter-spacing: 2px;
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  border: rgba(255,255,255,.8) 1px solid;
  padding: 10px 60px;
  border-radius: 10px;
  margin-top: 10px;
  text-shadow: 1px 5px 5px rgba(0,0,0,.75);
  /* text-shadow: 1px 5px 5px rgba(255,255,255,.25); */
  /*
  background: rgba(255,255,255,.15);
  background: rgba(146,98,57,.65);
  background: rgba(0,0,0,.4);
  background: rgba(146,98,57,.65);
  background: rgba(101,53,12,.85);
  background: rgba(114,69,28,.85);
  background: rgba(153,157,21,.45); 
  */
  background: rgba(98,60,27,0.85);
  box-sizing: border-box;
  box-shadow: 0 2px 2px rgba(0,0,0,0.5), 0 4px 4px rgba(255,255,255,0.15), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.4);
  transition: all 0.5s ease;
}

#about .button:hover {
  background: rgba(146,98,57,.65);
  /*
  background: rgba(0,0,0,.4);
  background: rgba(146,98,57,.35);
  background: rgba(114,69,28,.75);
  background: rgba(153,157,21,.45); /* Chartreuse - GREEN */
  /* background: rgba(255,255,255,.25); */
  /* background: rgba(0,0,0,.5);*/
  color: #fff;
}

.icon {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: none;
}

.icon.cancel-btn {
  position: absolute;
  right: 30px;
  top: 20px;
}

.top-online-order {
  position: fixed;
  padding: 5px 4px;
  background: #1b1b1b;
  text-align: center;
  width: 100%;
  display: none;
}

.main {
  margin: auto;
  padding: 0px 30px;
  padding-top: 50px;
  background-size: cover !important;
  background-position: center !important;
  background-position-y: 0px !important;
  background-attachment: fixed !important;
  /* background: url("../images/mainbg.png"); */
  /* background-size: 100% 50% !important; */
  background-color: #F4F4F4 !important;
  /* box-shadow: 0 2px 15px rgba(0,0,0,0.5), 0 5px 40px rgba(0,0,0,0.5), 0 8px 8px rgba(0,0,0,0.15), 0 16px 16px rgba(0,0,0,0.5); */
}

.giftcard {
    padding-bottom: 15px;
}

.giftcard p {
    font-size: 16px;
}

.giftcard p.link {
	text-transform: lowercase;
    font-size: 18px;
    color: #999D15;
	text-shadow: 1px 15px 25px rgba(255, 255, 255, 1);
	/*
	color: #929622;
    text-shadow: 1px 5px 5px rgba(0,0,0,.25);
	*/
}

.giftcard p.title {
    font-size: 25px;
    letter-spacing: 3px !important;
    text-transform: none;
	color: rgba(0,0,0,.5);
}

.giftcard img {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1),0 1px 16px 0 rgba(0,0,0,.1),0 2px 4px 0 rgba(0,0,0,.1);
    border: 3px solid #fff;
    border-radius: 9px;
    object-fit: cover;
    width: 320px;
    height: 200px;
    margin: 30px 0;
}

.giftcard a {
    text-decoration: none;
}

.culture.box-2 { padding-top: 40px !important; }

.main .culture {
    margin: auto;
    font-size: 15px;
    min-width: 288px;
	border-top: 1px solid #b0b0b0;
    border-bottom: 1px solid #b0b0b0;
    position: relative;
    padding-bottom: 40px !important;
	font-family: "Brilon", "Poppins", "Roboto", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.culture::before {
    background-image: url(https://cafeucoffee.com/wp-content/uploads/2021/01/shadow.png);
    background-position: center bottom;
    background-color: transparent;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 20px;
    content: '';
    left: 0;
    top: 100%;
}

.main .top-content {
  margin-bottom: -20px;
  padding-top: 40px;
  width: 88%;
  /* display: none; */
}

.main .top-content p {
  font-weight: 600;
  letter-spacing: 1px;
}

.main .content {
  max-width: 825px;
  margin: auto;
  padding: 40px 30px;
}

.main .bottom-content {
  margin: auto;
  display: none;
  max-width: 1250px;
  padding-bottom: 40px;
}

.main .title {
  font-family: "Brilon", commuters-sans;
  font-weight: 300;
  font-style: normal;
  font-size: 50px;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  text-transform: uppercase;
  color: #858585;
  text-align: center;
  padding: 5px 0px;
  text-shadow: 1px 5px 5px rgba(0,0,0,.5);
}

.main .content p {
  display: block;
  font-family: "Poppins", commuters-sans;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  letter-spacing: .02em;
  line-height: 2em;
  text-transform: none;
  color: rgba(66,66,66,.65);
  word-wrap: break-word;
  margin-top: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}

.main .content section {
  /* margin-bottom: 30px; */
}

#section-a {
  margin-top: 50px !important;
  padding: 25px;
  background: #926239;
  background: #fff;
  margin-bottom: 30px;
  border-radius: 10px;
  /* box-shadow: 0 2px 2px rgba(55,55,55,.15), 0 5px 8px rgba(50,50,50,0.15), 0 8px 8px rgba(0,0,0,0.05), 0 0px 2px rgba(0,0,0,0.05); */
  box-shadow: 0 2px 2px rgba(55,55,55,.15), 0 5px 8px rgba(50,50,50,0.15), 0 8px 8px rgba(0,0,0,0.05), 0 0px 2px rgba(0,0,0,0.50);
  /* text-align:center; */
}

#section-a .title {
  margin-left: -18px;
}

#section-b {
  padding: 25px;
  margin-top: 30px;
  /* background: #f4f4f4; */
  /* text-align: center; */
}

#columns-3 {
  display: flex;
}

#columns-3 div {
  padding: 20px;
}

#columns-3 .box-1, #columns-3 .box-3 {
  /*
  background: #926239;
  background: #858585;
  background: rgba(66,66,66,.25);
  */
  background: rgba(80,80,80,.25);
  color: rgba(66,66,66,.75);
  border-radius: 15px;
  border: rgba(25,25,25,0.25) 1px solid;
  box-shadow: 0 2px 2px rgba(0,0,0,.25), 0 5px 20px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.05);
}

#columns-3 .box-2 {
  color: #858585;
  /*
  background: #f9f9f9;
  background: #f4f4f4;
  */
}

#footer .content {
  max-width: 1250px;
  margin: auto;
  padding: 0px 30px;
}

#footer a {
  text-decoration: none;
  color: rgb(146, 98, 57);
}

.footer-background {
  /* height: 100vh; */
  min-height: 600px;
  /* background: url('../images/footerbg.png') no-repeat; */
  background-size: cover !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

#footer #about {
  height:100%;
  min-height:100%;
  padding: 40px 0;
  display: flex;
}

#footer #about .button {
  font-family: Poppins;
  letter-spacing: 2px;
}

#footer #about .content {
  text-align: center;
}

#footer #about .wrapper {
  font-size: 17px;
  color: #926239;
  line-height: 1.6;
  text-align: center;
  margin: 0;
  font-family: "Brilon", "Poppins", sans-serif;
  border-radius: 3px;
  background-color: rgba(255,255,255,1);
  border: rgba(255,255,255,.8) 1px solid;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 2px 2px rgba(0,0,0,1), 0 4px 4px rgba(0,0,0,0.25), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.05);
  margin-top: 15px;
  display: inline-flex;
  padding: 40px 85px;
  align-items: center;
  flex-direction: column;
}

#footer .logo {
  width: 100%;
  max-width: 250px;
  padding-bottom: 12px;
}

#footer p {
  color: rgb(146, 98, 57);
  letter-spacing: 0.04em;
  padding: 0px 0px;
  font-weight: 600;
  /* text-shadow: 1px 5px 5px rgba(0,0,0,.35); */
  text-shadow: 1px 3px 4px rgba(0,0,0,.35);
}

#footer .phone {
  padding-top: 24px;
}

#footer #about .button {
  font-size: 18px;
  text-decoration: none;
  color: #fff;
  border: rgba(255,255,255,.8) 1px solid;
  padding: 10px 60px;
  border-radius: 10px;
  margin-top: 30px;
  text-shadow: 1px 5px 5px rgba(0,0,0,.5);
  background: rgba(255,255,255,.15);
  background: rgba(0,0,0,.4);
  background: rgba(146,98,57,.65);
  background: rgba(101,53,12,.85);
  box-sizing: border-box;
  box-shadow: 0 2px 2px rgba(0,0,0,0.5), 0 4px 4px rgba(255,255,255,0.15), 0 8px 8px rgba(0,0,0,0.05), 0 16px 16px rgba(0,0,0,0.4);
}

#footer #about .button:hover {
  background: rgba(146,98,57,.65);
  background: rgba(0,0,0,.4);
  background: rgba(146,98,57,.45);
  background: rgba(101,53,12,.80);
  color: #fff;
}

#wpadminbar {
	position: fixed !important;	
}

/*
@media (min-width: 1450px) and (min-height: 900px), (min-width: 1650px) and (min-height: 650px) {
  .header-background::after {
    opacity: 0.25;
  }
}
*/

.elementor-heading-title {
  font-family: "Brilon", "Poppins", Commuters-Sans !important;
  letter-spacing: 5px;
}

.elementor-button-text {
  text-transform: lowercase;
  padding: 0px 25px;
}

.elementor-236 .elementor-element.elementor-element-52b5258c {
  background-size: 100% 100% !important;
  background-position: center !important;
  background-attachment: fixed !important;
}

.elementor-105 .elementor-element.elementor-element-2c533299 {
  background-size: 100% 100% !important;
  padding: 60px 50px !important;
}

.page_spacer {
	padding-top: 200px;
}

.menu_spacer {
	padding-top: 150px;
}

#Menu {
	display: inline-block;
	/* height: 100vh; */
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}

#MenuBorder  {
	position: relative;
	border-style: solid;
	/*
	border-width: 80px;
	border-image-source: url('/wp-content/uploads/2020/11/menu-border_sm.png');
	border-image-slice: 224 232 240 238;
	*/
	border-width: 100px;
	border-image-source: url('/wp-content/uploads/2020/11/menu-border-small.png');
	border-image-slice: 116 110 117 111;
	border-image-repeat: repeat;
}

#MenuBackground {
	z-index: 0;
	position: relative;
	flex-wrap: wrap;
	/*
	background-color: #101010;
	background-color: #3D3D3D;
	background-color: rgba(16,16,16,0.8);
	*/
	background-color: rgba(0,0,0,1);
    /*
    height: 100%;
    width: 100%;
    display: flex;
	*/
    padding: 20px;
    /* opacity: 80%; */
}

#MenuBackground::after {
	content: "";
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
	position: absolute;
	background-image: url('/wp-content/uploads/2020/11/back-big-blackboard-BW.jpg') !important;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
	opacity: 70%;
}

#Menu #menu-section {
	display: flex;
    padding-top: 15px;
    flex-wrap: wrap;
	justify-content: center;
}

#Menu #menu-items {
	min-width: 180px;
	padding: 0px 25px 15px 25px;
}

#Menu #menu-items li {
	list-style-type: none;
	text-align: -webkit-center;
    display: table;
    margin: 0px auto 0px auto;
}

#Menu .heading {
	font-size: 30px;
    padding-bottom: 15px;
    letter-spacing: 5px;
	color: #999D15;
}

#Menu .heading:hover {
	cursor: default;
}

#Menu p {
    text-align: center;
    width: fit-content;
    color: #ffffff;
    padding: 2px 0px;
    font-size: 18px;
    letter-spacing: 2px;
	font-family: "Brilon", "Poppins", sans-serif;
}

#Menu p:hover {
	color: #999D15;
	cursor: pointer;
}

.ytp-button:not([aria-disabled=true]):not([disabled]):not([aria-hidden=true]) {
display: none;
}
.ytp-chrome-top.ytp-show-cards-title {
display: none;
}
.ytp-expand-pause-overlay .ytp-pause-overlay {
display: none !important;
}
.ytp-chrome-bottom {
display: none !important;
}

#YouTube-Video {
	margin: auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    /* max-width: 95%; */
}

#YouTube-Video iframe, #YouTube-Video object, #YouTube-Video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#YouTube-Video.ended::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	cursor: pointer;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 64px 64px;
	background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjgiIGhlaWdodD0iMTI4IiB2aWV3Qm94PSIwIDAgNTEwIDUxMCI+PHBhdGggZD0iTTI1NSAxMDJWMEwxMjcuNSAxMjcuNSAyNTUgMjU1VjE1M2M4NC4xNSAwIDE1MyA2OC44NSAxNTMgMTUzcy02OC44NSAxNTMtMTUzIDE1My0xNTMtNjguODUtMTUzLTE1M0g1MWMwIDExMi4yIDkxLjggMjA0IDIwNCAyMDRzMjA0LTkxLjggMjA0LTIwNC05MS44LTIwNC0yMDQtMjA0eiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==);
}

#YouTube-Video.paused::after {
	content: "";
	position: absolute;
	top: 60px; /* 70px; */
	left: 0;
	bottom: 50px; /* 50px; */
	right: 0;
	cursor: pointer;
	background-color: black;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 40px 40px;
	background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEiIHdpZHRoPSIxNzA2LjY2NyIgaGVpZ2h0PSIxNzA2LjY2NyIgdmlld0JveD0iMCAwIDEyODAgMTI4MCI+PHBhdGggZD0iTTE1Ny42MzUgMi45ODRMMTI2MC45NzkgNjQwIDE1Ny42MzUgMTI3Ny4wMTZ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
}

.tb_outer_wrap {
	/*
    width: 100%;
    max-width: 650px;
	*/
	padding: 0px 15px;
    margin: 15px auto;
	height: auto;
}

.tb_video_wrap_macbook {
    /*
    position: relative;
    padding-bottom: 45%;
    padding-top: 0;
    height: 0;
	*/
    overflow: hidden;
    -webkit-border-image: url(https://cafeucoffee.com/wp-content/uploads/2020/12/macbook-laptop-frame-esobondhu.png) 50 233 112 228 stretch stretch;
    -moz-border-image: url(https://cafeucoffee.com/wp-content/uploads/2020/12/macbook-laptop-frame-esobondhu.png) 50 233 112 228 stretch stretch;
    -o-border-image: url(https://cafeucoffee.com/wp-content/uploads/2020/12/macbook-laptop-frame-esobondhu.png) 50 233 112 228 stretch stretch;
    border-image: url(https://cafeucoffee.com/wp-content/uploads/2020/12/macbook-laptop-frame-esobondhu.png) 50 233 112 228 stretch stretch;
    border-color: transparent;
    border-width: 27px 76px 55px;
    border-style: inset
}

.tb_video_wrap_macbook embed,
.tb_video_wrap_macbook iframe,
.tb_video_wrap_macbook object {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ddd
}

.main-section {
    width: auto !important;
}

.elementor-widget-container {
    width: 90%;
    margin: auto !important;
}

.ht-products * {
	justify-content: center;
}

.ht-product-price {
	margin-bottom: 0px !important;
}

.sku_wrapper { display: none; }

.product-slider .slick-prev.slick-arrow {
    left: -50px !important;
}

.product-slider .slick-arrow.slick-next {
    right: -50px !important;
}

.product-slider .slick-prev.slick-arrow, .product-slider .slick-arrow.slick-next {
	cursor: pointer;
	color: rgba(0,0,0,0.5) !important;
}

.product-slider .slick-prev.slick-arrow:hover, .product-slider .slick-arrow.slick-next:hover {
	color: rgba(0,0,0,0.95) !important;
}

.ht-stockout {
	text-transform: capitalize !important;
    left: 0px !important;
    right: 0px !important;
}

.woolentor-tip, .ht-product-action-tooltip {
    font-size: 15px !important;
    border: 1px solid #ffffff;
    padding: 12px !important;
}

.ht-tab-menus {
    /* margin-bottom: 45px; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: fit-content;
    margin: auto;
    padding-bottom: 25px;
}

.ht-tab-menus li {
    display: inline-flex;
    margin-right: 0px;
    /* width: 100%; */
	justify-content: center;
    padding: 12px;
}

/* Change the Font Size of the "Out of Stock" - since we have no control in Elementor */
span.ht-stockout.ht-product-label.ht-product-label-right { font-size: 18px !important; }

/* Hide the Breadcrumbs and move the notifications below the header */
.woocommerce-breadcrumb { display: none; }
.woocommerce-notices-wrapper { padding-top: 118px; }

/* MOVE the new "View Cart" link that's added next to our "Add to Cart" button */
a.added_to_cart.wc-forward {
    display: block;
    padding-top: 10px;
    color: #000;
    letter-spacing: 1.0px;
    max-width: fit-content;
    margin: auto;
}

a.added_to_cart.wc-forward:hover { color: #999D15; }

h2.elementor-heading-title.elementor-size-default { line-height: inherit; }

.elementor-widget-woolentor-related-product-custom { width: 80% !important; margin: auto; }

/* CUSTOMIZE OUR WOOCOMMERCE ALERT MESSAGE */

/* HIDE our "View Cart" button in the WooCommerce ALERT Message at the top, under the header */
a.button.wc-forward { display: none; }

.woocommerce-message, .woocommerce-error {
    color: #ffffff;
    padding: 12px 80px;
    font-size: 18px;
	list-style: none;
    transition: all 1.5s ease;
}

/* LET'S STYLE OUR DOLLAR AMOUNT SINCE IT DOESN'T WORK WITH ELEMENTOR! */
p.price span.woocommerce-Price-amount.amount { font-size: 45px; }

p.price span.woocommerce-Price-currencySymbol { font-size: 33px; vertical-align: top; }

/* THIS WILL AFFECT THE POPUP AND THE PRODUCT PAGE */
span.woocommerce-Price-currencySymbol {
    /* color: #0f834d; */
    color: rgba(15,131,77,.85) !important;
    padding-right: 5px;
}

/* THIS WILL ONLY AFFECT THE PRODUCT PAGE */
button.single_add_to_cart_button {
    font-size: 20px !important;
	margin: 15px !important;
    padding: 5px 15px 5px 15px !important;
}

button.plus.qib-button, button.minus.qib-button {
    font-size: 20px !important;
    padding: 0px 0px 0px 0px !important;
}

.elementor-widget-wl-product-add-to-cart form.cart {
    display: inline-grid;
    place-items: center;
}

table.variations { text-align-last: center; }

table.variations select#attribute {
	display: block;
	padding: 5px;
    margin-bottom: 10px;
}

table.variations label { display: none; }

.woocommerce-variation-add-to-cart.variations_button {
    padding-top: 15px;
	display: grid;
    place-items: center;
}

table.variations option {
    font-family: "Poppins", "Brilon", Heebo;
}

.ht-product-price span.woocommerce-Price-currencySymbol {
    vertical-align: baseline;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 25px;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    display: flex;
    justify-content: center;
}

ul.woocommerce-order-overview li {
    list-style: none;
    display: inline-grid;
    /* text-align: left !important; */
    padding: 2px 18px 2px 18px;
    border-right-style: inset;
	border-color: #C5C5C5;
}

ul.woocommerce-order-overview li:last-child {
    border-right: none;
}

h2.woocommerce-order-details__title {
	padding-bottom: 45px;
    font-size: 40px;
    color: #505050;
}

.woocommerce-table.order_details thead th {
    font-size: 25px;
    color: #505050;
}

ul.woocommerce-order-overview span.woocommerce-Price-currencySymbol { float: left }

.woocommerce-table.order_details tr:last-child {
    border: none;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
    padding: 10px 10px;
}

.woocommerce-table.order_details th.product-total, .woocommerce-table.order_details tfoot td, .woocommerce-table.order_details td.product-total {
    float: right;
}

.elementor-widget-wl-single-product-price span.woocommerce-Price-amount.amount {
	font-size: 45px !important;
}

.elementor-widget-wl-single-product-price p {
	color: rgb(133,133,133,1) !important;
}

span.woocommerce-Price-amount.amount {
    color: rgba(0,0,0,.75);
    margin-right: 5px !important;
    font-size: 25px;
    /* margin-left: 20px; */
}

/*
table.shop_table.order_details span.amount {
    padding-top: 12px;
    padding-right: 75%;
    float: right;
}
*/

.elementor-widget-wl-single-product-price p.price {
    font-size: 45px;
}

/***********************************************************
 * 
 * 		THIS IS SPECIFICALLY FOR THE THANK YOU PAGE!!! 
 * 
 **********************************************************/

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
	border-collapse: collapse;
    border: none;
    box-shadow: 0px 0px 4px 25px #fff, 0px 0px 0px 26px rgb(133,133,133,0.5);
    background-color: #fff;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details a {
	color: rgb(180, 100, 25);
}

.elementor-element.elementor-element-6d87430.elementor-widget.elementor-widget-wl-thankyou-order-details {
	width: 575px;
	margin: auto;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody td strong.product-quantity {
	padding-left: 10px;
}

table.woocommerce-table--order-details span.woocommerce-Price-currencySymbol {
	padding-left: 12px;
}

.elementor-widget-wl-thankyou-order-details h2.woocommerce-order-details__title {
	text-transform: capitalize;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details thead,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody,
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot {
	width: 100%;
	display: inline-table;
}
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody td.product-name {
	display: inline-grid;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody tr.order_item {
	padding-top: 10px;
	display: block;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot th {
		min-width: 125px;
}

/*	THIS HAS TO DO WITH REFUNDS	*/
.woocommerce-thankyou-order-details del {
    display: grid;
    color: rgb(133,133,133);
}

.woocommerce-thankyou-order-details ins {
    text-decoration: none;
}

.woocommerce-thankyou-order-details ins span.woocommerce-Price-amount.amount {
    margin-left: 0;
}

@media (max-width: 990px) {
	ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
		display: grid;
	}
	ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
		display: list-item;
		border-right-style: none;
		text-align: center !important;
	}
	ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details .total {
    	color: rgb(0,0,0,.85);
    	font-size: 25px;
	}
	.woocommerce-thankyou-order-details span.woocommerce-Price-amount.amount {
		padding-left: 0px;
		margin-left: 8px;
	}
	.woocommerce-thankyou-order-details span.woocommerce-Price-currencySymbol {
		float: none !important;
	}
}

@media (max-width: 700px) {
	.elementor-element.elementor-element-6d87430.elementor-widget.elementor-widget-wl-thankyou-order-details {
		width: 100%;
	}
}

@media (max-width: 415px) {
	.elementor-742 .elementor-element.elementor-element-a725d2a > .elementor-element-populated {
		padding-top: 25px !important;
	}
	p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
		font-weight: 500;
	}
	table.woocommerce-table.order_details thead th {
    	padding-bottom: 10px !important;
	}
	table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th,
	table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details td {
    	padding: 0px;
	}
	table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr:first-child td {
    	padding-top: 10px;
	}
}

@media (max-width: 420px) {
	/*	LET'S MAKE THE PICKUP TIME, FONT-SIZE, SMALLER */
	table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr:nth-last-child(2) td {
    	font-size: 15px;
	}
}

@media (max-width: 450px) {
	table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details th {
		font-size: 16px;
	}
}

@media (max-width: 475px) {
	table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tbody td.product-name {
		max-width: 62%;
	}
}

.woocommerce-table.order_details tr {
    border-bottom: 1px solid rgb(133,133,133, .25);
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr:last-child th, table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details tfoot tr:last-child td {
    padding-top: 25px;
}

.woocommerce-table.order_details tbody {
	border-bottom: double;
}

/*	THIS IS FOR WHEN WE HAVE A REFUND ON OUR THANK YOU PAGE	*/
table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details ins {
    text-decoration: none;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details del {
    display: none;
}

/* HIDE OUR RELATED PRODUCTS - IT DOES NOT WORK!!! */
section.elementor-section.elementor-inner-section.elementor-element.elementor-element-95223ff.elementor-section-boxed.elementor-section-height-default.elementor-section-height-default {
    display: none;
}

/*
table.shop_table.order_details tr:nth-child(2) {
    color: red;
}

table.shop_table.order_details tr:nth-child(2) td {
    font-size: 40px;
    color: red;
}
*/

/*	END REFUND STUFF	*/

/***********	END THANK YOU PAGE		***********/


/* This is for the POPUP CART /* 
 
/* Move the "-" to the far-left! */
.xt_woofc-quantity-col-minus { order: -1; }

.xt_woofc-title { text-transform: none !important; }

/* Move the title down and adjust the line-height */
span.xt_woofc-product-title {
    line-height: normal;
    align-self: center;
}

/* THIS ONLY AFFECTS THE POPUP */
span.woocommerce-Price-currencySymbol {
	vertical-align: super;
}



/* Woocommerce Styles */

.woocommerce.woolentor-elementor-cart .woocommerce-notices-wrapper { display:none; }

.elementor-widget-wl-cart-table .elementor-widget-container {
    width: 100%;
	padding-top: 50px;
}

table.wl_cart_table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents th { border-bottom: 2px solid #505050; }

.woocommerce-cart .woocommerce table.shop_table th {
	background-color: #f1f1f1;
	letter-spacing: 1px;
}

table.wl_cart_table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr th {
    padding-bottom: 8px;
	color: rgba(0,0,0,0.75);
}

table.shop_table.shop_table_responsive th {
    padding-top: 10px;
}

table.wl_cart_table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr:nth-child(even) {
    background-color: rgba(0,0,0,0.05);
}

table.wl_cart_table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr:nth-child(odd) {
    background-color: rgba(255,255,255,0.75);
}

table.wl_cart_table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr:last-child {
    background: rgba(50,50,50,0.15) !important;
}

table.wl_cart_table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tr:hover {
    background-color: rgba(20,50,0,.2);
}

.woocommerce-cart .woocommerce table.shop_table,
.woocommerce-checkout .woocommerce table.shop_table {
    border: 1px solid #909090;
    margin: 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 0;
    padding: 12px 25px 25px 25px;
}

table.wl_cart_table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
    box-shadow: 0 0 0 2px rgb(35, 23, 16, 0.75), 0 2px 2px rgba(101,53,12,0.5), 0 4px 4px rgba(255,255,255,0.5), 0 8px 8px rgba(255,255,255,1), 0 16px 16px rgba(0,0,0,0.15) !important;
}


table.shop_table.shop_table_responsive {
    box-shadow: none !important;
}

.woocommerce-cart .woocommerce table.shop_table td.actions {
    border: 1px solid #909090;
    /* background: #f7f7f7; */
	background: rgba(50,50,50,0.1);
    padding: 15px;
}

tr.woocommerce-cart-form__cart-item.cart_item td {
    padding: 8px;
}

@media (max-width: 360px) {
	
	table.wl_cart_table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
		display: flex;
    	justify-content: center;
	}
	
	table.shop_table_responsive tr td.product-remove a {
    	font-size: 75px !important;
	    padding-bottom: 20px;
	}
	
	tr.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail:before { display: none; }

	.shop_table.cart tr.cart_item td.product-thumbnail img { height: max-content; width: auto !important; }
	
	tr.woocommerce-cart-form__cart-item.cart_item td {
    	display: flex;
	    justify-content: center;
    	place-items: center;
	    place-content: space-evenly;
	}
	
	tr.woocommerce-cart-form__cart-item.cart_item td.product-name {
		display: grid !important;
	    padding-top: 20px;
	}
	
	span.woocommerce-Price-amount.amount {
    	padding-left: 15px;
		font-size: 25px;
	}
	
}

table.shop_table_responsive tr td.product-remove a {
    font-size: 40px;
    line-height: 30px;
    color: red;
	display: inline-grid;
	margin-top: -1px;
}

table.shop_table_responsive tr td.product-remove a:hover {
    padding: 2px;
    letter-spacing: 1px;
    font-family: "Poppins", "Brilon", Heebo;
    transition: background-color 170ms ease-out,color 170ms ease-out;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgb(35, 23, 16, 0.75);
    color: black;
    background-color: red;
    margin-top: 3px !important;
}

.shop_table.cart tr.cart_item td.product-thumbnail img {
    vertical-align: middle;
}

table.shop_table_responsive tr td.product-name a {
    font-size: 22px;
    font-weight: bold;
	/* color: rgba(0,0,0,0.75); */
    color: rgba(50,50,50,0.75);
}

.cart_item .quantity.buttons_added {
    background-color: rgba(255,255,255,1);
}

.qib-button, .qib-container div.quantity {
    border-color: rgba(0,0,0,0.25) !important;
    /* border: 1px solid rgba(0,0,0,0.5) !important; */
    box-shadow: 2px 1px 5px 1px rgb(35, 23, 16, 0.25);
}

.plus.qib-button {
    padding-bottom: 10px !important;
}
.qib-button {
    font-size: 30px !important;
}

.cart_item span.woocommerce-Price-amount.amount {
    font-size: 25px;
	font-weight: bold;
}

.cart_item span.woocommerce-Price-currencySymbol {
	font-weight: normal;
    vertical-align: super;
    font-size: 20px;
}

.cart.wl_cart_table .actions .button {
    padding: 10px;
    letter-spacing: 1px;
    cursor: pointer;
    font-family: "Poppins", "Brilon", Heebo;
    text-transform: capitalize;
    transition: background-color 170ms ease-out,color 170ms ease-out;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px rgb(35, 23, 16, 0.75);
}

.cart.wl_cart_table .actions .button:hover {
    background: rgba(0,0,0,.6) !important;
}

/* Adjust the padding on the "Update Cart" button ONLY */
.cart.wl_cart_table .actions .coupon + .wl_update_cart_shop .button {
    padding: 10px 25px;
}

.shop_table.cart td.actions .coupon input#coupon_code {
    width: 250px !important;
    height: 30px;
    font-weight: bold;
    letter-spacing: 1px;
	margin-right: 8px;
}

.wc-proceed-to-checkout {
    text-align: center;
	background-color: rgba(0,0,0,0.75);
}

/*

table.shop_table_responsive tr th {
	border: none !important;
}

*/

table.shop_table.shop_table_responsive { padding: 25px !important; }

a.checkout-button.button.alt.wc-forward {
    /* SHOW our "Proceed to Checkout" button -> We hid this by accident on line 968 */
	display: block;
	/* THE BUTTON IS NOW SHOWING -> Let's style it!!! */
    width: 100%;
    padding: 12px 18px;
    background-color: rgba(0,0,0,.9);
    transition: background-color 170ms ease-out,color 170ms ease-out;
    border: 2px solid #fff;
    color: #fff !important;
    font-family: "Poppins", "Brilon", Heebo;
    margin-top: 10px;
    text-transform: capitalize;
    box-shadow: 0 0 0 2px rgb(35, 23, 16, 0.75), 0 2px 2px rgba(101,53,12,0.5), 0 4px 4px rgba(255,255,255,0.5), 0 8px 8px rgba(255,255,255,1), 0 16px 16px rgba(0,0,0,0.15) !important;
	/* transform: scale(1.1); */
}

a.checkout-button.button.alt.wc-forward:hover {
    background: rgba(255,255,255,.25);
}







#photo-gallery {
	width: 90%;
    justify-content: center;
    margin: auto;
}

.insta-gallery-spinner {
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 125px 0px;
}

#insta-gallery-feed-1 .insta-gallery-list .insta-gallery-item .insta-gallery-image-wrap .insta-gallery-image-mask {
	background-color: rgb(0,0,0,0.75) !important;
}

.insta-gallery-list {
	width: 100%;
    /* height: -webkit-fill-available; */
    justify-content: center !important;
    margin: auto !important;
}

.insta-gallery-feed .insta-gallery-list .insta-gallery-item .insta-gallery-icon {
    font-size: 40px !important;
}

.insta-gallery-item {
	width: 27% !important;
	min-width: 320px !important;
    min-height: 320px !important;
	margin: 8px;
	position: relative;
    /* background: black; */
    box-shadow: 0 10px 7px -5px rgba(0, 0, 0, 0.3);
}

.insta-gallery-item-wrap_OLD {
	width: auto;
    position: absolute;
    background: white;
    top: 3.0303%;
    bottom: 3.0303%;
    left: 2.5%;
    right: 2.5%;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) inset;
}

.insta-gallery-item-wrap {
    /* border: 15px solid rgba(0, 0, 0, 1); */
	/* border: 15px solid rgba(0, 0, 0, .85); */
	border: 15px solid rgba(33, 33, 33, 1);
    width: auto !important;
    position: absolute;
    background: white;
    top: 3.0303%;
    bottom: 3.0303%;
    left: 2.5%;
    right: 2.5%;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) inset;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.insta-gallery-image-wrap {
    position: absolute !important;
    top: 16.129%;
    bottom: 16.129%;
    left: 13.158%;
    right: 13.158%;
    width: auto !important;
    padding: 0px !important;
}

.insta-gallery-image-wrap::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5) inset;
}

.insta-gallery-icon.qligg-icon-video {
    top: 45% !important;
}

.mfp-wrap {
	position: static !important;
	display: flex;
    justify-content: center !important;
    margin: auto !important;
}

.mfp-container {
	width: auto !important;
	top: auto !important;
    left: auto !important;
}

.mfp-arrow {
	color: #ffffff;
	font-size: 50px !important;
	height: auto !important;
}

.mfp-arrow-left {
    left: 30px !important;
}

.mfp-arrow-right {
    right: 50px !important;
}

/*
 * 
.insta-gallery-actions.effect.laertes {
    padding: 30px 0px;
	padding-bottom: 60px;
    display: flex;
    background: none;
}

a.insta-gallery-button.follow.insta {
    display: flex;
    margin: auto;
    width: auto;
    height: auto;
    opacity: .9;
}

a.insta-gallery-button.follow.insta:hover {
    border-radius: 5%/50%;
    opacity: .9;
}

i.qligg-icon-instagram-o {
    font-size: 25px !important;
    padding-left: 12px;
}

a.insta-gallery-button.follow p {
    padding: 12px !important;
    font-size: 22px;
}
*/

.insta-gallery-actions {
	padding: 30px 0px;
    padding-bottom: 60px;
    display: flex;
    background: none;
}

a.insta-gallery-button.follow {
    display: flex !important;
    margin: auto !important;
    width: auto;
    height: auto;
    opacity: .9;
    /* box-shadow: 0 0 0 2px rgb(35, 23, 16, 0.45) !important; */
	/* box-shadow: 0 2px 2px rgba(101,53,12,0.5), 0 4px 4px rgba(255,255,255,0.5), 0 8px 8px rgba(255,255,255,1), 0 16px 16px rgba(0,0,0,0.15) !important; */
	box-shadow: 0 0 0 2px rgb(35, 23, 16, 0.45), 0 2px 2px rgba(101,53,12,0.5), 0 4px 4px rgba(255,255,255,0.5), 0 8px 8px rgba(255,255,255,1), 0 16px 16px rgba(0,0,0,0.15) !important;
    padding: 12px 15px !important;
    font-size: 22px !important;
    text-shadow: 1px 5px 5px rgba(0,0,0,.5) !important;
    transition: all 0.2s linear 0s !important;
    border: 3px solid rgb(255, 255, 255, 0.45);
    background-clip: padding-box;
    background-color: rgba(101,53,12,.85) !important;
	text-decoration: none !important;
    color: #fff !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
	
}

a.insta-gallery-button.follow:hover {
    opacity: .9;
    background-color: #bc2a8d !important;
    border-radius: 5%/25%;
	/* border-radius: 5%/50%;
	border: 3px solid rgb(255, 255, 255, 0.45);
    box-shadow: 0 0 0 1px rgb(35, 23, 16, 0.45) !important; */
	box-shadow: 0 0 0 1px rgb(35, 23, 16, 0.65), 0 2px 2px rgba(101,53,12,0.5), 0 4px 4px rgba(255,255,255,0.5), 0 8px 8px rgba(255,255,255,1), 0 16px 16px rgba(0,0,0,0.15) !important;
}

a.insta-gallery-button.follow:hover i {
    transform: scale(1.1);
    text-shadow: 0 0 12px rgba(33, 33, 33, 0.6);
}

i.qligg-icon-instagram-o {
    transition: all 0.2s linear 0s;
	position: relative;
    z-index: 3;
	font-size: 25px !important;
    padding-right: 8px;
    padding-left: 4px;
	text-shadow: 1px 5px 5px rgba(0,0,0,.5) !important;
}

/* THIS IS FOR THE DATE/TIME ON THE CHECKOUT PAGE */
.flatpickr-months .flatpickr-month {
    height: 40px !important;
}

input#coderockz_woo_delivery_pickup_date_datepicker {
    text-align: center;
}

/* HIDE the Macbook wrapper/image for our Homepage video */
@media (max-width:500px) {
    .tb_video_wrap_macbook {
        border-width: 20px 62px 40px
    }

    @media all and (max-width:400px) {
        .tb_video_wrap_macbook {
            border: none !important
        }
		.tb_video_wrap_macbook {
            /* padding-bottom: 56%; */
		}
		.tb_outer_wrap {
    		padding: 0px 10px;
		}
    }
}

@media (max-width: 1165px) {
  .main-navigation li a {
    font-size: 15px;
  }
}

@media (max-width: 1024px) {

  #head {
    /* padding-bottom: 55px; */
  }

  .main-navigation li a {
    font-size: 18px;
  }

  .navbar {
    /* margin-top: 55px; */
	margin-top: 54px;
  }
  
  .navbar .logo {
    margin-right: 0px;
	padding-top: 5px;
  }

  .top-online-order {
    display: grid;
    margin: 0px 0px;
  }

  .top-online-order a {
    margin: 0px 0px;
  }

  .menu-online-order {
    display: none;
  }

  /*
  .navbar .main-navigation {
    padding-right: inherit;
  }
  */
	
  .header-background {
    padding-top: 0px;
  }
  
  #Menu {
    padding: 12px;	
  }
	
  .menu_spacer {
    padding-top: 50px;
  }

  .woocommerce-notices-wrapper {
    padding-top: 0px;
	margin-top: 7px;
  }
	
}

@media (max-width: 985px) {
  #Menu .heading {
    font-size: 25px;
	padding: 15px 0px;
  }
	
  #Menu p {
    font-size: 15px;
  }
	
}

@media (max-width: 950px) {
  #Menu p {
    padding: 2px 20px;
  }
}

@media (max-width: 900px) {
  .main {
    background-size: 120% 50%;
    background-position: bottom;
  }
}

@media (max-width: 785px) {

  body.disabledScrolls {
    overflow: hidden;
  }

  .icon {
    display: block;
	position: fixed;
    right: 42px;
	margin-top: 10px;
  }

  .icon.hide {
    display: none;
  }

  /* 
  #header .content {
    padding: 0px 30px 0px;
  }
  */
  
  .navbar {
    padding: 12px;
  }
	
  .navbar .content { justify-content: center; }

  .navbar .main-navigation {
    position: fixed;
    top: 0;
    left: -100%;
    height: 100vh;
    width: 100%;
    max-width: 400px;
    background: #222;
    display: block;
    padding: 40px 0;
    text-align: center;
    transition: all 0.3s ease;
  }

  .navbar .main-navigation.active {
    left: 0%;
    min-width: 100%;
    height: 100%;
  }
	
  .main-navigation li, .menu-online-order li {
    display: inline-flex;
  }
  
  .main-navigation li a {
    margin-left: 0px;
  }

  .navbar .online-order {
    display: block;
  }

  .online-order li {
    text-align: center;
    margin-left: auto;
  }

  .navbar .main-navigation li {
    margin-top: 45px;
  }

  .navbar .main-navigation li a {
    font-size: 23px;
  }

  .navbar .menu-online-order {
    display: none;
  }

  .navbar .main-navigation .online-order li a {
    background: rgba(255,255,255,.25) !important;
  }
	
  #menu-header-main {
    display: grid;
  }
	
  .navbar .content .hours-of-ops {
    display: none;
  }
	
  #about .content {
    padding-top: 175px;
  }
	
  .navbar .content {
    justify-content: center;
  }
	
}

@media (max-width: 750px) {

  /* 
  #header {
    box-shadow: 0 2px 2px rgba(0,0,0,.25), 0 5px 20px rgba(0,0,0,0.5), 0 8px 8px rgba(0,0,0,0.15), 0 16px 16px rgba(0,0,0,0.25);
    margin-bottom: 75px;
  }
  .hours-of-ops-new {
    display: block;
  }
  */

  #columns-3 .box-1, #columns-3 .box-3 {
    display: none;
  }
  #columns-3 .box-2 {
    /* background: rgba(66,66,66,.15); */
    background: none;
    color: rgba(66,66,66,.75);
  }
}

@media (max-width: 660px) {
	.woocommerce-message, .woocommerce-error {
    	padding: 12px;
	}
}

@media (max-width: 640px) {
  .main {
    padding: 0px 0px !important;
  }
  .main .content {
    padding: 40px 0px 0px 0px !important;
  }
  #columns-3 .box-2 {
    background: rgba(255,255,255,.5);
    color: rgba(66,66,66,.75);
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(55,55,55,.15), 0 5px 8px rgba(50,50,50,0.15), 0 8px 8px rgba(0,0,0,0.05), 0 0px 2px rgba(0,0,0,0.05);
  }
  #section-a {
    border-radius: 0px;
	margin-bottom: 0px;
  }
  #footer {
    margin-top: -15px;
  }
  .menu_spacer {
    padding-top: 0px;
  }
  #MenuBackground {
    padding: 25px;
  }

  /*
  #header .content {
    padding: 12px 30px 0px;
  }
  */
	
  .icon {
	position: static;
  }
  
  .navbar .content { justify-content: space-between; }
  
  .navbar .content .hours-of-ops {
    display: block;
	margin-top: 8px;
  }
	
  .kitchen_hours .hours-of-ops .full_hours { display: none; }
  .kitchen_hours .hours-of-ops .hours { display: contents; }

}

@media (max-width: 600px) {
  .main .top-content {
    /* padding: 0px 0px 0px 0px !important; */
  }
}

@media (max-width: 550px) {
  .navbar { background: rgba(25,25,25,1); }
	
  #footer #about .wrapper {
    padding: 40px 12px;
  }
  .navbar .hours-of-ops {
    margin-left: 0px;
  }
  .navbar .hours-of-ops .main {
    letter-spacing: 1px;
  }
  #MenuBackground {
    padding: 25px 0px;
  }
}

@media (max-width: 520px) {
  #header #about .wrapper {
    padding: 25px 0px;
    margin-top: 0px;
    min-width: 295px;
  }
  #footer #about .wrapper {
    margin-top: 0px;
    min-width: 295px;
  }
  .navbar .main-navigation li {
    margin-top: 25px;
  }
}

@media (max-width: 450px) {
	
	#MenuBorder {
    	border-width: 75px;
	}
	
}

@media (max-width: 430px) {
  .elementor-236 .elementor-element.elementor-element-52b5258c {
    background-size: auto !important;
  }
}

@media (max-width: 400px) {
  
  #head {
    /* padding-bottom: 48px; */
  }

  .elementor-widget-container p {
    font-size: medium;
  }
  
  /*
  .navbar {
    padding: 10px 0;
  }
  */
  
  .navbar .hours-of-ops .main {
    font-size: 14px
  }
	
  h2.product_title.entry-title {
	letter-spacing: 1px !important;
	margin-left: -2px;
  }
	
}

@media (max-width: 385px) {
	.page_spacer {
		padding-top: 10px;
	}
	.menu_spacer {
		padding-top: 10px;
	}
	#MenuBorder {
    	border-width: 50px;
	}
}

@media (max-width: 360px) {
  #footer #about .button {
    padding: 10px 30px;
  }
}

/* When the width is between 600px and 900px OR above 1100px - change the appearance of <div> */
@media screen and (max-width: 900px) and (min-width: 600px), (min-width: 1100px) {

}

/* Samsung Galaxy S3 & S8, S8 minus top -> check http://www.ViewportSizer.com for actual size!!! ->> Adjustment */
@media screen and (width: 360px) and (height: 640px), screen and (width: 360px) and (height: 740px), screen and (width: 360px) and (height: 612px), screen and (width: 360px) and (height: 668px) {
  #header #about .wrapper {
    margin-top: -70px;
  }
}

/* iPhone 6/7/8 Adjustment */
@media screen and (width: 414px) and (height: 736px) {
  #header #about .wrapper {
    margin-top: -70px;
  }
}

/* iPhone X Adjustment */
@media screen and (width: 375px) and (height: 812px) {
  #header #about .wrapper {
    margin-top: -80px;
  }
}

/* iPad Adjustment */
@media screen and (width: 768px) and (height: 1024px) {
  
  #header #about .wrapper {
    margin-top: -190px;
  }
  
  #footer_dont_use {
    min-height: 725px;
  }

}

/* iPad PRO Adjustment */
@media screen and (width: 1024px) and (height: 1366px) {

  #header #about .wrapper {
    margin-top: -190px;
  }

  #footer_dont_use {
    min-height: 1075px;
  }

}

/* << ---- ADJUSTING FOR HEIGHTS ---- >> */

/* @media (max-height: 700px) {
  .header-background {
    height: 100vh;
    min-height: 700px;
  }
}
*/

@media (max-height: 670px) {
  .navbar .main-navigation li {
    margin-top: 25px;
  }
}

@media (max-height: 525px) {
  .navbar .main-navigation li {
    margin-top: 15px;
  }
}

@media (max-height: 450px) {
  .navbar .main-navigation li {
    margin-top: 2px;
  }
}

@media (max-height: 375px) {
  .navbar {
    padding: 5px 0;
  }
  .navbar .main-navigation {
    padding: 20px 0px;
  }
  #header #about .content {
    padding-top: 115px;
  }
  #footer #about .content {
    padding-top: 0px;
}

@media (max-height: 360px) {
  #header #about .content {
    padding-top: 100px;
  }
}

@media (max-height: 320px) {
  .navbar .main-navigation {
    padding: 0px 0px;
  }
}