/*
Theme Name: Anon
Theme URI: http://clicksold.com/
Author: John Castillo (clicksold.com)
Author URI: http://www.clicksold.com/
Description: Beautiful theme brought to you by ClickSold.com
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

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.
*/



i.fa {
    margin-right: 10px;
    padding: 0 5px;
}

img {
    max-width: 100%;
    height: auto;
}

section.topmostwidgets {
    padding: 10px;
    color: #3b4a53;
    display: block;
}

.admin-bar .topmostwidgets {
    margin-top: 30px;
}

.topmostwidgets a {
    color: #3b4a53;
}

a.phone, a.email {
    margin-right: 20px;
}

/* navigation */
ul.nav {
    margin: 2% 0 0;
}
nav.navbar {
    z-index: 2;
    min-height: 100px;
    margin-top: 65px;
}

.nav a {
    color: #637a88;
}

.navbar-nav>li>a {
    text-transform: uppercase;
}

.navbar-header:after {
    clear: both;
    content: ".";
    visibility: hidden;
    height: 0;
}

@media (min-width:768px) {
    .sub-menu {
        display: none;
        position: absolute;
        background: #3b4a53;
        padding: 10px 15px;
        width: 180px;       
    }

    li:hover > .sub-menu {
        display: block;
    }


}

.sub-menu li {
    margin-bottom: 10px;
    list-style: none;
}

.sub-menu li:last-child {
    margin-bottom: 0;
}

.sub-menu a  {
    color: #eee;
    text-decoration: none;
}

.sub-menu a:hover  {
    color: #fff;    
}   

.current-menu-item > a, .current-menu-parent > a {
    background: #fff;   
    color: #222;
}
.current-menu-parent li a {
    background: inherit;
}
.current-menu-parent .current-menu-item a {
    color: #27aae0;
    font-weight: bold;
}

ul ul ul.sub-menu {
    left: 100%;
    margin-bottom: 0;
    top: 0px;
}

/* End navigation */

.banner {
    overflow: hidden;
    padding: 0;
    height: auto;
    display: block;
    background-image: url("http://realestateinvestmentcoaching1.clicksold.com/wp-content/uploads/2021/05/couple-in-front-of-houses.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom;
}


.banner > .widget:last-child {
    z-index: 0;
    position: relative;
    top: 0 !important;
    margin-top: -364px;
}

.banner .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin-top: 200px;
}

/*.banner .container {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.banner > .widget:last-child {
    z-index: 0;
    position: relative;
    top: 0 !important;
    margin-top: -165px;
}

.banner > .widget img {
    width: 100%;
}
*/


.banner h3 {
    color: #fff;
    font-size: 5.5rem;
    font-weight: 600;
}

.internal_banner {
    background-image: url("assets/banner.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin-bottom: 35px;
    padding-top: 42px;
    min-height: 147px;
}

.page-header {
    padding-bottom: 10px;
    margin: 0;
    border-bottom: 0;
}

.internal_banner h1 {
    display: inline-block;
    background-color: #f5f4f3;
    opacity: 0.9;
    padding: 13px 21px;
}

section {
    padding: 60px 20px;
}

section.four-col {
    background-color: #f5f5f5;
}

.home_welcome {
    background-color: #27aae0;
    color: #fff;
}

.divider {
    clear: both;
    padding: 20px;
}

.featured-listings {
    background: url(assets/parallaxbg9.png) no-repeat center top #ccc;
    background-size: cover;
    background-attachment: fixed;
    
}

.footer-widget {
    padding: 30px 0;
    color: #fff;
    background-color: #3b4a53;
}

.footer-copy {
    background-color: #27aae0;
    padding: 10px 0;
    color: #abe4fb;
}

.page-content {
    overflow: hidden;
    box-sizing: border-box;
    padding: 20px;
}

/* widgets */
.sidebar { 
    color: #444;
}

.sidebar .widget, footer .widget {
    margin: 30px 0;
    display: block;
    clear: both;
}

.sidebar h3 {
    color: #888;
    padding: 1rem 2rem;
    border-left: 3px solid #27aae0;
    margin-bottom: 2rem;
    background-color: #f0f0f9;
}

.before-footer h2.widget-title {
    text-align: center;
    margin-bottom: 50px;
}



article.post {
    margin: 20px 0 40px;
}



.widget-listing-quick-search-container form {
    text-align: left !important;
    float: none !important;
}

.widget-listing-quick-search-container input[type='text'] {
    padding: 10px;
    font-size: 16px;
    margin: 0;
    border: 1px solid #ccc;
}

.widget-listing-quick-search-container input[type='button'] {
    padding: 10px 20px;
    background-color: #27aae0;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    cursor: pointer !important;
}

.widget-feature-listing-container .listingPrice {
    float: left;
    position: absolute;
    z-index: 1;
    background-color: #333;
    width: 150px !important;
    padding: 10px;
    color: #fff;
    top: 25px;
}

.widget-feature-listing-container .listingAddressContainer {
    background-color: #3b4a53;
    color: #fff;
    padding: 11px !important;
    display: inline-block;
    position: relative;
    top: -1px;
    /*margin-bottom: 20px;*/

}

.widget-feature-listing-container .listingPhotoContainer {
    padding: 0 !important;
    background-color: #fff;

}

.widget-feature-listing-container .csFeatureListingWidget {
    background-color: transparent;
}




#cs-wrapper div.cs-address h3 {
    font-size: 3rem;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 0;
    margin-top: 0px;
    background-color: #333;
    text-align: center;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#cs-wrapper div.cs-address h3:hover {
    background-color: #27aae0;
}

.cs-address h3 a {
    color: #fff;
}

#cs-wrapper div.cs-listings-results-result {
    margin: 50px 0;
}

#cs-wrapper div.cs-listings-results-result-contact {
    text-align: center;
    margin: 30px 0 10px;
    padding: 10px;
    background-color: #eee !important;
}

/* listings */

#cs-wrapper div.cs-listing-details-header-right-container {
    width: 50%;
}

#cs-wrapper div.cs-listing-details-header-right-container div.cs-address {
    text-align: center;
    background-color: #3b4a53;
    position: relative;
    padding: 20px;
}

#cs-wrapper div.cs-listing-details-header-right-container div.cs-address h2 {
    color: #fff;
}

#cs-wrapper div.cs-listing-details-header-left-container {
    width: 50%;
    text-align: center;
    padding: 19px;
    background-color: #27aae0;
}

#cs-wrapper div.cs-listing-details-header-left-container div.cs-price {
    font-size: 2em;
    margin-bottom: 5px;
    font-weight: 400;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 100%;
    color: #fff;
}

#cs-wrapper div.cs-listing-details-section{
    margin-bottom: 30px;
    margin-top: 30px;
}

#cs-wrapper div.cs-listing-details-section h3 {
    background-color: #f0f0f9;
    padding: 20px;
    border-left: 3px solid #27aae0;
    font-weight: 500;
}


div#list_url {
    background-color: #27aae0;
    padding: 10px !important;
        -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#list_url a {
    color: #fff;
}

#list_url:hover {
    background-color: #1e82ab;
}



/* 
 * OVERALL STYLES
 */

body {
    font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #555;

    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}

a {
    color: #27aae0;
    word-wrap: break-word;

    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

a:hover,
a:focus {
    color: #1f89b5;
    text-decoration: none;
    outline: 0;
}
a:before,
a:after,
a:hover i:before,
a:focus i:before {
    -webkit-transition: color .1s ease-in, background .1s ease-in;
    -moz-transition: color .1s ease-in, background .1s ease-in;
    -ms-transition: color .1s ease-in, background .1s ease-in;
    -o-transition: color .1s ease-in, background .1s ease-in;
    transition: color .1s ease-in, background .1s ease-in;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    font-family: "Raleway", Arial, "Helvetica Neue", sans-serif;
}
h1, 
h2, 
h3 {
    font-weight: 300;
}

p {
    line-height: 28px;
}

blockquote {
    border-color: #16a085;
}

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.navbar-default 
.navbar-brand {
    color: #16a085;
}
.navbar-default 
.navbar-brand:hover, 
.navbar-default 
.navbar-brand:focus {
    color: #19b798;
}

/* Tone down field labels in the comments section and wherever else */
label {
    font-weight: 300;
}

/* 
 * FULL-WIDTH SECTIONS
 */
.section {
    padding-top: 35px;
    padding-bottom: 35px;
}

/* Bootstrap grids (rows) need this if not in a container */
.section.fullwidth {
    padding-left: 15px;
    padding-right: 15px;
}
.section.nopadding {
    padding-top: 0;
    padding-bottom: 0;
}
.section.nopadding-top {
    padding-top: 0;
}
.section.nopadding-bottom {
    padding-bottom: 0;
}
.section.padding-top {
    padding-top: 35px;
}
.section.padding-bottom {
    padding-bottom: 35px;
}
.section.border-bottom {
    border-bottom: #bdc3c7 solid 1px;
}
.section.border-bottom-thick {
    border-bottom: #bdc3c7 solid 5px;
}

/* 
 * PADDING AND OTHER UTILITIES
 */
 .padding {
    padding: 25px;
 }
.padding-top {
    padding-top: 25px; /* Match Hx tag top margins */
}
.padding-bottom {
    padding-bottom: 25px;
}
.padding-top-bottom {
    padding-top: 25px;
    padding-bottom: 25px;
}
.padding-right {
    padding-right: 35px; /* Match grid gutters */
}
.padding-left {
    padding-left: 35px; /* Match grid gutters */
}
.padding-left-right {
    padding-left: 35px; /* Match grid gutters */
    padding-right: 35px; /* Match grid gutters */
}
.nopadding-nomargin {
    margin: 0;
    padding: 0;
}
.centered {
    text-align: center;
}

/* 
 * COLORED BACKGROUNDS FOR SECTIONS
 */

.white, 
.bg-white {
    background-color: #fff;
}
.color-white {
    color: #fff;
}

.offwhite, 
.bg-offwhite {
    background-color: #f2f2f2;
}
.color-offwhite {
    color: #f2f2f2;
}

.lightgray, 
.bg-lightgray {
    background-color: #ebebeb;
}
.color-lightgray {
    color: #ebebeb;
}

.gray, 
.bg-gray {
    background-color: #e7e7e7;
}
.color-gray {
    color: #e7e7e7;
}

.darkgray, 
.bg-darkgray {
    background-color: #e0e0e0;
}
.color-darkgray {
    color: #e0e0e0;
}

.lightgreen, 
.bg-lightgreen {
    background-color: #1abc9c;
    color: #fff;
}
.color-lightgreen {
    color: #1abc9c;
}
.lightgreen h1, 
.lightgreen h2, 
.lightgreen h3, 
.lightgreen h4, 
.lightgreen h5, 
.lightgreen h6, 
.bg-lightgreen h1, 
.bg-lightgreen h2, 
.bg-lightgreen h3, 
.bg-lightgreen h4,
.bg-lightgreen h5, 
.bg-lightgreen h6 {
    color: #fff;
}

.darkgreen, 
.bg-darkgreen {
    background-color: #16a085;
    color: #fff;
}
.color-darkgreen {
    color: #16a085;
}

.darkgreen h1, 
.darkgreen h2, 
.darkgreen h3, 
.darkgreen h4, 
.darkgreen h5, 
.darkgreen h6, 
.bg-darkgreen h1, 
.bg-darkgreen h2, 
.bg-darkgreen h3, 
.bg-darkgreen h4, 
.bg-darkgreen h5, 
.bg-darkgreen h6 {
    color: #fff;
}

.brightgreen,
.bg-brightgreen {
    background-color: #2ecc71;
    color: white;
}
.color-brightgreen {
    color: #2ecc71;
}

.brightgreen h1, 
.brightgreen h2, 
.brightgreen h3, 
.brightgreen h4, 
.brightgreen h5, 
.brightgreen h6, 
.bg-brightgreen h1, 
.bg-brightgreen h2, 
.bg-brightgreen h3, 
.bg-brightgreen h4, 
.bg-brightgreen h5, 
.bg-brightgreen h6 {
    color: #fff;
}

.darkbrightgreen,
.bg-darkbrightgreen {
    background-color: #27AE60;
    color: white;
}
.color-darkbrightgreen {
    color: #27AE60;
}

.darkbrightgreen h1, 
.darkbrightgreen h2, 
.darkbrightgreen h3, 
.darkbrightgreen h4, 
.darkbrightgreen h5, 
.darkbrightgreen h6, 
.bg-brightgreen h1, 
.bg-brightgreen h2, 
.bg-brightgreen h3, 
.bg-brightgreen h4, 
.bg-brightgreen h5, 
.bg-brightgreen h6 {
    color: #fff;
}

.yellow, 
.bg-yellow {
    background: #f1c40f;
    color: #fff;
}

.yellow h1, 
.yellow h2, 
.yellow h3, 
.yellow h4, 
.yellow h5, 
.yellow h6, 
.bg-yellow h1, 
.bg-yellow h2, 
.bg-yellow h3, 
.bg-yellow h4, 
.bg-yellow h5, 
.bg-yellow h6 {
    color: #fff;
}

.yellow p, .bg-yellow p {
    font-weight: 500
}

.lightorange, 
.bg-lightorange {
    background-color: #F39C12;
    color: #fff;
}
.color-lightorange {
    color: #F39C12;
}

.lightorange h1, 
.lightorange h2, 
.lightorange h3, 
.lightorange h4, 
.lightorange h5, 
.lightorange h6, 
.bg-lightorange h1, 
.bg-lightorange h2, 
.bg-lightorange h3, 
.bg-lightorange h4, 
.bg-lightorange h5, 
.bg-lightorange h6 {
    color: #fff;
}

.lightorange p, .bg-lightorange p {
    font-weight: 500
}

.orange, 
.bg-orange {
    background-color: #E67E22;
    color: #fff;
}
.color-orange {
    color: #E67E22;
}

.orange h1, 
.orange h2, 
.orange h3, 
.orange h4, 
.orange h5, 
.orange h6, 
.bg-orange h1, 
.bg-orange h2, 
.bg-orange h3, 
.bg-orange h4, 
.bg-orange h5, 
.bg-orange h6 {
    color: #fff;
}

.darkorange, 
.bg-darkorange {
    background-color: #D35400;
    color: #fff;
}
.color-darkorange {
    color: #D35400;
}

.darkorange h1, 
.darkorange h2, 
.darkorange h3, 
.darkorange h4, 
.darkorange h5, 
.darkorange h6, 
.bg-darkorange h1, 
.bg-darkorange h2, 
.bg-darkorange h3, 
.bg-darkorange h4, 
.bg-darkorange h5, 
.bg-darkorange h6 {
    color: #fff;
}

.blue, 
.bg-blue {
    background-color: #3498db;
    color: #fff;
}
.color-blue {
    color: #3498db;
}

.blue h1, 
.blue h2, 
.blue h3, 
.blue h4, 
.blue h5, 
.blue h6, 
.bg-blue h1, 
.bg-blue h2, 
.bg-blue h3, 
.bg-blue h4, 
.bg-blue h5, 
.bg-blue h6 {
    color: #fff;
}

.darkblue,
.bg-darkblue {
    background-color: #2980b9;
    color: #fff;
}
.color-darkblue {
    color: #2980b9;
}

.darkblue h1, 
.darkblue h2, 
.darkblue h3, 
.darkblue h4, 
.darkblue h5, 
.darkblue h6, 
.bg-darkblue h1, 
.bg-darkblue h2, 
.bg-darkblue h3, 
.bg-darkblue h4, 
.bg-darkblue h5, 
.bg-darkblue h6 {
    color: #fff;
}


.purple, 
.bg-purple {
    background-color: #9B59B6;
    color: #fff;
}
.color-purple {
    color: #9B59B6;
}

.purple h1, 
.purple h2, 
.purple h3, 
.purple h4, 
.purple h5, 
.purple h6, 
.bg-purple h1, 
.bg-purple h2, 
.bg-purple h3, 
.bg-purple h4, 
.bg-purple h5, 
.bg-purple h6 {
    color: #fff;
}

.darkpurple,
.bg-darkpurple {
    background-color: #8E44AD;
    color: #fff;
}
.color-darkpurple {
    color: #8E44AD;
}

.darkpurple h1, 
.darkpurple h2, 
.darkpurple h3, 
.darkpurple h4, 
.darkpurple h5, 
.darkpurple h6, 
.bg-darkpurple h1, 
.bg-darkpurple h2, 
.bg-darkpurple h3, 
.bg-darkpurple h4, 
.bg-darkpurple h5, 
.bg-darkpurple h6 {
    color: #fff;
}

.midnightblue, 
.bg-midnightblue {
    background-color: #34495e;
    color: #fff;
}
.color-midnightblue {
    color: #34495e;
}

.midnightblue h1, 
.midnightblue h2, 
.midnightblue h3, 
.midnightblue h4, 
.midnightblue h5, 
.midnightblue h6, 
.bg-midnightblue h1, 
.bg-midnightblue h2, 
.bg-midnightblue h3, 
.bg-midnightblue h4, 
.bg-midnightblue h5, 
.bg-midnightblue h6 {
    color: #fff;
}

.darkmidnightblue, 
.bg-darkmidnightblue {
    background-color: #2C3E50;
    color: #fff;
}
.color-darkmidnightblue {
    color: #2C3E50;
}

.darkmidnightblue h1, 
.darkmidnightblue h2, 
.darkmidnightblue h3, 
.darkmidnightblue h4, 
.darkmidnightblue h5, 
.darkmidnightblue h6, 
.bg-darkmidnightblue h1, 
.bg-darkmidnightblue h2, 
.bg-darkmidnightblue h3, 
.bg-darkmidnightblue h4, 
.bg-darkmidnightblue h5, 
.bg-darkmidnightblue h6 {
    color: #fff;
}

.red, .bg-red {
    background-color: #ff7878;
    color: #fff;
}
.color-red {
    color: #ff7878;
}

.red h1, 
.red h2, 
.red h3, 
.red h4, 
.red h5, 
.red h6, 
.bg-red h1, 
.bg-red h2, 
.bg-red h3, 
.bg-red h4, 
.bg-red h5, 
.bg-red h6 {
    color: #fff;
}


.brightred, .bg-brightred {
    background-color: #E74C3C;
    color: #fff;
}
.color-brightred {
    color: #E74C3C;
}

.brightred h1, 
.brightred h2, 
.brightred h3, 
.brightred h4, 
.brightred h5, 
.brightred h6, 
.bg-brightred h1, 
.bg-brightred h2, 
.bg-brightred h3, 
.bg-brightred h4, 
.bg-brightred h5, 
.bg-brightred h6 {
    color: #fff;
}

.darkred, .bg-darkred {
    background-color: #C0392B;
    color: #fff;
}
.color-darkred {
    color: #C0392B;
}

.darkred h1, 
.darkred h2, 
.darkred h3, 
.darkred h4, 
.darkred h5, 
.darkred h6, 
.bg-darkred h1, 
.bg-darkred h2, 
.bg-darkred h3, 
.bg-darkred h4, 
.bg-darkred h5, 
.bg-darkred h6 {
    color: #fff;
}

.almostblack, 
.bg-almostblack {
    background-color: #2f2f2f;
    color: #fff;
}
.color-almostblack {
    color: #2f2f2f;
}

.almostblack h1, 
.almostblack h2, 
.almostblack h3, 
.almostblack h4, 
.almostblack h5, 
.almostblack h6, 
.bg-almostblack h1, 
.bg-almostblack h2, 
.bg-almostblack h3, 
.bg-almostblack h4, 
.bg-almostblack h5, 
.bg-almostblack h6 {
    color: #fff;
}

.notquiteblack, 
.bg-notquiteblack {
    background-color: #222;
    color: #fff;
}
.color-notquiteblack {
    color: #222;
}

.notquiteblack h1, 
.notquiteblack h2, 
.notquiteblack h3, 
.notquiteblack h4, 
.notquiteblack h5, 
.notquiteblack h6, 
.bg-notquiteblack h1, 
.bg-notquiteblack h2, 
.bg-notquiteblack h3, 
.bg-notquiteblack h4, 
.bg-notquiteblack h5, 
.bg-notquiteblack h6 {
    color: #fff;
}

.black, 
.bg-black {
    background-color: #000;
    color: #fff;
}
.color-black {
    color: #000;
}

.black h1, 
.black h2, 
.black h3, 
.black h4, 
.black h5, 
.black h6, 
.bg-black h1, 
.bg-black h2, 
.bg-black h3, 
.bg-black h4, 
.bg-black h5, 
.bg-black h6 {
    color: #fff;
}

/* Set the icons to white for all dark-colored sections */
.lightgreen i, 
.bg-lightgreen i, 
.darkgreen i, 
.bg-darkgreen i, 
.brightgreen i, 
.bg-brightgreen i, 
.darkbrightgreen i, 
.bg-darkbrightgreen i, 
.blue i, 
.bg-blue i, 
.darkblue i, 
.bg-darkblue i, 
.purple i, 
.bg-purple i, 
.darkpurple i, 
.bg-darkpurple i, 
.midnightblue i, 
.bg-midnightblue i, 
.darkmidnightblue i, 
.bg-darkmidnightblue i, 
.yellow i, 
.bg-yellow i,
.lightorange i, 
.bg-lightorange i,
.orange i, 
.bg-orange i,
.darkorange i, 
.bg-darkorange i,
.red i, 
.bg-red i, 
.brightred i, 
.bg-brightred i, 
.darkred i, 
.bg-darkred i, 
.notquiteblack i, 
.bg-notquitetblack i, 
.almostblack i, 
.bg-almostblack i, 
.black i, 
.bg-black i {
    color: #fff;
}

.lightgreen a i:hover, 
.bg-lightgreen a i:hover, 
.darkgreen a i:hover, 
.bg-darkgreen a i:hover, 
.brightgreen a i:hover, 
.bg-brightgreen a i:hover, 
.darkbrightgreen a i:hover, 
.bg-darkbrightgreen a i:hover, 
.blue a i:hover, 
.bg-blue a i:hover, 
.darkblue a i:hover, 
.bg-darkblue a i:hover, 
.purple a i:hover, 
.bg-purple a i:hover, 
.darkpurple a i:hover, 
.bg-darkpurple a i:hover, 
.midnightblue a i:hover, 
.bg-midnightblue a i:hover, 
.darkmidnightblue a i:hover, 
.bg-darkmidnightblue a i:hover, 
.yellow a i:hover, 
.bg-yellow a i:hover,
.lightorange a i:hover, 
.bg-lightorange a i:hover,
.orange a i:hover, 
.bg-orange a i:hover,
.darkorange a i:hover, 
.bg-darkorange a i:hover,
.red a i:hover, 
.bg-red a i:hover, 
.brightred a i:hover, 
.bg-brightred a i:hover, 
.darkred a i:hover, 
.bg-darkred a i:hover, 
.notquiteblack a i:hover, 
.bg-notquitetblack a i:hover, 
.almostblack a i:hover, 
.bg-almostblack a i:hover, 
.black a i:hover, 
.bg-black a i:hover {
    color: #e7e7e7;
}

/* Set the link color to white and underlined for certain background colors */
.lightgreen a:not(.btn), 
.bg-lightgreen a:not(.btn), 
.darkgreen a:not(.btn), 
.bg-darkgreen a:not(.btn), 
.brightgreen a:not(.btn), 
.bg-brightgreen a:not(.btn), 
.brightdarkgreen a:not(.btn), 
.bg-brightdarkgreen a:not(.btn), 
.yellow a:not(.btn), 
.bg-yellow a:not(.btn), 
.lightorange a:not(.btn), 
.bg-lightorange a:not(.btn), 
.orange a:not(.btn), 
.bg-orange a:not(.btn), 
.darkorange a:not(.btn), 
.bg-darkorange a:not(.btn), 
.blue a:not(.btn), 
.bg-blue a:not(.btn), 
.darkblue a:not(.btn), 
.bg-darkblue a:not(.btn), 
/*.midnightblue a:not(.btn), 
.bg-midnightblue a:not(.btn),*/
.red a:not(.btn), 
.bg-red a:not(.btn),
.brightred a:not(.btn), 
.bg-brightred a:not(.btn),
.darkred a:not(.btn), 
.bg-darkred a:not(.btn) {
    color: #fff;
    text-decoration: underline;
}

.lightgreen a:hover:not(.btn), 
.bg-lightgreen a:hover:not(.btn), 
.darkgreen a:hover:not(.btn), 
.bg-darkgreen a:hover:not(.btn), 
.brightgreen a:hover:not(.btn), 
.bg-brightgreen a:hover:not(.btn), 
.darkbrightgreen a:hover:not(.btn), 
.bg-darkbrightgreen a:hover:not(.btn), 
.yellow a:hover:not(.btn), 
.bg-yellow a:hover:not(.btn), 
.lightorange a:hover:not(.btn), 
.bg-lightorange a:hover:not(.btn), 
.orange a:hover:not(.btn), 
.bg-orange a:hover:not(.btn), 
.darkorange a:hover:not(.btn), 
.bg-darkorange a:hover:not(.btn), 
.blue a:hover:not(.btn), 
.bg-blue a:hover:not(.btn), 
.darkblue a:hover:not(.btn), 
.bg-darkblue a:hover:not(.btn), 
/*.midnightblue a:hover:not(.btn), 
.bg-midnightblue a:hover:not(.btn),*/
.red a:hover:not(.btn), 
.bg-red a:hover:not(.btn),
.darkred a:not(.btn), 
.bg-darkred a:not(.btn) {
    color: #e7e7e7;
}

.form-control {
    color: #555;
}

/* Set input field focus color to green */
/*.form-control:focus,
textarea#comment:focus {*/
/*input:focus,
textarea:focus {
    border-color: #1abc9c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(109, 233, 102, 0.6); */
   /*-webkit-appearance: none !important;*/
/*   outline: 0;
}*/

/* Force search field to not be rounded on iOS devices */
input.search-field {
    -webkit-appearance: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/* 
 * SET INPUT BUTTONS TO LOOK LIKE BTN-PRIMARY (GREEN)
 */
button,
html input[type="button"],
input[type="submit"] {
    color: #fff;
    background-color: #27aae0;
    border-color: #27aae0;
    background-image: none;
    font-size: 16px;
    line-height: 22px;
    padding: 6px 12px;
    border: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    outline: 0;
}
button:hover, 
button:focus,
html input[type="button"]:hover, 
html input[type="button"]:focus,
input[type="submit"]:hover, 
input[type="submit"]:focus {
    color: #fff;
    background-color: #1f89b5;
    border-color: #1f89b5;
    outline: 0;
}

/* Set navbar hover and active to green */
/*
.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
    color: #fff;
    background-color: #1abc9c
}

.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:hover, 
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #1abc9c
}

.navbar-default .navbar-nav>li>a:hover, 
.navbar-default .navbar-nav>li>a:focus {
    color: #fff;
    background-color: #1abc9c
}
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus {
    color: #fff;
    background-color: #1abc9c
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: #1abc9c
    }

    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, 
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #1abc9c
    }
}
*/

/* Bootstrap uses "active" style on the <li>, but WordPress paginate_links() uses 
 * "current" in a <span> tag on the link. Also set the hover to match the primary button
 * color. 
 */
.pagination>li>a, 
.pagination>li>span,
span.page-numbers.current {
    color: #1f89b5;
}
.pagination>li>a:hover, 
.pagination>li>span:hover, 
.pagination>li>a:focus,
.pagination>li>span:focus,
span.page-numbers.current {
    z-index: 2;
    color: #fff;
    background-color: #1f89b5;
    border-color: #1f89b5;
}

/* Get rid of gradient on carousel left and right */
.carousel-control.left, .carousel-control.right {
    background-image: none;
    background-repeat: none;
}
.carousel-caption,
.carousel-caption h4,
.carousel-caption p {
    font-weight: bold;
}
.carousel-caption {
    text-shadow: none;
    background-color: #27aae0;
    color: #fff;
    opacity: .75;
    font-weight: bold;
}
.carousel-caption a {
    color: #fff;
    text-decoration: underline;
}
.carousel-caption a:hover,
.carousel-caption a:focus {
    color: #bdc3c7; /*silver*/
}

.sticky .entry-title:after {
    background-color: #27aae0;
    color: #fff;
}

.bypostauthor {
}

/* Push the carousel indicators down below the image or content */
.carousel-indicators {
    bottom: -35px;
}

/* Make user profile pics (avatars) circles */
.avatar {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
img.avatar.thumbnail {
    border: none;
    padding: 0;
}

/* 
 * NEW STUFF ADDED, SUCH AS ADDITIONAL BUTTONS
 */

/* New button that is inverted (hollow) so works on any dark background */
a.btn.btn-hollow,
button.btn.btn-hollow {
    color: #fff;
    border: 2px solid #fff;
    background-color: transparent;
}
/*.btn-hollow:hover, a.btn.btn-hollow:hover {*/
.btn-hollow:hover, 
btn.btn-hollow:hover,
button.btn.btn-hollow:hover {
    color: #2f2f2f;
    background-color: #fff
}
.white button.btn.btn-hollow, 
.white .btn.btn-hollow, 
.bg-white button.btn.btn-hollow, 
.bg-white .btn.btn-hollow, 
.offwhite button.btn.btn-hollow, 
.offwhite .btn.btn-hollow, 
.bg-offwhite button.btn.btn-hollow, 
.bg-offwhite .btn.btn-hollow, 
.lightgray button.btn.btn-hollow, 
.lightgray .btn.btn-hollow, 
.bg-lightgray button.btn.btn-hollow, 
.bg-lightgray .btn.btn-hollow, 
.gray button.btn.btn-hollow, 
.gray .btn.btn-hollow, 
.bg-gray button.btn.btn-hollow, 
.bg-gray .btn.btn-hollow, 
.darkgray button.btn.btn-hollow, 
.darkgray .btn.btn-hollow,
.bg-darkgray button.btn.btn-hollow, 
.bg-darkgray .btn.btn-hollow {
    color: #27aae0;
    border: 2px solid #27aae0;
    background-color: transparent;
}
button.btn.btn-hollow:hover, 
.btn.btn-hollow:hover {
    color: #2f2f2f;
    background-color: #fff;
}

/* New button that is partially transparent to let background color show through */
.btn-transparent {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.35);
    color: inherit;
}

.btn-transparent:hover, 
.btn-transparent:focus {
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.5);
}

/* Enhance Bootstrap to allow for columns with no gutter (margin) */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}



select {
  outline: none;
  -webkit-appearance: none;
  display: inline-block;
  padding: 0.5em 1em;
  margin: 0;

  transition: border-color 0.2s;
  border: 1px solid #ccc;
  border-radius: 5px;

  background: url(assets/br_down.png) no-repeat 95% center #fff;
  color: #555;
  line-height: normal;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}



/* Text meant only for screen readers. Required only for WordPress as Bootstrap uses
 * .sr-only and we apply that in this theme.
 */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
p.screen-reader-text {
    margin-bottom: 0;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: 700;
    height: auto;
    line-height: normal;
    padding: 15px 23px 14px;
    position: absolute;
    left: 5px;
    top: 5px;
    text-decoration: none;
    text-transform: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Style tables like TwentyEleven theme with lines between entries */
.entry-content table,
.comment-content table {
    border-bottom: 1px solid #ddd;
    margin: 0 0 1.625em;
    width: 100%;
}
.entry-content th,
.comment-content th {
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 2.6em;
    text-transform: uppercase;
}
.entry-content td,
.comment-content td {
    border-top: 1px solid #ddd;
    padding: 6px 10px 6px 0;
}

/* Clearing floats */
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-meta:before,
.entry-meta:after,
.pager:before,
.pager:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    content: '';
    display: table;
}

.clear:after,
.entry-content:after,
.entry-meta:before,
.entry-meta:after,
.pager:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/* Required WordPress Alignment */
.alignleft, .align-left {
    display: inline;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.alignright, .align-right {
    display: inline;
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}
.aligncenter, .align-center {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 10px;
}
.nocenter {
    text-align: left;
}

/* Normal WordPress captions */
.wp-caption {
    max-width: 100%;
}
.wp-caption-text,
.gallery-caption {
    text-shadow: none;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    /*margin-top: -22px;*/ /* Offset Bootstrap .thumbnail class */
    margin-bottom: 22px;
}

/* Center the thumbnails since WordPress centers the caption text */
.gallery-icon img {
    margin: auto;
}

/* Mark "sticky" (featured) posts as "Featured" */
.sticky .entry-title:after {
    content: "Featured";
    display: inine-block;
    font-size: 20px;
    margin-left: 15px;
    padding: 10px;
    vertical-align: middle;
}

.bypostauthor {
}

/* Come on now, of course we need a margin before their name and comment */
.avatar {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

/* For standard WordPress slideshow, get rid of black background. We want to leave 
 * whatever color background we have 
 */
.slideshow-window {
    background-color: transparent !important; 
    border: none !important;
}

/** 
 * STYLE THE CORE COMPONENTS OF THIS THEME. MOST OF THESE CLASSES ARE FROM THE UNDERLYING
 * _S (STARTER) THEME.
 */

/* Limit the page for really wide screens, such as an iMac */
#page, .navbar, .after-footer {
    max-width: 1600px;
    margin: 0 auto;
}

.custom-header-image {
    margin: 0 auto;
    background-repeat: none;
    background-position: center center; 
    max-width: 100%;
}

.site-branding {
    padding-top: 3px;
    padding-bottom: 14px;
}

.site-description {
    margin-top: 10px;
    font-size: 24px;
}

.site-title a, .site-title a:hover, .site-title a:active {
    text-decoration: none;
}
.custom-header-text-color a:hover,
.custom-header-text-color a:focus {
    opacity: 0.75;
}
 .custom-header-image h1 {
    font-weight: 700;
}
.custom-header-image h2 {
    font-size: 24px;
}

a.scroll-down, a.scroll-down:hover span, a.scroll-down:focus span, .carousel-control:hover, .carousel-control:focus {
    color: #fff;
    font-size: 20px;
}

.content-header {
    padding-top: 35px;
    padding-bottom: 35px;
}
header.content-header {
    min-height: 170px;
}
.content-header i {
    font-size: 35px;
    text-align: center;
}

.content-area {
    padding-top: 35px;
}
.content-area-wide .comments-area {
    padding-bottom: 35px;
}

.page .entry-content {
    padding-top: 0;
}

.entry-summary {
    margin-bottom: 25px;
}

article.post {
    margin-bottom: 25px;
}

/* Let's get some whitespace before the footer nav and credits */
.sidebar-footer {
    padding-top: 35px;
}
.sidebar-footer h1, 
.sidebar-footer h2, 
.sidebar-footer h3, 
.sidebar-footer h4, 
.sidebar-footer h5, 
.sidebar-footer h6 {
    margin-top: 0;
    padding-bottom: 15px;
}
.sidebar-footer aside.widget {
    margin-bottom: 35px;
}

footer.entry-meta, 
div.entry-meta, 
.edit-link {
    font-size: 16px;
}
.edit-link a {
    color: #7f8c8d;
}
.edit-link a:hover, 
.edit-link a:focus {
    color: #3bc492;
}

.after-footer {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Let's put dividers between footer menu items */
#footer-navigation ul.dividers > li:nth-child(n+2):before {
  content: "";
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  border-left: 1px solid #dddddd;
}

/* Since footer nav has screen reader text, need to pad site credits to line them up */
#site-credits {
    padding-top: 10px;
}

/* For sidebar, add some whitespace */
#secondary {
    padding-bottom: 35px;
}
#secondary aside.widget {
    margin-bottom: 10px; /* Heading will add 25px */
}

/* Center the text after the footer for smartphones */
@media (max-width: 640px) {
    .footer-nav-menu, .site-credits {
        text-align: center;
        float: none !important;
    }
    .site-credits {
        padding-bottom: 15px;
    }
}

/* Make sure no content breaks the layout */
img, embed, iframe, media, swf, pre, code, container, select, .videopress-placeholder {
    /*display: block;*/
    max-width:100%;
    overflow:hidden;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}
img, .videopress-placeholder {
    height: auto;
}

/* Get rid of bullets on comment <ul> and set some padding and indenting */
.comment-list, .comment, 
.comment-list .children {
    list-style-type: none;
    padding: 0;
}

li.comment {
    list-style: none;
}

.comment-list .children {
    margin-left: 25px;
}

.reply {
    margin-bottom: 25px;
}

/* Get rid of the word "says" from comments */
.says {
    display: none;
}

li.pingback {
    margin-bottom: 15px;
}

.cat-links, .tags-links {
    margin-right: 10px;
}

.posted-on {
    margin-right: 5px;
}
.by-line, .comments-link {
    margin-left: 5px;
    margin-right: 5px;
}

/* Get rid of bullets on sidebars, footer, page top, and page bottom */
#secondary ul, 
#sidebar-pagetop ul,
#sidebar-pagebottom ul,
footer#colophon.site-footer ul {
    list-style: none;
    padding-left: 0;
}
#secondary ul ul, 
#sidebar-pagetop ul ul,
#sidebar-pagebottom ul ul,
footer#colophon.site-footer ul ul {
    list-style: none;
    padding-left: 25px;
}

#secondary ul li, 
footer#colophon.site-footer ul li {
    margin-top: 10px;
}

/* Make custom menus in page top and page bottom inline (horizontal). */
#sidebar-pagetop ul > li,
#sidebar-pagebottom ul > li { 
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}
.#sidebar-pagetop ul > li:first-child, 
.#sidebar-pagebottom ul > li:first-child {
    padding-left: 0
}

#sidebar-pagetop .widget_nav_menu,
#sidebar-pagebottom .widget_nav_menu { 
    margin-top: 11px;
}

/* Style comments */
.comment-list .children {
    margin-left: 5%;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
    float: left;
    width: 80px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
    max-width: 310px;
    width: 70%;
}

.comment-form, 
.comment-textarea, 
textarea {
    max-width: 100%;
    border-color: #ccc;
}

/* Styles for default WordPress comments */
textarea#comment {
    max-width: 743px; /*largest width of content area w/sidebar*/
    width: 100%;
    max-height: 140px;
}

/* Hide the label "Comment" above the comment box as its pretty obvious already */
.comment-form-comment label {
    display: none;
}
p.comment-subscription-form {
    margin-bottom: 10px;
}

/* Style the WordPress calendar widget because Bootstrap doesn't even add a 'table'
 * class to tables
 */
#calendar_wrap {
    font-size: 14px;
    max-width: 300px;
}
.widget_calendar #wp-calendar {
    color: #555;
    width: 95%;
    text-align: center;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar td,
.widget_calendar #wp-calendar th {
    text-align: center;
}
.widget_calendar #wp-calendar caption {
    font-weight: 500;
    padding: 5px 0 5px 0;
    text-transform: uppercase;
}
.widget_calendar #wp-calendar th {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
}
.widget_calendar #wp-calendar tfoot td {
    background: #f4f4f4;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/**
 * SET SOME BOOTSTRAP STYLES AS A BASE FOR ALL THEMES
 */

/* When full-width pages are changed back to sidebar, fix the layout */
.content-area .entry-content .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}
.content-area .entry-content .container .row {
    margin-left: 0;
    margin-right: 0;
}
 
.lead {
    font-size: 22px;
}

/* Remove margin at bottom of navbar because content header already has padding */
.navbar {
    margin-bottom: 0;
}

/* Bolder text for site name in navbar */
.navbar-brand {
    font-weight: 500;
    height: 50px; /* Fixes layout if nav bar wraps before collapsing for mobile */
}

/* Line up the navbar with the header and page content (it's in a container, but not a row) */
div.navbar-collapse.collapse {
    margin-left: -15px;
    margin-right: -15px;
}

/* Set a hover effect for the custom header image (logo) */
/*.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus, 
.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
    opacity: 0.75; 
}*/

header.site-header.page-header {
    border-bottom: 0;
}

.carousel-inner img {
    margin-left: auto;
    margin-right: auto;
}
.carousel-caption {
    max-width: 100%;
    text-shadow: none;
    padding-left: 10px;
    padding-right: 10px;    
}

.jumbotron {
    margin-bottom: 0;
}
.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
    color: inherit;
    font-weight: 500;   
}

/* Style <code> tag like <pre> tag so its white instead of red */
code {
    word-break: break-all;
    word-wrap: break-word;
    color: #2f2f2f;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/**
 * ADD NEW STYLES TO HANDLE THEME FEATURES, SUCH AS HEADER IMAGES AND FEATURED IMAGES
 */
.section-image, 
.cover-image {
    display: table;
    background-repeat: no-repeat;
    text-align:center;
    background-attachment: scroll;
    background-position: top center;
    background-color: #e7e7e7; /*gray*/
    width: 100%;
    position: relative;
    vertical-align: top;
    
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.section-image-overlay, 
.cover-image-overlay {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    padding: 50px;
    padding: 5%;
    z-index: 2; 
}
.cover-image, 
.cover-image-overlay {
  height: 100%; /* For at least Firefox */
  min-height: 480px;
}
.section-image, 
.section-image-overlay {
    min-height: 340px;
}
.section-image h1, 
.cover-image h1 {
    font-size: 42px;
    color: #fff;
    line-height: 1.1;
}
.section-image h2, 
.cover-image h2 {
    font-size: 30px;
    color: #fff;
    line-height: 1.1;
}
.section-image h3, 
.section-image h4, 
.section-image p, 
.cover-image h2, 
.cover-image h3, 
.cover-image h4, 
.cover-image p {
    color: #fff;
}

.cover-image .spacer {
    margin-top: 100px
}

.section-featured h1 {
    font-size: 42px;
    line-height: 1.1;
}
.section-featured h2 {
    font-size: 30px;
    line-height: 1.1;
}
.section-featured {
    padding-top: 60px;
    border-bottom: #bdc3c7 solid 5px;
}

/* For larger screens, increase font size and spacing */
@media (min-width: 768px) {

    .cover-image h1,
    .section-image h1,
    .wp-caption-text-fullwidth h1 {
        font-size: 70px;
        letter-spacing: 3px;
    }
    .cover-image h2,
    .section-image h2,
    .wp-caption-text-fullwidth h2 {
        font-size: 42px;
        letter-spacing: 2px;
    }
    .cover-image .spacer {
        margin-top: 200px;
    }
    .cover-image, .cover-image-overlay {
        min-height: 700px;
    }
    .section-image, .section-image-overlay {
        min-height: 400px;
    }
}

/* When sidebar not collapsed, add more padding */
@media (min-width: 992px) {

    .content-area {
        padding-bottom: 35px;
    }
    #secondary {
        padding-top: 35px;
    }
}

/* use <span> tags for glpyicons because WordPress visual editor strips empty <i> tags.
 * to make them large as in using for icons, add "icon-lg" class. 
 */
span.icon-lg,
i.icon-lg {
    font-size: 50px;
    padding: 20px;
}
span.icon-xlg,
i.icon-xlg {
    font-size: 50px;
    padding: 20px;
}

/* 
 * STYLE SOME COMMON WORDPRESS PLUGINS, SUCH AS JETPACK
 */

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (always hidden)
 * Theme Footer and Page Bottom widget area (when set to scrolling) 
 */
.infinite-scroll .paging-navigation, 
.infinite-scroll.neverending .site-footer,
.infinite-scroll.neverending .sidebar-pagebottom { 
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that
 * were hidden before (via .neverending) 
 */
.infinity-end.neverending .site-footer,
.infinity-end.neverending .sidebar-pagebottom {
    display: block;
}

/* Get rid of the smiley face when using Jetpack stats */
img.wp-smiley {
     display: inline-block;
}

/* Format Jetpack contact form with Bootstrap's form-control tag */
form.contact-form input[type='text'], 
form.contact-form input[type='email'], 
form.contact-form textarea {
    display: block;
    width: 98%;
    height: 36px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.428571429;
    color: #a1a1a1;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
form.contact-form input[type='text']:focus, 
form.contact-form input[type='email']:focus, 
form.contact-form textarea:focus {
    color: #555;
}


/*==========  Non-Mobile First Media Queries  ==========*/


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

        .navbar-collapse .navbar-nav.navbar-right {
            font-size: smaller;
        }

        .banner > .widget:last-child {
            display: none;
        } 
        nav.navbar {
            margin-top: 100px;
        }
        .navbar-toggle {
            border: 1px solid #333;
            margin-top: 8%;
        }
        .navbar-toggle .icon-bar {
            background-color: #333;
        }
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .topmostwidgets .col-sm-4 {
            text-align: center;
        }

        .sub-menu a  {
            color: #333;
        }
        .widget-listing-quick-search-container input[type='button'] {
            width: 100%;
            display: block;
            margin-top: 10px;
        }
        input#widget-cs-listing-quick-search-widget-2-search_text {
            width: 100% !important;
        }

        a.phone, a.email {
            margin-right: 20px;
            font-size: smaller;
        }

        .footer-copy .col-sm-4 {
            text-align: center !important;
        }

        /* cs plugin */
        #cs-wrapper div.cs-vip-panel-status {
            text-align: center;
            padding: 10px;
        }

        #cs-wrapper div.cs-pagination-bar-displaying, #cs-wrapper div.cs-pagination-bar-paging {
            width: 100%;
            margin: 10px 0;
        }

        .hiddenSearchOptions {
            text-align: center;
            padding: 10px !important;
            display: block !important;
            margin: 20px !important;
            background-color: #27aae0;
        }

        .hiddenSearchOptions a {
            color: #fff;
        }

        #cs-wrapper div.cs-address h3 {
            font-size: 2rem;
            margin-bottom: 0;
        }

        #cs-wrapper div.cs-listings-results-result-right-container-wrap div.cs-price {
            font-size: 3rem;
            padding: 10px;
            margin-bottom: 10px;
            font-weight: 400;
            position: relative;
            text-align: center;
            line-height: 100%;
            background-color: #eee;
        }
        
        .banner input[type="button"] {
            border-radius: 0;
        }

        #cs-wrapper dl.cs-listings-results-result-tabular-info, #cs-wrapper div.cs-listings-results-result-buttons {
            width: 100%;
            padding: 20px;
        }
        #cs-wrapper dl.cs-listings-results-result-buttons-list dd.cs-listings-results-result-buttons-highlight, #cs-wrapper dl.cs-listings-results-result-buttons-list dd {
            width: 40%;
            font-size: 1.3rem;
        }

        #cs-wrapper div.cs-listing-details-header-right-container,
        #cs-wrapper div.cs-listing-details-header-left-container {
            width: 100%;
        }

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }

.csIDXQuickSearchWidgetContainer {
    background: #fff;
    color: #333;
    padding: 2% 2% 2% 4%;
}

.home_welcome {
    padding-bottom: 0;
}

.banner input[type="button"] {
    border-radius: 0;
}

/*jx new styles*/
@media (min-width: 992px){
.banner .container {
    margin-top: 550px;
}
}
.navbar>.container .navbar-brand{
  display:none;
}
body {
    font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
    color: #555;
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", Arial, "Helvetica Neue", sans-serif;
}
h1, h2, h3 {
    font-weight: 300;
}
.internal_banner {
    background-image: url(http://realestateinvestmentcoaching1.clicksold.com/wp-content/uploads/2021/05/banner.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    margin-bottom: 35px;
    padding-top: 42px;
    min-height: 147px;
}
h1.site-title {
    font-weight: 700;
}
.site-title a, .site-title a:hover, .site-title a:active {
    text-decoration: none;
}
.site-description {
    margin-top: 0;
    font-size: 18px;
    font-weight: 500;
}
.internal_banner h1 {
    display: inline-block;
    background-color: #f5f4f3;
    opacity: 0.9;
    padding: 13px 21px;
}

section.topmostwidgets {
    background: #34495e;
}
section.topmostwidgets a, a.btn {
    color: #fff !important;
}
.banner .container {
    display: none;
}
.featured-listings {
    display: none;
}
.banner > .widget:last-child {
    display: block;
    margin-top: 0;
}
.home_welcome, section.four-col {
    background-color: #34495e;
    color: #fff;
}
.bbox {
    text-align: center;
    padding-top: 5%;
    padding-bottom: 5%;
}
.bg1 {
    background: linear-gradient(#eced89, #1fbe9c);
}
.bbox h3:after {
    content: '';
    width: 50px;
    height: 20px;
    border-bottom: 5px solid #fff;
    display: block;
    margin: 2%auto;
}

.bg2 {
    background: linear-gradient(#39549b, #169f85);
    color: #fff;
}

.bg3 {
    background: linear-gradient(#8d44ad, #2b7fb9);
    color: #fff;
}
.bg2 h3, .bg3 h3 {
    color: #fff;
}

.before-footer h3{
    text-align: center;
    margin-bottom: 50px;
}
p {
    line-height: 28px;
}

#page, .navbar, .after-footer{
    max-width: 1600px;
    margin: 0 auto;
}
.navbar {
    margin-bottom: 0;
}
.n2-ss-slider .n2-ss-layer[data-sstype=content]{
      font-size: 30.38px!important;
}
.wptww-testimonials-list.design-4 .wptww-quote{
  width:100%;
}
footer .fee-clearfix a {
    color: #27aae0 !important;
}
#wrap {
    margin: auto;
}
#left_col {
    float: left;
}
#right_col {
    padding-left: 350px;
}
.btn-md {
    background-color: #27AAE0;
    !important: ;
  border-color: #27AAE0;
    !important: ;
}

button, html input[type="button"], input[type="submit"], .widget-listing-quick-search-container input[type='button'] {
      background-color: #27AAE0 !important;
    border-color: #27AAE0 !important;
}