/* search page */
.search_results {margin-bottom: 30px;}
.search_results .searchBox {
	position:relative;
}
.search_results .searchBox input {
    height:38px;
    padding: 4px 20px 4px 10px;
    border: 2px solid #1e3060;
    border-right: none;
    color: #1e3060;
    font-size: 18px;
    display:inline-block;
    padding-right: 38px;
}
.search_results .searchBox .searchBtn {
	cursor:pointer;
	display:flex;
	position:absolute;
	top:0;
    right:0;
    background-color: #1e3060;
    height: 38px;
    width: 38px;
}
.search_results .searchBox .searchBtn .fa {
    font-size: 14px;
    transform: rotate(90deg);
    color: #fff;
}
.search_results_items .search_results_filters {
    background-color: #f7d642;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-image: url(../includes/public/assets/images/listings/filter-bg.png);
    background-repeat: repeat;
    background-position: center center;
    font-size: 18px;
    line-height: 24px;
    padding: 15px;
    margin-bottom: 30px;
}
.search_results_items .search_results_filters .search_results_facets { margin-top:10px; }
.search_results_items .search_results_filters .search_results_facets a {
	display:inline-block;
	margin-bottom:5px;
	color: #1e3060;
}
.search_results_items .search_results_above { float:left;width:100%; }
.search_results_items .search_results_above h4 { float:left;margin:2px 30px 0 0; }
.search_results_items .search_results_pagination { padding:5px;margin:2px 0;float:right; }
.search_results_items .search_results_pagination a span {
	color:#e51a47;
	font-size:1.3rem;
	display:inline-block;
	position:relative;
	top:2px;
	padding:0 6px 0 8px;
}
.search_results_items .search_results_pagination a span.fa-angle-left { padding:0 8px 0 5px; }
.search_results_items .search_result_item { margin-bottom: 15pxpx; }
.search_results_items .search_result_item img {width: 100%}
.search_results_items .search_result_item h4 {margin-bottom: 0}
.search_results_items .search_result_item .search_anchor {
    display: inline-block;
    margin-bottom: 15px;
    color: #1e3060;
}
.search_results_items .search_result_item em {font-weight: bold;}
.search_results .row {
    margin-left: -15px;
    margin-right: -15px;
    width: inherit;
}




/* Mobile Specific */
.mobile-dd .search-form-cont {
    padding: 0 15px;
}

.mobile-dd .search-form {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: 20px;
}

.mobile-dd .search-form > * {
    margin: 0;
}

.mobile-dd .search-form .search-btn {
    padding: 2px 5px 0 0;
    margin: 0 9px 0 0;
    background-color: transparent;
    border: none;
    transition: none;
}

.mobile-dd .search-form .search-btn .icon {
    color: #c6d83d;
    font-size: 18px;
    line-height: 20px;
}

.mobile-dd .search-form .search-input {
    height: auto;
    padding: 4px 4px 4px 0;
    background-color: transparent;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #c6d83d;
    color: #626f90;
    font-size: 16px;
}

.mobile-dd .search-form button {
	border: none;
	background: transparent;
	padding: 0;
	margin-right: 10px;
}

.mobile-dd .search-form .icon {
	color: #c6d83d;
	font-size: 18px;
}

.mobile-dd .search-form .search-input:focus {
    background: transparent;
}

.mobile-dd .search-form .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #626f90;
    text-transform: uppercase;
    font-size: 16px;
}
.mobile-dd .search-form .search-input::-moz-placeholder { /* Firefox 19+ */
    color: #626f90;
    text-transform: uppercase;
    font-size: 16px;
}
.mobile-dd .search-form .search-input:-ms-input-placeholder { /* IE 10+ */
    color: #626f90;
    text-transform: uppercase;
    font-size: 16px;
}
.mobile-dd .search-form .search-input:-moz-placeholder { /* Firefox 18- */
    color: #626f90;
    text-transform: uppercase;
    font-size: 16px;
}

.desktop-search-cont .search,
.desktop-search-cont .shared-button {
    display: none;
}

@media screen and (min-width: 1025px) {
    .desktop-search-cont .search {
        display: block;
    }
    .desktop-search-cont .search .search-form-cont {
        position: absolute;
        right: 50px;
        top: 0;
        width: calc(100% - 330px);
        height: 400px;
        z-index: -1;
        transition: 1s z-index 2s;
        pointer-events: none;
    }
    .desktop-search-cont .search .search-form-cont .search-form{
        position: relative;
        opacity: 0;
        transition: 0.5s opacity;
    }
    .desktop-search-cont .search .search-form-cont::before {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        width: 0;
        height: 48px;
        background-color: #c6d83d;
        transition: 0.5s width 1s, 1s height;
    }
    .desktop-search-cont .search .search-btn {
        position: relative;
        z-index: 15;
        width: 170px;
        height: calc(25px + (48 - 25) * ((100vw - 1025px) / (1500 - 1025)));
        padding: 5px 5px 5px 32px;
        margin-bottom: 0;
        text-align: left;
        background-color: #c6d83d;
        border: none;
        font-family: "Mission Gothic_Regular";
        color: #424947;
        font-size: calc(18px + (23 - 18) * ((100vw - 1025px) / (1500 - 1025)));
        letter-spacing: 1.5px;
        line-height: 0.8;
    }

    .desktop-search-cont .search .search-btn .icon-cont {
        position: absolute;
        right: 30px;
        transform: translateY(-50%);
        top: 50%;
        width: 25px;
        color: #fff;
        margin-left: 8px;
    }
    .desktop-search-cont .search.active .search-form-cont {
        z-index: 10;
        transition: 0s z-index 0s;
        pointer-events: auto;
    }
    .desktop-search-cont .search.active .search-form-cont .search-form{
        opacity: 1;
        transition: 1s opacity 1.5s;
    }
    .desktop-search-cont .search.active .search-form-cont::before {
        width: 100%;
        height: 100%;
        transition: 0.5s width, 1s height 0.5s;
    }
    .desktop-search-cont .search .search-form {
        transition: 1s opacity;
    }
    .desktop-search-cont .search-form .search-input {
        display: none;
        position: relative;
        height: 140px;
        width: calc(100% - 105px);
        padding: 0;
        margin-left: 65px;
        margin-top: 120px;
        margin-bottom: 0;
        background-color: transparent;
        box-shadow: none;
        border: none;
        color: #e3ec9e;
        font-size: 137px;
        line-height: 140px;
        letter-spacing: 6px;
        font-family: 'Mission Gothic_Black';
    }
    .desktop-search-cont .search.active .search-form .search-input {
        display: block;
    }
    .desktop-search-cont .search.active .search-form::after {
        position: absolute;
        content: "";
        bottom: -8px;
        left: 65px;
        width: calc(100% - 105px);
        height: 4px;
        background-color: #fff;
    }
    .desktop-search-cont .search-form .search-input:focus {
        background: transparent;
    }

    .desktop-search-cont .search-form .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: #e3ec9e;
        text-transform: uppercase;
        font-size: 137px;
        letter-spacing: 6px;
        font-family: 'Mission Gothic_Black';
    }
    .desktop-search-cont .search-form .search-input::-moz-placeholder { /* Firefox 19+ */
        color: #e3ec9e;
        text-transform: uppercase;
        font-size: 137px;
        letter-spacing: 6px;
        font-family: 'Mission Gothic_Black';
    }
    .desktop-search-cont .search-form .search-input:-ms-input-placeholder { /* IE 10+ */
        color: #e3ec9e;
        text-transform: uppercase;
        font-size: 137px;
        letter-spacing: 6px;
        font-family: 'Mission Gothic_Black';
    }
    .desktop-search-cont .search-form .search-input:-moz-placeholder { /* Firefox 18- */
        color: #e3ec9e;
        text-transform: uppercase;
        font-size: 137px;
        letter-spacing: 6px;
        font-family: 'Mission Gothic_Black';
    }
}
@media(min-width:1200px){
    .desktop-search-cont .search .search-form-cont {
        width: calc(100% - 400px);
    }
}

@media (min-width: 1500px) {
    .desktop-search-cont .search .search-btn {
        height: 48px;
        font-size: 23px;
    }
}