/*
  This css file is for individual users to restyle items for their personal site,
  or for the implementation of features specifically for their site. Anything that
  is an official part of the theme (ex. Pull Requests) should be included in main.css
  within the formating given.
*/
/* roboto-regular - latin */
@import url(./fonts-awesome.min.css);
@import url(./jquery.fancybox.min.css);

/*@font-face {*/
    /*font-family: 'Roboto';*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*src: local('Roboto'), local('Roboto-Regular'),*/
    /*url('../fonts/roboto-v18-latin-regular.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!*/
    /*url('../fonts/roboto-v18-latin-regular.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!*/
/*}*/
/*!* roboto-500 - latin *!*/
/*@font-face {*/
    /*font-family: 'Roboto';*/
    /*font-style: normal;*/
    /*font-weight: 500;*/
    /*src: local('Roboto Medium'), local('Roboto-Medium'),*/
    /*url('../fonts/roboto-v18-latin-500.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!*/
    /*url('../fonts/roboto-v18-latin-500.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!*/
/*}*/
/*!* roboto-700 - latin *!*/
/*@font-face {*/
    /*font-family: 'Roboto';*/
    /*font-style: normal;*/
    /*font-weight: 700;*/
    /*src: local('Roboto Bold'), local('Roboto-Bold'),*/
    /*url('../fonts/roboto-v18-latin-700.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!*/
    /*url('../fonts/roboto-v18-latin-700.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!*/
/*}*/
/*!* roboto-900 - latin *!*/
/*@font-face {*/
    /*font-family: 'Roboto';*/
    /*font-style: normal;*/
    /*font-weight: 900;*/
    /*src: local('Roboto Black'), local('Roboto-Black'),*/
    /*url('../fonts/roboto-v18-latin-900.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!*/
    /*url('../fonts/roboto-v18-latin-900.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!*/
/*}*/

/* nunito-regular - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 400;
    src: local('Nunito Regular'), local('Nunito-Regular'),
    url('../fonts/nunito-v9-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/nunito-v9-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-700 - latin */
@font-face {
    font-family: 'Nunito';
    font-style: normal;
    font-weight: 700;
    src: local('Nunito Bold'), local('Nunito-Bold'),
    url('../fonts/nunito-v9-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/nunito-v9-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* ubuntu-regular - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    src: local('Ubuntu Regular'), local('Ubuntu-Regular'),
    url('../fonts/ubuntu-v12-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/ubuntu-v12-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-500 - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 500;
    src: local('Ubuntu Medium'), local('Ubuntu-Medium'),
    url('../fonts/ubuntu-v12-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/ubuntu-v12-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* ubuntu-700 - latin */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 700;
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'),
    url('../fonts/ubuntu-v12-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/ubuntu-v12-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html body {
    font-family: 'Nunito', sans-serif !important;
}

h1, h2, h3, h4, h5, h6, #header a, header p, .author, .format, .button, input[type="submit"], input[type="reset"], input[type="button"],
ul.posts article header .published, .mini-post header .published, .post > header .meta .published, .post > footer .stats li ul li,
.itemized > header .meta .published, .itemized > footer .stats li, #header .links ul li a, #footer .copyright, #menu .links > li a p,
#share-menu .links > li a p
{
    font-family: 'Ubuntu', sans-serif;
    text-transform: none;
    letter-spacing: 0.05em;
}

header p {
    font-size: 0.8em;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    text-transform: none;
    letter-spacing: 2px;
    margin-top: 2rem;
    margin-bottom: -1rem;
}
#content h1 {
    font-size: 2rem;
    /*font-weight: 500;*/
    font-weight: 700;
    margin-top: 3rem;
}
#content h2 {
    font-size: 1.6rem;
    margin-bottom: -1rem;
    /*font-weight: 500;*/
    font-weight: 700;
}

#content ol ul, #content ul ol, #content ul ul, #content ol ol {
    margin: 0;
}

@media screen and (min-width: 981px) {
    #background {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: url(../img/main/schulhaus.jpg) no-repeat;
        background-size: cover;
        z-index: -2;
    }

    #background-overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgba(120, 120, 120, 0.38);
        z-index: -1;
    }
}
@media screen and (max-width: 980px) {
    #intro .logo.logo:before {
        background-image: none;
    }
    #menu ul ul {
        margin-left: 1rem;
    }
}

.post {
    background-color: rgba(255, 255, 255, 0.94);
}

.post > header .title {
    padding: 1.75em 3em 1.3em 3em;
}

.post > header .meta {
    padding: 2em 3em 1.3em 3em;
}

.post > header .author {
    color: #6e6e6e;
    font-size: 0.7em;
}

.post > .image.featured img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}

.post > footer .actions {
    margin-bottom: 1em;
}

.button {
    border-radius: 5px;
}

.published {
    padding-left: .5em;
}

#sidebar {
    background-color: rgba(255, 255, 255, 0.94);
    padding: 2rem;
    margin-bottom: 0;
}

@media screen and (max-width: 980px) {
    #intro {
        background-color: rgba(255, 255, 255, 0.94);
    }
}

.download {
    color: #0070ff;
}

.actions.pagination {
    display: flex;
    justify-content: space-between;
}

/*body {*/
    /*background-color: rgba(244, 244, 244, 0.92);*/
    /*z-index: 0;*/
/*}*/

#header nav.links {
    overflow: visible;
    padding-left: 0;
}

#header nav.links ul li:first-child {
    padding-left: 1em;
}

#header h1 a, #header .links ul li a {
    font-size: 0.9em;
}

.submenu {
    position: relative;
    cursor: pointer;
}

.submenu .hoverable {
    position: absolute;
    top: 0;
    bottom: -25px;
    left: 0;
    right: -1em;
}

.submenu ul {
    display: none;
    position: absolute;
    top: 41px;
    left: -1px;
    background: white;
    border: 1px solid rgba(160,160,160,0.3);
    min-width: 300px;
}

.submenu:hover ul {
    display: block;
}

.list-unstyled {
    padding-left: 0;
}
.list-unstyled li {
    padding-left: 0;
    list-style-type: none;
}

#main article, #sidebar {
    border-radius: 5px;
}

#main > *:last-child {
    margin-bottom: 0 !important;
}

#header .links .submenu ul li {
    margin-left: 0;
    padding-left: 1em;
    padding-right: 1em;
    /*border-left: 1px solid rgba(160, 160, 160, 0.3);*/
    line-height: 2.5rem;
    width: 100%;
    /*cursor: pointer;;*/
}

#header .links .submenu ul li:hover {
    /*background: #f4f4f4;*/
}

#intro header h2 {
    font-size: 1.3em;
}

#intro header p {
    text-transform: none;
    letter-spacing: normal;
    font-size: 0.8em;
    font-family: 'Nunito', sans-serif;
}

#intro ul.icons {
    margin-bottom: 0;
}

#sidebar > * {
    margin: 1.5em 0 0 0;
    padding: 1.5em 0 0 0;
}

#intro .logo.logo, #intro .logo.logo:before, #intro .logo.logo img {
    width: 150px;
    height: 150px;
    margin-left: 0;

}

#intro .logo.logo:before {
    /*background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100px' height='100px' viewBox='0 0 100 100' preserveAspectRatio='none' zoomAndPan='disable'%3E%3Cpolygon points='0,0 100,0 100,25 50,0 0,25' style='fill:%23f4f4f4' /%3E%3Cpolygon points='0,100 100,100 100,75 50,100 0,75' style='fill:%23fffffff0' /%3E%3C/svg%3E");*/
}

.calendar li {
    list-style-type: none;
    position: relative;
    font-size: 1.2rem;
    /*height: 3rem;*/
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.calendar .month {
    font-size: 1.8rem;
}

.calendar .date, .calendar .wochentag {
    position: absolute;
    left: -2rem;
    top: -.1rem;
    font-size: 1.5rem;
}

.calendar .wochentag {
    left: -2rem;
    top: 1.7rem;
    font-size: 0.8rem;
}

.calendar .name {
    width: 100%;
    display: block;
    background: hsla(204, 85%, 50%, 0.91);
    color: white;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    margin-left: 1rem;
}

.calendar .name.feiertag {
    background: hsla(297, 60%, 41%, 0.91);
    color: white;
}
.calendar .name.ferien {
    background: hsla(174, 100%, 29%, 0.91);
    color: white;
}

/* dark theme stuffs
body, header#header {
    background-color: #0b0b0b;
    color: #e1e1e1
}

article, .post, .posts-container .mini-post {
    background-color: #111111;
    color: #f7f7f7 !important;
}

article.post p, article.post ol, article.post h2, article.post h3, article.post h4 {
    color: #b8b8b8 !important;
}

h1, h2, h3, h4, h5, h6 {
    color: #e5e4e4
}
*/