/*
Theme Name: Heap Child
Theme URI: https://pixelgrade.com/demos/heap/
Author: PixelGrade
Author URI: https://pixelgrade.com/
Description: They just keep piling on and on.
Template: heap
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: heap-child
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Requires at least: 4.4
Tested up to: 4.5

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Heap is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* ADD YOUR NEW CSS RULES HERE */

/* This file assumes you wish to add new CSS rules that will overwrite the ones in the parent's CSS files

If you wish however, you can copy the whole style.css file from the parent here and hack at it - see functions.php for more details.
In that case please remember that you still need to retain the header above (replace the header of the parent style.css with the one above),
specifically the 'Template: heap' line. */


body, h1, h2, h3, h4, h5, h6, hgroup, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, blockquote, a, p, span, .tabs__nav, .popular-posts__time, .pagination li a, .pagination li span, .latest-comments__author{
    font-family: "EXO2" !important;
}

.widget__title {
    color: #1a1919;
    font-weight: 700;
}

#reply-title{
    font-size: 1.25rem;
    line-height: 1.21;
    font-weight: bold;
}

.comments-area-title p {
    margin: 0;
    margin-right: 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.25rem;
    line-height: 1.21;
}
.article__content a:hover, .page__content a:hover{
    text-decoration: underline;
}

.comments_add-comment, .form-submit #comment-submit {
    background-color: #D8DDE2;
    color: #FFFFFF;
}

.btn, .widget_tag_cloud a, .load-more__button {
    background-color: #D8DDE2;
    color: #3F4A54;
}

.error404 .back-to-home {
    color: #FFFFFF;
    margin-top: 25px;
}

.buhl-streifen{
    border-width: 0 0 5px;
    border-style: solid;
    background-color: #212529;
    border-image: url(images/buhl-steuern-streifen.svg);
    border-image-slice: 1;
    width: 100%;
}


/*Header New*/

.buhl-logo-header {
    display: none;
}

.site-title--image img {
    margin: 0 !important;
}

.site-title--small {
    text-align: left;
    padding-top: 6px;
}

span.js-search-trigger-text {
    color: #ffffff !important;
}

span.js-search-trigger-text:hover {
    color: #A7956E !important;
}

.site-footer {
    background-color: #3F4A54;
}

.header--small .js-search-trigger {
    display: flex !important;
}

.header--small span.js-search-trigger-text {
    display: block !important;
}

.site-header__menu .js-search-trigger {
    padding: 0;
}

.header--small .site-title--small img {
    max-height: 30px;
}

.js-search-trigger p {
    display: none;
}

#to-top-button {
    display: inline-block;
    background-image: url("icons/nach-oben-pfeil.svg");
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 60px;
    right: 20px;
    transition: background-color .3s,
    opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
.nav--main > .menu-item-has-children > ul.sub-menu.big-one{
    overflow-y: hidden;
    max-height: 600px;
}
#to-top-button.show {
    opacity: 1;
    visibility: visible;
}

.sub-menu .menu-item {
    text-align: left !important;
}

@media only screen and (max-width: 899px) {
    .navigation--main {
        background-color: #FFFFFF;
        color: #FFFFFF;
    }

    .navigation--main .nav--main li a {
        display: block;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 20px;
        color: #424242;
    }

    .site-title--image {
        max-width: 100%;
        display: flex;
        justify-content: center;
    }
}

@media only screen and (min-width: 900px) {
    .header-component--left {
        display: none !important;
    }

    .header-component--right {
        display: flex !important;
        flex-direction: row !important;
        width: 100% !important;
        justify-content: space-between;
        align-items: center;
    }

    .site-header .header-component--right {
        height: 50px;
    }

    .header--small .site-header__menu a {
        font-size: 22px !important;
    }

    .buhl-logo-header {
        display: flex;
    }

    .js-search-trigger p {
        display: inline;
        margin: 0px;
    }

    .nav-dropdown-caret .navigation--main .menu-item-has-children > a:hover:after {
        color: #A7956E !important;
    }

    .site-header__menu .js-search-trigger {
        margin-left: 110px;
    }
}

/*Footer New*/

.site-footer, .sub-footer {
    max-width: 1368px;
    margin: auto;
}

.site-footer {
    background-color: #343A40;
}

.sub-footer {
    background-color: #3F4A54;
    font-size: 16px;
}

.container-footer > a {
    display: none;
}

.navigation--footer {
    margin: 0;
}

.container-footer {
    display: flex;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px;
    flex-direction: column;
}

.container-footer .footer-list {
    list-style-type: none;
    margin: 25px 0;
}

.footer-list li:first-child {
    font-size: 18px;
}

.footer-list a, .footer-list p {
    color: #FFFFFF;
}

.copyright-text {
    margin-top: 0 !important;
}

.bg-sub-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0;
    flex-direction: column;
}

.bg-sub-footer a {
    color: #FFFFFF !important;
}

.bg-sub-footer a:hover {
    color: #A7956E !important;
}

.footer-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.border-left-footer {
    border-left: none;
}

.padding-footer-nav-start {
    padding: 0;
}

.padding-footer-nav {
    padding: 0;
}

.padding-footer-nav-ende {
    padding: 0;
}

.product-footer-logo {
    display: flex;
    justify-content: center;
    margin: 10px 0;
}
.latest-post-container{
    display: flex;
    flex-direction: column;
}
.latest-posts{
    width: 100%;
    padding:0 10px;
}
.latest-posts a{
    color: #424242;
    font-weight: bold;
    font-size: 13px;
}
.latest-posts .subtitle{
    font-size: 13px;
}
.su-box {
    max-width: 550px;
    margin: auto !important;
}
.su-posts-default-loop .su-post-thumbnail{
    width: auto !important;
    height: auto !important;
}
.su-post-title{
    font-weight: 700;
    font-size: 19px;
}
.su-post-title a {
    color: #424242;
}
@media screen and (min-width: 768px) {
    .latest-post-container{
        flex-direction: row;
    }
}

@media screen and (min-width: 900px) {
    .latest-post-container{
        flex-direction: column;
    }
    .container-footer {
        padding-left: 96px;
        padding-right: 96px;
        flex-direction: row;
        width: 100%;
    }

    .bg-sub-footer {
        flex-direction: row;
    }

    .footer-nav {
        flex-direction: row;
        width: auto;
    }

    .border-left-footer {
        border-left: 1px solid white;
    }

    .padding-footer-nav-start {
        padding: 0 5px 0 0;
    }

    .padding-footer-nav {
        padding: 0 5px;
    }

    .padding-footer-nav-ende {
        padding: 0 0 0 5px;
    }

    .product-footer-logo {
        margin: 0;
    }
}
@media screen and (min-width: 1200px) {
    .latest-post-container {
        flex-direction: row;
    }
}
/*error 404*/
.error404 {
    background-image: none !important;
    background-color: #FFFFFF !important;
}

time.updated {
    display: inline;
}

.error404 .site-header{
    display: block !important;
}

.error404 .content-404, .error404 .content{
    position: relative !important;
    margin: auto;
    transform: unset !important;
    top:unset !important;
    left:unset !important;
}

.dataTables_scrollBody::-webkit-scrollbar{
    height: 4px;
}
.dataTables_scrollBody::-webkit-scrollbar-thumb{
    background-color: #424242;
    border-radius: 5px;
}

/*.dataTables_scrollBody::-webkit-scrollbar-track{*/
/*}*/

/*Old styles*/

/*@media all {*/
.page-single .subheadline,
.article__header .subheadline {
    font-family: "Roboto Condensed";
    font-weight: 300;
}

.page-single .subheadline {
    font-size: 14px;
}

.article__header .subheadline, .page__content .subheadline {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 0;
}

.toc_list{
    padding-left: 15px !important;
}

#comments .comment__time {
    display: none;
}

.kasten_download,
.kasten_kalender,
.kasten_check,
.kasten_achtung,
.kasten_frage,
.kasten_ok,
.kasten_upload,
.kasten_tipp,
.kasten_wichtig,
.kasten_recht,
.kasten_tts {
    background-color: #f2f2f2;
    margin-bottom: 20px;
    padding-top: 20px;
}

.kasten_download h3,
.kasten_kalender h3,
.kasten_check h3,
.kasten_achtung h3,
.kasten_frage h3,
.kasten_ok h3,
.kasten_upload h3,
.kasten_wichtig h3,
.kasten_tipp h3,
.kasten_recht h3,
.kasten_tts h3 {
    color: #424242;
    margin-left: 60px;
    font-size: 20px !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
}

.kasten_download .kasten_text,
.kasten_kalender .kasten_text,
.kasten_check .kasten_text,
.kasten_achtung .kasten_text,
.kasten_frage .kasten_text,
.kasten_ok .kasten_text,
.kasten_upload .kasten_text,
.kasten_tipp .kasten_text,
.kasten_wichtig .kasten_text,
.kasten_recht .kasten_text,
.kasten_tts .kasten_text {
    display: inline-block;
    padding: 0 20px 20px 61px;
}

.kasten_download .kasten_text p:last-child,
.kasten_kalender .kasten_text p:last-child,
.kasten_check .kasten_text p:last-child,
.kasten_achtung .kasten_text p:last-child,
.kasten_frage .kasten_text p:last-child,
.kasten_ok .kasten_text p:last-child,
.kasten_upload .kasten_text p:last-child,
.kasten_tipp .kasten_text p:last-child,
.kasten_wichtig .kasten_text p:last-child,
.kasten_recht .kasten_text p:last-child,
.kasten_tts .kasten_text p:last-child {
    margin-bottom: 0;
}

.kasten_download .kasten_text:before,
.kasten_kalender .kasten_text:before,
.kasten_check .kasten_text:before,
.kasten_achtung .kasten_text:before,
.kasten_frage .kasten_text:before,
.kasten_ok .kasten_text:before,
.kasten_upload .kasten_text:before,
.kasten_tipp .kasten_text:before,
.kasten_wichtig .kasten_text:before,
.kasten_recht .kasten_text:before,
.kasten_tts .kasten_text:before,
.kasten_download h3:before,
.kasten_kalender h3:before,
.kasten_check h3:before,
.kasten_achtung h3:before,
.kasten_frage h3:before,
.kasten_ok h3:before,
.kasten_upload h3:before,
.kasten_tipp h3:before,
.kasten_wichtig h3:before,
.kasten_recht h3:before,
.kasten_tts h3:before {
    margin-left: -41px;
    font-family: FontAwesome;
    vertical-align: middle;
    font-size: 30px;
    float: left;
}


.kasten_tts {
    position: relative;
}

.kasten_tts .tts_url {
    position: absolute;
    right: 5%;
}

.kasten_tts .tts_url a {
}

.kasten_tts .tts_url a:hover {
    color: #424242;
}

.kasten_tts .tts_url a:after {
    margin-left: 10px;
    font-family: FontAwesome;
    vertical-align: middle;
    font-size: 18px;
    content: "\f019";
}

.kasten_tts h3.neu:after {
    font-family: FontAwesome;
    vertical-align: middle;
    font-size: 30px;
    content: "\f006";
    margin-left: 13px;
}

.kasten_tipp h3:before,
.kasten_tipp .kasten_text:before {
    content: "\f129";
}

.kasten_wichtig h3:before,
.kasten_wichtig .kasten_text:before {
    content: "\f0a4";
}

.kasten_recht h3:before,
.kasten_recht .kasten_text:before {
    content: "\f19d";
}

.kasten_tts h3:before,
.kasten_tts .kasten_text:before {
    content: "\f1c1";
}

.kasten_download h3:before,
.kasten_download .kasten_text:before {
    content: "\f019";
}

.kasten_kalender h3:before,
.kasten_kalender .kasten_text:before {
    content: "\f073";
}

.kasten_check h3:before,
.kasten_check .kasten_text:before {
    content: "\f00c";
}

.kasten_achtung h3:before,
.kasten_achtung .kasten_text:before {
    content: "\f06a";
}

.kasten_frage h3:before,
.kasten_frage .kasten_text:before {
    content: "\f128";
}

.kasten_ok h3:before,
.kasten_ok .kasten_text:before {
    content: "\f164";
}

.kasten_upload h3:before,
.kasten_upload .kasten_text:before {
    content: "\f093";
}

.kasten_download h3 + .kasten_text:before,
.kasten_kalender h3 + .kasten_text:before,
.kasten_check h3 + .kasten_text:before,
.kasten_achtung h3 + .kasten_text:before,
.kasten_frage h3 + .kasten_text:before,
.kasten_ok h3 + .kasten_text:before,
.kasten_upload h3 + .kasten_text:before,
.kasten_wichtig h3 + .kasten_text:before,
.kasten_tipp h3 + .kasten_text:before,
.kasten_recht h3 + .kasten_text:before,
.kasten_tts h3 + .kasten_text:before {
    content: "";
}

.spfeedback .inner .img {
    height: 274px;
    width: 101px;
    display: inline-block;
    position: fixed;
    top: 200px;
    background: url(images/feedback-steuernsparen-blog-buhl-2x.png) no-repeat;
}

.spfeedback .inner .img:hover {
    background: url(theme-content/images/feedback_over.png) no-repeat;
}


#spblanket {
    background-color: #111;
    opacity: 0.65;
    *background: none;
    position: absolute;
    z-index: 9001;
    top: 0px;
    left: 0px;
    width: 100%;
}

#spfeedback-popup {
    position: fixed;
    top: 200px;
    width: 630px;
    height: 600px;
    border: 5px solid #fff;
    z-index: 9002;
    background-color: white;
}

#spfeedback-popup iframe {
    height: 550px !important;
    width: 610px !important;
    border: 0;
}

#spfeedback-popup a {
    float: right;
    padding-right: 14px;
    padding-top: 8px;
    color: #ec7404;
}

@media only screen and (max-width: 899px) {
    .spfeedback {
        display: none;
    }
}


.article-archive .article__content p:last-child {
    font-size: 18px;
    color: #424242;
    font-family: Open Sans;
}

@media print {
    .spfeedback,
    article article,
    .page__content .mosaic__item,
    .header,
    #toc_container {
        display: none !important;
    }
}