@charset "UTF-8";



/* Layout Medium Screens, 840-945 px */
.leftThird {
	height:35px;
	width:66%;
}
.middleThird {
	width: 1%;
}
.rightThird {
	width: 32%;
}

.headerTitleFont {	
	font-size:28px;
	padding-top:15px;
	}
	
.h1small {
	font-size: 20px;

}
.afterHeader {
	margin-top: 75px;
}


.SerenMenuContainer {

	line-height:0.6em;
	}
	
.CostaRicaSerenAdv {
	height:60px;
	}

.CostaRicaSeren2018 {
	height:60px;
	padding-left: 86px;
	padding-top:5px;
}	
	
.SerenFontstyle {
	font-size: 24px;
	text-shadow: none;
	font-weight: 600;
	position:fixed;
	top: 5px;
	left: 85px;
	height: 25px;
	width: 313px;
	display: block;
		}

.SerenFontstyle2018 {
	font-size: 33px;
	top:0px;
	display: inline;

}
		
.CostaRicaFont {
	font-size:22px;
	left:410px;
	top: 14px;
	}

.CostaRicaFont2018 {
	font-size: 22px;
	padding-top: 5px;
	display: inline;
}

.phoneNumbers2018 {
	display:none;
}
.AdventuresNature2018 {
	display: none;
}
.AdventuresNature2018 h1 {
	font-size: 12px;
}

ul {
	font-size:11px;
	line-height:1 em;
}

.SerenLogo {   /* position just the color logo top left corner  */
	width:83px;
	height:90px;

}

.SerenLogo2018 {   /* position just the color logo top left corner  */
	width:83px;
	height:90px;

}

#fixedTopHeader {
	height: 90px;
}
#fixedTopHeader2018 {
	height: 80px;
}	
.phoneNumbers, phoneNumbers2018 {
	display:none;
	}	
.LargePageMenuContainer {
	margin-left:83px;
	margin-top:46px;
	}
	
ul.LargePage {			/*  apply to principal menu UL  for LARGE FORMAT */
    font-size: 12px;
	}
	
.menu-btn {
	display: none;
}	

nav {
	display: none;
}	
.tm, .sm {
		font-size: 13px;
	padding-top: 2px;
}

.contactUsText {
	font-size:15px;
	line-height:13px;

	}

.contactUsText:hover {
	font-size:15px;
	line-height:13px;

	}
.padH1TitleOnLeft  {
	margin-left:80px;
	}	
	
.awardEntry {
	float:left;
	width:31.1%;
	}

/*  7/21/17 TC  below lines added to cover typeface for image messages  */
.banner-rotator h3 {
	font-family: "RotatorFont", cursive;
	font-weight:100;
	font-size:36px;
}
.banner-rotator H1 {
	font-family: "RotatorFont", cursive;
	font-size:60px;
	font-weight:200;
	}
	
.banner-rotator H2 {
	font-family: "RotatorFont", cursive;
	font-size:45px;
	font-weight:200;
	}
	
#myRotator {
max-width: 970px;
max-height:273px;

}
.indexPg-columnscontainer {
	width: 100%;
}
.leftside {
	width: 50%;
}
.rightside {
	width: 48%;
}

.twocolumns .leftsideAccolade {
	width: 20%;
}
.twocolumns .rightsideAccolade {
	width: 78%;
}
#CommentAnchor {
	width: 100%;
	margin-top: -30px;
	padding-top:0px; 
	padding-left: 10px;
	padding-right: 10px;

}

#clientComment {
	width: 100%;
	margin: 20px auto;
}
.indexPg-columnscontainer {
	padding:0px 10px 0px 10px;
	width: 100%;
	
	}
.rightside {
		margin-left:0px;
		width:100%;
		padding:5px;
}

.columnText {
	    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.photoSeries h2 {
	clear: both;
	padding-top: 20px;
	border-top: groove;
	border-top-color: #000066;
}

.photoTool {
	width: 12.5%;  /* allows 4 images per row  */
}
.photoTool .photoTooltext {
	width: 300%;
}

.columnContact {

    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
    -moz-column-gap:  0px; /* Firefox */
    column-gap:  0px;
   
}
.xpro-previewbox-container {
    top: 60px;
}

.positionImg1, .positionImg2, .positionImg3, .positionImg4, .positionImg9, .positionImg10, .positionImg11, .positionImg12 {
    /* Position the tooltip popup big image */

    bottom:50px;
    left: 90%;
}

.positionImg5, .positionImg6, .positionImg7, .positionImg8, .positionImg13, .positionImg14, .positionImg15, .positionImg16 { 
    /* Position the tooltip popup big image */

    bottom:50px;
    left: -200%;
}
.positionImg1x {
left: 0%;
}
.positionImg2x {
	left: -100%;
	}
.positionImg3x {
	left: -200%;
	}
.positionImg4x {
	left: -300%;
	}
.positionImg5x {
	left: 0%;
}
.positionImg6x {
	left: -100%;
}
.positionImg7x {
	left: -200%;
}
.positionImg8x {
	left: -300%;
}

.tallImageColumn {
	float: none;
	display: inline; /* This keeps the right margin from getting doubled in IE */
	width: 100%;
	
}


/* * * * * * * * * * *  Use for LODGING detail pages -- images  * *** * * * * * * * * * * */

li.lodgeItem  {
	width: 48%;	
}

.afterHeader .container {  /* override bootstrap ln 1421, for large screens, > siteMedium or siteSmall */
	width:90%;
	max-width: 1100px;
}
.xpro-slider-info {
	line-height: 1.1;
}

.xpro-slider-info p {
	font-size: 14px;
	
}

#cboxTopCenter {
	margin-top: 100px;
}


	
/* * * * * * * * * * *  Use for LODGING detail pages -- images  * *** * * * * * * * * * * */
#map {
	width: 50%;
}

.lodgeText {
	width: 50%;
}

	
/* * * * * * * * * * *  END OF LODGING detail pages -- images  * *** * * * * * * * * * * */