/*
Theme Name: Reef Retreat
Version: 1.0
Author: Cloud Three
Author URI: https://cloudthree.com.au/
*/
 
.alignnone {
margin: 5px 20px 20px 0;
}
 
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
 
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
 
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
 
a img.alignnone {
margin: 5px 20px 20px 0;
}
 
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
 
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
 
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
 
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
 .contentStyle10 .shell.one {
 left: 0;
 bottom: 0;
 width: 200px;
 opacity: .3;
 }
 .contentStyle10 .shell.two{
   top: 0;
 }
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
 
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
 
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
 
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
 
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
 
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; /* Above WP toolbar. */
}
 
/* ninja forms preset */
 
.ninja-forms-form-wrap .ninja-forms-error-msg {
color: #ff0000;
margin-bottom: 5px;
}
 
.ninja-forms-form-wrap .ninja-forms-required-items {
margin-bottom: 5px;
font-weight: bold;
}
 
.ninja-forms-form .text-wrap input,
.ninja-forms-form .textarea-wrap textarea,
.ninja-forms-form .list-dropdown-wrap select {
font-size: 14px;
padding: 10px 10px;
border: 1px solid #cccccc;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background-color: #ffffff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 100%;
}
 
.ninja-forms-form .submit-wrap input {
line-height: 41px;
text-align: center;
background-color: #ffffff;
padding: 0 32px;
border: 2px solid #cccccc;
-webkit-transition: background-color 0.3s, color 0.3s;
-moz-transition: background-color 0.3s, color 0.3s;
transition: background-color 0.3s, color 0.3s;
cursor: pointer;
font-size: 14px;
}
 
.ninja-forms-form .submit-wrap input:hover {
color: #ffffff;
background-color: #cccccc;
}
.nf-form-fields-required {
  display: none;
}
#mainWrapper .nf-form-content .list-select-wrap .nf-field-element>div,

#mainWrapper .nf-form-content textarea,
#mainWrapper .nf-form-content .list-select-wrap .nf-field-element>div:active
{
background: none;
border: none;  
}
#mainWrapper .nf-form-content input[type=submit]{
  border: 1px solid #c4c4c4;
  border-radius: 50px;
  position: relative;
  display: table;
  line-height: 1.2;
  font-family: 'Dreaming', Times, serif;
  font-size: 24px;
  font-weight: normal;
  color: currentColor;
  background: none;
  padding: 9.6px 38px;
  border: 1px solid currentColor;
  border-radius: 50px;
  cursor: pointer;
  outline: none;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -o-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
}
#mainWrapper .nf-form-content .list-select-wrap>div div:after{
  display: none;
}
#mainWrapper .list-select-wrap select:active+div,
#mainWrapper .list-select-wrap select:focus+div
{
  background: none !important;
  display: none;
}
.threeCols
{
  flex-wrap: wrap;
}
.contentStyle09.blue{
  background: #8ab0e0 url(./images/features-bg.png) repeat center top fixed;
  background-size: 720px;
}
.page-template-default .contentStyle01 .left .shell{
  bottom: -22px;
}
 .contentStyle01 .green.left:before
{
 
background: #b5d68f;
}
.contentStyle01 .green.left .shell{
  left: 10px;
  bottom: 10px;
  width: 60px;
  opacity: 1;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.contentStyle06 .shell.star{
 opacity: .5;

}
 .contentStyle01 .pink.left:before
{
 
background: #FCADAB;
}
.contentStyle09.blue{
  background-color: #8ad4e0;
}
.contentStyle09.green{
  background-color: #b5d68f;
}
.content a{
  text-decoration: underline;
  font-weight: bold;
}
.content.darkcream{
  background:  #fadec4;
}
.content.pink{
  background:  #FCADAB;
}
.content.blue{
  background:  #8ad4e0;
}
.content.green{
  background:  #8cc9ab;
}
.section .nf-form-content input.ninja-forms-field {
  display: block;
  margin: 0;
  padding: 9px 38px;
  background: none;
  border-radius: 50px;
  color: #fff;
  font-family: 'Dreaming', Times, serif;
  font-size: 24px;
  font-weight: normal;
  border: 1px solid #fff;
  outline: none;
  width: 100%;
  height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
 .contentStyle06 .section .nf-form-content input.ninja-forms-field {
  border: 1px solid #294A6B;
  color: #294A6B;

 }
 #mainWrapper .nf-form-content input[type=submit]{
   width: auto;
 }
 #mainWrapper .nf-form-content input[type=submit]:hover{
   background: #fff;
 }/* Highlight the selected start date */
 .selected-start {
     background-color: #007bff;
     color: white;
     font-weight: bold;
 }
 
 /* Highlight the selected range */
 .selected-range {
     background-color: #d1eaff;
     color: #007bff;
     font-weight: bold;
 }
 .fc-h-event .fc-event-title-container{
   background-color: #eca2a0;
   border: none;
 }
 #mainWrapper #booking-calendar a{
   text-decoration: none;
   border: none;
 }
 #mainWrapper a.linkBtn{
   text-decoration: none;
 }
 #modal-ninja-form-container .nf-form-content input[type=submit] {
     /* display: none; /* Hide the default submit button */ */
 }
 /* Sliding tab container */
 #booking-tab {
     position: fixed;
     top: 0;
     right: -100%; /* Hidden off-screen by default */
     width: 30%;
     height: 100%;
     background: #ffffff;
     box-shadow: -2px 0 5px rgba(0, 0, 0, 0.2);
     overflow-y: auto;
     transition: right 0.3s ease;
     z-index: 1000;
 }
 
 /* When the tab is active */
 #booking-tab.active {
     right: 0; /* Slide in */
 }
 
 /* Tab header */
 .booking-tab-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 16px;
     background: #007bff;
     color: #ffffff;
 }
 
 /* Close button */
 .close-tab {
     background: none;
     border: none;
     color: #ffffff;
     font-size: 24px;
     cursor: pointer;
 }
 
 /* Tab content */
 .booking-tab-content {
     padding: 16px;
 }
 #ninja-form-container select{
border-radius: 50px;
border:1px solid #294A6B;
 }
#ninja-form-container input{
   border-color: #294A6B;
 }
 .calendar-277.fc .fc-daygrid-day.fc-day-today
{
  background: rgb(181,213,143);
}
.calendar-276.fc .fc-daygrid-day.fc-day-today{
  background: rgb(138,212,224);
}
.contentStyle11 .shell{
  display: none;
}
body .content.darkcream, body .contentStyle06
{
  background: #fadec4 url(./images/features-bg.png) repeat center top fixed;
  background-size: 720px;
}
#footer .left .links li a{
  text-decoration: none;
  font-weight: normal;
}
body .contentStyle05{
  background: #8ab0e0;
}
message{
  background-color: #eca2a0;
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
#mainWrapper .content.contentStyle01 .shell.custom{
  filter: none;
}
.contentStyle06 .shell{
  max-height: 150px;
  bottom: 20px;
}
.starFish {
position: absolute;
right: 8px;
top: 23px;
opacity: 0.5;
pointer-events: none;
z-index: -1;
max-width: 200px;
max-height: 200px;
}
.shell{
  max-width: 200px;
  max-height: 200px;
  opacity: .5 !important;
}
@media only screen and (max-width : 767px){
  .contentStyle06 .shell{
    max-height: 60px;
  }
}