/* Theme Name: Charlie Echo Park 
 * Theme URI: Kinful
 * Description: Kinful
 * Version: 1
 * Author: Kinful
 * Author URI: Kinful
 */
/*==================Header Css Start ========================*/
/*.buttonhover {
    transition: .3s ease-in-out;
    background: red;
    border:1px solid;
}
.buttonhover:hover {
    transition: .3s ease-in-in;
    background: transparent;
}*/
.dark-logo.logo svg path, .header.background-color-2 .logo svg path {
    fill: #2d3125;
}
ul.my-hash-menu {
    padding-left: 0px;
    list-style: none;
    display: none;
    padding: 15px;
    z-index: 999;
    position: absolute;

}ul#menu-footer-menu li a {
    padding-top: 0px;
    padding-bottom: 0px;
    -webkit-transition-duration: 330ms;
    transition-duration: 330ms;
    -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    font-family: 'Ano Bold W05 Regular', sans-serif;
    color: #fff;
    font-size: 0.75rem;
    line-height: 1.1;
    letter-spacing: 0.075em;
    text-decoration: none;
    text-transform: uppercase;
}
ul#menu-mobile-menu li a {
    font-family: kepler-std, sans-serif;
    color: #fff!important;
    font-size: 2rem;
    font-style: italic;
    font-weight: 300;
    text-decoration: none;
    letter-spacing: 0;
}
ul#menu-footer-menu li a:hover {
    color: #d0994e;
}

.navbar-nav li:hover .my-hash-menu {
  display: inherit;
      background: #cacaca;
}
.bg-faded {
    background-color: transparent;
}
.header-wrapper {
    padding-top: 1em;
    padding-bottom: 1em;
    background: #cacaca;
}

/*==================Header Css End ========================*/



/*==================General Css Start ========================*/
/* =WordPress Core
-------------------------------------------------------------- */
.searchesresults h1 {
    text-align: center;
}
.searchesresults {
    padding-top: 2em;
    padding-bottom: 2em;
}
.notfound {text-align: center;}
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.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.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}
 
.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
color:#fff;
background: #555;
}
 
.pagination a:hover{
color:#fff;
background: #3279BB;
}
 
.pagination .current{
padding:6px 9px 5px 9px;
background: #3279BB;
color:#fff;
}ul#menu-footer-menu {
    padding-left: 0px;
}
.mobile-menu-style .nav-link  {
    font-family: 'Alethia Next W05', sans-serif;
    color: #a4856e!important;
    font-size: 2rem;
    text-transform: capitalize;
    font-weight: 500;
    text-decoration: none;
        line-height: inherit;
}
/*==================General Css End ========================*/

/*MAP */
/* Neighborhood */
/* Neighborhood */
.table {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
}ul {
    list-style: none;
}
ul, ol {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-left: 40px;
}
#neighborhood .hero {
    /*margin-top: 35px;*/
    margin-top: 98px;   
}
#neighborhood .hero .sidebar {
    background: #323c33;
    width: 20%;
    /* height: calc(100vh - 30px); */
    /* height: calc(100vh - 150px); */
    min-height: 700px;
}
#neighborhood .hero .map {
    width: 80%;
    /* height: calc(100vh - 30px); */
    /* height: calc(100vh - 150px); */
    min-height: 600px;
}
#neighborhood .hero .sidebar li {
    padding-bottom: 70px;
    text-align: center;
}
#neighborhood .hero .sidebar li:last-child {
    padding-bottom: 0;
}
#neighborhood .hero .sidebar li a {
    color: white;
    border-bottom: 2px solid transparent;
    display: inline-block;
    text-decoration: none;
    padding-bottom: 5px;
    opacity: .3;
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}
#neighborhood .hero .sidebar li a:hover, #neighborhood .hero .sidebar li a:focus, #neighborhood .hero .sidebar li a:active {
    opacity: 1;
}
#neighborhood .hero .sidebar li a.active {
    opacity: 1;
    border-bottom: 2px solid white;
}
#neighborhood #map {
    height:100%;
}
#neighborhood #map .customInfoBox {
    width:100%;
    height:100%;
    position:relative;
    background:#323c33;
}
#neighborhood #map .customInfoBox:after {
    display:block;
    content:'';
    width:0;
    height:0;
    position:absolute;
    bottom:-10px;
    left:50%;
    margin-left:-10px;  
    border-style:solid;
    border-width:10px 10px 0 10px;
    border-color:#323c33 transparent transparent transparent;
}
#neighborhood #map .customInfoBox .table {
    display:table;
    width:100%;
    height:100%;
    overflow:hidden;
}
#neighborhood #map .customInfoBox .table .cell {
    display:table-cell;
    width:100%;
    height:100%;
    vertical-align:middle;
}
#neighborhood #map .customInfoBox .table .cell .label {
    display:block;
    max-height:33px;
    overflow:hidden;
    padding:0 8px;
    text-align:center;
    font-size:10px;
    color:#ffffff;
}
#neighborhood .hero .results {
    position:absolute;
    bottom: 0;
    left:0;
    width:100%;
    background:#f3efe7;
}
#neighborhood .hero .results .image {
    width:33%;  
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
#neighborhood .hero .results .details {
    width:67%;  
    padding:15px 25px;
    position:relative;
}
#neighborhood .hero .results a.website {
    color: inherit;
    text-decoration: underline;
}
#neighborhood .hero .results .details .cols {
    position:relative;  
}
#neighborhood .hero .results .details .cols:before {
    display:block;
    content:'';
    width:1px;
    height:100%;
    background:#e9e9e9;
    position:absolute;
    top:0;
    left:50%;   
}
#neighborhood .hero .results .details .col:first-child {
    padding:18px 24px 18px 0;   
}
#neighborhood .hero .results .details .col:last-child {
    padding:18px 24px;  
}
#neighborhood .hero .results .details span {
    display:block;  
        font-family: kepler-std, sans-serif;
}
#neighborhood .hero .results .details .desc {
    max-width:300px;
    margin-top:5px;
    margin-bottom: 5px;
        font-family: kepler-std, sans-serif;
}
#neighborhood .hero .results .details .btn {
    margin-top:20px;
}
#neighborhood .hero .results .details .row {
    position:relative;
    padding-left:100px;
}
#neighborhood .hero .results .details .row .label {
    position:absolute;
    top:0;
    left:0;
    text-transform:uppercase;
    font-size:9px;
    line-height:25px; 
}
#neighborhood .hero .results .details .close {
    width:25px;
    height:25px;
    position:absolute;  
    top:20px;
    right:20px;
    cursor:pointer;
    background:url('https://thecharlieechopark.com/wp-content/themes/charlie-echo-park-kinful/assets/x-close.svg') center center no-repeat;
}
.cols:before, .cols:after {
    content: '';
    display: table;
}.cols {
    *zoom: 1;
}.cols .col {
    float: left;
}
.cols .col.one-half {
    width: 50%;
}
.table .cell {
    display: table-cell;
    vertical-align: middle;
}
.header.background-custom {
    background: #ffffff;
}
.header.background-custom a.nav-link.nav-link {
    color: #2d3125;
}
#neighborhood ul {
    padding-left: 0px;
}

/*//SITE MAP CSS*/

.wall-container iframe {
    width: 100%;
    height: 85vh;
}
/*contact form */
/*form-input-2 height-auto padding-5 margin-bottom-6 input*/
/*cutom-class-select
cutom-class-input*/
/*form-textarea-2 height-auto padding-5 margin-bottom-6 input*/
/*.form-input-2 {
    padding: 1rem;
    border-style: solid;
    border-width: 2px;
    border-color: #d1a161;
    border-radius: 0rem;
    background-color: hsla(0, 0%, 100%, 0);
    font-size: 1rem;
    line-height: 1.1;
}*/
.cutom-class-input input {
    padding: 1rem!important;
    border-style: solid;
    border-width: 2px;
    border-color: #d1a161;
    border-radius: 0rem;
    background-color: hsla(0, 0%, 100%, 0);
    font-size: 1rem;
    line-height: 1.1;
    outline: none;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cutom-class-select select {
    height: auto;
    padding: 1rem;
    border-style: solid;
    border-width: 2px;
    border-color: #d1a161;
    border-radius: 0rem;
    background-color: hsla(0, 0%, 100%, 0);
    font-size: 1rem;
    outline: none;
}
.cutom-class-select .ui-selectmenu-text {
    overflow: initial;
}
.cutom-class-select .ui-selectmenu-button:not([aria-labelledby]) .ui-selectmenu-text,
.cutom-class-select [aria-labelledby="ui-id-1"] .ui-selectmenu-text {
    color: rgb(117, 117, 117);
}
.cutom-class-textarea textarea {
    padding: 1rem;
    border-style: solid;
    border-width: 2px;
    border-color: #d1a161;
    border-radius: 0rem;
    background-color: hsla(0, 0%, 100%, 0);
    font-size: 1rem;
    height: 90px!important;
    outline: none;
    box-shadow: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.cutom-class-select select option {
    text-align: center;
    color: #fff;
    background-color: #d1a161;
    margin: 0 auto;
    width: 100%;
    padding: 1rem .5rem;
}
.gform_wrapper.gravity-theme .gfield_label {
    display: none !important;
}
.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
    line-height: 1 !important;
}
.gform_wrapper .gform_validation_errors>h2 {
    font-family: 'Ano Regular W05 Regular', sans-serif;
}
.gform_ajax_spinner {
    max-width: 20px !important;
}

/*404 page -*/

 .error {
    padding-top: 8em;
    padding-bottom: 8em;
    text-align: center;
}.error h1 {
    padding-top: 1em;
    color: #b0b5a1;
    font-size: 7em;
}
.error button.search-submit {
    padding: 0.75rem 2.5rem;
    border-style: solid;
    border-width: 2px;
    border-color: #a4856e;
    background-color: #a4856e;
    -webkit-transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
    font-family: Gordita, sans-serif;
    color: #fcf9eb;
    font-size: 0.875rem;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: 0.075em;
    text-transform: uppercase;
}.error input {
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #d1a161;
    border-radius: 0rem;
    background-color: hsla(0, 0%, 100%, 0);
    font-size: 1rem;
    line-height: 1.1;
    width: 100%;
    margin-bottom: 10px;
}
/*==================Footer Css Start ========================*/
.footer-logo {
  width: 116px;
  height: 116px;
}
.footer-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 2rem;
    grid-row-gap: 0rem;
    -ms-grid-rows: auto;
    grid-template-rows: auto;    
    grid-template-columns: 1fr .75fr 1fr 1fr .5fr;
}
.footer .social-icon {
    max-width: 25px;
    max-height: 25px;
    width: auto;
    margin: .5rem;
}
.footer svg.social-icon {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: .3s;
}
.footer svg.social-icon:hover {
    opacity: .66;
}
.footer svg.social-icon path {
    fill: #ffffff;
}
.margin-bottom-4 .nav-link  {
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-transition-duration: 330ms;
  transition-duration: 330ms;
  -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  font-family: Gordita, sans-serif;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-decoration: none;
  text-transform: uppercase;
}
.footer-link {
  padding-top: 0px;
  padding-bottom: 0px;
  -webkit-transition-duration: 330ms;
  transition-duration: 330ms;
  -webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  font-family: Gordita, sans-serif;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.1;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-decoration: none;
  text-transform: uppercase;
}
.footer-link:hover {
  color: #fcf9eb;
}
/*==================Footer Css End ========================