@font-face {
  font-family: CharisSILW;
  src: url(../fonts/CharisSIL-R.woff);
}
/* use Charis SIL - Italic in .woff format */
@font-face {
  font-family: CharisSILW;
  font-style: italic;
  src: url(../fonts/CharisSIL-I.woff);
}

@font-face {
  font-family: CharisSILW;
  font-weight: bold;
  src: url(../fonts/CharisSIL-B.woff);
}

@font-face {
  font-family: CharisSILW;
  font-weight: bold;
  font-style: italic;
  src: url(../fonts/CharisSIL-BI.woff);
}

/* set body to use Charis SIL in .ttf format */
body {
  font-family: CharisSILW, 'Open Sans', sans-serif;
}

html[lang="el"] body {
  font-family: 'Open Sans', sans-serif;
}

.logo img {
  max-height: 75px;
  width: auto;
  box-shadow: 0px 0px 15px  rgba(0,0,0,0.6);
  -moz-box-shadow: 0px 0px 15px  rgba(0,0,0,0.6);
  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.6);
  -o-box-shadow: 0px 0px 15px  rgba(0,0,0,0.6);
  border-radius: 100%;
}

.site-name { font-size: 20px; }
.site-name a { font-size: 36px; color: #000000; }
.region-header .brand { line-height: 1.3em; }

.main-header {
  background: #eaddc8;
  padding: 20px 0;
  color: #000000;
}

.main-header a,
.main-header a:hover,
.main-header a:focus,
.main-header a:active,
.main-header a.highlighted
 { color: #000000; }

.menu-base-theme a span.sub-arrow { border-color: #000000 transparent transparent transparent; }

.main-header:after {
  display: none;
}

.menu-base-theme li a {
  font-weight: 800;
  text-decoration: none;
  font-style: normal;
  padding: 13px 16px;
  font-size: 1.2em;
}

.menu-base-theme li a:hover,
.menu-base-theme li a:active,
.menu-base-theme li a:focus
 {
  text-decoration: underline;
  padding: 13px 16px;
}

@media (min-width: 768px) {
  .menu-base-theme ul {
    background: #eaddc8;
  }
}


.footerwidget {
  background: #b9a98f;
  color: #9c1512;
  padding: 10px 0;
}

.footerwidget a {
  color: #9c1512;
  text-decoration: underline;
}

.footerwidget a:hover {
  color: #9c1512;
  text-decoration: none;
}

.footerwidget img {
  max-width: 250px;
  height: auto;
  max-height: 100px;
}