@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,500;0,700;1,300;1,500&display=swap');

body{
  font-family: "Be Vietnam Pro",Helvetica,Arial,sans-serif;
  color:#453317;

}

h1{
  color:#453317;
  font-size:2em;
  font-weight: 700;
}

h2{
  color:#e27947;
  font-size:2em;
  font-weight: 700;
}

h3{
  line-height:1.5em;
  font-size:1.5em;

}


.nav-item  {
  font-size:0.9em;
  margin-right:8px;
  font-weight:200;
}
/*trip-planner button images*/

.zoneID{
  margin:3px 5px 0 8px; 
  font-weight: 400;
  font-size: 15px;
}
.location{
  margin:-3px 5px 0 2px;
  height:18px;
}
.info{
  margin:2px 5px 5px 2px;
  height:18px;
}
.distance{
  margin:-3px 5px 0 2px;
  height:18px;
}
.clone{
  margin:3px 5px 5px 0px;
}
.TPest{
  font-weight: 400;
  font-size: 13px;
}


/* hide carousel numbers */
li::marker{
  font-size:0;
}


.dropdown-menu {
  --bs-dropdown-border-color: #fff;
  --bs-dropdown-color: #463216;
  --bs-dropdown-border-radius: 0px;
}

.dropdown-menu .tripplanner-destinations {
  border-color: #fff;
  background-color: #FCF9F0;
}

.dropdown-item {
  padding: 10px;
  border-bottom: 2px solid #D5D1CD;
}


.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #FCF9F0;
}

.dropdown-item.hover, .tripplanner-destinations:hover {
  color: #fff;
  text-decoration: none;
  background-color: #FCF9F0;
}

.searchSmall{
  font-size:0.8em;
  font-style: italic;
}


a{
  color:#453317;
}

.carousel-caption { 
  top: 20%; 
}
.footerlink{
  text-decoration:none;
}


.WTS-Background-top{
  background-color: #FCF9F0;
  background-image: url('https://www.wheretostay.na/img2023/wts-background-top.png');
  background-repeat: no-repeat;

  background-position: top;
  background-size: auto;
}

.WTS-Background-bottom{
  background-image: url('https://www.wheretostay.na/img2023/wts-background-bottom.png');
  background-repeat: no-repeat;
  background-position:bottom;
}


.nav-pills .nav-link { 
  background-color: #8f7d73;
  color:#fcf9f0;
  height:2.5em;
}
.nav-pills .nav-link:hover { 
  background-color: #9f9f57;
  color:#fcf9f0;
}

.nav-pills .nav-link.active { 
  background-color: #d15e45;
}

a.nav-link {
  /*font-size:1.1em;*/
  font-weight:500;
  color:#453317;

}


a.nav-link:hover{
  border-bottom: 2px solid #E8BD5C;
}
a.nav-link:active {
  border-bottom: 2px solid #E8BD5C;
}

a.region{  
  text-decoration:none;
}

a.establishment{
  text-decoration:none;
}

a.destination{
  font-size: 1.1em;
  /*line-height: 1.4em;*/
  margin-bottom: 15px;
  text-decoration: none;
}

a.destination:hover{
  font-weight:bold;
}

.btn-map{
  --bs-btn-padding-y: .25rem; 
  --bs-btn-padding-x: .5rem; 
  --bs-btn-font-size: .75rem;
}

.btn-warning{
  font-family: "Be Vietnam Pro",Helvetica,Arial,sans-serif;
  font-weight: 400;
  background-color: #e8bd5c;
  color:#fff;
  border:0px solid transparent;
  text-transform: uppercase;
}                 


.btn-secondary{
  font-family: "Be Vietnam Pro",Helvetica,Arial,sans-serif;
  font-weight: 400;
  background-color: #8f7d73;
  color:#fff;
  border:0px solid transparent;
  text-transform: uppercase;
}  


.btn-primary{
  font-family: "Be Vietnam Pro",Helvetica,Arial,sans-serif;
  font-weight: 400;
  background-color: #d15e45;
  color:#fff;
  border:0px solid transparent;
  text-transform: uppercase;
}

.btn-outline-primary{
  font-family: "Be Vietnam Pro",Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  font-size:0.8em;
  border-color:#d15e45;
  color:#d15e45;
}

.btn-primary:hover{
  background-color: #8f7d73;
}

.btn-warning:hover{
  background-color: #9f9f57;
}

.btn-outline-primary:hover{
  border-color:#000;
  background-color: #8f7d73;
}

.accordion{
  --bs-accordion-btn-focus-border-color: #e0e0e0;
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.05rem rgba(13, 110, 253, 0.25);
}
.accordion-button:not(.collapsed) {
  /*color: var(--bs-accordion-active-color);*/
  background-color: #fff;
  color:#453317;
  line-height:var(--bs-body-line-height);
  /*box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);*/
}
.accordion-item {
  color:#453317;
  line-height:var(--bs-body-line-height);

}


/*establisment logo in destination pop-up START*/
.logodiv {
  position: relative;
}

.img-responsive {
  width: 100%;
  height: auto;
}

.img-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: right;
  margin-right:5px;
  margin-top:5px;
}



.pop1Head{
  color:#d15e45;
  font-size: 1.4em;
  font-weight:bold;
}

.popupG{
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  float:left;
  margin:5px
}

.oh{                 /*orange_heading*/
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color:#d15e45;
  clear:both;
  margin:3px;
}

/* old *?

#loadingZones-mask{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
z-index:20000;
background-color:#fff;
/* transparency */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: 0.9;
}
#loadingZones{
  position:absolute;
  left:200px;
  top:100px;
  padding:10px;
  color:#80202C;
  font-family:verdana;
  font-weight:bold;
  font-size:12;
  display:inline;
  font-weight:bold;
  z-index:20001;
  height:auto;
}

#loadingZones.loadingZones-indicator{
  color:#444;
  font:bold 13px tahoma,arial,helvetica;
  padding:10px;
  margin:0;
  height:auto;
}
#loadingZones-msg {
  font: bold 12px arial,tahoma,sans-serif;
  color:#DD4813;
}


#loadingMaps{
  position:absolute;
  top:400px;
  left:300px;
  padding:10px;
  border:5px solid #808285;
  background-color:#d15e45;
  color:#fff;
  font-family:verdana;
  font-size:14px;
  line-height:14px;
}


.borderedOrange {
  border: solid #d15e45 1px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 1px #d15e45;
  -moz-box-shadow: 0 1px 1px #d15e45;
  box-shadow: 0 1px 1px #d15e45;
  border-collapse:separate;
}
.borderedOrange td, .borderedOrange th {
  border-left: 1px solid #d15e45;
  border-top: 1px solid #d15e45;
  /*padding: 10px;
  text-align: left;    */
}
.borderedOrange th {
  background-color: #d15e45;
  border-top: none;
}
.borderedOrange td:first-child, .borderedOrange th:first-child {
  border-left: none;
  padding:5px;
}

.borderedOrange th:first-child {
  -moz-border-radius: 10px 0 0 0;
  -webkit-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}

.borderedOrange th:last-child {
  -moz-border-radius: 0 10px 0 0;
  -webkit-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}

.borderedOrange th:only-child{
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.borderedOrange tr:last-child td:first-child {
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
}

.borderedOrange tr:last-child td:last-child {
  -moz-border-radius: 0 0 10px 0;
  -webkit-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;
}

*[id*='itinerary_'] {  
  font-size:0.9em;
}



#holding{
  background-color:#fcf9f0;
  font-weight:normal;
  font-size:0.8em;
  color:#fff;
}

*[id*='sortableDay'] li {
  /*  background-color:#8b1422;*/
  /*padding: 5px;*/
  font-size: 0.8em;
  font-weight:200;
}

*[id*='sortableDay'] li.airstrip {
  /*background-color:#406a3c;*/
  background: url("/img2023/categories/bg_airstrips.png");
}



#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  color:#fff;

}
#sortable li {
  margin: 0 1px 5px 1px;
  padding: 1px;
  font-size: 0.8em;
  font-weight:200;
  /*height: 35px; */

}

.ui-widget-header {
  border:0px;
}
.ui-state-default{
  background-color: #fff;
}

.ui-widget-header {
  background-color: #fff;
  color:#453317;
}

.ui-state-default,
.ui-widget-content 
.ui-state-default, 
.ui-widget-header
.ui-state-default, 
.ui-button, html 
.ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background-color: #d15e45;
  color:#fff;
}



/*tempus-dominus datepicker*/

.tempus-dominus-widget{
  transform: scale(0.9);
  transform-origin: top left; 
}

.tempus-dominus-widget .date-container-days .range-in {
  background-color: #d15e45 !important;
  border: none;
  border-radius: 0 !important;
  box-shadow: -5px 0 0  #ffc107, 5px 0 0 #ffc107;
}

.tempus-dominus-widget.light .date-container-days div.range-end:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-in:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div.range-start:not(.no-highlight), .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active {
  background-color:  #d15e45;
  color: #fff;
}

.dp-highlight .ui-state-default {
  background: #9f9f57;
  color: #FFF;
}
select.map {
  border: 0px;
  background-color: #fff;
  color: #000;
  font-size:9px;
  text-transform:uppercase;
  height:34px;
  width:144px;
  background: url("https://www.wheretostay.na/img/maps/tripplan-services3.png") right center no-repeat;
  margin:2px;
}


#showDistance{
  display:none;
  clear:both;
  /*height:35px;*/
  background-color: #215b6d; 
  color: #fff; 
  font-size: 0.8em; 
  font-weight: bold;
  padding:4px; 
  width: 72px; 
  margin: 4px;
}

#instructionImg{
  /*border-top:1px solid #453317;*/
  /*border-bottom:1px solid #453317;*/
  padding-top:2px;
  font-size: 0.8em;;
  width:250px;
  height:135px;
}

#itinerary-showAllDirections{
  /*margin-top:5px;
  text-decoration:underline;*/
}


.livesearch{
  padding:2px;
  margin-left:0px;
  position:absolute;
  margin-top:80px;
  z-index:100;
  background-color:#fff;
  font-family:Arial,Helvetica;
  font-size: 0.8em;;
  text-align:left;
  display:none
}

.icon-facebookWereToStay {
  width: 90px;
  height: 100px;
  background: url("https://www.wheretostay.na/img2023/footer_social_facebook-WhereToStay.png") no-repeat;
  display: inline-block;
}
.icon-facebookWereToStay:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_facebook-WhereToStayB.png") no-repeat;
}

.icon-facebookWildNature {
  width: 90px;
  height: 100px;
  background: url("https://www.wheretostay.na/img2023/footer_social_facebook-WildNature.png") no-repeat;
  display: inline-block;
}
.icon-facebookWildNature:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_facebook-WildNatureB.png") no-repeat;
}

.icon-ig {
  width: 40px;
  height: 40px;
  background: url("https://www.wheretostay.na/img2023/footer_social_instagram.png") no-repeat;
  display: inline-block;
}
.icon-ig:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_instagramB.png") no-repeat;
}

.icon-pi {
  width: 40px;
  height: 40px;
  background: url("https://www.wheretostay.na/img2023/footer_social_pinterest.png") no-repeat;
  display: inline-block;
}
.icon-pi:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_pinterestB.png") no-repeat;
}

.icon-yt {
  width: 40px;
  height: 40px;
  background: url("https://www.wheretostay.na/img2023/footer_social_youtube.png") no-repeat;
  display: inline-block;
}
.icon-yt:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_youtubeB.png") no-repeat;
}

.icon-li {
  width: 40px;
  height: 40px;
  background: url("https://www.wheretostay.na/img2023/footer_social_linkedin.png") no-repeat;
  display: inline-block;
}
.icon-li:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_linkedinB.png") no-repeat;
}

.icon-ti {
  width: 40px;
  height: 40px;
  background: url("https://www.wheretostay.na/img2023/footer_social_tiktok.png") no-repeat;
  display: inline-block;
}
.icon-ti:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_tiktokB.png") no-repeat;
}


.icon-x {
  width: 40px;
  height: 40px;
  background: url("https://www.wheretostay.na/img2023/footer_social_twitterX.png") no-repeat;
  display: inline-block;
}
.icon-x:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_twitterXB.png") no-repeat;
}

.icon-blog {
  width: 40px;
  height: 40px;
  background: url("https://www.wheretostay.na/img2023/footer_social_blog.png") no-repeat;
  display: inline-block;
}
.icon-blog:hover {
  background: url("https://www.wheretostay.na/img2023/footer_social_blogB.png") no-repeat;
}

#copyButton {
  cursor: pointer;
  background: #f0f0f0;
}
#copyTarget {
  border: none;
  color:#ffffff;
}
.copied {
  opacity: 1;
}
@media (min-width: 768px) {
  .copied {
  display: none;
  left: 135px;
}
.linkname {
  display: block;
  color: #fff;
}
}



@media screen {
  #printSection {
  display: none;
}
}

@media print {
  body * {
  visibility:hidden;
}
#printSection, #printSection * {
  visibility:visible;
}
#printSection {
  position:absolute;
  left:0;
  top:0;
}
}





/*------------------------------------
- COLOR wtsmaroon
------------------------------------*/
.alert-wtsmaroon {
  color: #230608;
  background-color: #ea858f;
  border-color: #e7747f;
}

.alert-wtsmaroon hr {
  border-top-color: #e35e6b;
}

.alert-wtsmaroon .alert-link {
  color: #000000;
}

.badge-wtsmaroon {
  color: #fff;
  background-color: #8c1823;
}

.badge-wtsmaroon[href]:hover, .badge-wtsmaroon[href]:focus {
  color: #fff;
  background-color: #601018;
}

.bg-wtsmaroon {
  background-color: #8c1823 !important;
}

a.bg-wtsmaroon:hover, a.bg-wtsmaroon:focus,
button.bg-wtsmaroon:hover,
button.bg-wtsmaroon:focus {
  background-color: #601018 !important;
}

.border-wtsmaroon {
  border-color: #8c1823 !important;
}

.btn-wtsmaroon {
  color: #fff;
  background-color: #8c1823;
  border-color: #8c1823;
}

.btn-wtsmaroon:hover {
  color: #fff;
  background-color: #6d121b;
  border-color: #601018;
}

.btn-wtsmaroon:focus, .btn-wtsmaroon.focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 24, 35, 0.5);
}

.btn-wtsmaroon.disabled, .btn-wtsmaroon:disabled {
  color: #fff;
  background-color: #8c1823;
  border-color: #8c1823;
}

.btn-wtsmaroon:not(:disabled):not(.disabled):active, .btn-wtsmaroon:not(:disabled):not(.disabled).active, .show > .btn-wtsmaroon.dropdown-toggle {
  color: #fff;
  background-color: #601018;
  border-color: #530e14;
}

.btn-wtsmaroon:not(:disabled):not(.disabled):active:focus, .btn-wtsmaroon:not(:disabled):not(.disabled).active:focus, .show > .btn-wtsmaroon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 24, 35, 0.5);
}

.btn-outline-wtsmaroon {
  color: #8c1823;
  background-color: transparent;
  border-color: #8c1823;
}

.btn-outline-wtsmaroon:hover {
  color: #fff;
  background-color: #8c1823;
  border-color: #8c1823;
}

.btn-outline-wtsmaroon:focus, .btn-outline-wtsmaroon.focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 24, 35, 0.5);
}

.btn-outline-wtsmaroon.disabled, .btn-outline-wtsmaroon:disabled {
  color: #8c1823;
  background-color: transparent;
}

.btn-outline-wtsmaroon:not(:disabled):not(.disabled):active, .btn-outline-wtsmaroon:not(:disabled):not(.disabled).active, .show > .btn-outline-wtsmaroon.dropdown-toggle {
  color: #fff;
  background-color: #8c1823;
  border-color: #8c1823;
}

.btn-outline-wtsmaroon:not(:disabled):not(.disabled):active:focus, .btn-outline-wtsmaroon:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-wtsmaroon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(140, 24, 35, 0.5);
}

.list-group-item-wtsmaroon {
  color: #230608;
  background-color: #e7747f;
}

.list-group-item-wtsmaroon.list-group-item-action:hover, .list-group-item-wtsmaroon.list-group-item-action:focus {
  color: #230608;
  background-color: #e35e6b;
}

.list-group-item-wtsmaroon.list-group-item-action.active {
  color: #fff;
  background-color: #230608;
  border-color: #230608;
}

.table-wtsmaroon,
.table-wtsmaroon > th,
.table-wtsmaroon > td {
  background-color: #e7747f;
}

.table-hover .table-wtsmaroon:hover {
  background-color: #e35e6b;
}

.table-hover .table-wtsmaroon:hover > td,
.table-hover .table-wtsmaroon:hover > th {
  background-color: #e35e6b;
}

.text-wtsmaroon {
  color: #8c1823 !important;
}

a.text-wtsmaroon:hover, a.text-wtsmaroon:focus {
  color: #601018 !important;
}




/*------------------------------------
- COLOR khaki
------------------------------------*/
.alert-wtskhaki {
  color: #373322;
  background-color: #dbd7c4;
  border-color: #d3ceb8;
}

.alert-wtskhaki hr {
  border-top-color: #c9c3a8;
}

.alert-wtskhaki .alert-link {
  color: #17160e;
}

.badge-wtskhaki {
  color: #fff;
  background-color: #837a51;
}

.badge-wtskhaki[href]:hover, .badge-wtskhaki[href]:focus {
  color: #fff;
  background-color: #635c3d;
}

.bg-wtskhaki {
  background-color: #837a51 !important;
}

a.bg-wtskhaki:hover, a.bg-wtskhaki:focus,
button.bg-wtskhaki:hover,
button.bg-wtskhaki:focus {
  background-color: #635c3d !important;
}

.border-wtskhaki {
  border-color: #837a51 !important;
}

.btn-wtskhaki {
  color: #fff;
  background-color: #837a51;
  border-color: #837a51;
}

.btn-wtskhaki:hover {
  color: #fff;
  background-color: #6c6543;
  border-color: #635c3d;
}

.btn-wtskhaki:focus, .btn-wtskhaki.focus {
  box-shadow: 0 0 0 0.2rem rgba(131, 122, 81, 0.5);
}

.btn-wtskhaki.disabled, .btn-wtskhaki:disabled {
  color: #fff;
  background-color: #837a51;
  border-color: #837a51;
}

.btn-wtskhaki:not(:disabled):not(.disabled):active, .btn-wtskhaki:not(:disabled):not(.disabled).active, .show > .btn-wtskhaki.dropdown-toggle {
  color: #fff;
  background-color: #635c3d;
  border-color: #5a5337;
}

.btn-wtskhaki:not(:disabled):not(.disabled):active:focus, .btn-wtskhaki:not(:disabled):not(.disabled).active:focus, .show > .btn-wtskhaki.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(131, 122, 81, 0.5);
}

.btn-outline-wtskhaki {
  color: #837a51;
  background-color: transparent;
  border-color: #837a51;
}

.btn-outline-wtskhaki:hover {
  color: #fff;
  background-color: #837a51;
  border-color: #837a51;
}

.btn-outline-wtskhaki:focus, .btn-outline-wtskhaki.focus {
  box-shadow: 0 0 0 0.2rem rgba(131, 122, 81, 0.5);
}

.btn-outline-wtskhaki.disabled, .btn-outline-wtskhaki:disabled {
  color: #837a51;
  background-color: transparent;
}

.btn-outline-wtskhaki:not(:disabled):not(.disabled):active, .btn-outline-wtskhaki:not(:disabled):not(.disabled).active, .show > .btn-outline-wtskhaki.dropdown-toggle {
  color: #fff;
  background-color: #837a51;
  border-color: #837a51;
}

.btn-outline-wtskhaki:not(:disabled):not(.disabled):active:focus, .btn-outline-wtskhaki:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-wtskhaki.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(131, 122, 81, 0.5);
}

.list-group-item-wtskhaki {
  color: #373322;
  background-color: #d3ceb8;
}

.list-group-item-wtskhaki.list-group-item-action:hover, .list-group-item-wtskhaki.list-group-item-action:focus {
  color: #373322;
  background-color: #c9c3a8;
}

.list-group-item-wtskhaki.list-group-item-action.active {
  color: #fff;
  background-color: #373322;
  border-color: #373322;
}

.table-wtskhaki,
.table-wtskhaki > th,
.table-wtskhaki > td {
  background-color: #d3ceb8;
}

.table-hover .table-wtskhaki:hover {
  background-color: #c9c3a8;
}

.table-hover .table-wtskhaki:hover > td,
.table-hover .table-wtskhaki:hover > th {
  background-color: #c9c3a8;
}

.text-wtskhaki {
  color: #837a51 !important;
}

a.text-wtskhaki:hover, a.text-wtskhaki:focus {
  color: #635c3d !important;
}