/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 body{
  background-color: #f6eeee36;
  overflow:auto !important;



 }
  

.icon-block {
  padding: 0 15px;
}
.icon-block .material-symbols-outlined {
   color: #fe260b  !important;
	font-size: inherit;
}

 
nav {
    color: #fff;
    background-color:white!important; 
    box-shadow: none!important;
    position: absolute;
	}

  .sidenav-trigger 
  {
    color: #b60404;
  }
	
nav a.button-collapse i {
    color: black;
}
nav ul a {
    
    color: #ff260b!important;
    font-weight: bold;

}

.sec_level_navbar {
  background-color: #f5deb3;
  border-radius: 40px;
  position: relative;
  z-index: 10;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  
}

 


.btn, .btn-large {
  border-radius: 40px;
  margin-bottom: 10px;
}

.round-btn{
  border-radius: 20px;
  padding-left: 15px;
  padding-right: 15px;
}


.parallax-container {
  min-height: 380px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.page-footer {
    background-color: #ff260b !important;
}

[type="checkbox"]:checked+span:not(.lever):before{

  border-right: 2px solid #ff9800;
  border-bottom: 2px solid #fe260b;
}

.select-wrapper span.caret {
  color: #fe260b;
  height: 15px;
  font-size: 15px;
}


.dropdown-content li>a, .dropdown-content li>span {
 
  color: #fe260b;
  
}

input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid #fe260b;
  box-shadow: 0 1px 0 0 #ff9800;
}

/*Right pointing*/

.arrow-right2  {
    float: left;
    height: 48px;
    margin-left: -11px;
}

.arrow_box {
	position: relative;
	background: #d51c00;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(213, 28, 0, 0);
	border-left-color: #d51c00;
	border-width: 30px;
	margin-top: -30px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 36px;
	margin-top: -36px;
}

/*          */

 
nav ul li:hover {
   background-color: none;
 
}

nav ul a:hover {
   color: black !important;
   background-color: transparent;
}

/*admin*/
td,th
{
    padding: 5px 8px;
}

 
.upcoming
{  background-color: #fe260b ;
    display: inline-block;
    border-radius: 8px;
    color: white;
    border: 3px solid white;
}
.past
{  background-color: #7a7b7d;
    display: inline-block;
    border-radius: 8px;    
    color: white;
    border: 3px solid white;
}
.today  
{  background-color: #22c232;
    display: inline-block;
    border-radius: 8px;    
    color: white;
    border: 3px solid white;
}
.cancelled
{  background-color: #7a7c7c;
    display: inline-block;
    border-radius: 8px;    
    color: white;
    border: 3px solid white;
}

.compact-btn
{
    height: 1.4rem;
    line-height: 1.6rem;
}

.green-status  
{  background-color: #22c232;
    display: inline-block;
    border-radius: 8px;    
    color: white;
    border: 3px solid white;
}

._720kb-datepicker-calendar {
  
  min-width: 320px;
  border-radius: 20px;
}
._720kb-datepicker-calendar-header:nth-child(odd) {
    background: #fe260b  !important;
}

._720kb-datepicker-calendar-month {
  font-size: 18px;
}

._720kb-datepicker-calendar-month span {
  font-size: 15px;
  color: rgb(255 255 255 / 80%);
}

._720kb-datepicker-calendar-month a span i {
  font-size: 18px;
  margin-left: -5px;
}
._720kb-datepicker-calendar-header:nth-child(even) {
  background: #e4d0ad;
}

._720kb-datepicker-calendar-day {
  color: #fe260b;
  background-color: #f3e0bf;
  padding: 3%;
  font-size: 15px;
  font-weight: bold;
    border-radius: 15%;
	}
	
._720kb-datepicker-calendar-day:hover {
    color: white;
	background-color: #d6493f;
  font-weight: bold;
	}
	
  ._720kb-datepicker-calendar-day:hover, ._720kb-datepicker-calendar-day._720kb-datepicker-active {
    background: rgb(92 86 86 / 30%);
    font-weight: bold;
}
	
._720kb-datepicker-calendar-day._720kb-datepicker-disabled, ._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover	
	{
	    color: none;
    background: none;
	}
	
	
	._720kb-datepicker-calendar-day._720kb-datepicker-today {
    background-color: #f0efef;
}
._720kb-datepicker-calendar-header a, ._720kb-datepicker-calendar-header a:hover {
  
  font-size: 15px;
  color: rgb(255 250 250 / 95%);
  font-weight: bold;
 
}

._720kb-datepicker-calendar-day._720kb-datepicker-disabled, ._720kb-datepicker-calendar-day._720kb-datepicker-disabled:hover, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-disabled:hover, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled, ._720kb-datepicker-calendar-years-pagination a._720kb-datepicker-active._720kb-datepicker-disabled:hover {
  color: rgb(0 0 0 / 40%);
 
}

#book input[type=text]:not(.browser-default)[readonly="readonly"]
{
  color: #ff5722;
}

 

 

i.tiny {
  font-size: 1rem;
  margin-right: 5px;
  margin-top: 3px;
}

.underline {
  text-decoration: underline;
}


.supported-cards {
  
  max-height: 60px;
  padding-top: 8px;
  float: right;
}

.modal, .card {
  border-radius: 20px;
}

.input-field label {
  font-size: 1.1rem !important;
}
.input-field.col label {
  left: .15rem;
}

.booking-range h5
{
  color:white; 
  font-size: 15px;
  font-weight: 500;
  margin: 5px 2px 5px 2px;
}

 

@media only screen and (max-width: 992px) {
  .modal {
      width: 90%;
      
  }
}

#Three_dsWindow .modal-content {
  padding:0px;
}

.modal   
{

  max-height: 85%;

}

.payModal  .modal-content
{
  padding: 10px !important;;

}

#payment_form
{
  padding-bottom: 20px !important;
}


 
 

.dropdown-content li {
  
  min-height: 5px;
}

.dropdown-content li>a, .dropdown-content li>span {
 
  padding: 2px 5px 2px;
  text-align: center;
}

.browser-default 
{
  background-color: transparent;
  border: none;
  border: 1px solid #9e9e9e73;
  border-radius: 40px;
  outline: none;
  color: #ff1f0f;
  padding-left: 10px;
  font-size: 16px;
}

.search-results-mobile
{
  border-radius: 20px;
  background-color: white;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
 
.search-results .card .card-image  {
   margin-top: auto;
  margin-bottom: auto;
}

.search-results .card .card-content {
  padding: 15px;
  border-radius: 0 0 2px 2px;
  margin: 0 15px 0 0;
}

.input-field .prefix {
  color: #4441404d;
  padding-left: 3px;
  font-size: 1.5rem;
    top: .8rem;
    pointer-events: none;
}

.input-field .prefix.active ,.input-field .prefix.focus {
  color: red !important;
}


 

 

select::placeholder
{
   color:#cacaca;
}

 select:focus
{
  outline: none;
   color:red;
}

#Available-Units 
{
  margin-bottom: -25px;
  left: 0px;
  background-color: white;
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  width: fit-content;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 25px;
  padding-top: 8px;
 
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}

#unit-features 
{
   margin-top:10px;
   margin-bottom: 10px;
}

.search-results label span , .search-results-mobile label span
{
  line-height: 14px !important;
  padding-left: 25px !important;
  margin-right: -30px !important;
}

#unit-features i
{
  float: left;
  padding: 3px;
}

#unit-features .chip
{
  background-color:#e4e4e491;
  padding-left: 2px;
  padding-right: 6px;
}

#booking_form .input-field ,  #payment_form  .input-field , .search-form .input-field
{
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 30px;
  padding-left: 5px;
  
}

#booking_form .row , #payment_form .row , .search-form .row
{
  margin-bottom: 5px;

}

#booking_form .input-field>label
{
  position: relative;
}
 

input ,  select
{
  -webkit-appearance: none;  /* Safari and Chrome */
  -moz-appearance: none;     /* Firefox */
  appearance: none;          /* Standard */

  margin-bottom: 5px !important;
  padding-left: 25px !important;
  padding-right: 0px;
  padding-top: 0px;
    padding-bottom: 0px;
  border-radius: 40px !important;
 
border: 1px solid #9e9e9e73  !important;
    color: #ff5722;
    font-weight: 500;

    -webkit-box-sizing: content-box;
  box-sizing: content-box;

  font-size: 14px !important;
  white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white !important;
}

 #policy_highlights li 
 {
  font-size: x-large;
  padding: 10px ;
  
 }