@font-face {
  font-family: Titillium;
  src: url("titillium/TitilliumWeb-Regular.ttf") format("truetype");
  font-weight: normal; font-style: normal; 
}

@font-face {
  font-family: Titillium; 
  src: url("titillium/TitilliumWeb-SemiBold.ttf") format("truetype");
  font-weight: bold; font-style: normal; 
}

@font-face {
  font-family: Titillium; 
  src: url("titillium/TitilliumWeb-Light.ttf") format("truetype");
  font-weight: lighter; font-style: normal; 
}

body {
    font-family: Titillium, sans-serif;
    letter-spacing: 0.05em;
}

.admidio-area {
    width: 100%;    
}

.container {
    max-width: 1000px;    
    padding-top: 30px;
    padding-bottom: 50px;
}


#admidio-area-menu .container {
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 120%;    
}

#admidio-area-menu.admidio-background-white .container {
    padding-bottom: 0px !important;
}

.admidio-background-turquoise {
    background-color: #349aaa;
    color: white;
}

.admidio-background-white {
    background-color: white;
    color: #263340;
}

.admidio-background-dark-blue {
    background-color: #263340;
    color: white;
}

.admidio-background-light-green {
    background-color: #99cc33;
}

.admidio-background-light-gray {
    background-color: #dfe3e3;
}

#admidio-area-intro h1 {
    color: #333333;
}

h1, h2, h3, h4, h5 {
    font-weight: bold;    
}

h4 {
    font-size: 1.3rem;
}

.admidio-area-headline {
    margin-bottom: 50px;
}

#admidio-area-intro {
    margin-top: -50px;
}

#admidio-area-intro .row {
    margin-top: 15px;
}

#admidio-area-intro .lead {
    font-size: 120%;
}

h4 .fa, #admidio-area-features .fa,
h4 .fas, #admidio-area-features .fas,
h4 .fab, #admidio-area-features .fab {
    color: #99cc33;
}

.table .fa, .table .fas, .table .fab, .table {
    color: white !important;
}

.admidio-background-light-green a {
    color: #263340;
}

.admidio-background-turquoise a:hover, 
.admidio-background-turquoise a:focus {
    color: #263340;
}

.admidio-background-dark-blue a:hover, 
.admidio-background-dark-blue a:focus {
    color: #74caea;
}

.admidio-background-light-green a:hover, 
.admidio-background-light-green a:focus {
    color: white;
}

.admidio-background-turquoise .navbar-menu a {
    color: white;
}

.admidio-background-turquoise a,
.admidio-background-white .navbar-menu a {
    color: #263340;
    font-weight: bold;
}

.admidio-background-white .navbar-menu a:hover, 
.admidio-background-white .navbar-menu a:focus {
    color: #349aaa;
    text-decoration: underline !important;
    background-color: white !important;
}

.admidio-background-turquoise .navbar-menu a:hover, 
.admidio-background-turquoise .navbar-menu a:focus {
    color: white;
    text-decoration: underline !important;
    background-color: #349aaa !important;
}

a {
    color: #349aaa;    
}

#admidio-homepage .btn-primary {
    background-color: #99cc33;
    color: white !important;
    border-color: #99cc33;
    margin-right: 20px;
    width: 150px;    
}

#admidio-homepage .btn-primary:hover, #admidio-homepage .btn-primary:focus {
    background-color: #b4e84e !important;
}

.icon-bar {
    background-color: #263340;
}

@media (min-width: 768px) {
    .navbar-menu li, .navbar-menu button {
        margin-top: 25px;
    }
}

.navbar-menu {
    width: 100%;
}

.nav-item {
    margin-left: 20px;
}

.admidio-box {
    padding: 15px;
}

.admidio-content {
    max-width: 800px;
}

#plugin_announcement-list .list-group-item {
    margin-left: -20px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  height: 100px;
  width: 100px;
  outline: black;
  background-image: none;
}

.carousel-control-next-icon:after
{
  content: '>';
  font-size: 55px;
  color: gray;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 55px;
  color: gray;
}

.carousel-caption {
    position: relative;
    left: 0;
    top: -50px;
    padding-bottom: -10px;
    color: black !important;
}

.carousel-indicators li {
    background-color: gray;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}

.admidio-ads {
    margin-top: 40px;
    margin-bottom:  -20px;
}

#admidio-area-bottom {
    color: #263340;
}

@media (min-width: 768px) {
    .admidio-btn-menu {
        width: 70%;
    }

    #admidio-area-intro h1 {
        margin-top: 150px;
    }

    #admidio-area-bottom .fa, #admidio-area-bottom .fas, #admidio-area-bottom .fab {
        margin: 30px;
    }

    .admidio-background-light-green .admidio-text-links a {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (max-width: 767px) {
    .admidio-btn-menu {
        width: 100%;
    }

    #admidio-area-menu img {
        width: auto;
        height: 30px;
        margin-top: 10px;
        margin-left: 10px;
    }

    #admidio-area-intro .col-sm-6 {
        text-align: center;
    }

    #admidio-flying-icons  {
        float: none !important;
        width: 250px;
        height: auto;
    }

    .btn-mainpage {
        margin-top: 10px;
    }

    #admidio-area-bottom .fa, #admidio-area-bottom .fas, #admidio-area-bottom .fab {
        margin: 8px;
    }

    .admidio-text-links {
        margin-top: 10px;
    }

    .admidio-text-links a {
        margin: 0px 10px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    #admidio-area-menu img {
        width: auto;
        height: 40px;
        margin-top: 10px;
        margin-left: 10px;
    }

    #admidio-flying-icons  {
        width: 300px;
        height: auto;
    }

    #admidio-area-intro h1 {
        margin-top: 100px;
    }
}

.admidio-background-turquoise .admidio-btn-menu .btn  {
    color: #263340 !important;
}

.admidio-btn-menu a:hover, 
.admidio-btn-menu a:focus {
    color: #263340 !important;
    background-color: #dfe3e3 !important;
    text-decoration: underline !important;
}

.admidio-btn-menu .btn {
    background-color: transparent;
    text-align: left;
    color: #349aaa !important;
    width: 100%;
    border-color: transparent;
    border-bottom: 1px solid #263340;
    padding-top: 10px;
    padding-bottom: 10px;
}

/***********************/
/* css for phpbb forum */
/***********************/

#phpbb .page-header, #phpbb .page-footer, #phpbb .page-width {
    max-width: 1000px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#phpbb .quick-login label {
    display: inline !important;
}

#phpbb .button, .button2 {
    padding: 5px !important;
    color: #ffffff !important;
    background-color: #349aaa !important;
    background-image: none !important;
}

#phpbb .button:hover, .button2:hover {
    background-color: #25717d !important;
    border-color: #25717d !important;
}

#phpbb .navbar {
    border: none;
}

#phpbb .navbar .page-width {
    width: 100%;
}

#phpbb .navbar .tab {
    min-width: 35px;
}

#phpbb .nav-link {
    color: #349aaa !important;
}

#phpbb .navbar .nav-tabs .nav-link {
	padding-left: 30px !important;
}

#phpbb .nav-link:hover {
    color: #25717d !important;
}

#phpbb .navbar .static .nav-tabs {
    background-color: #349aaa !important;
}

#phpbb .navbar.tabbed.not-static .nav-tabs {
    padding: 20px 0px;
}

#phpbb .navbar .static .nav-tabs .nav-link {
    color: #ffffff !important;
}

#phpbb .navbar .static .nav-tabs .forums .nav-link,
#phpbb .navbar .small-icon,
#phpbb .navbar .small-icon:after  {
    color: #359cab !important;
}

#phpbb .navbar .static .nav-tabs .nav-link:hover,
#phpbb .navbar .small-icon:hover,
#phpbb .navbar .small-icon:hover:after {
    color: #25717d !important;
}

#phpbb h3 a {
    color: #359cab !important;
}

#phpbb h3 a:hover {
    color: #263340 !important;
}

.media {
    margin-bottom: 30px;
}

/* navbar should set no default color, problem in phpbb forum */
.navbar {
    background: none !important;
    min-height: none;
}

/* button text should be shown within button */
/*.tab.forums .nav-link,
.tab.members .nav-link {
    display: inline !important;
}*/

blockquote {
    font-size: 14px !important;
}

blockquote:before {
    top: 9px !important;
    right: 18px !important;
}

/***********************/
/* css for doku wiki */
/***********************/

.dw-container {
    max-width: 1000px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.dokuwiki > .mx-5 {
    margin-right: auto !important;
    margin-left: auto !important;
}

.navbar-default {
    border-color: transparent;
}

#admidio-wiki-headline {
    margin-top: 10px;
}

.navbar-default .navbar-nav > li > a {
    color: #263340;
}

#dw__navbar {
    margin-bottom: 0px;
}

.dokuwiki .fix-media-list-overlap li {
    margin-bottom: 20px;
}

.dokuwiki a.media img.media {
    border: 1px solid #263340;
}