/* ----------------------------------------------
* UNIVERSAL 
---------------------------------------------- */

* {
 
margin: 0;
padding: 0;
box-sizing: border-box;

}

html {
    -webkit-text-size-adjust: 100%;
    /* Remove overflow-x: hidden; */
}

/*
.hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}
*/

body {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    background-color: #EFF5FD;
    width: 100%; /* Change from 100vw to 100% */
    /* Remove max-width: 100%; */
    padding-right: env(safe-area-inset-right);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: visible; /* Add this line */
}

img, video, iframe {
  max-width: 100%;
  height: auto;
}


/* ----------------------------------------------
* LINKS
---------------------------------------------- */

a {

text-decoration: none;
color: #F9EE3F;

}

#vlogsnav, #blognav, #destinationsnav {

color: #EFF5FD;

}

.innerlinks {

text-decoration: underline;
color: black;

}

.innerlinks:active {

color: #F9EE3F;

}


/* ----------------------------------------------
* BODY 
---------------------------------------------- */

button {
	
background-color: #eff1f2;
font-family: 'Arial', sans-serif;
line-height: 1.5;
	
}


/* ----------------------------------------------
* HEADER 
---------------------------------------------- */

header {

height: 163.2px;
background-image: url("images/Header_Image/Blue_sky_-_header_image_1.jpeg");	
background-repeat: no-repeat;
background-size: 100% 100%;
border-bottom: solid black 0.07px;
position: relative;
font-family: 'Arial', sans-serif;

}

.site_logo {
    
color: white;   
font-size: 1.42rem;
line-height: 1.5;
font-family: 'Arial', sans-serif;
position: absolute;
left: 50%;
transform: translate(-50%,0);
top: 25.6%;
text-align: center;
    
}

.h2headertext {

color: #EFF5FD;
font-size: 1rem;	
font-family: 'Arial', sans-serif;
position: absolute;
left: 50%;
transform: translate(-50%,0);
bottom: 29%

}

/*
.h1mobileview {

display: none;

}
*/



.mainnav {
    
position: absolute;
width: 100%;
bottom: 3.11px;
    
}

.mainnav a {
	
color: #093518;
font-size: 1.21rem;
	
}

.mainnav a:hover {

text-decoration: underline;
color: #12692F;

}

.mainnav a:active {

text-decoration: underline;	
color: #12A32F;	
	
}

.mainnavul {
    
text-align: center;  	
    
}

.mainnavul li {
    
display: inline; 
padding: 0 2.35%;

    
}

/* ----------------------------------------------
* SECTION
---------------------------------------------- */

section {

position: relative;
background-color: #EFF5FD;
width: 100%;
/* border-bottom: solid #F9EE3F 0.71px; */
line-height: 1.5;

}

.homeaside img {

width: 100%;

}

.introtext {

text-align: center;
position: relative; /* was absolute */
width: 47.4%;
width: 645.06px;
left: 50%;
transform: translate(-50%,0);
top: 38.14px;
margin-bottom: 20px;
font-family: 'Arial', sans-serif;
line-height: 1.5;


}

.introtexth2 {

padding-bottom: 8.71px;
font-size: 22.81px;
width: 100%;
position: relative;
left: 50%;
transform: translate(-50%,0);	
margin-top: 5.71px;	
	
}

.introtextp {

font-size: 1.21rem;
margin-bottom: 8.4%;

}

.introtexta, .introtextaalt {

color: #093518;
text-decoration: underline;

}

.introtexta:hover, .introtextaalt:hover {

color: #12692F;

}

.introtextnotice {
	
margin-top: 5.87%;	
margin-bottom: 2.14%;	
	
}

.latesth3 {
	
color: black;
	
}

.latesth3:hover {
	
text-decoration: underline;
	
}

.orderbydiv {
	
text-align: left;	
margin-bottom: 1.903%;
	
}

.showadvancedfilters {
	
margin-top:	-5.4%;
margin-bottom: 3.17%;
width: 129.15px;
height: 22.18px;
cursor: pointer;
border-radius: 3.41%;
	
}

.showorhidefiltersdiv {
	
display: none;	
margin-top: -2.61%;	
	
}

.selectoneormorep {
	
font-size: 0.87em;
font-style: italic;
	
}

.selectandfilterdiv {
	
margin: auto;	
display: flex;
justify-content: space-between;
align-items: flex-end;
width: 97.01%;
margin-bottom: 0.40%;
	
}

.filterbutton {
	
cursor: pointer;
width: 91.07px;
height: 31.07px;
border-radius: 6.07%;
background-color: #0C461F;
color: #F9EE3F;
font-size: 0.87em;
font-family: 'Arial', sans-serif;
line-height: 1.5;

}

fieldset {
	
text-align: left;
margin-bottom: 4.83%;
background-color: white;	
	
}

.filteroptionwrapper {
	
margin-left: 2.64%;	
margin-top: 1.4%;
margin-bottom: 1.4%;	
	
}

.filteroption {
	
display: inline-block;
margin-top: 1.02px;	
margin-right: 5.44px;
margin-bottom: 3.02px;
font-size: 0.90em;	
	
}

.selectallornonediv {
	
display: flex;
text-align: left;
margin-bottom: 3.34%;
margin-top: -4.61%;
	
}

.selectallornonediv button {
	
margin-right: 1.89%;
cursor: pointer;
background-color: black;
color: #EFF5FD;
width: 78.93px;
height: 24.07px;
border-radius: 1.41%;
	
}

.selectallornonediv button:hover {
	
background-color: #5C7FB9;	
	
}

.filterbutton:hover {

background-color: #12A32F;
	
}

/* ----------------------------------------------
* SECTION - VLOGS
---------------------------------------------- */

.youtubevid {

position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
margin-bottom: 4.26%;
}
 
.youtubevid iframe,
.youtubevid object,
.youtubevid embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ----------------------------------------------
* SECTION - BLOGS/ARTICLES
---------------------------------------------- */

.blogpost {

position: relative;
left: 50%;
transform: translate(-50%,0);
background-color: white;
padding: 6% 1.8%;
border: 0.21px groove grey;
margin-bottom: 8.08%;
text-align: left;
word-wrap: break-word;
width: 100%;
font-family: 'Arial', sans-serif;
line-height: 1.5;
font-size: 1.21rem;


}

.blogpostblog {

border-bottom: 5.06px dashed grey;

}

.blogposth3 {

font-size: 1.77em;
margin: 2.074% 0 -2.11%;
text-align: center;
line-height: 124.71%;

}

.blogposth4 {

font-size: 1.21em;
margin: 2.26% 0 -1.41%;
text-align: center;

}

.blogpostp {

margin: 1.61% 3.4%;

}

.articletext {

margin-bottom: 3.66%;
font-size: 1.21rem;

}

.articletext a {

color: #093518;
text-decoration: underline;

}

.articletext a:hover {

color: #12692F;

}

.articletextintro {

text-align: center;
font-style: italic;
font-size: 1.21rem;
margin-bottom: 4.88%;

}

.articleimgcontainer {

text-align: center;
margin-bottom: 4.7%;

}

.articleimg, .articleimg1, .articleimg2, .articleimg3, .articleimg4, .articleimg5, .articleimg6 {

width: 78.04%;
border-radius: 0.026%;

}

.firstarticleimg, .firstarticleimg2, .firstarticleimg3, .firstarticleimg4, .firstarticleimg5 {

width: 84.08%;
border-radius: 3.2%;

}

figcaption {

font-size: 0.91em;
font-style: italic;

}

.googlemap {

position: relative;
padding-bottom: 75%; 
height: 0;
overflow: hidden;
margin-bottom: 4.71%;

}

.googlemap iframe {

position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
        
}

.usefulinformation {

font-size: 1.21rem;
text-decoration: underline;
text-align: left;
margin-bottom: -2.974%;
margin-left: 3.4%;

}

.usefulinformationul {

margin: 0 3.4% 8.1%;
font-size: 1.21rem;
line-height: 1.5;

}

.readfullblogpost {

color: black;
text-align: center;
font-size: 1.21rem;
margin-top: 4.91%;
	
}

.readfullblogpost:hover {
	
text-decoration: underline;
color: #5C7FB9;
	
}

.loadmore {

position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 31.37px;
margin-bottom: 16.71px;
width: 163.23px;
height: 71.16px;
font-size: 1.21rem;
cursor: pointer;
border-radius: 2.43%;	

}

.timestamp {
	
position: absolute;
top: 3.27px;
right: 1.93%;
	
}

.backtotop {

position: relative;
left: 50%;
transform: translateX(-50%);
margin-top: 31.37px;
margin-bottom: 16.71px;
width: 163.23px;
height: 71.16px;
font-size: 1.21rem;
cursor: pointer;
border-radius: 2.43%;		
	
}	

.prevblogpost {
	
position: absolute;
bottom: 9.23px;	
left: 10.61px;	
color: black;
	
}

.nextblogpost {
	
position: absolute;	
bottom: 9.23px;
right: 10.61px;	
color: black;	
	
}

.prevblogpost:hover, .nextblogpost:hover {
	
text-decoration: underline;
	
}

.amazonproductreel {
    
display: none;    
    
}

/* ----------------------------------------------
* SECTION - DESTINATIONS
---------------------------------------------- */

.articlesection {

position: relative;
display: flex;
right: 15.71%;
width: 131.43%;
flex-wrap: wrap;
justify-content: space-between;
font-family: 'Arial', sans-serif;
line-height: 1.5;

}

.article {

background-color: white;
width: 48.94%;
height: 331.6px;
border: 0.1px groove black;
margin-bottom: 16px;
position: relative;

}

.articleh2div {
    
height: 17.68%;
width: 100%;
background-color: #CBDBF2;
    
}

.articleh2 {

font-size: 1.493rem;
text-decoration: underline;
color: black;
position: relative;
float: left;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

}

.articleh2v1 {

font-size: 1.425rem;
text-decoration: underline;
color: black;
position: relative;
float: left;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

}

.articleh2div:hover  {

background-color: #5C7FB9;

}

.articleh2div:hover .articleh2 {

color: #F9EE3F;

}

.articleh2div:hover .articleh2v1 {

color: #F9EE3F;

}

.articlep {

height: 21.71%;
text-align: center;
overflow: scroll;
border-top: dashed black 0.27px;
padding-left: 1.41%;
padding-right: 1.41%;
padding-top: 0.71%;
font-size: 1.21rem;
font-style: italic;

}

.articlep a {

color: #093518;
text-decoration: underline;
padding-bottom: 1.21%;

}

.articlep a:hover {

color: #12692F;

}

.articleboximg {

position: absolute;
height: 60.61%;
width: 100%;
background-size: 100% 100%;
border-top: solid #F9EE3F 0.41px;
bottom: 0;

}

.img40 {

background-image: url("/images/Articles/Subic_Bay_Freeport_Zone/Subic_Bay_Sign_1-min.jpg");
	
}

.img39 {

background-image: url("/images/Articles/Tayangban_Cave/Tayangban_Cave_Siargao 2-min.jpg");
	
}

.img38 {

background-image: url("/images/Articles/Magpupungko/Siargao Dangers Of Social Media For Travel And Tourism-min.jpg");
	
}

.img37 {

background-image: url("/images/Articles/Dunsulan_Falls/Dunsulan Falls with girl posing-min.jpg");
	
}

.img36 {

background-image: url("/images/Articles/Mt_Samat_Shrine_Of_Valor/Shrine of Valor Mount Samat-min.jpg");
	
}

.img35 {

background-image: url("/images/Articles/Bagac_Zero_Km_Death_March_Marker/Bataan_Death_March_Kilometer_Marker 2-min.jpg");
	
}

.img34 {

background-image: url("/images/Articles/Philippine-Japanese Friendship Tower/Philippine-Japanese Friendship Tower Bagac Bataan.jpg");
	
}

.img33 {

background-image: url("/images/Articles/Rizal_Shrine/Jose Rizal Shrine 4.jpeg");
	
}

.img32 {

background-image: url("/images/Articles/PP_Crocodile_Farm/entrance puerto princesa crocodile farm.jpeg");
	
}

.img31 {

background-image: url("/images/Articles/Mines_View_Park/Mines View Park Baguio 2.jpg");
	
}

.img30 {

background-image: url("/images/Articles/Blue_Lagoon_Beach/Beach Blue Lagoon 2-min.jpg");
	
}

.img29 {

background-image: url("/images/Articles/Cape_Bojeador_Lighthouse/Landmark Cape Bojeador Lighthouse Burgos 2-min.jpg");
	
}

.img28 {

background-image: url("/images/Articles/Kapurpurawan_Rock_Formation/Rock Formation Kapurpurawan-min.jpg");
	
}

.img27 {

background-image: url("/images/Articles/Maribina_Falls/Maribina Falls 1 (firstartimg)-min.jpg");
	
}

.img26 {

background-image: url("/images/Articles/Talisoy_Beach/Talisoy Beach Virac Catanduanes 2.jpg");
	
}

.img25 {

background-image: url("/images/Articles/Hicming_Falls/lenny through paradise standing at hicming falls.jpg");
	
}

.img24 {

background-image: url("/images/Articles/BenCab_Museum/man looks at painting bencab museum erotica art gallery-min.jpg");
	
}	

.img23 {

background-image: url("/images/Articles/Kabigan_Falls/Kabigan Falls Pagudpud Ilocos Norte 5-min.jpg");

}

.img22 {

background-image: url("/images/Articles/Twin_Rock_Beach/Beach Twin Rock 5-min.jpg");

}

.img21 {

background-image: url("/images/Articles/Enchanted_Kingdom/Enchanted Kingdom Space Shuttle 3.jpeg");

}

.img20 {

background-image: url("/images/Articles/Bangui_Wind_Farm/Bangui Wind Mark Windmills 5-min.jpeg");

}

.img19 {

background-image: url("/images/Articles/Hundred_Islands/1hundred islands pangasinan drone shot.jpg");

}

.img18 {

background-image: url("/images/Articles/Patar_Beach_7_Things/20171121-Patar Beach Drone Image 4-min.png");

}

.img17 {

background-image: url("/images/Articles/PP_City_Tour/Puerto Princesa City Tour-min.png");

}

.img16 {

background-image: url("/images/Articles/PP_Underground_River/boats going inside puerto princesa underground river.png");

}

.img15 {

background-image: url("/images/Articles/Fortune_Island/Cliff jump spit and acropolis fortune island-min.png");

}

.img14 {

background-image: url("/images/Articles/Honda_Bay/Cowrie island honda bay tour palawan drone-min.png");

}

.img13 {

background-image: url("/images/Articles/Bantay_Watchtower/Bantay Watchtower Vigan Philippines Ilocos 1-min.png");

}

.img12 {

background-image: url("/images/Articles/Calle_Crisologo/Calle_Crisologo_People_SHopping-min.png");

}

.img11 {

background-image: url("/images/Articles/Binurong_Point/Rock Formation Point Binurong-min.png");

}

.img10 {

background-image: url("/images/Articles/The Mansion Baguio 2-min.png");

}

.img9 {

background-image: url("/images/Articles/Burnham Park 8-min.png");

}

.img8 {

background-image: url("/images/Articles/Hulugan_Falls_1-min.png");

}

.img7 {

background-image: url("/images/Articles/Pagsanjan_2COPY-min.png");

}

.img6 {

background-image: url("/images/Articles/Batangas_Beaches_1-min.png");

}

.img5 {

background-image: url("/images/Articles/Taal_Volcano_1-min.png");

}

.img4 {

background-image: url("/images/Articles/ATV_Adventures_Rizal-min.png");

}

.img3 {

background-image: url("/images/Articles/Mystical_Cave_Entrance-min.png");

}

.img2 {

background-image: url("/images/Articles/Antipolo_Church-min.png");

}

.img1 {

background-image: url("/images/Articles/Pinto_Art_Museum-min.png");

}

.articlea {

position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;

}

video {

  width: 90%;
  height: auto   !important;
  
}


/* ----------------------------------------------
* SECTION - SOCIAL MEDIA ICONS
---------------------------------------------- */

.smicons4 {
	
width: 65.51%;
display: flex;
justify-content: space-between;
margin: 0 auto;
margin-bottom: -3.41px;
margin-top: 11.21px;
		
}	

.fb-comments {
	
margin-top: 6.74%;
	
}

/* ----------------------------------------------
* ASIDE
---------------------------------------------- */

aside {

position: absolute; /*relative*/
top: 163.2px;
float: left;
width: 147.061px;
background-color: #CBDBF2;
border-right: solid black 0.07px;
display: inline-block;
font-size: 1rem;

}

.sidenavul li {

border-radius: 4.71px;

}

.sidenavli {

width: 147.061px;
height: 46.1px;
display: flex;
background-color: #093518;
border-bottom: solid #F9EE3F 0.71px;

}

.sidenavlia {

width: 100%;
display: flex;

}

.sidenavlia p {

color: #F9EE3F;
margin: auto;

}

.sidenavul1 {

position: absolute;
width: 147.061px;
left: -147.061px;
opacity: 0;
transition: opacity 0.17s ease-out;

}

.sidenavli1 {

width: 100%;
display: flex;
height: 46.1px;
background-color: #0C461F;
border-bottom: solid #F9EE3F 0.71px;

}

.sidenavli1 a, .sidenavli2 a {

display: flex;
width: 100%;

}

.sidenavli1 p {

color: #F9EE3F;
margin: auto;

}

.sidenavul2 {

position: absolute;
width: 147.061px;
left: -295.542px;
border-left: solid #F9EE3F 0.71px;
opacity: 0;
transition: opacity 0.17s ease-out;

}

.sidenavli2 {

width: 100%;
width: 147.061px;
height: 46.1px;
background-color: #12692F;
display: flex;
border-bottom: solid #F9EE3F 0.71px;

}

.sidenavli:hover {
	
background-color: #0C461F;	
	
}

.sidenavli1:hover {
	
background-color: #12692F;	
	
}

.sidenavli2:hover {
	
background-color: #12A32F;	
	
}

.li102, .li1021 {

opacity: 0;
transition: opacity 0.34s ease-out;

}

.li103, .li1031 {

opacity: 0;
transition: opacity 0.51s ease-out;

}

.li104, .li1041 {

opacity: 0;
transition: opacity 0.68s ease-out;

}

.li105, .li1051 {

opacity: 0;
transition: opacity 0.85s ease-out;

}

.sidenavli:hover .sidenavul1 {

left: 147.771px;
opacity: 1;

}

.sidenavli1:hover .sidenavul2 {

left: 147.061px;
opacity: 1;

}

.sidenavli:hover .li102 {

opacity: 1;

}

.sidenavli:hover .li103 {

opacity: 1;

}

.sidenavli:hover .li104 {

opacity: 1;

}

.sidenavli:hover .li105 {

opacity: 1;

}

.sidenavli1:hover .li1021 {

opacity: 1;

}

.sidenavli1:hover .li1031 {

opacity: 1;

}

.sidenavli1:hover .li1041 {

opacity: 1;

}

.sidenavli1:hover .li1051 {

opacity: 1;

}

.bloglisting {
	
list-style: none;
text-align: center;
margin-top: 24.61%;
	
}

.bloglisting a {
	
padding-top: 4.07%;
color: #04190b;
	
}

.bloglisting a:hover {
	
text-decoration: underline;	
	
}

.articlelisting {
	
list-style: none;
text-align: center;
font-family: 'Arial', sans-serif;
font-size: 1.07rem;	

}

.articlelisting a {

color: #04190b;
	
}	

.articlelisting a:hover {
	
text-decoration: underline;	
	
}

.articlelisting li {

border-bottom: 1px solid black;
padding-top: 2.23px;
padding-bottom: 2.23px;
cursor: pointer;
	
}

.artlist {
	
width: 100%;	
height: 23.02px;	
border-radius: 2.23%;
cursor: pointer;
	
}

/* ----------------------------------------------
* MOBILE SIDENAV
---------------------------------------------- */

.mobilesidenav {

display: none;
position: absolute;
top: 163.2px;
font-size: 1rem;

}

.mobilesidenavregions {

width: 127.4px;
height: 100%;
background-color: #031108;
display: flex;
border-right: solid #F9EE3F 0.71px;
cursor: pointer;

}

.mobilesidenavregionsp {

margin: auto;
font-family: 'Arial', sans-serif;
line-height: 1.5;
color: #F9EE3F;

}

.mobilesidenavul1 {

position: absolute;
opacity: 0;
transition: opacity 0.17s ease-out;
left: -255.51px

}

.mobilesidenavli102 {
   
transition: opacity 0.34s ease-out;
opacity: 0;
    
}

.mobilesidenavli103 {
   
transition: opacity 0.51s ease-out;
opacity: 0;
    
}

.mobilesidenavli104 {
   
transition: opacity 0.68s ease-out;
opacity: 0;
    
}

.mobilesidenavli105 {
   
transition: opacity 0.85s ease-out;
opacity: 0;
    
}

.mobilesidenavli106 {
   
transition: opacity 1.02s ease-out;
opacity: 0;
    
}

.mobilesidenavli107 {
   
transition: opacity 1.19s ease-out;
opacity: 0;
    
}

.mobilesidenavli108 {
   
transition: opacity 1.36s ease-out;
opacity: 0;
    
}

.mobilesidenavul1 li {

width: 127.4px;
height: 44.7px;
background-color: #093518;
display: flex;
border-bottom: solid #F9EE3F 0.71px;
border-radius: 4.71px;

}

.mobilesidenavul1lia {

margin: auto;

}

.mobilesidenavul2 {

position: absolute;
left: -128.11px;
opacity: 0;
transition: opacity 0.17s ease-out;
border-left: solid #F9EE3F 0.71px;

}

.mobilesidenavul2 li {

width: 127.4px;
height: 44.7px;
background-color: #0C461F;
display: flex;
border-top: none;
border-bottom: solid #F9EE3F 0.71px;

}

.mobilesidenavul2lia {

margin: auto;

}

.mobilesidenavul3 {

position: absolute;
opacity: 0;
left: -256.22px;
transition: opacity 0.17s ease-out;
border-left: solid #F9EE3F 0.71px;

}

.mobilesidenavul3 li {

width: 127.4px;
height: 44.7px;
background-color: #12692F;
display: flex;
border-top: none;
border-bottom: solid #F9EE3F 0.71px;

}

.mobilesidenavul3lia {

margin: auto;

}

.mobilesidenavregions li a {

width: 100%;
height: 100%;
display: flex;

}

.mobilesidenavregions li a p {

margin: auto;

}

.mobilesidenavliholder {

list-style: none;

}

.mobilesidenavul1 li:hover {
	
background-color: #0C461F;	
	
}

.mobilesidenavul2 li:hover {
	
background-color: #12692F;		
	
}

.mobilesidenavul3 li:hover {
	
background-color: #12A32F;	
	
}

.mobilesidenavregions:hover .mobilesidenavul1 {

opacity: 1;
left: 0;
top: 45.41px;

}

.mobilesidenavregions:hover .mobilesidenavli102 {

opacity: 1;

}

.mobilesidenavregions:hover .mobilesidenavli103 {

opacity: 1;

}

.mobilesidenavregions:hover .mobilesidenavli104 {

opacity: 1;

}

.mobilesidenavregions:hover .mobilesidenavli105 {

opacity: 1;

}

.mobilesidenavregions:hover .mobilesidenavli106 {

opacity: 1;

}

.mobilesidenavregions:hover .mobilesidenavli107 {

opacity: 1;

}

.mobilesidenavli1:hover .mobilesidenavul2 {

left: 127.4px;
opacity: 1;

}

.mobilesidenavli2:hover .mobilesidenavul3 {

opacity: 1;
left: 127.4px;

}

.mobilesidenavli1:hover .li102 {

opacity: 1;

}

.mobilesidenavli1:hover .li103 {

opacity: 1;

}

.mobilesidenavli1:hover .li104 {

opacity: 1;

}

.mobilesidenavli1:hover .li105 {

opacity: 1;

}

.mobilesidenavli2:hover .li1021 {

opacity: 1;

}

.mobilesidenavli2:hover .li1031 {

opacity: 1;

}

.mobilesidenavli2:hover .li1041 {

opacity: 1;

}

.mobilesidenavli2:hover .li1051 {

opacity: 1;

}


/* ----------------------------------------------
* FOOTER
---------------------------------------------- */
/*
footer {

position: relative;
height: 87.04px;
display: none;
opacity: 0;
background-color: #CBDBF2;
border-top: solid black 0.07px;

}
*/


.smi {

list-style-type: none;
display: none;
transform: scale(0.7941);	
position: absolute;
left: 50%;	
transform: translate(-50%,0);
opacity: 0;	

}

.smi li {

opacity: 0;	
margin: 24.06px 6.93px 5.34px;
transition: transform 0.35s ease-out;

}

.smhovered {
	
transition: opacity 0.234s ease-out;	

}

.smi li:hover, .smhovered {

transform: scale(1.1065);

}

.smhovered {
	
opacity: 1;	
	
}

/* ----------------------------------------------
* AIRBNB AFFILIATE ELEMENTS
---------------------------------------------- */

.airbnbbanner {
	
position: fixed;
display: none;	
left: -3.12px;
top: 307.61px;	
	
}

.airbnbbanner2 {
	
display: none;		
	
}

/* ----------------------------------------------
* AGODA AFFILIATE ELEMENTS
---------------------------------------------- */

.smallagodahotelpic {
	
display: none;	
	
}

.agodadealfinder {
	
    -webkit-box-align:center;
    -webkit-box-pack:center;
    display:-webkit-box;
margin-top: 2.76%;
margin-bottom: 1.86%;

}

.agodasearchbox {
    margin: auto;
    margin-top: 1.16%;
    margin-bottom: 6.12%;
    width: 320px; /* Match the width in the script */
    height: 100px; /* Match the height in the script */
    display: block;
    position: relative; /* Added for pseudo-element positioning */
}

@media (max-width: 768px) { /* Adjust breakpoint as needed */
    .agodasearchbox {
        display: none; /* Hide on mobile */
    }
}

.agodasearchbox::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0; /* Light grey background */
    border-radius: 4px; /* Rounded corners */
    z-index: -1; /* Place behind the content */
}

.agodasearchbox_2 {
    margin: auto;
    margin-top: 1.24%;
    margin-bottom: 3.46%;
    width: 320px; /* Match the width in the script */
    height: 420px; /* Match the height in the script */
    display: block;
    position: relative; /* Added for pseudo-element positioning */
}

@media (max-width: 768px) { /* Adjust breakpoint as needed */
    .agodasearchbox_2 {
        display: none; /* Hide on mobile */
    }
}

.agodasearchbox_2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f0f0f0; /* Light grey background */
    border-radius: 4px; /* Rounded corners */
    z-index: -1; /* Place behind the content */
}

.agodasidebannerdynamicusd,
.agodasidebannerdynamicphp {
    display: none !important;
}

/*.agodasidebannerdynamicusd,*/
/*.agodasidebannerdynamicphp {*/
/*    position: fixed;*/
/*    top: 184.3px;*/
/*    right: 0;*/
/*    z-index: 1000;*/
/*    width: 160px;*/
/*    height: 600px;*/
/*}*/

/*.agodasearchbox_wrapper {*/
    
/*position: relative;*/
/*height: 0;*/
/*overflow: hidden;*/

/*}*/

/*.agodasearchbox_wrapper .agodasearchbox {*/
    
/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100% !important;*/
/*height: 100% !important;*/
    
/*}*/

/*.agodasearchbox {*/
    
/*width: 50%;*/
/*margin: 0 auto;*/
    
    
/*}*/

/*.googlemap iframe {*/

/*position: absolute;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100% !important;*/
/*height: 100% !important;*/
        
/*}*/

/*.googlemap {*/

/*position: relative;*/
/*padding-bottom: 75%; */
/*height: 0;*/
/*overflow: hidden;*/
/*margin-bottom: 4.71%;*/

/*}*/


/* ----------------------------------------------
* BOOKING AFFILIATE ELEMENTS
---------------------------------------------- */

.bookinglongsidebanner {

position: absolute;
right: 0px;
top: 174.71px;

}	

.bookinglongsidebannerfixedposition {
	
position: fixed;
right: 0px;
top: 71.88px;	
	
}	

/* ----------------------------------------------
* ALTERNATIVE AFFILIATE ELEMENTS
---------------------------------------------- */
/*
.alternativelongsidebanner {
	
position: fixed;
right: 0px;
top: 71.88px;	
	
}

*/

/* ----------------------------------------------
* MEDIA QUERIES
---------------------------------------------- */



@media only screen and (max-width: 1145px) {

.smicons4 {
	
width: 70.41%;
		
}	
	
}

@media only screen and (max-width: 1003.92px) {
    
aside {

display: none;

}

.mobilesidenav {

display: block;
height: 44.7px;
background-color: #CBDBF2;
border-bottom: solid #F9EE3F 0.71px;
overflow: visible;
text-align: center;

}

.mobilesidenav img {

height: 100%;

}    



.introtextindex {
		
top: 24.97px;	
	
}	
	
.readfullblogpost {

font-size: 1.111em;
margin-top: 4.86%;
	
}		
	
.bookinglongsidebanner, .alternativelongsidebanner, .airbnbbanner, .airbnbbanner2 {
		
display: none;
	
}	
	
.loadmore {

bottom: -24.81px;
width: 126.14875px;
height: 45.52625px;
font-size: 0.95165em;	

}
	
.smi li {

margin: 49.86px 6.12px 7.46px;

}	
	
.agodadealfinder {
	
margin-top: 6.61%;
margin-bottom: 1.51%;	
	
}	
	
.gobackp {

left: 132.57px;
	
}	

    
}



@media only screen and (max-width: 848.5px) {

.articlesection {

width: 130%;
right: 15%;

}

}

@media only screen and (max-width: 823.67px) {

.articlesection {

width: 127.5%;
right: 13.75%;

}

}

@media only screen and (max-width: 798.84px) {

.articlesection {

width: 125%;
right: 12.5%;

}

}


@media only screen and (max-width: 784px) {

h1 {

font-size: 39.14px;

}
	
}


@media only screen and (max-width: 774.01px) {

.articlesection {

width: 122.5%;
right: 11.25%;

}

}

	
@media only screen and (max-width: 766px) {


.articleimgcontainer, .articletext {

margin-bottom: 6.55%;

}

.articletextintro {

margin-bottom: 7.01%;

}


}


@media only screen and (max-width: 749.18px) {

.articlesection {

width: 120%;
right: 10%;

}

}

@media only screen and (max-width: 724.35px) {

.articlesection {

width: 117.5%;
right: 8.75%;

}

}


@media only screen and (max-width: 704.8px) {
    
    
.introtext {

width: 100%;    
    
} 

.blogpost {
  
width: 84.8%;
    
}


    
}

@media only screen and (max-width: 699.52px) {

.articlesection {

width: 115%;
right: 7.5%;

}

}

	
@media only screen and (max-width: 695px) {

.smicons4 {
	
width: 81.33%;
		
}	

	
}


@media only screen and (max-width: 674.69px) {

.articlesection {

width: 112.5%;
right: 6.25%;

}

}



@media only screen and (max-width: 668.6px) {
    

.blogpost {
  
width: 87.33%;
    
}

}


	
@media only screen and (max-width: 659px) {

.blogposth4 {

margin: 1.61% 0 -3.78%;

}

}



@media only screen and (max-width: 649.86px) {

.articlesection {

width: 110%;
right: 5%;

}

}


@media only screen and (max-width: 633px) {

.smallagodahotelpic {
		
display: block;		
		
}
	
.bigagodahotelpic {
	
display: none;	
	
}
	
}



@media only screen and (max-width: 632.4px) {
    

.blogpost {
  
width: 89.86%;
    
}

}



@media only screen and (max-width: 628px) {

.smicons4 {
	
width: 90.04%;
		
}	
	
}




@media only screen and (max-width: 625.03px) {

.articlesection {

width: 107.5%;
right: 3.75%;

}

}

	
@media only screen and (max-width: 611px) {

.h1mobileview {

display: block;
color: #F9EE3F;
text-align: center;
/* font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; */
font-family: 'Arial', sans-serif;
line-height: 1.5;
font-size: 38.16px;
padding-top: 13.12px;
padding-bottom: 2.23px;
/* opacity: 0.8412;  */



}	

}

@media only screen and (max-width: 605px) {

.agodadealfinder {
	
margin-top: 8.04%;
margin-bottom: 1.32%;	
	
}	


}




@media only screen and (max-width: 600.2px) {

.articlesection {

width: 105%;
right: 2.5%;

}

}



@media only screen and (max-width: 596.2px) {
    
.blogpost {
  
width: 92.39%;
    
}

}



@media only screen and (max-width: 591px) {

.articleimg, .articleimg1, .articleimg2, .articleimg3, .articleimg4, .articleimg5, .articleimg6 {

width: 81.2%;
border-radius: 0.026%;

}

.firstarticleimg, .firstarticleimg2, .firstarticleimg3, .firstarticleimg4, .firstarticleimg5 {

width: 86.4%;
border-radius: 3.2%;

}

}


@media only screen and (max-width: 576px) {

.usefulinformation {

margin-bottom: -3.91%;

}
	

	
.smi li {

margin: 47.12px 4.86px 7.16px;

}		

}


@media only screen and (max-width: 575.37px) {

.articlesection {

width: 102.5%;
right: 1.25%;

}

}



@media only screen and (max-width: 560px) {
    
.blogpost {
  
width: 94.92%;
    
}

}




@media only screen and (max-width: 557px) {

.articleimg, .articleimg1, .articleimg2, .articleimg3, .articleimg4, .articleimg5, .articleimg6 {

width: 84.4%;
border-radius: 0.026%;

}

.firstarticleimg, .firstarticleimg2, .firstarticleimg3, .firstarticleimg4, .firstarticleimg5 {

width: 88.8%;
border-radius: 3.2%;

}

}



@media only screen and (max-width: 550.5px) {

.articlesection {

width: 100%;
right: 0%;

}

}

@media only screen and (max-width: 550.4px) {

.article {

width: 100%;

}

}


@media only screen and (max-width: 530px){

.h2headertext {

display: none;

}
	
}

@media only screen and (max-width: 523.8px) {
    
.blogpost {
  
width: 97.45%;
    
}

}



@media only screen and (max-width: 523px) {

.articleimg, .articleimg1, .articleimg2, .articleimg3, .articleimg4, .articleimg5, .articleimg6 {

width: 87.6%;
border-radius: 0.026%;

}

.firstarticleimg, .firstarticleimg2, .firstarticleimg3, .firstarticleimg4, .firstarticleimg5 {

width: 91.2%;
border-radius: 3.2%;

}

}







@media only screen and (max-width: 498px) {

.smicons4 {
	
width: 95.51%;
		
}	

.blogposth3 {

margin: 1.61% 0 -3.78%;

}

.smicons4 {
	
width: 98.13%;
		
}


}


@media only screen and (max-width: 490px) {

.mainnavul li {
    
padding: 0 3.9%;
    
}

}


@media only screen and (max-width: 489px) {

.articleimg, .articleimg1, .articleimg2, .articleimg3, .articleimg4, .articleimg5, .articleimg6 {

width: 90.8%;
border-radius: 0.026%;

}

.firstarticleimg, .firstarticleimg2, .firstarticleimg3, .firstarticleimg4, .firstarticleimg5 {

width: 93.6%;
border-radius: 3.2%;

}

}

@media only screen and (max-width: 487.6px) {
    
.blogpost {
  
width: 100%;
    
}

}



@media only screen and (max-width: 476px) {
	
.prevblogpost, .nextblogpost {
	
font-size: 0.86em;
bottom: 7.12px;	
	
}
		
}

@media only screen and (max-width: 465px) {

.mainnavul li {
    
padding: 0 3.65%;
    
}

}

@media only screen and (max-width: 455px) {

.articleimg, .articleimg1, .articleimg2, .articleimg3, .articleimg4, .articleimg5, .articleimg6 {

width: 94%;
border-radius: 0.026%;

}

.firstarticleimg, .firstarticleimg2, .firstarticleimg3, .firstarticleimg4, .firstarticleimg5 {

width: 96%;
border-radius: 3.2%;

}

}



@media only screen and (max-width: 448px) {

.blogposth4 {

margin: 1.61% 0 -5.16%;

}

video {

  width: 100%
  
}
	
.articleh2 {
		
font-size: 5.21vw;
		
}
	
.articleh2v1 {
		
font-size: 4.21vw;
		
}
	
.smicons4 {
	
width: 99.02%;
		
}	



}




@media only screen and (max-width: 440px) {

.mainnavul li {
    
padding: 0 3.4%;
    
}

}


@media only screen and (max-width: 424px){

smicons4 {
	
width: 100%;
		
}		
	
}



@media only screen and (max-width: 415px) {

.mainnavul li {
    
padding: 0 3.15%;
    
}

}


@media only screen and (max-width: 414px){

body {
			
width: 100vw;
		
}
	
}

@media only screen and (max-width: 401px){

.mainnavul li {
    
font-size: 14.61px;
    
}
	
.introtexth2 {

font-size: 19.14px;
	
}

.introtextp {

font-size: 13.01px;

}
	
.articlep {

font-size: 12.77px;

}
	
.articletextintro {
		
font-size: 14.41px;	
	
}
	
.blogposth3	{
		
font-size: 1.58em;	
margin-top: 2.1501%;	
	
}
	
/* 
font-size: 1.77em;
margin: 1.61% 0 -2.11%;
line-height: 124.71%; 
*/	
	
.blogposth4	{
		
font-size: 1.1994em;		
		
}

/*	
margin: 1.61% 0 -3.21%;
text-align: center;	
*/	

.articletext {
	
font-size: 13.78px;		
		
}	

.mainnavul li {
    
font-size: 17.18px;
    
}
	
figcaption {
		
font-size: 0.74em;		
		
}

.timestamp {
	
top: 2.95px;
	
}	
	
.smi li {

margin: 46.09px 2.18px 6.87px;
transform: scale(0.8508);
transition: transform 0.32s ease-out;	

}		
	
.smi li:hover, .smhovered {

transform: scale(1.0142);

}


	
}

@media only screen and (max-width: 395px){
	
.mobilesidenavregions, .mobilesidenavul1 li, .mobilesidenavul2 li, .mobilesidenavul3 li {

width: 117.81px;
	
}
	
.mobilesidenavul1 {
	
left: -236.33px;	
	
}
	
.mobilesidenavul2 {
	
left: -118.52px;	

}
	
.mobilesidenavul3 {
		
left: -237.04px;		
		
}	
	
.mobilesidenavli1:hover .mobilesidenavul2 {

left: 117.81px;

}

.mobilesidenavli2:hover .mobilesidenavul3 {

left: 117.81px;

}	
	
.smi li {

margin: 41.07px 2.01px 6.87px;	
transform: scale(0.778482);
transition: transform 0.32s ease-out;	

}		
	
.smi li:hover, .smhovered {

transform: scale(0.927993);

}


	
}


@media only screen and (max-width: 390px) {

.mainnavul li {
    
padding: 0 2.9%;
    
}

}

@media only screen and (max-width: 365px) {

.mainnavul li {
    
padding: 0 2.65%;
    
}

}

@media only screen and (max-width: 364px){


.h1mobileview {

font-size: 34.71px;

}
	
.h2mobileview {

font-size: 11.16px;

}
	
}
	
@media only screen and (max-width: 362px){

.mobilesidenavregions, .mobilesidenavul1 li, .mobilesidenavul2 li, .mobilesidenavul3 li {

width: 108.31px;
	
}
	
.mobilesidenavul1 {
	
left: -217.33px;	
	
}
	
.mobilesidenavul2 {
	
left: -109.02px;	

}
	
.mobilesidenavul3 {
		
left: -218.04px;		
		
}	
	
.mobilesidenavli1:hover .mobilesidenavul2 {

left: 108.31px;

}

.mobilesidenavli2:hover .mobilesidenavul3 {

left: 108.31px;

}
	
.test {
		
font-size: 0.87em;	
		
}	
	
.smi li {

margin: 39.85px 1.47px 6.87px;	
	
}	
	
}


@media only screen and (max-width: 340px) {

.mainnavul li {
    
padding: 0 3.75%;
    
}

}

@media only screen and (max-width: 337px){

.mobilesidenavregions, .mobilesidenavul1 li, .mobilesidenavul2 li, .mobilesidenavul3 li {

width: 102.73px;
	
}	
	
.mobilesidenavul1 {
	
left: -206.17px;	
	
}
	
.mobilesidenavul2 {
	
left: -103.44px;	

}
	
.mobilesidenavul3 {
		
left: -206.88px;		
		
}	
	
.mobilesidenavli1:hover .mobilesidenavul2 {

left: 102.73px;

}

.mobilesidenavli2:hover .mobilesidenavul3 {

left: 102.73px;

}	
	
}



	
	
/* ----------------------------------------------
* MISCELLANEOUS 
---------------------------------------------- */