/*
Theme Name:  Dian Fossey: Gorilla Fund
Theme URI: http://gorillafund.org/
Author: The Creative Momentum
Author URI: http://www.thecreativemomentum.com/
Version: 1.0
*/

.search-results .pagination {
    clear: both;
}

.pum-theme-21392 .pum-content > .row > .col {
	background-repeat:no-repeat;
	background-position: center;
	background-size:cover;
}


/*News Posts*/
.single-post img.alignleft,
.single-post .wp-caption.alignleft {
	float: left !important;
	margin-left: 0 !important;
	display: inline-block;
}
.single-post img.alignright,
.single-post .wp-caption.alignright {
	float: right !important;
	margin-right: 0 !important;
	display: inline-block;
}


.hidden {
    display: none;
    visibility: hidden;
}
/* Start: Recommended Isotope styles */
 
/**** Isotope Filtering ****/
 
.item {
  z-index: 2;
}
 
.isotope-hidden.item {
  pointer-events: none;
  z-index: 1;
}

.wp-caption {
	width: auto !important	
}
 
/**** Isotope CSS3 transitions ****/
 
.isotope,
.isotope .item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}
 
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
 
.isotope .item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
 
/**** disabling Isotope CSS3 transitions ****/
 
.isotope.no-transition,
.isotope.no-transition .item,
.isotope .item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

.lm-content {
	background: #e4efe7;
}
.lm-content {

}
.filter {
	background: #2d5736;
	padding: 60px 0;
	text-align: center;
}
.lm-icon {
	display: table-cell;
	width: 20%;
}
.lm .entry-header {
	display: table-cell;
	vertical-align: middle;
    padding-left: 20px;
	width: 80%
}
.lm .wrap-entry {
	display: table;
	width: 100%;
	padding: 20px;
}
.lm .meta {
	color: #5c8727;
	font-size: 16px;
	text-transform: uppercase;
}
.lm .post-title a {
	font-size: 24px;
	line-height: 28px;
	color: #1c3f66;
}


ul#filters {
    display: table;
    margin: 0 auto;
    padding-bottom: 0;
}
ul#filters li {
	background-color: #5c8727;
    border-right: 10px solid #2d5736;
    display: table-cell;
    vertical-align: middle;
    width: 175px;
}
ul#filters li.featured {
	display: none !important;
	visibility: hidden !important; 
}

ul#filters li.all {
	background-image: url('img/materials/icon-all.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 33px 42px;
}
ul#filters li.activities {
	background-image: url('img/materials/icon-activities.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 33px 42px;
}
ul#filters li.audio {
	background-image: url('img/materials/icon-audio.png');
	background-size: 110%;
    background-repeat: no-repeat;
    background-position: 15px 29px;
}
ul#filters li.coloring-pages {
	background-image: url('img/materials/icon-coloring.png');
	background-size: 110%;
    background-repeat: no-repeat;
    background-position: 13px 5px;
}
ul#filters li.gorilla-facts {
	background-image: url('img/materials/icon-gorilla.png');
	background-size: 110%;
    background-repeat: no-repeat;
    background-position: 10px 30px;
}
ul#filters li.quizzes {
	background-image: url('img/materials/icon-quizzes.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 33px 42px;
}
ul#filters li.videos {
	background-image: url('img/materials/icon-videos.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: 33px 42px;
}

ul#filters li a{
   color: #fff;
    font-size: 24px;
    line-height: 28px;
    padding: 4rem 1.5rem;
    display: table-cell;
    font-weight: bold;
    text-decoration: none;
}

ul#filters li.selected {
	background-color: #f39303;
    color: #fff;
}

.isotope-list .item {
    cursor: pointer;
    float: left;
    width: 24%;
    height: 380px;
    margin: 20px 5px;
    background: #ffffff;
}

/* End: Recommended Isotope styles */


.lm-icon {
    width: 60px;
    height: 60px;
    display: inline-block;
    background-color: #315b8b;
    border-radius: 100%;
}
.lm-icon.activities {
	background-image: url('img/materials/icon-activities-white.png');
	background-size: 75%;
    background-repeat: no-repeat;
    background-position: 19px 10px;
}
.lm-icon.audio {
	background-image: url('img/materials/icon-audio-white.png');
	 background-size: 86%;
    background-repeat: no-repeat;
    background-position: center -7px;
}
.lm-icon.coloring-pages {
	background-image: url('img/materials/icon-coloring-white.png');
	background-size: 76%;
    background-repeat: no-repeat;
    background-position: 13px 0;
}
.lm-icon.gorilla-facts {
	background-image: url('img/materials/icon-gorilla-white.png');
	background-size: 75%;
    background-repeat: no-repeat;
    background-position: 14px 13px;
}
.lm-icon.quizzes {
	background-image: url('img/materials/icon-quizzes-white.png');
	background-size: 60%;
    background-repeat: no-repeat;
    background-position: 15px 20px;
}
.lm-icon.videos {
	background-image: url('img/materials/icon-videos-white.png');
	background-size: 90%;
    background-repeat: no-repeat;
    background-position: 19px 19px;
}

.featured-post {
	background: #3e7475;
	text-align: center;
	padding: 60px 30px;
}
.featured-post  .lm-icon {
	background-color: #5c8727;
	display: block;
    width: 80px;
    height: 80px;
    margin: 0 auto 30px auto;
}
.lm .featured-post .entry-header {
	display: block;
    padding-left: 0;
	width: 100%
}
.lm .featured-post .meta {
	color: #bfe0e0;
	font-size: 24px;
	margin-bottom: 20px;
	display: inline-block;
}
.lm .featured-post .post-title a {
	font-size: 40px;
	line-height: 24px;
	color: #fff;
	text-decoration: none;
}


/*Learning Materials Single Page*/
.lm-single .header {
	background: #5c8727;
	padding: 50px 120px;
	display: table;
	width: 100%;
}
.lm-single .wrap-entry {
	padding: 0;
}
.lm-single .header .meta {
	font-size: 20px;
	color: #bfe0e0;
	text-transform: uppercase;
	margin-bottom: 20px;
	display: inline-block;
}
.lm-single .head-details {
	float: left;
}
.lm-single .head-button {
	float: right;
	margin-top: 30px;
}
.lm-single .post-title a {
	font-size: 40px;
	color: #fff;
}

.lm-single .entry-content {
	padding-bottom: 0;
}

.lm-single .inner-content {
	padding: 60px;
}

/*Single Header Icons*/

.lm-single .header.activities {
	background-image: url('img/materials/icon-activities.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 20px 0;
}
.lm-single .header.audio {
	background-image: url('img/materials/icon-audio.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 20px 0;
}
.lm-single .header.coloring-pages {
	background-image: url('img/materials/icon-coloring.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 20px 0;
}
.lm-single .header.gorilla-facts {
	background-image: url('img/materials/icon-gorilla.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 20px 0;
}
.lm-single .header.quizzes {
	background-image: url('img/materials/icon-quizzes.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 20px 0;
}
.lm-single .header.videos {
	background-image: url('img/materials/icon-videos.png');
	background-size: contain;
    background-repeat: no-repeat;
    background-position: 20px 0;
}


/*Audio / Video Type*/
.lm-single audio {
    opacity: 0 !important;
    position: absolute;
    left: 0;
}
.lm-single video {
	width: 700px;
	height: 100%;
}
.lm-single .media .entry-image img {
	width: 700px;
}
.lm-single .media .entry-video, 
.lm-single .media .entry-image {
	position: relative;
    margin: 0 auto;
    display: table;
}
.lm-single  .media {
    display: table;
    position: relative;
    margin: 0 auto 40px auto;
    text-align: center;
}
.lm-single  .media.external-media {
	width: 700px;
}
.lm-single .details {
	display: block;
	margin-bottom: 50px;
}
.lm-single .media.video .entry-overlay {
	background: transparent;
}
.lm-single .media .entry-overlay {
    background: rgba(0, 0, 0, 0.4);
	position: absolute;
	width: 100%;
    height: 100%;
    top:0;
    left: 0;
}

.lm-single .media .entry-overlay .buttons {
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.lm-single .media .entry-overlay .buttons img {
	display: inline-block;
	width: 51px;
}
.lm-single .media .entry-overlay .buttons p {
	color:#f39303;
	font-weight: bold;
}

/*Article Section*/
.lm-section .article {
	display: table;
	margin-bottom: 20px;
	width: 100%;
}
.lm-section .article div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
}
.lm-section .article * {
	color: #fff;
}
.lm-section .article a {
	color: #f39303;
}
.lm-section .article .desc {
    padding: 40px;
    border-right: 20px solid #fff;
}
.lm-section .article .image img {
	width: 100%;
}

/*Coloring Pages*/
.coloring-images {
	display: table;
	margin-bottom: 20px;
	width: 100%;
}
.coloring-images div {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin-bottom: 30px;
}
.coloring-images .image img {
    display: block;
    width: 95%;
    text-align: center;
    margin: 0 auto;
}
.lm-single .download-pdf {
    float: none;
    margin: 20px auto;
    max-width: 100%;
    display: block;
    text-align: center;
}

/*Illustrations*/
.illus-section .list {
	display: table;
	margin-bottom: 20px;
	width: 100%;
	padding: 80px 0;
}
.illus-section .list:last-child {
	margin-bottom: 0;
}
.illus-section .list div {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 0 20px;
}
.illus-section .list .image img {
	margin: 0 auto;
}
.illus-section .list .desc h3 {
	font-size: 24px;
}
.illus-section .list:nth-child(even) {
    background: #e4efe7;
    position: relative;
}
.illus-section .list:nth-child(even):before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #e4efe7;
	left: -100%;
	content:'';
	top:0;
}
.illus-section .list:nth-child(even):after {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #e4efe7;
	right: -100%;
	content:'';
	top:0;
}

.illus-section .list.left .image {
	float: left;
}
.illus-section .list.left .desc {
	float: right;
}

.fa-square-o:before{
	content: url('img/radio-bg.png') !important;
}
.fa-check-square-o {
	content: url('img/radio-bg-check.png') !important;
}


/*Video Vault / Image Gallery posts*/
.custompost-modals .entry-thumb {
	height: 225px;
}

.custompost-modals .entry-thumb.entry-thumb-video .header-module-right a:before,
.custompost-modals .entry-thumb.entry-thumb-video .header-module-right a:after,
.custompost-modals .title-matchHeight a:before,
.custompost-modals .title-matchHeight a:after{
	content: "";
	display: none;
}
.custompost-modals .modal-header .details {
	float: left;
	padding-left: 20px;
	width: 70%;
}
.custompost-modals .modal-header .desc  {
	float: left;
	width: 70%;
}
.custompost-modals .modal-header  .buttons {
    float: right;
    text-align: right;
}
.custompost-modals .modal-body iframe {
	width: 730px;
}

@media screen and (max-width:992px){
	.custompost-modals .modal-header .desc  {
		float: left;
		width: 100%;
	}
	.custompost-modals .modal-header  .buttons {
		width: 100%;
	    float: left;
	    text-align: left;
	    margin-top: 20px;
	}
}
@media screen and (max-width:767px){
	.custompost-modals .modal-header .details {
	    width: 70%;
	    margin-top: 25px;
	    margin-bottom: 20px;
	}
	.custompost-modals .modal-header .close {
		position: absolute;
		top: 10px;
		right: 10px;
	}
}
.custompost-modals .modal-header .details h4,
.custompost-modals .modal-header .details p {
	padding-bottom: 0;
	color: #fff;
}
.custompost-modals .modal-header .details a {
	color: #fff;
	display: inline-block;
	width: auto;
    padding: 0 1.5rem;
}
						

.custompost-modals .modal,
.custompost-modals .modal-box {
  z-index: 900;
}

.custompost-modals .modal-sandbox {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent;
}

.custompost-modals  .modal {
  display: none; 
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgb(0,0,0);
  background: rgba(0,0,0,.5);
  overflow: auto;
  z-index: 999;
}

.custompost-modals  .modal-box {
  position: relative;
  width: 730px;
  max-width: 920px;
  margin: 100px auto;
  animation-name: modalbox;
  animation-duration: .3s;
  animation-timing-function: ease-out;
}

/* Close Button */
.custompost-modals  .close-modal {
  text-align: right;
  cursor: pointer;
}

/* Animation */
@-webkit-keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}

@keyframes modalbox {
  0% {
    top: -250px; 
    opacity: 0;
  }
  100% {
    top: 0; 
    opacity: 1;
  }
}
/*END Video Vault / Image gallery*/


@media screen and (max-width: 1024px) {
	.modal-box {
		width: 80% !important;
	}
	.custompost-modals .modal-body iframe {
		width: 100%;
	}
}

@media (min-width: 768px) {
	.lm-single .entry-footer .share-post {
	    float: left;
	    margin: 0;
	    max-width: 100%;
	}
	.lm-single .download-pdf {
	    float: right;
	    margin: 0;
	    max-width: 100%;
	}

}

@media screen and (max-width: 1024px) {
	.lm-single video {
		width: 90%;
	}
	.lm-single .header {
		padding: 30px 20px;
	}
	.lm-single .head-button {
	    float: left;
	    margin-top: 10px;
	}
	.lm-single .head-details {
		width: 100%;
	}
}
@media screen and (max-width: 992px) {
	ul#filters li {
		display: inline-block;
		margin-bottom: 10px;
		height: 200px;
	}
	.isotope-list .item {
		width: 45%;
		height: auto !important;
	}
	.lm .wrap-entry {
		padding: 5%;
	}
	.lm .entry-header,
	.lm-icon {
		display: block;
		margin: 0 auto;
	} 
	.lm .entry-header {
	    padding-left: 0;
	    width: 100%;
	    text-align: center;
	    margin-top: 10px !important;
	}

	.illus-section .list div {
		width: 100%;
	}
	.illus-section .list .image,
	.illus-section .list .desc {
		float: none;
		display: block;
	}
	.illus-section .list .image {
		margin: 20px 0;
	}
	.lm-single  .media.external-media {
		width: 90%;
	}
	.lm-single  .media.external-media iframe {
		height: 300px;
	}

	.coloring-images div {
		display: block;
		margin-bottom: 20px;	
		width: 100%;
	}

	.lm-section .article div {
	    display: block;
	    width: 100%;
	    border-right: 0 !important;
	}
	.lm-single .inner-content {
		padding: 20px;
	}
}