footer {
  min-height: 450px;
}

.menu-close-arrow {
  line-height: 1.15em;
  font-size: 3em;
}

/**
 * Google Maps fix
 */
.gmnoprint img {
    max-width: none; 
}

.gm-style img {
    max-width: none; 
}

.gm-style-iw {
    /*overflow: hidden !important;*/
}

#map-canvas {
  width: 100%;
  height: 0;
  margin: 0 auto;
  padding-top: 40%;
  position: relative;
}
@media only screen and (max-width: 767px) and (orientation: portrait) {
  #map-canvas {
    padding-top: 60%;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  #map-canvas {
    padding-top: 35%;
  }
}
#map-canvas iframe {
  width: 100%;
  height: 100%; /* had to specify height/width */
  position: absolute;
  top: 0; 
  right: 0;
  left: 0; 
  bottom: 0;   
}

#infobox {
    border:2px solid black;
    margin-top: 8px;
    background:#333;
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    padding: .5em 1em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    text-shadow:0 -1px #000000;
    -webkit-box-shadow: 0 0  8px #000;
    box-shadow: 0 0 8px #000;
    max-height: 75px;
    overflow: auto;
}

/**
 * Foundation override.
 */
textarea {
    height: auto;
}

[data-magellan-expedition] .sub-nav dd {
    line-height: 1.8em;
}

.meter.women {
    background-color: #F0C0C0;
}

.pricing-table.place {
    margin-bottom: 0;
}

.panel {
  border-color: #d9d9d9;
  background: #fcfcfc;
  border-radius: 5px;
}

.panel h1,
.reveal-modal h1{
  font-size: 1.5em;
}

.panel h2,
.reveal-modal h2{
  font-size: 1.3em;
}

.panel h3,
.reveal-modal h3{
  font-size: 1.2em;
}

.panel h4,
.reveal-modal h4{
  font-size: 1.15em;
}

.panel h5,
.reveal-modal h5{
  font-size: 1.10em;
}

.panel h6,
.reveal-modal h6{
  font-size: 1.07em;
}

@media only screen and (max-width: 767px) {
  .panel h1,
  .reveal-modal h1{
    font-size: 1.1em;
  }
  .panel h2,
  .reveal-modal h2{
    font-size: 1.09em;
  }
  .panel h3,
  .reveal-modal h3{
    font-size: 1.07em;
  }
  .panel h4,
  .reveal-modal h4{
    font-size: 1.06em;
  }
  .panel h5,
  .reveal-modal h5{
    font-size: 1.04em;
  }
  .panel h6,
  .reveal-modal h6{
    font-size: 1.02em;
  }
}

.has-tip {
  font-weight: normal;
}

/**
 * Lifted shadow corners.
 */
.lifted {
	border-radius:0px;
	position:relative;
	padding:1em;
	background:#fcfcfc;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 0px 0px  rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 0px 0px  rgba(0,0,0,0.2);
}

.lifted:before, .lifted:after {
	content: "";
	position: absolute;
	z-index: -1;
	-ms-transform: skew(0deg,-4deg);
	-webkit-transform: skew(0deg,-4deg); /* Safari and Chrome */
	-o-transform: skew(0deg,-4deg); /* Opera */
	-moz-transform: skew(0deg,-4deg); /* Firefox */
	bottom: 16px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
	height: 25px;
	left: 5px;
	max-width: 50%;
	width: 50%;
}
.lifted:after {
	-ms-transform: skew(0deg,4deg); /* IE 9 */
	-webkit-transform: skew(0deg,4deg); /* Safari and Chrome */
	-o-transform: skew(0deg,4deg); /* Opera */
	-moz-transform: skew(0deg,4deg); /* Firefox */
	left: auto;
	right: 5px;
}

/**
 * Arrows
 */
.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-bottom: 10px solid black;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	
	border-top: 10px solid black;
}

h1 > .arrow-up,
h1 > .arrow-down {
    margin-top: .3em;
}

.pricing-table >.title >.arrow-up {
    margin-top: .2em;
    border-bottom: 10px solid #eee;
}

.pricing-table >.title >.arrow-down {
    margin-top: .2em;
    border-top: 10px solid #eee;
}
/**
 * Other
 */

.logo {
    background: url('/www/img/pozzy-logo@2x.png') no-repeat center center;
    -moz-background-size: 67px 41px;
    -o-background-size: 67px 41px;
    background-size: 67px 41px;
    display: inline-block;
    width: 67px;
    height: 41px;
}
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
    .logo {
        background: url('/www/img/pozzy-logo@2x.png') no-repeat center center;
        -moz-background-size: 67px 41px;
        -o-background-size: 67px 41px;
        background-size: 67px 41px;
        display: inline-block;
        width: 67px;
        height: 41px;
    }
}

.perks {
  min-height: 100px;
}
@media only screen and (max-width: 767px) {
  .perks {
    min-height: 50px;
  }
}

.pointer {
    cursor: pointer;
}

.inputHeight {
    padding-top: 0.77rem !important;
    height: 2.31rem;
}

.conquerorImage {
    width: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.labelPaddingTop {
    padding-top: .8em;
}

.copyright {
    color: #dddddd;
}

.grey {
    color: #333;
}

.lightGrey {
    color: #999;
}

.menuIconPadding {
    padding-top: 0.5em;
}

.notificationsIconPadding {
    padding-top: 0.8em;
}

.cross {
    font-size: 2.37em;
    line-height: 0.3;
}

.hudTextContainer {
  position:absolute;
  margin-top: 1rem;
  margin-left: 1rem;
  margin-right: 1rem;
}

.hudTextContainer h4 {
  color: white; 
  text-shadow: 
    1px 0 0 #000, -1px 0 0 #000, 
    0 1px 0 #000, 0 -1px 0 #000, 
    1px 1px #000, -1px -1px 0 #000, 
    1px -1px 0 #000, -1px 1px 0 #000;
}

.hudTextContainer.right {
  right: 0px;
}

.hudMenCTA.right {
  margin-left: 1em;
}

.hudWomenCTA.right {
  margin-left: 1em;
}

.hudMenCTA.left {
  margin-right: 1em;
}

.hudWomenCTA.left {
  margin-right: 1em;
}

.arrowBox:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #700B70;
    border-bottom: 15px solid transparent;
    z-index:1;
}
.arrowBox {
    background-color: #700B70;
    height: 30px;
    position:relative;
    padding: 0.25rem;
    padding-left: 20px;
    padding-right: 20px;
    color: white;
}

.arrowBox + .arrowBox:before {
  border-left-color: #700B70;
}

.arrowBox + .arrowBox {
  background-color: #9E189E;
}

.arrowBox + .arrowBox + .arrowBox:before {
  border-left-color: #9E189E;
}

.arrowBox + .arrowBox + .arrowBox {
  background-color: #BF0ABF;
}

.arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
  border-left-color: #BF0ABF;
}

.arrowBox + .arrowBox + .arrowBox + .arrowBox {
  background-color: #700B70;
}

.arrowBox + .arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
  border-left-color: #700B70;
}

.arrowBox + .arrowBox + .arrowBox + .arrowBox + .arrowBox {
  background-color: #9E189E;
}

.arrowBox + .arrowBox + .arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
  border-left-color: #9E189E;
}

.arrowBox + .arrowBox + .arrowBox + .arrowBox + .arrowBox + .arrowBox {
  background-color: #BF0ABF;
}
/* Define mobile styles */
@media only screen {
  .arrowBox {
    display: none;
  }
  .arrowBox:before {
    display: none;
  }

  .positionIcon {
    margin-left: 0.75rem;
    margin-top: 0.75rem;
  }
}
/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
  .arrowBox {
    display: none;
  }
  .arrowBox:before {
    display: none;
  }

  .positionIcon {
    margin-left: 0.75rem;
    margin-top: 0.75rem;
  }
}
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
  .arrowBox {
    display: block;
  }
  .arrowBox:before {
    display: block;
  }
  .arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
    display: none;
  }
  .arrowBox + .arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
    display: block;
  }

  .positionIcon {
    margin-left: 1rem;
    margin-top: 1rem;
  }
}
/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
  .arrowBox {
    display: block;
  }
  .arrowBox:before {
    display: block;
  }
  .arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
    display: none;
  }
  .arrowBox + .arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
    display: block;
  }

  .positionIcon {
    margin-left: 1rem;
    margin-top: 1rem;
  }
} 
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
  .arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
    display: block;
  }

  .positionIcon {
    margin-left: 1rem;
    margin-top: 1rem;
  }
}
/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) {
  .arrowBox + .arrowBox + .arrowBox + .arrowBox:before {
    display: block;
  }

  .positionIcon {
    margin-left: 1rem;
    margin-top: 1rem;
  }
}

.twitter-follow-button {
  margin-top: 0.35em;
}

.gplusFollow div {
  margin-top: 0.35rem !important;
}

#toast {
  padding: 0.5rem 0;
  background-color: #23c17d;
  color: white;
  width: 100%;
  z-index: 1;
}

.switch {
   z-index: 1;
}

.fixed.bottom {
  top: auto;
  bottom: 0;
}

.cookielaw {
  color: #fff;
  background-color: #000;
  opacity: 0.6;
}

.cookielaw > .button {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.offcanvas-overlap-right .left-off-canvas-menu, .offcanvas-overlap-left .right-off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003; }

.left-off-canvas-menu, .right-off-canvas-menu {
  -moz-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
}

.placeGenderPercentageLabel {
  margin-top: 0.2em;
  color: white;
}
