/**
* Table of Contents (Work in Progress)
* 1.0 Global Styles
*	1.1 Section Color Definitions
*	1.2 Header
*		1.2.1 Logo
*		1.2.2 Secondary Navigation
*		1.2.3 Search
*	1.3 Main Navigation
*	1.4 Asymmetrical Grid
* 2.0 Homepage
* 	2.1 Featured Boxes: Free Stuff, Games, Video
* 	2.2 All About Animals Navigation
* 3.0 Interior Content 
*	3.1 Misc
*		3.1.1 Related Posts Module
*		3.1.2 Print Button Module
* 	3.2 Animal Facts Landing
* 	3.3 Animal Facts Sub-Landing
* 	3.4 Animal Facts Single Page
* 	3.5 Parents Landing
*	3.6 Parents Single Page
*   3.7 Comic Post Type
*	3.8 Little Kids
* 4.0 Sidebar Widgets
*	4.1 Recent Parents Posts
* 	4.2 Parents Category List
* 	4.4 Connect with PETA Email Sign up
*		4.4.1 Connect Widget: Parents Sidebar Location
*		4.4.2 Connect Widget: Animal Footer Location
* 	4.5 PETAKids Promo Content (footer sidebar)
*	4.6 Shop Button
* 5.0 Footer Navigation
* 6.0 Site-wide Color Themes
* 7.0 Shortcodes
*	7.1 Social Share
*	7.2 YouTube Video
*	7.3 YouTube Multiplayer
*	7.4 NextGen Slideshow
*	7.5 Accordion/Dropdown
* 8.0 Comments
*/

/**
* 1.0 Global Styles
*
* Site-wide styles, Generic Classes, Tags, General Foundation overwrites,
* Styles for WP Admin, and major layouts for Responsive
*/

body {
	background: #D9F4B7;
	color: #4D4D53;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h4 {
	font-family: 'Londrina Solid', sans-serif;
	text-transform: uppercase;
	color: #4D4D53;
	line-height: 1.1;
}
p {
	line-height: 1.4;
}
ul,
ol {
	margin-left: 2.4rem;
}
blockquote {
	font-family: 'Londrina Solid', sans-serif;
	border-left: 0;
	text-align: center;
	color: #2D2D32;
	margin: 0;
}
	blockquote.box {
		padding: 1.5em;
		color: #FFFFFF;
	}
	blockquote p {
		font-size: 1.4rem;
		line-height: 1.2;
		color: #FFFFFF;
	}
	blockquote.box .inline-bg {
		fill: #4E4D54;
	}
	.quote-bottom {
		position: relative;
		margin-bottom: 30px;
	}
	.quote-arrow {
		width: 128px;
		height: 78px;
		position: absolute;
		top: -45px;
		right: 10%;
	}
/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
div.indent {
	line-height: 1.4;
	margin-bottom: 1.25rem;
}
.button {
	background: #4DCFF7;
	font-family: 'Londrina Solid', sans-serif;
	text-transform: uppercase;
	font-size: 1.4rem;
	line-height: 1.1;
}
	.button:hover {
		background: #0CACDE;
	}
.privacy p, 
.terms p {
	font-size: .8rem;
}
.content-inner h1 {
	font-size: 2rem;
	line-height: 1.2;
	margin: 0 0 10px;
}
.content-inner h2 {
	font-size: 1.6rem;
	line-height: 1.4;
	text-transform: none;
	margin: 0 0 10px;
}
.content-inner h3 {
	font-size: 1.2rem;
	line-height: 1.4;
	text-transform: none;
	margin: 0 0 10px;
}
.row,
.row .contain-to-grid .top-bar {
	max-width: 64.5rem;
}
.home-featured.row,
.interior-grid.row {
	max-width: 63rem;
}
.top-bar,
.contain-to-grid {
	background: transparent;
	height: auto;
}
.content-area {
	padding: 40px 0 20px;
}
	.home.content-area {
		padding: 20px 0;
	}
.peta-media-credit {
	font-size: .5em;
	line-height: 120%;
}
	.peta-media-credit a {
		color: #4D4D53;
	}
.content-single .bg-top .inline-bg,
.content-single .bg-bottom .inline-bg {
	position: absolute;
	left:0;
	width: 100%;
	height: 105%;
	fill: #ffffff;
}	
.content-single .bg-top {
	height: 20px;
	margin-bottom: -1px;
	width: 100%;
	position: relative;
}
.content-single .bg-bottom {
	height: 20px;
	margin-top: -1px;
	width: 100%;
	position: relative;
}

/* SVG Box background that changes color and size throughout site */
.box,
.content-box {
	position: relative;
	display: block;
	width: 100%;
}
	.box .inline-bg,
	.content-box .inline-bg {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 0;
		top: 0;
		left: 0;
		fill: #FFFFFF;
		transition: fill .5s ease;
	}
		.box:hover .inline-bg {
			transition: fill .5s ease;
		}
	.box h3 {
		position: relative;
		z-index: 2;
	}
	.box img,
	.box .content-inner,
	.box .image,
	.box h2,
	.box h3,
	.box p,
	.box .icon,
	.box form, 
	.box ul,
	.box a,
	.box .video-player,
	.content-box .content-inner {
		position: relative;
		z-index: 2;
	}
	.box>a {
		display: block;
	}
	.box .image {
		position: relative;
		padding-bottom: 5px;
	}
	.box .image .peta-media-credit {
		position: absolute;
		bottom: 0;
		right: 0;
	}

/* Generic Navigation Rules */
nav ul li a {
	font-family: 'Londrina Solid', sans-serif;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.15rem;
	letter-spacing: .04em;
 	color: #fff;
 	position: relative;
}
	nav ul li a .nav-bg-svg {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		z-index: 0;
		transition: fill .5s ease;
		color: #fff;
	}
		nav ul li a:hover {
			color: #fff;
		}
		nav ul li a:hover .nav-bg-svg {
			transition: fill .5s ease;
		}
	nav ul li a span {
		position: relative;
		z-index: 1;
	}

/**
* 1.1 Section Color Definitions
*/
.top-bar-section li.spotlight a,
.top-bar-section li.spotlight.active:not(.has-form) a,
body.spotlight .interior-grid a.box h3 {
	color: #FDCE53;
}
.top-bar-section li.save-animals a,
.top-bar-section li.save-animals.active:not(.has-form) a {
	color: #EA3D31;
}
.top-bar-section li.games a,
.top-bar-section li.activities a,
.top-bar-section li.games.active:not(.has-form) a,
.top-bar-section li.activities.active:not(.has-form) a {
	color: #8683E8;
}
.top-bar-section li.videos a,
.top-bar-section li.food a,
.top-bar-section li.videos.active:not(.has-form) a,
.top-bar-section li.food.active:not(.has-form) a {
	color: #FF7527;
}
.top-bar-section li.quizzes a,
.top-bar-section li.comics a,
.top-bar-section li.quizzes.active:not(.has-form) a,
.top-bar-section li.comics.active:not(.has-form) a {
	color: #6AD378;
}
.top-bar-section li.animal-facts a,
.top-bar-section li.photos a,
.top-bar-section li.animal-facts.active:not(.has-form) a,
.top-bar-section li.photos.active:not(.has-form) a  {
	color: #4DCFF7;
}

/**
* 1.2 Header
*/
.header {
	background: #ffffff;
	padding: 0;
}
.header .row.branding {
	padding: 10px 0 20px;
}

/**
* 1.2.1 Logo
*/
.top-bar .name {
	height: auto;
}
.top-bar .logo {
	float: left;
}
.top-bar .name h1 a,
.top-bar .name .logo a {
	margin: 0;
	line-height: 0;
	text-indent: -9999px;
	background: url(../../images/logo-peta-kids.svg);
	background-size: 100%;
	display: block;
	width: 186px;
	height: 90px;
}
	.no-svg .top-bar .name h1 a,
	.no-svg .top-bar .name .logo a {
		background: url(../../images/logo-peta-kids.png);
	}

/* Home Link - only on interior pages */
.top-bar .home-link {
	float: left;
	margin: 40px 0 0 15px;
}
	.top-bar .home-link a {
		color: #3C3C42;
		font-size: 1.25rem;
		display: block;
	}
	.top-bar .home-link a svg {
		width: 52px;
		height: 48px;
		float: left;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
	}
	.top-bar .home-link a:hover svg {
		-webkit-transform: scale(1.1);
		 -moz-transform: scale(1.1);
		  -ms-transform: scale(1.1);
		   -o-transform: scale(1.1);
	          transform: scale(1.1);
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
	}
	.top-bar .home-link span {
		display: block; 
		float: left;
		margin-top: 24px;
		margin-left: -4px;
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
	}
	.top-bar .home-link a:hover span {
		-webkit-transform: translateX(4px);
		 -moz-transform: translateX(4px);
		  -ms-transform: translateX(4px);
		   -o-transform: translateX(4px);
	          transform: translateX(4px);
		-webkit-transition: all .2s ease-in-out;
		   -moz-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		        transition: all .2s ease-in-out;
	}

/**
* 1.2.2 Secondary Navigation & Search
*/
.mobile-menu {
	display: none;
}
.secondary-nav ul li>a {
	font-family: 'Londrina Solid', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: .04em;
}

/* Foundation Resets */
.secondary-nav ul li,
.secondary-nav .has-form {
	background: none;
	-webkit-font-smoothing: subpixel-antialiased;
}
.secondary-nav li:not(.has-form) a:not(.button), 
.secondary-nav li.active:not(.has-form) a:not(.button) {
 	line-height: 36px;
	background: url(../../images/nav-bg.svg) no-repeat;
	background-size: 100% 100%;
	white-space: nowrap;
}	
	.secondary-nav li:not(.has-form) a:not(.button):hover, 
	.secondary-nav li.active:not(.has-form) a:not(.button):hover  {
		background: url(../../images/nav-bg.svg) no-repeat;
		background-size: 100% 100%;
	}

/* Search Box */ 
.secondary-nav #searchform,
.content-inner #searchform {
	border: 1px solid #EA3D31;
}
.secondary-nav #s,
.content-inner #s {
	float: left;
	width: 85%;
	border: 0;
	box-shadow: none;
	height: 32px;
	padding: 0 .5rem;
	margin: 0;
	top: 0;
	background: none;
}
.secondary-nav  #searchsubmit,
.content-inner #searchsubmit {
	width: 28px;
	height: 32px;
	background: url(../../images/icon-search.svg) no-repeat 0 4px;
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	top: 0;
	border: 0;
}


/**
* 1.3 Primary Navigation
*/
.primary-nav ul li {
	width: 9.4%;
	margin: 22px .5% 0 .5%;
	background: none;
}
	.primary-nav ul li.animal-facts,
	.primary-nav ul li.save-animals {
		margin-top: 0;
	}
	.primary-nav ul li.comics {
		margin-right: 0;
	}
	.primary-nav ul li.comics,
	.primary-nav ul li.food {
		width: 7.5%;
	}
.primary-nav ul li>a {
	font-family: 'Londrina Solid', sans-serif;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.25rem;
	letter-spacing: .04em;
	color: #333;
}
#menu-main-menu li a,
#menu-main-menu li.active a {
	line-height: 110%;
	background: none;
	padding: 0 0 30px;
	transition: color .5s ease;
}
	#menu-main-menu li a:hover,
	#menu-main-menu li.active a:hover {
		background: none;
		color: #333;
		transition: color .5s ease;
	}
	#menu-main-menu li.current-menu-item a,
	#menu-main-menu li.active a:hover  {
		background: url(../../images/active-nav-sprite-2x.png) 0 100% no-repeat;
		background-size: 600px 30px;
	}
	#menu-main-menu li.animal-facts.current-menu-item a,
	#menu-main-menu li.photos.current-menu-item a,
	#menu-main-menu li.animal-facts.current-menu-item a:hover,
	#menu-main-menu li.photos.current-menu-item a:hover {
		background-position: -98px 100%;
	}
	#menu-main-menu li.quizzes.current-menu-item a,
	#menu-main-menu li.quizzes.current-menu-item a:hover {
		background-position: -198px 100%;
	}
	#menu-main-menu li.comics.current-menu-item a,
	#menu-main-menu li.comics.current-menu-item a:hover {
		background-position: -206px 100%;
	}
	#menu-main-menu li.save-animals.current-menu-item a,
	#menu-main-menu li.save-animals.current-menu-item a:hover {
		background-position: -298px 100%;
	}
	#menu-main-menu li.games.current-menu-item a,
	#menu-main-menu li.activities.current-menu-item a,
	#menu-main-menu li.games.current-menu-item a:hover,
	#menu-main-menu li.activities.current-menu-item a:hover {
		background-position: -398px 100%;
	}
	#menu-main-menu li.videos.current-menu-item a,
	#menu-main-menu li.videos.current-menu-item a:hover {
		background-position: -498px 100%;
	}
	#menu-main-menu li.food.current-menu-item a,
	#menu-main-menu li.food.current-menu-item a:hover {
		background-position: -506px 100%;
	}
.primary-nav ul li>a .icon {
	width: 50px;
	height: 50px;
	display: block;
	margin: 5px auto 0;
	background: url(../../images/petakids-sprite-2x.png) no-repeat 0 0;
	background-size: 1000px 1000px;
}
	.lt-ie9 .primary-nav ul li>a .icon {
		background: url(../../images/petakids-sprite.png) no-repeat 0 0;
	}
	.primary-nav ul li.active>a .icon {
		background-position-y: -100px !important;
	}
	.primary-nav ul li.spotlight>a .icon {
		background-position: 0px -50px;
	}
	.primary-nav ul li.animal-facts>a .icon {
		background-position: -50px -50px;
	}
	.primary-nav ul li.save-animals>a .icon {
		background-position: -150px -50px;
	}
	.primary-nav ul li.games>a .icon {
		background-position: -200px -50px;
	}
	.primary-nav ul li.videos>a .icon {
		background-position: -250px -50px;
	}
	.primary-nav ul li.quizzes>a .icon {
		background-position: -300px -50px;
	}
	.primary-nav ul li.photos>a .icon {
		background-position: -350px -50px;
	}
	.primary-nav ul li.activities>a .icon {
		background-position: -400px -50px;
	}
	.primary-nav ul li.food>a .icon {
		background-position: -450px -50px;
	}
	.primary-nav ul li.comics>a .icon {
		background-position: -550px -50px;
	}


/**
* 1.4 Main Asymmetrical Grid - Home and Landing pages
* Color Grid = home page
* Interior Grid = landing pages
* Using some custom grid classes because the design didn't line up with the 
* foundation 12-column grid.
* .grid-2-3 = 2 of 3 columns, but widths are not exact.
*/

/* Asymmetrical grid classes */ 
.image-grid {
	float: left;
	position: relative;
	padding: .3rem;
}
.grid-2-3 {
	width: 62.6%;
	float: left;
}
.grid-1-3 {
	width: 37.4%;
	float: left;
}
.grid-1-2 {
	width: 48.3%;
	float: left;
}
.grid-1-4-tall {
	width: 25.85%;
	float: left;
}
.grid-1-4 {
	width: 25%;
	float: left;
}
.clearleft {
	clear: left;
}

/* General Image Grid Styles*/
.color-grid .row,
.interior-grid .row {
	margin-bottom: 15px;
}
.color-grid .box {
 	color: #fff;
 	padding: 16px;
}
.interior-grid .box {
 	padding: 16px;
}
	.box.animal-facts .inline-bg,
	.box.photos .inline-bg {
		fill: #4DCFF7;
	}
		.box.animal-facts:hover .inline-bg,
		.box.photos:hover .inline-bg {
			fill: #0CACDE;
		}
		.no-svg .box.animal-facts,
		.no-svg .box.photos {
			background: #4DCFF7;
		}

	.box.save-animals .inline-bg {
		fill: #EA3D31;
	}
		.box.save-animals:hover .inline-bg {
			fill: #B02E25;
		}
		.no-svg .box.save-animals {
			background: #EA3D31;
		}

	.box.spotlight .inline-bg {
		fill: #FDCE53;
	}
		.box.spotlight:hover .inline-bg {
			fill: #E3A80C;
		}
		.no-svg .box.spotlight {
			background: #FDCE53;
		}

	.box.games .inline-bg,
	.box.activities .inline-bg {
		fill: #8683E8;
	}
		.box.games:hover .inline-bg,
		.box.activities:hover .inline-bg {
			fill: #6562AE;
		}
		.no-svg .box.games,
		.no-svg .box.activities {
			background: #8683E8;
		}

	.box.videos .inline-bg,
	.box.food .inline-bg {
		fill: #FF7527;
	}
		.box.videos:hover .inline-bg,
		.box.food:hover .inline-bg {
			fill: #E65706
		}
		.no-svg .box.videos,
		.no-svg .box.food {
			background: #FF7527;
		}

	.box.quizzes .inline-bg,
	.box.comics .inline-bg {
		fill: #6AD378;
	}
		.box.quizzes:hover .inline-bg,
		.box.comics:hover .inline-bg {
			fill: #509E5A;
		}
		.no-svg .box.quizzes,
		.no-svg .box.comics {
			background: #6AD378;
		}

.box.white .inline-bg {
	fill: #FFFFFF;
}
	.box.white:hover .inline-bg {
		fill: #FFFFFF;
	}
	.no-svg .box.white {
		background: #FFFFFF;
	}

.color-grid .box h2,
.interior-grid .box h2 {
	font-size: 1.25rem;
	line-height: 110%;
	letter-spacing: .04em;
	color: #FFFFFF;
	margin-bottom: 0;
	padding: 0 60px 0 0;
	height: 60px;
}
.interior-grid .box h2 {
	padding: 0;
}
.color-grid .box img,
.interior-grid .box img {
	display: block;
	margin-bottom: 10px;
}
	.interior-grid .image-grid {
		transition: all .2s ease-in-out;
	}
	.interior-grid .image-grid:hover {
		-ms-transform: scale(1.02);
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
		transition: all .2s ease-in-out;
	}
.color-grid .box .icon {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	width: 50px;
	height: 50px;
	background:url(../../images/petakids-sprite-2x.png) no-repeat;
	background-size: 1000px 1000px;
}
	.lt-ie9 .color-grid .box .icon {
		background: url(../../images/petakids-sprite.png) no-repeat 0 0;
	}
	.color-grid .box.spotlight .icon {
		background-position: 0 0;
	}
	.color-grid .box.animal-facts .icon {
		background-position: -50px 0;
	}
	.color-grid .box.save-animals .icon {
		background-position: -150px 0;
	}
	.color-grid .box.games .icon {
		background-position: -200px 0;
	}
	.color-grid .box.videos .icon {
		background-position: -250px 0;
	}
	.color-grid .box.quizzes .icon {
		background-position: -300px 0;
	}
	.color-grid .box.photos .icon {
		background-position: -350px 0;
	}
	.color-grid .box.activities .icon {
		background-position: -400px 0;
	}
	.color-grid .box.food .icon {
		background-position: -450px 0;
	}
	.color-grid .box.comics .icon{
		background-position: -500px 0;
	}


/**
* 2.0 Homepage 
*/

/**
* 2.1 Homepage - Featured Boxes: Free Stuff, Games, Video
*/
.featured {
	margin: 10px 0;
}
.featured .box {
 	padding: 16px;
 	text-align: center;
}
	.featured .box .youtube-wrapper {
		text-align: left;
	}
	.featured iframe,
	.featured svg {
		color: #fff;
		position: relative;
		z-index: 2;
	}
	.featured h2 {
		font-size: 2.8rem;
		line-height: 1.1em;
		color: #FFFFFF;
	}
	.featured h2 a,
	.featured a h3,
	.featured h3 a,
	.featured a.more {
		color: #FFFFFF;
	}
	.featured h3 {
		font-family: 'Open Sans', Helvetica, Arial, sans-serif;
		text-transform: none;
		font-size: 1em;
	}
	.featured a.more .icon-go {
		fill: #FFFFFF;
		width: 30px;
		height: 30px;
	}
	.featured .box .inline-bg {
		fill: #8683E8;
	}
	.featured.video .box .inline-bg {
		fill: #FF7527;
	}
	.featured.free-stuff .box .inline-bg {
		fill: #6AD378;
	}
.featured.video a.more {
	margin-top: 0;
}
.featured.free-stuff img {
	border: 2px solid #FFFFFF;
	width: 100%;
}

.svg-masks {
	position: absolute;
	width: 0;
	height: 0;
}
.featured.game a.lumpy-circle {
	width: 84%;
	height: 84%;
	display: block;
	margin: 0 auto;
}
.featured.game a.lumpy-circle img {
	border-radius: 50%;
	display: block;
	margin-bottom: 8px;
}
	.game .box a:hover .inline-bg {
		fill: #6562AE;
		transition: fill .5s ease;
	}

@media only screen and (max-width: 640px) {
	.featured.game a.lumpy-circle img {
		max-width: 100%;
		width: 100%;
	}
}

/**
* 2.2 Homepage - All About Animals Navigation
*/
.all-about {
	background:  
	    url(../../images/white-bg-bottom.svg) center bottom no-repeat,
	    url(../../images/default-bg-top.svg) center top no-repeat,
	    #4D4D53;
	background-size: 110% auto, 110% auto;
 	padding: 32px 0;
}
	.no-svg .all-about {
		background:  
		    url(../../images/default-bg-bottom.png) left bottom no-repeat,
		    url(../../images/default-bg-top.png) left top no-repeat,
		    #4D4D53;
	}
	.all-about h2, 
	.all-about h3,
	.all-about p {
		color: #fff;
		text-align: center;
	}
	.all-about h2 {
		color: #fff;
		font-size: 3rem;
	}
ul.issues-nav {
	margin: 0;
	padding: 0;
}
ul.issues-nav li {
	width: 15.33333%;
	float: left;
	display: block;
}
ul.issues-nav li.entertainment,
ul.issues-nav li.experimentation,
ul.issues-nav li.companion-animal {
	width: 18%;
	max-height: 253px;
}
ul.issues-nav li a {
	display: block;
	width: 100%;
}
ul.issues-nav li a:hover {
	margin: 0 !important;
	padding: 0 !important;
	top: 0 !important;
}
ul.issues-nav li a h3 {
	font-size: 1.1em;
	line-height: 1.5em;
	padding: 0 0 6px;
	margin: 10px 0 0;
	display: block;
	position: relative;
	z-index: 2;
}
ul.issues-nav .animated-character-container {
	position: relative;
	width: 100%;
	padding-top: 130%;
	margin: 0;
}
	ul.issues-nav li.entertainment .animated-character-container {
		margin-top: -35px;
		margin-left: 5px;
	}
	ul.issues-nav li.experimentation a h3,
	ul.issues-nav li.companion-animal a h3 {
		margin-top: -3px;
	}
	ul.issues-nav li.experimentation .animated-character-container,
	ul.issues-nav li.companion-animal .animated-character-container {
		margin-top: -22px;
		margin-left: 13px;
	}
	ul.issues-nav li.experimentation .animated-character svg,
	ul.issues-nav li.companion-animal .animated-character svg {
		width: 100%;
		vertical-align: top;
	}
	ul.issues-nav .animated-character {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	ul.issues-nav .animated-character svg {
		width: 116%;
		height: 100%;
	}
ul.issues-nav li a .nav-bg-svg {
	bottom: 0;
	height: 44px;
	fill: #EA3D31;
}
	ul.issues-nav li.food a .nav-bg-svg {
		fill: #FF7527;
	}
		ul.issues-nav li.food a:hover .nav-bg-svg {
			fill: #E65706;
		}
	ul.issues-nav li.clothing a .nav-bg-svg {
		fill: #8683E8;
	}
		ul.issues-nav li.clothing a:hover .nav-bg-svg {
			fill: #6562AE;
		}
	ul.issues-nav li.entertainment a .nav-bg-svg {
		fill: #FDCE53;
	}
		ul.issues-nav li.entertainment a:hover .nav-bg-svg {
			fill: #E3A80C;
		}
	ul.issues-nav li.experimentation a .nav-bg-svg {
		fill: #6AD378;
	}
		ul.issues-nav li.experimentation  a:hover .nav-bg-svg {
			fill: #509E5A;
		}
	ul.issues-nav li.companion-animal a .nav-bg-svg {
		fill: #4DCFF7;
	}
		ul.issues-nav li.companion-animal a:hover .nav-bg-svg {
			fill: #0CACDE;
		}
	ul.issues-nav li.wildlife a .nav-bg-svg {
		fill: #EA3D31;
	}
		ul.issues-nav li.wildlife a:hover .nav-bg-svg {
			fill: #B02E25;
		}


/**
* 3.0 Interior Content
**/

/**
* 3.1 Interior Content MISC
**/
.content-single .landing {
	color: #FFFFFF;
	text-align: center;
	margin: 0 0 10px;
}
.content-single .landing p {
	color: #FFFFFF;
}
.content-single .landing a:link,
.content-single .landing a:visited,
.content-single .landing a:hover {
	color: #FFFFFF !important;
	text-decoration: underline;
}
.landing-header {
	padding: 5px 0 0;
}
	.landing-header h1,
	.landing-header h2 {
		color: #ffffff;
		text-align: center;
		font-size: 5em;
		margin: 0;
		line-height: 100%;
	}
.content-area .title {
	margin: 0 0 20px;
}
	.single-parent .content-area .title {
		margin: 0 0 30px;
	}
	.content-area .title h1 {
		font-size: 2.6em;
		line-height: 110%;
	}
	.single-parent .content-area .title h1 {
		font-size: 1.8em;
		line-height: 110%;
		padding-top: 10px;
	}
.game-wrapper {
	display: block;
	margin: 0 auto;
}
.content-single .page {
	width: 100%;
}
	.content-single .no-svg .box {
		background: #FFFFFF;
	} 
	.content-single .content-inner,
	.search .content-inner {
		padding: 1rem 2rem;
		line-height: 1.4;
	}
	.single-parent .content-single .content-inner,
	.single-parent .search .content-inner {
		padding: 0 2rem 1rem;
	}
	.single-fact .content-single .content-inner {
		padding: 1.4rem 1.4rem 1rem;
	}
	.content-single .indent {
		padding-left: 6%;
	}
.search .content-inner .post {
	margin: 0 0 30px;
	position: relative;
	max-width: 600px;
}
.search .large-12 .content-inner a.read-more {
	position: relative;
	left: 0;
	bottom: auto;
	right: auto;
	display: inline-block;
	margin-left: 5px;
}
.content-single a:hover {
	text-decoration: underline;
}
.content-single .media-credit-container {
	position: relative; 
	z-index: 4;
	text-align: right !important;
}
a.fbx-link {
	position: relative;
	z-index: 3;
	cursor: pointer;
}
a.fbx-link img {
	display: block;
}
.media-credit-container {
	max-width: 100% !important;
}
.media-credit-container img {
	display: block;
}
.media-credit-container img.alignleft,
.media-credit-container img.alignright,
.media-credit-container img.aligncenter {
	margin-bottom: 0;
}
.wp-caption .media-credit-container.alignleft, 
.wp-caption .media-credit-container.alignright,
.wp-caption .media-credit-container.aligncenter {
	margin: 0;
	float: none;
}
.wp-caption {
	border: 0;
	padding: 5px 5px 10px;
	max-width: 100%;
}
.wp-caption img {
	max-width: 100%;
}
.wp-caption p.wp-caption-text {
	font-size: .8em;
}
/* Only show foobox social in parents section */
.fbx-social {
	display: none !important;
}
	.single-parent .fbx-social {
		display: block !important;
	}
.single-parent .addthis_toolbox {
	width: 100%;
	height: 32px;
}
body.page .content-inner .game {
	margin: 1em auto;
}

/**
* 3.1.1 Print Button Module
**/
.print-pdf {
	position: relative;
}
	.print-pdf img,
	a .print-pdf img  {
		float: none;
	}
	body.single .content-area .print-pdf .box-button,
	body.page .content-area .print-pdf .box-button  {
		position: absolute;
		bottom: 30px;
		left: 50%;
		margin-left: -70px;
		padding: .5rem 1rem;
		margin-bottom: 0;
	    font-family: 'Londrina Solid', sans-serif;
	    text-transform: uppercase;
	    font-size: 1.4em;
		color: #FFFFFF !important;
		background: url(../../images/nav-bg.svg);
		opacity: .6;
		-webkit-transition: opacity 0.2s linear;
		   -moz-transition: opacity 0.2s linear;
		    -ms-transition: opacity 0.2s linear;
		        transition: opacity 0.2s linear; 
	}
	body.single .content-area .print-pdf a.box-button:hover,
	body.page .content-area .print-pdf a.box-button:hover {
		opacity: 1;
		-webkit-transition: opacity 0.2s linear;
		   -moz-transition: opacity 0.2s linear;
		    -ms-transition: opacity 0.2s linear;
		        transition: opacity 0.2s linear;  
	    text-decoration: none;
	    background: url(../../images/nav-bg.svg);
	}

/**
* 3.1.2 Related Posts Module
**/
.related-posts h3 {
	text-align: center;
	color: #FFFFFF;
	font-size: 2em;
	margin: 20px 0;
}
.related-posts .box {
	padding: 16px;
}
	.related-posts .columns {
		transition: all .2s ease-in-out;
	}
	.related-posts .columns:hover {
		-ms-transform: scale(1.02);
		-webkit-transform: scale(1.02);
		transform: scale(1.02);
		transition: all .2s ease-in-out;
	}
.related-posts h3 {
	font-size: 1.6em;
	margin: 10px 0 10px;
}
	body.page .content-area .related-posts h3 a,
	body.single-comic .content-area .related-posts h3 a {
		color: #FFFFFF !important;
	}


/**
* 3.1.2 Prev/Next post buttons
**/
.content-area .row {
	position: relative;
}
.peta-prev-next-container .peta-post-prev,
.peta-prev-next-container .peta-post-next {
	position: absolute;
	top: 200px;
	display: block;
	margin-top: 0;
	z-index: 400;
}
	.peta-post-prev {
		left: -34px;
	}
	.peta-post-next {
		right: -34px;
	}
		.is-comic .peta-post-next {
			right: -54px;
		}
.peta-prev-next-container a.more {
	display: block;
	margin-top: 0;
	text-align: left;
	position: absolute;
	width: 50px;
	height: 50px;
}
	.peta-post-next a.more {
		right: 0;
	}
.peta-prev-next-container a.more .icon-go {
	height: 50px;
	width: 50px;
	display: block;
	top: 0;
	left: 0;
	vertical-align: top;
	fill: #B02E25;
	z-index: 2;
}
/* Flip prev arrow */
.peta-post-prev .icon-go {
	moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
	.peta-prev-next-container a.more:hover .icon-go {
		left: 0;
	}
	.peta-prev-next-container a.more:hover .box {
		opacity: 1;
		-webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}
.peta-prev-next-container .box {
	width: 240px;
	color: #FFFFFF;
	padding: .5em .7em;
	opacity: 0;
	position: absolute;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
	.peta-post-next .box {
		right: 5px;
	}
	.peta-post-prev .box {
		left: 5px;
	}
	.peta-prev-next-container .box img {
		margin: 0 0 10px;
	}
	.peta-prev-next-container .box .inline-bg {
		fill: #000000;
	}
	.peta-prev-next-container .box .post-title {
		position: relative;
		z-index: 5;
		font-family: 'Londrina Solid', sans-serif;
		text-transform: uppercase;
		font-size: 1.3rem;
		line-height: 1em;
	}

@media only screen and (max-width: 960px) {
	.peta-prev-next-container {
		display: none;
	}
}
/**
* 3.2 Interior Content - Animal Facts Landing
**/
.post-type-archive-fact .box .inline-bg {
	fill: #FFFFFF;
}
	.post-type-archive-fact .box {
		text-align: center;
		padding: 16px;
	}
	.post-type-archive-fact .animal-facts-grid .columns {
		padding-left: .5em;
		padding-right: .5em;
		margin-bottom: 15px;
	}
	.post-type-archive-fact .animal-facts-grid .box h2 {
		color: #4DCFF7;
		padding: 0;
		font-size: 1.4em;
		line-height: 130%;
		margin: 0;
		height: 70px;
	}
	.post-type-archive-fact .animal-facts-grid .box h2 span {
		font-size: 1.6em;
		display: block;
	}
	.post-type-archive-fact .animal-facts-grid .post-281 h2,
	.post-type-archive-fact .animal-facts-grid .post-283 h2 {
		font-size: 2.25em;
		line-height: 100%;
	}
	.post-type-archive-fact .box .image{
		overflow: hidden;
	}
	.post-type-archive-fact .box .image img {
		background: #0CACDE;
		margin-top: -20%;
		width: 100%;
		height: auto;
	} 

/**
* 3.3 Interior Content - Animal Facts Sub-Landing
**/
.single-fact .landing-header h1, 
.single-fact .landing-header h2,
.search .landing-header h1 {
	font-size: 3em;
	line-height: 120%;
}
	.single-fact .landing-header h1 span, 
	.single-fact .landing-header h2 span,
	.search .landing-header h1 span {
		font-size: 1.4em;
		display: block;
	}
	.single-fact .content-single .large-12 {
		text-align: center;
	}
	.single-fact .content-single .content-inner h3 {
		font-size: 2.2rem;
	}
.animal-facts-sublanding {
	padding-left: .735rem;
	padding-right: .735rem;
	margin: 20px auto;
}
.animal-facts-sublanding .columns {
	padding-left: .3rem;
	padding-right: .3rem;
}
.animal-facts-sublanding .box {
	padding: 0;
}
	.animal-facts-sublanding .box .inline-bg,
	.did-you-know .content-box .inline-bg {
		fill: #0CACDE;
	}
	.animal-facts-sublanding .box a {
		padding-bottom: 5px;
	}
	.animal-facts-sublanding h3,
	.did-you-know h2 {
		color: #FFFFFF;
		text-align: center;
		line-height: 100%;
	}
	.animal-facts-sublanding img {
		width: 100%;
		height: auto;
	}
.single-fact .interior-grid a h2 {
	color: #0CACDE;
}
.did-you-know .content-box {
	color: #FFFFFF;
	padding: 30px 100px 40px;
	text-align: center;
}
	.did-you-know .content-box h2 {
		font-size: 4em;
	}


/**
* 3.4 Interior Content - Animal Facts Single Page
**/
.animal-facts-single .box .inline-bg {
	fill: #FFFFFF;
}
	.animal-facts-single .animal-image {
		float: left;
		width: 60%;
		margin-top: -80px;
		margin-left: -5%;
	}
		/* Fix for exceptionally tall characters */ 
		.postid-134 .animal-facts-single .animal-image,
		.postid-287 .animal-facts-single .animal-image,
		.postid-325 .animal-facts-single .animal-image,
		.postid-303 .animal-facts-single .animal-image {
			margin-top: -40px;
		}
	.animal-facts-single h1 {
		color: #FFFFFF;
		margin-top: 120px;
		font-size: 4.6em;
		line-height: 1em;
	}
	.animal-sidebar .box {
		padding: 20px;
	}
		.animal-sidebar .box .box {
			padding: 0;
			position: relative;
		}
		.animal-facts-single .box .box .inline-bg {
			fill: #0CACDE;
		}
		.animal-facts-single .box .image {
			position: absolute;
			left: 0;
			bottom: 30px;
			width: 100%;
		}
		.animal-facts-single .box img {
			width: 90%;
			margin: 0 auto;
			display: block;
		}
		.animal-sidebar h3 {
			font-size: 2.8rem;
			text-align: center;
			line-height: 1em;
		}
		.animal-sidebar h4 {
			font-size: 1.8rem;
			color: #FFFFFF;
			text-align: center;
			margin: 0;
			padding-bottom: 10px;
			padding-top: 90%;
		}
		/* Fix for exceptionally tall characters */ 
		.animal-sidebar .post-134 h4,
		.animal-sidebar .post-287 h4,
		.animal-sidebar .post-325 h4,
		.animal-sidebar .post-303 h4 {
			padding-top: 100%;
		}

/**
* 3.5 Interior Content - Parents Landing
**/
.archive .large-8 .parent {
	background: #FFFFFF;
	position: relative;
	margin-bottom: 1.2em;
	min-height: 176px;
}
.archive .large-8 .parent img {
	width: 42%;
	height: auto;
	position: relative;
	z-index: 1;
}
.archive .large-8 .parent .category-label {
	padding: 4px 4px 4px 44%;
	background: #000;
	color: #FFFFFF;
	font-family: 'Londrina Solid', sans-serif;
	text-transform: uppercase;
	font-size: 1.6em;
	line-height: 135%;
	position: absolute; 
	top: 0;
	width: 100%;
	left: 0;
}
	.archive .large-8 .parent .category-label svg {
		width: 34px;
		height: 34px;
		float: left;
		margin-right: 6px;
	}
		.archive .large-8 .parent .category-label.vegan-eating {
			background: #FF7527;
		}
		.archive .large-8 .parent .category-label.school {
			background: #6AD378;
		}
		.archive .large-8 .parent .category-label.family-fun {
			background: #4DCFF7;
		}
		.archive .large-8 .parent .category-label.raising-kind-kids {
			background: #8683E8;
		}
		.archive .large-8 .parent .category-label.holidays {
			background: #EA3D31;
		}

.archive .large-8 .parent a.read-more,
.search .large-12 a.read-more  {
	position: absolute;
	bottom: 10px;
	right: 10px;
	display: block;
	z-index: 5;
	width: 32px;
	height: 32px;
	background: url(../../images/petakids-sprite-2x.png) no-repeat -150px -150px;
	background-size: 1000px 1000px;
	text-indent: -9999px;
}
	.lt-ie9 .archive .large-8 .parent a.read-more,
	.lt-ie9 .search .large-12 a.read-more {
		background: url(../../images/petakids-sprite.png) no-repeat -150px -150px;
	}
.archive .large-8 .parent .peta-media-credit {
	position: absolute;
	bottom: 10px;
	left: 44%;
}
.archive .large-8 .parent .post-inner {
	position: absolute;
	top: 48px;
	left: 44%;
	width: 50%;
	z-index: 1;
}
	.archive .large-8 .parent  h2 {
		font-size: 1.4rem;
		line-height: 1.1;
	}
		.yellow-theme.archive .content-list .parent h2 a {
			color: #3C3C42 !important;
		}
	.archive .large-8 .parent a {
		color: #4D4D53;
	}
	.archive .large-8 .parent p {
		font-size: .9rem;
	}

/**
* 3.6 Interior Content - Parents Single Page
**/
.single-parent .title-food h1 {
	color: #FF7527;
}
.single-parent .title-school h1 {
	color: #6AD378;
}
.single-parent .title-family-fun h1 {
	color: #4DCFF7;
}
.single-parent .title-raising-kind-kids h1 {
	color: #8683E8;
}
.single-parent .title-holidays h1 {
	color: #EA3D31;
}
.single-parent .square-category {
	width: 50px;
	height: 50px;
	margin-right: 5px;
	float: left;
}
.search-results .large-12 .content-inner {
	padding: 2rem;
}


/**
* 3.7 Interior Content - Comic Post Type
**/
.single-comic .comic-bg {
	background-color: #FFFFFF;
}
.single-comic .is-comic h1 {
	color: #FFFFFF;
	text-align: center;
}
.single-comic .content-single.is-comic {
	max-width: 776px !important;
	margin: 0 auto !important;
}
.single-comic .comic-bg .content-inner {
	color: #FFFFFF;
	padding: 1rem;
}
	.single-comic.comic-child .content-inner {
		color: #4D4D53;
	}
.single-comic .comic-bg .slideshow {
	background: #FFFFFF;
	padding: 1rem;
}
.single-comic .comic-bg .download-button {
	display: block;
	margin: 0 auto;
	width: 450px;
	height: 112px;
	background-position: center 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
	.single-comic .comic-bg .download-button:hover {
		background-position: center -112px !important;
	}
.single-comic .comic-bg .comic-ways,
.single-comic .comic-bg .comic-facts {
	margin: 15px 0 20px;
}
	.single-comic .comic-bg .comic-items h2 {
		width: 100%;
		height: 178px;
		text-indent: -9999px;
		background-size: contain;
		margin-bottom: 30px;
		background-repeat: no-repeat !important;
	}
	.single-comic.postid-538 .comic-facts h2 {
		background-position: center top;
	}
	.single-comic .comic-items ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.single-comic .comic-items li {
		min-height: 80px !important;
		margin: 0 0 20px 0;
		padding: 0;
	}
	.single-comic .comic-items li img {
		float: left;
		margin-right: 10px;
	}
	.single-comic .comic-items li p {
		overflow: hidden;
		font-family: 'Architects Daughter', cursive, Arial, Helvetica, sans-serif;
		font-size: 17px;
		line-height: 19px;
		color: #FFFFFF;
	}
		.single-comic.postid-538 .comic-items li p {
			font-family: 'Pompiere', cursive !important;
			font-size: 20px;
			line-height: 25px;
		}
	body.green-theme.single-comic .comic-items li a,
	body.green-theme.single-comic .content-single .terms a {
		color: #ffed58 !important;
		text-decoration: underline;
	}
	body.green-theme.single-comic.postid-538 .comic-items li a, 
	body.green-theme.single-comic.postid-538 .content-single .terms a {
		color: #76da00 !important;
	}
.single-comic h2.order {
	display: block;
	width: 543px;
	height: 58px;
	text-indent: -9999px;
	margin: 0 auto 20px;
	background-repeat: no-repeat !important;
	background-position: center top !important;
}
.single-comic .comic-bg .formbuilder-embed table {
	background: none !important;
}
.single-comic .comic-bg p.aligncenter {
	text-align: center;
}
.single-comic .comic-bg .formbuilder-embed,
.single-comic .comic-bg form.formbuilder-embed,
.single-comic .comic-bg .formbuilder-embed form tbody td {
	color: #FFFFFF !important;
}
.single-comic .comic-bg form.formbuilder-embed {
	max-width: 80%;
	margin: 0 auto;
}
.single-comic .comic-bg .formbuilder-embed input#btnSubmit {
	margin: 0 auto !important;
	font-family: 'Architects Daughter', cursive, Arial, Helvetica, sans-serif;
	background: #f89838;
	font-size: 2.2rem;
	padding: 10px 36px;
	border-radius: 3px;
	display: block !important;
	text-shadow: 0 4px rgba(0, 0, 0, .3);
	box-shadow: 0 4px rgba(0, 0, 0, .3);
	transition: background-color 0.2s ease;
}
	.single-comic .formbuilder-embed input#btnSubmit:hover {
		background: #e47c14;
		transition: background-color 0.2s ease;
	}
	.single-comic.postid-554 .formbuilder-embed input#btnSubmit {
		background: #ff6927; /* cow */
	}
	.single-comic.postid-551 .formbuilder-embed input#btnSubmit {
		background: #636ab5; /* elephants */
	}
	.single-comic.postid-546 .formbuilder-embed input#btnSubmit  {
		background: #a4da00; /* rats */
	}
	.single-comic.postid-543 .formbuilder-embed input#btnSubmit {
		background: #2ebcf0; /* chickens */
	}

.single-comic.postid-538 .comic-bg {
	background-repeat: no-repeat;
	background-color: #094d58;
}

/**
* 3.8 Little Kids Footer
*/
.animals-footer .little-kids-inner {
	padding: 5px 0 15px;
}
.animals-footer .little-kids-footer .animated-character-container {
	float: left;
	width: 33%;
	padding-top: 50%;
	margin-left: -20px;
	margin-right: 40px;
}
.animals-footer .little-kids-footer .giraffe {
	margin-left: -40px;
	margin-top: -20px;
	margin-bottom: 30px;
}
.animals-footer .little-kids-footer .cow {
	margin-right: 0;
	float: right;
}
.animals-footer .little-kids-footer .animated-character svg {
	width: 116%;
}

/**
* 4.0 Sidebar Widgets
*/
.widget {
	margin: 0 0 20px;
}
.widget .box .inline-bg {
	fill: #FFFFFF;
}
.widget .box {
	padding: 12px;
} 
.widget h3 {
	margin: 5px 0 15px;
	color: #4D4D53;
	font-size: 1.9rem;
	line-height: 1;
	text-align: center;
}

	/**
	* 4.1 WIDGET: Recent Parents Posts 
	*/
	ul.thumbnail-list {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	ul.thumbnail-list li {
		display: block;
		width: 100%;
		clear: both;
		margin-bottom: 1em;
	}
	ul.thumbnail-list li .thumb {
		width: 36%;
		margin-right: 4%;
		float: left;
	}
	ul.thumbnail-list li a.item-title {
		margin-top: 10px;
		display: block;
		width: 58%;
		text-transform: uppercase;
		font-family: 'Londrina Solid', sans-serif;
		line-height: 1.2;
		float: left;
		color: #EA3D31;
	}
	a.more {
		text-align: center;
		display: block;
		color: #EA3D31;
		text-transform: uppercase;
		font-family: 'Londrina Solid', sans-serif;
		font-size: 1.6em;
		margin: 20px 0 0;
	}
	a.more .icon-go {
		display: inline;
		fill: #EA3D31;
		width: 20px;
		height: 20px;
		vertical-align: middle;
		left: 0;
		-webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}
	a.more:hover .icon-go {
		left: 10px;
		-webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}


	/**
	* 4.2 WIDGET: Parents Category List
	*/
	.category-list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.category-list .cat-icon {
		width: 34px;
		height: 34px;
		position: absolute;
		z-index: 2;
		top: 10px;
		left: 8px;
	}
	.category-list span{
		color: #FFFFFF;
		position: relative;
		z-index: 2;
		font-family: 'Londrina Solid', sans-serif;
		text-transform: uppercase;
		margin-left: 38px;
		font-size: 1.6em;
		line-height: 110%;
	}
	.category-list li {
		margin: 0 0 5px;
	}
	.category-list li a.view-all .inline-bg {
		fill: #FDCE53
	}
	.category-list li a.view-all:hover .inline-bg {
		fill: #E3A80C;
	}
	.category-list li a.vegan-eating .inline-bg {
		fill: #FF7527;
	}
	.category-list li a.vegan-eating:hover .inline-bg {
		fill: #E65706;
	}
	.category-list li a.school .inline-bg {
		fill: #6AD378;
	}
	.category-list li a.school:hover .inline-bg {
		fill: #509E5A;
	}
	.category-list li a.family-fun .inline-bg {
		fill: #4DCFF7;
	}
	.category-list li a.family-fun:hover .inline-bg {
		fill: #0CACDE;
	}
	.category-list li a.raising-kind-kids .inline-bg {
		fill: #8683E8;
	}
	.category-list li a.raising-kind-kids:hover .inline-bg {
		fill: #6562AE;
	}
	.category-list li a.holidays .inline-bg {
		fill: #EA3D31;
	}
	.category-list li a.holidays:hover .inline-bg {
		fill: #B02E25;
	}

	/**
	* 4.4 WIDGET: Connect with PETA Email Sign up
	*/
	.connect-widget form {
		margin: 0;
	}
	.connect-widget .confirmation {
		display: none;
		margin: 20px 0 0;
	}
	.connect-widget a {
		display: block;
	}
	.connect-widget .icon {
		width: 50px;
		height: 50px;
		float: left;
		margin: 0;
	}
	.connect-widget .icon-mail {
		margin: 6px 8px 0 0;
	}
	.connect-widget .input {
		width: 65%;
		float: left;
		margin-right: 5px;
	}
	.connect-widget .input label {
		font-size: .8em;
		margin: 0 0 2px;
		display: block;
	}
	.connect-widget .input input[type="text"],
	.parents-search-widget input[type="text"] {
		border: 1px solid #6AD378;
		box-shadow: none;
		margin: 0 4px 0 0;
		font-size: .8em;
		line-height: 130%;
		height: auto;
		padding: .4em;
	}
	.connect-widget .form-contents a.go {
		display: block;
		padding: 25px 0 0;
		float: left;
	}
	.connect-widget .form-contents a.go .icon-go,
	.parents-search-widget .icon-go {
		width: 30px;
		height: 30px;
		fill: #79D78A;
		left: 0;
		position: relative;
		float: none;
		-webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}
	.connect-widget .form-contents a.go:hover .icon-go,
	.parents-search-widget .icon-go:hover {
		left: 3px;
		-webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}
	.parents-search-widget .submit input {
		display: none;
	}
	.parents-search-widget input[type="text"] {
		border: 1px solid #E3A80C;
	}
	.parents-search-widget .icon-go {
		margin-left: 6px;
		fill: #E3A80C;
	}

	/**
	* 4.4.1 Connect Widget: Parents Sidebar Location
	*/ 
	.parents-sidebar .social-links {
		width: 100%;
		clear: both;
		border-bottom: 1px solid #6AD378;
		margin-bottom: 5px;
	}
	.parents-sidebar .social-links .facebook {
		float: left;
		width: 60%;
		height: 60px;
	}
	.fb_iframe_widget_lift {
		z-index: 5 !important;
	}
	.parents-sidebar .other-networks {
		border-left: 1px solid #6AD378;
		float: left;
		width: 40%;
		padding-left: 10px;
		position: relative;
		z-index: 2;
	}
	.parents-sidebar .other-networks a {
		width: 48%;
		float: left;
	}
	.parents-sidebar .other-networks a.youtube {
		margin-right: 4%;
	}
	.parents-sidebar .other-networks a .icon {
		width: 100%;
		height: 100%;
	}
		html[lang='\en'] .parents-sidebar .other-networks a .icon,
		_:-ms-input-placeholder, .parents-sidebar .other-networks a .icon {
			height: 50px;
			width: 50px;
		}
	.parents-sidebar .connect-widget .email-signup {
		border-top: 1px solid #6AD378;
		padding: 10px 0;
	}

	/**
	* 4.4.2 Connect Widget: Animal Footer Location
	*/ 	
	.animals-footer .connect-widget h2 {
		color: #3C3C42;
		font-size: 2.8rem;
		text-align: center;
		padding-top: 40px;
	}
	.animals-footer #connect-form {
		width: 70%;
		margin: 0 auto;
	}
	.animals-footer .icon-mail {
	    width:60px;
	    height:60px;
		margin: 0 8px 0 0;
	}
	.animals-footer label {
		margin: 0 0 5px;
		font-size: .8rem;
	}
	.animals-footer .icon.sign-up {
	    width: 50px;
	    height: 50px;
	    margin-top: 12px;
	    margin-left: 4px;
		-webkit-transition: scale 0.2s linear;
		   -moz-transition: scale 0.2s linear;
		    -ms-transition: scale 0.2s linear;
		        transition: scale 0.2s linear; 
	}
		.animals-footer .icon.sign-up:hover {
			-webkit-transform: scale(1.2);
			 -moz-transform: scale(1.2);
			  -ms-transform: scale(1.2);
			   -o-transform: scale(1.2);
	              transform: scale(1.2);
			-webkit-transition: scale 0.2s linear;
			   -moz-transition: scale 0.2s linear;
			    -ms-transition: scale 0.2s linear;
			        transition: scale 0.2s linear; 
		}
		.animals-footer .icon.sign-up:active {
			-webkit-transform: scale(.9);
			 -moz-transform: scale(.9);
			  -ms-transform: scale(.9);
			   -o-transform: scale(.9);
	              transform: scale(.9);
			-webkit-transition: scale 0.2s linear;
			   -moz-transition: scale 0.2s linear;
			    -ms-transition: scale 0.2s linear;
			        transition: scale 0.2s linear; 
		}
	.animals-footer {
		background: #FFFFFF;
		padding: 40px 0 0;
	}
		.home .animals-footer {
			padding: 20px 0 0;
		}
		.animals-footer .animated-character-container {
			position: relative;
			width: 100%;
			padding-top: 100%;
			margin-top: -50px;
			margin-bottom: 30px;
			float: left;
		}
			.animals-footer .animated-character-container.nugget {
				width: 50%;
				margin-left: 30px;
			}
			.animals-footer .animated-character-container.frog {
				margin-left: -30px;
				width: 50%;
			}
			.animals-footer .animated-character-container.hedgehog {
				margin-left: -60px;
				width: 70%;
			}
			.animals-footer .animated-character {
				position: absolute;
				top: 0;
				left: 0;
				right: 0;
				bottom: 0;
			}
			.animals-footer .animated-character svg {
				width: 190%;
				height: 110%;
			}
/**
* 4.5 WIDGET: PETAKids Promo Content (footer sidebar)
*/
.animal-facts .below-content {
	background: #4D4D53;
	color: #FFFFFF;
}
	.animal-facts .peta-kids-promo-widget {
		padding: 40px 0 20px;
	}
	.animal-facts .peta-kids-promo-widget a {
		display: block;
	}
	.animal-facts .peta-kids-promo-widget a h3 {
		color: #FFFFFF;
		text-align: left;
	}
		.animal-facts .peta-kids-promo-widget h3 {
			font-size: 2.8em;
			line-height: 110%;
			padding: 20px 0 30px;
		}
		.animal-facts .peta-kids-promo-widget h3 span {
			font-size: 1.4em;
			display: block;
		}
	.animal-facts .peta-kids-promo-widget a h4 {
		color: #4DCFF7;
		text-transform: uppercase;
	}
		.animal-facts .peta-kids-promo-widget h4 {
			font-size: 1.6em;
			line-height: 110%;
		}
	.animal-facts .peta-kids-promo-widget .image {
		float: right;
		width: 50%;
		margin-left: 5%;
		position: relative;
	}

/*
* 4.6 Widget - Shop Button
*/
.text-button-widget .box .inline-bg {
	fill: #EA3D31;
}
	.text-button-widget .box:hover .inline-bg {
		fill: #B02E25;
	}
	.text-button-widget .box span {
		position: relative;
		z-index: 2;
		color: #FFFFFF;
		text-transform: uppercase;
		font-family: 'Londrina Solid', sans-serif;
		font-size: 1.6em;
		line-height: 1.1;
		padding: .2em 0;
		display: block;
		text-align: center;
	}

/*
* 4.0 Pagination
*/
.pager {
	padding: 20px 0 0;
	min-height: 40px;
}
.pagination ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
    font-family: 'Londrina Solid', sans-serif;
    /*text-transform: uppercase;*/
    font-size: 1.6em;
    color: #FFFFFF;
}
.pagination li {
	display: inline;
	margin: 0;
	padding: 0 2px;
}
.pagination li span.current {
	text-decoration: underline;
}
.pagination li a {
	color: #FFFFFF;
}
.pagination a.next {
	margin-left: 10px;
}
.pagination a.prev {
	margin-right: 10px;
}
.pagination a.next span,
.pagination a.prev span {
	background: url(../../images/petakids-sprite-2x.png) no-repeat -100px -150px;
	background-size: 1000px 1000px;
	display: inline-block;
	width: 24px;
	height: 32px;
	vertical-align: middle;
}
	.lt-ie9 .pagination a.next span,
	.lt-ie9 .pagination a.prev span  {
		background-image: url(../../images/petakids-sprite.png);
	}
.pagination a.next span {
	background-position: -125px -150px;
}


/**
* 5.0 Footer Navigation
*/
.footer-navigation {
	background: #4D4D53 url(../../images/white-bg-top.svg) center top no-repeat;
 	background-size: 110% auto;
 	padding: 32px 0;
}
	.no-svg .footer-navigation {
		background: #4D4D53 url(../../images/white-bg-top.png) left top no-repeat;
	}
.footer-navigation .row .columns {
	clear: both;
	float: left;
	width: 100%;
	overflow: hidden;
}
ul.footer-menu {
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	float: left;
	position: relative;
	left: 50%;
}
	ul.footer-menu li {
		float: left;
		position: relative;
		right: 50%;
		font-size: .8rem;
	}
	ul.footer-menu li#menu-item-381 {
		clear: left; 
		margin-left: 20%;
	}
	ul.footer-menu li a {
		color: #fff;
		border-right: 1px solid #fff;
		padding: 0 5px;
	}
	ul.footer-menu li#menu-item-380 a,
	ul.footer-menu li:last-child a {
		border-right: 0;
	}


/* 
* 6.0 Site-wide Color Themes
*/
body.home .header {
    background: #FFFFFF url(../../images/default-bg-bottom.svg) center bottom no-repeat;
	background-size: 110% auto;
}
body.home .content-area {
	padding: 15px 0 0;
}

body.yellow-theme {
	background: #FDCE53;
}	
body.yellow-theme .header {
    background: #FFFFFF url(../../images/dark-yellow-bg-bottom.svg) center bottom no-repeat;
 	background-size: 110% auto;
}
	body.yellow-theme .landing-header {
		background: #E3A80C;
	}
	body.yellow-theme .content-area {
	    background: #FDCE53 url(../../images/dark-yellow-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.yellow-theme .pager {
		background: #E3A80C url(../../images/yellow-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.yellow-theme .animals-footer {
		background: #FFFFFF url(../../images/yellow-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.post-type-archive-parent .animals-footer,
	body.page-id-14 .animals-footer,
	body.tax-parent-category .animals-footer,
	body.search .animals-footer {
		background: #FFFFFF url(../../images/dark-yellow-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.yellow-theme h3 a {
		color: #FDCE53;
	}
	body.yellow-theme .content-list a,
	body.yellow-theme .content-single a,
	body.yellow-theme form.formbuilder-embed a:link,
	body.yellow-theme form.formbuilder-embed a:visited, 
	body.yellow-theme .interior-grid a {
		color: #E3A80C !important;
	}
	body.yellow-theme .related-posts .box .inline-bg,
	body.yellow-theme .player-wrapper.box .inline-bg,
	body.yellow-theme .slideshow .icon,
	body.yellow-theme .peta-prev-next-container .icon-go,
	body.yellow-theme .peta-prev-next-container .box .inline-bg  {
		fill: #E3A80C;
	}
	body.yellow-theme .footer-navigation {
		background: #4D4D53 url(../../images/white-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.yellow-theme.parents .footer-navigation {
		background: #4D4D53 url(../../images/dark-yellow-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}

body.blue-theme {
	background: #4DCFF7;
}	
body.blue-theme .header {
    background: #FFFFFF url(../../images/dark-blue-bg-bottom.svg) center bottom no-repeat;
 	background-size: 110% auto;
}
	body.blue-theme .landing-header {
		background: #0CACDE;
	}
	body.blue-theme .content-area {
		background: #4DCFF7 url(../../images/dark-blue-bg-top.svg) center top no-repeat;		
		background-size: 110% auto;
	}
	body.blue-theme.single-fact .content-area,
	body.blue-theme.post-type-archive-fact .content-area {
		background:  
		    url(../../images/white-bg-bottom.svg) center bottom no-repeat,
		    url(../../images/dark-blue-bg-top.svg) center top no-repeat,
		    #4DCFF7;
		background-size: 110% auto, 110% auto;
	}
	body.blue-theme.postid-8 .content-area,
	body.blue-theme.postid-10 .content-area,
	body.blue-theme.postid-277 .content-area,
	body.blue-theme.postid-279 .content-area,
	body.blue-theme.postid-281 .content-area,
	body.blue-theme.postid-283 .content-area {
	    background: #4DCFF7 url(../../images/dark-blue-bg-top.svg) center top no-repeat;
 		background-size: 110% auto;
	}
	body.blue-theme .pager {
		background: #0CACDE url(../../images/blue-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.blue-theme .below-content {
		background:  
		    url(../../images/white-bg-bottom.svg) center bottom no-repeat,
		    url(../../images/blue-bg-top.svg) center top no-repeat,
		    #4D4D53;
		background-size: 110% auto, 110% auto;
	}
	body.blue-theme .animals-footer {
		background: #FFFFFF url(../../images/dark-blue-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.blue-theme.single-fact .animals-footer,
	body.blue-theme.post-type-archive-fact .animals-footer {
		background: #FFFFFF;
	}
	body.blue-theme .content-list a,
	body.blue-theme .content-single a,
	body.blue-theme form.formbuilder-embed a:link,
	body.blue-theme form.formbuilder-embed a:visited, 
	body.blue-theme .interior-grid a {
		color: #0CACDE !important;
	}
	body.blue-theme .related-posts .box .inline-bg,
	body.blue-theme .player-wrapper.box .inline-bg,
	body.blue-theme .slideshow .icon,
	body.blue-theme .peta-prev-next-container .icon-go,
	body.blue-theme .peta-prev-next-container .box .inline-bg {
		fill: #0CACDE;
	}
	body.blue-theme h3 a {
		color: #4DCFF7;
	}

body.green-theme {
	background: #6AD378;
}	
body.green-theme .header {
    background: #FFFFFF url(../../images/dark-green-bg-bottom.svg) center bottom no-repeat;
 	background-size: 110% auto;
}
	body.green-theme .landing-header {
		background: #509E5A;
	}
	body.green-theme .content-area {
	    background: #6AD378 url(../../images/dark-green-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.green-theme .pager {
		background: #509E5A url(../../images/green-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.green-theme .animals-footer {
		background: #FFFFFF url(../../images/green-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.page-id-20 .animals-footer,
	body.page-id-35 .animals-footer,
	body.page-id-383 .animals-footer,
	body.post-type-archive-comic .animals-footer {
		background: #FFFFFF url(../../images/dark-green-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.green-theme .content-list a,
	body.green-theme .content-single a,
	body.green-theme form.formbuilder-embed a:link,
	body.green-theme form.formbuilder-embed a:visited, 
	body.green-theme .interior-grid a {
		color: #509E5A !important;
	}
	body.green-theme .related-posts .box .inline-bg,
	body.green-theme .player-wrapper.box .inline-bg,
	body.green-theme .slideshow .icon,
	body.green-theme .peta-prev-next-container .icon-go,
	body.green-theme .peta-prev-next-container .box .inline-bg  {
		fill: #509E5A;
	}
	body.green-theme h3 a {
		color: #6AD378;
	}

body.red-theme {
	background: #EA3D31;
}	
body.red-theme .header {
    background: #FFFFFF url(../../images/dark-red-bg-bottom.svg) center bottom no-repeat;
 	background-size: 110% auto;
}
	body.red-theme .landing-header {
		background: #B02E25;
	}
	body.red-theme .content-area {
	    background: #EA3D31 url(../../images/dark-red-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.red-theme .pager {
		background: #B02E25 url(../../images/red-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.red-theme .animals-footer {
		background: #FFFFFF url(../../images/red-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.page-id-12 .animals-footer, 
	body.page-id-89 .animals-footer {
		background: #FFFFFF url(../../images/dark-red-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.red-theme .content-list a,
	body.red-theme .content-single a,
	body.red-theme form.formbuilder-embed a:link,
	body.red-theme form.formbuilder-embed a:visited, 
	body.red-theme .interior-grid a {
		color: #B02E25 !important;
	}
	body.red-theme .related-posts .box .inline-bg,
	body.red-theme .player-wrapper.box .inline-bg,
	body.red-theme .slideshow .icon,
	body.red-theme .peta-prev-next-container .icon-go,
	body.red-theme .peta-prev-next-container .box .inline-bg  {
		fill: #B02E25;
	}
	body.red-theme h3 a {
		color: #EA3D31;
	}
	/* Special Little Kids footer background */ 
	body.red-theme.page-id-37 .animals-footer {
		background: #DFECC1 url(../../images/dark-red-bg-top.svg) center top no-repeat;
		background-size: 110% auto;
	}
		body.red-theme.page-id-37 .little-kids-footer {
			background-color: #DFECC1;
			background-image: url(../../images/little-kids-footer-bg.svg) ;
			background-repeat: no-repeat;
			background-position: center bottom;
			background-size: 1730px 400px;
		}
			.no-svg body.red-theme.page-id-37 .little-kids-footer {
				background-color: #DFECC1;
				background-image: url(../../images/nosvg-littlekids-footer.png);
				background-repeat: no-repeat;
				background-position: center bottom;
			}
		body.red-theme.page-id-37 .little-kids-inner {
			background: url(../../images/gray-bg-bottom.svg) center bottom no-repeat;
			background-size: 110% auto;
		}
		body.red-theme.page-id-37 .footer-navigation {
			background-image: none;
		}

body.purple-theme {
	background: #8683E8;
}	
body.purple-theme .header {
    background: #FFFFFF url(../../images/dark-purple-bg-bottom.svg) center bottom no-repeat;
 	background-size: 110% auto;
}
	body.purple-theme .landing-header {
		background: #6562AE;
	}
	body.purple-theme .content-area {
	    background: #8683E8 url(../../images/dark-purple-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.purple-theme .pager {
		background: #6562AE url(../../images/purple-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.purple-theme .animals-footer {
		background: #FFFFFF url(../../images/purple-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.page-id-16 .animals-footer,
	body.page-id-31 .animals-footer {
		background: #FFFFFF url(../../images/dark-purple-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.purple-theme .content-list a,
	body.purple-theme .content-single a,
	body.purple-theme form.formbuilder-embed a:link,
	body.purple-theme form.formbuilder-embed a:visited, 
	body.purple-theme .interior-grid a {
		color: #6562AE !important;
	}
	body.purple-theme .related-posts .box .inline-bg,
	body.purple-theme .player-wrapper.box .inline-bg,
	body.purple-theme .slideshow .icon,
	body.purple-theme .peta-prev-next-container .icon-go,
	body.purple-theme .peta-prev-next-container .box .inline-bg  {
		fill: #6562AE;
	}
	body.purple-theme h3 a {
		color: #8683E8;
	}

body.orange-theme {
	background: #FF7527;
}	
body.orange-theme .header {
    background: #FFFFFF url(../../images/dark-orange-bg-bottom.svg) center bottom no-repeat;
 	background-size: 110% auto;
}
	body.orange-theme .landing-header {
		background: #E65706;
	}
	body.orange-theme .content-area {
	    background: #FF7527 url(../../images/dark-orange-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.orange-theme .pager {
		background: #E65706 url(../../images/orange-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.orange-theme .animals-footer {
		background: #FFFFFF url(../../images/orange-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.page-id-18 .animals-footer,
	body.page-id-33 .animals-footer {
		background: #FFFFFF url(../../images/dark-orange-bg-top.svg) center top no-repeat;
	 	background-size: 110% auto;
	}
	body.orange-theme .content-list a,
	body.orange-theme .content-single a,
	body.orange-theme form.formbuilder-embed a:link,
	body.orange-theme form.formbuilder-embed a:visited, 
	body.orange-theme .interior-grid a {
		color: #E65706 !important;
	}
	body.orange-theme .related-posts .box .inline-bg,
	body.orange-theme .player-wrapper.box .inline-bg,
	body.orange-theme .slideshow .icon,
	body.orange-theme .peta-prev-next-container .icon-go,
	body.orange-theme .peta-prev-next-container .box .inline-bg  {
		fill: #E65706;
	}
	body.orange-theme h3 a {
		color: #FF7527;
	}

	/* 
	* 6.1 Background SVG Fixes for firefox
	*/
	@-moz-document url-prefix() { 
		.all-about {
			background:  
			    url(../../images/white-bg-bottom.svg) left bottom repeat-x,
			    url(../../images/default-bg-top.svg) left top repeat-x,
			    #4D4D53;
			background-size: auto;
		}
		/* firefox had weird gaps depending on svg scaling.. hack fix */ 
		body.body .content-area,
		.pager,
		.animals-footer,
		.footer-navigation {
			background-size: 100% auto !important;
		}
		body.body .header {
			background-size: 130% auto !important;
		}
	}

/* 
* 7.1 Shortcode - Share Bar, for infographics/videos
*/
.content-inner .inline-share-bar {
	margin: 5px 0 30px;
	opacity: .8;
	width: 100%;
    text-align: center;
}
	.content-inner .inline-share-bar .addthis_toolbox {
		padding: 0;
	    display: inline-block;
	    min-width: 200px;
	    /* for ie6/7: */
	    *display: inline;
	    zoom: 1;
	    width: auto;
	}
	.content-inner .inline-share-bar .addthis_toolbox a.at300b {
		background-color: transparent !important;
	}
	.content-inner .inline-share-bar .addthis_toolbox.has-download-link {
		min-width: 240px;
	}
	.content-inner .inline-share-bar:hover {
		opacity: 1;
		transition-duration: 2;
	    transition-property: opacity;
	    transition-timing-function: linear;
	}
	.content-inner.inline-share-bar a {
		padding: 0 4px;
	}
	.content-inner .inline-share-bar a:hover {
		transition-duration: 0.2;
	    transition-property: opacity, transform;
	    transition-timing-function: linear, linear;
	    transform:scale(1.1);
	    text-decoration: none;
	}
	.content-inner .inline-share-bar .fbx-download,
	.content-inner .inline-share-bar .fbx-pinterest {
		background-color: #000000;
	    color: #FFFFFF !important;
	    text-decoration: none;
	    display: block;
	    float: left;
	    width: 32px;
	    height: 32px;
	    line-height: 32px;
	    font-family: foobox;
	    font-weight: 400;
	    font-size: 24px;
	    text-align: center;
	    margin: 0 4px;
	}
	.content-inner .inline-share-bar .fbx-pinterest {
		background-color: #C91618;
	}

/**
* 7.2 Shortcode - YouTube player
*/
.video-player {
	clear: both;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
	.box .video-player {
		margin: 1em 0 0;
	}
	.video-player .youtube-wrapper {
		position: relative;
		width: 100%;
		height: 0;
		margin: 0 auto 1em;
		padding-bottom: 56.27%;
	}
	.video-player .youtube-wrapper iframe {
		width: 100%;
		height: 100%;
		position: absolute;
	}

/**
* 7.3 Shortcode - YouTube multiplayer
*/
.player-wrapper {
	padding: 1em;
	margin: 20px 0;
}
.video-multiplayer {
	width: 100%;
	position: relative;
}
.video-multiplayer .video-player {
	width: 76%;
	margin: 0;
	overflow: hidden;
	clear: none;
}
	.video-multiplayer #youtube-wrapper {
		position: relative;
		width: 100%;
		height: 0;
		margin: 0 auto;
		padding-bottom: 56.27%;
	}
		.video-multiplayer #youtube-wrapper iframe {
			width: 100% !important;
			height: 100% !important;
			position: absolute;
		}
	.playlist-wrapper {
		width: 22%; 
		float: right;
	}
		.playlist-inner {
			position: relative;
			width: 100%;
			height: 0;
			margin: 0 auto;
			padding-bottom: 190%;
		}
		.playlist {
		    width: 100%;
		    height: 100%;
		    margin: 0;
		    padding: 0;
		    position: absolute;
		    overflow-y: auto;
		}
		.playlist ul {
		    margin: 0;
		    padding: 0;
		}
			.playlist li {
			    margin: 0 0 5px;
			    width: 100%;
			    padding: 0;
			    display: block;
			    list-style-type: none;
			    font-family: 'Londrina Solid', sans-serif;
			    text-transform: uppercase;
			    font-size: 1em;
			}
			body .content-area .playlist li a {
			    display: block;
			    text-decoration: none;
			    color: #FFFFFF !important;
			    line-height: 1.1;
			}
			.playlist li img {
			    display: block;
			    width: 100%;
			    height: auto;
			    padding: 1px;
			}
			.playlist li.current-video img {
				background: #ffffff;
			}

/**
* 7.4 Shortcode - NextGen Slideshow
**/
.slideshow {
	margin: 20px auto;
	padding: 0 48px 0 44px;
	max-width: 700px;
	position: relative;
}
	.slideshow a.foobox {
		display: block;
	}
	.cycle-caption {
		position: absolute;
		bottom: 15px;
		right: 0;
		font-size: .8em;
		z-index: 700;
		color: #4D4D53;
	}
	.cycle-overlay {
		width: 100%;
		padding: 15px 35px 15px 0;
		z-index: 600;
		font-size: .8em;
		text-align: left;
		line-height: 1.4;
		position: relative;
	}
.cycle-prev,
.cycle-next {
	position: absolute;
	top: 40%;
	width: 45px;
	height: 45px;
	z-index: 700;
	cursor: pointer;
}
	.cycle-prev {
		left: 0;
		-webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}
		.cycle-prev:hover {
			left: -5px;
			-webkit-transition: all .2s ease-in-out;
		    -moz-transition: all .2s ease-in-out;
		    -o-transition: all .2s ease-in-out;
		    transition: all .2s ease-in-out;
		}
	.cycle-next {
		right: 0;
		-webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    -o-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}
		.cycle-next:hover {
			right: -5px;
			-webkit-transition: all .2s ease-in-out;
		    -moz-transition: all .2s ease-in-out;
		    -o-transition: all .2s ease-in-out;
		    transition: all .2s ease-in-out;
		}
	.slideshow .icon {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}
	.cycle-prev span,
	.cycle-next span {
		display: none;
	}

#no-template-pager li img {
	cursor: pointer;
}	
	.cycle-pager {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.cycle-pager.large-block-grid-6 {
		margin: 0 -.3rem;
	}
	.cycle-pager.large-block-grid-6 li {
		padding: 0 0.3rem 1.25rem;
		opacity: .9;
	}
	.cycle-pager.large-block-grid-6 li.cycle-pager-active {
		opacity: 1;
	}

.life-slideshow {
	margin: 20px auto;
	position: relative;
	background: #FFFFFF;
	padding: 1rem;
}
.life-slideshow .cycle-prev,
.life-slideshow .cycle-next {
	position: absolute;
	top: 40%;
	width: 45px;
	height: 45px;
	z-index: 300;
	opacity: .7;
}
	.life-slideshow .cycle-prev {
		left: 23px;
	}
		.life-slideshow .cycle-prev:hover {
			left: 20px;
		}
	.life-slideshow .cycle-next {
		right: 20px;
	}
		.life-slideshow .cycle-next:hover {
			right: 20px;
		}
	.life-slideshow .icon {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		fill: #FFFFFF;
		cursor: pointer;
	}
	.life-slideshow .cycle-prev:hover,
	.life-slideshow .cycle-next:hover {
		opacity: 1;
	}
.dot-pager {
	text-align: center;
	margin: 10px 0 0;
}
	.dot-pager span {
		font-size: 50px;
		width: 16px;
		line-height: 24px;
		height: 16px;
		display: inline-block;
		color: #4D4D53;
		cursor: pointer;
	}
	.dot-pager span:hover,
	.dot-pager span.cycle-pager-active {
		color: #EA3D31;
	}

/**
* 7.5 Shortcode - Accordion/Dropdown
**/
.dropdown-title {
	position: relative;
	max-width: 918px;
}
	.dropdown-title .peta-media-credit {
		position: absolute;
		bottom: 5px;
		right: 5px;
		color: #FFFFFF;
		z-index: 2;
		text-shadow: 1px 1px 3px rgba(0,0,0,.8);
	}
	.dropdown-title .peta-media-credit a {
		color: #FFFFFF;
		text-shadow: 1px 1px 3px rgba(0,0,0,.8);
	}
.dropdown-link {
	display: block;
	font-family: 'Londrina Solid', sans-serif;
	text-transform: uppercase;
	font-size: 1.6em;
	line-height: 135%;
	position: relative;
}
	body.single .dropdown-link.image-header,
	body.page .dropdown-link.image-header {
		color: #FFFFFF !important;
		padding: 14px 60px 14px 10px;
		height: 100px;
		font-size: 3em;
		line-height: 1em;
		margin: 10px 0;
	}
	.content-area .dropdown-link:hover {
		text-decoration: none;
	}
	.dropdown-link svg {
		position: absolute;
		right: 5px;
		top: 5px;
		width: 25px;
		height: 25px;
		-moz-transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	.dropdown-link.image-header {
		text-shadow: 1px 1px 3px rgba(0,0,0,.8);
	}
		.dropdown-link.image-header svg {
			-webkit-filter: drop-shadow( 1px 1px 3px rgba(0,0,0,.7));
              filter: drop-shadow(  1px 1px 3px rgba(0,0,0,.7));
			right: 20px;
			top: 30px;
			width: 50px;
			height: 50px;
			fill: #FFFFFF;
		}
	.dropdown-link.open svg {
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-o-transform: rotate(90deg);
		transform: rotate(90deg);
		-moz-transition: all .2s ease;
		-webkit-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	.dropdown-content {
		display: none;
		padding: 5px 10px;
	}

/**
* 8.0 Comments
**/
#comments {
	border-top: 1px solid #EA3D31;
	padding: 20px 0;
}
#comments h3 {
	font-size: 2rem;
	text-transform: uppercase;
}
	#comments p.note {
		font-size: .8rem;
		margin-bottom: .5em;
	}
#commentform label.comment {
	display: none;
}
ul.comments {
	list-style: none;
	margin: 2em 0 0;
	padding: 0;
	font-size: .9rem;
}
	ul.comments li {
		margin: 0 0 2em;
		padding: 0;
	}
	ul.comments p {
		font-size: .9rem;
	}
.vcard {
	border: 0;
	padding: 0;
	margin: 0 0 .75em;
}
.vcard .fn {
	display: block;
	font-family: 'Londrina Solid', sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
	color: #E3A80C;
	font-size: 1.3rem;
	line-height: 1;
	letter-spacing: .04em;
}
.vcard span {
	font-weight: bold;
}
.vcard span.commented {
	font-style: italic;
	font-weight: normal;
}


@media only screen and (max-width: 1024px) {
	.animals-footer .animated-character svg#hedgehogsvg {
		height: 200%;
	}
}

@media only screen and (max-width: 960px) {
	.primary-nav ul li {
		margin-top: 20px;
	}
	.primary-nav ul li>a,
	.secondary-nav ul li>a {
		font-size: 1.1rem;
	}
}

@media only screen and (max-width: 880px) {
	.hedgehog-column {
		display: none;
	}
	.email-column {
		width: 75%;
	}
	.animals-footer .connect-widget h2 {
		padding-top: 20px;
	}
	.animals-footer .animated-character svg {
		height: 140%;
	}
	.animals-footer .animated-character-container.frog,
	.animals-footer .animated-character-container.nugget {
		margin-left: 0;
	}
	.primary-nav ul li {
		margin-top: 16px;
	}
	.primary-nav ul li>a,
	.secondary-nav ul li>a {
		font-size: .95rem;
	}
	.secondary-nav #s {
		font-size: .8rem;
	}
	.secondary-nav ul li {
		float: none;
		display: inline-block;
	}
	.secondary-nav ul li.has-form {
		display: block;
		padding: 0;
		margin: 10px 0;
	}
	ul.issues-nav li,
	ul.issues-nav li.entertainment, 
	ul.issues-nav li.experimentation, 
	ul.issues-nav li.companion-animal {
		width: 33% !important;
		max-height: 100% !important;
	}
	ul.issues-nav li.experimentation .animated-character svg, 
	ul.issues-nav li.companion-animal .animated-character svg {
		width: 116%;
	}
	ul.issues-nav li.experimentation a h3, 
	ul.issues-nav li.companion-animal a h3 {
		margin-top: 10px;
	}
	ul.issues-nav li .animated-character-container {
		margin: 0 0 10px 0 !important;
	}

	.post-type-archive-fact .animal-facts-grid .box h2 span {
		font-size: 1.4em;
	}
	.animal-facts-single .animal-image {
		width: 50%;
		margin-top: -10%;
		margin-right: -5%;
	}
	.animal-facts-single h1 {
		font-size: 2.8rem;
		margin-top: 30%;
	}
	.archive .large-8 .parent {
		min-height: 220px;
	}
}

@media only screen and (max-width: 782px) {
	#wpadminbar {
		position: fixed;
	}
	ul.footer-menu li#menu-item-381 {
		clear: none; 
		margin-left: 0;
	}
	ul.footer-menu li#menu-item-380 a {
		border-right: 1px solid #FFF;
	}
	body.single .dropdown-link.image-header, 
	body.page .dropdown-link.image-header {
		font-size: 2rem;
	}
	.interior-grid .box,
	.color-grid .box,
	.post-type-archive-fact .box {
		padding: 10px;
	}
	.interior-grid .box .image img,
	.color-grid .box .image img,
	.related-posts .box .image img {
		width: 100%;
		height: auto;
	}
	.interior-grid .image-grid .box h2,
	.color-grid .image-grid .box h2 {
		height: auto;
		padding-bottom: 6px;
	}
	.interior-grid .image-grid .box h2,
	.color-grid .image-grid .box h2 {
		height: 86px;
	}
	.archive .large-8 .parent {
		min-height: 250px;
	}
}

@media only screen and (max-width: 640px) {
	ul.footer-menu {
		text-align: center;
		left: auto;
		float: none;

	}ul.footer-menu li {
		display: inline;
		float: none;
		right: auto;
	}
	.email-column,
	.animals-footer #connect-form {
		width: 100%;
	}
	.animals-footer .animated-character-container {
		margin-top: -50px;
		margin-bottom: 0;
		padding-top: 50%;
	}
	.animals-footer .animated-character svg {
		width: 100%;
		height: 100%;
	}
	.mobile-menu {
		display: block;
		position: absolute;
		top: 0;
		right: 10px;
		width: 40%;
		z-index: 2;
	}
		.menu-toggle {
			font-family: 'Londrina Solid', sans-serif;
			text-transform: uppercase;
			text-align: center;
			font-size: 1.3rem;
			letter-spacing: .04em;
			color: #FFFFFF;
			line-height: 28px;
			padding: 2px 6px;
			background: url(../../images/nav-bg.svg) no-repeat;
			background-size: 100% 100%;
			display: inline-block;
			float: right;
		}
		.search-toggle {
			background: url(../../images/nav-bg.svg)no-repeat;
			background-size: 100% 100%;
			width: 32px;
			height: 32px;
			padding: 7px;
			display: inline-block;
			float: right;
			margin-right: 4px;
		}
			.search-toggle svg {
				width: 100%;
				height: 100%;
				fill: #FFFFFF !important;
			}
			.menu-toggle:hover {
				color: #FFFFFF;
			}

	.active-nav .nav-bar nav  {	
		left: 0;	
		-webkit-overflow-scrolling:touch;
	}
	.active-search #menu-secondary-menu #searchform {	
		top: 0;
		-webkit-overflow-scrolling:touch;
	}
	.active-nav .mobile-site-overlay,
	.active-search .mobile-site-overlay {
		position: fixed;
		right: 0;
		top: 0;
		left: 0;
		bottom: 0;
		display: block;
	}
	.active-search header {
		transition: .2s all ease;
		margin-top: 40px;
	}
	.top-bar, 
	.top-bar .name h1 a, 
	.top-bar .name .logo a {
		height: 50px;
	}
		.nav-bar .top-bar {
			height: auto;
		}
	header {
		transition: .2s all ease;
	}
	.header .columns {
		padding-left: 0.5rem;
		padding-right: 0.5rem;
	}
	.header .row.branding {
		padding: 10px 0 0;
	}
	ul.title-area h1,
	ul.title-area .logo {
		width: 180px;
		padding-top: 2px;
		float: left;
	}
		.top-bar .name h1 a,
		.top-bar .name .logo a {
			background: url(../../images/logo-peta-kids-oneline.svg);
			background-size: 100%;
			background-repeat: no-repeat;
			width: 100%;
		}
	.top-bar .home-link {
		margin: 2px 0 0 5px;
	}
		.top-bar .home-link a svg {
			width: 28px;
			height: 28px;
			position: relative;
			z-index: 3;
		}
		.top-bar .home-link span {
			display: none;
		}
	.nav-bar nav {
		background: #FFFFFF;
		left: -80%;
		width: 70%;
		position: fixed;
		top: 56px;
		bottom: 0;
		transition: .2s all ease;
		padding: 0;
		z-index: 1000;
		border-top: 0;
		overflow-y: auto;
	}
		.primary-nav ul li {
			width: 100% !important;
			margin: 0;
			border-bottom: 1px solid #4D4D53;
		}
		.primary-nav ul li>a {
			position: relative;
			text-align: left;
			font-size: 1.1rem;
		}
		#menu-main-menu li a,
		#menu-main-menu li.active a {
			padding: 7px 0 6px 40px;
		}
		.primary-nav ul li>a .icon {
			position: absolute;
			top: 5px;
			left: 6px;
			margin: 0;
			background: url(../../images/petakids-sprite-2x.png) no-repeat 0 0;
			background-size: 500px 500px;
			width: 25px;
			height: 25px;
		}
			.primary-nav ul li.active>a .icon {
				background-position-y: -50px !important;
			}
			.primary-nav ul li.spotlight>a .icon {
				background-position: 0 -25px;
			}
			.primary-nav ul li.animal-facts>a .icon {
				background-position: -25px -25px;
			}
			.primary-nav ul li.save-animals>a .icon {
				background-position: -75px -25px;
			}
			.primary-nav ul li.games>a .icon {
				background-position: -100px -25px;
			}
			.primary-nav ul li.videos>a .icon {
				background-position: -125px -25px;
			}
			.primary-nav ul li.quizzes>a .icon {
				background-position: -150px -25px;
			}
			.primary-nav ul li.photos>a .icon {
				background-position: -175px -25px;
			}
			.primary-nav ul li.activities>a .icon {
				background-position: -200px -25px;
			}
			.primary-nav ul li.food>a .icon {
				background-position: -225px -25px;
			}
			.primary-nav ul li.comics>a .icon {
				background-position: -275px -25px;
			}
		#menu-main-menu li.current-menu-item a, 
		#menu-main-menu li.active a:hover {
			background: none;
			border-left: solid 8px #E3A80C;
		}
			#menu-main-menu li.animal-facts.current-menu-item a,
			#menu-main-menu li.photos.current-menu-item a {
				border-color: #0CACDE;
			}
			#menu-main-menu li.save-animals.current-menu-item a {
				border-color: #B02E25;
			}
			#menu-main-menu li.spotlight.current-menu-item a {
				border-color: #E3A80C;
			}
			#menu-main-menu li.games.current-menu-item a,
			#menu-main-menu li.activities.current-menu-item a {
				border-color: #6562AE;
			}
			#menu-main-menu li.videos.current-menu-item a,
			#menu-main-menu li.food.current-menu-item a {
				border-color: #E65706;
			}
			#menu-main-menu li.quizzes.current-menu-item a,
			#menu-main-menu li.comics.current-menu-item a {
				border-color: #509E5A;
			}
		#menu-main-menu li.comics {
			border-bottom: 1px solid #FFFFFF;
		}
		#menu-main-menu li#menu-item-39,
		#menu-main-menu li#menu-item-40 {
			background: #EA3D31;
			color: #FFFFFF;
			border-bottom: 1px solid #FFFFFF;
		}
		.primary-nav ul li#menu-item-39>a,
		.primary-nav ul li#menu-item-40>a {
			color: #FFFFFF;
			text-align: right;
			padding-right: 10px;
		}
		.primary-nav ul li#menu-item-39>a .icon,
		.primary-nav ul li#menu-item-40>a .icon {
			background: none;
		}
	#menu-secondary-menu #searchform {
		background: rgba(255,255,255, 0.9);
		width: 100%;
		left: 0;
		top: -50px;
		position: fixed;
		z-index: 1000;
		border: 6px solid #D9F4B7;
		transition: .2s all ease;
	}
		.secondary-nav #searchsubmit {
			float: right;
			margin-right: 6px;
		}
		.secondary-nav #s {
			margin-left: 6px;
		}
	.landing-header h1, 
	.landing-header h2 {
		font-size: 3rem;
	}
	.single-fact .landing-header h1, 
	.single-fact .landing-header h2 {
		font-size: 2rem;
	}
	.interior-grid .box,
	.color-grid .box,
	.post-type-archive-fact .box {
		padding: 16px;
	}
	.interior-grid .image-grid .box h2,
	.color-grid .image-grid .box h2 {
		height: auto;
	}
	.interior-grid .grid-1-4 .box h2 {
		height: 60px;
	}
	.featured h2,
	.all-about h2 {
		font-size: 2.2rem;
		line-height: 110%;
	}
	.did-you-know .box {
		padding: 1rem;
	}
	/* Parents Blog */
	.archive .large-8 .parent .category-label svg {
		width: 24px;
		height: 24px;
		margin-left: 4px;
	}
	.archive .large-8 .parent .category-label {
		font-size: 1.3rem;
		line-height: 1.2;
		position: relative;
		padding: 4px;
	}
	.archive .large-8 .parent .post-inner {
		position: relative;
		top: auto;
		left: auto;
		overflow: hidden;
		padding: 8px 8px 30px 8px;
		width: 100%;
	}
	.archive .large-8 .parent img {
		margin-right: 0;
		width: 100%;
	}
}

@media all and (max-width: 600px) {
	.image-grid {
		width: 100%;
		float: none;
	}
	.grid-1-4 {
		width: 50%;
		float: left;
	}
	body.red-theme.page-id-37 .little-kids-footer {
		background-size: 190% auto;
	}
	.featured.free-stuff .columns {
		margin-bottom: 1rem;
	}
	/* Content padding */
	.content-area {
		padding: 1rem 0 1rem;
	}
	.content-single .content-inner, 
	.search .content-inner {
		padding: 1rem;
	}
	.single-parent .content-single .content-inner, 
	.single-parent .search .content-inner {
		padding: 0 1.2rem;
	}
	.single-fact .content-single .content-inner {
		padding: .8rem 1rem;
	}

	/* Slideshow */
	.slideshow {
		padding: 0 34px 0 32px;
	}
	.cycle-prev, 
	.cycle-next {
		top: 50%;
		width: 32px;
		height: 32px;
	}
	/* Multiplayer */
	.video-multiplayer .video-player {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.playlist-wrapper {
		width: 100%; 
		float: none;
		padding-top: 60%;
	}
		.playlist-inner {
			height: auto;
			padding-bottom: 0;
		}
		.playlist {
		    position: relative;
		    overflow-y: hidden;
		    overflow-x: scroll;
		}
		.playlist ul {
    		white-space: nowrap;
		}
			.playlist li {
			    margin: 0 5px 0;
			    width: 100px;
    			display: inline-block;
			    *display: inline;/* For IE7*/
			    *zoom: 1;/* For IE7*/
			    vertical-align: top;
			}
			body .content-area .playlist li a {
    			white-space: pre-wrap;
			}
}

@media all and (max-width: 540px) {
	.column,
	.columns {
		padding: 0 .5rem;
	}
	.color-grid .image-grid .box h2,
	.interior-grid .image-grid .box h2 {
		min-height: 50px;
	}
	.color-grid .grid-1-4 .box h2,
	.interior-grid .grid-1-4 .box h2 {
		height: 90px;
	}
	.single-parent .content-single .content-inner, 
	.single-parent .search .content-inner {
		padding: 0 .8rem;
	}
	.animals-footer .connect-widget h2 {
		font-size: 1.4rem;
	}
	.animal-facts .peta-kids-promo-widget .image {
		width: 100%;
		float: none;
		margin: 0 0 1rem;
	}
	ul.issues-nav li,
	ul.issues-nav li.entertainment, 
	ul.issues-nav li.experimentation, 
	ul.issues-nav li.companion-animal {
		width: 49% !important;
		max-height: 100% !important;
	}
	ul.issues-nav li .animated-character-container {
		margin: 0 0 10px 0 !important;
	}
	.post-type-archive-fact .animal-facts-grid .box h2 {
		font-size: 1.2em;
		height: auto;
	}
}

@media all and (max-width: 420px) {
	.interior-grid .box,
	.color-grid .box,
	.post-type-archive-fact .box {
		padding: 10px;
	}
	.post-type-archive-fact .animal-facts-grid .columns {
		padding-left: .3rem;
		padding-right: .3rem;
	}
	ul.title-area h1,
	ul.title-area .logo {
		width: 160px;
		padding-top: 2px;
	}
	.top-bar .home-link {
		margin: 4px 0 0 5px;
	}
		.top-bar .home-link a svg {
			width: 24px;
			height: 24px;
		}
	ul.issues-nav li a h3 {
		font-size: .95rem;
	}
	ul.issues-nav li a h3 {
		margin-top: 5px !important;
	}
	ul.issues-nav li a .nav-bg-svg {
		height: 36px;
	}
	.formbuilder-embed form tbody tr td {
		display: block;
		text-align: left !important;
		width: 100% !important;
	}
	.formbuilder-embed form tbody tr td:first-child {
		padding: 10px 2px 0;
	}
}

/* Homepage Icons resize at certain breakpoints */
@media all and (min-width: 600px) and (max-width: 820px), (max-width: 480px) {
	.color-grid .box .icon {
		position: absolute;
		bottom: 0;
		right: 0;
		display: block;
		width: 25px;
		height: 25px;
		background:url(../../images/petakids-sprite-2x.png) no-repeat;
		background-size: 500px 500px;
	}
		.color-grid .box.spotlight .icon {
			background-position: 0 0;
		}
		.color-grid .box.animal-facts .icon {
			background-position: -25px 0;
		}
		.color-grid .box.save-animals .icon {
			background-position: -75px 0;
		}
		.color-grid .box.games .icon {
			background-position: -100px 0;
		}
		.color-grid .box.videos .icon {
			background-position: -125px 0;
		}
		.color-grid .box.quizzes .icon {
			background-position: -150px 0;
		}
		.color-grid .box.photos .icon {
			background-position: -175px 0;
		}
		.color-grid .box.activities .icon {
			background-position: -200px 0;
		}
		.color-grid .box.food .icon {
			background-position: -225px 0;
		}
		.color-grid .box.comics .icon{
			background-position: -275px 0;
		}
	.color-grid .box h2 {
		padding: 0 30px 0 0;
	}
}