:root {
--main-pr-color: #26606E;
--main-sc-color: #EAE0CE;
--main-padding: 15px;
--casal-1: #26606E;
--casal-2: #175060;
--casal-3: #074151;
--pearl-1: #EAE0CE;
--pearl-2: #CCC3B6;
--pearl-3: #aea4af;
}

.sch_name{
font-size: 1.4rem;
font-weight: 600;
}

.typeahead__list {
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
}

.typeahead__list li a {
position: relative;
}
.typeahead__cancel-button{
display: none!important;
}

.place_icon{
font-weight: 700;
font-size: 1.3rem;
color: #215aa7;
}


/* Input Quantity */
.input_quantity {
width: 100%;
}
.input_quantity {
position: relative;
display: inline-block;
}
.input_quantity a{
border: none;
cursor: pointer;
border-radius: 3px;
box-shadow: none;
font-size: 15px;
font-weight: 400;
height: auto;
padding: 10px 16px;
line-height: 30px;
position: relative;
text-align: left;
color: #383838;
display: block;
width: 100%;
background-color: #fdfdfd;
border: 1px solid #e0e0e0;
transition: color 0.3s;
}
.input_quantity .panel-dropdown-content {
border: none;
overflow: visible;
padding: 20px;
background-color: #fdfdfd;
border: 1px solid #e0e0e0;
border-radius: 0 0 3px 3px;
}
.qtyTitle{
color:#383838;
}
.qtyInc, .qtyDec {
border-radius: 3px;
box-shadow: inset 0px 0px 10px -9px #444;
}


body, input[type="text"], input[type="password"], input[type="email"], textarea, select, input[type="button"], input[type="submit"], #tiptip_content {
font-family: 'Raleway Thin', sans-serif;
font-weight:bolder;
text-transform: none;
}
h1, h2, h3, h4, h5, h6, button {
font-family: 'Nexa Bold', sans-serif;
/* font-weight:bolder; */
text-transform: none;
}
h4 {
font-family: 'Nexa Light', sans-serif;
font-weight:600;
text-transform: none;
}

.headline.centered {
text-align: center;
text-transform: capitalize;
line-height: 1.2;
font-weight: 900;
color: var(--main-pr-color) !important;
margin: 25px auto 25px !important;
}

#preloader .preloader-dot {
border: 2px solid var(--main-pr-color);
}

/* Parallax Overlay */
.parallax-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 101;
background-color: var(--main-sc-color);
opacity: 0.2;
}

/* Header container: transparent */
#header-container.absolute{
position: absolute;
top: 0px;
z-index: 999;
width: 100%;
}

#header {
background: rgba(255, 255, 255);
}
#navigation.style-2.cloned, #header.cloned.sticky {
/* opacity: 0.9; */
background: rgba(255, 255, 255, 0.9);
}
/* #navigation.style-2.cloned a , #header.cloned.sticky a{
color: #fff;
} */
/* #navigation.style-2.cloned a.button.border , #header.cloned.sticky a.button.border, #header.cloned.sticky .current{
border: 1px solid #b1b1b1;
} */

#header.cloned.sticky .light-logo {
display:none;
}

#header .dark-logo {
display:none;
}
#header.cloned.sticky .dark-logo {
display:block;
}
#header.cloned.unsticky .dark-logo {
display:none;
}

#header.standard-header .dark-logo {
display:block;
}
#header.standard-header .light-logo {
display:none;
}



@media (max-width: 767px){
.search-container {
padding: 150px 0;
}
}
#navigation.style-2.cloned, #header.cloned {
z-index: 9999;
}


.mmenu-trigger {
margin: 0 0 0px 0;
}

@media (max-width: 767px){
#header .button {
padding: 2px 10px;
font-size: 14px;
margin-top: 10px;
}
}
@media (max-width: 1024px){
#header .button span.btn-text{
display: none;
}
}
@media (max-width: 540px){
#header .button span.btn-text{
display: none;
}
#header .button {
font-size: 20px;
float: right;
}
.back-to-listings {
display:none;
}
.back-to-listings-mobile {
display:block;
}
}
@media (min-width: 540px){
.back-to-listings-mobile {
display:none!important;
}
}


/* Header: Transparent version */
.transparent-header {
background: none!important;
box-shadow: none!important;
}
#navigation.style-2.cloned, .transparent-header.cloned.sticky {
/* opacity: 0.9; */
background: rgba(255, 255, 255, 0.9);
}
#navigation.style-2.cloned, .transparent-header.cloned {
z-index: 9999;
}
.transparent-header.cloned.sticky {
opacity: 1;
visibility: visible;
transform: translate(0,0) scale(1);
transition: .3s;
background: #ffffff!important;
border-bottom: 1px solid #e4e4e4;
}
.standard-header li>a , .transparent-header.cloned.sticky li>a {
color: #4f5962!important;
}

.mmenu-trigger {
margin: 0 0 0px 0;
}

@media (max-width: 767px){
	.transparent-header .button {
		padding: 2px 10px;
		font-size: 14px;
		margin-top: 10px;
	}
	button.fs-map-btn.button{
		width: 100%;
		margin-top: 1rem;
		margin-bottom: 2rem;
	}
	.more-search-options-trigger{
		font-size: 2rem;
    letter-spacing: 2px;
		margin-top: 1rem;
	}
}
@media (max-width: 540px){
.transparent-header .button span.btn-text{
display: none;
}
.transparent-header .button {
font-size: 20px;
}
}

/* Mobile Menu */
.mm-menu {
background: var(--main-pr-color);
opacity: 0.8;
}
.mm-panel.mm-hasnavbar .mm-navbar {
background-color: var(--main-pr-color);
}
.mm-listview>li {
border-bottom: 1px solid #80a3b7;
}

/* Social Icons */
.social-icons {
padding-left: 35px;
}
.social-icons li a {
width: 30px;
height: 30px;
}
.social-icons li i{
font-size: 14px;
}
.facebook i, .facebook:before {
margin: 6px 0 0 10px;
}
.instagram i, .instagram:before {
margin: 6px 0 0 7px;
}
.youtube i, .youtube:before {
margin: 6px 0 0 7px;
}


/* search-title home */
.search-title.home {
padding: 10px 10px;
float: right;
background-color: #fcfdff7a;
}
.search-container h2 {
//text-align: center;
//letter-spacing: 1px;
font-size: 60px;
font-size: 4.5rem;
font-weight: 700;
color: white;
}
.search-container h3 {
text-align: center;
font-size: 36px;
font-weight: 800;
text-transform: capitalize;
color: #487d99;
}
@media (max-width: 992px){
.search-container h2 {
font-size: 50px;
}
.search-container h3 {
font-size: 30px;
}
}
.row.with-forms.home {
padding: 30px;
background: rgba(245, 245, 245, 0.33);
}


/* HR */
hr {
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20%;
margin-left: 20%;
border: 0;
border-top: 3px solid var(--main-pr-color);
}

/* vacanza boxes */
.vacanza-box h4{
color: var(--main-pr-color);
text-transform: capitalize;
line-height: 1.2;
font-weight: 900;
}
.vacanza-box h5{
color: var(--main-pr-color);
font-weight: 700;
font-size: 18px;
text-transform: uppercase;
}
.vacanza-box .img-box:before {
background-color: #fff;
opacity: 0.6;
}
.vacanza-box .img-box:hover:before {
background-color: #b4e4ff;
opacity: 0.6;
}


/* banner offerte */
section.offerte-banner h1.offerte-title{
font-weight: 700;
text-transform: capitalize;
line-height: 1.1;
}
section.offerte-banner h1.offerte-desc{
font-weight: 700;
text-transform: capitalize;
line-height: 1.2;
}

a.button.white {
background-color: #fff;
color: #487d99;
}

.headline-box {
font-size: 28px;
font-weight: 900;
color: #487d99;
}

.button.carousel-button {
width: 100%;
margin-bottom: -10px;
}


.truncate {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}


.icon-box-1 .icon-container{
background-size: cover;
background-position: center;
height: 180px;
width: 180px;
}
.icon-box-1.alternative .icon-container {
background-color: var(--main-pr-color);
}
.icon-like-h3{
color: #487d99;
font-weight: 700;
text-transform: capitalize;
line-height: 1.2;
}


/* Mosaic */
.mosaic {
display: grid;
grid-template-rows: 1fr;
}
.mosaic__item:first-of-type {
width: 100%;
min-height: 200px;
grid-column: 3 / span 3;
grid-row: 1 / span 9;
}
.mosaic__item:last-of-type {
grid-column: 1 / span 3;
grid-row: 2 / span 9;
}
.mosaic_text{
background-color: white;
padding: 5em;
padding-top: 10px;
padding-bottom: 3em;
}



@media (max-width: 1240px){
.mosaic__item:first-of-type {
grid-column: 2 / span 3;
grid-row: 1 / span 9;
}
}
@media (max-width: 991px){
.mosaic__item:first-of-type {
grid-column: 1 / span 3;
grid-row: 1 / span 9;
}
}
@media (max-width: 767px){
.mosaic_text{
padding: 2em;
}
.mosaic__item:last-of-type {
grid-column: 1 / span 3;
grid-row: 9 / span 7;
}
.mosaic__item:first-of-type {
grid-column: 2 / span 3;
grid-row: 1 / span 9;
}
}


/* Footer */
#footer {
background-color: #f7f7f7;
color: #707070;
}
.footer-links li a {
color: var(--main-pr-color);
}
#footer h4, #footer a {
color: var(--main-pr-color);
}
.copyrights {
color: #d6d6d6;
}


/* parallax */
.parallax.titlebar{
height: 200px;
margin-bottom: 20px;
}


/* Listing */
.listing-footer{
border: 0px;
border-radius: 0px;
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-around;
margin: 0 -10px -10px -10px;
background: var(--casal-3);
}
.listing-footer.secondary{
background: var(--casal-3);
}
.listing-footer.warning{
/* background: #fff7cd; */
}
.listing-footer:hover{
/* background-color: #f1fdff;*/
}


/* Offers */
.post-img {
max-height: 265px;
overflow: hidden;
}
.post-img .listing-badges .featured {
background-color: #e19a2a;
}
.post-img .listing-badges h4 {
color: white;
}


/* Menu CTA */
.left-side {
float: left;
width: 75%;
display: inline-block;
}
.right-side {
float: right;
width: 25%;
display: inline-block;
}

.fullwidth-property-slider .slick-slide {
height:480px;
}
.fullwidth-property-slider .slick-slide img {
height:480px;
min-width: 500px;
}

@media (max-width: 993px){
.fullwidth-property-slider .slick-slide {
height:340px;
}
.fullwidth-property-slider .slick-slide img {
height:340px;
}
}
@media (max-width: 460px){
.fullwidth-property-slider .slick-slide {
height:240px;
}
.fullwidth-property-slider .slick-slide img {
height:240px;
}
}


.parallax.home-parallax{
background-position: 20% 50% !important;
}


/* Listing items */
.listing-item.bg-color-1{
box-shadow: 0px 0px 10px 0px rgba(183, 161, 30, 0.19);
background-color: #fffdf6;
}
.alternative-solutions-box .boxed_list .listing-item {
background-color: #f7f7f7;
border-radius: 5px;
box-shadow: 4px -4px 0px 0px var(--pearl-1);
}
.alternative-solutions-box .boxed_list .listing-item:hover {
background-color: #eae0ce33;
cursor: pointer;
}
.listing-item.bg-color-1:hover {
background-color: #fffcec;
border-left: 5px solid var(--main-pr-color);
}

.is-available-banner{
background-color: #edffed;
color: #168c2b;
}

.compact .listing-img-container:before{
opacity: 0;
background: transparent;
}
.compact .listing-img-container:after{
opacity: 0;
background: transparent;
}
.listing-img-container {
max-height: 262px;
overflow: hidden;
}


body .carousel{
margin-left: 15px;
}

@media (min-width: 767px){
.search-container {
padding: 35rem 0;
}
}
.search-container form{
padding: 8px;
background-color: none;
border-radius: 3px;
}


.search-container h2, .search-container .adv-search-btn, .search-container announce{
text-shadow: 0px 0px 3px rgb(92 92 92);
}

input, input[type="text"], input[type="password"], input[type="email"], input[type="number"], textarea, select{
color:#383838;
}
.data-unit{
color:#383838;
}



#cookie-bar {
background:#000000d1!important;
}
#cookie-bar .cb-enable {
background: #f36825;
}


.fullwidth-home-slider .item, .fullwidth-property-slider .item {
opacity: 1!important;
}

.show-more-policy {
max-height: 90px;
}
.show-more:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 180px;
display: block;
background: linear-gradient(rgba(255, 255, 255, 0), #f7f7f7 88%)!important;
z-index: 9;
opacity: 1;
visibility: visible;
transition: all 1s;
}

.pop-up-confirm-btn{
top: 0;
color: #fff!important;
position: relative;
display: inline-block;
transition: all .2s ease-in-out;
cursor: pointer;
margin-right: 6px;
overflow: hidden;
border: 0;
border-radius: 3px;

background-color: var(--casal-2)!important;
font-weight: 700!important;
font-family: 'Nexa Light'!important;
box-shadow: inset 0 0 20px 5px #0000000d, 0 0 0px 2px #ffffff36;
padding: 4px 32px!important;
font-size: 16px!important;
border-radius: 10px!important;
}

.show-more-button-inline {
position: inherit;
margin-left: 2px;
z-index: 10;
display: inline-block;
padding: 10px 20px;
}
.show-more-custom {
max-height: 0px;
min-height: 0px!important;
overflow: hidden;
position: relative;
transition: max-height 1s;
}



a.item.mfp-gallery.slick-slide{
background-position: center;
background-size: cover;
background-blend-mode: overlay;
overflow: hidden;
}

a.item.mfp-gallery.slick-slide img{
background-position: center;
background-size: cover;
background-blend-mode: overlay;
margin: 0 auto;
box-shadow: 0 0 20px 2000px #e7ddcba8, 0 0 20px 0px #e9dfcd;
}
.cds-property-slider .slick-slide {
height:580px;
}
.cds-property-slider .slick-slide img {
height:580px;
min-width: 500px;
}

@media (max-width: 993px){
.cds-property-slider .slick-slide {
height:340px;
}
.cds-property-slider .slick-slide img {
height:340px;
}
}
@media (max-width: 460px){
.cds-property-slider .slick-slide {
height:240px;
}
.cds-property-slider .slick-slide img {
height:240px;
}
}

.has-error {
border: 2px solid #ff000066!important;
box-shadow: 0 0 20px -15px red, inset 0 0 20px -18px red;
}

.error-message{
	color:red;
	margin:0px!important;
}



.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
	position: absolute;
	z-index: 99;
}
.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #b2a453;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 210px;
  padding: 9px 0;
  background-color: #d6c66d;
  color: #fff;
  font: 700 12px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
	margin-left: -10px;
	margin-top: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 44px;
}
.ribbon-top-left::after {
  bottom: 44px;
  left: 0;
}
.ribbon-top-left span {
  right: 0px;
  top: 24px;
  transform: rotate(-45deg);
}

:root {
  --main-pr-color: #26606E;
  --main-sc-color: #EAE0CE;
  --main-padding: 15px;
}

/* ------------------------------------------------------------------- */
/* Main var(--main-pr-color)
---------------------------------------------------------------------- */
.csm-trigger,
.csm-content h4,
#backtotop a,
#top-bar {
    background-color: var(--main-pr-color)
}

.custom-zoom-in:hover:before,
.custom-zoom-out:hover:before,
.infoBox-close:hover {
    -webkit-text-stroke: 1px var(--main-pr-color)
}

.list-4 li:before,
.list-3 li:before,
.list-2 li:before,
.list-1 li:before {
    color: var(--main-pr-color);
}

.numbered.color ol > li::before {
    border: 1px solid var(--main-pr-color);
    color: var(--main-pr-color);
}

.numbered.color.filled ol > li::before {
    border: 1px solid var(--main-pr-color);
    background-color: var(--main-pr-color);
}

.change-photo-btn:hover,
table.manage-table th,
mark.color {
    background-color: var(--main-pr-color);
}

.user-menu ul li a:hover,
.user-menu.active .user-name:after,
.user-menu:hover .user-name:after,
.user-menu.active .user-name,
.user-menu:hover .user-name,
table.manage-table td.action a:hover,
table.manage-table .title-container .title h4 a:hover,
.my-account-nav li a.current,
.my-account-nav li a:hover,
#footer .social-icons li a:hover i,
#navigation.style-1 .current,
#posts-nav li a:hover,
#top-bar .social-icons li a:hover i,
.agent .social-icons li a:hover i,
.agent-contact-details li a:hover,
.agent-page .agent-name h4,
.footer-links li a:hover,
.header-style-2 .header-widget li i,
.header-widget .sign-in:hover,
.home-slider-desc .read-more i,
.info-box,
.info-box h4,
.listing-title h4 a:hover,
.map-box h4 a:hover,
.plan-price .value,
.plan.featured .listing-badges .featured,
.post-content a.read-more,
.post-content h3 a:hover,
.post-meta li a:hover,
.property-pricing,
.style-2 .trigger a:hover,
.style-2 .trigger.active a,
.style-2 .ui-accordion .ui-accordion-header-active,
.style-2 .ui-accordion .ui-accordion-header-active:hover,
.style-2 .ui-accordion .ui-accordion-header:hover,
.tabs-nav li a:hover,
.tabs-nav li.active a,
.testimonial-author h4,
.widget-button:hover,
.widget-text h5 a:hover,
a,
a.button.border,
a.button.border.white:hover {
    color: var(--main-pr-color)
}

#header-container.top-border {
    border-top: 4px solid var(--main-pr-color)
}

#navigation.style-1 .current {
    background-color: transparent;
    border: 1px solid var(--main-pr-color)
}
#navigation.style-1 .active {
  background: var(--main-sc-color);
  color: white;
  border-color: var(--main-sc-color);
}

#navigation.style-1 ul li:hover {
    background-color: var(--main-pr-color)
}

#navigation.style-2 {
    background-color: var(--main-pr-color)
}

.menu-responsive i {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .07) 0, transparent);
    background-color: var(--main-pr-color)
}

.checkboxes input[type=checkbox]:checked+label:before,
.range-slider .ui-widget-header,
.search-type label.active,
.search-type label:hover {
    background-color: var(--main-pr-color)
}

.range-slider .ui-slider .ui-slider-handle {
    border: 2px solid var(--main-pr-color)
}

.agent-avatar a:before {
    background: var(--main-pr-color);
    background: linear-gradient(to bottom, transparent 50%, var(--main-pr-color))
}

.view-profile-btn {
    background-color: var(--main-pr-color)
}

.listing-img-container:after {
    background: linear-gradient(to bottom, transparent 60%, var(--main-pr-color))
}

.listing-badges .featured {
    background-color: #e19a2a;
}

.list-layout .listing-img-container:after {
    background: linear-gradient(to bottom, transparent 55%, var(--main-pr-color))
}

#titlebar.property-titlebar span.property-badge,
.back-to-listings:hover,
.home-slider-price,
.img-box:hover:before,
.layout-switcher a.active,
.layout-switcher a:hover,
.listing-hidden-content,
.pagination .current,
.pagination ul li a.current-page,
.pagination ul li a:hover,
.pagination-next-prev ul li a:hover,
.property-features.checkboxes li:before {
    background-color: var(--main-pr-color)
}
.office-address h3:after {
    background-color: white
}

.post-img:after,
.tip {
    background: var(--main-pr-color)
}

.property-slider-nav .item.slick-current.slick-active:before {
    border-color: var(--main-pr-color)
}

.post-img:after {
    background: linear-gradient(to bottom, transparent 40%, var(--main-pr-color))
}

.comment-by a.reply:hover,
.post-img:before {
    background-color: var(--main-pr-color)
}

.map-box .listing-img-container:after {
    background: linear-gradient(to bottom, transparent 50%, var(--main-pr-color))
}

#geoLocation:hover,
#mapnav-buttons a:hover,
#scrollEnabling.enabled,
#scrollEnabling:hover,
#streetView:hover,
.cluster div,
.custom-zoom-in:hover,
.custom-zoom-out:hover,
.infoBox-close:hover,
.listing-carousel.owl-theme .owl-controls .owl-next:after,
.listing-carousel.owl-theme .owl-controls .owl-prev:before,
.listing-carousel.owl-theme.outer .owl-controls .owl-next:hover::after,
.listing-carousel.owl-theme.outer .owl-controls .owl-prev:hover::before,
.slick-next:after,
.slick-prev:after {
    background-color: var(--main-pr-color)
}

.cluster div:before {
    border: 7px solid var(--main-pr-color);
    box-shadow: inset 0 0 0 4px var(--main-pr-color)
}

.mfp-arrow:hover {
    background: var(--main-pr-color)
}

.dropzone:hover {
    border: 2px dashed var(--main-pr-color)
}

.dropzone:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .95), rgba(255, 255, 255, .9));
    background-color: var(--main-pr-color)
}

.chosen-container .chosen-results li.highlighted,
.chosen-container-multi .chosen-choices li.search-choice,
.select-options li:hover,
a.button,
a.button.border:hover,
button.button,
input[type=button],
input[type=submit] {
    background-color: var(--main-pr-color)
}

.dropzone:hover .dz-message,
.sort-by .chosen-container-single .chosen-default,
.sort-by .chosen-container-single .chosen-single div b:after {
    color: var(--main-pr-color)
}

a.button.border {
    border: 1px solid var(--main-pr-color)
}

.plan.featured .plan-price {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .1) 0, transparent);
    background-color: var(--main-pr-color)
}

.fp-accordion .accordion h3.ui-accordion-header-active,
.trigger.active a,
.ui-accordion .ui-accordion-header-active,
.ui-accordion .ui-accordion-header-active:hover {
    background-color: var(--main-pr-color);
    border-color: var(--main-pr-color)
}

.tabs-nav li a:hover,
.tabs-nav li.active a {
    border-color: var(--main-pr-color)
}

.style-3 .tabs-nav li a:hover,
.style-3 .tabs-nav li.active a {
    border-color: var(--main-pr-color);
    background-color: var(--main-pr-color)
}

.style-4 .tabs-nav li.active a,
.style-5 .tabs-nav li.active a,
table.basic-table th {
    background-color: var(--main-pr-color)
}

.info-box {
    border-top: 2px solid var(--main-pr-color);
    background: linear-gradient(to bottom, rgba(255, 255, 255, .98), rgba(255, 255, 255, .95));
    background-color: var(--main-pr-color)
}

.info-box.no-border {
    background: linear-gradient(to bottom, rgba(255, 255, 255, .96), rgba(255, 255, 255, .93));
    background-color: var(--main-pr-color)
}

.icon-box-1 .icon-container {
    background-color: var(--main-pr-color)
}


.qtyTotal {
  background-color: var(--main-pr-color);
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background-color: var(--main-pr-color);
}

.daterangepicker td.in-range {
  background-color: rgba(39, 74, 187,0.07);
  color: var(--main-pr-color);
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: var(--main-pr-color);
}

.daterangepicker .drp-buttons button.applyBtn,
.daterangepicker .drp-buttons button.cancelBtn {
  background-color: var(--main-pr-color);
}
.daterangepicker .drp-buttons button.applyBtn {
  background-color: var(--main-pr-color);
}

#booking-date-range:hover {
  color: var(--main-pr-color);
}

#booking-date-range span:after {
    color: var(--main-pr-color);
}

.daterangepicker .ranges li.active {
  background-color: var(--main-pr-color);
  color: #fff;
}
.panel-dropdown a:after {
  color: var(--main-pr-color);
}
.time-slot input ~ label:hover {
  color: var(--main-pr-color);
  background-color: rgba(39, 74, 187,0.06);
}

.time-slot input:checked ~ label {
  background-color: var(--main-pr-color);
}
.time-slot label:hover span {
  color: var(--main-pr-color);
}

.language-picker{
	min-width: 8rem;
	padding: 3px;
	cursor: pointer;
}
.language-picker:hover{
	background: #67afc138;
	border-radius: 4px;
}
.listing-item.compact:hover .listing-hidden-content {
    height: 0px !important;
}