﻿@import url(//fonts.googleapis.com/css?family=Libre+Franklin%3A400%2C700%7CQuestrial&amp;ver=2.2.2);


.inner-body {
    background-color: #D6CEBA;
    font-family: circular,Helvetica,sans-serif;
    color: #333;
}

#divCards {
    padding: 0 20px;
}

.card {
    box-shadow: none !important;
    background-color: rgb(237, 233, 225) !important;
    /*border-radius: 10px;*/
}

.modal, .modal-content {
    background-color: rgb(237, 233, 225) !important;
}

h5, h4, h3 {
    color: #333 !important;
}

h3 {
    font-size: 2.33em;
    line-height: 1.2em;
    font-weight: 200;
    /*text-transform: uppercase;*/
}


.header-wrap {
    width: 100%;
    background-color: #525252;
    background-color: #333;
    overflow: auto;
    padding: 18px 0 18px 2px;
}

.container {
    max-width: unset;
    width: 100%;
}

.header-logo {
    background-image: url(benaiah_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 54px;
    margin-right: 5px;
    min-height: 42px;
    width: 68%;
    margin: auto;
}


#main {
    padding: 0 10px;
}

.header-slogan-wrap {
    display: none;
}

#photos_express_title {
    display: none;
}

nav {
    background-color: #D6CEBA !important;
    background-color: #1E263A !important;
    background-color: #4a4a4a !important;
}

.card-tag {
    background-color: #343a40 !important;
    /*    background-color: #c2b298 !important;
    background-color: #b0a087 !important;*/
}

.btn, .btn-large, .card .btn-large {
    /*background-color: #3632c0 !important;*/
    /*background-color: #3CC7F4 !important;*/
    background-color: #5a5a5a !important;
    text-transform: capitalize;
    text-transform: uppercase;
    /*border-radius: .55em;*/
    color: rgb(237, 233, 225) !important;
}

.btn, .btn-small {
    /*background-color: #455a64;*/
    background-color: #5a5a5a !important;
    color: rgb(237, 233, 225) !important;
}

#claimEditor {
    background-color: rgb(237, 233, 225) !important;
    padding-bottom: 100px;
}

.inner-body.property {
    background-color: rgb(237, 233, 225) !important;
}

#fnp_title {
    background-color: unset;
    margin-top: 30px;
    margin-top: 0px;
    background-color: #4a4a4a !important;
    color: white;
}

    #fnp_title h5 {
        color: white !important;
        font-weight: 400 !important;
    }

#claimEditor #comments {
    background: white !important;
}

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: #333;
}

.tabs .tab a {
    color: #333;
}

    .tabs .tab a:focus, .tabs .tab a:focus.active {
        background-color: #fff;
    }

.tabs .indicator {
    background-color: #7f81ff;
    background-color: #3CC7F4;
    background-color: #aaa !important;
    height: 3px;
}

h4 {
    font-size: 28px;
}



h5 {
    /*font-family: Plantin, AmericanTypewriter-Condensed, Times New Roman, serif;*/
    /*text-transform: capitalize;*/
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
    font-weight: bold;
}


[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
    background-color: #555a;
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
    border: 2px solid #555;
}

[type="checkbox"]:checked + span:not(.lever):before {
    border-right: 2px solid #555;
    border-bottom: 2px solid #555;
}

.switch label input[type=checkbox]:checked + .lever {
    background-color: #555a;
}

    .switch label input[type=checkbox]:checked + .lever:after {
        background-color: #555f;
    }

#f {
    background-color: #231f20;
    /*margin-top: 100px;*/
}


@media only screen and (max-width: 659px) {
    .container.inner-body {
        width: 100%;
    }

    .header-logo {
        margin-left: 10px;
    }
}

@media only screen and (max-width: 600px) {

    .row .card.col {
        padding: 0 30px;
    }
}

@media only screen and (max-width: 340px) {
}
