/*
primary : #df7b0a, rgb(223 123 10)  Orange
*/
:root {
  --bs-primary: #ffbf00;
  --bs-primary-rgb: 255, 191, 0;
  --bs-primary-dark: #e0a800;
  --bs-primary-dark-rgb: 224, 168, 0;

  --bs-secondary: #000;
  --bs-secondary-rgb: 0, 0, 0;

  --bs-body-font-family: "Poppins";
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #fff;
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg: #000;
  --bs-body-bg-rgb: 0, 0, 0;
  --bs-body-text-align: left;

  --bs-heading-color: var(--bs-primary);
  --bs-border-color: var(--bs-primary);
  --bs-link-color: #ffbf00;
  --bs-link-color-rgb: 255, 191, 0;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #e0a800;
  --bs-link-hover-color-rgb: 224, 168, 0;

  --bs-heading-font-family: "Poppins", sans-serif;
  --bs-btn-font-family: "Poppins", sans-serif;

  --form-control-bg: "#292929";
}

/*
* Normalize
* ================ */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-family: "Poppins", sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  --bs-body-font-family: "Poppins", sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #fff;
  --bs-body-color-rgb: 255, 255, 255;
  --bs-body-bg: #000;
  --bs-body-bg-rgb: 0, 0, 0;
  --bs-body-text-align: left;

  --bs-heading-font-family: var(--bs-body-font-family);
  --bs-btn-font-family: var(--bs-body-font-family);

  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: left;
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html,
body {
  margin: 0;
  padding: 0;
  border: 0;
}

article,
aside,
details,
figcaption,
figure,
embed,
object,
video,
footer,
header,
hgroup,
menu,
nav,
main,
time,
section {
  display: block;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button,
label,
.btn,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--bs-heading-font-family);
  letter-spacing: 0;
}
h1,
h2 {
  font-weight: 700;
}
h3,
h4 {
  font-weight: 600;
}
h5,
h6 {
  font-weight: 500;
}

/* Media ------------------------------------- */
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;

  
  -moz-user-select: none;
  /* These user-select properties are inheritable, used to prevent text selection */
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;

  /* From IE10 only */
  -webkit-user-drag: none;
  /* Prevents dragging of images/divs etc */
  user-drag: none;
}

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

iframe {
  display: block;
  max-width: 100%;
  margin: auto;
}

img,
embed,
object {
  height: auto;
  max-width: 100%;
}

section {
  position: relative;
  background: transparent;
}

.ofi {
  object-fit: cover;
  font-family: "object-fit: cover";
}

.bg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.bg-fixed {
  background-attachment: fixed;
}

a:hover,
a:focus,
a:visited {
  text-decoration: none !important;
  outline: none !important;
}
a {
  text-decoration: none;
}
a,
button,
input {
  transition: 0.3s all ease;
  outline: none !important;
}

.text-s {
  font-size: 0.85rem;
}

.text-xs {
  font-size: 0.7rem;
}

.text-l {
  font-size: 1.2rem;
}

.text-xl {
  font-size: 1.6rem;
}

.text-xxl {
  font-size: 2rem;
}

.font-signature {
  font-family: "marck script", cursive;
}

.modal-content {
  background: rgba(225, 225, 225, 0.9);
  border-radius: 3rem;
}
.modal-header .close {
  padding: 0;
  font-size: 30px;
  display: flex;
  align-self: center;
}

.form-control {
  background-color: var(--form-control-bg);
}

.form-error {
  color: rgb(185, 74, 72);
}

.rounded-16 {
  border-radius: 16px;
}
.rounded-8 {
  border-radius: 8px;
}

select.form-control {
  cursor: pointer;
  color: #999;
}

::-webkit-input-placeholder {
  opacity: 1;
  color: #999;
}

::-moz-placeholder {
  opacity: 1;
  color: #999;
}

:-ms-input-placeholder {
  opacity: 1;
  color: #999;
}

:-moz-placeholder {
  opacity: 1;
  color: #999;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

ul.none {
  margin: 0;
  list-style: none;
}

ul.circle {
  list-style: circle;
}
ul.disc {
  list-style: disc;
}
ul.square {
  list-style: square;
}

.text-gray {
  color: var(--bs-gray-500);
}
.bg-gray {
  color: var(--bs-gray-500);
}
.text-dgray {
  color: var(--bs-gray);
}

.bg-dgray {
  color: var(--bs-gray);
}
.text-lgray {
  color: var(--bs-gray-100);
}
.bg-lgray {
  background-color: var(--bs-gray-100);
}
.text-white {
  color: #fff;
}

.bg-white {
  background-color: #fff;
}

.text-black {
  color: #262a30;
}
.bg-black {
  background-color: #262a30;
}
.text-normal {
  font-weight: normal;
}

.mw-125 {
  min-width: 125px;
}

.w-125 {
  width: 125px;
}

.mw-150 {
  min-width: 150px;
}

.w-150 {
  width: 150px;
}

.mw-200 {
  min-width: 200px;
}

.w-200 {
  width: 200px;
}

.mw-250 {
  min-width: 250px;
}

.width-250 {
  width: 250px;
}

.mxw-320 {
  max-width: 320px;
}
.max-860 {
  max-width: 860px;
  margin: auto;
}

.wpcf7-textarea {
  max-height: 124px;
}

.disabled-box {
  opacity: 50%;
  pointer-events: none;
}

.box-shadow {
  box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.18);
}

.box-shadow:hover {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}

.img-box-shadow {
  border-radius: 15px;
  box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
}

/* Sections ---------------------------------- */

.section-container {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  /* max-width: 1440px; */
  max-width: 1320px;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.section-content {
  padding: 3rem 0;
}

.section-container.full-width,
.section-container.max-percentage {
  width: 100%;
  max-width: unset;
  overflow: hidden;
}

.section-container.thin {
  max-width: 960px;
  width: 98%;
}

.section-container.small {
  max-width: 1140px;
  width: 97%;
}

.section-container.medium {
  max-width: 1320px;
}

.section-container.no-margin {
  margin: 0;
}

.entry-content .wpb_content_element {
  margin: 0;
}

.full-width-img {
  max-height: 720px;
  max-width: 1080px;
  margin: auto;
  width: 100%;
}

.line-title {
  position: relative;
  padding-bottom: 20px;
}
.line-title::after {
  content: "";
  height: 4px;
  width: 80px;
  background: var(--bs-primary);
  position: absolute;
  left: 0;
  bottom: 4px;
  border-radius: 18px;
}
.heading.text-center .line-title::after,
.line-title.text-center::after {
  left: calc(50% - 40px);
}

#site-header {
  background: rgba(var(--bs-primary-rgb), 1);
  color: #000;
}

#site-header .site-logo img {
  width: auto;
  max-height: 178px;
}

.header-wrapper {
  display: flex;
  justify-content: space-between;
}

.header-why-noco {
  max-width: 330px;
  font-weight: 600;
  font-size: 15px;
}

#menu {
  display: block;
}

/* Menu */

.nav > li > a {
  position: relative;
  display: block;
  font-size: 0.9rem;
}

#main-menu-wrapper {
  margin: 0 0 0 auto;
}

#site-header .mod-menu {
  position: relative;
  z-index: 999;
}

#site-header ul.nav {
  list-style: none;
  padding: 0px;
  margin: 0;
}

#site-header ul.nav li {
  position: relative;
}

#site-header ul.nav li a {
  background: none !important;
  padding: 6px 12px;
  text-decoration: none !important;
  white-space: nowrap;
  color: #fff;
}
#site-header ul.nav li:hover > .arrow,
#site-header ul.nav li:hover > a {
  color: var(--bs-primary);
}
#site-header ul.nav li.menu-item-has-children {
  padding-right: 14px;
}
#site-header ul.nav li a.icon-center {
  text-align: center;
}

#site-header ul.nav li a.m-link {
  color: #8a8a8a;
}

#site-header ul.nav li.current-menu-parent:hover > a,
#site-header ul.nav li.current-menu-item:hover > a {
  color: #fff;
}

#site-header ul.nav li ul {
  position: absolute;
  top: 100%;
  left: 0;
  margin-left: 0;
  background: #000;
  min-width: 230px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  box-shadow: 0px 3px 3px 0px #0001;
  padding-left: 0;
  list-style: none;
}

#site-header ul.nav li ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}

#site-header ul.nav li ul li a {
  display: block;
}

#site-header ul.nav li ul li a:hover {
}

#site-header ul.nav li ul li ul {
  left: 100%;
  right: auto;
  top: 0px;
  margin-left: 0px;
  width: 0px;
  overflow: hidden;
  display: block;
}

#site-header ul.nav li ul li ul li {
  width: 230px;
}

#site-header ul.nav li.right ul li ul {
  left: auto;
  right: 100%;
}

.show-on-mobile {
  display: none;
}

#site-header .site-logo {
  margin-right: 1rem;
}
#site-header ul.nav > li {
  background-color: #000;
  border-radius: 8px;
  margin: 4px;
}

#site-header ul.nav li ul {
  opacity: 0;
  max-height: 0px;
  overflow: hidden;
}
#site-header ul.nav > li.current-menu-item,
#site-header ul.nav > li.current-menu-parent {
  background-color: #e6c7eb;
}

#site-header ul.nav li ul li ul {
  max-height: none;
  opacity: 1;
}

#site-header ul.nav li ul li:hover > ul {
  width: 230px;
}

#site-header ul.nav li:hover > ul {
  opacity: 1;
  max-height: 2000px;
  overflow: visible;
}

#site-header ul.nav li:hover > ul li {
  overflow: visible;
}

#site-header ul.nav li:hover > ul li ul {
  overflow: hidden;
  opacity: 1;
}

#site-header #menu ul li ul li a {
  padding: 7px 14px;
}

#site-header #menu ul li ul li:hover > a,
#site-header #menu ul li ul li.active > a {
  color: var(--bs-primary);
}

#site-header #menu ul li ul li:hover a span.sub-arrow,
.header-section #menu ul li ul li.active a span.sub-arrow {
  color: var(--bs-primary);
}

#site-header ul.nav li ul li a span.sub-arrow {
  float: right;
  font-size: 14px;
  color: #262a30;
}

#site-header .main-nav .nav {
  flex-flow: row;
  flex-wrap: wrap;
}

#site-header #menu > .menu-container > ul li .arrow::after {
  position: absolute;
  top: 10px;
  right: 9px;
  content: "\F229";
  font-family: bootstrap-icons !important;
  font-size: 11px;
  color: #fff;
  display: inline-block;
}




.page-banner {
  background-color: rgba(0, 0, 0, 0.04);
  position: relative;
  z-index: 1;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-banner-container {
  text-align: center;
  padding: 30px;
  
}
.page-banner .entry-title{
  font-family: Poppins;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
#breadcrumbs{margin-bottom: 20px;}


/*
* Footer
*/
#footer-container-bottom a {
  color: var(--bs-body-color);
}
#footer-container-bottom a:hover {
  color: rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));
}
#footer-container-bottom .footer_poweredby {
  text-align: right;
}

/*
**	404 page not found
*/
.not-found-wrapper .not-found-container {
  padding: 60px 0 50px;
  background-color: #0000005e;
}

.not-found-wrapper .not-found-container .not-found-title h1 {
  font-size: 72px;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
  color: #fff;
}

.not-found-wrapper .not-found-container .not-found-desc {
  font-size: 16px;
  max-width: 550px;
  margin: 0 auto;
  color: #ccc;
}

.not-found-wrapper .not-found-container .not-found-subtitle {
  font-size: 28px;
  font-weight: 700;
  margin: 10px 0;
  color: #fff;
}

@media (max-width: 991.98px) {
  .not-found-wrapper .not-found-container .not-found-title h1 {
    font-size: 42px;
  }
  .not-found-wrapper .not-found-container .not-found-subtitle {
    font-size: 24px;
  }
  .header-wrapper{
    flex-wrap: wrap;
    justify-content:space-evenly;
  }
}

.wp-block-image .alignright {
  clear: both;
}

.fade-in-image {
  animation: fadeIn 3s;
  -webkit-animation: fadeIn 3s;
  -moz-animation: fadeIn 3s;
  -o-animation: fadeIn 3s;
  -ms-animation: fadeIn 3s;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

ol[type="i"] {
  /* list-style: lower-roman; */
}
ol[type="i"] > li {
  margin-bottom: 2px;
}
ol[type="a"] {
  /* list-style: lower-alpha; */
}
ol[type="a"] > li {
  margin-bottom: 5px;
}

ol[type="1"] {
  /* list-style: decimal; */
}
ol[type="1"] > li {
  margin-bottom: 15px;
}

.max-1080 {
  max-width: 1080px;
  margin: 0 auto;
}

.list.column-2 {
  columns: 2;
}
.list.column-3 {
  columns: 3;
}
.list.column-4 {
  columns: 4;
}
.list .list-item {
  padding: 5px 10px 5px 5px;
}

/* HOME PAGE*/

.section-bg {
  position: relative;
}
.section-bg::before {
  content: "";
  background-color: rgba(var(--bs-primary-rgb), 0.1);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  transform: rotate(5deg) skew(5deg);
}
.section-bg.right::before {
  transform: rotate(-5deg) skew(-5deg);
}

@media (min-width: 768px) {
  .section-bg.max-h-80::before {
    max-height: 80%;
    top: 10%;
  }
  .section-bg::before {
    max-height: 85%;
    top: 5%;
  }
}


#site_content_wrapper .wr-booking{
  color: #fff;
}
#site_content_wrapper .wr-booking .wr-input-group-text:not(.wr-form-control){
  background-color: var(--bs-primary);
  border: 1px solid rgba(255, 255, 255, 0.4);
}
#site_content_wrapper input.wr-form-control, #site_content_wrapper .wr-form-control{
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
}

#site_content_wrapper .wr-booking .wr-form-group label{
  color: var(--bs-primary);
}
#site_content_wrapper ::-webkit-input-placeholder, #site_content_wrapper .wr-form-control::-webkit-input-placeholder, #site_content_wrapper ::placeholder, .wr-form-control::placeholder{

  color: rgba(255, 255, 255, 0.4);
}

#site_content_wrapper .wr-booking .rental-unit-list .pricing-tabel .price-list{
  padding-left: 0;
}
#site_content_wrapper .wr-booking .rental-unit-list .rental-unit-details .frature-list{
  padding-left: 0;
}
#availability-calendar .date-picker-wrapper .month-wrapper{ 
  color: #fff;
  border: 1px solid #ffbf00;
  border-radius: 5px;
  background-color: #070707;
}
#availability-calendar .date-picker-wrapper .month-wrapper table th,#availability-calendar  .date-picker-wrapper .month-wrapper table td{
  border-color: transparent;
}
#availability-result .wr-text-success{
  color: var(--bs-primary) !important
}
#account-benefits .wr-bg-light {
  --bs-bg-opacity: 0.2;
}

/* Change Autocomplete styles in Chrome*/
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}