/*
==========================================================================
GLOBAL CONTENT
========================================================================== */

/*
Crowdriff
*/

.cr__lens .cr__gallery-small .cr__gallery-activity-watermark,
.cr__lens .cr__gallery-medium .cr__gallery-activity-watermark { font-size:0!important; }

.crowdriffHero { background: #EEE; }

/*
==========================================================================
*/


a { color:#0071ba; text-decoration:none; }

body.pourtour a { color: #C8355D; text-decoration:none; }

body.pourtour a:hover { color: #0071ba; }

body.pourtour #search .iconSearch { color: #C8355D; }

body.pourtour #search .iconSearch:hover { color: #0071ba; }

body.pourtour #open-trip-planner .iconPlanner { color: #C8355D; }

body.pourtour #open-trip-planner .iconPlanner:hover { color: #0071ba; }

body.pourtour a { color: #C8355D; text-decoration:none; }

a:hover { color:#444; color:#2bb04a; text-decoration: none; }

a img { border:0; }

#page-content ul li { line-height:21px; padding-bottom:7px; }

#page-content ul { margin-top:5px; }

section img { width:100%; height:auto; }

.socialWrapper { padding-bottom:50px; padding-bottom:30px; }

#divKeywordsPreview { text-indent:-6000px; }


@media screen and (min-width: 300px) {

#page-content { padding-top:0;  position:relative; z-index:0; }
}

@media screen and (min-width: 700px) {

#page-content { padding-top:80px; }
}

@media screen and (min-width: 700px) {

#page-content.page-width { width:90%; }
}

/*
==========================================================================
PALETTES
*/

/* Backgrounds */

.xltGray { background-color:#f6f6f6; }
.ltGray	{ background-color:	#eee }
.medGray { background-color:#666 }
.dkGray { background-color:#444 }

.ltGreen { background-color:#f2f2f2; }
.medGreen { background-color:#2bb04a }
.dkGreen { background-color:#d3ce7d }

.ltOrange { }
.medOrange { background-color:#0071ba }
.dkOrange { background-color:#9f3916 }

/*Fonts */

.dk-blue { color: #005693; }
.lt-blue { color: #4d98cd; }
.red { color:#005693; }
.orange { color:#0071ba; }
.purple { color:#75648d }
.nav-widget-color{ background-color:#89cbdb }


.grayBox { background-color:#f6f6f6; }

.requiredText {color:#005693; font-size: 14px; display:block; margin: 5px 0;}

/*
==========================================================================
SIDE BOX
*/

.sideBox { background-color:#f6f6f6; padding:15px 30px 0 30px; margin:0 0 30px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

.sideBox .title { display:block; letter-spacing:.02em; text-transform:uppercase; text-align:center; font:700 18px/22px lato, arial, san-serif; color:#0071ba; margin-top:15px; }

.sideBox.gradient { border-top-right-radius: 8px; border-top-left-radius: 8px; background-image: -webkit-linear-gradient(-90deg, #f1f1f1 0%, #ffffff 100%); background-image: -moz-linear-gradient(-90deg, #f1f1f1 0%, #ffffff 100%); background-image: linear-gradient(180deg, #f1f1f1 0%, #ffffff 100%); }

/*
==========================================================================
FONTS
*/

body { font-family:lato, verdana, san-serif; }

.introText { font-size:18px; line-height:25px; }

.iconHeadline { text-align:center; font-size:35px; line-height:40px; margin-bottom:10px; font-weight:300; }

.font2 { font-family: oxygen, arial, san-serif; font-weight:400; letter-spacing:.04em; }

.font2bold { font-family: oxygen, arial, san-serif; font-weight:700; letter-spacing:.04em; }

.fontScript { font-family: satisfy, verdana, san-serif; }

h1, h2 { margin:0; padding:0; font-family: oxygen, arial, sans-serif; color:#555; }

h1, .headline { font-size:32px; line-height:35px; letter-spacing:.02em; font-weight:300; margin-bottom:10px }

h2, .subHeadline { letter-spacing:.02em; font-weight:400;  }

h3 { font-size:18px; font-weight:700; line-height:23px; letter-spacing:.04em; }

h4, h5, h6 { font-size:17px; line-height:22px; }

.center { text-align:center; }


@media screen and (min-width: 300px) {

section { font-weight:400; font-size:16px; line-height:22px; color:#555; }

h2, .subHeadline { font-size: 20px; line-height: 26px; margin-bottom:15px; }
}

@media screen and (min-width: 481px) {

h2, .subHeadline { font-size:23px; line-height:29px;	 margin-bottom:20px; }
}

@media screen and (min-width: 700px) {

section { line-height:24px; }

.squeeze { width:90%; margin-left:auto; margin-right:auto; }

.iconHeadline { margin:0 auto 10px; width:80%; }
}

@media screen and (min-width: 1000px) {

.squeeze { width:85%; }
}

/*
==========================================================================
BREAD CRUMBS
*/

@media screen and (min-width: 300px) {

.breadCrumbs { font-size:15px; padding:6px 25px 7px; padding:4px 20px 9px; text-align:center; color:#fff; z-index:30; text-transform:uppercase; margin-bottom:15px; }

.breadCrumbs > span a { display:inline-block; text-indent:-3000px; overflow:hidden; color:#fff; display:none; }

.breadCrumbs > span:nth-of-type(2) { text-indent:-3000px; }

.breadCrumbs > span:nth-of-type(3) a { width:100%; height:auto; display:block; position:absolute; top:5px; }

body.placesToStaySection .breadCrumbs { background-color:#ea923d; }

body.placesToEatSection .breadCrumbs { background-color:#17908f; }

body.seasonalHighlightsSection .breadCrumbs { background-color:#ecb81a; }

body.thingsToDoSection .breadCrumbs { background-color:#3c8bb9; }

body.packageDealsSection .breadCrumbs { background-color:#94b64c; }

body.travelDealsSection .breadCrumbs { background-color:#94b64c; }

body.tripIdeasSection .breadCrumbs { background-color:#a25080; }
}

@media screen and (min-width: 700px) {

.breadCrumbs { position:absolute; top:0; z-index:30; left:20px; background-color:transparent!important; padding:0; }

.breadCrumbs .crumb { display:inline-block; text-indent:-3000px; overflow:hidden; }

.breadCrumbs > span:nth-of-type(2) { text-indent:-3000px; }

.breadCrumbs > span:nth-of-type(3) a { width:115px; height:84px; position:relative; top:auto; }

.breadCrumbs > span:nth-of-type(3) a:hover { cursor:default; }

body.placesToStaySection .breadCrumbs > span:nth-of-type(3) a { background:url(/assets/images/category-places-to-stay.png) no-repeat 0 -11px; }

body.placesToEatSection .breadCrumbs > span:nth-of-type(3) a { background:url(/assets/images/category-places-to-eat.png) no-repeat 0 -11px; }

body.seasonalHighlightsSection .breadCrumbs > span:nth-of-type(3) a { background:url(/assets/images/category-seasonal-highlights.png) no-repeat 0 -11px; }

body.thingsToDoSection .breadCrumbs > span:nth-of-type(3) a { background:url(/assets/images/category-things-to-do.png) no-repeat 0 -11px; }

body.packageDealsSection .breadCrumbs > span:nth-of-type(3) a { background:url(/assets/images/category-travel-deals.png) no-repeat 0 -11px; }

body.travelDealsSection .breadCrumbs > span:nth-of-type(3) a { background:url(/assets/images/category-travel-deals.png) no-repeat 0 -11px; }

body.tripIdeasSection .breadCrumbs > span:nth-of-type(3) a { background:url(/assets/images/category-trip-ideas.png) no-repeat 0 -11px; }

}

/*
==========================================================================
SOCIAL LINKS
*/

@media screen and (min-width: 300px) {

.socialLinks { padding: 0; margin:5px 25px 0px 0px; float:right; }

.socialLinks a { margin: 0 0 0 10px; }
}

@media screen and (min-width: 700px) {

.socialLinks { margin:-65px 10px 0px 0px; }
}


/*
==========================================================================
ICON AND DIVIDER
*/

.divider { display:block; background:url(../images/divider-left.png) no-repeat center left, url(../images/divider-right.png) no-repeat center right; text-align:center; margin:20px auto 10px; min-height:5px; width:80%; }

.divider.boxed { background:url(../images/divider-left-for-box.png) no-repeat center left, url(../images/divider-right-for-box.png) no-repeat center right; margin:10px 0; min-height:1px; width:100%; }

.fa.icon { display:inline-block; color:#CCC; background:#fff; padding:0 20px; }

.spacer {display:block;margin-top:30px;}

/*
==========================================================================
BUTTONS
*/
.btn, .button { display: inline-block; border: 1px solid #ccc; width: auto; margin: 0 12px 18px 0; padding:6px 20px; font-family: lato, verdana, sans-serif; font-weight: 700; font-size: 13px; color:#0071ba; text-transform: uppercase; text-align: center; letter-spacing:1px; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-decoration: none;
background:#fff;
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 3%, rgba(238,238,238,0.7) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(3%,rgba(255,255,255,0.99)), color-stop(100%,rgba(238,238,238,0.7)));
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 3%,rgba(238,238,238,0.7) 100%);
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 3%,rgba(238,238,238,0.7) 100%);
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 3%,rgba(238,238,238,0.7) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 3%,rgba(238,238,238,0.7) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b3eeeeee',GradientType=0 );
}

.btn:hover, .button:hover { text-decoration:none; border:solid #2bb04a 1px; color:#fff; background: #2bb04a; }

.btn.orange, .button.orange { color:#fff;
background:#0071ba;
background: -moz-linear-gradient(top,  #c17247 0%, #0071ba 67%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c17247), color-stop(67%,#0071ba));
background: -webkit-linear-gradient(top,  #c17247 0%,#0071ba 67%);
background: -o-linear-gradient(top,  #c17247 0%,#0071ba 67%);
background: -ms-linear-gradient(top,  #c17247 0%,#0071ba 67%);
background: linear-gradient(to bottom,  #c17247 0%,#0071ba 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c17247', endColorstr='#0071ba',GradientType=0 );
}

.btn.orange:hover, .button.orange:hover { background: #e57d45; }


.btn.blue, .button.blue { color:#fff;
background:#0071ba;
background: -moz-linear-gradient(top,  #005693 0%, #4d98cd 67%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005693), color-stop(67%,#4d98cd));
background: -webkit-linear-gradient(top,  #005693 0%,#4d98cd 67%);
background: -o-linear-gradient(top,  #005693 0%,#4d98cd 67%);
background: -ms-linear-gradient(top,  #005693 0%,#4d98cd 67%);
background: linear-gradient(to bottom,  #005693 0%,#4d98cd 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005693', endColorstr='#4d98cd',GradientType=0 );
}

.btn.blue:hover, .button.blue:hover { background: #2bb04a; }





.btn.gray, .button.gray { color:#fff; border: 1px solid #999;
background:#999;
background: -moz-linear-gradient(top,  #bcbcbc 0%, #999999 46%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbc), color-stop(46%,#999999));
background: -webkit-linear-gradient(top,  #bcbcbc 0%,#999999 46%);
background: -o-linear-gradient(top,  #bcbcbc 0%,#999999 46%);
background: -ms-linear-gradient(top,  #bcbcbc 0%,#999999 46%);
background: linear-gradient(to bottom,  #bcbcbc 0%,#999999 46%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#999999',GradientType=0 );
}

.btn.gray:hover, .button.gray:hover { text-decoration:none; border:solid #2bb04a 1px; color:#fff; background: #2bb04a; }

.btn.smaller, .button.smaller { font-size:12px; padding:4px 17px; }

/*.add-2-planner:before, .btn.add:before, .button.add:before { content: "+ "; }

/*
==========================================================================
MAKE YOUTUBE VIDEOS RESPONSIVE
*/

.responsiveVideoWrapper {	position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-top: 25px; }

.responsiveVideoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*
==========================================================================
MISC
*/

p { margin:0 0 10px 0; padding:0; }

ul.noBullets { list-style-type: none; }

i, em { font-style: italic; }

b, strong { font-weight: 700; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

.clear { clear: both; }

.hide { display:none; }

.location { font-size:18px; color:#333;}

ul.mileage { width: 100%; padding: 0; display:block; float:left; margin-right:0; display: inline;}

ul.mileage:last-child { margin-right:0;}

ul.mileage li { display: block; padding: 4px 8px; color:#0071ba; }

ul.mileage li:nth-child(even) { background-color:#fafafa; }

ul.mileage li span.miles { float: right; color: #bbb; }

@media (min-width: 500px) {
ul.mileage { width: 48%; padding: 0; display:block; float:left; margin-right:2%; display: inline;}
}

@media (min-width: 800px) {
ul.mileage { width: 22%; padding: 0; display:block; float:left; margin-right:4%; display: inline;}
}

/*
==========================================================================
FAQ ACCORDION
*/

.panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;}

.panel-default>.panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;}

.panel-group .panel-heading {padding-left: 30px;}

.panel-heading {padding: 10px 15px; border-top-left-radius: 3px;border-top-right-radius: 3px;}

.panel-group .panel {margin-bottom: 0;border-radius: 4px;}

.panel {-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);box-shadow: 0 1px 2px rgba(0,0,0,.05);}

.panel-default { border-color: #ddd; }

.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05);}

.panel-default>.panel-heading+.panel-collapse>.panel-body {border-top-color: #ddd;}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {border-top: 1px solid #ddd;}

.panel-body {padding: 30px;}



/*
==========================================================================
FLOATED PHOTOS
*/

@media screen and (min-width: 300px) {

	.floatedPhotoLeft { display:block; margin:8px 0 0 0; float:left;}
	.floatedPhotoRight { display:block; margin:8px 0 0 0; float:right;}
 }

@media screen and (min-width: 500px) {

	.floatedPhotoLeft { width:45%; display:inline-block; float:left; margin:8px 25px 0 0; min-width:200px; }
	.floatedPhotoRight { width:45%; display:inline-block; float:right; margin:8px 0 0 25px; min-width:200px; }
	}

/*
==========================================================================
ADD SPACE TO HEADER (MOBILE ONLY)
*/

.mobileTitlePush {height:80px; clear:both; width:100%; display: block;}

@media (min-width: 700px) {

.mobileTitlePush {display:none;}

}