/* Custom CSS rules - Created by kostas on 2026-03-02 01:28:51 */
.tpl5_container5 { margin:0; width:100%; padding:0 2px; }
.elx5_artbox h3 { margin: 0 0 5px 0; padding: 0; font: normal 20px/25px Roboto, Helvetica, Arial, sans-serif; font-weight: 400; color: #010165; letter-spacing: 0px; }
.elx5_article_header h1, .elx5_category_header h1 { margin: 0px 0 20px 0px; padding:0px 3px 0px 30px; position: relative;
	font:bold 24px/32px Roboto, Helvetica, Arial, sans-serif; color:#ffffff; font-weight: 700; text-align:left;
  border: 2px solid #DDDDDD; border-bottom: 5px solid #E0E0E0; background-color:#464C56; letter-spacing: 1px;}
div.gridccol div.module > h3, div.gridccol div.modulemodarticles > h3 {
	margin: 30px 0 2px 0px; padding: 0px 3px 0px 30px; position: relative;
	font:bold 24px/32px Roboto, Helvetica, Arial, sans-serif; color:#ffffff; font-weight: 700; text-align:left;
  border: 2px solid #DDDDDD; border-bottom: 5px solid #E0E0E0; background-color:#464C56; letter-spacing: 1px;/*background-color:#010165*/
}
div.gridccol div.module > h3::after, div.gridccol > h3::after div.module > h3::after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  bottom: -5px;
  margin: 0;
  background: #004071;
  height: 5px;
  width: 0px;
}
.tpl5_search_box {
  display: none;
}
.module > h3 {
	margin: 5px 0 2px 0px; padding:5px 3px 5px 30px; position: relative;
	font:bold 24px/32px Roboto, Helvetica, Arial, sans-serif; color:#ffffff; font-weight: 700; text-align:left;
  border: 2px solid #DDDDDD; border-bottom: 5px solid #E0E0E0;background-color:#464C56; letter-spacing: 1px;
}
.module > h3::after {
  content: '';
  position: absolute;
  display: block;
  left: 0;
  bottom: -5px;
  margin: 0;
  background: #004071;
  height: 5px;
  width: 0px;
}
.tpl5_logo_title {
  margin: 0;
  padding: 10px 0px 0px 10px;
  box-sizing: border-box;
  font: normal 26px/28px Roboto, Helvetica, Arial, sans-serif;
  color: #e1d76a;
  overflow: hidden;
  white-space: nowrap;
}
.tpl5_logo_slogan {
  margin: 0;
  padding: 0px 0px 9px 12px;
  font: normal 13px/14px tahoma, Arial, sans-serif;
  color: #bbbbbb;
  overflow: hidden;
  white-space: nowrap;
}
.tpl5_header_top_line {
  display: none;
}
.elx5_artbox {
  margin: 0 0 2px 0;
  padding: 0;
}
.elx5_artbox p.elx5_content_subtitle {
  margin: 0 0 18px 0;
  padding: 0;
  font: normal 15px/19px Roboto, Helvetica, Arial, sans-serif;
  color: #333333;
  text-align: left;
}
.elx5_artbox { margin:0 0 0px 0; padding:5px 10px 5px 10px; border-radius: 0px;  border: 1px solid #dedede; overflow:hidden; background-color:#ffffff;}
/*.tpl5_footer_cisingle {
  display: none;
}*/
figure.elx5_content_imageboxtl {
  width: 160px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0px;
}
figure.elx5_content_imagebox img {
  margin: 0px;
  padding: 0px;
  background: #FFFFFF;
  width: 100%;
  height: auto;
}
.tpl5_header_menu_line { padding:0; background:#5d320d; background-image: url("https://menu.sourotiri.gr/templates/five/images/patterns/random_grey_variations.png"); background-repeat: repeat; color:#CCCCCC; white-space: nowrap; }
.tpl5_fixedmenu { position: fixed; top:0; left:0; width: 100%; }
.tpl5_fixedmenudark { position: fixed; top:0; left:0; width: 100%; background:##5d320d; z-index:2; background-image: url("https://menu.sourotiri.gr/templates/five/images/patterns/random_grey_variations.png"); background-repeat: repeat; } 
body {
	margin:0; padding:0; min-height:100%; background:#ffffff; background-image: url("https://menu.sourotiri.gr/templates/five/images/patterns/az_subtle.png"); background-repeat: repeat; font:normal 15px/19px Roboto, Helvetica, Arial, sans-serif; color:#272727; 
	-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;	-webkit-font-smoothing: antialiased;
}
ul.elx5_links_box li { margin:10px 10px 10px 30px; padding:0; font:normal 18px/19px "Roboto", sans-serif; color:#333333; }
.tpl5_footer { display:block; margin:30px 0 0 0; padding:30px 0; width:100%; background:#2a2a2a; background-image: url("https://menu.sourotiri.gr/templates/five/images/patterns/random_grey_variations.png"); background-repeat: repeat; color:#ffffff; overflow: hidden; }
.tpl5_footer_menu .elx_menu li a, .tpl5_footer_menu .elx_menu li a:visited, .tpl5_footer_menu .elx_menu li a:hover, .tpl5_footer_menu .elx_menu > li.menu_active > a {
  margin: 0;
  padding: 6px;
  border: none;
  display: inline;
  font: normal 14px/23px "Open Sans", sans-serif;
  color: #cbd3da;
  text-decoration: none;
  outline: none;
  background: none;
  text-transform: none;
}
.tpl5_footer_icons a, .tpl5_footer_icons a:visited, .tpl5_footer_icons a:hover {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 4px 0;
  border: 1px solid #fff;
  border-radius: 50%;
  font: normal 15px/24px "open sans", arial, helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  width: 34px;
  height: 34px;
  text-align: center;
}
h3.elx_subcategories_title { margin:20px 20px 20px 25px; padding:0; border-bottom:1px solid #C0C0C0; color:#777777; }
ul.elx_subcategories { margin:0px 0px 20px 40px; text-indent:0; padding:0; list-style:none; }
ul.elx_subcategories li { list-style:none; text-indent:0; margin:0 0 15px 0; padding:0; font:normal 20px/24px "Open Sans", sans-serif; }
h3.elx_links_box_title {
  margin: 10px 0px 0px 10px;
  padding: 10px;
  color: #272727;
}
h3.share_this_page {
  margin: 25px 0 0px 0;
  padding: 25px 25px 0px 25px;
  font: normal 16px/0px Roboto, Helvetica, Arial, sans-serif;
    font-weight: bold;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0px;
}
ul.elx_subcategories li a:before{ content: '\f064'; font-family: 'Font Awesome 5 Free'; color:#977316; display: inline-block; margin-right: 15px; margin-top: -2px; vertical-align: middle; font-weight: 900; }

/* MEDIA RULES */
@media only screen and (max-width:1199px) {
	.tpl5_main { padding:10px 5px 30px 5px; }
	.tpl5_marquee_container { width:800px; }
	.tpl5_slidertitle { top: 110px; left: 20%; font-size:15px; line-height:20px; padding:3px 6px; }
	.tpl5_captionswrap .tpl5_caption { padding:6px 12px; border-radius: 8px; font-size:26px; line-height:40px; }
	.tpl5_captionswrap .tpl5_caption span { font-size:16px; line-height:20px; }
}

@media only screen and (max-width:1050px) {
	.tpl5_slidertitle { display:none; animation: none; }
}

@media only screen and (max-width:920px) {
	.tpl5_marquee_container { width:700px; }
	.tpl5_captionswrap { display:none; }
	.glide__arrows { display:none; }
}
@media only screen and (max-width:850px) {
	.tpl5_search_box { width:250px; }
	.tpl5_marquee_container { width:90%; }
	.tpl5_wrap { margin:0; padding:0; width:100%; }
	legend.elx_form_legend { display:none; }
	.tpl5_main { margin:0; padding:10px 10px 30px 10px; }
	.tpl5_maincol { margin:0 0 15px 0; padding:0; width:100%; float:none; }
	.tpl5_sidecol { margin:0 0 15px 0; padding:0; width:100%; float:none; }
	.tpl5_pos_bottom { display:none; visibility:hidden; }
	label.elx_form_label { display:block; float:none; width:100%; padding:0; margin:0 0 5px 0; }
	label.elx_form_label_top { display:block; float:none; width:100%; padding:0; margin:0 0 5px 0; }
	div.elx_form_nolabel { margin:0; padding:0; width:0; display:none; visibility:hidden; }
	div.elx_form_field_box { margin:0 0 0 0 !important; }
	span.elx_form_tip { display:none; }
	.inputbox, .filebox, .selectbox, .textbox, textarea.textbox, input[type=text].inputbox, select.selectbox { display:block; width:100%; margin:3px 0; padding:5px 8px;}
	input[type=submit].elxbutton, input[type=button].elxbutton, button[type=submit].elxbutton, button[type=button].elxbutton, input.elxbutton, button.elxbutton, button.elxbutton-save, button.elxbutton-search {
		display:block; width:100%; margin:8px 0; padding:6px 12px;
	}
	div.elx_form_cell { float:none !important; width:100% !important; margin:0; padding:0; }
	div.elx_2columns, div.elx_3columns, div.elx_4columns, div.elx_2spcolumns, div.elx_3spcolumns, div.elx_4spcolumns { margin:0 0 10px 0; padding:0; width:100%; float:none !important; }
	div.elx_hits_box, div.elx_tags_box span { display:none; visibility:hidden; }
	.elx_2columns { float:none !important; clear:both; width:100%; margin-bottom:8px; }
	.elx_2columns:after { content:' '; display:block; clear:both; }
	.elx_chain_previous, .elx_chain_next { margin:0; padding:0; text-align:left; }
	.elx_chain_previous img, .elx_chain_next img { margin:0; padding:0; display:none; }
	.elx_chain_next .elx_chain_title { text-align:left; }
	.elx_engines_box span, .elx_search_summary, #elx_addsearchengine { display:none; visibility:hidden; }
	.elx_engines_box span.elx_engine_current { display:inline; visibility:visible; }
	.elx_modsearchform, form.elx_modsearchform { display:block; width:98%; }
	select.elx_modsearch_eng { margin:0; padding:0; width:0; float:none; display:none; visibility:hidden; }
	input.elx_modsearch_input, input.elx_modsearch_input:focus, input.elx_modsearch_input:hover { margin:0 1% 0 0; padding:5px 8px; float:none; display:inline-block; width:63%; }
	button.elx_modsearch_btn, button.elx_modsearch_btn:hover, button.elx_modsearch_btn:focus { margin:0; padding:5px 8px; float:none; display:inline-block; width:33%; }
	/* horizontal top menu */
	a.tpl5_mobmenu { display:block; visibility:visible; width:60px; float:right; text-align:center; }
	a.tpl5_mobmenuclose, a.tpl5_mobmenuclose:hover, a.tpl5_mobmenuclose:visited { display:block; visibility:visible; }
	.tpl5_menu { position: fixed; top:0; left:0; z-index: 50; height:100%; width: 0px; background-color: #FFFFFF; overflow-x: hidden; transition: 0.5s; }
	.elx_menu li { display:block; width:100%; }
	.elx_menu li a { padding:10px 18px; border-top:1px solid #CCCCCC; display:block; color:#444444; }
	.elx_menu > li > a { margin:0; color:#272727; }
	.elx_menu li.menu_active > a { background:#3B8DD8; color: #FFFFFF; }
	.elx_menu > li.menu_active > a { background:#3B8DD8; color: #FFFFFF; }
	.elx_menu li:hover > a, .elx_menu ul li:hover > a { background:initial; color:initial; }
	.elx_menu li a:hover, .elx_menu ul li a:hover { background:#444444; color:#FFFFFF; }
	.elx_menu ul { display:block; margin:0; position:relative; top:0; left:0; width:100%; border:none; background:none; }
	.elx_menu ul li a {	background-color:initial; border-bottom: none; border-top:1px solid #CCCCCC; margin:0; padding:10px 18px; display:block; color:#444444; }
	.elx_menu > li > ul > li > a, .elx_menu > li > ul > li:hover > a { padding-left:40px; }
	.elx_menu > li > ul > li > ul > li > a, .elx_menu > li > ul > li > ul > li:hover > a { padding-left:70px; }
	.elx_menu ul ul { left:0; top:0; }

	/* footer menu */
	.tpl5_footer_menu, .tpl5_footer_menu .elx_menu { text-align:center; }
	.tpl5_footer_menu .elx_menu li { margin:0 0 5px 0; display:block; width:100%; }
	.tpl5_footer_menu .elx_menu li a, .tpl5_footer_menu .elx_menu li a:visited, .tpl5_footer_menu .elx_menu li a:hover, 
	.tpl5_footer_menu .elx_menu > li.menu_active > a { display:block; width:100%; padding:0 6px; }
}

@media only screen and (max-width:650px) {
	.tpl5_container, .tpl5_container1, .tpl5_container2 { padding:0 10px; }
	.tpl5_footer_copy { float:none; width:100%; display:none; visibility: hidden; }
	.tpl5_footer_icons { margin:0; text-align:center; }
	.tpl5_pathwrap { display:none; visibility:hidden; }
	/* hide slider */
	.tpl5_slider, .tpl5_captions, #tpl5sl, .sy-box, .tpl5_slidermodule { display:none; visibility: hidden; }
 	/* display standard header image */
	.tpl5_header_all_wrap, .tpl5_header_all_wrapfp { background:#2D4EAF; min-height:160px; height:160px; background:url(../images/bg/mobile.jpg) center top no-repeat; }
	.tpl5_header_fpbg { background:url(../images/bg/mobile.jpg) center top no-repeat; height:160px; }
	.tpl5_header_ms2_fpbg { background:url(../images/bg/site2/mobile.jpg) center top no-repeat; height:160px; }
	.tpl5_header_ms3_fpbg { background:url(../images/bg/site3/mobile.jpg) center top no-repeat; height:160px; }
	.tpl5_header_ms4_fpbg { background:url(../images/bg/site4/mobile.jpg) center top no-repeat; height:160px; }
	.tpl5_header_inbg { background:url(../images/bg/mobile.jpg) center top no-repeat; height:160px; }
	.tpl5_header_ms2_inbg { background:url(../images/bg/site2/mobile.jpg) center top no-repeat; height:160px; }
	.tpl5_header_ms3_inbg { background:url(../images/bg/site3/mobile.jpg) center top no-repeat; height:160px; }
	.tpl5_header_ms4_inbg { background:url(../images/bg/site4/mobile.jpg) center top no-repeat; height:160px; }
	.tpl5_search_box { width:150px; }
	.tpl5_login_box { width:150px; }
	.tpl5_cart_box { float:none; width:auto; display:none; visibility: hidden; }
	.tpl5_fixedmenudark { background-image: url("https://menu.sourotiri.gr/templates/five/images/patterns/random_grey_variations.png"); background-repeat: repeat; }
	.tpl5_logo { width:200px; height:50px; }
	.tpl5_logo_title { padding:9px 0; font-size:22px; line-height:32px; }
	.tpl5_logo_slogan { padding: 0; display:none; visibility: hidden; }
	.tpl5_menu_wrap { margin:0 0 0 220px; height:50px; }
	a.tpl5_mobmenu { line-height:40px; font-size:32px; }
	#tpl5_fmods2 { display:none; visibility:hidden; }
	.tpl5_fmods_33 { margin:0 1% 0 0; padding:0; width:49%; display:block; float:left; box-sizing: border-box; }
	.tpl5_fmods_33:first-child { margin-right:2%; }
	.tpl5_fmods_33:nth-child(2) { margin-right:0; }
	.tpl5_fmods_33:last-child { margin-right:0; }
	.tpl5_footer_menu, .tpl5_footer_menu .elx_menu { text-align:center; }
}

@media only screen and (max-width:480px) {
	.tpl5_search_box { float:none; width:auto; display:none; visibility: hidden; }
	.tpl5_login_box { float:left; width:180px; }
	.tpl5_logout_wrap, .tpl5_login_wrap { padding:5px 0; text-align:left; }
/*
	a.tpl5_logout { float:none; width:auto; display:none; visibility: hidden; }
	a.tpl5_logout_prof { margin:0; }
*/
	.tpl5_fmods_33, .tpl5_fmods_50 { margin:0 0 20px 0; padding:0; width:100%; display:block; float:none; }
	.tpl5_fmods_33:first-child, .tpl5_fmods_50:first-child { margin-right:0; }
	.tpl5_fmods_33:nth-child(2) { margin-right:0; }
	.tpl5_fmods_33:last-child, .tpl5_fmods_50:last-child { margin-right:0; }
}

@media only screen and (max-width:320px) {
	.tpl5_login_box { width:150px; }
}