/**
Theme Name: websplash
Theme URI: http://www.websplash.de
Description: Design by <a href="http://www.websplash.de" target="_blank">websplash Internet- & Mediendesign</a>.
Author: Ramin Fleckner
Version: 1.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: flatbook_child 
 * Template:    flatbook
 * Tags:        green, light, gray, responsive-layout, right-sidebar, one-column, custom-colors, custom-menu, featured-images, white, light, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready 
*/

@import url("../flatbook/style.css");

/* Add your custom css below
-------------------------------------------------------------- */

.websplash {
    counter-reset: section;
}

.websplash #site-navbar {
    height:103px;
    min-height:0;
}

.navbar-header a.navbar-brand {
    max-width:300px;
    display:block;
}

.navbar-header a.navbar-brand img {
    width:100%;
    padding:20px;
    background:#fff;
    height:auto;
}

.home .viewport .pd-lg {
    padding:20px;
}

.home .viewport img {
    width:100%;
    height:auto;
}

.home .header-title span.highlight:nth-of-type(2) {
    font-size:20px;
    text-transform: none;
}

#onepage-nav {
    display:none!important;
}

.home .tablet-reader::before {
    background-color:#81A1B1;
}

.home #samples {
    color:#fff;
}

.home #samples .section-header .divider > i {
    color:#fff;
}

.websplash .tablet-scrollbar .thumb {
    color:#F7A001;
}

.home #samples .section-header h1 {
    color:#fff;
}

.home .section-header .divider > i {
    color:#0199C0;
}

.home .feature-item .feature-icon>i {
    background-image:none;
    border-radius:50%;
    background-color:#0199c0;
    height:100px;
    color: #fff;
}

.home .feature-item .feature-icon>i::before {
    counter-increment: section;
    content: counter(section);
    font-family: Lato;
    font-weight:bold;
    line-height:1;
}

.home #custom.stoerer {
    position: relative;
    top: -3px;
    z-index: 9999;
    border-top: 3px solid #FF9002;
    border-bottom: 3px solid #FF9002;
}

.home #messages .row {
    margin:0 20px 20px 0;
    float:left;
    width:48%;
}

.home #messages .row {
    padding: 0 0 19px 0;
    background: url('http://christian-bremer.de/wp-content/themes/bremer/images/back_bubble.png') left bottom no-repeat;
    background-size:100% auto;
    min-height:170px;
}

.home #messages .row:nth-of-type(2n+2) {
    float:right;
    margin-right:0;
}

.home .testimonial-item .testimonial-header {
    width:100%;
    display:block;
}

.home .testimonial-item .testimonial-body.text-right {
    text-align: left;
}

.websplash.home .testimonial-item .testimonial-body {
    padding:0;
    line-height:1.5;
}

.home #messages .testimonial-item {
    margin:0;

    padding:20px;
    background-color:#F5F5F5;
}

.home .section-messages .testimonial-body > h4 {
    font-size:14pt;
    color:#0199C0;
    margin:0;
    padding:0;
}

.home #messages .section-header h1 {
    color:#0199C0;
}

.home .iq_test .section-header h1 {
    color:#0074A0;
}

.footer-widgets .widget_nav_menu ul {
    margin:0;
    padding:0 0 0 20px;
    color:#fff;
}

.footer-widgets .widget_nav_menu ul a:hover{
    text-decoration: underline;
}

#samples .section .container {

}

#samples .section .container a {
    color:#fff;
    text-decoration: underline;
}

#samples .section .container a:hover {
    text-decoration: none;
}

.the_author iframe {
    float:right;
    margin:0 0 0 40px;
    width:400px;
    height:225px;
}

.the_author .txtarea {
    float:left;
}

.clear {
    clear:both;
}

.anchor {
    display: block;
    height: 103px; /*same height as header*/
    margin-top: -103px; /*same height as header*/
    visibility: hidden;
}

.iq_test {
    margin:40px 0 0 0;
}

.iq_test table tr td {;
    padding: 10px;
    line-height:1;
    font-weight: normal;
    font-size: 16px;
    border-top: dotted 1px #CCC;
    width: 100%;
    margin: 0;
    vertical-align: top;
}

.iq_test .this_answer {
    padding:20px 20px 20px 65px;
    line-height:1.3;
}

.iq_test .this_answer.answ_no {
    color:red;
}

.iq_test .this_answer.answ_yes {
    color:#18B018;
}

.iq_test .iq_answer select {
    min-width:100px;
    cursor: pointer;
}

.iq_test .iq_question h5 {
    margin:0;
    padding:0;
    font-weight:normal;
    color:#222;
    font-size:12pt;
}

.iq_test .iq_question h5 span {
    display:inline-block;
    text-align: right;
    min-width:40px;
    margin:0 20px 0 0;
}

.iq_test table tr {
    background-color:#ECECEC;
}

.iq_test table tr:nth-of-type(odd) {
    background-color:#dcdcdc;
}

.iq_test.not_send_yet table tr:hover {
    background-color:#F2ECEC;
}

#samples-nav li a:hover {
    background-color:rgba(0,0,0,0.25);
}

.iq_test input.submit {
    margin:20px 0 0 0;
    cursor: pointer;
    text-align: center;
    float:right;
}



@media (max-width: 991px) and (min-width: 768px) {

    .hidden-sm, .navbar-tagline, .side-nav, .blog-content.col-md-8:before, .section-author .author-signature {
        display: block !important;
    }

}

@media only screen and (max-width: 978px) {

    .iq_test .iq_question h5 span {
        text-align: left;
        display:block;
    }

    .home #messages .row {
        float:none!important;
        width:100%!important;
        margin:0 0 20px 0!important;
        min-height:0;
    }

    .the_author iframe {
        float:none;
        margin:0 auto 40px auto;
        display:block;
    }

}


@media only screen and (max-width: 768px) {

    .iq_test,
    #messages .section-content {
        padding: 20px;
    }

    .navbar-header a.navbar-brand img {
        height: 100px;
        width: auto;
        padding: 10px;
    }

    .websplash #site-navbar .aligner {
        display:block;
        text-align: center;
        height:100%!important;
    }

    .websplash .navbar-header a.navbar-brand {
        margin: 0 auto;
        height:100px;
        max-width:100%;
        background: #fff;
    }

}