/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.text-justify {
	text-align: justify;
}

.text-left {
	text-align: left;
}

.padding5px {
    padding: 5px !important;
}

.margin-top5px {
    margin-top: 5px;
}

.margin-bottom-30px {
	margin-bottom: 30p !important;
}

.custom_botton {
	padding: 10px 20px !important;
    font-weight: 500 !important;
    margin-top: -5px;
}

.margin-top-5px {
	margin-top: 5px !important;
}

.img-min-width-120px {
	min-width: 120px !important;
}

.hide {
	display:none;
}

.my_active {
	background-color:midnightblue;
}

.find-more,
.top {
	display:block;
	font-size:110%;
	text-decoration:none;
	color:steelblue;
	margin:20px 0 0 0;
	
	&:hover {
		text-decoration:underline;
	}
}

.item {
	font-size:110%;
	margin:10px 0;
}

.h2, h2 {
    font-size: 1.6rem !important;
}

.icon_space {
	column-count: unset !important;
    margin-top: 15px !important;
}

.float-right {
	float: right !important;
}

.button_style {
	padding: 10px 10px !important;
    font-weight: 400 !important;
    border: 1px solid #bf9067 !important;
    margin-bottom: 5px;
    margin-right: 5px;
}

.display-flex {
    display: flex;
}

.modal {
    --bs-modal-width: 750px !important;
}

.pictures_grid-figure-min-width {
    min-width: 140px !important;
}

.price_disply {
    font-size: 1.6rem;
    color: #bf9067;
    font-weight: 600;
}

.price_disply_smalltext {
	font-size: 0.9rem;
    font-weight: 500;
    display: block;
    line-height: 1px;

}

.morecontent span {
    display: none;
}
.morelink {
    display: inherit;
}

.icon_width20 {
	width: 20px;
}

.more_button {
	border: none;
	cursor: pointer;
	display: inline-block;
	padding: 5px 5px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	border-radius: 5px;
	color: #bf9067 !important;
	font-size: 12px;
}

.padding0 {
	padding: 0 !important;
}

.villa_view_page_resort_name {
	display: block;
    font-size: 22px;
    font-weight: 600;
}

.morecontent_view span {
    display: none;
}
.morelink_view {
    display: inherit;
}

.more_button_view {
	border: none;
	cursor: pointer;
	display: inline-block;
	padding: 5px 5px;
	font-weight: 400;
	text-align: center;
	line-height: 1;
	border-radius: 5px;
	color: #bf9067 !important;
	font-size: 12px;
}


* { box-sizing: border-box; }

body {
  font-family: sans-serif;
}

select {
  font-size: 20px;
}

/* ---- isotope ---- */

.grid {
  border: none;
}

/* clear fix */
.isotope:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */

.element-item {
    width: 204px;
    height: 340px;
    margin: 10px;
    max-height: 340px !important;
    overflow: hidden;
    padding: 0 0 20px 0;
}

.element-item > * {
  margin: 0 10px;
  padding: 0 10px;
}

.element-item .name {
  position: absolute;

  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}

.element-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 42px;
  font-weight: bold;
  color: white;
}

.element-item .number {
  position: absolute;
  right: 8px;
  top: 5px;
}

.element-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 12px;
}

.element-item.alkali          { background: #F00; background: hsl(   0, 100%, 50%); }
.element-item.alkaline-earth  { background: #F80; background: hsl(  36, 100%, 50%); }
.element-item.lanthanoid      { background: #FF0; background: hsl(  72, 100%, 50%); }
.element-item.actinoid        { background: #0F0; background: hsl( 108, 100%, 50%); }
.element-item.transition      { background: #0F8; background: hsl( 144, 100%, 50%); }
.element-item.post-transition { background: #0FF; background: hsl( 180, 100%, 50%); }
.element-item.metalloid       { background: #08F; background: hsl( 216, 100%, 50%); }
.element-item.diatomic        { background: #00F; background: hsl( 252, 100%, 50%); }
.element-item.halogen         { background: #F0F; background: hsl( 288, 100%, 50%); }
.element-item.noble-gas       { background: #F08; background: hsl( 324, 100%, 50%); }



h4.name { margin: 5px 0 0 0; max-height: 149px; overflow: hidden }

p.date, p.author { margin: 0 0 5px 0; font-size: 94%; height: 15px; }

.element-item .panel{
    width: 204px;
	height: 340px;
	margin: 10px;
	max-height: 340px !important;
	overflow: hidden;
	padding: 0 0 20px 0;
}

.element-item .panel div.description { height: 120px; max-height: 120px; overflow: hidden; }

.resource-controls {
	background: #fff;
	border-bottom: 1px solid #dedfe0;
	min-height: 50px;
	padding: 10px 0 18px;
    display: block;
}

.resource-controls > .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), { color: #000; }

.resource-controls a, .resource-controls .btn-link {
	border-radius: 0;
	color: #555;
	display: inline-block;
	font-size: 16px;
	font-weight: 400;
	line-height: 16px;
	padding: 5px 12px 10px;
}

.canvas-95 {
    margin: 0 auto;
    width: 98%;
}

ul, ol {
    margin-bottom: 0;
    margin-left: 0;
}

.resort_page_search_box {
    background-color: #fff;
    border-radius: 5px;
    margin-top: 15px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);
    margin-bottom: 30px;
    padding: 10px 0;
}

.search_button {
    padding: 15px 20px !important;
}

.search_box {
    margin: 10px 0 !important; 

}

.wide {
    height: 45px !important;
}

.quicksearch {
    height: 45px !important;
}

.margin_tb20px {
    margin: 20px 0 !important;
}


/* ---- Rooms/Villas list row color change ---- */
.ZebraStripes{
    min-width: 100%;
    background-color: #ffffff;
}

.ZebraStripes:nth-child(even){
     background-color: #f8f8f8;
}

.profile_offer_title {
    text-align: left !important;
    height: 50px;
}

.padding-20px-30px {
    padding: 20px 30px;
}

.offer_expire_font_size {
    font-size: 13px !important;
}

.home_offer_image_top39 {
    top: 39% !important;
}

.drop_selection_arror {
    background: transparent url(/img/drop_arrow.png) no-repeat 96% center;
    text-transform: none !important;
}


.home_form_border {
    border-left: 1px solid #d2d8dd;
    margin: 5px 0 !important;
}

.home_form_button-margin {
    margin: 5px 0 !important;
}

.icon_calendar_img {
    float: right;
    margin-top: -26px;
    margin-right: 8px;
}

.text-transform-lowercase {
    text-transform: none !important;
}

.price_usd {
    font-size: 20px !important;
    margin-right: 5px;
}

.margin20px-10px {
    margin: 20px 10px !important;
}

.home_border {
    border-radius: 3px;
    border: 1px solid #ad8e54 !important;
    color: #ad8e54 !important;
}

.select2-container .select2-selection--single{
    height:34px !important;
}
.select2-container--default .select2-selection--single{
         border: 1px solid #ccc !important; 
     border-radius: 0px !important; 
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px !important;
    border-radius: 3px !important;
    height: 50px !important;
    background-color: #fff;
    border: 1px solid #1e2c47;
    color: #1e2c47 !important;
    line-height: 50px !important;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 8px 6px 0 6px !important;
    height: 0;
    left: 50%;
    margin-left: -8px !important;
    margin-top: 7px !important;
    position: absolute;
    top: 50%;
    width: 0;
}