/* Joomla 6 compatibility layer preserving the original 2015 appearance. */
* { box-sizing: border-box; }
.dserv-nav .mod-menu,
.dserv-nav ul.mod-menu { display:inline-block; margin:0; padding:0; list-style:none; vertical-align:bottom; }
.dserv-nav .mod-menu > li { position:relative; float:left; margin-left:11px; list-style:none; }
.dserv-nav .mod-menu > li:first-child { margin-left:5px; }
.dserv-nav .mod-menu > li > a,
.dserv-nav .mod-menu > li > span { display:block; height:34px; padding:0 17px; border-radius:3px; color:#ffff00; font-weight:bold; font-size:13px; line-height:34px; text-transform:uppercase; text-decoration:none; }
.dserv-nav .mod-menu > li.current > a,
.dserv-nav .mod-menu > li.active > a,
.dserv-nav .mod-menu > li > a:hover,
.dserv-nav .mod-menu > li > a:focus { background:#ffff00; color:#0089ec; }
.dserv-nav .mod-menu ul { display:none; position:absolute; top:34px; left:0; min-width:190px; margin:0; padding:0; background:#0089ec; list-style:none; z-index:1000; }
.dserv-nav .mod-menu li:hover > ul { display:block; }
.dserv-nav .mod-menu ul li { float:none; margin:0; }
.dserv-nav .mod-menu ul a { display:block; padding:8px 14px; color:#ffff00; text-decoration:none; white-space:nowrap; }
.dserv-nav .mod-menu ul a:hover { background:#ffff00; color:#0089ec; }
.dserv-post { margin:12px; }
.dserv-postcontent { padding:5px; }
.dserv-content > .dserv-post { min-height:20px; }
.dserv-top-row,.dserv-bottom-row,.dserv-content-top,.dserv-content-bottom { display:flex; width:100%; }
.dserv-top-row > *, .dserv-bottom-row > *, .dserv-content-top > *, .dserv-content-bottom > * { flex:1 1 0; }
.dserv-page-footer { margin:8px auto 16px; width:900px; text-align:center; font-size:11px; color:#555; }
.dserv-page-footer a { color:#555; }
.alert { margin:12px; padding:10px; border:1px solid #9cafc4; background:#fff; }
img { max-width:100%; height:auto; }

@media (max-width: 920px) {
  body { min-width:0; }
  .dserv-sheet { width:calc(100% - 12px); padding:6px; border-width:2px; }
  .dserv-page-footer { width:auto; }
  .dserv-header { background-size:cover; background-position:center top; }
  .dserv-content-layout, .dserv-content-layout-row, .dserv-layout-cell { display:block; width:100% !important; }
  .dserv-sidebar1,.dserv-sidebar2 { border:0 !important; }
  .dserv-nav .mod-menu { display:block; }
  .dserv-nav .mod-menu > li { float:none; margin:0; border-bottom:1px solid rgba(255,255,0,.35); }
  .dserv-nav .mod-menu > li > a,.dserv-nav .mod-menu > li > span { border-radius:0; }
  .dserv-nav .mod-menu ul { position:static; display:block; background:rgba(0,0,0,.08); }
  .dserv-headline { font-size:34px; }
}

/* Joomla 6 vertical menu compatibility for position-7. */
.dserv-position7 {
  background: #8ebdfa;
  margin: 12px;
  padding: 7px 10px 8px;
  max-width: calc(100% - 24px);
}

/* Joomla html5 module chrome. */
.dserv-position7 .moduletable,
.dserv-position7 .mod-menu,
.dserv-position7 nav {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.dserv-position7 .moduletable > h3,
.dserv-position7 h3,
.dserv-position7 .moduletable .module-title {
  margin: 0 0 8px;
  padding: 0;
  color: #4c5967;
  font: normal 20px/24px Arial, 'Arial Unicode MS', Helvetica, sans-serif;
}

.dserv-position7 ul.mod-menu,
.dserv-position7 .mod-menu ul,
.dserv-position7 .mod-menu {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dserv-position7 ul.mod-menu li,
.dserv-position7 .mod-menu li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: normal;
}

.dserv-position7 ul.mod-menu > li > a,
.dserv-position7 ul.mod-menu > li > span,
.dserv-position7 .mod-menu > li > a,
.dserv-position7 .mod-menu > li > span {
  display: block;
  position: relative;
  min-height: 27px;
  padding: 2px 2px 2px 16px;
  color: #0057c8;
  background: transparent;
  font: normal 14px/23px Arial, 'Arial Unicode MS', Helvetica, sans-serif;
  text-decoration: underline;
}

.dserv-position7 ul.mod-menu > li > a::before,
.dserv-position7 ul.mod-menu > li > span::before,
.dserv-position7 .mod-menu > li > a::before,
.dserv-position7 .mod-menu > li > span::before {
  content: '›';
  position: absolute;
  left: 2px;
  top: 1px;
  color: #333;
  font-size: 20px;
  line-height: 23px;
  text-decoration: none;
}

.dserv-position7 ul.mod-menu > li.active > a,
.dserv-position7 ul.mod-menu > li.current > a,
.dserv-position7 ul.mod-menu > li > a:hover,
.dserv-position7 ul.mod-menu > li > a:focus,
.dserv-position7 .mod-menu > li.active > a,
.dserv-position7 .mod-menu > li.current > a,
.dserv-position7 .mod-menu > li > a:hover,
.dserv-position7 .mod-menu > li > a:focus {
  color: #963403;
  background: transparent;
  text-decoration: underline;
}

.dserv-position7 ul.mod-menu ul,
.dserv-position7 .mod-menu ul {
  display: block;
  position: static;
  margin: 0;
  padding: 0 0 0 12px;
  background: transparent;
  list-style: none;
}

.dserv-position7 ul.mod-menu ul a,
.dserv-position7 .mod-menu ul a {
  display: block;
  padding: 2px 2px 2px 16px;
  color: #0057c8;
  font: normal 13px/22px Arial, 'Arial Unicode MS', Helvetica, sans-serif;
  text-decoration: underline;
}

@media (min-width: 921px) {
  .dserv-sidebar1 { width: 200px; }
  .dserv-sidebar2 { width: 200px; }
}