@font-face {
    font-family: Notroublesjustbubbles;
    src: url('https://www.similandivingtours.com/font/Notroublesjustbubbles-Regular.ttf') format("truetype"); 
}

@font-face {
    font-family: 'GROBOLD';
    src: url('https://www.similandivingtours.com/font/GROBOLD.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
  font-family: "FontAwesome"; /* FA 4.x family name */
  src: url("/templates/t3_bs3_blank/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0") format("woff2"),
       url("/templates/t3_bs3_blank/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;  /* or: optional */
}


#rlta-panel-boat-overview,
#rlta-panel-pictures,
#rlta-panel-features,
#rlta-panel-courses,
#rlta-panel-itinerary,
#rlta-panel-transfers,
#rlta-panel-schedule-prices,
#rlta-panel-booking-enquiry
 {
	clear: both;
	padding: 5px 10px 5px 5px;
	background-color: #05121a;
    border-radius: 10px 10px 10px 10px !important;
    border-left: 1px solid #f3f0ff;
    border-right: 1px solid #f3f0ff;
    border-bottom: 1px solid #f3f0ff;
    border-top: 1px solid #f3f0ff;
    -moz-box-shadow: inset 0px 0px 5px #ffe8d1;
    -webkit-box-shadow: inset 0px 0px 5px #ffe8d1;
    box-shadow: inset 0px 0px 5px #ffe8d1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#080226',endColorstr='@black');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#080226', endColorstr = '@black')";
    background-image: -moz-linear-gradient(top,#080226,#000000);
    background-image: -ms-linear-gradient(top,#080226,#000000);
    background-image: -o-linear-gradient(top,#080226,#000000);
    background-image: -webkit-gradient(linear,center top,center bottom,from(#080226),to(#000000));
    background-image: -webkit-linear-gradient(top,#080226,#000000);
    background-image: linear-gradient(top,#080226,#000000);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	
}
input#preferred_start_date,
input#preferred_finish_dat {
    cursor: pointer !important;
}
#rlta-boat-overview[aria-selected="true"],
#rlta-pictures[aria-selected="true"],
#rlta-features[aria-selected="true"],
#rlta-courses[aria-selected="true"],
#rlta-itinerary[aria-selected="true"],
#rlta-transfers[aria-selected="true"],
#rlta-schedule-prices[aria-selected="true"],
#rlta-booking-enquiry[aria-selected="true"]{
  background-color: #8DB24D;
  box-shadow: inset 0px -5px 0px 0px #fff !important;
    -webkit-box-shadow: inset 0px -5px 0px 0px #fff !important;
    -moz-box-shadow: inset 0px -5px 0px 0px #fff !important;
    -o-box-shadow: inset 0px -5px 0px 0px #fff !important;
}
#rlta-boat-overview a:hover,
#rlta-pictures a:hover,
#rlta-features a:hover,
#rlta-courses a:hover,
#rlta-itinerary a:hover,
#rlta-transfers a:hover,
#rlta-schedule-prices a:hover,
#rlta-booking-enquiry a:hover{

color: #fff !important;
}



#rlta-boat-overview,
#rlta-pictures,
#rlta-features,
#rlta-courses,
#rlta-itinerary,
#rlta-transfers,
#rlta-schedule-prices,
#rlta-booking-enquiry {
    background-color: #416D97;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    padding: 8px 10px;	
	margin: 5px;
	
}

#rlta-boat-overview a,
#rlta-pictures a,
#rlta-features a,
#rlta-courses a,
#rlta-itinerary a,
#rlta-transfers a,
#rlta-schedule-prices a,
#rlta-booking-enquiry a {
  font-weight: bold;
  font-size: 15px;

}
#ce-ff-container-want_to_dive_at,
#ce-ff-container-dive_boat_s_interest {
	background-color: #304A72;
	padding: 8px 10px;
}
div#ce-ff-container-dive_start_date,
div#ce-ff-container-trip_length {
	clear: both;
	padding: 8px 10px;
	background-color:#fa681e;
	margin-bottom: 10px;
}

[data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] {
	grid-auto-flow: row;
	grid-template-columns: auto auto;

}

/* accordation */
[data-rlta-element=container] > [data-rlta-element=panel] {
	border: 0px !important;
	border-radius: 0px !important;
	padding: 20px;
}
[data-rlta-element=container] > [data-rlta-element=button] {
	background-color: #8db24d;
	border-radius: 5px;
	border: 0px;
	text-align: center;
	font-size: 15px;
}
[data-rlta-element=container] > [data-rlta-element=button] a {
	font-size: 15px !important;
	text-align: center;
	display: inline-block;
}
/* blog list places */
.row-flex {
display:flex;
flex-wrap: wrap;
}
.blog_divesites .diveblogitems  {
	margin-bottom: 40px;
}
.galleryView, 
.boatItems,
.category.list-striped.list-condensed .cat-list-row0,
.category.list-striped.list-condensed .cat-list-row1,
.archive form#adminForm.form-inline #archive-items .row0,
.archive form#adminForm.form-inline #archive-items .row1,
.tag-category form#adminForm.form-inline ul.category li.cat-list-row1,
.tag-category form#adminForm.form-inline ul.category li.cat-list-row0,

.blog .items-row .diveblogitems 
 {
color: #05121A;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
padding: 5px;
background-color: #dedede;
border: 2px solid #999999;
-moz-border-radius: 11px;
-webkit-border-radius: 11px;
border-radius: 11px;
-moz-box-shadow: 0px 0px 1px @black;
-webkit-box-shadow: 0px 0px 1px @black;
box-shadow: 0px 0px 1px @black;
background-color: #FAFAFA; 
text-align: justify;
}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] {
	grid-auto-flow: row;
	grid-template-columns: auto auto;

}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 


  [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] {
	 display: inline !important;
}
#rlta-boat-overview,
#rlta-pictures,
#rlta-features,
#rlta-courses,
#rlta-itinerary,
#rlta-transfers,
#rlta-schedule-prices,
#rlta-booking-enquiry {
	float: left;
}
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

 [data-rlta-element=container][data-rlta-state=ready][data-rlta-type=tabs] > [data-rlta-element=button-list] {
	 display: inline !important;
}
	
 #rlta-boat-overview a,
#rlta-pictures a,
#rlta-features a,
#rlta-courses a,
#rlta-itinerary a,
#rlta-transfers a,
#rlta-schedule-prices a,
#rlta-booking-enquiry a {
  font-weight: bold;
  font-size: 18px;

}   
}
 
/* Extra extra large devices (extra large desktops, 1400px and up) */
@media (min-width: 1400px) {  
    
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}














div#ce-ff-container-name, 
div#ce-ff-container-email,
div#ce-ff-container-subject,
div#ce-ff-container-messages,
div#ce-ff-container-consent_contact_form,
div#ce-ff-container-consent_booking_form,
div#ce-ff-container-consent
{
background-color:#4D81B3 !important;
padding: 15px !important;
color: #fff;
}
div#ce-ff-container-number_of_divers,
div#ce-ff-container-divers_staying_in,
div#ce-ff-container-equipment_rental {
background-color:#8db24d !important;
padding: 15px !important;		
}
div#ce-ff-container-number_of_divers .control-label,
div#ce-ff-container-divers_staying_in .control-label,
div#ce-ff-container-equipment_rental .control-label {
color: #000;		
}
div#ce-ff-container-other_information {
background-color:#da945b !important;
padding: 15px !important;		
}
#checkbox-fieldset-contact_email_copy{
	clear: both;
	padding: 15px;
}
/*send button*/
button#cf_ce_submit_button
 {
	-moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
	box-shadow:inset 0px 0px 0px 0px #f9eca0;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e) );
	background:-moz-linear-gradient( center top, #f0c911 5%, #f2ab1e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e');
	background-color:#f0c911;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border:1px solid #e65f44;
	display:inline-block;
	color:#c92200;
	font-family:arial;
	font-size:38px;
	font-weight:bold;
	padding:6px 43px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ded17c;
	}
.visually-hidden {
	display: none;
}


.search-icon-nav a#anchor2: hover {
	text-decoration: none;
}
.anchor2 {
	display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

	.customblog.fa-exclamation-triangle:before {
		color: yellow;
		display: inline-block;
		text-align: center;
		font-size: 25px;
	}
	
	.customblog h3 {
		display: inline-block;
	}
	
	.customblog.bottomlists ul {
		list-style: none;
		padding: 0;
	}
	
	.customblog.bottomlists li {
		padding-left: 1.3em;
	}
	
	.customblog.bottomlists li:before {
		content: "\f00c";
		/* FontAwesome Unicode */
		font-family: FontAwesome;
		display: inline-block;
		color: #fff;
		font-size: 18px;
		margin-left: -1.3em;
		/* same as padding-left set on li */
		width: 1.3em;
		/* same as padding-left set on li */
	}	
	.customblog.bottom-ul {
		margin: 10px;
		background-color: #101a23;
		padding: 10px;
		display: inline-block;
		-webkit-border-radius: 5px 5px 5px 5px;
		border-radius: 5px 5px 5px 5px;
	}	
body {
font-size: 16px;	
}

.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }


@media only screen and (max-width: 480px) {
body {
	margin-top: 60px !important;
}
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
body {
	margin-top: 60px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
body {
	margin-top: 50px !important;
}	
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
body {
	margin-top: 50px !important;
}	
}
@media(min-width: 1200px){
body {
	margin-top: 62px !important;
}	
}
.item-page_blog h2 {
    font-size: 18px !important;
}



/* =========================
   TABS — SPAN-BASED HEADINGS
   ========================= */

/* Base tab button box */
#rlta-boat-overview,
#rlta-pictures,
#rlta-features,
#rlta-courses,
#rlta-itinerary,
#rlta-transfers,
#rlta-schedule-prices,
#rlta-booking-enquiry {
  background-color: #416D97;
  border-radius: 0;
  padding: 8px 10px;
  margin: 5px;
}

/* Active tab background */
#rlta-boat-overview[aria-selected="true"],
#rlta-pictures[aria-selected="true"],
#rlta-features[aria-selected="true"],
#rlta-courses[aria-selected="true"],
#rlta-itinerary[aria-selected="true"],
#rlta-transfers[aria-selected="true"],
#rlta-schedule-prices[aria-selected="true"],
#rlta-booking-enquiry[aria-selected="true"] {
  background-color: #8DB24D;
  box-shadow: inset 0 -5px 0 0 #fff !important;
}

/* TAB LABEL TEXT */
#rlta-boat-overview [data-rlta-element="heading"],
#rlta-pictures [data-rlta-element="heading"],
#rlta-features [data-rlta-element="heading"],
#rlta-courses [data-rlta-element="heading"],
#rlta-itinerary [data-rlta-element="heading"],
#rlta-transfers [data-rlta-element="heading"],
#rlta-schedule-prices [data-rlta-element="heading"],
#rlta-booking-enquiry [data-rlta-element="heading"] {
  font-weight: bold;
  font-size: 15px;
  line-height: 1.3;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
  text-decoration: none;
  text-align: left !important;
}

/* Inherit icon color */
#rlta-boat-overview [data-rlta-element="heading"] *,
#rlta-pictures [data-rlta-element="heading"] *,
#rlta-features [data-rlta-element="heading"] *,
#rlta-courses [data-rlta-element="heading"] *,
#rlta-itinerary [data-rlta-element="heading"] *,
#rlta-transfers [data-rlta-element="heading"] *,
#rlta-schedule-prices [data-rlta-element="heading"] *,
#rlta-booking-enquiry [data-rlta-element="heading"] * {
  color: inherit;
  text-decoration: none;
}

/* Hover effect */
#rlta-boat-overview:hover [data-rlta-element="heading"],
#rlta-pictures:hover [data-rlta-element="heading"],
#rlta-features:hover [data-rlta-element="heading"],
#rlta-courses:hover [data-rlta-element="heading"],
#rlta-itinerary:hover [data-rlta-element="heading"],
#rlta-transfers:hover [data-rlta-element="heading"],
#rlta-schedule-prices:hover [data-rlta-element="heading"],
#rlta-booking-enquiry:hover [data-rlta-element="heading"] {
  color: #fff;
}

/* Desktop bump */
@media (min-width: 1200px) {
  #rlta-boat-overview [data-rlta-element="heading"],
  #rlta-pictures [data-rlta-element="heading"],
  #rlta-features [data-rlta-element="heading"],
  #rlta-courses [data-rlta-element="heading"],
  #rlta-itinerary [data-rlta-element="heading"],
  #rlta-transfers [data-rlta-element="heading"],
  #rlta-schedule-prices [data-rlta-element="heading"],
  #rlta-booking-enquiry [data-rlta-element="heading"] {
    font-size: 18px;
  }
}

/* Booking tab always yellow */
#rlta-booking-enquiry [data-rlta-element="heading"],
#rlta-booking-enquiry [data-rlta-element="heading"] * {
  color: #ffff00 !important;
}

/* --------------------------------
   LAYOUT: Shared mobile/tablet rules
-----------------------------------*/
@media (max-width: 991px) {
  [data-rlta-type="tabs"] [data-rlta-element="button-list"] {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: 10px !important;  /* horizontal gap */
    row-gap: 10px !important;     /* vertical gap */
    justify-items: stretch !important;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px; /* space below last row */
    box-sizing: border-box;
  }

  [data-rlta-type="tabs"] [data-rlta-element="button-list"] > [data-rlta-element="button"] {
    margin: 0 !important;
    padding: 10px 14px !important;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left !important;
  }

  /* Wrap text, prevent overflow */
  [data-rlta-type="tabs"] [data-rlta-element="heading"] {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* --------------------------------
   Landscape fix: 768–991px
-----------------------------------*/
@media (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
  #cck495_mainbody .row [class*="col-sm-"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
    padding-left: 15px;
    padding-right: 15px;
  }
}







.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}










/* ================================
   Promo cards – titles & links
   ================================ */

/* Optional tidy wrapper */
.bp-offer { text-align: center; }

/* The non-linked heading above (keep it like a title) */
.bp-free-title {
  display: block;
  font-weight: 800;
  font-size: 28px;           /* adjust to taste */
  line-height: 1.1;
  color: #ffffff;
  margin: 8px 0 10px;
}

/* Make the orange cards height-adaptive (override module fixed heights) */
.bp-inner-orange {
  height: auto !important;   /* stop overflow */
  min-height: 0;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Descriptive link styling */
.bp-offer-link a {
  display: inline-block;
  max-width: 230px;
  padding: 0 6px;
  line-height: 1.35;
  text-align: center;

  color: #ffffff;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  overflow-wrap: anywhere;
}
.bp-offer-link a:hover,
.bp-offer-link a:focus { color: #ffeb3b; text-decoration: none; }

/* Stack ONLY the two orange promo columns on phones (≤766px) */
@media (max-width: 766px) {
  .bp-tshirtbannertop .bp-nogutter .clearfix.text-center > .col-xs-6 {
    float: none !important;
    width: 100% !important;
  }
  .bp-offer-link a { max-width: 260px; margin: 0 auto; }
}

/* Optionally keep equal-ish heights on larger screens */
@media (min-width: 1200px) {
  .bp-inner-orange { min-height: 280px; } /* remove if you want fully fluid */
}
@media (min-width: 990px) and (max-width: 1199px) {
  .bp-inner-orange { min-height: 230px; } /* remove if you want fully fluid */
}

/* ================================
   Reviews grid – 2-up until 600px
   ================================ */

/* Flex wrapper so we control columns independent of Bootstrap floats */
.bp-happycustomersbannerback .bp-reviews-grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: -6px;    /* small gutters */
  margin-right: -6px;
}

/* Two-up by default inside the grid */
.bp-happycustomersbannerback .bp-reviews-grid .bp-whole-reviews {
  float: none !important;     /* ignore Bootstrap floats here */
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 6px;
  padding-right: 6px;
}

/* Stack only on narrow phones */
@media (max-width: 600px) {
  .bp-happycustomersbannerback .bp-reviews-grid .bp-whole-reviews {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .bp-happycustomersbannerback .bp-whole-reviews { margin-bottom: 10px; }
  .bp-happycustomersbannerback .bp-review-img { float: left; width: 80px; }
  .bp-happycustomersbannerback .bp-review-img img { width: 100%; height: auto; }
  .bp-happycustomersbannerback .bp-review-details { margin-left: 90px; overflow: hidden; }
}

/* Optional: make the blue panel margins consistent on desktop */
@media (min-width: 990px) {
  .bp-happycustomersbannerback { margin: 0; }
}


/* Review thumbnail CLS guard (keeps layout stable while images load) */
.bp-review-img {
  width: 80px;    /* adjust if your thumbs differ */
  height: 60px;
  overflow: hidden;
}
.bp-review-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Better keyboard focus on promo links */
.bp-offer-link a:focus-visible,
.bp-happycustomersbannerback a:focus-visible {
  outline: 2px dashed #ffeb3b;
  outline-offset: 2px;
}

/* keep content above the dark overlay paint */
.shortlistresults { position: relative; z-index: 1; }

/* optional: make the loading text readable */
.sl-loading { padding: 24px; font-size: 16px; opacity: .9; }


/* New price style */
.prices {
  font-weight: 600;
  font-size: 17px;
  color: #2a4d7c;
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  white-space: nowrap;
}

.currency-mod{
  font-size: 14px;
  color:#555;
  font-weight: normal;
}