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

/*.block-search { display: none; }*/

/* ==========================================================================
   Headers
   ========================================================================== */

.category-animal-pictures .page-header {
    background-image: url("../images/headers/animal-pictures-header-1280.jpg"); 
    width: 100%; height: 320px; margin-right: auto; margin-left:auto; 
    background-repeat: no-repeat; 
    background-position: center top;
    z-index: 999;
}

.category-bird-pictures .page-header {
    background-image: url("../images/headers/bird-pictures-header-1280.jpg"); 
    width: 100%; height: 320px; margin-right: auto; margin-left:auto; 
    background-repeat: no-repeat; 
    background-position: center top;
    z-index: 999;
}

.category-coral-reef .page-header {
    background-image: url("../images/headers/coral-reef-header-1280.jpg"); 
    width: 100%; height: 320px; margin-right: auto; margin-left:auto; 
    background-repeat: no-repeat; 
    background-position: center top;
    z-index: 999;
}

.category-sea-animals .page-header {
    background-image: url("../images/headers/sea-animals-header-1280.jpg"); 
    width: 100%; height: 320px; margin-right: auto; margin-left:auto; 
    background-repeat: no-repeat; 
    background-position: center top;
    z-index: 999;
}

.category-rainforest-animals .page-header {
    background-image: url("../images/headers/rainforest-header-1280.jpg"); 
    width: 100%; height: 320px; margin-right: auto; margin-left:auto; 
    background-repeat: no-repeat; 
    background-position: center top;
    z-index: 999;
}

.category-animal-art .page-header {
    background-image: url("../images/headers/animal-art-header-1280.jpg"); 
    width: 100%; height: 320px; margin-right: auto; margin-left:auto; 
    background-repeat: no-repeat; 
    background-position: center top;
    z-index: 999;
}

.page-header .panel.wrapper {background-color: transparent;}

/* ==========================================================================
   My Additions
   ========================================================================== */
.pagehome {
 margin-top: -25px;
}

.serviceImageWildlife {
  display: block;
  width: 100%;
  height: auto;
/*  border-radius: 20px;*/
}

.imageOverlayWildlife {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-wildlife.png');
 /* border-radius: 20px;*/
}

.imageOverlayGold {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-gold.png');
 /* border-radius: 20px;*/
}

.imageOverlayPink {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-pink.png');
 /* border-radius: 20px;*/
}

.imageOverlayBlue {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-blue.png');
 /* border-radius: 20px;*/
}

.imageOverlayGreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-green.png');
 /* border-radius: 20px;*/
}

.imageOverlaySky {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-sky.png');
 /* border-radius: 20px;*/
}

.imageOverlayBrown {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-brown.png');
 /* border-radius: 20px;*/
}

.imageOverlaySea {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-sea.png');
 /* border-radius: 20px;*/
}

.imageOverlayYellow {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: .5s ease;
  background-image: url('../images/home/overlay-yellow.png');
 /* border-radius: 20px;*/
}

.overlayServiceWildlife:hover .imageOverlayWildlife {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.overlayServiceWildlife:hover .imageOverlayGold {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.overlayServiceWildlife:hover .imageOverlayPink {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.overlayServiceWildlife:hover .imageOverlayBlue {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.overlayServiceWildlife:hover .imageOverlayGreen {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.overlayServiceWildlife:hover .imageOverlaySky {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.overlayServiceWildlife:hover .imageOverlayBrown {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.overlayServiceWildlife:hover .imageOverlaySea {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.overlayServiceWildlife:hover .imageOverlayYellow {
  opacity: 50%;
      bottom: 100%;
  height: 0;
}

.serviceTextWildlife {
  color: white;
  font-size: 1.9rem;
    line-height: normal;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.overlayServiceWildlife:hover .serviceTextWildlife {
  opacity: 0%;
      bottom: 100%;
  height: 0;
}

/* Content Columns for sizes */
.info-set {
	width: 100%;
	line-height: 1.72857143;
}
.info-set .col-1,
.info-set .col-2 {
  width: 46%;
  padding: 20px;
}

.info-set h2 {
	margin: 0px;
	text-align: center;
}

.info-set h3 {
	font-size: medium;
	font-weight: 600;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1.42857143;
}
.info-set li {
	font-weight: 400;
	margin-top: 0px;
	margin-bottom: 0px;
}

@media only screen and (max-width: 770px) {
  .info-set .col-1,
  .info-set .col-2 {
    padding: 10px;
  }
}
.info-set .col-1 {
  float: left;
  padding-left: 0;
}
.info-set .col-2 {
  float: right;
  padding-right: 0;
}
@media only screen and (max-width: 479px) {
  .info-set .col-1,
  .info-set .col-2 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.info-set .narrow {
  width: 33%;
}
.info-set .wide {
  width: 65%;
}
.info-set:after {
  content: '';
  display: table;
  clear: both;
}

/* ============================================ *
 * FAQ image blocks
 * ============================================ */

.faqblocks {
	float: left;
	width: 100%;
	font-weight: 400;
	line-height: 1.62857143;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}

body .faqblocks > li {
	margin-left: 2%;
    margin-right: 2%;
    margin-bottom: auto;
    margin-top: auto;
	list-style: none;
}
	
.faqblocks li {
	position: relative;
	list-style: none;
	float: left !important;
	width: 21% !important;
	margin-right: 0px !important;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #cccccc;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.faqblocks a:hover {
  text-decoration: none;
}

@media only screen and (max-width: 900px) {
  .faqblocks li {
    width: 41% !important;
    margin-right: 0% !important;
	margin-left: 0px;
  }

  .faqblocks li:nth-child(even) {
    margin-right: 0 !important;
  }
}
@media only screen and (max-width: 479px) {
  .faqblocks li {
    width: 98% !important;
    margin-right: 2.66667% !important;
	margin-left: 0px;
    float: none;
  }
}
.faqblocks li:last-child {
  margin-right: 0 !important;
}

.faqblocks li img {
  width: 100%;
  max-width: 100%;
  height: auto;    
}

/* Content Columns for footer */
.footer-set {
	width: 100%;
}
.footer-set .col-1,
.footer-set .col-2,
.footer-set .col-3  {
  width: 30%;
  padding: 0px 10px 0px 10px;
}

@media only screen and (max-width: 770px) {
  .footer-set .col-1,
  .footer-set .col-2,
  .footer-set .col-3 {
	padding: 0px 6px 0px 6px;
  }
}
.footer-set .col-1 {
  float: left;
  padding-left: 0;
}
.footer-set .col-2 {
  float: left;
}
.footer-set .col-3 {
  float: left;
  padding-right: 0;
}
@media only screen and (max-width: 479px) {
  .footer-set .col-1,
  .footer-set .col-2,
  .footer-set .col-3 {
    float: none;
    width: auto;
    border: 0;
    padding-right: 0;
    padding-left: 0;
  }
}
.footer-set .narrow {
  width: 33%;
}
.footer-set .wide {
  width: 65%;
}
.footer-set:after {
  content: '';
  display: table;
  clear: both;
}

/* ==========================================================================
   articles
   ========================================================================== */ 
   
.articles {
    background-color: #121212;
    color: #ffffff;
    line-height: 180%;
}
.articles a {
  color: #fceb55;
  text-decoration: none;
}

.articles a:hover {
  color: #f9a825;
}

/* ==========================================================================
   Display images throughout
   ========================================================================== */ 


.displayImages {
  position: relative;
}

.displayImages img {
    display: block;
    width: 94%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    border: 1px solid #fff;
}

.displayImages h2 {
  position: absolute;
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  left: 0;    
  z-index: 10;
  color: #fff;
  font-weight: 700;
  text-align: center; 
  width: 100%; /* Full width */  
  padding-bottom: 20px; /* Some padding */
  text-transform: none;
}

.displayImages h3 {
  position: absolute;
  bottom: 0; /* At the bottom. Use top:0 to append it to the top */
  left: 0;    
  z-index: 10;
  color: #fff;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2;
  text-rendering: optimizeLegibility;
  width: 100%; /* Full width */  
  padding-top: 15px; /* Some padding */ 
  padding-bottom: 15px; /* Some padding */
  margin-bottom: 0px;
  text-transform: none;
}

.displayImages a {
  color: #FFFFFF;
  text-decoration: none;
      background: #f9a825;
}

.displayImages a:hover {
  background: #f9a825;
}

.displayImages img a:hover {
  background: #f9a825;
}

.articleText{
    line-height: 180%;
}

/* Me */
.zoom {
  transition: transform .2s; /* Animation */
}

.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

 .copyright {
        background-color: #272727;
    }