/* ==========================
   Morgen Properties
========================== */

.mp-wrapper{

    font-family: Montserrat, sans-serif;
	
}

/*=============================
Filter Box
=============================*/

.mp-filter{

    background:#D5E2E3;

    padding:20px;

    display:grid;

    grid-template-columns:repeat(1,1fr);

    gap:20px;

    align-items:end;

    margin-bottom:40px;

}

.mp-field label{

    display:block;

    font-size:18px;

    font-weight:600;

    color:#181F4B;

    text-transform:uppercase;

    margin-bottom:8px;

}

.mp-field select,

.mp-field input,

.mp-range-inputs input{
	
	font-family: Montserrat, sans-serif !important;

    width:100% !important;

    height:42px;

    border:1px solid #ddd !important;

    background:#fff;

    padding:0 12px !important;

    font-size:18px;

    color:#4E5056;

    outline:none;

    transition:.25s;

    box-sizing:border-box;

}

.mp-field select:focus,

.mp-field input:focus{

    border-color:#181f4b;

}

.mp-range-inputs{

    display:flex;

    gap:10px;
	
	align-items: center;

}

.noUi-connect{
	
	background-color: #3F6B7D !important;
	
}

#mp-grosse-slider,

#mp-preis-slider{
	
	width: calc(100% - 30px);
	
    margin: 0 auto;
	
	margin-top: 10px;
	
}

/*===========================
Button
===========================*/

#mp_search{

    background-color: #0D1C4C;
	
    font-size: 18px;
	
    font-weight: 500;
	
    text-transform: uppercase;
	
    letter-spacing: 1px;
	
    color: #FFFFFF;
	
    padding: 20px;
	
	transition: all .3s;
	
	border: 0;
	
	border-radius:0;

}

#mp_search:hover{
	
	background-color: #EC1D24;

}

/*============================
Loading
============================*/

#mp-loading{
	
	font-size:16px;

    padding:15px;

    text-align:center;

    font-weight:600;

    color:#EC1D24;

}

/*==================================
Results Heading
==================================*/

.mp-results-heading{

    margin-bottom:15px;

}

.mp-results-heading h3{
	
	font-family: Montserrat, sans-serif;

    font-size:32px;
	
	font-weight: 600;
	
	text-transform: uppercase;

    color:#3F6B7D;
	
	margin: 0;
	
	padding-bottom: 5px;

}

.mp-results-heading p{

    margin:0;

    font-size:16px;

    color:#4E5056;

}

.mp-results-heading strong{

    color:#EC1D24;
	
	font-weight: 600;

}

/*==================================
Table
==================================*/

.mp-results-table{

    width:100%;

    border-collapse:collapse;

    background:#fff;

    border:1px solid #dcdcdc;

    box-shadow:0 2px 8px rgba(0,0,0,.05);

}

.mp-results-table thead{

    background:#0D1C4C;

}

.mp-results-table thead th{

    color:#fff;

    font-size:16px;

    font-weight:600;

    text-align:center;

    padding:15px 10px;

    border:1px solid rgba(255,255,255,.15);

    white-space:nowrap;

}

.mp-results-table tbody td{

    padding:12px 10px;

    border:1px solid #ececec;

    text-align:center;

    font-size:14px;

    color:#444;

}

.mp-results-table tbody tr:nth-child(even){

    background:#fafafa;

}

.mp-results-table tbody tr:hover{

    background:#ECF0F2;

    transition:.25s;

}

/*==================================
No Results
==================================*/

.mp-no-results{

    background:#fff8f8;

    border:1px solid #f2c7c7;

    color:#EC1D24;

    padding:15px;

    text-align:center;

    font-size:16px;

    font-weight:600;
	
	letter-spacing: 1px;

}

/*==================================
Responsive Table
==================================*/

@media(max-width:1024px){

    .mp-filter{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .mp-filter{

        grid-template-columns:1fr;

    }

    #mp_search{

        width:100%;

    }

    .mp-results-table{

        display:block;

        overflow-x:auto;

        white-space:nowrap;

    }

}

@media(max-width:480px){
	
	.mp-field select,
	
	.mp-field input,
	
	.mp-field label{
		
		font-size: 16px;
		
	}

    .mp-results-table thead th,

    .mp-results-table tbody td{

        font-size:14px;

        padding:10px 8px;

    }

}