@import url('https://fonts.googleapis.com/css?family=Josefin+Sans');

.marker {border: none;cursor: pointer;height: 20px;width: 20px;background-size: 20px 20px;background-image: url(icons/marker-256.png);background-repeat: no-repeat;background-color: rgba(0, 0, 0, 0);
opacity: 1; }

.marker:hover { opacity: 1;}

#myInput[type=text] {margin-left: 0px; background: url(icons/search-icon.png); background-size: 30px 30px;background-repeat: no-repeat; background-position: left;}

.heading h1 {font-size:17px;margin:0 0 0 0;line-height: 20px;padding: 25px 2px;font-family: 'Josefin Sans', Serif;font-weight: 200;}

#myInput {width: 100%; /* Full-width */font-size: 16px; /* Increase font-size */ padding: 12px 20px 12px 40px; /* Add some padding */border: 1px solid #ddd; /* Add a grey border */ margin-bottom: 12px; /* Add some space below the input */height: 40px; border-style: none;}   

/*Sidebar Content*/

.heading {;border-bottom:2px solid #fea95a;min-height:60px;line-height:60px;background: rgb(254,169,90);background: radial-gradient(circle, rgba(254,169,90,1) 0%, rgba(255,179,109,1) 35%, rgba(254,169,90,1) 100%);color: #404040;}

/*Listings*/

.listings {overflow:auto;padding-bottom:60px;background: #f5f5f5;}   
.listings div {color: black}
.listings .item {display:block;border-bottom:1px solid #dadada;padding:20px 10px 15px 10px;text-decoration:none;}
.listings .item:hover {background: #efefef;}
.listings .item .title {color:#404040;font-weight:700;font-family: 'Josefin Sans', Serif;font-weight: 700;font-size: 1.1rem;}
listings .item {border-bottom:1px solid #eee;}
.listings .item:last-child {border-bottom:none;}
.listings .item .title small {font-weight:400;}
.listings .item.active .title,
.listings .item .title:hover {color:#fea95b;}
.listings .item.active {background: #fefefe;}

 #Div1 {max-height: 35px; overflow-y: hidden;font-family: 'Josefin Sans', Serif;font-weight: 300;}

::-webkit-scrollbar {width:6px;height:6px;border-left:0;background:rgba(0,0,0,0.1);}
::-webkit-scrollbar-track {background:none;}
::-webkit-scrollbar-thumb {background:#2a2449;border-radius:0;}

.modal-content {background: #f5f5f5;border-radius: 0px;color: black; margin-top: 0vh;}

.modal h1 {color: black;padding: 15px 2px 5px 2px; margin-top: -5px;font-family: 'Josefin Sans', Serif;text-transform: uppercase; font-size: 20px;}
.modal h5 {font-size: 16px; font-style: italic;}
.modal p  {font-family: 'Josefin Sans', Serif;}
.myButton:hover {color: white;background: #fea95b;font-size: 1.1rem;}     
.myButton:active {position:relative;top:1px;background: #fea95b;}
.myButton {background: transparent;border-style: solid; border-color: #f5f5f5; border-width: 1px;font-weight: 400;font-size: 1rem;}
.btn-info {padding: 5px 5px 5px 5px;background: #fea95b;color: white;border-style: none;}
.btn-info:hover {background: #fea95c;}

/*Modal Button*/
.modal-header .btn-info {padding: 10px 20px 10px 20px;margin-top: -10px;float: right;color: white;font-family: helvetica;}

.mapboxgl-popup-content h3 {background: #fea95b;color:#f5f5f5;padding:10px;border-radius:3px 3px 0 0;font-weight:700;margin-top:-15px;text-align: center;font-size: 1.3rem;}
.mapboxgl-popup-content h4 {padding: 10px 10px 10px 10px;font-weight:400;background: #fea95b;color: black;text-align: center;}
mapboxgl-popup-anchor-top > .mapboxgl-popup-tip {border-bottom-color: #fea95b;}

label{background-color: #fea95b;}
#close {float:right;display:inline-block;padding:2px 5px;background: #fea95b;color: white;font-size: 1.5em;transition: 500ms;}

#card {background:  #fea95b;padding-top:30px;}   
.full-card {background:#fea95b;border-radius: 5px;}
iframe {width: 100%;overflow: hidden;}

@media only screen and (max-width: 968px) {.listings .item .title {font-size: 1.1em; width: 66%;}}
#location-link {opacity: 0.75;}