﻿html, body 
{
    position:relative;
    width:100%;
    margin:0;
    padding:0;
}
html {
    font-size:62.5%;
}

body {
    font-family: ChevinPro, ChevinPro-fallback-font;
    font: 1rem/1.5 ChevinPro;
    *font-size: small;
    overflow-x: hidden;
    color: #604644;
}

h1, h2, h3 {
    font-family: DearJoe, ChevinPro-heading-fallback-font;
    color: #5DBDCB;
}
h1{font-size:4rem;line-height:2em;}
h2{font-size:3rem;margin-bottom:0.5em;}
h3{font-size:2rem;}
h4{font-size:1.6em;font-weight:bold;}
h1.ss, h2.ss, h3.ss {
    font-family: ChevinPro, ChevinPro-heading-fallback-font;
}

p {font-size:1.8rem;margin-bottom:1em;}
a {color:#5DBDCB;}
small {font-size: 1.4rem;}
.questionnaire-text {font-size: 1.5rem;}
.highlight {color:#5DBDCB;}
.nolist{list-style:none;margin:0;padding:0;}
.hidden { display: none !important; }
.left { float: left; }
.right { float: right; }
.script {
    font-family: DearJoe, DearJoe-fallback-font;
    font-size: 2.5em;
    line-height: 0;
}
.hide-overflow{overflow:hidden;}
.wrap {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	position: relative;
	max-width:96%;
}

/* utility classes */
.mr-0 {
    margin: 0;
}
.mrt-3_5 {
    margin-top:3.5rem;
}

/* color tints */

.tint1
{
    background-color: #5DBDCB;
    color: #FFFFFF;
}
.tint1 h1, .tint1 h2, .tint1 h3, .tint1 a
{
    color:#FFF;
}

.tint1 p a 
{
    font-weight:bold;
}

.tint2
{
    background-color: #F7F3F0;
}

.white {
    background-color: #FFFFFF;
}

.txt-l { text-align:left; }
.txt-r { text-align:right; }
.txt-c { text-align:center; }
.txt-b { font-weight:bold; }

p.bigText {
    font-size: 3rem;
}

.tint2.splatter, .tint2.splatter-top, .tint2.splatter-bottom{position:relative;}
.tint2.splatter:before, .tint2.splatter-top:before
{
    content:'';
    display:block;
    position:absolute;
    top:-43px;
    height:43px;
    width:100%;
    background:url(/assets/img/tint2-top.png) bottom center repeat-x;
    z-index:1;
}
.tint2.splatter:after, .tint2.splatter-bottom:after
{
    content:'';
    display:block;
    position:absolute;
    bottom:-43px;
    height:43px;
    width:100%;
    background:url(/assets/img/tint2-bottom.png) top center repeat-x;
    z-index:1;
}

.splatter-pad-top
{
    padding-top:4rem;
}

.splatter-pad-bottom
{
    padding-bottom:4rem;
}

.footer-search-bar
{
    padding-bottom:4rem;
}

/* porthole images */
.porthole-image {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 100%;
}

.porthole-image img 
{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    z-index:1;
}

.porthole-image img.porthole
{
    z-index:2;
}
.porthole-shrink
{
    width:60%;
    margin:0 auto;
}

h2.dotted-bottom
{
    background: url(/assets/img/black-dotted-line.png) bottom center no-repeat;
    margin: 0 0 1rem;
    padding-bottom: 1.2rem;
}

#conditionstable td, #conditionstable th {
    border: solid 1px black;
}

#aspects_destinations #breadcrumbs{
    position:relative;
}

