/*
  Theme Name: Norbert Krestyn
  Author: Ralf Bohnert
  Author URI: http://www.bohnline.net
  Description: Basis WordPress Theme basierend auf Bootstrap 4.0.0
  Version: 1.0
*/

/*------------------------------------*\
    Global
\*------------------------------------*/

body {
    color: #666;
    font-family: 'Raleway', sans-serif;
    background-image: url(img/bg.svg);
    background-repeat: no-repeat;
    background-size: 80%;
    background-position-x: -55%;
    background-position-y: 30%;
    background-attachment: fixed;
    animation: bg 2s infinite;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

@keyframes bg {
    from {background-size: 00%;}
    to {background-size: 80%;}
}


a {
    color: #a760a6;
}

a:hover {
    color: #792888;
}

h2, h3, h4, h5, h6 {
    font-family: 'MuseoModerno', cursive;
    color: #a760a6;
    margin: 2em 0;
}

h1 {
    font-family: 'MuseoModerno', cursive;
    color: #666666;
    margin-bottom: 2em;
}

.home h1 {
    color: #a760a6;
    margin: 2em 0;
    position: relative;
    animation: mymove 2s infinite;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}

.home p.pre-h {
    font-size: .8em;
}

@keyframes mymove {
  from {left: -2000px;}
  to {left: 0px;}
}

.wp-post-image {
    max-width: 100%;
    height: auto;
}

.btn-bl {
    background: #a760a6;
    color: #fff;
    border-radius: 0;
    margin-bottom: 1em;
}

.btn-bl:hover {
    background: #792888;
    color: #fff;
    text-decoration: none;
}

main ul, main ol {
    margin-bottom: 4em;
}

main ul {
	list-style: none;
	padding: 0;
}

main ul li {
	padding-left: 1.8em;
}

main ul li:before {
	content: "\f101";
	font-family: 'Font Awesome 5 Free';
	font-style: normal;
	font-weight: 900;
	color: #792888;
	display: inline-block;
	margin-left: -1.8em;
 	width: 1.8em;
}

p {
    margin-bottom: 4em;
}

img {
    transition: transform .2s;
}

img:hover{
    transform: scale(1.01);
}

/*------------------------------------*\
    Header
\*------------------------------------*/

header.site-header {
    margin-top: 2em;
}


/*------------------------------------*\
    Search
\*------------------------------------*/

form.site-search {
    margin-bottom: 1em;
}

.site-search input.form-control {
    border-radius: 0px;
}

.site-search input[type=submit] {
    border: 0px;
    color: #fff;
}

/*------------------------------------*\
    Navigation
\*------------------------------------*/

.brand {
    font-family: 'MuseoModerno', cursive;
    font-size: 1.5em;
    color: #666;
}

.home .brand {
    position: relative;
    animation: mymove2 2s infinite;
    animation-timing-function: ease;
    animation-iteration-count: 1;
}


.brand i {
    color: #792888;
}

@keyframes mymove2 {
  from {right: -2000px;}
  to {right: 0px;}
}

a.nav-link, a.dropdown-item {
    font-size: 0.9em;
}

.navbar-nav a.nav-link {
    background-color: #a75fa6;
    color: #fff;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    padding: 1em 2em!important;
    text-transform: uppercase;
    border: 3px solid #fff;
    -webkit-box-shadow: -5px 5px 0px 2px #ecddec;
    -moz-box-shadow: -5px 5px 0px 2px #ecddec;
    box-shadow: -5px 5px 0px 2px #ecddec;
    text-align: center;
    transition: box-shadow 1s, background-color 1s;
}

.navbar-nav a.nav-link:hover {
    background-color: #782987;
    box-shadow: -5px 5px 0px 2px #a75fa6;
}

.navbar-collapse a.nav-link {
    margin-top: .5em;
}

.dropdown-menu {
    border: 0;
    border-radius: 0;
}

.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: #a760a6;
    color: #fff;
}

button.navbar-toggler {
    margin-top: -10px;
    background: #a75fa6;
    color: #fff;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    border: 3px solid #fff;
    -webkit-box-shadow: -5px 5px 0px 2px #ecddec;
    -moz-box-shadow: -5px 5px 0px 2px #ecddec;
    box-shadow: -5px 5px 0px 2px #ecddec;
}

/*------------------------------------*\
    Content
\*------------------------------------*/

main{
    font-size: 1.5em;
    word-wrap: break-word;
}

.inner {
    position: relative;
}

.inner i{
    position: absolute;
    top: 0;
    left: 0;
}

.blog article.post {
    border-bottom: 1px solid #eee;
    margin-bottom: 4em;
}

.wp-post-image, article img {
    margin: 1em 0em;
    border-top-right-radius: 3em;
    border-bottom-left-radius: 3em;
}

.single .wp-post-image {
    margin: 0 0 1em 0;
}

blockquote {
    padding-left: 1em;
    font-style: italic;
    border-left: 3px solid #ddd;
}

a.more-link {
    float: right;
    font-size: .6em;
    margin-top: 4em;
    background-color: #a75fa6;
    color: #fff;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    padding: 1em 3em!important;
    text-transform: uppercase;
    border: 3px solid #fff;
    -webkit-box-shadow: -5px 5px 0px 2px #ecddec;
    -moz-box-shadow: -5px 5px 0px 2px #ecddec;
    box-shadow: -5px 5px 0px 2px #ecddec;
    transition: transform .5s, box-shadow 1s, background-color 1s;
}

a.more-link:hover {
    background-color: #782987;
    box-shadow: -5px 5px 0px 2px #a75fa6;
    text-decoration: none;
}

.single h1 {
    margin-top: 1em;
}

.site-pagination a.next.page-numbers, .site-pagination a.prev.page-numbers {
    font-size: .7em;
}

.site-pagination span, .site-pagination a.page-numbers {
    background-color: #f7f7f7;
    padding: .4em .6em .5em;
    border-top-right-radius: .5em;
    border-bottom-left-radius: .5em;
}

.site-pagination a.next.page-numbers, .site-pagination a.prev.page-numbers {
	background: transparent;
}

.site-pagination a.page-numbers.current, .site-pagination span.page-numbers.current {
    background-color: #a75fa6;
    color: #fff;
}


/*------------------------------------*\
    Comments
\*------------------------------------*/

.site-comments.comment-form {
    border-top: 1px solid #ddd;
}

textarea#comment {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.comment-list ul {
    list-style: none;
    padding-left: 0;
}

li.single-comment p {
    margin-bottom: 1em;
}

li.single-comment {
    padding: 1em;
    border: 1px solid #eee;
    margin-top: 1em;
    background: #ecdeec;
    border-top-right-radius: 3em;
    border-bottom-left-radius: 3em;
}

.comment-list li:before {
    content: none;
}

ul.children li.single-comment {
    border: 0;
    margin-left: 3em;
}

.single-comment img.avatar {
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
}

.comment-form input#submit {
    background: #a75fa6;
    color: #fff;
    font-size: .6em;
    border-top-right-radius: 1em;
    border-bottom-left-radius: 1em;
    padding: 1em 3em!important;
    text-transform: uppercase;
    border: 3px solid #fff;
    -webkit-box-shadow: -5px 5px 0px 2px #ecddec;
    -moz-box-shadow: -5px 5px 0px 2px #ecddec;
    box-shadow: -5px 5px 0px 2px #ecddec;
}

.comment-form input#submit:hover {
    background: #782987;
    box-shadow: -5px 5px 0px 2px #a75fa6;
    text-decoration: none;
}

/*------------------------------------*\
    Sidebar
\*------------------------------------*/

.site-sidebar {
    padding-left: 1.8em;
    font-size: .7em;
}

.site-sidebar .widget {
    margin-left: 5em;
}

.site-sidebar .widget ul {
    list-style: none;
    padding: 0;
}

.site-sidebar .profil-container {
    max-width: 514px;
}

div.profil ul {
    margin-bottom: 1em;
}

.site-sidebar img.img-profil {
    border: 7px solid #fff;
    border-top-right-radius: 3em;
    border-bottom-left-radius: 3em;
    -webkit-box-shadow: -9px 10px 0px 2px #ecddec;
    -moz-box-shadow: -9px 10px 0px 2px #ecddec;
    box-shadow: -9px 10px 0px 2px #ecddec;
}

.site-sidebar .profil {
    margin-left: 2em;
    margin-right: 7px;
    background: #f7f7f7;
    border-bottom-left-radius: 3em;
    padding: 2em 1em 1em 3em;
    text-align: left;
}


/*------------------------------------*\
    Footer
\*------------------------------------*/

.site-footer {
    padding-bottom: 1em;
    margin-top: 3em;
    border-top: 1px solid #ecdeec;
    padding-top: 1em;
}

.footer-nav li, .footer-nav a.nav-link {
    display: inline;
    list-style-type: none;
    margin-right: 0;
}

ul#footer-nav {
    padding-left: 0;
}

/*------------------------------------*\
    Mobile
\*------------------------------------*/

@media (max-width: 576px) {
    main {
        font-size: 1.2em;
    }

    h1 {
        font-size: 1.4em;
    }

    .brand {
        font-size: 1.1em;
    }
}

@media (max-width: 768px) {
    article img {
        width: 100%;
        height: auto;
    }

    img.avatar {
        max-width: 25px;
        height: auto;
    }
}

@media (max-width: 991.98px) {
    .wp-post-image {
        width: 100%;
        margin-top: 1em!important;
    }

    .frontpage-container {
        text-align: center;
    }

    h1 {
        margin-top: 2em;
    }

    .mh {
        height: 88vh;
    }
}

@media (min-width: 992px) {
    header.site-header {
        min-height: 143px;
        margin-top: 3em;
    }

}

@media (min-width: 1200px) {
    .mainpadding {
        padding-left: 2em;
        padding-right: 2em;
    }

    a.nav-link {
        margin-right: 1em;
    }

    .brand {
        font-size: 1.9em;
    }

}