@charset "utf-8";
/* CSS Document */

/* =Colors
----------------------------------------------------------------------------------------------- */

/* #e6e6e6/*light grey*/
/* #989898/*medium grey*/
/* #656565/*dark grey*/

/* #b33439/*main red*/
/* #fff8eb/*tan*/


/* =Fonts
----------------------------------------------------------------------------------------------- */
@font-face { font-family: 'Open Sans'; font-display: fallback; font-style: normal; font-weight: 400; src: url('../website-go-4/fonts/open-sans-v17-latin-regular.eot'); src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../website-go-4/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), url('../website-go-4/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), url('../website-go-4/fonts/open-sans-v17-latin-regular.woff') format('woff'), url('../website-go-4/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), url('../website-go-4/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg') }
@font-face { font-family: 'Open Sans'; font-display: fallback; font-style: normal; font-weight: 700; src: url('../website-go-4/fonts/open-sans-v17-latin-700.eot'); src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../website-go-4/fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), url('../website-go-4/fonts/open-sans-v17-latin-700.woff2') format('woff2'), url('../website-go-4/fonts/open-sans-v17-latin-700.woff') format('woff'), url('../website-go-4/fonts/open-sans-v17-latin-700.ttf') format('truetype'), url('../website-go-4/fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg') }


*, ::after, ::before {
    font-family: 								"Open Sans",Trebuchet MS,Verdana,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6,.widget-title > * {
	font-family: 								"Open Sans"; 
	color: 										#b33439/*main red*/ ; 
	text-transform:								uppercase;
	text-align:									left;
	margin-bottom:								10rem;
}
h1,h2											{font-family: "Open Sans"; font-size: 42rem; font-weight: normal; margin-bottom:20rem; text-align:center}
h2												{font-size: 36rem}
h3												{font-size: 36rem}
h4												{font-size: 30rem}
h5												{font-size: 28rem}
h6 												{font-size: 24rem; margin-bottom: 2rem}
.widget-title > * {
	font-size:									28rem;
	margin-bottom:								0;
}
.row .col h4 {
	margin-top:									15rem;
}
.tab-content h3 {
	margin-top:									0;
}


#page											{color:#fff8eb/*tan*/}
#page a:not(.button) 							{color:#fff8eb/*tan*/; text-decoration: underline}
#page a:not(.button):hover 						{color:#ffffff}
#sidebar a:not(.button)							{color:#b33439/*main red*/}
#sidebar a:not(.button):hover 					{color:#b33439/*main red*/}

span.maroon 									{ color:#b33439/*main red*/	}

.our-menu .col-wrapper > div {
	display:									block;
	line-height:								1.8;
	text-indent:								-25rem;
	margin-left:								45rem;
}
.our-menu .col-wrapper > div div:empty {
	text-indent:								0;
	margin-left:								-20rem;
}
.our-menu .col-wrapper > div > div {
	display:									inline-block;
	color:										#b33439/*main red*/;
	font-weight:								bold;
	width:										15rem;
	text-align:									right;
	font-size:									20rem;
}
.our-menu .col-wrapper > div > div::after {
	font-family:								"FontAwesome";
	content:									"\f0da";
	margin:										0 9rem 0 5rem;
	font-size:									14rem;
}

.mm-bar-btn.email-btn {
	display:									none;
}

.slug-splash {
	background:									#7b0713;
}
.slug-splash .top-strip, .slug-splash #mobile-menu-bar, .slug-splash .footer-strip, 
.slug-splash .menu-wrapper, .slug-splash .footer-address, .slug-splash #mobile-menu-bar-faux {
	display:									none !important; 
}

 
/* =Layout
----------------------------------------------------------------------------------------------- */

/* Header */

/* URGENT MESSAGE */
.msg-strip {
	background:									none;
	color:										#fff8eb/*tan*/;
	text-align:									center;
	padding-top:								10rem;
	padding-bottom:								10rem;
	margin-top:									-60rem;
}
.msg-strip a, .msg-strip a:hover {
	color:										#ffffff;
	text-decoration:							underline;
}

#container {
	background:									#000000 url("../../uploads/babes-site-bg.jpg") top center no-repeat;
}

.logo-strip {
	background:									url("../../uploads/babes-header-bg.png") top center no-repeat;
	height:										585px;
	max-height:									585px;
	padding-top:								0;
	padding-bottom:								0;
}
.logo-strip .logo {
	margin-top:									30rem;
}
#header .divider-strip {
	margin-top:									-115rem;
}
.arrow-msg {
	width:										calc(100% - 568px);
	margin:										0 0 0 85rem;
}
.locations-btn {
	margin-top:									-163rem;
}


 /* Dropdown Button */
.dropbtn {
  background-color: transparent;
border:none;
  color: #fff8eb/*tan*/;
  padding: 16px;
  font-size: 16px;
}


.curbside-msg .col-wrapper {
	text-align:center;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
	margin: 20px 0 -20px;
	z-index:100000;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	color:#b33439/*main red*/;
  display: none;
  position: absolute;
  background-color: #fff8eb/*tan*/;
  min-width: 160px;
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #b33439/*main red*/ !important;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #b33439/*main red*/; color: #fff8eb/*tan*/ !important;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #b33439/*main red*/; border:none} 


/* Content */

#page #wrapper {
	margin-top:									-100rem;
	z-index:									100000;
}

#wrapper-bottom #bottom {
	padding-top:								60rem;
	text-align:									center;
}

.effective {
	color:										#fff;
	text-align:									center;
	margin:										-25rem 0 0;
}


.message {
	color:										#e6e6e6/*light grey*/;
	background: 								#b33439/*main red*/ ;
	border:										1px solid rgba(0,0,0,0.15);
	border-radius:								6rem;
	margin:										0 auto 20rem;
	padding:									5rem 30rem;
	max-width:									85%;
	text-align:									center;
	opacity:									0;
	display:									none;
}




/* Sidebar */
.sidebar-right.sidebar-line #sidebar, .sidebar-line.page-template-content-sidebar-page #sidebar {
    border-left: 								1rem solid rgba(0,0,0,0.15);
}
.widget-random-img:not(:last-of-type) {
	margin-bottom:								40rem;
}


/* Widgets */
.widget-first {
	margin-top:									0 !important;
}
#sidebar p {
	font-size:									100%;
}


/* Icons */
.col .icon {
	background:									#b33439/*main red*/;
}
.col .icon i::before {
	color: 										#ffffff;
}


/* Social Buttons */	
.top-strip .social-box, .top-strip .social-box * {
    text-align: 								right;
}
.social-button {
	width:										36rem;
	height:										36rem;
}
.social-button i.fa {
	color:										#fff8eb/*tan*/;
	font-size:									24rem;
	line-height:								1.55;
	transform:									rotate(0deg);
	transition:									all 0.2s ease;
}
.social-button:hover i.fa {
	color:										#ffffff;
	transform:									rotate(360deg);
	transition:									all 0.2s ease;
}
.social-button .social-bg {
	background:									#b33439/*main red*/;
	transform:									scale(1);
}
.social-button:hover .social-bg {
	background:									#b33439/*main red*/;
	transform:									scale(0);
}




/* Accordion Section */
.block-accordion .accordion-content { 
	border-bottom:								1rem solid #b33439/*main red*/ ;
}
#wrapper .block-accordion h2, #wrapper .block-accordion .accordion-icon::before {
	color:										#b33439/*main red*/ ;
}
#wrapper .block-accordion.active h2, #wrapper .block-accordion.active .accordion-icon::before, #wrapper .block-accordion:hover h2, #wrapper .block-accordion:hover .accordion-icon::before { 
	color:										#b33439/*main red*/;
}


/* Footer */
#footer {
	background:									#000000;
	border-top:									3px solid #b33439/*main red*/;
}
#footer .copyright-info, #footer .copyright-info * {
	color:										#e6e6e6/*light grey*/;
	text-align:									center;
	width:										100%;
}
#footer .copyright-info a {
	color:										#e6e6e6/*light grey*/;
	border-bottom:								1rem solid #e6e6e6/*light grey*/;
}
#footer .copyright-info a:hover {
	color:										#ffffff;
	border-bottom:								1rem solid #ffffff;
}
.footer-strip {
    background: 								linear-gradient(180deg, #161616 0%, #333333 90%);
	color:										#ffffff;
	border-bottom:								1px solid #131313;
	box-shadow:									0 -3rem 0 0 rgba(0,0,0,0.15);
	padding-top:								40rem;
	padding-bottom:								55rem;
}
.footer-strip h1, .footer-strip h2, .footer-strip h3 {
	color:										#ffffff;
	text-align:									center;
}


/* =Menus
----------------------------------------------------------------------------------------------- */
.menu-wrapper {
	transform: 									translateY(-130rem);
	z-index:									10000000 !important;
	transition:									all 0s ease;
}
	.header-menu-wrapper.stuck {
		transform: 									translateY(0rem);
		background:									#313131;
		border-bottom:								1px solid #131313;
		box-shadow:									inset 0 25rem 35rem -5rem #131313, 0 3rem 0 0 rgba(0,0,0,0.3);
		z-index:									10000 !important;
		transition:									all 0.4s ease;
	}
.header-menu-wrapper .logo-menu {
	background:									url('../../uploads/logo-menu.png') 0 0 no-repeat !important;
	visibility:									hidden;
	width:										143px;
	height:										52px;
	margin:										-48px auto 0;
}	
	.header-menu-wrapper.stuck .logo-menu {
		visibility:									visible;
	}

.menu li {
	margin:										0;
}
.menu li a {
	text-transform:								uppercase;
	font-weight:								bold;
	font-size:									20rem;
	color:										#ffffff;
	background: 								transparent;
	border-right:								1rem solid transparent;
	border-left:								1rem solid transparent;
	padding:									18rem 5rem 14rem;
	transform:									scale(1);
	transition:									all 0.2s ease;
}
	.header-menu-wrapper.stuck .menu li a {
		padding:									22rem 5rem 12rem;
	}

.menu li:hover > a, .menu li.current_page_item > a, .menu li.current-menu-item > a, .menu li.current-menu-parent > a {    
	transform:									scale(1.1);
	transition:									all 0.2s ease;
}

/* Mobile Menu */
.side-push nav.mobile {
	background:									#999999 url("../../uploads/bg-pattern-048.png") 0 0 repeat;
	border-left:								3rem solid #656565/*dark grey*/;
	filter:										drop-shadow(-2px 0 0 rgba(0,0,0,0.15));
	box-shadow:									none;
	text-align:									center;
}
.side-push nav.mobile li  {
	margin:										20rem 25rem;
}
.side-push nav.mobile li a {
	font-family:								"Open Sans";
	text-transform:								uppercase;
	font-weight:								normal;	
	color: 										#e6e6e6/*light grey*/;
	background: 								rgba(0,0,0,0.15);
	border:										2px solid rgba(0,0,0,0.15);
	padding:									10rem 30rem;
	transition:									all 0.2s ease;
}
.side-push nav.mobile li:hover > a, .side-push nav.mobile li.current-menu-item > a, .side-push nav.mobile li.current-menu-parent > a {    
	color: 										#ffffff;
	background: 								#b33439/*main red*/ ;
	border:										2px solid rgba(0,0,0,0.15);
	transition:									all 0.2s ease;
}


/* =Images
----------------------------------------------------------------------------------------------- */
#content img:not(.noFX), .section img:not(.noFX), iframe:not(.noFX), .widget img:not(.noFX) {
	border:										none;
}


/* Carousel */
.carousel-dot .carousel-indicators li, .slider-dot .carousel-indicators li, .carousel-dot .carousel-indicators li:hover {
	background:									rgba(0,0,0,0.15);
    border: 									none;
}
.carousel-dot .carousel-indicators li.active, .carousel-dot .carousel-indicators li:hover, .slider-dot .carousel-indicators li.active {
	background:									#b33439/*main red*/ ;
    border: 									none;
}
.carousel-dot .carousel-indicators li:hover {
	background:									#b33439/*main red*/;
    border: 									none;
}
.our-food.carousel {
	max-width:								 	1000rem;
	margin:										0 auto 50rem;
}
.section#desserts h3 {
	text-align:									center;
}


/* =Forms
----------------------------------------------------------------------------------------------- */
label {
	color:										#656565/*main grey*/;
}
.required, .required::after, span.wpcf7-not-valid-tip {
    color: 										#b33439/*main red*/;
}

input[type="text"], input[type="tel"], input[type="url"], input[type="email"], input[type="number"], input[type="date"], input[type="range"], input[type="password"], select, textarea {	
    color: 										#b33439/*main red*/ ;
    border: 									1rem solid rgba(0,0,0,0.1);
    background: 								rgba(0,0,0,0.1);
	border-radius:								6px;
}
input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="date"]:focus, input[type="range"]:focus, input[type="password"]:focus, select:focus, textarea:focus {	
	color:										#b33439/*main red*/;
    border: 									1rem solid rgba(0,0,0,0.1);
    background: 								rgba(255,255,255,0.15);
}
div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors {
    color: 										#b33439/*main red*/ ;
    border: 									1rem solid rgba(0,0,0,0.1);
    background: 								rgba(0,0,0,0.1);
	border-radius:								6px;
}
div.wpcf7-validation-errors {
    color: 										#b33439/*main red*/;
}

/* =Buttons
----------------------------------------------------------------------------------------------- */
a.button, input[type="button"], input[type="reset"], input[type="submit"], #sidebar a.button,
#page ul.tabs li {
	font-family:								"Open Sans";
	font-size:									24rem;
	text-transform:								uppercase;
	font-weight:								bold;
	color:										#4a4a4a;
	background: 								#999999;
	border:										none;
	border-radius:								6rem;
	box-shadow:									0 3px 0 0 rgba(0,0,0,0.2);
	padding:									3rem 30rem 2rem;
	transition:									all 0.2s ease;
}
a.button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, #sidebar a.button:hover, .carousel a.button:hover,
#page ul.tabs li:hover, #page ul.tabs li.current {
    color: 										#ffffff/*white*/;
	background: 								#b33439/*main red*/;
	border:										none;
	box-shadow:									0 3px 0 0 rgba(0,0,0,0.2);
	transition:									all 0.2s ease;
}
#zipcode {
	max-width:									120rem;	
	text-align:									center;
}
#submit {
	margin:										0 auto 25rem;	
}

 
 /* =Blog & Custom Post Types
----------------------------------------------------------------------------------------------- */

/* Testimonials */

.testimonials-slider img {
	background:									#ffffff;
}
.testimonials-text p {
	color:										#000000;
}
.testimonials-text p::before, .testimonials-rating .rating-full::after, .testimonials-rating .rating-empty::after {
	color:										#b33439/*main red*/;
}
.testimonials-credential {
	color:										#b33439/*main red*/ ;
}


/* Google Reviews Business Badge */	
.wp-gr .wp-google-border {
    background: 								#b33439/*main red*/  !important;
}
.wp-gr .wp-google-rating {
    color: 										#b33439/*main red*/ !important;
}
.wp-gr .wp-google-badge-score *, .wp-gr .wp-google-stars * {
    fill: 										#b33439/*main red*/ !important;
}


/* =Sections
----------------------------------------------------------------------------------------------- */
.section[class*="style-"] {
	margin:										-3px 0 0;
}
.section[class*="style-"] h1, .section[class*="style-"] h2, .section[class*="style-"] h3, .section[class*="style-"] h4, .section[class*="style-"] h5 {
	text-align:									center;
}

/* Style 1 */
.style-1 {
	background:									none;
}
.style-1 h1, .style-1 h2, .style-1 h3, .style-1 p {
	color:										#fff8eb/*tan*/;
}
.style-1 .use-your-help {
	background:									#000000;
	padding:									30rem;
	margin-top:									-70rem !important;
}



/* Style - Lock */ 
.section-lock.thanksgiving {
	background:									#666666; 
	border:										none;
}
.section-lock .closeBtn, .section-lock .closeBtn:hover {
	border:										none;
}
.section-lock.thanksgiving .lock-msg {
	color:										#ffffff; 
}


/* =Mobile Styles
----------------------------------------------------------------------------------------------- */

/* Additional sizes */
@media (max-width: 1336px) {	

}

/* 4: Large Tablets (landscape) */
@media (max-width: 1280px) {

	.arrow-msg {
    	width:									calc(100% - 450px);
	}
}

/* 3: Small Tablets (landscape) */
@media (max-width: 1024px) {
	.arrow-msg {
    	width:									calc(100% - 395px);
	}
	.locations-btn {
		margin-top: 							-143rem;
	}

}

/* 2: Phones (landscape) + Tablets (portrait) */
@media (max-width: 860px) {		
	.arrow-msg {
    	width:									100%;
		margin:									0;
		z-index:								1000;
		background:								#000;
		padding:								10rem;
	}
	.locations-btn {
		width:									100%;
		margin-top: 							-183rem;
		z-index:								500;
	}
	
	
	.msg-strip {
		margin-top: 							0rem;
	}


	#page #wrapper {
		margin-top: 							25rem;
	}
	#page #wrapper, #page .col.curbside-msg {
		padding-left:							0 ;
		padding-right:							0 ;
	}
	
}

/* 1: Phones (portrait) */
@media (max-width: 576px) {

	.logo-strip  {
		margin-top: 							-130rem;
	}
	.logo-strip .logo {
		margin-top: 							170rem;
	}
	
	.locations-btn {
		margin-top: 							-103rem;
	}
	
}