/**
* Author:   dlb
* Module:   resorts
* Version:  4.0.0
* Date:     aug-2020
* License:  http://www.gnu.org/copyleft/gpl.html GNU/GPL
* Copyright:Copyright (C) 2020... dlb. All rights reserved.
**/
div.modresorts {
   font-family:helvetica,arial,sans-serif;
   font-size:1.25rem;
   padding:0 1rem;
   max-width:960px;
   margin-left:auto;
   margin-right:auto;
}
div.modresorts .fwrap {
display:flex;
flex-wrap:wrap;
column-gap:1rem;
row-gap:2rem;
}
div.modresorts input[type="checkbox"] {margin-left:10px;margin-right:5px;}

div.modresorts .srchtitle {
  color: #aaa;
  margin-bottom:0.5rem;
}
div.modresorts .rsttitle {
   display:flex;
   justify-content:space-between;
   background: #eee;
   color: #000;
   font-weight: bold;
   line-height: 40px;
   padding: 0 10px;
}
div.modresorts .ftit {line-height:5;font-weight:bold;}
/*div.modresorts .rtit {line-height:1;margin-bottom:0.5rem;}*/
div.modresorts .rtit {
	font-family: 'Playfair Display';
/*	font-size: calc(20px + 4 * ((100vw - 320px) / 680));*/
font-size:22px;
	font-weight:700;
	color: #000;
}
div.modresorts .rsearch {min-width:300px;flex:1;}

div.modresorts .rcountrysel,
div.modresorts .rgoodforsel {
   border:1px solid #8f8f9d;
   border-radius:3px;
}

div.modresorts .rsbtn {
   height:40px;
   line-height:40px;
   border:1px solid #8f8f9d;
   border-radius:3px;
   cursor:pointer;
	background: #000;
	color: #fff;
	padding: 0 15px;
}
div.modresorts .rsbtn:hover {background:#333;}
div.modresorts .sa-wrap {
   display:flex;
   background:#fff;
   height:40px;
   line-height:40px;
   border:2px solid #ccc;
   border-radius:3px;
}

div.modresorts .rstfield {
	overflow: hidden;
	display: grid;
	grid-template-columns: repeat(7,1fr);
	font-size: 1.2rem;
	line-height: 54px;
}
div.modresorts .rstfield span {cursor:default;}
div.modresorts .rstfield span.sel {color:#0e30ea;}
@media (max-width: 1250px) {
   div.modresorts .rstfield {grid-template-columns: repeat(5,1fr);}
}
@media (max-width: 575.98px) {
   div.modresorts .rstfield {grid-template-columns: repeat(2,1fr);}
}

div.modresorts .rstgo {
   border-bottom:1px solid #000;
   overflow: hidden;
}
div.modresorts .rstreset,
div.modresorts .rstgobutton {
   background:#000;
   border:0 none;
   color:#eee;
   font-family:helvetica,arial,sans-serif;
   font-size:18px;
   font-weight:bold;
   line-height:24px;
   margin:0;
   padding:3px 10px 2px 10px;
   text-decoration:none;
}
div.modresorts .rstreset { float:left; }
div.modresorts .rstgobutton { float:right; }
div.modresorts .rstreset:hover,
div.modresorts .rstgobutton:hover {opacity:0.7;}
div.modresorts .morecountries {color:#999;font-weight:normal;cursor:pointer;}
div.modresorts .fa-chevron-right::before,
div.modresorts .fa-chevron-down::before {
   font-size: 1.1rem;
	margin-left: 5px;
}
div.modresorts .countrycontainer div.z {display:none;}
div.modresorts .countrycontainer.open div.z {display:block;}

/*search*/
div.modresorts .sa-sel {
   background: #fff;
   box-sizing: border-box;
   color: #363b3e;
   cursor: pointer;
   width: 100%;
/*
   margin-bottom:20px;

      border:1px solid #ddd;
   border-radius:3px;
*/
}
div.modresorts .sa-opts {
   box-sizing: border-box;
   color: #222;
   width: 100%;
}

div.modresorts .sa-optsdiv {
   display:none;
   position:relative;
   box-sizing: border-box;
   color: #222;
   max-height:360px;
   overflow-y: scroll;
   width: 100%;
   z-index: 5;
}
div.modresorts .sa-optsdiv.open {
   display:block;
}
div.modresorts .sa-opt {
   background: #fff;
   box-sizing: border-box;
   height: 36px;
   line-height: 36px;
   padding: 0 10px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   border-style:solid;
   border-width:0 0 1px 1px;
   border-color:#e7e7e7;
}

div.modresorts .sa-opt.sel {background:#c3e0ff;/*cursor: initial;pointer-events: none;*/}
div.modresorts .sa-opt.hid {display: none;}
div.modresorts .sa-autocomplete {
   background:transparent;
   box-sizing: border-box;
   font-weight: bold;
   outline: none;
   padding: 0 10px;
   flex:1;
   font-size: inherit;
/*
   height: 40px;
   line-height: 40px;
*/
   border: 0;
}
div.modresorts .sa-autocomplete::placeholder {
  font-family: Tahoma,Verdana,sans-serif;
  font-weight:normal;
  color: #aaa;
  opacity:1;
}
/*div.modresorts .sa-opts svg {width:24px;height:24px;pointer-events: none;fill:#aaaaaa;}*/
/*div.modresorts .sa-close,*/
div.modresorts .sa-search {
/*
   height: 40px;
   display: inline-block;
   width: 44px;
   vertical-align: top;
   padding: 6px 10px;
*/
   background:#000;
   color:#fff;
   padding:0 15px;
}
/*div.modresorts .sa-search svg {fill:#1a48d5;}*/
/*
@media (min-width:1280px) {
   div.modresorts { padding:0; }
}
*/
div.modresorts .rslist {
   display:grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-gap:1rem;
}
div.modresorts .rsitem {
}
div.modresorts .rmore {
	width: 100%;
	text-align: center;
	border: 1px solid;
	line-height: 40px;
	margin-top: 1rem;
	cursor: pointer;
}