/* 
    Document   : pages-modals
    Created on : 11.07.2016, 11:13:14
    Author     : helmuth
    Description:
        provides styles for single pages in modals and as single page
*/

#form-content .modal-body {
    padding: 0px;
}

.modal-body .panel-heading {
    display: none;
}

.modal-body .article {
    margin: 0px;
}

.modal-body .article {
    max-width: 500px;
}

.modal-body .article img {
    width: 100%;
    max-width: 500px;
    max-height: 500px;
    height: auto;
}

.modal-footer .like-box {
    float: left;
    margin-top: 9px;

}

#main-container h1.SEO-title {
    /*    font-family: 'Lobster Two', serif;
        font-style: italic;*/
    font-family: 'Permanent Marker', cursive;
    font-weight: normal;
    margin-top: 0px;
    /*    color: #999;*/
    color: #035e8a;
    text-shadow: 0px 1px 1px #efefef;
    margin-left: 15px;
    display: none;
}

h2, h3 {
    font-weight: bold;
    font-size: 22px;
}

#form-content .like-buttons {
    float: left;
}

img.sports-icon {
    width: 140px;
    height: auto;
}

.sports-icon.next-step {
    cursor: pointer;
}

@media screen and (max-width: 678px) {
    img.sports-icon {
        display: block;
        width: 95%;
    }
}

.row-remove-border {
    padding: 0px !important;
}

.bfv-toggle {
    height: 40px;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
}

.articl p {
    max-width: 500px;
}

.article h2 {
    font-family: inherit;
    max-width: 500px;
}

.modal-header {
    background: #444;
    color: #efefef;
}

.modal-header h4 {
    font-weight: bold;
}

.modal-header .close {
    color: #efefef;
    text-shadow: none;
    opacity: 1;
}

.modal-footer {
    border-top: none;
}

.panel {
    box-shadow: none;
}