/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
.content-wrap {
  position: relative;
  padding: var(--cnvs-content-padding) 0;
  overflow: hidden;
}
.modal-body {
    padding: 2rem;
}
.col-padding-travel {
    padding: 2rem;
}
.tabs.travel-organiser-tabs {
    width: 100% !important;
}
.travel-organiser-tabs .tab-content {
    background-color: #dee2e6;
}
.travel-organiser-tabs .tab-content {
  padding: 20px;
}
.tab-content > .tab-pane {
    background-color: #dee2e6;
    padding: 15px;
}
.mt-lg-7 {
  margin-top: 7rem !important;
}
.card {
	padding: 35px;
	background-image: url("images/card-wave-2.svg");
	background-repeat: repeat-x;
	background-position: 0% 101%;
	background-size: cover;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 0;
	border-top: 6px solid #99CCCC;
}
#top-bar {
    --cnvs-topbar-height: 55px;
    --cnvs-topbar-font-size: 1.1rem;
    --cnvs-topbar-social-icon-color: #dee2e6;
    background-color: #990000;
    --cnvs-topbar-color: #ffffff;
}
.top-links-item > a {
    display: block;
    padding: 12px;
    line-height: calc(var(--cnvs-topbar-height) - 24px);
    font-weight: var(--cnvs-topbar-font-weight);
    text-transform: var(--cnvs-topbar-font-transform);
    color: var(--cnvs-topbar-color);
}
.top-links-item > a:hover {
  color: #990000;
  background-color: #ffffff'
}
.top-links-sub-menu .top-links-item > a {
    background-color: #990000;
    color: #ffffff;
}
/* ----------------------------------------------------------------
	Real Estate City Properties
-----------------------------------------------------------------*/

.real-estate-properties [class^=col-] {
	position: relative;
	margin-bottom: 10px;
}

.real-estate-properties [class^=col-] > a {
	display: block;
	position: relative;
	height: 250px;
	background-color: #EEE;
}

.real-estate-properties [class^=col-] img { display: block; }

.real-estate-properties [class^=col-] > a::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.4);
	opacity: 0.4;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.real-estate-properties [class^=col-] > a:hover::before { opacity: 1; }