@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;    
}

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

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

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

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

.table .fa {
    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;    
}

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

.admidio .btn {
    width: 150px;    
}

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

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

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

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

.carousel-control.left, .carousel-control.right {
    background-image: none; /* remove gradient on carousel */
}

.carousel-control, .carousel-caption {
    color: #263340;
}

.carousel-indicators {
    bottom: -10px;    
}

.carousel-indicators li {
    display: inline-block;
    text-indent: 0;
    cursor: pointer;
    border: 1px solid #263340;
    border-radius: 50%;
}
.carousel-indicators .active {
    background-color: #263340;
}

.carousel-caption {
    max-width: 550px;
    padding: 0 20px;
    margin:0 auto;
    margin-top: 200px;
    text-align:center;
}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* inline-block space fix */
    margin-right:-4px;
}

.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 {
        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 {
        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: auto;
    border-color: transparent;
    border-bottom: 1px solid #263340;
    padding-top: 10px;
    padding-bottom: 10px;
}

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

.media {
    margin-bottom: 30px;
}

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

.nav-link {
    width: 25px !important;
}

.button {
    height: auto !important;
}

/* 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;
}