@charset "utf-8";
/* CSS Document */

article p { margin:5px 0; }
.text-content { padding-bottom:5px; }
.text-content h1 { padding-left:0; }
.text-content span { display:inline-block; font-style:italic; }
.p-condense p { margin-bottom:0; }
.p-condense p.second-name { margin:5px 0 10px; font-size:12px; line-height:1.4em; }

.memberschoice { display:inline-block; vertical-align:middle; width:40px; height:40px; padding:0; margin:0;
	background:url('/plan-your-visit/assets/graphics/logo_memberschoice.png') no-repeat; background-size:40px 40px; }
.memberschoicetxt { display:inline-block; padding:0; margin:0; font-size:12px; font-weight:500; }

.video-promo { background:#dab17b; border-color:#a6783c; }
.video-promo h2 { padding:15px 30px 0 10px; }
.fa-arrow-circle-down, .fa-arrow-circle-up { top:10px; color:#2D1607; }
.hdr-icon { position:relative; top:-2px; display:inline-block; vertical-align:middle; width:73px; margin-right:5px;
	background-repeat:no-repeat; background-size:cover; }
.hdr-icon { background-image:url('/events/assets/graphics/sprites_brew-at-the-zooNEW.png'); }
.info { height:44px; background-position:0 0; }
.slideshow { height:46px; background-position:0 -44px; }
.video { height:45px; background-position:0 -90px; }
.video-promo .sect { border-color:#a6783c; }
.container { position:relative; height:0; overflow:hidden; }
.container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
.video-promo .container { padding:0 0 56.25% 0 !important; }

.fact-block { clear:both; display:block; width:100%; padding-bottom:10px; }
.fact-image img, .photo img { position:relative; top:5px; width:100%; border-top:1px solid #7c592c; border-bottom:1px solid #7c592c; }
.fact-image .credit, .photo .credit { padding:4px 10px; font-size:13px; line-height:1.2em; text-align:right;
	background-color:#a6783c; border-bottom:1px solid #7c592c; }
.fact-image .credit span, .photo .credit span { display:inline-block; }

.fact-content { padding-bottom:10px; }
.fact-text h2, .fact-content h2 { padding:6px 10px; background:#dab17b; border-bottom:1px solid #a6783c; }
.fact-content h2 { margin-top:10px; border-top:1px solid #a6783c; }
.fact-text .header-link { display:block; color:#a2552e; }
.fact-text p { padding:0 10px; }
.fact-content p { padding:0 10px 8px; }

/* Promos */
.promo { display:block; width:100%; height:120px; padding:0 10px 0 30%; margin:3px 0 2px; text-shadow:0 0 2px black;
  color:#fff; text-align:right; text-decoration:none; background-repeat:no-repeat; border-color:#4a582c; }
.remove-margin { margin-bottom:0; }
.promo-container { padding-top:18px; }
.promo-container p { display:inline-block; vertical-align:middle; padding-bottom:15px; font-size:16px; line-height:18px; font-weight:900; }
.promo-container span { display:inline-block; }
.promo-button { display:inline-block; vertical-align:middle; padding:5px 10px;
	font-weight:700; color:#fff; text-transform:uppercase; text-align:center;
	background:#4a582c; border:2px solid #647345; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.promo:hover .promo-button, .promo:focus .promo-button { background:#394422; }

#solar-powered { background-color:#a08b4f; background-image:url('/template/graphics/promos/2x/responsive_solar-power.png'); background-size:340px 120px; }
#zoocam_lions { background-color:#d8b27e; background-image:url('/template/graphics/promos/2x/responsive_zoocam-lions.png'); background-size:340px 120px; }
#zoocam { background-color:#112d10; background-image:url('/template/graphics/promos/2x/responsive_zoocam.png'); background-size:340px 120px; background-position:center center; }

/* Learn More */
.more { position:relative; display:block; width:100%; height:0; padding:36px 0 45.5729%; margin-bottom:8px;
  color:#000; text-decoration:none; background-color:#122f4f;
  background-image:url('../graphics/promo.png?v=4'); background-size:contain; background-repeat:no-repeat;
  border-width:0 0 1px; border-style:solid; border-color:#122f4f;
  -webkit-box-shadow:0 0 3px rgba(0,0,0,0.30); box-shadow:0 0 3px rgba(0,0,0,0.30); }
.more span { position:absolute; bottom:0; width:100%; padding:8px 16px 8px; font-weight:500; text-transform:uppercase;
  background-color:#6ba1b3; transition:all .3s ease-in-out; text-align:center;
  border-width:1px 0 0; border-style:solid; border-color:#122f4f; }
.more:hover span, .more:focus span { background-color:#a1d4e5; }


/* Pixel ratio of 2. Background-size is 1/2 = 50% (of a 200px image) */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi) {
	.memberschoice { background:url('/plan-your-visit/assets/graphics/2x/logo_memberschoice.png') no-repeat; background-size:40px 40px; }
  .hdr-icon { background-image:url('/events/assets/graphics/2x/sprites_brew-at-the-zoo.png'); }
}

@media only screen and (min-width:350px) {
  .promo-container { padding-top:10px; }
  .promo-container p { font-size:20px; line-height:22px; }
}

@media only screen and (min-width:385px) {
  .promo { padding-left:40%; }
}

@media only screen and (min-width:520px) {
  .promo { padding-left:55%; }
  #solar-powered, #zoocam_lions { padding-left:45%; }
}

@media only screen and (min-width:600px) {
  .landing article, .landing aside { float:none; width:100%; }
  .text-content { padding-bottom:0; }
  .fact-block { padding-top:10px; }
  .fact-image { float:left; width:42%; }
  .fact-image img { top:0; border-right:1px solid #7c592c; }
  .fact-image .credit { position:relative; top:-5px; border-right:1px solid #7c592c; }
  .photo .credit { padding-right:16px; }
  .fact-text { float:right; width:58%; }
  .fact-text h2 { border-top:1px solid #a6783c; }
  .fact-content h2 { padding:6px 16px; }
  .fact-content p { padding:0 16px 8px; }

  .promo, #solar-powered, #zoocam_lions { padding-left:0; }
  .promo-container { padding-top:42px; }
  .promo-container p { padding-bottom:0; }
}

/* Maximal Width */
@media only screen and (min-width:1024px) {
  #content:not(.landing) .promo { margin:1px 0; }
/*  #content:not(.landing) .promo { width:236px; padding-left:0; margin:12px 10px;
    border-width:2px; border-style:solid; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;
	  -moz-box-shadow:0 0 1px black; -webkit-box-shadow:0 0 1px black; box-shadow:0 0 1px black; }*/
  #content:not(.landing) .promo-container { padding-top:20px; }
  #content:not(.landing) .promo-container p { padding-bottom:10px; font-size:14px; line-height:16px; }
  #content:not(.landing) .remove-margin { margin-bottom:0; }
  #content:not(.landing) .promo { height:106px; }
  #content:not(.landing) #zoocam { background-size:cover; }
}

@media only print {
  .main-container, article { border:0; background-color:white; }
}