@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

/* Oswald Font */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Oswald/Oswald-Regular.ttf') format('truetype');
}

/* Raleway Font */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Raleway/Raleway-Regular.ttf') format('truetype');
}

/* Bebas Neue Font */
@font-face {
  font-family: 'Bebas Neue';
  font-style: normal;
  font-weight: 400;
  src: url('/fonts/Bebas_Neue/BebasNeue-Regular.ttf') format('truetype');
}


     /* writing to sheet */           
body{margin:0;padding:0;font-size: 16px;font-weight: 300;color: #000000;letter-spacing: 0px;font-family: "Merriweather", serif;}                  
          
.active{
    border-bottom: 4px solid #ffffff !important;
}
                  
#infoot pre{font-family:Raleway,sans-serif;}                  
 

#infoot {
    max-width: 100%;
}

                  
a{color: #006699;text-shadow:0 0 1px #0d0d0d7a;text-decoration:underline;}                  
                  
                  
.blutxt{color:#277dd3;}                  
                  
                  
.textBoxes{position:relative;margin:auto;}                  
                  
.readingBit {
    /* padding: 20px; */
    padding-top: 0px;
    display: flow-root;
    margin: auto;
    background: #ffffffeb;
}               
                  
 h1,h2,h3,h4,h5 {
  font-size: 20px;
  /* padding: 10px; */
  font-style: normal;
  text-transform: uppercase;
  margin: auto;
  /* font-family: "Bebas Neue", sans-serif; */
  font-weight: 400;
  letter-spacing: 1px;
  /* text-shadow: 1px 1px 3px rgb(0 0 0 / 64%); */
  /* text-align: center; */
  } 
div#packagesContainer h3 {
	
    text-align: center;
    margin: 10px;
    text-transform: uppercase;
}
#bread{margin:auto;background: #313131;padding:10px;box-sizing:border-box;color: white;}                  
                  
                  
#bread a{color: #ac884a;font-weight:700;}   
      
  
.oneWide, .twoWide, .threeWide, .fourWide {
    max-width: 1400px;
    margin: auto;
    /* padding-top: 120px; */
    /* padding-bottom: 120px; */
} 
.twoWide {max-width: 1400px;text-align:center;/* align-items: center; */justify-content: center;margin: auto;}
.threeWide, .fourWide {
	display:flex;
	margin-top: 50px;
	text-align: center;
	position: relative;
	/* padding: 10px; */
	margin-bottom: 30px;
	/* max-width: 1650px; */
	margin: auto;
	}

                 
.twoWide>div{display:inline-block;/* width: 49%; */vertical-align:top;text-align:left;box-sizing: border-box;}                  
                  
                  
.twoWide h3{margin:0;} 

.alignTop {align-items: normal;}

.threeWide > div,  .fourWide > div   
{flex:1;overflow: hidden;position: relative;transition:all 0.3s ease;margin: unset;/* padding: unset; *//* border: 1px solid #e6e0e0; *//* background: white; */}  
  
.threeWide > div a > img, .fourWide > div a > img {  
    width: 100%;  
}  
.threeWide > div > a > b, .fourWide > div > a > b {  
    background: #333333;  
    width: 100%;  
    display: block;  
    padding: 15px;  
    box-sizing: border-box;  
    position: absolute;  
    bottom: 0;  
}  
.midAlign{vertical-align:middle!important;}                  
                  
                  
.bintro{font-size:32px;                  
font-weight:700;}                  
                  
                  
.notwide{box-sizing:content-box;                  
max-width:790px;                  
font-size:32px;                  
margin:auto;                  
margin-top:50px;                  
padding:90px;                  
padding-top:0;                  
color:grey;}                  
                  
                  
.roundButton{border:1px solid #fff;                  
padding:0 14px 5px 14px;                  
border-radius:50px;                  
text-decoration:none;                  
color:#fff;                  
background:url(layout/button.jpg) repeat-x;}                  
                  

.youTubeVideo {position: relative !important;padding-top: 56.25% !important;/* border: 3px solid black !important; *//* -webkit-box-shadow: 2px 2px 2px 2px #292929 !important; *//* box-shadow: 0px 0px 8px 7px rgb(41 41 41 / 31%) !important; */border-radius: 7px !important;/* overflow: hidden; *//* background: black; */}

.youTubeVideo iframe {position:absolute;top:0;left:0;width:100%;height:100%;}                         
                  
#galBoxes{max-width: 1568px;width:auto;margin:auto;text-align:center;display: flex;flex-flow: row wrap;justify-content: center;align-items: self-start;}                  
                  
      #galBoxes img {
    width: 100%;
}

            
#galBoxes div{margin: 8px;text-align:center;max-height: 164px;overflow: hidden;}                  
                  
                  
#galBoxes>div>div{width:100%;                  
height:180px;}                  
                  
                  
.gboxes img{vertical-align:middle;                  
text-align:center;                  
overflow:hidden;}  
                  
.weebo{height:70px;                  
overflow:hidden;}                  
                  
                  
.Gimage{width:18%;border:1px solid #eeeeef;margin:5px;vertical-align: top;}                  
                  
                  
.ProjectIntro{text-align:center;}                  
                  
                  
.ProjectIntro div{overflow:hidden;                  
display:inline-block;                  
margin:1%;                  
width:40%;                  
font-size:21px;                  
border:10px solid #ececec;                  
padding:12px;                  
background:#ececec;                  
max-height:103px;                  
position:relative;}                  
                  
                  
.ProjectIntro div a{color:#036;}                  
                  
                  
.ProjectIntro b{display:block;                  
font-size:22px;}                  
                  
                  
#footer{padding-top: 50px;color: #fff;z-index: 99;font-size:14px;background: #2c2d2f;}                  
       
#footer a {
    color: white;
}
                  
#topBar{width:100%;background-color: #313131;z-index: 10001;text-align: center;padding-top: 10px;position: relative;}                  
                  
                  
#banner{padding:15px;margin:auto;box-sizing:border-box;display: flex;justify-content: space-between;align-items: center;}                  
                  
                  
#threeFooter{text-align:center;margin:auto;max-width: 1400px;}                  
                  
                  
#threeFooter div:first-child{margin-left:0!important;text-align:left;float:left;}                  
                  
   #threeFooter ul {list-style: none;padding: 0;}

#threeFooter li a {
        text-decoration: none;
        /* margin-bottom: 5px; */
        display: block;
        border-bottom: 1px solid #585d69;
        /* padding: 7px; */
        /* padding-right: 20px; */
        text-transform: lowercase;
}
               
#threeFooter div{width:31%;overflow:hidden;padding-bottom: 15px;/* margin-bottom:15px; */display:inline-block;vertical-align:top;z-index:100;position:relative;}                  
                  
                  
#threeFooter h3{color: #ffffff;text-transform:capitalize;text-align: left;padding: initial;}                  
                  
                  
#threeFooter div:last-child{margin-right:0!important;float:right;text-align:right;line-height: 32px;}                  
                  
                  
.fb_iframe_widget{display:inline-block;                  
position:relative;                  
top:-8px;}                  
                  
                  
.thinBlog{max-width:1200px;                  
margin:auto;}                  
                  
                  
.news{list-style-type:none;}                  
                  
                  
.news a{text-decoration:none;                  
font-size:22px;}                  
                  
                  
.news section{max-width:1200px;                  
padding:30px;                  
border:1px solid #e2dede;                  
margin:auto;                  
margin-top:20px;                  
box-sizing:border-box;                  
position:relative;                  
border-radius:12px;                  
margin-bottom:10px;}                  
                  
                  
.paypal{width: 100%;background:#f7f7f4;border:1px solid #f8f8f8;border-radius:12px;padding:20px;box-sizing: border-box;}                  
                  
                  
.formBit{              
	width:100%;              
	padding:10px;              
	font-size:15px;              
	margin-bottom:15px;              
	text-align: center;              
	}                  
                  
                  
.formBit input,.formBit select{border:1px solid #b3b3b3;font-size: 25px;padding:5px;border-radius:5px;color:#6b6b6b;z-index:10;background:#fff;box-sizing:border-box;width: 86%;}                  
                  
                  
.tooltip{position:relative;display:inline-block;}                  
                  
                  
.tooltip .tooltiptext{visibility:hidden;                  
background-color:#000000c2;                  
color:#fff;                  
text-align:left;                  
padding:8px;                  
border-radius:3px;                  
position:absolute;                  
z-index:1;                  
font-size:15px;                  
font-weight:400;}                  
                  
                  
.tooltip .tooltiptext{top:5px;                  
left:-2px;                  
margin-left:0;                  
min-width:200px;}                  
                  
                  
.tooltip:hover .tooltiptext{visibility:visible;z-index: 100;}                  
                  
                  
.tooltip img{position:absolute;                  
left:-22px;                  
top:-12px;                  
height:15px;}                  
                  
.formBit span {              
    position: relative;              
    z-index: 10;              
}              
              
             
.pp {width: 47% !important;}              
             
              
.FloatLeft {float:left; margin-right:30px;}              
.FloatRight {float:right; margin-left:30px;}              
.ImgFull {width:100%;}              
.logo {max-height: 125px;padding-top: 0px;}     
.caption {
  background: rgb(36 36 36 / 58%) !important;!i;!;
  color: white;
  border-radius: 0px !important;
  font-size: 17px;
  height: 100%;
  display: grid;
  align-items: self-end;
}
    

.subMenu {margin-right: 20px;/* float:left; */min-width: 300px;padding: 2px 7px 2px 7px;background:#ccc;display: block;margin-top: 20px;text-align: center;}
.subMenu a {
    z-index: 100;
    display: inline-block;
    padding: 10px;
    padding-top: 10px;
    box-sizing: border-box;
    background: white;
    margin-bottom: 5px;
    margin-top: 5px;
    text-decoration: none;
    min-width: 300px;
}
.subMenu a:hover {background: #ececec;}
.theText {
    /* display: flex; */
}

#products {
    clear: both;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: revert;
}
#products div {
    border: 1px solid gainsboro;
    margin: 0.3%;
    /* max-width: 250px; */
    padding-bottom: 50px;
    position: relative;
}
#products p{padding:10px}

#products h4 {padding:10px;margin: 0;}
 .plink {
    padding: 10px;
    background: #286698;
    color: white;
    text-decoration: none;
    margin: 10px;
    border-radius: 12px;
    position: absolute;
    bottom: 0px;
}#products a img {
    width: 100%;
    display: block;
}
#productsPrice {}
#bb {cursor:pointer;}

a#linked {
    background: #282b2f;
    color: white;
}

#thumbNails {}
#thumbNails img {max-width: 120px;vertical-align: top;}

#rFrame {width: 50%;
    height: 616px;
    resize: both;
    overflow: auto;
    border: 20px solid rgb(47, 51, 58);
    border-radius: 12px;
    box-shadow: rgb(26 26 26) -1px 1px 19px 0px;}

::-webkit-resizer {
    border: 2px solid yellow;
    background: blue;
    box-shadow: 0 0 2px 5px red;
    outline: 2px dashed green;

    /*size does not work*/  
    display:block;  
    width: 150px !important;
    height: 150px !important;
}

#newsSU {}
#newsSU label {}
#newsSU input {
    width: 96%;
    font-size: 22px;
    border-radius: 5px;
    margin: 12px;
    box-sizing: border-box;
    border: 0;
    padding: 3px;
}

#newsSU button {
    font-size: 22px;
    border-radius: 12px;
    padding: 5px;
    border: 0;
}


.setStyle.homeIntro {
    max-width: 1200px;
    margin: auto;
    padding-top: 120px;
    padding-bottom: 120px;
}

.setStyle.blackBackground {
    background: #000000e0;
    color: white;
}
.setStyle {
    background: white;
    padding: 10px;
}
.blackBackground img {
    border-radius: 120px;
}

b#cartIcon {
    float: right;
}

.basketHeader, .basketProducts {
    display: flex;
    max-width: 1200px;
    margin: auto;
}
 
.basketHeader div, .basketProducts div {
    flex: 1;
    padding: 20px;
}

.basketProducts div img {
    float: left;
    width: 70px;
    margin-right: 10px;
}

.basketHeader {font-weight: bold;}

#productForm label {
    padding: 5px;
    width: 220px;
    flex: 1;
}

#productForm > div {
    padding: 10px;
    display: flex;
    flex-direction: row;
    max-width: 275px;
}

div#productForm {
    padding: 5px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-width: 300px;
    background: ghostwhite;
}

a.addToBasket {
    background: green;
    padding: 10px;
    width: fit-content;
    border-radius: 5px;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

div#productForm select, div#productForm input {
    font-size: 16px;
    min-width: 100px;
}

.basketProducts i {font-size:12px;}

.price {
    font-size: 22px;
    padding: 10px !important;
    display: block;
}
#tickIcon {/* padding-top: 4px; */font-size: 16px;text-align: center;}


video#bgvid {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(layout/HomeBG.jpg) no-repeat;
    background-size: cover;
}

.setStyle.topPageIntro {
    background: rgb(16 16 16 / 94%);
    color: white;
    padding: 30px;
    padding-top: 120px;
    padding-bottom: 120px;
}
.topPageIntro .oneWide {max-width:1200px;/* padding-bottom:120px; */}

.setStyle.topPageIntro h1 {
    font-size: 43px;
    text-shadow: 4px 4px 4px #040404;
}

#featured {
    text-align: center; /* Center-align the main heading */
    padding: 20px;
    padding-top: 100px;
}

#trips-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    gap: 20px;
    max-width: 1600px;
    margin: auto;
}

#trips-container div {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
    margin: 10px;
    flex: 0 1 calc(33.333% - 100px);
    border: 1px solid rgb(29 29 29 / 35%);
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transitions for transform and shadow */
    cursor: pointer; /* Indicates the items are interactive */
}

#trips-container div:hover {
    transform: scale(1.05); /* Slightly scales up the div */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Increases shadow for a "lifted" effect */
}

#trips-container img {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
    transition: opacity 0.3s ease; /* Smooth transition for image opacity */
}

#trips-container div:hover img {
    opacity: 0.8; /* Slightly reduces opacity on hover */
}

#trips-container h3 {
    text-align: center;
    font-size: 24px;
    text-transform: uppercase;
    transition: color 0.3s ease; /* Smooth transition for text color */
}

#trips-container div:hover h3 {
    color: #ac8447; /* Change text color on hover; adjust as needed */
}

#trips-container p {
    margin-bottom: 10px;
    transition: color 0.3s ease; /* Adds consistency with h3 hover effect */
}

#trips-container div:hover p {
    color: #d32f2f; /* Ensures text color changes on hover, matching the h3 */
}
#trips-container div a{
    text-decoration: none;
    color: black;
}
.setStyle.homeFour {
    padding-top: 50px;
    padding-bottom: 50px;
}

.setStyle.homeFour .fourWide div {
    text-align: left;
}

.setStyle.homeFour .fourWide div h3 {
    font-size: 30px;
    font-style: italic;
}

.setStyle.homeFour .fourWide {
    max-width: 90%;
    font-size: 22px;
}

.biggerText {font-size:32px;font-style: italic;}

#packagesContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    gap: 15px;
    max-width: 1423px;
    margin: auto;
    /* --item-width: calc(100% / 4); */ /* Calculate width for 4 items per row */
}

#packagesContainer div {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;
    padding: 10px;
    /* margin: 10px; */
    flex: 1 1 22%;
    border: 1px solid rgb(29 29 29 / 35%);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    /* cursor: pointer; */
    position: relative;
    padding-bottom: 89px;
}

#packagesContainer div img {
    width: 100%;
    -webkit-box-shadow: 2px 2px 4px 0 #6B6B6B;
    box-shadow: 2px 2px 4px 0 #6B6B6B;
    /* border-radius: 6px; */
}
#packagesContainer div ul {padding:0px;margin:0px;padding-bottom: 30px;}
#packagesContainer div li {
    /* list-style: none; */
    position:relative;
    /* padding-left: 30px; */
    margin-bottom: 4px;
}

 
.goldStar {
    color: gold;
    text-shadow: 1px 1px 1px rgb(43 43 43 / 58%);
}

.redCaution {color:red;
text-shadow: 1px 1px 1px #2B2B2B;}
.generalButton, .roomButton {
    display: inline-block;
    width: fit-content;
    padding: 10px;
    position: relative;
    background: #ffc800;
    font-weight: bold;
    text-decoration: none;
    color: black;
    border-radius: 5px;
    text-transform: uppercase;
    -webkit-box-shadow: 2px 2px 4px 0 #6B6B6B;
    box-shadow: 1px 1px 9px 0 rgb(107 107 107 / 20%);
}

#packageDetails {
    max-width: 1170px;
    margin: auto;
}

#viewsAccom {
    display: flex;  /* Establishes a flex container */
    justify-content: space-around; /* Distributes space around each child evenly */
    align-items: stretch; /* Forces all children to take up the same vertical space */
    flex-wrap: wrap; /* Allows items to wrap onto the next line as needed */
    /* padding: 20px; */ /* Adds padding inside the container */
}

.packageDisplays {
     /* Allows each child to grow to fill the space equally */
     flex: 1 0 42%; /* Flex grow is 1, flex shrink is 0, and flex-basis is 25% */
     max-width: 48%;
     margin: 4px; /* Adds some space around each child */
     text-align: center; /* Centers text within each child div */
     border: 1px solid rgb(155 155 155);
     display: flex; /* Makes the div a flex container */
     flex-direction: column; /* Stacks the children of the div vertically */
     justify-content: space-between; /* Distributes space evenly between the content */
}

.packageDisplays h4 {
    font-size: 18px;
    background: #d4af37;
    width: 100%;
    color: #ffffff;
    padding: 10px;
    box-sizing: border-box;
    /* text-transform: uppercase; */
    letter-spacing: 0px;
    font-weight: bold;
    text-shadow: 1px 1px 0px #292929;
}

.packageDisplays img {
    width: 100%;
    /* border-radius: 7px; */
}

.innerpad {
    padding: 10px;
    display: flex; /* Makes innerpad a flex container */
    flex-direction: column; /* Ensures contents are arranged vertically */
    flex-grow: 1; /* Allows the div to expand to fill available space */
}

#bulletPoints {
    column-count: 2; /* Creates two columns */
    column-gap: 8px; /* Sets the gap between columns */
    list-style-type: none; /* Removes default list style */
    padding: 0; /* Removes padding */
    margin: 0; /* Adjusts margin as needed */
    text-align: left;
    padding-top: 20px;
    flex-grow: 1; /* Allows the list to expand and fill the space in .innerpad */
    padding-bottom: 30px;
    font-size: 13px;
}

#bulletPoints li {
    break-inside: avoid; /* Prevents items from splitting across columns */

    margin: 0px 0px 10px 0px; /* Adds vertical padding to each item */
}

#details h1, #details h2, #details h3, #details h4, #details h5 {
  font-size: 30px;
  
  text-shadow: none;
  } 

div#details {
    max-width: 947px;
    margin: auto;
    padding: 20px;
}

div#detailsHolder {
    max-width: 1200px;
    margin: auto;
    display: flex;
}

div#rightSide {
    max-width: 300px;
    padding-top: 30px;
    margin-left: 20px;
}

#rightSide h4 {font-size:22px;margin-top: 20px;}
#rightSide ul {
    margin: 0;
    padding: 0;
}

#rightSide li {list-style-type: none;text-decoration: none;padding-top: 10px;}

#rightSide li a {
    text-decoration: none;
}

.accomPrices a {
    color: white;
    text-decoration: none;
}

.setStyle.accomPrices {
    text-align:left;
    background: rgb(239 239 239 / 63%);
    margin-bottom: 20px;
    font-size: 14px;
}

.setStyle.accomPrices b,.setStyle.accomPrices strong {
    text-align:left;
}


.setStyle.accomPrices em, .setStyle.accomPrices  s  {
    text-align:left;
    font-size: 36px;
    font-style: normal;
    font-weight: bold;
}

.setStyle.accomPrices ul {
    text-align:left;
    padding: 0;
    margin: 0;
}

.setStyle.accomPrices li {
    text-align:left;
    list-style: none;
    /* text-align: center; */
    padding: 15px;
    /* padding-top: 15px; */
    border-bottom: 1px solid #0000002e;
}

 


.setStyle.accomPrices .threeWide > div, .fourWide div {
    margin: 2px;
    padding: 0;
    text-align: center;
}

.accomPrices h1, .accomPrices h2, .accomPrices h3, .accomPrices h4, .accomPrices h5, .accomPrices h6 {
 font-size: 32px;
 background: #d4af37;
 text-align: center;
 color: white;
 padding: 7px;
 display: block !important;
}

.onBooking h1, .onBooking h2, .onBooking h3, .onBooking h4, .onBooking h5, .onBooking h6 {
 font-size: 25px;
}

/* General styles for all currency headings */
.accomPrices div h1, .accomPrices div h2, .accomPrices div h3 {
    position: relative;
    display: inline-block;
    padding-right: 0px; /* Adjust padding to accommodate the flag */
}

/* UK Pounds - using h2 */
.accomPrices div h2::after {
    content: "";
    position: absolute;
 
    background-image: url('layout/uk.png');
    background-size: cover;
}

/* US Dollars - using h3 */
.accomPrices div h3::after {
    content: "";
    position: absolute;
 
    background-image: url('layout/usa.png');
    background-size: cover;
}

/* Aus Dollars - using h4 */
.accomPrices div h4::after {
    content: "";
    position: absolute;
  
    background-image: url('layout/aus.png');
    background-size: cover;
}


.accomPrices div h2::after,
.accomPrices div h3::after,
.accomPrices div h4::after

{
    left: 10px;
    top: 73px;
    width: 40px;
    height: 25px;
    }

.onBooking div h2::after, .onBooking div h3::after, .onBooking div h4::after {
    left: 15px;
    top: 31px;
    width: 40px;
    height: 25px;
}
a.bookNow {
    text-decoration: none;
    padding: 10px;
    background: #d92639;
    color: white;
    border-radius: 6px;
    font-size: 19px;
    display: inline-block;
    text-transform: uppercase;
    border: 2px solid white;
    -webkit-box-shadow: 2px 2px 4px 1px #808080;
    box-shadow: 1px 1px 4px 0px #808080;
}
.special-list {
    list-style-type: disclosure-closed; /* Changes bullet style to square */
     /* Adds padding for indentation */
     /* Changes text color to blue */
    background-color: rgb(240 240 240 / 49%); /* Light grey background */
    /* border: 1px solid #ccc; */ /* Grey border around the list */
    padding: 20px;
}
.special-list li {padding-top: 2px;padding-bottom: 2px;margin-left: 20px;}

 ul.roomList {
    list-style-type: none; /* Removes bullet points */
    padding: 0; /* Removes default padding */
    margin: 0; /* Removes default margin */
}
ul.roomList li {margin:10px;}
ul.roomList li:nth-child(odd) {
    background-color: #f0f0f0; /* Light grey background for odd items */
    padding: 10px; /* Adds some padding for visual comfort */
 
}

ul.roomList li:nth-child(even) {
    background-color: #ffffff; /* White background for even items */
    padding: 10px; /* Consistent padding with odd items */
}

.imageholder {
    /* position: relative; */
    overflow: hidden;
    height: fit-content;
}
i.soldOut {
    position: absolute;
    background: red;
    width: 98%;
    position: absolute; /* Absolute positioning relative to the nearest positioned ancestor */
    top: -5px; /* Position from the top of the container */
    left: 6px; /* Position from the left of the container */
    background-color: rgb(255 0 0 / 73%); /* Background color for visibility */
    color: white; /* Text color */
    padding: 13px 10px; /* Padding around the text */
    transform: rotate(23deg); /* Rotate the element 45 degrees */
    transform-origin: bottom left; /* Sets the origin of transformation */
    white-space: nowrap; /* Keeps the text in a single line */
    font-weight: bold; /* Makes the text bold */
    z-index: 10; /* Ensure it sits on top of other content */
    border-radius: 42px;
    text-align: center;
    font-weight: bold;
    font-size: 32px;
}

.setStyle.generalPriceBox {
    display: flex; /* Use flexbox to manage children */
    flex-wrap: wrap; /* Allow wrapping if necessary */
}

.setStyle.generalPriceBox .threeWide {
    display: flex; /* Enables flex context for direct children */
    width: 100%; /* Full width to accommodate all child divs */
}

.setStyle.generalPriceBox .threeWide > div {
    flex: 1 1 0; /* Flex-grow, Flex-shrink, Flex-basis */
    padding: 10px; /* Padding for spacing */
}

.setStyle.generalPriceBox .threeWide > div:nth-child(-n+2) {
    flex: 0 1 25%; /* The first two divs take up 25% each */
}

.setStyle.generalPriceBox .threeWide > div:nth-child(3) {
    flex: 0 1 50%; /* The third div takes up 50% */
}

.setStyle.generalPriceBox h3, .setStyle.generalPriceBox h2 {
    background: #d4af37;
    color: white;
    padding: 11px;
    text-transform: uppercase;
}

.setStyle.generalPriceBox em {
    font-size: 30px;
}

.caption {
   
background: rgb(210 209 217 / 0%);
}

div#preFooter {
    padding: 20px;
    padding-top: 100px;
    /* max-width: 1200px; */
    margin: auto;
    text-align: center;
    padding-bottom: 100px;
    background: rgb(255 255 255 / 87%);
}

div#preFooter h3 {
    margin-bottom: 20px;
    font-size: 45px;
}

p.packageButton {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}
.setStyle.hidden {
    visibility: hidden;
    position: fixed;
}

#enqForm #submit {
    font-size: 22px;
    border-radius: 50px;
    border: 2px solid #eeeded;
    padding: 10px 20px 10px 20px;
    background: #e91010 !important;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    margin-top: 20px;
}

div#topHolder {
    text-align: left;
    max-width: 1135px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
}

.social-media {
    float: right;
    font-size: 17px;
    color: white;
    text-align: right;
}

.social-media a {
    color: white;
    margin-right: 10px;
    text-decoration: none;
    font-size: 14px;
}

.social-button {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.social-button {
    transition: all 0.3s ease;
}

.social-button {
    display: inline-block;
    width: 40px; /* Adjust size */
    height: 40px; /* Adjust size */
    background-color: #434242; /* Initial grey color */
    /* border-radius: 50%; */ /* Makes the button round */
    transition: background-color 0.3s ease; /* Smooth transition for background color */
    color: white; /* Icon color */
    text-align: center; /* Center icon horizontally */
    line-height: 40px; /* Center icon vertically */
    font-size: 20px; /* Icon size */
}

.social-button.facebook:hover {
    background-color: #3b5998; /* Facebook blue */
}

.social-button.twitter:hover {
    background-color: #1da1f2; /* Twitter blue */
}

.social-button.instagram:hover {
    background-color: #ab8347;
}

.social-button.youtube:hover {
    background-color: red; /* LinkedIn blue */
}

.social-media p {
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.social-media p a {
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.social-media img {
    margin-right: 20px;
    max-width: 33px;
}
div#topHolder a {
    color: white;
    text-decoration: none;
}


.generalPriceBox div h3:nth-of-type(1)::before {
    content: '';
    display: inline-block;
       width: 41px;
    height: 24px; background-image: url('layout/uk.png');background-size: cover;
    margin-right: 5px; /* Space between the flag and the text */
    vertical-align: middle; /* Align the flag with the text */
}

.generalPriceBox div h3:nth-of-type(2)::before {
    content: '';
    display: inline-block;
       width: 41px;
    height: 24px;
   background-image: url('layout/usa.png');
    background-size: cover;
    margin-right: 5px;
    vertical-align: middle;
}

.generalPriceBox div h3:nth-of-type(3)::before {
    content: '';
    display: inline-block;
       width: 41px;
    height: 24px;
    background-image: url('layout/aus.png');
    background-size: cover;
    margin-right: 5px;
    vertical-align: middle;
}

.oneWide div {
    margin: 0px;  
     padding: 0px;  
}

#footFlags {
    width: 100% !important;
    /* display: flex !important; */ /* Establishes this container as a flex container */
    justify-content: center; /* Horizontally centers all children in the container */
    align-items: center; /* Vertically centers all children in the container */
}

#footFlags div {
    display: block; /* Makes each child div a flex container too */
    align-items: center; /* Vertically centers the contents of each div */
    justify-content: center; /* Horizontally centers the contents of each div */
    gap: 10px; /* Adds space between the image and the phone number */
}

#footFlags div {
     /* Adds margin around each child div for better spacing */
     display: flex;
     /* Ensures each child div takes equal space in the container */
     width: 100%;
     text-align: center !important;
     align-items: center;
}

#footFlags img {
     /* Example fixed height for the images, adjust as needed */
    width: auto; /* Maintains aspect ratio */
}

#footFlags a {
    color: #e7e7e7; /* Sets the color of the links, choose a suitable color */
    text-decoration: none; /* Removes underline from links */
    font-weight: bold; /* Makes the phone number bold */
}

.alignright {
    float: right;
}

blockquote {
    display: block;
    clear: both;
    contain: layout;
}

.foot-socials {
    padding: 13px;
    font-size: 24px;
}

.play-button {position: absolute !important;!i;!;top:50%;left:50%;transform:translate(-50%, -50%);font-size:2em;color: #ffffff;padding: 7px 24px 11px 26px !important;!i;!;border-radius: 20% !important;!i;!;background: #ff0000;border: 2px solid white;}
.imageholder a {
    display: block;
    overflow: hidden;
    height: 319px;
    width: 100%;
    position: relative;
}

.setStyle.tripLocation .fiftyWide {
    flex: 1 1 29% !important;
}

.bookBoxes {
    max-width: 500px;
    margin: auto;
    padding: 20px;
    border: 1px solid #e9e9e9;
    margin-top: 20px;
    border-radius: 12px;
    background: white;
    box-shadow: 0px 1px 10px -4px grey;
}

.bookBoxes h2 {
    color: #03a84e;
}

 .accomPrices p {
    max-height: 210px;
    overflow: hidden;
}