/** top bar */
#block-topbar {
        padding: 5px;
        text-align: center;
        position: fixed;
        z-index: 2;
    }

.top-bar-phone .ph-num-o 
    {
        font-weight: bold;
        color: white;
    }


/** logo */
.logob 
    {
        padding: 0;
    }

.logob img 
    {
        vertical-align: middle;
        height: 100px;
    }

/* call us */
.callus p 
    {
        padding: 0;
        margin: 0;
    }

.callus h2 
    {
        padding: 0;
        color: black;
        margin: 0;
    }
    
.callus span.callussp 
    {
        color: black;
    }


/* main form */

.form-m .glyphicon
    {
        color: white;
    }
.form-m #edit-actions 
    {
        width: 100%;
        margin: auto;
    }

.form-m .btn-primary 
    {
        width: 100%;
        padding: 7px;
        font-weight: bold;
    }

.form-m .block-title 
    {
        color: #f4f6f7;
        padding: 0;
    }


.form-m .ht 
    {
        color: #f4f1f1;
        border-bottom: 1px solid #8f8b8b;
        padding-bottom: 5px;
    }


/* process / how it works */
.process-container
    {
        color: #010914;
        padding-bottom: 25px;
    }

.process-container 
    {
        text-align: center;
        background-image: url(/sites/default/files/imgs/we-buy-houses-cash.jpg
);
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        padding: 0;
    }

.process-box 
    {
        background: rgb(16 16 15 / 55%);
        padding: 125px 50px;
        color: white;
    }

.process-container h2 
    {
        font-size: 42px;
        color: white;
    }

.process-container .icon 
    {
        position: relative;
        margin: 0 auto;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: rgb(242 239 239 / 45%);
        transition: all 0.3s;
        padding: 0;
    }

.process-container .icon .glyphicon 
    {
        border: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        border: 0;
        width: 50%;
        font-size: 40px;
        color: white;
        padding:0;
    }

.process-box h3 
    {
        color: white;
    }


/** why us */
.mars_wsu .field.field--name-body
    { 
        display: flex;
        text-align: left;
    }

.mars_wsu 
    {
        text-align: center;
        background: #f5f5f5;
    }

/** menu */
#block-mainnavigation 
    {
        float: right;
    }

.mainmenu .navbar-nav 
    {
        float: none;
        margin: 0;
        float: right;
    }


/* form - get quote */

/* get a quote */
#edit-header p
    {
        color: #060693;
        text-align: center;
    }

.form-quote .form-control 
    {
        background-color: #f5f5f5;
        width: 100%;
    }
    
.form-quote .form-type-webform-markup 
    {
        font-weight: bold;
        text-transform: uppercase;
    }
    

.form-quote em 
    {
        color: gray;
        text-transform: initial;
        font-size: 17px;
    }

.form-quote .form-item-zip-code 
    {
        width: 30%;
    }

.form-quote label 
    {
        font-weight: normal;
        padding-top: 3px;
    }

.form-quote .form-control 
    {
        background-color: #f5f5f5;
        width: 100%;
    }


/* phone - cash offer */
#block-phone-2 .jumbotron 
    {
        background-size: cover;
        color: white;
        text-align: center;
        background: rgb(24 23 23 / 25%);
        margin: 0;
        padding-bottom: 60px;
    }

#block-phone-2 {
    padding: 0;
    background-size: cover;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    background: blue;
}

#block-phone-2 a 
    {
        padding: 15px 40px 15px 40px;
        color: white;
        font-weight: bold;
        border: 5px solid white;
    }

#block-phone-2 h2 
    {
        margin-bottom: 40px;
        color: white;
    }

#block-phone-2 .ph 
    {
        margin-top: 50px;
    }

/* any condition */
.condition-box ul 
    {
        padding-left: 1.5em;
        box-shadow: aquamarine;
        box-shadow: inset 0 -3em 3em rgba(0,0,0,0.1), 0 0 0 2px rgb(217 212 212), 0.3em 0.3em 1em rgb(18 0 0 / 30%);
    }

.condition-box lh 
    {
        background: #b49a0c;
        padding: 20px;
        display: flex;
        font-weight: bold;
        color: white;
        margin-bottom: 10px;
    }

/* we buy any houses condition box*/
.condition-box 
    {
        padding: 0px;
        text-align: center;
        width: 80%;
        margin: auto;
    }
    
.condition-box h2 
    {
        margin: 0;
        padding: 0;
    }   

.condition-box .eclipse-form ul, .condition-box ul 
    {
        list-style: none;
        padding: 0 0 20px 0;
    }

.condition-box li 
    {
        margin: 1px;
        padding: 5px;
        font-weight: bold;
        text-align: left;
        margin-left: 30px;
        list-style: disc;
    }

.condition-box .glyphicon 
    {
        display: none;
    }

.condition-box h3 
    {
        font-style: italic;
        padding-bottom: 20px;
    }



/* about top */
.about-top 
    {
        background: rgb(34 24 6 / 60%);
    }

#block-aboutusheader h1 
    {
        color: white;
        font-size: 55px;
    }

#block-aboutusheader 
    {
        background-size: cover;
        padding-left: 0px;
        padding-right: 0px;
        background-attachment: fixed;
        background-color: rgba(255,255,255,0);
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        text-align: center;
        background-image: url(/sites/default/files/imgs/single-house-va.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: center;
        padding: 0;
    }

#block-aboutusheader .ap 
    {
        color: white;
        margin-bottom: 35px;
    }

#block-aboutusheader a:hover 
    {
        outline: 0;
        background: #816e09;
        font-weight: bold;
    }
#block-aboutusheader a 
    {
        color: white;
        border: 3px solid white;
        padding: 10px;
    }



/** about body */
.figure-about 
    {
        width: 50%;
        text-align: center;
        margin: 20px;
        float: left;
    }



/** service areas / where we buy body */
.SA_P figure 
    {
        margin: 40px auto 60px auto;
    }
.SA_P 
    {
        margin: 25px;
    }
.SA_C 
    {
        padding-top: 30px;
    }


/* mission */
#block-mission h2 
    {
        text-transform: uppercase;
        font-size: 55px;
        font-weight: normal;
        padding-bottom: 40px;
        color: #767373;
    }

#block-mission 
    {
        text-align: center;
        padding: 0;
        background: #eeeeee;
        background-size: cover;
        padding: 5% 20% 8%;
    }

.mission 
    {
        line-height: 1.8em;
        color: #525353;
    }

/** contact body */
.contact h3 
    {
        color: #827d7d;
        text-align: left;
    }
.contact-e, .contact-p
    {
        border-bottom: 1px solid #dfdddd;
        padding: 30px 0;
    }

.contact 
    {
        padding: 30px;
        width: 70%;
        margin: auto;
    }

/** contact form */
.form-contact .block-title 
    {
        margin: 0;
        padding: 5px;
        text-align: center;
        padding-top: 30px;
    }
.form-contact .form-control 
    {
        background: #eeeeee;
    }
.form-contact  h3 
    {
        color: gray;
    }

.form-contact .webform-submission-form 
    {
        width: 70%;
        margin: auto;
        padding: 50px;
    }

/** contact us header */
#block-contactusheader
    {
        padding-left: 0px;
        padding-right: 0px;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        text-align: center;
        background-image: url(/sites/default/files/imgs/contact-us-banner.png
);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0;
    }
    
#block-contactusheader h2
    {
        color: white;
        font-size: 38px;
        font-weight: bold;
        padding: 10%;
        margin: 0;
    }


/** investors */
#block-investors 
    {
        background: #f5f5f5;
        padding: 25px;    
        margin-top: 30px;
    }

.investors 
    {
        margin: auto;
        width: 70%;
        padding-top: 10px;
    }
    
.investors h3 
    {
        text-align: left;
    }

.figure-investors 
    {
        float: left;
        width: 50%;
    }

.figure-investors img 
    {
        padding: 0px;
        width: 100%;
    }

.figure-investors figcaption.figure-caption 
    {
        color: #1c0606;
        display: block;
        text-align: center;
        padding: 10px;
        background: #edeaea;
    }

.form-investor .webform-submission-form 
    {
        width: 500px;
        margin: auto;
    }

/** buyers list */
.form-investor 
    {
        background: #f5f5f5;
        margin-bottom: 30px;
    }

.form-investor .form-actions .btn, .form-actions .btn-group 
    {
        margin: 0;
        display: inline-block;
        width: 100%;
    }

.form-investor h2 
    {
        font-weight: bold;
        text-align: center;
    }


/** where we buy */
.page-node-type-service-areas #block-wherewebuyhouses-2 h2 
    {
        color: white;
    }


/* about page where we buy */
#block-wherewebuyhouses-3 
    {
        background: white;
        text-align: center;
        padding: 20px 40px 40px 40px;
    }


/* area box list where we buy */
.areas-box-list 
    {
        display: inline-block;
        text-align: left;
    }

.areas-box-list .text-primary 
    {
        color: #0c55e2;
        text-decoration: none;
        display: flex;
        font-weight: normal;
    }

.page-node-type-service-areas .areas-box-list .text-primary 
    {
        color: white;
    }

.areas-box-list .glyphicon 
    {
        padding-top: 5px;
    }

.area-loc 
    {
        padding: 10px;
    }

.areas-box-list a 
    {
        text-decoration: none;
        display: flex;
    }


/* where we buy houses */
#block-wherewebuyhouses-2,
#block-block-26
    {
        border-bottom-style: solid;
        border-top-style: solid;
        -moz-background-size: cover;
        -o-background-size: cover;
        text-align: center;
        padding: 40px 0 40px 0;
        background: radial-gradient(ellipse farthest-corner at right bottom,#FEDB37 0%,#FDB931 8%,#9f7928 30%,#8A6E2F 40%,transparent 80%),radial-gradient(ellipse farthest-corner at left top,#FFFFFF 0%,#FFFFAC 8%,#D1B464 25%,#5d4a1f 62.5%,#5d4a1f 100%);
    }

#block-wherewebuyhouses-2 h3, #block-wherewebuyhouses-2 p
    {
        color:white;
    }

