/**
 * Theme Name: KCHBA
 * Author: TWLA
 * Author URI:
 * Version: 1.0
**/

/* -----------------------------------------
   WordPress Core Classes
----------------------------------------- */
.alignnone {margin: 0 1em 1em 0;}
.alignright {float:right; margin:0 0 1em 1em}
.alignleft {float:left; margin:0 1em 1em 0}
.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
    padding: 0px;
    -webkit-transition: ;
    -o-transition: ;
    transition: ;
}
.wp-caption.alignnone {margin: 0 1em 1em 0;}
.wp-caption.alignleft {float:left; margin:0 1em 1em 0}
.wp-caption.alignright {float:right; margin:0 0 1em 1em}

/* -----------------------------------------
   General fixes
----------------------------------------- */
#wpadminbar {
    opacity: 0.3;
    transition: 0.2s opacity linear;
    -webkit-transform: translateZ(0);
}
#wpadminbar:hover,
#wpadminbar:focus{ opacity: 1; }
body {-webkit-font-smoothing: antialiased;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=button] {
    -webkit-appearance: none;
    -moz-appearance:none;
}

/* Placeholder Styling */
::-webkit-input-placeholder { color: #d1d1d1; }
::-moz-placeholder { color: #d1d1d1; }
::-o-placeholder { color: #d1d1d1; }
:-ms-input-placeholder { color: #d1d1d1; }
input:-moz-placeholder { color: #d1d1d1; }

/* Input Styling */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea { /* STYLES GO THERE */ }
embed, iframe, object { max-width: 100%; }
.no-pad-left {
    padding-left: 0;
}
.no-pad-right {
    padding-right: 0;
}
button,.button{
    font-family: 'Open Sans', sans-serif;
}
/* -----------------------------------------
   Typography
----------------------------------------- */
a:link {color:#5F3D19}
a:hover {text-decoration:underline;}
a:focus {outline:none;}
p:empty {display: none;}
body,h1,h2,h3,h4,h5,h6,p,a {font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5,h6{font-weight: 400;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
h2.underline-heading {
    color: #A76415;
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    margin-top: 20px;
}
body.home h2.underline-heading {
    margin-top: 0;
}
/* -----------------------------------------
    Clearfix
----------------------------------------- */
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ------------------------------------
    Slider
------------------------------------- */
#home-slider .slider_caption {
   position: absolute;
   top: 40%;
   padding: 0 20px;
   width: 100%;
   text-align: center;
}
#home-slider .slider_caption p,
#home-slider .slider_caption h3 {
   color: #fff;
   text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
}
#home-slider .slider_caption p { margin-top: 50px; }

/* ------------------------------------
    Basic Styles
------------------------------------- */
article a{
    font-weight: 700;
    color: #5F380E;
}
article a:hover{
    text-decoration: underline; 
    color: #5F380E;
}

/* ------------------------------------
    Header Styles
------------------------------------- */


/* ------------------------------------
    Content Styles
------------------------------------- */
/*---------------Home Page---------------*/
.flex-control-paging {
    bottom: -35px;
}
.flex-control-paging li a.flex-active {
    border: 2px solid #ccc;
}
.ah-slider .left-control,
.ah-slider .right-control {
    position: absolute;
    top: 50%;
    cursor: pointer;
    font-size: 25px;
    color: #C8C8C8;
}
.ah-slider .left-control:hover,
.ah-slider .right-control:hover {
    color: #A76101;
}
.ah-slider .left-control {
    left: 0;
}
.ah-slider .right-control {
    right: 0;
}
.buttons-section {
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding: 30px 0 30px;
    text-align: center;
}
.buttons-section .button {
    color: #fff;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px;
    margin: 10px auto;
    display: block;
    -webkit-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
}
.buttons-section .button:hover{
    opacity: .8;
}
.buttons-section .button:hover {
    background-color: #BB8130;
}
.home .underline-heading {
    border-bottom: 1px solid #a76101;
}
/*---------------Homes---------------*/
.artisan-homes {
    text-align: center;
    margin-bottom: 55px;
    /*max-width: 1520px;*/
    /*margin: 0 auto 55px auto;*/
    /*position: relative;*/
}
.home-container {
    /*margin: 20px;*/
}
.artisan-home {
    border: 1px solid #a66000;
    max-width: 350px;
    height: 350px;
    float: left;
    padding: 2px 2px 30px;
    position: relative;
    text-align: center;
    margin: 20px;
}
.artisan-home img {
    width: 100%;
    height: auto;
}
.artisan-home .single-home-title {
    display: block;
    padding: 12px 30px 12px 30px;
    text-transform: uppercase;
    color: #A76415;
}
.artisan-home .home-number {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    /*padding-left: 2px;*/
    /*padding-right: 2px;*/
}
.artisan-home .home-number span {
/*    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;*/
}
.artisan-home .home-number .h-text {
    font-size: 13px;
    padding: 16px 0;
    background-color: #A76415;
    display: block;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1;
}
.artisan-home .home-number .h-number {
    font-size: 20px;
    padding-bottom: 6px;
}
.artisan-home .builder-firm {
    margin-bottom: 0;
    color: #aaaaaa;
    font-size: 14px;
}
.carousel-controls div {
    position: absolute;
    font-size: 50px;
}
.carousel-controls a {
    color: #c8c8c8;
}
.carousel-controls a:hover {
    color: #9e8157;
}
.carousel-controls div.left-control {
    top: 175px;
    left: 0;
}
.carousel-controls div.right-control {
    top: 175px;
    right: 0;
}
.page-template-artisan-homes-list .artisan-home {
    margin-left: 0;
    margin-right: 0;

}
.page-template-artisan-homes-list .artisan-home-column {
    padding-left: 4px;
    padding-right: 4px;
}
#ex8f {
    display: none;
}
.city-filter .city-filter-controls {
    margin-top: 10px;
}
.city-filter .city-filter-controls label {
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 10px;
}
.city-filter .city-filter-controls select {
    display: inline-block;
    max-width: 300px;
    border: 1px solid  #a05e04;
    font-size: 14px;
    padding: 0 3px;
    color: #9f8055;
    height: 28px;
    line-height: 26px;
    font-weight: bold;
}
.city-filter .city-filter-controls select option {
    color: #000;
}
/*---------------Single Home---------------*/
.home-subtitle {
    color: #5E5E5E;
    font-size: 19px;
}
.home-feautures-list {
    list-style-type: square;
    color: #a76101;
    font-size: 18px;
    margin-bottom: 35px;
}
.home-content-container {
    margin-bottom: 40px;
}
.home-content-container p {
    margin-bottom: 0;
    font-size: 15px;
}
.home-feautures-list li .li-inner {
    color: #000;
    font-size: 15px;
    line-height: 24px;
}
.home-feautures-list li + li {
    margin-top: 10px;
}
.home-feautures-list div {
    width: 48%;
}
.home-feautures-list .hf-left-column {
    float: left;
}
.home-feautures-list .hf-right-column {
    float: right;
}
.single-home-container .acf-map {
    width: 100%;
    height: 280px;
    margin-bottom: 35px;
}
.home-directions h3 {
    margin-top: 0;
    margin-bottom: 5px;
    color: #A76101;
    font-size: 19px;
    text-transform: uppercase;
}
.home-directions p {
    font-size: 15px;
}
.hm-pg-bldr-name{
    text-align: center;
}
.sngl-hm-blrd-info{
    text-align: center;
}
.sngl-hm-blrd-info img{
    margin-bottom: 15px;
}
.sh-builder-images {
    margin-top: 20px;
}
.sh-builder-desc {
    margin-top: 30px;
    padding-left: 0;
}
.sh-builder-desc p {
    font-size: 15px;
}
/*-------Sponsors&Partners section---*/
.sponsors {
    text-align: center;
    padding: 60px 0 30px;
}
.sponsors-list {
    margin-top: 30px;
    padding-bottom: 30px;
}
.partners-list {
    margin-top: 20px;
}
.partners-list img,
.sponsors-list img{
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
}
.partners-list img+img,
.sponsors-list img+img{
    margin-left: 25px;
}
.sponsors-list.first-level,
.sponsors-list.second-level {
    border-bottom: 1px solid #ccc;
}
.partners-list.second-level img {
    /*width: 40%;*/
}
.partners-list.third-level img {
    /*width: 30%;*/
}
.sponsor-list img:first-of-type,
.partners-list img:first-of-type {
    padding-left: 0;
}
/*------------Builders Archive---------*/
.builders-container {
    padding-bottom: 45px;
    padding-top: 15px;
}
.builders-container .columns {
    padding-left: 3px;
    padding-right: 3px;
}
.builders-container [class*="column"]+[class*="column"]:last-child {
    float: left;
}
.builder-single {
    border: 1px solid #a66000;
    position: relative;
    margin-top: 10px;
    padding-top: 8px;
    height: 290px;
}
.builder-single h3 {
    padding-top: 10px;
}
.builder-single h3 span {
    display: block;
    color: #4f4f4f;
    text-align: center;
}
.builder-single .builder-name {
    font-size: 18px;
}
.builder-single .firm-name {
    font-size: 16px;
    font-weight: bold;
}
.builder-single img {
    display: block;
    margin: 0 auto;
}
.builder-single .arrow-link {
    position: absolute;
    background-color: #fff;
    top: 11px;
    right: 11px;
    width: 34px;
    line-height: 32px;
    border: 1px solid #a76000;
    color: #a76000;
    text-align: center;
    font-size: 30px;
    -webkit-transition: background-color .3s ease-in, color .3s ease-in;
    -moz-transition: background-color .3s ease-in, color .3s ease-in;
    -ms-transition: background-color .3s ease-in, color .3s ease-in;
    -o-transition: background-color .3s ease-in, color .3s ease-in;
    transition: background-color .3s ease-in, color .3s ease-in;
}
.builder-single .arrow-link:hover {
    background-color: #a76000;
    color: #fff;
}
/*------------Single Builder---------*/
.single-builder .builder-meta-info {
    text-align: center;
}
.single-builder .builder-meta-info .builder-moto {
    color:  #a76101;
    font-size: 19px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.single-builder .builder-meta-info .bldr_sngl_home{
    display: block;
    width: 65%;
    margin: 0 auto 20px;
}
.single-builder .builder-meta-info .builder-info {
    color:  #222;
    font-size: 15px;
}
.single-builder .builder-meta-info .builder-info a {
    color: #222;
}
.single-builder .builder-meta-info .bld-frm-logo{
    display: block;
    margin: 0 auto;
    width: 50%;
}
.single-builder .pre-content-heading {
    font-size: 19px;
    color: #A76101;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* ------------------------------------
    Sidebar Styles
------------------------------------- */

.widget ul li{
margin-bottom:10px;
}
/* ------------------------------------
    Footer Styles
------------------------------------- */
.lookbook-section {
    background: url('images/home-book-bg.jpg');
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
    text-align: center;
}
.lookbook-wrapper {
    margin: 35px auto;
    background-color: rgba(255, 255, 255, .4);
    padding: 25px 0 10px;
}
.lookbook-section img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 20px;
}
.lb-text {
    padding-top: 70px;
    padding-bottom: 20px;
}
.lb-text,
.lb-text h3 {
    color: #fff;
}
.lb-text h3 {
    font-size: 35px;
    margin: 0;
    padding: 0;
}
.lb-text p {
    font-size: 23px;
    margin: 0;
    padding: 0;
}
.solid-button {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #A76415;
    font-size: 24px;
}
.solid-button:hover,
.solid-button:focus {
    background-color: #BB8130;
}
footer,
.contact-section a {
    text-align: center;
    color: #fff;
}
.contact-section p {
    font-size: 14px;
}
.contact-section p a:hover {
    text-decoration: underline;
}
.contact-section h2.underline-heading {
    color: #fff;
    border-bottom-color: #fff;
    margin-bottom: 20px;
}
.contact-section .social-list {
    list-style-type: none;
    margin-top: 20px;
    margin-bottom: 10px;
}
.contact-section .social-list li {
    display: inline-block;
    border: 2px solid #fff;
    width: 24px;
    font-size: 14px;
    margin-left: 5px;
}
.contact-section .social-list li a {
    line-height: 20px;
    color: #fff;
}
.contact-section .social-list li a:hover {
    color: #acacab;
}
.contact-section .social-list li:first-child {
    margin-left: 0;
}
footer {
    background: #4C4E49 url('./images/footer_bg.jpg');
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 20px;
}
footer img {
    display: block;
    margin: 0 auto 30px auto;
}
footer p {
    font-size: 14px;
    margin: 0;
    padding-bottom: 5px;
}