/* Static recreation of inme.sk (DNN 9 / Xcillion skin) */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 14px; }
body {
  margin: 0;
  background: #f0f0f0;
  color: #333;
  font: 13px/1.5em 'Open Sans', Arial, Helvetica, sans-serif;
}
a { color: #7ca0c0; text-decoration: none; outline: 0; }
a:hover { text-decoration: underline; }
h1, h2, h3 { color: #020202; line-height: 1.3em; margin: 0 0 10px; font-weight: 400; }
h2 { font-size: 1.5rem; }
p { margin: 0 0 10px; }
img { max-width: 100%; height: auto; }

.container { width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 15px; }
.row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.row > [class*="col-"] { padding: 0 15px; width: 100%; }
.spacingTop { margin-top: 15px; }
.clear { clear: both; }

/* top bar (DNN login/search strip) */
#topHeader { background: #383838; min-height: 35px; box-shadow: 1px 50px 100px 0 #cacaca; }

/* header */
header { background: #fff; border-bottom: 1px solid #91afca; }
#mainHeader-inner { padding: 30px 15px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
#logo { padding-left: 15px; }
#logo img { max-width: 120px; display: block; }

/* menu */
.navbar-toggle { display: none; background: none; border: 1px solid #ddd; border-radius: 4px; padding: 9px 10px; cursor: pointer; }
.navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; background: #888; border-radius: 1px; }
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
#dnnMenu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
#dnnMenu li a {
  display: block; padding: 15px; color: #3f3f3f; font-size: 15px; line-height: 20px;
  transition: all .3s ease 0s;
}
#dnnMenu li a:hover, #dnnMenu li a:focus { color: #979797; text-decoration: none; }
#dnnMenu li.active a { color: #3f3f3f; background: #e7e7e7; }

/* content */
main { display: block; }
.contentPane { min-height: 0; }
.Normal { font-size: 13px; }
.page-title { margin: 15px 0 10px; }
.text-center { text-align: center; }

/* footer */
footer .footer-above { background: #292929; padding-top: 25px; border-top: 25px solid #7ca0c0; }
footer .footer-above p { color: #fff; }
footer .footer-above a { color: #fff; }
footer .footer-col { margin-bottom: 25px; }
footer .footer-below { background: #383838; padding: 15px 0; color: #d2d2d2; font-size: 12px; }
footer .footer-below .row > div { display: flex; justify-content: space-between; flex-wrap: wrap; }
footer .terms-priv a { color: #d2d2d2; }

@media (min-width: 768px) {
  .col-md-8 { width: 66.6667% !important; }
  .col-md-4 { width: 33.3333% !important; }
  .col-md-3 { width: 25% !important; }
}
@media (max-width: 767px) {
  #mainHeader-inner { padding: 20px 0; }
  .navbar-toggle { display: block; margin-right: 15px; }
  #navbar { display: none; width: 100%; margin-top: 15px; }
  #navbar.in { display: block; }
  #dnnMenu ul { flex-direction: column; }
  #dnnMenu li { background: #383c40; border-top: 1px solid rgba(0,0,0,.1); }
  #dnnMenu li a { color: #fff; padding: 5px 15px; line-height: 52px; }
  #dnnMenu li a:hover { background: #bbc2c8; color: #3f3f3f; }
  #dnnMenu li.active a { color: #3f3f3f; font-weight: bold; background: #e7e7e7; }
  #logo { padding-left: 0; }
}