/*  
CMS Modify CSS
*/

html {
position: relative;
min-height: 100%;
font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
overflow-x: hidden;
}

body {
margin: 0 0 220px; /* bottom = footer height */
background: url(../images/body-bg.jpg) no-repeat center center fixed #000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height:100%;
min-height:100%;
max-height:100%;
background:#fff;
}
body, th, td, input, textarea, select, option {
	font-family: Arial, Times, serif;
}

body#home {
	background:#fff;
}

#content-full-width {
	background:url(../images/trans-repeater_blue92.png) repeat;	
	background:none;
}
#wrapper, #header, #page,
#footer, #bottom-footer-sections,
#footer-top-section {
	width:1024px;
}

#inner-header, 
#footer, #bottom-footer-sections,
#footer-top-section {
	width:100%;
	max-width: 1024px;
}
marquee {
	font-size: 1.3em;
	color:#000;
	margin-bottom: 16px;
}

#top-content { /* this will hide by default this div NO LONGER USED *****************/
display:none;
}

#privacy-policy-wrapper h1,
#privacy-policy-wrapper h2,
#privacy-policy-wrapper h3,
#privacy-policy-wrapper p,
#privacy-policy-wrapper ul li,
#privacy-policy-wrapper ol li {
	text-align:left;
}

/* CUSTOM FOOTER SECTION */

#footer, #footer p, #footer a,
#bottom-footer-sections, #bottom-footer-sections a,
#footer-wrapper, #footer-wrapper a, #footer-top-section,
#footer-top-section a, #bottom-footer-sections #right-section, 
#bottom-footer-sections #right-section a, #footer-right a,
#footer-right p, #footer-right p a, #footer-hours {
	color: #fff;
}
#footer-wrapper {
margin-top:0px;
position: absolute;
left: 0;
bottom: 0;
height: 220px;
width: 100%;
background:#17230a;
margin-left:0;
padding-left:2%;
padding-right:2%;
}
#footer-top-section {
}
#footer-map {
float:right;
width:380px;
max-width:70%;
height:108px;
margin-right:2px;
overflow:hidden;
border-radius:6px;
}
#powered-by a img {
background:none;
}
#footer-logo {
width:28%;
max-width:28%;
}
#bottom-footer-sections #right-section {
margin-bottom:15px;
}
#credit-cards {
float:right;
width:auto;
max-width:171px;
text-align:right;
color:#000;
padding-right:0px;
margin-left:0%;
margin-bottom:6px;
clear:right;
margin-right:15px;
}

#credit-cards img {
height:auto;
width:100%;
max-width:100%;
text-align:left;
}

@media screen and (max-width: 700px) {
#credit-cards {
float:none;
position:relative;
text-align:center;
margin-right:auto;
margin-left:auto;
}
}

/* END CUSTOM FOOTER SECTION */


/* CUSTOM HEADER SECTION */

#header-wrapper {
	width:100%;
	min-width:100%;
	max-width:2000px;
	height:auto;
  background:none;
  text-align:center;
}

#inner-header {
	position:relative;
	z-index:4001;
	padding:0;
	width:100%;
	max-width:1024px;
	height: 100%;
	margin: 0 auto;
	margin-top:0px;
}

#header {
width:100%;
height:150px;
background:none;
}

body#home #header {
	background:none;
	height:0px; /* set to 0 when hiding on home page */
	display:none;
}

#header-logo_home {  /* no longer used */
display:none;
 }

#header-logo {
margin:0px;
padding:0px;
position:relative;
width:100%;
height:auto; 
text-align:center;
z-index:1999;
display:none;
 }
#header-logo img {
height:200px;
width:auto;
text-align:center;
margin-top:10px;
 }
body#home #header-logo img { /* use if different size than sub pages */
 }
#h-nav-logo-wrapper {
display:block;
margin-top:10px;
position:absolute;
margin-left:9px;
}
#header-wrapper #h-nav-logo img {
display:block;
height:110px;
width:auto;
}

@media screen and (max-width: 1024px) {
#header {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width:100%;
height:180px;
} 
#header-logo img {
height:160px;
width:auto;
text-align:center;
 }
body#home #header-logo img { /* modify if different size than sub pages */
 }
}

@media screen and (max-width: 768px) {
#header {
width:100%;
max-width:100%;
min-width:100%;
height:150px;
max-height:150px;
}
#header-logo img {
height:130px;
width:auto;
text-align:center;
 }
body#home #header-logo img { /* modify if different size than sub pages */
 }
}

/* END CUSTOM HEADER SECTION */


/* ONLINE ORDERING BUTTON SECTION */

#online-ordering-side-button {
display:none;
}
#online-ordering-top-button, /* ONLINE ORDER BUTTON IN THE TOP-HEADER-CUSTOM.PHP FILE - no longer used */
#home-allcontent #online-ordering-top-button { /*hiding the main online order button */
display:none;
}
#order {
position:fixed;
z-index:8001;
clear:both;
margin: 0px;
padding: 0px;
list-style-type: none;
margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
}
#space-holder-online-ordering { /* this is needed to hold space for the fixed online ordering button */
	height:51px;
}
#replacement-filler-online_horiz-nav { /* this should be set to same height as horizontal nav */
height:136px;
}
#below-horiz-nav-online-nav_wrapper {
}
#below-horiz-nav-online-nav { /*this is for the online ordering button directly below horizontal-wrapper div */
	display:block;
	position:fixed;
	z-index:9000;
	top:136px;
}
#reduced-online-nav { /* hidden until screen size is reduced */
	display:none;
}
#order li {
float:none;  /* needed to clear float from main-style.css */
display: inline-block;
margin: 0px;
width:100%;
height:51px;
margin-left:auto;
margin-right:auto;
text-align:center;
background:#d39c41;
margin-bottom:0px;
}

#below-horiz-nav-online-nav #order li {
	background:#d39c41;
}
#below-horiz-nav-online-nav #order li:hover,
#order li:hover {
background:#ea9508;
}

#order a {
	display: inline-block;
	font-family:Arial, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #666;
	text-align:center;
	background:url(../images/order-online.png) no-repeat center;
	-webkit-transition: background 0.3s linear;
	-moz-transition: background 0.3s linear;
	-o-transition: background 0.3s linear;
	transition: background 0.3s linear;
	width:100%;height:51px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

#order a:hover {
		background:url(../images/order-online.png) no-repeat center;
		width:100%;height:51px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

@media screen and (max-width: 1024px) {	
		
/* ONLINE  REDUCED BUTTON CSS */	
#replacement-filler-online_horiz-nav { /* this should be set to same height as horizontal nav */
height:58px;
}
#below-horiz-nav-online-nav { /*this is for the online ordering button directly below horizontal-wrapper div */
	top:58px;
}	
#wrapper { 
margin-top:48px;
}
} 

/* END ONLINE ORDER CUSTOM CSS */


/* CUSTOM LISTING ITEMS CSS */
#content #listings-group-wrapper,
#content-full-width #listings-group-wrapper {
margin-top:15px;
}
#listings-group-wrapper h3 {
color:#fff;
display:block;
background:#000;
-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border-radius: 3px;
padding:7px 9px 7px 9px;
font-size:25px;
	}

#listings-wrapper p {
width:64%;
}

.list-item-image {
	width:28%;
}

.list-item-image img {
		-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	border:none;
}

@media screen and (max-width: 500px) {	
	
#listings-wrapper p {
width:100%;
}

.list-item-image {
	width:100%;
	min-width:100%;
	float:left;
}
	
	.list-item-image img {
	width:100%;
}
  
}
/* END CUSTOM LISTING ITEM CSS */



#wrapper { 
border: none;
width:100%;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
margin:auto;
box-shadow: none;
border-top:none;
margin-bottom:0px;
margin-top:0px; /* this needs to match height of horizontal nav area */
background:none;
}

#page-container, #page-container1 {
	display:block;
	position:relative;
	height:inherit;
	width:100%;
	min-width:100%;
	max-width:100%;
	border: none;
	margin:0;
	padding:0;
	border-radius: 0px;
	padding-bottom:30px;
	background:#fff;
}
#page-container1 h1,
#page-container1 #wysiwyg-content h1,
#page-container1 #main-content h1,
#home-allcontent #page-container1 p,
#home-allcontent #page-container1 #wysiwyg-content h1 {
}
#home-allcontent #page-container {
	background:#000;
}
#page-container h1, #page-container h2 {
	color:#fff;
}
#page-container1 {
	background:#fff;
}
#home-allcontent #page-container1 h1 {
font-size:2.7em;
}
#page-container2 {
}
#page-container3 {
}
#page, #page1, #page2, #page3, #page4, #page5, #page6 { 
width:100%;
max-width:1024px;
margin:auto;
border: none;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding:0px;
height:auto;
padding-top:0px;
background:none;
	}

#content, #content-full-width {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
padding:0%;
border:none;
padding-top:.5%;
margin-bottom:20px;
	min-height:0px;
}

#home-allcontent #content-full-width,
#home-allcontent #content {
	padding-top:0%;
	background:none;
	border:none;
}


#content {
	width:72%;
	float:left;
	margin-left:1%;
}

#main-content {
	padding-top:6px;
}
#page {
}
#main-content p a {
	color:#000;
	text-decoration:underline;
}

#main-content p,
.narrow-content p,
#wysiwyg-content p {
font-size:1.2em;
line-height:1.4em;
color:#8f8f8f;
text-align:left;
	}
	
.full-width_content img {
		width:100%;
}

#wysiwyg-content,
#html-main-content,
.narrow-content {
padding:0px;
margin:0px;
padding-left:2%;
padding-right:2%;
max-width:900px;
margin-left:auto;
margin-right:auto;
text-align:center;
	margin-top:20px;
}

#home-allcontent #main-content {
	-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border:none;
}


#wysiwyg-content img {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border:solid 1px #ccc;
border:none;
}

#home-allcontent #wysiwyg-content {
	margin-top:-26px;
}


#bottom-widget-wrapper h3 {
	font-size:15px;
}

#home-allcontent #wysiwyg-content h1,
#wysiwyg-content h1,
#widget h1, h1,
#main-content h1 {
	font-size: 3em; 
	line-height: auto; 
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: 'Teko', sans-serif;
	font-weight:600;
	margin-bottom:.7em;
	color:#000;
}

#home-allcontent #main-content h1 {
	font-size: 3em; 
	line-height: auto; 
	text-align:center;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: 'Pacifico', cursive;
	font-family: 'Teko', sans-serif;
	font-weight:bold;
	margin-bottom:1em;
	margin-top:.4em;
	color:#d39c41;
}

#main-content h1 { 
margin-top:16px;
	margin-bottom:9px;
	color:#000;;
}

#main-content #wysiwyg-content h2 {
	font-size: 2.2em; 
	font-family: 'Teko', sans-serif;
	line-height: auto;
	font-weight:bold;
	color:#000;
	margin-top:7px;
}

#main-content #wysiwyg-content h3 {
	font-size: 1.6em;
	color:#000;
}

#main-content #wysiwyg-content  h4, 
#main-content #wysiwyg-content h5, 
#main-content #wysiwyg-content h6 {
	font-size: 1.5em;
}

#main-content #wysiwyg-content p { 
font-size: 1.2em;
	margin: 0;
	padding: 0;
	color:#000;
	line-height:1.4em;
}

#main-content #wysiwyg-content ul { 
margin-bottom:.8em;
}

#main-content #wysiwyg-content p { 
margin-top:.1em;
}

#main-content #wysiwyg-content ol,
#main-content #wysiwyg-content ul { 
font-size: 1.3em;
	color:#000;
}

hr { 
margin: 0px; 
padding: 0px; 
color: #000;
}


#city, #address {
display:none;
}

#sidebar {
width:23%;
margin-right:1.5%;
float:right;
margin-top:15px;
}

#sidebar-address {
	display:none;
}

#address p {font-weight:normal;}

.phone-wrapper {
	display:none;
}

#page-bgtop {
	background: none;
	padding:0;
	margin:0;
}

#page-bgbtm {
	background: none;
	padding:0;
	margin:0;
}

#top-widget-container, #bottom-widget-container {
	margin-top:20px;
}

#top-widget-wrapper, #bottom-widget-wrapper /* , #bottom-widget-wrapper / comment out to test responsive bottom ********************/ {
	padding:0;
	margin:0;
	display: table-row;
	border-collapse: separate;
	border-spacing: 0px 0px;
	width:100%;
	min-width:100%;
}

#top-widgets-2 #widget, #bottom-widgets-2 #widget,
#top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding {
text-align: center;
width:510px; /* this is required for widgets to resize properly this works for 1200 wide with sidebar */
min-width:50%;
max-width:100%;
border-radius:0;
	padding:0px 70px;
}

@media screen and (max-width: 768px) {
#top-widget-container, #bottom-widget-container {
	margin-top:14px;
}
	
#top-widgets-2 #widget, #bottom-widgets-2 #widget,
#top-widgets-2 #widget-no-padding, #bottom-widgets-2 #widget-no-padding {
text-align: center;
width:510px; /* this is required for widgets to resize properly this works for 1200 wide with sidebar */
min-width:50%;
max-width:100%;
border-radius:0;
	padding:0px;
}

}

#top-widget-wrapper {
background:none;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
padding:0px;
display: table-row;
border-collapse: separate;
border-spacing: 8px 0px;
width:100%;
min-width:100%;
}

#header-address {
display:none;
	}
	
	
li.reduced-custom-button {  /* this is for the custom button added to horizontal wrapper to show in reduced version */
	display:block;
	background: #be1e2d;
	background:yellow;
	text-align:center;
	width:100%;
	clear:both;
}

.custom-button p a {
	display:inline-block;
	padding:12px;
	border-radius:4px;
	background:#363a56;
	color:#fff;
	font-weight:bold;
	font-size:18px;
	margin-top:-12px;
}

.custom-button p a:hover {
	background:#343f8c;
	color:#fff;
}

.horiz-phone, .horiz-social, .horiz-email {
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	width:auto;
	height:auto;
	display:inline-block;
	opacity:1;
	text-align:right;
	float:left;
	font-size:25px;
	padding:.2em;
	padding-top:.3em;
	color:#fff;;
}
.horiz-social {
	margin-top:-18px;
}
.horiz-email {
	margin-top:-8px;
}
.horiz-social img {
	height:25px;
	width:25px;
}
.horiz-city {
	clear:right;
	font-size:22px;
	margin-top:2px;
	color:#fff;
}
.reduced-link3 { /* hides the phone on reduced menu */
	display:none;
}

.horiz-phone a {
	display:block;
	color:#000;
	background: #be1e2d;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	font-size:26px;
	padding:.2em .4em;
	text-align:center;
}

/* sidebar social links default to show */
#social-sidebar-links,
#social-header-links {
	display:none;
}
#social-header-links ul li {
display:inline;
}
#social-header-links img {
	margin-left: 4px;
	width:30px;
	height:30px;
}


/* Main Sidebar */
#nav-wrapper {
margin:0;
background:#dee1e5;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding:4px;
width:inherit;
}

#nav-wrapper ul li {
	margin:0;
	padding:0;
}


/* defaults to show built in page links in sidebar navigation */
#static-vertical-nav {
}


/* horizontal nav hide  - styling for this is in horizontal-nav.css */
#horizontal-wrapper {
	}

/* side social icons - default to hide - stying for this area is below */
#social-icons-right-side {
position:fixed; margin-top:353px;margin-left:795px;
width:45px; 
}


#sidebar #hours,
#sidebar #open-marker,
#sidebar #closed-marker {
	display:none;
}


#hours {
	width:100%;
	color:#000;
line-height: 1.2em;
margin-bottom:10px;
display:none;
}
#hours .bold-font {
	font-weight:bold;
	}
#hours p {
	font-weight:normal; 
	font-size:12px;
	}

.menu-description {
	font-style:italic;
 padding-bottom:5px;
 }

#specials-wrapper { 
text-align:left; 
-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	padding: 10px;
	margin-bottom:5px;
	background:#ce0303;
color:#fff;
  }
.specials-title {
	font-weight:bold;font-size: 1.8em;
	color:#fff;
  }
#specials-wrapper p {
}
	
#specials-allcontent {
	display:none;
	}

#hide-contact-fax, #hide-contact-email {
	display:none;
	}

#widget {
	color:#000;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	margin-bottom:12px;
}


#widget-content h1 {
	color:#fff;
	font-weight:600;
	font-size: 2.6em;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: 'Teko', sans-serif;
}
#widget-content h2 {
	color:#fff;
	font-weight:600;
	font-size: 1.6em;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-family: 'Teko', sans-serif;
}
#widget-content p {
	color:#fff;
	font-weight:300;
	font-size: 1.4em;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#widget #widget-content h3 a {
	text-align:center;
	font-family:arial, verdana, sans-serif;
	font-size: 17px; line-height: 1.2em;
	color:#8c8e91;
	font-weight:600;
padding:.5em;
text-decoration:none;
}
#widget-content h5,
#widget-content h5 a {
	text-align:center;
	font-weight:600px;
	font-size:1.4em;
	padding-bottom:.5em;
	padding-left:10%;
	padding-right:10%;
	color:#c92e3e;
}
#widget-content hr {
	text-align:center;
 border: 2px solid #c92e3e;
	width:90px;
	min-width:90px;
	margin-left:auto;
	margin-right:auto;
}

#widget-content a,
#widget-content p a{
	color:#000;
	text-decoration:none;
}

#widget-content a:hover {
}

#widget #widget-content {
	padding:.6em .1em .8em .1em;
}

#widget #widget-content ul li,
#widget-no-padding #widget-content ul li {
	text-align:left;
	list-style-type:disc;
	color:#8c8e91;
	padding-bottom:.2em;
}


#contact-page-wrapper,
#contact-page-wrapper a,
#contact-page-wrapper p,
#contact-page-wrapper p a {
	color:#000;
	text-decoration:none;
}
#menu-wrapper {
	padding:10px;
	border-radius:6px;
	background:#fff;
}
#below-menu-disclaimer {
	color:#000;
}

#contactinfo {  /* this is the wrapper for the in page form option ********/
background:#fff;
padding:1.5%;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
/* width: 60%;
margin: 0 auto;  */
	margin-top:20px;
}

#contactinfo p a {
	color:#000;
}


#coupon-wrapper {
	border:.2em dotted #333;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
	margin-bottom:.5em;
	margin-top:.5em;
	width:100%;
	min-height:80px;
	background:none;
	padding:.5em;
	}
#page {
	margin-top:0px;

}

@media screen and (max-width: 1024px) {
	
	
body {
	max-width:100%;
	min-width:100%;
	overflow:hidden;
	padding-top:10px;
}
	#header {
		height:0;
	}
#sidebar {
margin-top:40px;
}

#wrapper { 
margin-top:48px;
}


#horizontal-wrapper { /*** hide this to show the reduced menu */
	display:none;
}

/**** STYLE FOR REDUCED MENU BACKGROUND COLOR *****************/
#reduced-menu-button { 
	display:block;
	position:fixed;
	height:58px;
	background:#000;
	border-bottom:solid 1px #ccc;
}

#menu1 {
top: 52px;
}

#reduced-menu-button #nav-links-reduced img {
	display:block;
}

#reduced-menu-button #nav-links-reduced img {
	text-align:left;
}


#social-header-links {
	display:none;
}


#header-address {
margin-right:1%;
	}
	
#content-full-width {
		width:96%;
		margin-left:2%;
		margin-right:2%;
margin-bottom:10px;
}


#home-allcontent #content-full-width,
#content-full-width,
#content{
padding:1.5%;
margin-bottom:25px;
}
	
	

#content {
	width:71%;
}

#sidebar {
	width: 22%;
	margin-left:1.5%;
}

#page {
	width:100%;
}
	

}


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


#home-allcontent #main-content {
	-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
		width:100%;
		margin-left:0%;
		margin-right:0%;
	margin-bottom:0;
}

#header-address {
		display:none;
	}
	
#sidebar {
width:97%;
clear:both;
margin-top:10px;
}

#sidebar #widget,
#sidebar #widget-no-bg {
width:48%;
margin-left:1%;
margin-right:1%;
display:inline-block;
}

#logo-tagline h2 {
	font-size:17px;
text-align:center;
}
	

/* Content */


#home-allcontent #content-full-width,
#content-full-width,
#content{
	padding: 0px; margin:0px;
	float: right;   /* float right for left sidebar */
	width: 100%;
	padding-top: 0px;
	margin-top: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
		border-radius: 0px;
padding:1.5%;
margin-bottom:25px;
border:none;
}

#home-allcontent #content-full-width {
	border-top:none;
	border-bottom:none;
}

#main-content { 
float:right; 
width:100%;
margin:0;
padding:0;
}
	
}



@media screen and (max-width: 700px) {
	
#coupon-club-top, #coupon-club, #header-ordering-button,
#social-header-links {
	display:none;
}
	
#sidebar #widget,
#sidebar #widget-no-bg {
width:98%;
}
	
}

@media screen and (max-width: 570px) {
	
body {
}

#home-allcontent #content-full-width,
#content-full-width,
#content{
margin-bottom:0px;
}

 
}


@media screen and (max-width: 300px) {
	
body, #wrapper, #content, #content-full-width, #page, #header {
	min-width:300px;
}
}


.modal {
    display: none; /* Hidden by default */
    position: relative; /* Stay in place */
    z-index: 12000; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
	margin-top:-3px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #fff; /* Fallback color */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: none;
    width: 100%;
	max-width:900px;
		-webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
}

.modal-content li {
	padding:.5em;
	font-size:18px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


#myBtn {
    background-color: #424140; /* Set a background color */
}