/*

Theme Name: Pro – Charlie’s Café & Bakery
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

/* COLOURS */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
.name
body,
th,
td,
p,
.mazar-menu h4,
.mazar-menu .h4,
.mazar-menu h5,
.mazar-menu .h5,
x-alert,
.wpcf7-response-output {
	color: #111111;
}
header,
.x-logobar,
.x-navbar {
	background-color: #141414;
}
.x-colophon.top,
.x-colophon.bottom {
	background-color: rgba(0, 46, 100, 0.4);
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	border: 1px solid rgba(0, 46, 100, 0.1);
	background-color: #FDFDFE;
	color: #121212;
}
::placeholder {
    color: #5F5F5F;
    opacity: 1;
}
:-ms-input-placeholder {
    color: #5F5F5F;
}
::-ms-input-placeholder {
    color: #5F5F5F;
}
.x-section.light {
	background-color: #EBEBEB;
}
.masthead .x-navbar .desktop .x-nav > li > a,
.masthead .x-navbar .desktop .x-nav > li > a:hover {
	color: #FFFFFF;
}
.dark div,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark p,
.dark ol,
.dark ul,
.x-section.dark div,
.x-section.dark h1,
.x-section.dark h2,
.x-section.dark h3,
.x-section.dark h4,
.x-section.dark p,
.x-section.dark ol,
.x-section.dark ul,
.dark .x-button,
.dark .x-btn {
	color: #FFFFFF;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.dark a,
.dark h2 a,
.dark h3 a {
	color: #EDEDED;
}
.dark a:hover,
.dark h2 a:hover,
.dark h3 a:hover {
	color: #FFFFFF;
}
.x-section.light div,
.x-section.light h1,
.x-section.light h2,
.x-section.light h3,
.x-section.light h4,
.x-section.light p,
.x-section.light ol,
.x-section.light ul {
	color: #000000;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.dark .x-button,
.dark .x-btn {
	box-shadow: 0 0 0 2px #FFFFFF inset;
	background-color: rgba(255, 255, 255, 0);
}
.dark .x-button:hover,
.dark .x-btn:hover {
	background-color: rgba(255, 255, 255, 0.05);
}
.x-brand,
h1,
h2,
h3 {
	color: #fbf7e1;
}
.x-section .x-alert,
.x-section .wpcf7-response-output,
.x-section .buddypress #message,
.x-section .bbp-template-notice {
	background-color: #5E5E5E;
}
.x-section .x-alert-success,
.x-section .wpcf7-mail-sent-ok,
.x-section .buddypress #message.updated,
.x-section .bbp-template-notice.updated {
	background-color: #4B7207;
}
.x-section .x-alert-failure,
.x-section .wpcf7-validation-errors,
.x-section .wpcf7-mail-sent-error,
.x-section .wpcf7-not-valid-tip {
	background-color: #d19558;
}
*::placeholder {
	color: #232323;
}
*::-webkit-input-placeholder {
	color: #232323;
}
*:-moz-placeholder {
	color: #232323;
}
*::-moz-placeholder {
	color: #232323;
}
*:-ms-input-placeholder {
	color: #232323;
}
table tr th,
table tr td {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
table tr:last-child th,
table tr:last-child td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

/* GENERAL */

h1,
.h1,
.h-landmark,
.entry-title.h-landmark {
	font-size: 255%;
}
h2,
.h2,
.h-comments-title {
	font-size: 205%;
}
h3,
.h3,
#reply-title {
	font-size: 175%;
}
h4,
.h4 {
	font-size: 125%;
	line-height: 140%;
}
h5,
.h5 {
	font-size: 115%;
}
h6,
.h6 {
	font-size: 100;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	margin: 1.25em 0 1em;
}
table th,
table td {
	vertical-align: top;
}
hr {
	border-top-width: 2px;
}
a {
	transition: 0.3s color linear, 0.3s background-color linear;
}
.entry-wrap .entry-content > p,
.entry-wrap .entry-content > div,
.entry-wrap .entry-content > ol li,
.entry-wrap .entry-content > ul li {
	margin-bottom: 1.4em;
}
.entry-wrap .entry-content > ol.compressed li,
.entry-wrap .entry-content > ul.compressed li,
.entry-wrap .entry-content > ol.compact li,
.entry-wrap .entry-content > ul.compact li {
	margin-bottom: 0.2em;
}
p,
.x-text p,
.entry-content.excerpt > p,
.entry-content.excerpt > div {
	line-height: 180%;
}
a:focus,
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="submit"]:focus,
input[type="checkbox"]:focus {
	outline: 0 none !important;
}
.x-main strong,
.x-main b {
	font-weight: 600;
	opacity: 0.7;
}
.masthead-stacked .x-brand {
	display: block;
	width: 100%;
	margin: 0 auto;
	max-width: 490px;
}
.home .x-container.offset,
.single-post .x-container.offset,
.x-container .entry-wrap {
	margin: 0 auto;
}
.home .x-container .entry-wrap {
	padding-top: 0;
}
.x-pagination {
	margin: 2em 0;
}
.x-container .entry-featured,
.x-container .entry-wrap {
	box-shadow: none;
	border: 0 none;
}
.x-container .entry-wrap {
	padding: 40px 0 10px;
}
.x-img.placeholder,
.x-image.placeholder {
	opacity: 0;
	color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
	max-height: 1200px;
}

/* HEADER */

.full-screen {
	height: 100vh;
	color: #FFFFFF;
	background: #414141 no-repeat fixed center center / cover;
	box-shadow: 0 -10vh 10vh 0 rgba(30, 30, 30, .9) inset;
}
@supports (-webkit-overflow-scrolling: touch) {
	.full-screen {
		background-attachment: scroll;
	}
}
.full-screen img {
	width: 100%;
	height: auto;
	max-width: 1000px;
}
.x-navbar .x-nav li {
	min-width: 8em;
}
.x-header-landmark {
	display: none;
}
#header-order {
	position: absolute;
	width: 40%;
	max-width: 200px;
	top: 20px;
	right: 20px;
}
.masthead .x-topbar {
	border: 0 none;
}
.masthead .x-topbar .p-info,
.masthead .x-social-global {
	display: none;
}
.masthead .x-navbar,
.masthead .x-navbar .desktop .x-nav > li > a:hover,
.masthead .x-navbar .desktop .x-nav > .x-active > a,
.masthead .x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: none;
}
.x-navbar-static-active .masthead-inline .x-nav-wrap .x-nav > li:last-child > a,
.x-navbar-fixed-top-active .masthead-inline .x-nav-wrap .x-nav > li:last-child > a {
	padding-right: 20px;
}

@media (max-width: 988px) {
	.masthead-inline .x-nav {
		overflow: hidden;
	}
	.masthead-inline .desktop .x-nav, .x-navbar .x-brand {
		text-align: center;
		float: none;
		margin: 1.5rem 0;
	}
}

@media (min-width: 989px) {
	.masthead-inline .desktop .x-nav {
		text-align: left;
	}
	.x-navbar-static-active .masthead-inline .x-nav-wrap .x-nav > li:last-child > a,
	.x-navbar-fixed-top-active .masthead-inline .x-nav-wrap .x-nav > li:last-child > a {
		padding-right: 0;
	}
}

/* CONTENT */

.x-column h1:first-of-type,
.x-column h2:first-of-type,
.x-column h3:first-of-type,
.x-column p:first-of-type,
.x-column ol:first-of-type,
.x-column ul:first-of-type {
	margin-top: 0;
	padding-top: 0;
}
.x-img.placeholder {
	opacity: 0;
	color: rgba(0, 0, 0, 0);
	background-color: rgba(0, 0, 0, 0);
}
.x-main .dark .x-callout h2 {
	font-size: 1.6em;
	min-height: 2.4em;
	line-height: 1em;
}
.x-main .dark .x-callout a i {
	display: none;
}
.x-callout {
	font-size: 16px;
}
.x-main .x-btn,
.x-main .button,
.x-main [type="submit"] {
	border-radius: 0;
}
.x-main .dark a,
.x-main .dark a:link,
.x-main .dark a:visited,
.x-main .dark a:active,
.x-main .dark a:hover,
.x-main .rev-btn a,
.x-main .rev-btn a:link,
.x-main .rev-btn a:visited,
.x-main .rev-btn a:active,
.x-main .rev-btn a:hover {
	border: 0 none;
}
.x-colophon.top {
	padding-top: 1em;
	padding-bottom: 0;
}
.x-colophon.top h1,
.x-colophon.top h2,
.x-colophon.top h3,
.x-colophon.top h4,
.x-colophon.top div,
.x-colophon.top p,
.x-colophon.top .sbba {
	text-align: center;
}
.x-colophon.top .sbba > div {
	display: inline-block;
	width: auto;
	margin: 0 auto;
	text-align: center;
}
#delivery .x-row > .x-row-inner > :nth-child(n),
#delivery-2 .x-row > .x-row-inner > :nth-child(n) {
    flex-basis: calc(33% - 1.5rem);
}
#delivery .x-image,
#delivery-2 .x-image {
	width: 100%;
	max-width: 140px;
}
#delivery .x-image.uber-eats,
#delivery-2 .x-image.uber-eats {
	max-width: 100px;
}
#delivery .x-image img,
#delivery-2 .x-image img {
	width: 100%;
}
#coffee .x-row,
#bread .x-row {
	text-align: center;
}
#coffee .allpress-logo {
	max-width: 120px;
	display: inline;
	float: none;
	vertical-align: middle;
	margin-right: 0.5em;
}
#order-ahead p > a {
	display: block;
	margin: 0 auto;
	width: 90%;
	max-width: 150px;
}
#order-ahead p > a img {
	width: 100%;
	height: auto;
	margin: 0 0 1rem;
}
#order-ahead h3 {
	margin-bottom: 2.2rem;
}
#order-ahead .logo-small {
	width: 100%;
	max-width: 2.2rem;
	position: relative;
	margin: 0 0.4rem 0 0;
	border-radius: 50%;
	bottom: 0.1em;
}

/* LANDSCAPE/PORTRAIT SECTIONS */

.x-section.landscape {
	display: block;
}
.x-section.portrait {
	display: none;
}

@media (orientation: portrait) {
	.x-section.landscape {
		display: none;
	}
	.x-section.portrait {
		display: block;
	}
}

@media (orientation: landscape) {
	.x-section.landscape {
		display: block;
	}
	.x-section.portrait {
		display: none;
	}
}

/* MENU */

#menu {
	min-height: 60vh;
	transition: 0.3s height ease-in-out, 0.3s min-height ease-in-out;
}
.mazar-menu h3.name,
.mazar-menu h4.name,
.mazar-menu h5.name {
    font-family: Lato, sans-serif;
	color: #004F73;
}
.mazar-menu h3.name,
.mazar-menu h4.name {
	text-transform: uppercase;
	overflow: hidden;
	text-align: center;
	clear: both;
	float: none;
	font-weight: 700;
}
.mazar-menu h3::before,
.mazar-menu h4::before,
.mazar-menu h3::after,
.mazar-menu h4::after {
	background-color: #B8894E;
	content: '';
	display: inline-block;
	height: 2px;
	position: relative;
	vertical-align: middle;
	width: 50%;
}
.mazar-menu h3::before,
.mazar-menu h4::before {
	right: 0.5em;
	margin-left: -50%;
}
.mazar-menu h3::after,
.mazar-menu h4::after {
	left: 0.5em;
	margin-right: -50%;
}
.mazar-menu .filter-box.fixed {
	background-color: rgba(184, 137, 78, 0.6);
	padding-top: 14px;
	padding-bottom: 13px;
	top: 0;
}
.admin-bar .mazar-menu .filter-box.fixed {
	top: 32px;
}
.mazar-menu .filter-box input {
	box-shadow: 0 0 0 2px rgba(184, 137, 78, 0.8);
}
.mazar-menu .filter-box.fixed input {
	margin-bottom: 0;
	box-shadow: 0 0 0 2px rgba(184, 137, 78, 0.9);
}
.mazar-menu .description p {
	color: #2D2D2D;
}
.mazar-menu h4 strong,
.mazar-menu .name p strong,
.mazar-menu .description p strong {
	color: #222222;
	font-weight: 600;
}
.mazar-menu .food {
	border-bottom: 2px solid rgba(184, 137, 78, 0.15);
}
.mazar-menu li.food:hover,
.mazar-menu li.food-option:hover {
	box-shadow: 0 0 0 5px rgba(184, 137, 78, 0.05);
	background-color: rgba(184, 137, 78, 0.05);
	border-bottom: 2px solid rgba(184, 137, 78, 0.25);
}
.mazar-menu li .action .more-less {
	display: inline-block;
	border: 2px solid rgba(184, 137, 78, 0.9);
	color: rgba(184, 137, 78, 0.9);
	background-color: rgba(255, 253, 244, 0.9);
	box-shadow: -3px 0 0 rgba(255, 253, 244, 1);
	position: absolute;
	margin: 7px 0 0 -1em;
}
.mazar-menu li.sub-category .action .more-less {
	margin-top: 20px;
}
.mazar-menu li .action .more-less:hover {
	border: 2px solid rgba(184, 137, 78, 0.8);
	color: rgba(184, 137, 78, 0.8);
}
.mazar-menu .units,
.mazar-menu .price {
	color: rgba(0, 0, 0, 0);
	visibility: hidden;
	display: none;
}
.mazar-menu .filter {
	background: #FFFFFF url("data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yIC0yNTYgMTc5MiAxNzkyIj4KICA8cGF0aCBkPSJNMTU4NS4yMzctMzkuMTAycTE3IDQxLTE0IDcwbC00OTMgNDkzdjc0MnEwIDQyLTM5IDU5LTEzIDUtMjUgNS0yNyAwLTQ1LTE5bC0yNTYtMjU2cS0xOS0xOS0xOS00NXYtNDg2bC00OTMtNDkzcS0zMS0yOS0xNC03MCAxNy0zOSA1OS0zOWgxMjgwcTQyIDAgNTkgMzl6IiBmaWxsPSIjQjg4OTRFIi8+Cjwvc3ZnPg==") no-repeat calc(100% - 0.2em) 0.4em / 2em;
}
.mazar-menu li .allergies .box {
	background-color: #605D4D;
}
#view-menu-pdf {
	display: inline-block;
	max-width: 11em;
	float: right;
	width: auto;
	position: absolute;
	right: 0;
	margin-top: -4.5rem;
}
.mazar-menu li .allergies .box {
	border-radius: 0.6em;
	min-width: 1.2em;
	display: inline-block;
	height: 1.2em;
	line-height: 120%;
	bottom: 0.1em;
}
.mazar-menu li .allergies .box.vegetarian,
.mazar-menu li .allergies .box.vegan {
	content: '';
	max-width: none;
	color: rgba(0, 0, 0, 0);
	height: 1.2em;
	padding: 0;
	font-size: 1em;
	border-radius: 0;
	margin: 0.2em 0 0 0.2em;
}
.mazar-menu li .allergies .box.vegetarian {
	background: transparent url(/wp-content/uploads/Vegetarian.svg) no-repeat 0 0 / contain;
	width: 1.2em;
	bottom: 0.05em;
}
.mazar-menu li .allergies .box.vegan {
	background: transparent url(/wp-content/uploads/Vegan.svg) no-repeat 0 0 / contain;
	width: 2.2em;
	bottom: auto;
}
.mazar-menu li .allergies .allergy-name.for-vegan {
	display: none;
	opacity: 0;
}

/* FOOTER */

footer.x-colophon.bottom,
footer.x-colophon.bottom p {
	color: rgba(255, 255, 255, 0.8);
	background-color: #605D4D;
}
footer.x-colophon.bottom {
	padding: 1.6rem 0;
}
footer.x-colophon.bottom a {
	color: #faf7e7;
}
footer.x-colophon.bottom a:hover {
	color: #FFFFFF;
}
.x-colophon.top {
	display: none;
}

@media (max-width: 979px) {
	.full-screen .x-logobar-inner {
		padding-top: 20vh !important;
		padding-bottom: 10vh !important;
	}
	.masthead .x-logobar,
	.masthead .x-navbar {
		border: 0 none;
	}
	.masthead .x-btn-navbar.collapsed {
		display: none;
	}
	.masthead .x-nav-wrap.desktop {
		display: block;
	}
	.masthead .x-navbar .desktop .x-nav > li {
		float: left;
		display: block;
		width: 50%;
	}
	.masthead .x-navbar .desktop .x-nav > li > a {
		display: block;
		height: 42px;
		padding-top: 14px;
	}
}
@media (min-width: 980px) {
	.full-screen .x-logobar-inner {
		padding-top: 40vh !important;
		padding-bottom: 20vh !important;
	}
	.full-screen .x-navbar-fixed-top .mazar-menu-main .fa {
		display: none;
	}
	.masthead .x-navbar.x-navbar-fixed-top .x-nav > li > a,
	.masthead .x-navbar.x-navbar-fixed-top .desktop .x-nav > li > a span {
		color: #FFFFFF;
	}
	.masthead .x-navbar .desktop .x-nav > li > a:hover > span,
	.masthead .x-navbar .desktop .x-nav > li.x-active > a > span,
	.masthead .x-navbar .desktop .x-nav > li.current-menu-item > a > span,
	.masthead .x-navbar.x-navbar-fixed-top .x-nav > li.current-menu-item > a span,
	.masthead .x-navbar.x-navbar-fixed-top .x-nav > li > a:hover span {
		box-shadow: 0 1px 0 0 #fff;
	}
	.mazar-menu .filter-box.fixed {
		top: 90px;
	}
	.admin-bar .mazar-menu .filter-box.fixed {
		top: 122px;
	}
	#delivery .x-image,
	#delivery-2 .x-image {
		max-width: 200px;
	}
	#delivery .x-image.uber-eats,
	#delivery-2 .x-image.uber-eats {
		max-width: 140px;
	}
	#coffee .x-row,
	#bread .x-row {
		text-align: left;
	}
	#order-ahead p > a {
		display: inline-block;
		margin: 0 1rem;
		max-width: 150px;
	}
}

/* SOCIAL LINKS */

#social-links {
	border-bottom: 2px solid rgba(6, 28, 67, 0.95);
}
#social-links ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: flex;
	width: 95%;
	max-width: 600px;
}
#social-links li {
	padding: 0;
	margin: 0;
	text-align: center;
	flex: 0 0 25%;
	line-height: 180%;
}
#social-links li .fa {
	font-size: 3rem;
}
#social-links .text {
	font-size: 0.8rem;
	clear: both;
	display: block;
	text-transform: uppercase;
	opacity: 0.6;
}
footer.x-colophon.bottom .x-social-global a,
footer.x-colophon.bottom .x-social-global a.foursquare {
	font-size: 1.3rem;
	margin: 0 0.4em;
	position: relative;
	top: 0.1em;
	width: 44px;
	height: 44px;
	line-height: 44px;
}
footer.x-colophon.bottom .x-social-global .tripadvisor {
	top: 3px;
}
.tripadvisor > :first-child,
.google-plus .x-icon-google-plus-square,
.rss .x-icon-rss-square {
	background: url('data:image/svg+xml;charset=UTF-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1MC43NDIiIGhlaWdodD0iNTAuNzQyIj4KICA8ZyBmaWxsPSIjRkZGRkZGIj4KICAgIDxwYXRoIGQ9Ik0xNi4wMTEgMjEuMDAzYTYuMzM0IDYuMzM0IDAgMTAwIDEyLjY2OCA2LjMzNCA2LjMzNCAwIDAwMC0xMi42Njh6bTMuMzIxIDYuMzMzYTMuMzIgMy4zMiAwIDExLTMuMzIxLTMuMzJoLjAwMWEzLjMyIDMuMzIgMCAwMTMuMzIgMy4zMnpNMzQuNzI5IDIxLjAwM2E2LjMzNCA2LjMzNCAwIDEwMCAxMi42NjggNi4zMzQgNi4zMzQgMCAwMDAtMTIuNjY4em0zLjMyMSA2LjMzNGEzLjMyMSAzLjMyMSAwIDExLTMuMzIxLTMuMzIxaC4wMDFhMy4zMjEgMy4zMjEgMCAwMTMuMzIgMy4zMjFjMC0uMDAxIDAgMCAwIDB6TTE4LjM0MyAxNy44OGMzLjk5OCAxLjUyOSA3LjAzIDUuMTA2IDcuMDMgOS4yNzQgMC00LjE2OCAzLjAzMS03Ljc0NCA3LjAyOC05LjI3NGExOC4yNzkgMTguMjc5IDAgMDAtMTQuMDU4IDB6Ii8+CiAgICA8cGF0aCBkPSJNMjUuMzcxIDBDMTEuMzU5IDAgMCAxMS4zNTkgMCAyNS4zNzFzMTEuMzU5IDI1LjM3MSAyNS4zNzEgMjUuMzcxIDI1LjM3MS0xMS4zNTkgMjUuMzcxLTI1LjM3MVMzOS4zODMgMCAyNS4zNzEgMHptOS4zNTggMzYuNjk1YTkuMzI1IDkuMzI1IDAgMDEtNi4zNTgtMi40OTJsLTIuOTk4IDMuMjYyLTMuMDAxLTMuMjY0LS4wMTYuMDE1Yy0zLjgxIDMuNDkzLTkuNzMgMy4yMzctMTMuMjIzLS41NzNzLTMuMjM3LTkuNzMuNTczLTEzLjIyM2wtMy4wNjMtMy4zMzJoNi44MDdjNy4yLTQuOSAxNi42NjQtNC45IDIzLjg2NCAwaDYuNzg5TDQxLjA0IDIwLjQyYTkuMzM5IDkuMzM5IDAgMDEzLjA1MyA2LjkxN2MtLjAwMSA1LjE2OC00LjE5NSA5LjM1OC05LjM2NCA5LjM1OHoiLz4KICA8L2c+Cjwvc3ZnPg==')  no-repeat scroll 12px 12px / 20px;
}
.x-social-global .tripadvisor > :first-child::before,
.x-social-global .google-plus .x-icon-google-plus-square::before,
.x-social-global .rss .x-icon-rss-square::before {
	content: '';
	width: 1.6rem;
	display: inline-block;
	height: 1.6rem;
}
.x-social-global a:hover.instagram {
	background-color: #FF7EE9;
}
.x-social-global a:hover.rss {
	background-color: #57A305;
}

/* HEADER */

#header-landscape,
#header-portrait {
	height: 800px;
	max-height: 70vh;
}
#header-landscape .x-row,
#header-portrait .x-row {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	max-width: none;
}
#header-landscape .x-col,
#header-portrait .x-col {
	padding: 0 2rem;
}
#header-landscape h1
#header-landscape h1 {
	font-size: 3rem;
}
#header-landscape h1 img,
#header-portrait h1 img {
	width: 100%;
	max-width: 300px;
	margin: 0 auto;
	display: inline-block;
}
#header-landscape h2,
#header-portrait h2 {
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.9rem;
}

/* REVIEWS */

.gmbrr.carousel .navigation {
	text-shadow: none;
}

/* CONTACT US AND MAP */

#location,
#contact-location {
	color: #232323;
	background-color: rgba(0, 0, 0, 0.2);
}
#location .gm-style-iw,
#contact-location .gm-style-iw {
	font-weight: 700;
	font-size: 1.4em;
}
#contact h1,
#contact h2,
#contact h3,
#contact p {
	text-align: center;
}
#contact .x-container > div:first-child {
	margin-bottom: 2rem;
}
.x-main .contact-row {
	overflow: hidden;
	min-height: 35px;
	margin: 0px 0px 5px;
	clear: both;
}
.x-main .g-recaptcha {
	margin: 0 0 0.8em;
	opacity: 0.94;
	transform: scale(0.9, 0.9);
	transform-origin: 0 0;
}
.x-main .message textarea {
	height: 8em;
}
.x-main .x-btn,
.x-main .button,
.x-main [type="submit"] {
	width: 100%;
}
#location .x-row .x-frame-inner {
	padding-bottom: calc((12 / 20) * 100%);
	min-height: 40vh;
	max-height: 70vh;
}
#location .gm-style-iw .gm-style-iw-d img {
	height: auto;
	display: inline-block;
	margin: 0 auto 10px;
	width: 90%;
	position: relative;
	left: 6px;
}
body > div > .grecaptcha-badge {
	opacity: 0;
	display: none;
	visibility: hidden;
}
.x-row.x-col,
.x-row.x-col {
	text-align: center;
}
.x-image.rounded-slight {
	max-width: 300px;
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 1.5rem;
	color: rgba(184, 137, 78, 0.9)
}
#cs-content #contact > .x-row-inner > :nth-child(2n),
#cs-content #contact > .x-row-inner > :nth-child(2n-1),
#coffee .x-row > .x-row-inner > :nth-child(2n),
#bread .x-row > .x-row-inner > :nth-child(2n-1) {
	flex-basis: calc(50% - 3rem);
}

@media (min-width: 769px) {
	#contact h1,
	#contact h2,
	#contact h3,
	#contact p {
		text-align: left;
	}
	#contact .x-container > div:first-child {
		margin-bottom: 0;
	}
	#location .gm-style-iw img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.x-image.rounded-slight {
		border-radius: 3px;
	}
}

@media (min-width: 960px) {
	.masthead-inline .x-navbar .x-nav li {
		min-width: 7em;
	}
	.masthead-inline .x-navbar .x-nav > li > a:not(.x-btn-navbar-woocommerce),
	.masthead-inline .x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
		padding-left: 14px;
		padding-right: 14px;
	}
}

@media (min-width: 979px) {
	#coffee .x-row > .x-row-inner > :nth-child(2n -1),
	#bread .x-row > .x-row-inner > :nth-child(2n -1) {
		flex-basis: calc(33.33% - 2rem);
	}
	#coffee .x-row > .x-row-inner > :nth-child(2n),
	#bread .x-row > .x-row-inner > :nth-child(2n) {
		flex-basis: calc(66.66% - 2rem);
	}
	#delivery .x-row > .x-row-inner > :nth-child(n),
	#delivery-2 .x-row > .x-row-inner > :nth-child(n) {
		flex-basis: calc(33% - 1rem);
	}
	#coffee .x-row > .x-row-inner > *,
	#bread .x-row > .x-row-inner > * {
		margin: calc(1rem / 2) calc(2rem / 2);
	}
	#cs-content #contact .x-row > .x-row-inner > :nth-child(2n),
	#cs-content #contact .x-row > .x-row-inner > :nth-child(2n-1) {
		flex-basis: calc(50% - 2rem);
	}
	#contact .x-row > .x-row-inner > *,
	#coffee .x-row > .x-row-inner > *,
	#bread .x-row > .x-row-inner > * {
		flex-grow: 1;
		margin: calc(2rem / 2) calc(2rem / 2);
	}
	#location .x-row .x-frame-inner {
		padding-bottom: calc((10 / 20) * 100%);
	}
}

@media (min-width: 1050px) {
	.masthead-inline .x-navbar .x-nav li {
		min-width: 8em;
	}
	.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
		padding-left: 20px;
		padding-right: 20px;
	}
	#location .x-row .x-frame-inner {
		padding-bottom: calc((8.5 / 20) * 100%);
	}
}

@media (min-width: 1200px) {
	#coffee .x-row > .x-row-inner > *,
	#bread .x-row > .x-row-inner > *,
	#contact .x-row > .x-row-inner > *:nth-child(n),
	#contact .x-row > .x-row-inner > *:nth-child(2n),
	#contact .x-row > .x-row-inner > *:nth-child(2n - 1) {
		flex-basis: calc(50% - 2rem);
		margin: calc(2rem / 2) calc(2rem / 2);
	}
	#location .x-row .x-frame-inner {
		padding-bottom: calc((6 / 20) * 100%);
	}
}