/* Sticky Navbar */

#sticky-anchor {
height: 70px;
background: #263250;
}

#main-nav {
display: block; 
}

.sticky {
background-color: #ffffff;
height: 48px;
}

.navigation-bar.stick {
background: rgba(27, 52, 74, 0.8) !important;
}

.navigation-bar.stick:hover {
background: rgba(27, 52, 74, 1) !important;
}

.sticky.stick {
position: fixed !important;
width: 100%;
left: 50%;
top: 0px;
transform: translateX(-50%);
z-index: 10000;
height: 48px;
}

.mobile-navigation.stick {
position: fixed !important;
width: 100%;
left: 50%;
top: 70px;
transform: translateX(-50%);
z-index: 10000;
}

.navigation-bar .image-caption {
/* margin-top: 7px !important; */
margin-bottom: 8px !important; 
}

.navigation-bar ul {
float: right;
margin: 8px 10px 0 0; 
padding: 0; 
list-style-type: none; 
list-style-image: none; 
}

.navigation-bar li {
display: inline; 
padding: 5px 10px 5px 10px
}

.navigation-bar li a {
color: #ffffff;
text-transform: uppercase;
}

.booking-btn {
background: green;
border-radius: 5px;
border: 1px white solid;
box-shadow: 1px 1px 1px rgba(0,0,0,0.8);
margin-left: 15px;
}

/* Mobile Navigation */

.mobile-navigation {
background: #000000;
display: none;
}

.mobile-navigation.visible {
display: block;
}

#mob-nav {
/* initial state set to not display */
/* display: none; */
}

#mob-nav {
display: block; 
}

#mob-nav ul {
width: 100%;
margin-top: 20px;
}

#mob-nav li {
display: block; 
text-align: center;
}

#mob-nav li a {
font-size: 20px;
color: #ffffff;
}

#mob-nav .booking-btn {
margin-left: 0px; 
padding: 10px 20px; 
}

#mob-icon {
color: white;
font-size: 50px;
line-height: 30px;
float: right; 
/* initial state set to not display */
display: none;
}

#mob-icon.active {
line-height: 40px;
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* IE */
-ms-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

@media screen and (max-width: 959px) {
    #main-nav {
    display: none; 
    }

    /* #mob-nav {
    display: none;
    } */
  
    #mob-icon {
    display: block;
    }
}

@media screen and (max-width: 767px) {
    .container  .navigation-bar .one-fourth.column, .container  .navigation-bar  .three-fourths.column {
    width: 50% !important;
    margin-top: 0px;
    }
}

@media screen and (min-width: 959px) {
    /* #mob-nav {
    display: none;
    } */
}

/* Row borders */

.row {
border-top-color: #737373 !important;
border-bottom-color: #737373 !important;
}

/* Custom Backgrounds */

.dark-background {
background-color: rgba(0,0,0,0.3);
}

.darker-background {
background: rgba(0, 0, 0, 0.45); 
}

.darkest-background {
background: rgba(0, 0, 0, 0.65); 
}


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

.multiple-row {
background-repeat: no-repeat;
background-size: cover;
}

/* Home Page */

#fixed-bg-restaurant {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/12/bokissa_diving_descent.jpg);
background-attachment: fixed;
}

#testimonials-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_beach_picnic-e1455849839151.jpg);
background-attachment: fixed;

}

#travel-guide-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_kayaking_river.jpg);
background-attachment: fixed;
}

#contact-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_island_walk.jpg);
}

#intro-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_jetski.jpg);
background-attachment: fixed;
}

/* Diving Page */

#reef-diving {
/* background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_dugong_diving.jpg);
background-attachment: fixed; */
}

#padi-diving {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_dive_school.jpg);
background-attachment: fixed;
}

#padi-testimonials {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2016/02/padi-diving-boat.jpg);
background-attachment: fixed;
}

#padi-main {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2016/02/dive_school_pool.jpg);
background-attachment: fixed;
}

#padi-contact {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_dive_school.jpg);
}

/* Accommodation Page */

#accommodation-bg {
/* background-image: url(http://bokissa.com/bwp/wp-content/uploads/2016/02/accommodation.jpg);
background-attachment: fixed; */
}

#dining-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2016/02/dining-outside.jpg);
background-attachment: fixed;
}

#romantic-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_beach_picnic.jpg);
background-attachment: fixed;
}

#accommodation-testimonials {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_hammock-evening.jpg);
background-attachment: fixed;
}

/* Acivities Page */

#snorkelling-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2016/02/snorkelling.jpg);
background-attachment: fixed;
}

#kayaking-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2016/02/bokissa_eco_island_adventure_kayak.jpg);
background-attachment: fixed;
}

#wilderness-bg {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_island_walk.jpg);
background-attachment: fixed;
}

#activities-testimonials {
background-image: url(http://bokissa.com/bwp/wp-content/uploads/2015/11/bokissa_hammock-evening.jpg);
background-attachment: fixed;
}

/* Step Graphics */

.step-graphic-style-2 li {
background: rgba(0, 0, 0, 0.4);
}

.dark-steps .step-graphic-style-2 li {
background: rgba(0, 0, 0, 0.65);
}

.step-graphic-style-2 li p {
color: #ffffff;
}

.step-graphic-style-2 li p.heading {
    font-size: 20px;
color: #ffffff;	
}

.step-graphic-style-2 .step-graphic-style-2-number-container {
display: none !important;  
}

.step-graphic-style-2 div {
margin-left: 0px !important; 
}

/* Double Column Text */

.double-column p {
font-family: "lato";
font-size: 18px;
color: #ffffff;
}

/* Explore Bokissa slideshow */

div#n2-ss-4 .nextend-thumbnail-default table {
margin: 7px auto !important; 
}

/* Footer & Copyright */

.hb-footer .op-custom-html-block {
  position: relative;
  min-height: 370px;
}

.hb-footer .op-custom-html-block iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
 width: 100%;
}

.hb-footer .contact-details {
font-family: "Lato", sans-serif;
color: #ffffff;
font-size: 14px;
}

.hb-footer .contact-details h2 {
font-family: "Lato", sans-serif;
color: #ffffff;
font-size: 20px;
margin-top: 10px;
}

.hb-copyright .op-text-block {
color: #4A92B7; 
}