body {
		font-family:'Open Sans', sans-serif;
		background-image:url('/graphics/montys-background.png'), url('/graphics/montys-background-bottom.png');
		background-repeat:no-repeat, repeat-y;
		background-size:100% auto;
		margin:0;
}

.page {
		max-width:1410px;
		padding:0 40px 0 0;
		margin:auto;
}

h1 {
		font-family:'Yeseva One', serif;
		color:#cc9900;
		font-size:32px;
		font-weight:normal;		
		background:url('/graphics/montys-divider.png') center bottom no-repeat;
		padding:30px 0;
		margin:0;
		text-align:center;
}

h2 {
		color:#555;
}

a {
		color:#cc9900;
}

p.center-text {
		text-align:center;
		font-size:1.3em;
		font-style:italic;
		color:#333;
}

.nobreak {
		white-space:nowrap;
}

form {
		max-width:400px;
		min-height:200px;
		width:100%;
		margin:auto;
		padding:10px 0 50px;
}

form label {
		color:#333;
		width:100%;
		display:block;
}

form .input {
		margin-top:10px;
}

form .input.error {
		border:1px solid #ffbfbf;
		padding:10px;
}

form .error-message {
		color:red;
		margin:15px 0 0;
		padding:10px;
		background:#f9f9f9;
		font-style:italic;
}

form .submit {
		text-align:center;
		margin-top:40px;
}

form .input input, form textarea {
		width:100%;
		border:1px solid #ccc;
		padding:10px;
		box-sizing:border-box;
		margin-top:3px;
}

.input select {
		margin-top:3px;
}

form .submit input, .button {
		border:1px solid #9c7500;
		background:#cc9900;
		color:#fff;
		padding:10px;
		font-size:15px;
		font-weight:bold;
		text-decoration:none;
		display:inline-block;
}

form .submit input:hover, .button:hover {
		cursor:pointer;
		background:#a27900;
}
		
.navigation-bar {
		background:rgba(0,0,0,.5);
		padding:40px 28px;
		float:left;
		width:210px;
		color:#fff;
		min-height:100vh;
		position:fixed;
		box-sizing:border-box;
}

.montys-logo:hover {
		opacity:.8;
}

#navigation-toggle {
		display:none;
}

.navigation-hambuger {
		font-size:15px;
		padding:10px;
		height:24px;
		line-height:24px;
		text-align:center;
		display:block;
		background:rgba(0,0,0,.5);
		display:none;
		border:1px solid #000;
		font-weight:600;
		text-transform:uppercase;
}

.navigation-hambuger:hover {
		background:#000;
		cursor:pointer;
}

.navigation-links {
		list-style-type:none;
		text-align:center;
		padding:0;
		marign-top:40px;
}

.navigation-links::before {
		content:'';
		border-top:1px solid #ccc;
		width:60%;
		margin:30px auto;
		display:block;
		
}

.navigation a {
		color:#fff;
		text-decoration:none;
		line-height:2.5;
		text-shadow:2px 2px 10px #000;
}

.navigation a:hover {
		text-decoration:underline;
}

.right-column {
		max-width:1170px;
		width:calc(100% - 240px);
		float:left;
		margin-top:100px;
		margin-left:240px;
}

.relax-its-montys {
		margin:auto;
		display:block;
		max-width:100%;
}

.navigation-buttons {
		list-style-type:none;
		padding:0;
		text-align:center;
		margin:20px 0;
}

.navigation-buttons li {
		display:inline-block;
}

.navigation-buttons a {
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
		background:rgba(0,0,0,.5);
		padding:12px 7px;
		font-size:15px;
		width:175px;
		display:block;
		border:1px solid #000;
		font-weight:600;
		margin-bottom:10px;
}

.navigation-buttons a:hover {
		background:#000;
}

.content {
		background:#f7f7f7;
		float:left;
		min-height:300px;
		width:100%;
		padding:30px;
		box-sizing:border-box;
}

.home-slider {

}

.home-slider img {
		width:100%;
}

.slidesjs-pagination {
		padding:0;
		list-style-type:none;
		text-align:center;
		font-family:arial, sans-serif;
}

.slidesjs-pagination li {
		display:inline-block;
		margin:0 10px;
}

.slidesjs-pagination a {
		text-decoration:none;
		font-size:50px;
		line-height:60px;
		vertical-align:middle;
}

.slidesjs-pagination a.active {
		color:#fff;
		font-size:60px;
		text-shadow:
		-1px -1px 0 #cc9900,
    1px -1px 0 #cc9900,
    -1px 1px 0 #cc9900,
    1px 1px 0 #cc9900;
}

.just-the-right-food {
		text-align:center;
		box-sizing:border-box;
		padding:10px;
		max-width:725px;
		margin:0 auto 30px;
}

.just-the-right-food p {
		font-size:14px;
		line-height:1.7;
		clear:both;
		color:#666;
}

.todays-sunset {
		text-align:center;
		width:100%;
		float:left;
		padding:50px 0;
}

.todays-sunset img {
		max-width:100%;
}

.todays-sunset .sunset-title {
		font-family:'Yeseva One', serif;
		color:#cc9900;
		font-weight:normal;
		margin:0;
		font-size:18px;
}

.happy-hour {
		background:url('/graphics/happy_hour/cocktail.png');
		background-size:cover;
		background-position:right;
		min-height:360px;
}

.happy-hour-logo {
		float:right;
		margin:90px 12% 0 0;
		max-width:calc(100% - 40px);
}

.home-bottom-slider {
		float:left;
		width:100%;
		padding:50px 0;
}

.home-bottom-slider ul {
		list-style-type:none;
		padding:0;
}

.home-bottom-slider li {
		width:33%;
		float:left;
}

.home-bottom-slider .image-popup:hover {
		cursor:pointer;
		opacity:.9;
}

.home-bottom-slider img {
		margin:auto;
		display:block;
		max-width:90%;
}

.footer {
		background:rgba(0,0,0,.5);
		color:#fff;
		float:left;
		width:100%;
		padding:40px;
		box-sizing:border-box;
		text-align:center;
		margin-bottom:40px;
}

.footer .footer-section {
		width:33.33%;
		float:left;
		box-sizing:border-box;
		padding:0 10px;
}

.footer .footer-title {
		font-family:'Yeseva One', serif;
		font-weight:normal;
		margin:0;
		background:url('/graphics/montys-footer-divider.png') center bottom no-repeat;
		padding-bottom:20px;
}

.footer p {
		font-size:12px;
		font-weight:bold;
}

.footer p br {
		margin-bottom:7px;
}

.footer .social {
		padding:0;
		list-style-type:none;
}

.footer .social li {
		display:inline-block;
}

.food-menu {
		text-align:center;
		padding-bottom:50px;
		max-width:400px;
		margin:auto;
}

.menu-popup {
		text-decoration:none;
		background:url('/graphics/image-icon.png') no-repeat right;
		padding-right:35px;
		color:#000;
}

.menu-popup:hover {
		color:#cc9900;
}

.food-menu .section-title {
		font-family:'Yeseva One', serif;
		font-weight:normal;
		font-size:28px;
		color:#555;
}

.food-menu .section-info {
		font-weight:normal;
		font-style:italic;
		margin:0;
		padding-bottom:30px;		
}

.section-info h3 {
		font-weight:normal;
}

.section-info p {
		margin:0;
}

.food-menu .item {
		margin-bottom:20px;
}

.food-menu .title {
		margin:0;
}

.food-menu .description {
		font-size:.8em;
		margin:0;
}

.food-menu .add {
		margin:5px 0 0;
		font-size:.8em;
		font-style:italic;
}

.food-menu .click-to-toggle::after {
		content:" \25BC";
		font-size:.5em;
		margin-top:-25px;
}

.food-menu .click-to-toggle:hover {
		cursor:pointer;
		color:#666;
}

.food-menu .active .click-to-toggle {
		color:#cc9900;
}

.food-menu .active .click-to-toggle::after {
		content:"";
}

.event {
		float:left;
		width:100%;
		margin-top:15px;
		line-height:1.6;
		padding:50px;
		box-sizing:border-box;
		border-bottom:1px solid #f7f7f7;
}

.event img {
		width:40%;
		float:left;
}

.event-info {
		float:right;
		width:55%;		
}

.event .description {
		font-size:16px;
		line-height:1.7;
		clear:both;
		color:#666;
}

.event-info .description .read-more {
		color:#cc9900;
		display:block;
		margin-top:15px;
}

.event-info .description .read-more:hover {
		cursor:pointer;
		color:#333;
}

.event-info .description .after {
		display:none;
}

.event .title {
		margin:0;
		
}

.event .date {
		font-size:1.3em;
		margin:0;
		font-style:italic;
		color:#555;
}

.event .time {
}

.contact-top {
		border-top:2px solid #cc9900;
		border-bottom:2px solid #cc9900;
		background:#fff;
		width:100%;
		float:left;
		margin:20px 0 40px;
}

.contact-map {
		float:left;
		width:60%;
		height:500px;
		padding:40px;
		box-sizing:border-box;
		max-height:80vh;
}

.contact-info {
		float:left;
		padding:40px;
		width:40%;
		box-sizing:border-box;
}

.contact-info h2 {
		color:#cc9900;
}

.contact-info p {
		color:#555;
}

/* Reponsive */
@media screen and (max-height:500px) {
		
		.navigation-bar {
				position:absolute;
		}		
		
}

@media screen and (max-width:1100px) {

		.happy-hour {
				background:url('/graphics/happy_hour/background.jpg');
				min-height:auto;
		}

		.happy-hour-logo {
				float:none;
				margin:auto;
				display:block;
				padding:20px;
		}

		.contact-map {
				width:100%;
				padding-bottom:0;
		}

		.contact-info {
				text-align:center;
				width:100%;
		}
		
}

@media screen and (max-width:1000px) {

		.event {
				padding:50px 0;
		}
		
		.event img {
				margin-bottom:20px;
				width:100%;
		}

		.event-info {
				width:100%;
		}

}

@media screen and (max-width:800px) {
		.page {
				padding:0;
		}
		
		.navigation-bar {
				position:relative;
				width:100%;
				height:auto;
				min-height:auto;
				min-height:0;
				text-align:center;
				padding:20px 30px 10px;
		}

		.navigation-hambuger {
				display:block;
				position:absolute;
				right:30px;
				top:35px;
		}

		.navigation-links {
				display:none;
		}

		#navigation-toggle:checked + .navigation-links {
				display:block;
		}
		
		.right-column {
				margin:0;
				padding:30px;
				width:100%;
				box-sizing:border-box;
		}
}

@media screen and (max-width:600px) {

		.footer .footer-section {
				width:100%;
				margin-bottom:30px;
		}

		.contact-top {
				border:none;
				background:none;
		}		
		
		.contact-map {
				padding:0;
		}

		.contact-info {
				padding:20px 0;
		}

		.right-column {
				padding:30px 0 0;
		}

		.footer {
				margin-bottom:0;
		}
}

@media screen and (max-width:400px) {

		.navigation-bar {
				text-align:left;
		}
		
}

/* COVID */
.covid-popup {
		max-width:500px;
		background:rgba(255,255,255,.9);
		margin:auto;
		padding:50px;
		text-align:center;
		border-radius:5px;
}

.covid-popup p {
		font-weight:bold;
		color:#333;
		font-style:italic;
		font-size:1.2em;
		padding:1em;
}

.nowrap {
		white-space:nowrap;
}

.covid-buttons {
		text-align:center;
}

.covid-button {
		padding:1em;
		display:inline-block;
		text-decoration:none;
		background:#cc9900;
		color:#333;
		min-width:100px;
}

.button-clear {
		background:transparent;
}

.covid-button:hover {
		color:#fff;
		background:#333;
}

.covid-button.button-clear:hover {
		background:transparent;
		text-decoration:underline;
		color:#000;
}

.takeout-menu .item {
		margin-bottom:5px;
}

.takeout-menu {
		display:flex;
		max-width:none;
		flex-wrap:wrap;
		margin-top:2em;
}

.takeout-menu .section {
		width:50%;
		background:#fff;
		margin:10px;
		padding:20px;
		box-sizing:border-box;
		width:calc(50% - 20px);
}

.takeout-phone {
		font-family:'Yeseva One', serif;
		text-align:center;
		font-size:2em;
		color:#fff;
		background:#cc9900;
		padding:2em;
		border-radius:5px;
}

@media screen and (max-width:600px) {
		.takeout-menu {
				display:block;
		}

		.takeout-menu .section {
				width:auto;
		}
}