/* Counter */
.itinerary .tripbuilder,
.mobile-tripplanner .tripbuilder {
	background: url('/includes/public/assets/images/suitcase.png') no-repeat 0 0;
	width: 47px;
	height: 33px;
	display: block;
}
.mobile-tripplanner .tripbuilder {
    left: -80px;
    position: relative;
    top: 10px;
}
.itinerary .tripbuilder .tripItems,
.mobile-tripplanner .tripbuilder .tripItems {
	color: #008ab0;
    font-family: "Batke W00 Bold";
    font-size: 11px;
    width: 47px;
	height: 33px;
	display: block;
    left: 26px;
    position: absolute;
    top: 8px;
}
.mobile-tripplanner .tripbuilder .tripItems {margin: 0; width: 100px; top: 7px; left: 10px; box-sizing: border-box;}

/* Tripbuilder Results Page */

[class*="block-grid-"] h5 {margin-top: 10px; font-size: 50px; font-family: "Fertigo W01 Regular";}
[class*="block-grid-"] h6 a {font-size: 30px; color: #e4801c; line-height: 32px;}
[class*="block-grid-"] .itemBottom li a {color: #161b20;}

[class*="block-grid-"] > li[data-sv-tripbuilder-item] > div {
	border: 1px solid #dbd0b0;
	box-shadow: 0 0 6.5px 2.5px rgba(81, 51, 13, 0.2);
	border-radius: 12px;
	padding: 10px 15px;
	margin: 0;
}

.directions.link {display: inline-block;}

/* Get Directions Popup Styling - DO NOT REMOVE */

.tripForm select{
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    -moz-appearance: none;
    font-size: 14px;
    color: #333333;
    padding: 7px 10px;
    height: 40px;
    border: 1px solid #cccccc;
    border-radius: 4px;
}
.tripForm .selectLabel{
    color: #413c37;
    display: block;
    font-family: "Batke W00 Regular",sans-serif;
    font-size: 20px;
    padding: 5px 0;
    width: 100%;
}
.tripForm .getDirectionsBtn{
    background-image: url("/includes/public/assets/images/blue-texture.png");
    border-radius: 8px;
    border-top: 1px solid #94d2dc;
    margin: 0 auto;
    padding-top: 5px;
    position: relative;
    text-align: center;
    width: 125px;
}
.tripForm a.getDirectionsBtn {
    display: block;
    color: #fff;
    font-family: "Batke W00 Regular";
    font-size: 17px;
    height: 100%;
    min-height: 33px;
    left: 0;
    padding-top: 5px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: 100%;
}
.tripForm a.getDirectionsBtn:hover{
    background-color: #0a4270;
}
.tripForm h2.directions{
    border-bottom: 2px solid #cccccc;
    color: #413c37;
    font-family: "Fertigo W01 Regular",sans-serif;
    font-size: 35px;
    font-weight: 700;
    line-height: 16px;
    margin: 0 0 25px;
    padding: 0 0 11px;
    text-align: center;
    width: 100%;
}

body .reveal-modal-bg{
    height: 650%;
    width: 100%;
    z-index: 3000 !important;
}
body .reveal-modal{
    border-radius: 4px;
    box-shadow: 0 0 11px -3px rgba(0, 0, 0, 1);
    left: 0;
    margin: 10px auto;
    min-height: 44vh;
    position: fixed;
    right: 0;
    width: 90%;
    z-index: 3005 !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) { /* This is so we can only add fixed to chrome/safari. Each browser is displaying this differently.*/
    body .reveal-modal{position: absolute;} 
}
body .reveal-modal .close-reveal-modal{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px 12px;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin-right: 9px;
    opacity: 0.90;
    position: absolute;
    right: 3px;
    top: 12px;
    width: 20px;
    color: #ec1a24;
    background-color: #fff;
}
body .reveal-modal .close-reveal-modal:hover,
body .reveal-modal .close-reveal-modal:focus{
    opacity: 1;
}

/* begin: google maps */

.tripbuilder .gMapContainer .showGMap .isOpen { display:none;}
.tripbuilder .gMapContainer .showGMap .isClosed { display:block;}
.tripbuilder .gMapContainer .showGMap span {display:block; max-width: 891px; height: 101px;}

.tripbuilder .gMapContainer.open  .showGMap .isOpen { display:block; }
.tripbuilder .gMapContainer.open  .showGMap .isClosed { display:none; }

.tripbuilder .gMapContainer .gMapHolder { height:300px;display:none; }
.tripbuilder .gMapContainer.open .gMapHolder { display:block; }

.tripbuilder .gMapContainer .showGMap { 
	background: transparent url("/includes/public/assets/images/map-handle.png") no-repeat scroll center center;
    border: 1px solid #d9cdc4;
    border-radius: 10px;
    color: #fff;
    cursor: pointer;
    font-family: "BlueHighwayW00-Condense",sans-serif;
    font-size: 16px;
    height: 101px;
    line-height: 26px;
    margin: 20px auto;
    max-width: 891px;
    padding-left: 10px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
}
.tripbuilder .gMapContainer.open .showGMap {
	background: transparent none repeat scroll 0 0;
    border: 0 none;
    height: 25px;
    text-align: right;
    max-width: 100%;
    margin-top: 0;
}
.tripbuilder .gMapContainer.open .showGMap .isOpen span {
	color: #413c37;
    font-family: "Alpha W01 Regular";
    font-size: 16px;
    height: 25px;
    text-align: right;
    text-transform: none;
    max-width: 100%;
}
.tripbuilder .gMapContainer.open .showGMap .isOpen i {color: #ec1a24;}
.tripbuilder .gMapContainer .showGMap > div { padding:5px 0; }

.tripbuilder .gMapContainer .gMapHolder img { max-width:none; } /* foundation overwrite for info window close button */
/* end: google maps */

.gMapContainer{
  margin-bottom: 50px;
  position: relative;
}

.gMapContainer img { max-width: none !important; }

.gMapContainer.open .gMapHolder{
  height: 350px;
  position: relative;
  width: 100%;
  border: 1px solid #b8c3c5;
  border-radius: 15px;
}
.gMapContainer.open .infoWindow h5 { color: #9bc2e8; font-size: 19px; }
.gMapContainer.open .infoWindow ul { margin-top: 7px !important; }
.gMapContainer.open .infoWindow li { font-size: 14px; margin-top: -5px; }
.gMapContainer.open .infoWindow li a { font-weight: normal; color: #D84200; }

.gMapContainer.open .infoWindow .contactInfo,
.gMapContainer.open .infoWindow .eventActions {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.gMapContainer.open .infoWindow .eventActions li { display: inline; padding-right:5px; }

/*** MEDIA QUERY ***/ 
/*** Mobile ***/ 
@media only screen and (max-width: 40em) {} 
/*** Tablet and Desk***/ 
@media only screen and (min-width: 40.063em){} 
/*** Tablet ***/ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .gMapContainer.open .gMapHolder{
    height: 270px;
  }
} 
/*** Desktop ***/ 
@media only screen and (min-width: 64.063em) {}