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

author:		Logistica Systems
date:		07.21.2011
----------------------------------------------- */

/* CSS Reset */
* { margin: 0; padding: 0; }

/*
html {
	background: url(images/bg_yummy.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
} */

.order-online {
    width: 161px;
    text-align: center;
}

.order-online, .order-delivery {
  background-color:#17A0CA;

}
 li.has-dropdown a {
  color: #FFF !important;
}


body {
	margin:0; padding:0;
	background: url(images/bg_yummy.jpg) no-repeat top center fixed;

}


.css-18vafg3 {

	font-size: 19px !important;
	padding: 10px 0 !important;

}


#wrapper {
	width: 960px;
	margin: 0 auto;
	background-color: #FFF;

}

/* HEADER */
#header {
	display:block;
	position:relative;
	width: 960px;
	margin: 0 auto;
	height: 120px;
	border: 0px solid red;
}

#header h2 {
	display:block;
	float:left;
	width:370px;
	height:75px;
	background:url(images/yummies_gyros_logo.png) no-repeat 0 0;
	text-indent:-9999px;
	border: 0px solid red;
	position: absolute;
	top: 20px;
	left: 40px;
}

#header h2 a {
  display: block;
  height: 100%;
  width: 100%;
}



#header #phone {
	float:left;
	display:block;
	width: 315px;
	height: 55px;
	position: absolute;
	top: 30px;
	right: 45px;
	border: 0px solid yellow;
}

#menuheader {
	width: 890px;
	margin: 0 auto;
	height: 75px;
	border: 0px solid RED;
	position:relative;
}


#menuheader #social_net {
	display:block;
	width: 100px;
	height: 35px;
	position: absolute;
	top: 0px;
	right: 0px;
	border: 0px solid green;
}

#buttons-message {
    padding: 0 0 0 12px;
    font-size: 10px;
}

/* CONTENT  WRAP - background */

#content_top {
	width: 960px;
	margin: 0 auto;
	height: 15px;
	padding: 0;
	border: 0px solid yellow;
}

#content_main {
	width: 960px;
	margin: 0 auto;
	min-height: 400px;
	padding: 0;
	border-top: 2px dotted #CCC;
	min-height: 480px;
	padding: 15px 0 ;
}

#content_wrap {
	margin:0 auto;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 140%;
	width: 880px;
	overflow:hidden;
}

#content_wrap p {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 140%;
	margin-bottom:10px;

}



#content_bottom {
	width: 880px;
	margin: 0 auto;
	height: 40px;
	padding: 0;
	border: 0px solid red;
}



/* FOOTER */
#footer{
	position:relative;
	margin: 0 auto;
	width: 880px;
	height: 160px;

}


#footerContainer  {
	width: 880px;
	margin: 0 auto;
	margin-top:15px;
}

#footerContainer .footer_box {
	width:220px;
	float:left;
	border:0px solid yellow;
	font: normal 12px/140% Arial, Helvetica, sans-serif;
	color: #17a0ca;
}


#footerContainer .footer_box h3{

	font: bold 14pt "Trebuchet MS", Arial;
	color:#222222;
	padding-bottom: 5px;
}


#footerContainer p {
	font: normal 13px/140% Arial, Helvetica, sans-serif;
	color: #222222;
}



/* Generic Link */
a			{font-size: 16px;  text-decoration: underline;}
a:link		{color: #1b59a8; text-decoration: underline;}
a:visited	{color: #1b59a8; text-decoration: underline;}
a:hover		{color: #17a0ca; text-decoration: none;}

/* Generic Link 2 */
a.link2				{font-size: 12px; color: #222222; text-decoration: none; }
a.link2:link		{color: #222222; text-decoration: none;}
a.link2:visited		{color: #222222; text-decoration: none;}
a.link2:hover		{color: #4b4b4b; text-decoration:underline; }


/****** CONTENT FORMATTING ******/

h1 {
	font: normal 20pt 'Anton', sans-serif;;
	color: #17a0ca;
	margin-bottom: 15px;

}


h2 {
	font: normal 16pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#222222 ;
	margin-bottom: 15px;
	font-weight:bold;
}



.clear {
	clear: both;
}


.photo_box {
	float:left;
	width:200px;
	margin: 0 15px 15px 0;
	height: 150px;
	border: 1px solid #000;

}

#content_wrap p.caption {

	color:#666;
	font-size: 12px;
	text-align:center;
}




/* Lists */

.list{ margin: 0 0  2em 2em;}

.list li {

	list-style-type: none;
	background: url('images/greek_flag_25.jpg') no-repeat center left;

	padding-left: 40px;
	border:0px solid gray;
	font: 14pt Arial, Helvetica, sans-serif;
	margin-bottom: 7px;

}


/* NAV  DROP MENU CODE CANYON*/

/*
.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
 */

ul.dropmenu {
	/*font-family: 'Anton', sans-serif; */
	font-family: "Montserrat", sans-serif;
	font-size: 16px !important;

  font-optical-sizing: auto;
  font-weight: 600 !important;
  font-style: normal;
	letter-spacing:0px;

	text-transform:uppercase;
	float: left;
	margin: 0px;
	padding: 0px;
	display: flex;
    align-items: center;

}

.dropmenu li a, .dropmenu li{
	float: left;
	color: #1b59a8;
}
.dropmenu li a:hover, .dropmenu li.open > a{
	color: #FFF;
	background-color: #1b59a8;
	border-bottom: 0px solid #000;

}

.dropmenu li{
	list-style: none;
	position: relative;
	top: 1px;
}

.dropmenu li span{
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	top: 12px;
	right: 0px;
}


.dropmenu li a, .dropmenu li div{
	padding: 5px 15px 6px 0px;
	text-decoration: none;
	color: #1b59a8;
	border-right:0px solid #cccccc;
}

/* SUBMENU CHAT GPT 2025 */
/* Submenu container */
.dropmenu li ul.submenu {
  display: none;
  position: absolute;
  top: 85px;
  left: 3px;
  background-color: #1b59a8; /* Matches parent hover color */
  padding: 0;
  margin: 0;
  min-width: 230px;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  z-index: 999;
  border: none;
}

/* Submenu items */
.dropmenu li ul.submenu li {
  display: block;
  width: 100%;
}

/* Submenu links */
.dropmenu li ul.submenu li a {
  display: block;
  width: 100%;
  padding: 10px 15px;
  background: #1b59a8;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  border: none;
  box-sizing: border-box; /* Ensures padding doesn't exceed width */
}
/* Submenu link hover */
.dropmenu li ul.submenu li a:hover {
  background-color: #144987; /* Slightly darker on hover */
  color: #fff;
}

/* Show submenu on hover */
.delivery-wrapper:hover > .submenu {
  display: block;
}

.buttons-wrapper {
    display: flex;
    flex-direction: column;
    padding-left: 3px !important;
}

/* Slideshow */
#slideshow_wrap {
	float:left;
	width: 600px;
	height: 466px;
	border: 0px solid RED;
	margin-left:30px;
}



/* Hover Butts */

#home_butts {
	float:right;
	width: 280px;
	border: 0px solid blue;
	margin-bottom:15px;
	overflow:hidden;
	margin-right:30px;

}

#home_butts_BACK {
	margin: 0 auto;
	width: 880px;
	border: 0px solid red;
	margin-top:15px;
	margin-bottom:15px;
	overflow:hidden;

}


/* button SKIP - 2023 */
a.buttonORDER { background:url(images/button_neworderonline2.png) repeat 0px 0px; width: 275px; height: 155px; display: block; float:right}
a.buttonORDER span { display: none; }
a.buttonORDER:hover { background: url(images/button_neworderonlineh2.png) repeat 0px -155px; }


/* button SKIP - 2023 */
a.buttonSKIP { background:url(images/skip-badge.png) repeat 0px 0px; width: 275px; height: 155px; display: block; float:right}
a.buttonSKIP span { display: none; }
a.buttonSKIP:hover { background: url(images/skip-badge-hover.png) repeat 0px -155px; }



/* button MENU */
a.buttonMENU { background:url(images/button_menuS.png) repeat 0px 0px; width: 275px; height: 155px; display: block; float:left; margin-left:5px;}
a.buttonMENU span { display: none; }
a.buttonMENU:hover { background: url(images/button_menuS.png) repeat 0px -155px; }

/* button PHOTOS
a.buttonPHOTO { background:url(images/button_photosS.png) repeat 0px 0px; width: 275px; height: 155px; display: block; float:left; margin-left:3px;}
a.buttonPHOTO span { display: none; }
a.buttonPHOTO:hover { background: url(images/button_photosS.png) repeat 0px -155px; }*/


/* button GYROS */
a.buttonGYROS { background:url(images/button_gyrosS.png) repeat 0px 0px; width: 275px; height: 155px; display: block; float:right}
a.buttonGYROS span { display: none; }
a.buttonGYROS:hover { background: url(images/button_gyrosS.png) repeat 0px -155px; }


/*FORM ELEMENTS */


input, textarea {
 padding: 4px;
 border: solid 1px #222;
 font: normal 12px Verdana, Tahoma, sans-serif;
 margin-left:10px;
 background-color:#d3e5ec;

 }

textarea {
 width: 400px;
 max-width: 400px;
 height: 100px;
 line-height: 150%;
 background-color:#d3e5ec;
 }




/* button
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}


/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* blue */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}