/*
Theme Name: autogalatsi
Description: Modernized Auto Galatsi classic theme. Preserves the original artwork and widget area IDs.
Version: 1.1.0
Requires at least: 6.8
Requires PHP: 8.4
Text Domain: autogalatsi
*/
body {
	background: url(images/body.jpg) #fff;
	background-repeat: repeat-x;
	background-position: center top;
	margin: 0 auto;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
}
a {
	text-decoration: none;
	color: #2E69A3;
}
img {
	border: none;
}
.clear {
	clear: both;
}
.left{
	float: left;
}
.right {
	float: right;
}
h1, h2, h3, h4, p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
#header-wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 10px 0 0;
}
#logo {
	width: 380px;
	float: left;
	margin-top:15px;
}
#header-menu {
	float: right;
    /*width: 655px;*/
	width: auto;
	padding:42px 0 0;
}
#header-menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#header-menu ul li {
	float: left;
}
#header-menu ul li a {
	display: block;
	color: #fff;
	font-size: 16px;
	text-transform: uppercase;
	font-family: 'Roboto Condensed', serif;
	padding: 8px 15px 0;
	height: 30px;
}
#header-menu ul li a:hover {
	background: url(images/menu-hover.png);
	color: #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#header-menu ul li li a:hover {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0; 
}
#header-menu ul li.parent a:hover{
	background: none;
	color: #fff;
}
#header-menu ul li .sub-menu  {
	border: none;
	background: url(images/submenu.jpg);
	background-repeat: no-repeat;
	background-position: 10% 0;
	width: 100%;
	padding: 9px 0;
}
#header-menu ul li .sub-menu li {
	float: none;
	width: 100%;
}
#header-menu ul li .sub-menu li a {
	background:  #edf05b;
	color: #000;
	display: block;
	width: 100%;
	white-space: normal;
	height: auto;
	padding: 5px 15px;
}
#header-menu ul li .sub-menu li a:hover {
	background:  #edf05b;
	color: #000;
	display: block;
	width: 100%;
	text-decoration: underline;
}
#header-menu ul li .sub-menu li.first-child a, #header-menu ul li .sub-menu li.first-child:hover a {
	-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#header-menu ul li .sub-menu li.last-child a, #header-menu ul li .sub-menu li.last-child:hover a{
	-webkit-border-radius: 0px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
} 
#banner-wrapper {
	background: url(images/banner-wrapper.png);
	background-repeat: no-repeat;
	width: 987px;
	min-height: 486px;
	margin: 0 auto;
}
#banner {
	width: 662px;
	height: 345px;
	overflow: hidden;
}
#banner .bxslider {
	position: relative;
	width: 662px;
	height: 345px;
	overflow: hidden;
	margin:0;
	padding: 0;
}
#banner .bx-wrapper {
	width: 662px;
	height: 345px;
	overflow: hidden;
}
#banner .tagline {
	position: absolute;
	bottom: 4px;
	background: url(images/tagline.png);
	height: 43px;
	width: 612px;
	display: block;
	color :#000;
	font-size: 33px;
	font-weight: bold;
	padding: 0 25px;
	text-shadow: 1px 1px #fffae8;
}
#banner-container {
	width: 916px;
	margin: 0 auto;
	padding: 20px 0 0;
	position: relative;
}
#banner-right {
	background: url(images/banner-right.png);
	width: 320px;
	height: 345px;
	position: absolute;
	right: 0;
	top: 20px;
}
#banner-right h3 {
	color: #fff;
	font-size: 20px;
	text-shadow: 0px 1px 1px #2d3d0b;
}
#banner-right h2{
	color: #28380b;
	font-size: 30px;
	font-weight:bold;
	text-shadow: 0px 1px 1px #CDFF63;
}
#banner-right h4 {
	color: #28380b;
	font-size: 21px;
	font-weight:bold;
	text-shadow: 0px 1px 1px #CDFF63;
}
#banner-right h5 {
	color: #28380b;
	font-size: 14px;
	font-weight:bold;
	text-shadow: 0px 1px 1px #CDFF63;
}
#banner-right h6 {
	color: #fff;
	font-size: 16px;
	text-shadow: 0px 1px 1px #2d3d0b;
	margin-top:20px;
	}
#banner-right-container {
	width: 220px;
	margin: 30px 0 0 100px;
}
#banner-logo {
	margin: 0 0 0 20px;
}
#menu {
	background: url(images/menu-wrap.png);
	width: 916px;
	margin: 7px auto 0;
	height: 99px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
#menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#menu ul li {
	width: 229px;
	float: left;
	background: url(images/menu-border.png);
	background-position: right top;
	background-repeat: no-repeat;
}
#menu ul li a{
	color: #ffffff;
	font-size: 20px;
	text-shadow: 0 1px 1px #5b0b0f;
	display: block;
	height: 33px;
	padding: 33px 0;
	position: relative;
}
#menu ul #menu-last{
	background: none;
}
#menu ul li a:hover {
	background: url(images/menu-hover2.png);
	color: #fff;
	font-weight: bold;
}
#menu ul #menu1 a:hover {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
#menu ul #menu-last a:hover {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}
#menu ul li a img {
	left: 5px;
    position: absolute;
    top: 23px;
}
#menu ul li a span {
	display: block;
	margin: 0 0 0 60px;
}
#menu ul #menu-last a span {
	margin: 0 0 0 80px;
}
#menu ul #menu3 a span {
	margin: 0 0 0 65px;
}
.menu-shadow {
	background: url(images/menu-shadow.png);
	width: 926px;
	height: 14px;
	margin: 2px auto 0;
}
#content-wrapper{
	width: 916px;
	margin: 0 auto;
	padding: 30px 0;
}
#content-wrapper a {
	color: #2E69A3;
}
#content-left {
	width: 550px;
	float: left;
}
#content-right {
	width: 293px;
	float: right;
	text-align: justify;
}
#content-left h1 {
	font-family: 'Roboto Condensed', serif;
	color: #2E69A3;
	font-size: 30px;
	border-bottom: 2px solid #2E69A3;
	padding: 0 0 10px
}
#content-left h1 span {
	color: #404040;
}
#content-left .blog-post {
	margin: 0 0 20px;
}
#content-left .blog-post h2 {
	color: #EB1C23;
	font-size: 24px;
	padding: 10px 0;
}
#content-left .blog-post h2 a {
	color: #EB1C23;
}
#content-left p {
	color :#1d1d1d;
	font-size: 14px;
	padding: 10px 0 0;
	text-align: justify;
}
#content-right div {
	margin: 0 0 20px;
}
#content-right h2 {
	font-family: 'Roboto Condensed', serif;
	color: #2E69A3;
	font-size: 30px;
}
#content-right h2 span {
	color: #404040;
}
#content-right #have-questions {
	background: url(images/green-bg.png);
	width: 263px;
	height: 112px;
	margin: 20px 0;
	padding: 25px 0 0 30px;
	font-family: 'Roboto Condensed', serif;
}
#content-right #have-questions h3 {
	color :#181f09;
	font-size: 18px;
	text-shadow: 0px 1px 1px #dcfc91;
	text-shadow: 0px 1px 1px #475e11;
}
#content-right #have-questions h4 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
#content-right #have-questions p {
	color :#dcfc91;
	font-size: 14px;
	padding: 0;
}
#content-right p {
	color :#1d1d1d;
	font-size: 14px;
	padding: 10px 0;
}
.button {
	background: url(images/button.png);
	height: 20px;
	text-align: center;
	padding: 9px 0;
	width: 48%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.button:hover {
	background-position: 0 -38px;
}
#content-right .button {
	margin: 0 0;
	display: inline-block;
}
#content-right .button:hover a {
	font-weight: bold;
}
.button a {
	color: #fff !important;
	font-size: 16px;
	font-family: 'Roboto Condensed', serif;
	display: block;
}
.button a:hover {
	font-weight: bold;
}
#footer-wrapper {
	width: 100%;
	background: url(images/footer-wrapper.png);
	padding: 30px 0;
}
.footer-menu, .footer-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.footer-menu li {
	float: left;
	margin-right: 40px;
}
.footer-menu li ul li{
	float: none;
	margin: 0;
	background: url(images/footer-menu.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 10px;
}
.footer-menu h3 {
	color: #fcd314;
	font-size: 22px;
	border-bottom: 1px solid #fcd314;
	font-weight: normal;
	margin: 0 0 10px;
}
.footer-menu li a {
	color: #e3e3e3;
	font-size: 14px;
}
.footer-menu li a:hover {
	text-decoration: underline;
}
.footer-content {
	width: 916px;
	margin: 0 auto;
}
#copyright {
	color: #c6c6c6;
	font-size: 13px;
	padding: 40px 0;
	font-family: 'Roboto Condensed', serif;
}
#content-right h3 {
	color: #2E69A3;
    font-family: 'Roboto Condensed',serif;
    font-size: 30px;
}
#content-right h3 .wtitle2{
	color: #404040;
}
/* == WordPress WYSIWYG Editor Styles == */
.entry-content img {
	margin: 0 0 1.5em 0;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-bottom: 1.5em;
	text-align: center;
	padding-top: 5px;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	}
.wp-caption p.wp-caption-text {
	line-height: 1.5;
	font-size: 10px;
	margin: 0;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {}
.gallery-caption {}
.size-full {}
.size-large {}
.size-medium {}
.size-thumbnail {}
body ul.dropdown li.parent > a:after , body ul.dropdown li.parent:hover > a:after{
	border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #fff;
}
#respond{
	margin: 40px 0 0;
}


/* mobile css 
@-ms-viewport {
  width: device-width;
}
*/
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 480px) {
#header-wrapper{ width:98%; padding:0 1%;}
#header-wrapper #logo{ float:none;}
#header-wrapper #header-menu{ width:100%; float:left;}
#header-menu div.dropdown-horizontal-container table{ width:100%;}
#header-menu div.dropdown-horizontal-container table tr td select{ background:#fff; padding:7px; border:none;}
#banner-wrapper{ width:98%; padding:0 1%;}
#banner-container{ width:100%;}
#banner-container #banner-right{ float:left; width:100%; position: relative; top: -25px; background: #558EFF; height: 260px;}
#banner-container #banner{ display:none;}
#banner-right-container{ width: 100%; margin: 15px auto 0; text-align: center;}
#banner-right h4, #banner-right h3, #banner-right h2{ font-size:20px;}
#menu{ width: 98%; overflow: hidden; padding: 0 1%; height: auto;}
#menu ul li{width: 100%; float: none; background: none; text-align: center;}
.menu-shadow{ width:98%; padding:0 1%;}
#content-wrapper{ width:98%; padding:0 1%;}
#content-wrapper #content-left{ width:100%;}
#content-left h1{ font-size:22px;}
#content-wrapper #content-left img{ width:100%; height:auto; margin:0 !important;}
#content-wrapper #content-right{ width:100%; float:left; margin:20px 0 0 0;}
#content-wrapper #content-right div ul{margin: 5px 0 0 0; padding: 0 0 0 30px;}
#content-wrapper #content-right div div.textwidget{ padding:0 2%;}
#content-right h3{ font-size:22px;}
.footer-content{ width:98%; padding:0 1%;}
.footer-menu h3{text-align: center; margin: 0 auto; width:100%; display:inline;}
.footer-menu li div ul.menu{ margin:10px 0;}
.footer-menu li{ width:98%; padding:0 1%; float: none; text-align:center; margin:0;}
.footer-menu li ul li{ background:none;}
.footer-menu li.last-child div.textwidget div{ text-align:center;}
#footer-wrapper .responsiveSelectContainer ul, #footer-wrapper ul.responsiveSelectFullMenu, #footer-wrapper #megaMenu ul.megaMenu.responsiveSelectFullMenu{ display:block !important;}
#footer-wrapper .responsiveSelectContainer select.responsiveMenuSelect, #footer-wrapper select.responsiveMenuSelect{ display:none !important;}
#copyright{ padding:20px 0; text-align:center;}
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
#header-wrapper{ width:98%; padding:0 1%;}
#header-wrapper #logo{ float:none;}
#header-wrapper #header-menu{ width:100%; float:left;}
#header-menu div.dropdown-horizontal-container table{ width:100%;}
#header-menu div.dropdown-horizontal-container table tr td select{ background:#fff; padding:7px; border:none;}
#banner-wrapper{ width:98%; padding:0 1%;}
#banner-container{ width:100%;}
#banner-container #banner-right{ float:left; width:100%; position: relative; top: -25px; background: #558EFF; height: 260px;}
#banner-container #banner{ display:none;}
#banner-right-container{ width: 100%; margin: 10px auto 0; text-align: center;}
#banner-right h4, #banner-right h3, #banner-right h2{ font-size:20px;}
#menu{ width: 98%; overflow: hidden; padding: 0 1%; height: auto;}
#menu ul li{width: 100%; float: none; background: none; text-align: center;}
.menu-shadow{ width:98%; padding:0 1%;}
#content-wrapper{ width:98%; padding:0 1%;}
#content-wrapper #content-left{ width:100%;}
#content-left h1{ font-size:22px;}
#content-wrapper #content-left img{ width:100%; height:auto; margin:0 !important;}
#content-wrapper #content-right{ width:100%; float:left; margin:20px 0 0 0;}
#content-wrapper #content-right div ul{margin: 5px 0 0 0; padding: 0 0 0 30px;}
#content-wrapper #content-right div div.textwidget{ padding:0 2%;}
#content-right h3{ font-size:22px;}
.footer-content{ width:98%; padding:0 1%;}
.footer-menu h3{text-align: center; margin: 0 auto; width:100%; display:inline;}
.footer-menu li div ul.menu{ margin:10px 0;}
.footer-menu li{ width:98%; padding:0 1%; float: none; text-align:center; margin:0;}
.footer-menu li ul li{ background:none;}
.footer-menu li.last-child div.textwidget div{ text-align:center;}
#footer-wrapper .responsiveSelectContainer ul, #footer-wrapper ul.responsiveSelectFullMenu, #footer-wrapper #megaMenu ul.megaMenu.responsiveSelectFullMenu{ display:block !important;}
#footer-wrapper .responsiveSelectContainer select.responsiveMenuSelect, #footer-wrapper select.responsiveMenuSelect{ display:none !important;}
#copyright{ padding:20px 0; text-align:center;}
}


@media only screen 
and (min-width : 481px) 
and (max-width : 568px) 
and (orientation : landscape) { 
#header-wrapper{ width:98%; padding:0 1%;}
#header-wrapper #logo{ float:none;}
#header-wrapper #header-menu{ width:100%; float:left;}
#header-menu div.dropdown-horizontal-container table{ width:100%;}
#header-menu div.dropdown-horizontal-container table tr td select{ background:#fff; padding:7px; border:none;}
#banner-wrapper{ width:98%; padding:0 1%;}
#banner-container{ width:100%;}
#banner-container #banner-right{ float:left; width:100%; position: relative; top: -25px; background: #84ae24; height: 260px;}
#banner-container #banner{ display:none;}
#banner-right-container{ width: 100%; margin: 20px auto 0; text-align: center;}
#banner-right h4, #banner-right h3, #banner-right h2{ font-size:20px;}
#menu{ width: 98%; overflow: hidden; padding: 0 1%; height: auto;}
#menu ul li{width: 100%; float: none; background: none; text-align: center;}
.menu-shadow{ width:98%; padding:0 1%;}
#content-wrapper{ width:98%; padding:0 1%;}
#content-wrapper #content-left{ width:100%;}
#content-left h1{ font-size:22px;}
#content-wrapper #content-left img{ width:100%; height:auto; margin:0 !important;}
#content-wrapper #content-right{ width:100%; float:left; margin:20px 0 0 0;}
#content-wrapper #content-right div ul{margin: 5px 0 0 0; padding: 0 0 0 30px;}
#content-wrapper #content-right div div.textwidget{ padding:0 2%;}
#content-right h3{ font-size:22px;}
.footer-content{ width:98%; padding:0 1%;}
.footer-menu h3{text-align: center; margin: 0 auto; width:100%; display:inline;}
.footer-menu li div ul.menu{ margin:10px 0;}
.footer-menu li{ width:98%; padding:0 1%; float: none; text-align:center; margin:0;}
.footer-menu li ul li{ background:none;}
.footer-menu li.last-child div.textwidget div{ text-align:center;}
#footer-wrapper .responsiveSelectContainer ul, #footer-wrapper ul.responsiveSelectFullMenu, #footer-wrapper #megaMenu ul.megaMenu.responsiveSelectFullMenu{ display:block !important;}
#footer-wrapper .responsiveSelectContainer select.responsiveMenuSelect, #footer-wrapper select.responsiveMenuSelect{ display:none !important;}
#copyright{ padding:20px 0; text-align:center;}
}


@media only screen 
and (min-width : 768px) 
and (max-width : 1024px) 
and (orientation : portrait) { 
#header-wrapper{ width:98%; padding:0 1%;}
#header-wrapper #logo{ float:none;}
#header-wrapper #header-menu{ width:100%; float:left;}
#header-menu div.dropdown-horizontal-container table{ width:100%;}
#header-menu div.dropdown-horizontal-container table tr td select{ background:#fff; padding:7px; border:none;}
#banner-wrapper{ width:98%; padding:0 1%;}
#banner-container{ width:100%;}
#banner-container #banner-right{ float:left; width:100%; position: relative; top: -25px; background: #84ae24; height: 260px;}
#banner-container #banner{ display:none;}
#banner-right-container{ width: 100%; margin: 20px auto 0; text-align: center;}
#banner-right h4, #banner-right h3, #banner-right h2{ font-size:20px;}
#menu{ width: 98%; overflow: hidden; padding: 0 1%; height: auto;}
#menu ul li{width: 100%; float: none; background: none; text-align: center;}
.menu-shadow{ width:98%; padding:0 1%;}
#content-wrapper{ width:98%; padding:0 1%;}
#content-wrapper #content-left{ width:100%;}
#content-left h1{ font-size:22px;}
#content-wrapper #content-left img{ width:100%; height:auto; margin:0 !important;}
#content-wrapper #content-right{ width:100%; float:left; margin:20px 0 0 0;}
#content-wrapper #content-right div ul{margin: 5px 0 0 0; padding: 0 0 0 30px;}
#content-wrapper #content-right div div.textwidget{ padding:0 2%;}
#content-right h3{ font-size:22px;}
.footer-content{ width:98%; padding:0 1%;}
.footer-menu h3{text-align: center; margin: 0 auto; width:100%; display:inline;}
.footer-menu li div ul.menu{ margin:10px 0;}
.footer-menu li{ width:98%; padding:0 1%; float: none; text-align:center; margin:0;}
.footer-menu li ul li{ background:none;}
.footer-menu li.last-child div.textwidget div{ text-align:center;}
#footer-wrapper .responsiveSelectContainer ul, #footer-wrapper ul.responsiveSelectFullMenu, #footer-wrapper #megaMenu ul.megaMenu.responsiveSelectFullMenu{ display:block !important;}
#footer-wrapper .responsiveSelectContainer select.responsiveMenuSelect, #footer-wrapper select.responsiveMenuSelect{ display:none !important;}
#copyright{ padding:20px 0; text-align:center;}
}

/* Local fonts: no visitor request is sent to Google Fonts. */
@font-face {
    font-family: 'Roboto Condensed';
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/RobotoCondensed.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto Condensed';
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url('fonts/RobotoCondensed-Italic.ttf') format('truetype');
}
img { max-width: 100%; height: auto; }
#content-left iframe { max-width: 100%; }
#content-left input:not([type="checkbox"]):not([type="radio"]), #content-left textarea, #content-left select { max-width: 100%; box-sizing: border-box; }
.screen-reader-text {
    position: absolute; width: 1px; height: 1px; padding: 0;
    margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
.skip-link:focus {
    clip-path: none; width: auto; height: auto; margin: 0; padding: 12px;
    top: 0; left: 0; z-index: 10000; background: #fff; color: #111;
}
a:focus-visible, button:focus-visible { outline: 3px solid #2e69a3; outline-offset: 3px; }
#banner > .widget { position: relative; }
#banner .bxslider > li { position: relative; list-style: none; }
#banner .bxslider > [hidden] { display: none !important; }
.autogalatsi-slider-toggle {
    position: absolute; right: 8px; bottom: 8px; z-index: 100;
    padding: 6px 10px; border: 1px solid #fff; border-radius: 3px;
    color: #fff; background: #16395c; cursor: pointer;
}
.autogalatsi-mobile-navigation { display: none; }
.autogalatsi-logo-list {
    display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory;
    list-style: none; margin: 0; padding: 10px 0 !important;
}
.autogalatsi-logo-list li {
    flex: 0 0 calc(50% - 6px); scroll-snap-align: start;
    display: flex; align-items: center; justify-content: center;
}
.autogalatsi-logo-list img { max-width: 110px; max-height: 90px; object-fit: contain; }
.autogalatsi-logo-controls { display: flex; justify-content: space-between; }
.autogalatsi-logo-controls button { padding: 2px 15px; font-size: 24px; cursor: pointer; }
#footer-wrapper select.responsiveMenuSelect { display: none !important; }
@media (max-width: 960px) {
    #header-menu .autogalatsi-select-source, #menu .autogalatsi-select-source { display: none !important; }
    .autogalatsi-mobile-navigation { display: flex; gap: 8px; padding: 10px; }
    .autogalatsi-mobile-navigation select { flex: 1; min-width: 0; padding: 8px; font: inherit; }
    .autogalatsi-mobile-navigation button { padding: 8px 12px; cursor: pointer; }
}
/* Native WordPress menus also work with keyboard focus and touch. */
#header-menu .menu li, #menu .menu li { position: relative; }
#header-menu .menu ul, #menu .menu ul {
    display: none; position: absolute; top: 100%; left: 0;
    min-width: 180px; z-index: 200; background: #16395c;
}
#header-menu .menu ul li, #menu .menu ul li { float: none; width: auto; }
#header-menu .menu li:hover > ul, #header-menu .menu li:focus-within > ul,
#menu .menu li:hover > ul, #menu .menu li:focus-within > ul { display: block; }
#header-menu .menu ul ul, #menu .menu ul ul { top: 0; left: 100%; }
#header-menu .menu ul a, #menu .menu ul a { color: #fff; height: auto; padding: 10px; display: block; }
@media (max-width: 980px) {
    #header-wrapper, #banner-wrapper, #content-wrapper, .footer-content {
        width: 98%; padding-left: 1%; padding-right: 1%; box-sizing: border-box;
    }
    #header-wrapper #logo { float: none; max-width: 100%; }
    #header-menu { float: none; width: 100%; padding-top: 15px; }
    #header-menu ul li a { height: auto; padding: 10px; }
    #banner-container { width: 100%; }
    #banner-container #banner { display: none; }
    #banner-container #banner-right {
        float: none; position: relative; top: 0; width: 100%; height: auto;
        min-height: 260px; background: #558eff;
    }
    #banner-right-container { width: auto; margin: 0; padding: 20px; text-align: center; }
    #banner-wrapper { min-height: 0; }
    #menu { width: 100%; height: auto; overflow: visible; padding: 0; }
    #menu ul li { width: 100%; float: none; background: none; text-align: center; }
    .menu-shadow { width: 100%; padding: 0; }
    #content-wrapper #content-left, #content-wrapper #content-right { width: 100%; float: none; }
    #content-wrapper #content-right { margin-top: 20px; }
    #content-wrapper #content-left img { max-width: 100%; height: auto; }
    .footer-menu > li { width: 100%; float: none; margin: 0 0 15px; text-align: center; }
    #header-menu .menu ul, #menu .menu ul { position: static; display: block; }
}