/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/*
brand red = #B32318
brand orange = #F79727
green = #8e993b
pale orange = #e9b571
brown = #72210c
deep brown = #25120e
magenta = #d0006f
body grey = #676869
*/

/*  --------------------------------------------------------- typography */

h1,h2,h3,h4,h5,h6 {
	text-transform: uppercase;
	font-weight: bold;
}

select {
	width: 100%;
}

p:blank {
  display: none;
}

h1, .tfs-slider .slide-content-container h2 {
	transform: rotate(-2deg);
	transform-origin: 0 50%;
	font-size: 38px !important;
	line-height: 1.2 !important;
	letter-spacing: -0.03em;
	padding: 20px 30px 15px !important;
	display: inline-block;
	position: relative;
	z-index: 3;
	background: url(images/shard-orange.svg) 0 0 no-repeat;
	background-size: cover;
	-webkit-backface-visibility: hidden;
}

.fusion-page-title-bar h3, .tfs-slider .slide-content-container .fusion-title-size-three h3 {
	text-transform: none;
	font-size: 14px !important;
	line-height: 1.5 !important;
	transform: rotate(0);
	transform-origin: 0 50%;
	padding: 40px 30px 30px 40px;
	background: url(images/shard-red.svg) 0 0 no-repeat;
	background-size: cover;
	position: relative;
	font-family: "Work Sans";
	z-index: 2;
	top: -36px;
	left: 30px;
	max-width: 450px;
	-webkit-backface-visibility: hidden;
}

.tfs-slider .slide-content-container .fusion-title-size-three h3, footer .textwidget p {
		font-size: 18px !important;
	}

/*  --------------------------------------------------------- generic */

html #main {
	background: url(images/asfalt-dark.png) 0 0 #f5f5f5; 
	padding-bottom: 0;
	padding-top: 0;
}

#main a {
	border-bottom: 3px solid rgba(132,148,60,.5);
	transition: border ease 0.3s, color ease 0.3s;
}

#main a:hover, html #main .post h2 a:hover {
	border-bottom: 3px solid rgba(0,0,0,.5);
	color: #232425;
	transition: border ease 0.3s, color ease 0.3s;
}

.fusion-breadcrumbs {
	display: none;
}

html body.error404 .fusion-page-title-bar {
	background-image: url("../../uploads/2017/07/raccoons.jpg");
}

#post-404page {
	padding-top: 50px; 
	padding-bottom: 50px;
}


/*  --------------------------------------------------------- buttons */

.fusion-button.button-xlarge, .fusion-slider-container .fusion-button, .events-list a.more, .offers-list a.more, p.offer-download  {
	font-family: "Chelsea Market" !important;
	background: transparent !important;
	border: none !important;
	color: white !important;
	position: relative;
	font-size: 21px !important;
	line-height: 1.5 !important;
	text-align: center;
}

.fusion-button.button-xlarge i {
	display: none;
}

.fusion-button.button-xlarge:active {
	position: relative;
	top: 1px;
}

.fusion-button.button-xlarge::after, .fusion-button.button-xlarge::before, .fusion-slider-container .fusion-button::after, .fusion-slider-container .fusion-button::before,  .events-list a.more::before,  .events-list a.more::after, .offers-list a.more::before, .offers-list a.more::after, p.offer-download::before, p.offer-download::after  {
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	background: #F79727;
	transform: rotate(1deg);
	z-index: 1;
	top: 0;
	left: 0;
	display: block !important;
	transition: all ease 0.3s;
}

.fusion-button.button-xlarge::before, .fusion-slider-container .fusion-button::before, .events-list a.more::before, .offers-list a.more::before, p.offer-download::before {
	background: #d0006f;
	transform: rotate(-1.8deg);
	z-index: 2;
	width: 94%;
	height: 93%;
	left: 4%;
}

.fusion-button.button-xlarge span, .fusion-slider-container .fusion-button span,  .events-list a.more span,  .offers-list a.more span, p.offer-download a {
	position: relative;
	z-index: 3;
	
}

.fusion-button.button-xlarge:hover::after, .fusion-button.button-xlarge:hover::before, .fusion-slider-container .fusion-button:hover::before, .fusion-slider-container .fusion-button:hover::after,  .events-list a.more:hover::before,  .events-list a.more:hover::after, .offers-list a.more:hover::before,  .offers-list a.more:hover::after,  p.offer-download:hover::before,  p.offer-download:hover::after {
	transform: rotate(0deg);
	width: 100%;
	height: 100%;
	left: 0;
	background: #A60058;
}

html .fusion-button.button-medium {
	background: none;
	border: none !important;
	font-size: 18px !important;
	padding: 0;
	text-transform: none;
	font-weight: bold;
	color: #F79727;
	transition: none !important;
	text-align: left;
	line-height: 1.5;
}

html .fusion-button.button-medium span {
	border-bottom: 3px solid rgba(255,255,255,0.15);
	padding-bottom: 5px;
	transition: all ease 0.3s;
	text-align: left;
}

html .fusion-button.button-medium i {
	color: #d0006f;
}

html .fusion-button.button-medium:hover, html .fusion-button.button-medium:focus, html .fusion-button.button-medium:active {
	border: none;
	background: none;
	color: #fff;
}

html .fusion-button.button-medium:hover span {
	border-bottom: 3px solid rgba(255,255,255,.5);
	color: white
}

#main a.fusion-read-more {
	color: white;
	padding: 14px 30px 14px 10px;
	background: #849440;
	border: none;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	line-height: 1;
	transition: all ease 0.3s;
}

#main a.fusion-read-more:hover {
	background-color: #333;
}

#main a.fusion-read-more::after {
	right: 15px;
	color: white;
	}

/*  ------------------------------------------------------- header */

html .fusion-header {
	background: #B32318;
}

html .fusion-header::after {
	position: absolute;
	bottom: -14px;
	left: 0;
	width: 100%;
	height: 28px;
	background: url(images/rip-red.png) 0 0 repeat-x;
	content: "";
	pointer-events: none;
	transform: rotate(.75deg);
}

html .fusion-header .fusion-logo {
	position: absolute;
	top: 0;
	left: 0;
	background: white;
	padding: 20px 10px 10px;
	margin: 0;
	z-index: 2;
}

.fusion-header-wrapper {
	position: absolute;
	width: 100%;
}

.fusion-header-v2 .fusion-secondary-header {
	background-color: rgba(0,0,0,0.5);
	border: none;
}

.fusion-header-v2 .fusion-header {
	border: none;
	position: relative;
	z-index: 2;
}

.fusion-logo img {
	width: 80px;
}

/*  --------------------------------------------------------- social icons in header and footer */


.fusion-icon-facebook::after,.fusion-icon-youtube::after, .fusion-icon-twitter::after, .fusion-icon-googleplus::after, .fusion-icon-mail::after  {
	content: "Facebook";
	font-family: "Work Sans";
	color: #fff;
	font-size: 14px;
	position: relative;
    top: -5px;
}

.fusion-icon-youtube::after {
	content: "YouTube";
}

.fusion-icon-twitter::after {
	content: "Twitter";
}

.fusion-icon-googleplus::after {
	content: "Google+";
}

.fusion-icon-mail::after {
	content: "Email";
}

.fusion-sharing-box a {
	border: none !important;
}

.fusion-icon-youtube::before, .fusion-icon-twitter::before, .fusion-icon-googleplus::before, .fusion-icon-mail::before {
	margin-left: 10px;
	margin-right: 10px;
}

header .fusion-social-networks-wrapper {
	position: absolute;
	right: 0;
	top: 36px;
	z-index: 5;
	padding-left: 20px;
	display: none;
}

.fusion-header-wrapper .fusion-row {
	position: relative;
	}
	
.fusion-social-links-header {
	margin: 0;
}

header .fusion-social-networks-wrapper:after {
	width: 1px;
	height: 40px;
	background: white;
	position: absolute;
	left: 0;
	top: -10px;
	content: "";
}

/*  --------------------------------------------------------- nav */

html .fusion-main-menu > ul > li {
	padding-right: 35px;
}

.fusion-main-menu {
	margin: 35px 35px 25px 0;
	z-index: 10;
	position: relative;
}

html .fusion-main-menu > ul > li > a {
	height: auto;
	line-height: 1;
	padding-bottom: 17px;
	transition: all ease .5s;
	border: none;
	color: rgba(255,255,255,0.75) !important;	
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a, .fusion-main-menu .sub-menu li a, .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled {
	color: rgba(255,255,255,0.75) !important;	
}

.fusion-main-menu .fusion-dropdown-menu .sub-menu li a:hover, .fusion-main-menu .sub-menu li a:hover, .fusion-megamenu-wrapper li .fusion-megamenu-title-disabled:hover {
	color: rgba(255,255,255,1) !important;	
}

html .fusion-main-menu > ul > li > a:hover {
	color: white !important;
}

html .fusion-body .fusion-main-menu .current_page_item > a, html .fusion-body .fusion-main-menu .current-menu-item > a {
	color: white !important;
	background: url(images/pencil-line01-yellow.png) 90% 75% no-repeat;
}

html .fusion-main-menu .sub-menu {
	border-top-width: 2px;
}

html .fusion-main-menu .fusion-dropdown-menu .sub-menu li a, .fusion-main-menu .sub-menu li a {
	background-image: none;
}

/*  --------------------------------------------------------- hero carousel */

html #sliders-container {
	background: black;
}

.tfs-slider .slide-content-container .heading {
	margin-bottom: 0;
}

html header + #sliders-container .fusion-slider-container, html header + #sliders-container .fusion-slider-container .flexslider, html header + #sliders-container .tfs-slider .background-image {
	height: 73vh !important;
	max-height: none !important;
}

.tfs-slider .slide-content-container .slide-content {
	padding-right: 43%;
}

html .tfs-slider .slide-content-container {
	top: 60%;
}

.tfs-slider .background-image {
	position: relative;
	background-position: 50% 0;
	background-attachment: fixed;
}

.tfs-slider .background-image::after {
	content: "";
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}

html .flex-control-paging li a {
	width: 24px;
	height: 24px;
	background-color: rgba(255,255,255,.5);
	border: none;
}

html .flex-control-paging li a:hover {
	background-color: rgba(255,255,255,.75);
}

html .flex-control-paging li a.flex-active {
	background-color: white;
}

html .tfs-slider .flex-control-nav {
	bottom: 40px !important;
}

.flexslider .flex-prev, .flexslider .flex-next {
	transition: 0.3s all ease;
	opacity: 1;
}

.tfs-slider .flex-direction-nav a {
	top: 60%;
}

.tfs-slider .slide-content-container .slide-content {
	padding-right: 35%;
}

/*  --------------------------------------------------------- splodge */

/*body.home .fusion-slider-container::after {
	position: absolute !important;
    right: 12.5%;
    background: url(images/splodge2.svg) 0 0 no-repeat;
    bottom: -138px;
    z-index: 33;
    color: white;
    width: 162px;
    height: 149px;
    font-family: "Chelsea Market";
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    padding: 116px 38px 43px 82px;
    content: "We've made changes for the better & continue to improve to create an all-new Safari Zoo";
    transform: rotate(7deg) scale(0.9);
}*/
/*  --------------------------------------------------------- page title bar */

html .fusion-page-title-bar {
	height: 73vh !important;
}

html .fusion-page-title-captions {
	width: 67%;
	padding-top: 130px;
}

.fusion-page-title-bar{
	overflow: hidden;
	position: relative;
}

.fusion-page-title-bar::after {
	content: "";
	background: linear-gradient(to right, rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 50%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}

.fusion-page-title-wrapper {
	z-index: 2;
}

/*  --------------------------------------------------------- left/right cta blocks */


.fusion-one-half img, .fusion-one-third img {
	transform: rotate(-3deg);
}

.fusion-one-half.fusion-column-last img, .fusion-one-third.fusion-column-last img {
	transform: rotate(3deg);
	position: relative;	
}

.fusion-one-half.fusion-column-first h4, .fusion-one-third.fusion-column-first h4 {
	color: #F79727;
}

html .fusion-one-half .fusion-imageframe, html .fusion-one-third .fusion-imageframe {
	overflow: visible;
	transform: rotate(2.3deg);
	background: rgba(0,0,0,0.2);
}

html .fusion-one-half.fusion-column-last .fusion-imageframe, html .fusion-one-third.fusion-column-last .fusion-imageframe {
	transform: rotate(-2.3deg);
}

.fusion-title .title-sep-container {
	display: none;
}

.fusion-one-half a, .fusion-one-third a, .fusion-two-third a { 
	margin-top: 20px;
	}


/*  --------------------------------------------------------- image bg banner */

.image-background-banner h2 {
	color: #F79727 !important;
}

.image-background-banner p, .image-background-banner li, #main .image-background-banner a, #main .image-background-banner a:hover {
	color: white;
}

.image-background-banner::after {
	content: "";
	background: linear-gradient(to right, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 60%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 1;
}

.image-background-banner.text-right::after {
	content: "";
	background: linear-gradient(to left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	width: 60%;
	height: 100%;
	top: 0;
	right: 0;
	left: auto;
	position: absolute;
	z-index: 1;
}


/*  --------------------------------------------------------- animals list */

.animal-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.animal-list ul li {
	width: 20%;
	text-align: left;
	display: inline-block;
	vertical-align: top;
}

.animal-list ul li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.animal-list ul li img,.animal-list ul li .content {
	padding: 0 10px;
}

.animal-list ul li a.title {
	font-size: 22px;
	font-family: "Chelsea Market";
	text-transform: uppercase;
	border-bottom: none !important;
}

.animal-list ul li .content {
	font-size: 14px;
}

.animal-list ul li h4 {
	padding: 0 10px;
	color: #8B3F2C;
	margin-top: 0;
}

.post-type-archive-animal #posts-container .fusion-blog-layout-grid {
	height: auto !important;
	padding-top: 80px;
}

/*  --------------------------------------------------------- homepage feeds */

body.home .fusion-post-large {
	border: none;
    padding: 30px 30px 20px;
    background: rgba(255,255,255,0.5);
    transition: all ease 0.3s;
    display: block;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
}

body.home #main .fusion-post-large h2 a {
	border: none;
}

body.home #main a.fusion-read-more {
	margin-top: 0;
}

html body.home #main .fusion-post-large h2 a:hover {
	border: none;
	background: transparent;
}

body.home #wrapper #main .fusion-post-content > .blog-shortcode-post-title {
	font-size: 24px;
}

body.home .events-list a h3, body.home .offers-list a h3 {
	margin-top: 20px;
}

body.home .events-list p, body.home .offers-list p {
	font-size: 15px;
}

body.home .fusion-blog-layout-large .entry-title {
	margin-bottom: 10px;
}

body.home .fusion-post-large .flex-direction-nav, body.home .fusion-post-large .flex-control-nav {
	display: none;
}

body.home .fusion-post-large .fusion-meta-info {
	border: none;
	padding: 0;
	margin-top: 0;
}

body.home .fusion-post-large .fusion-meta-info .fusion-alignright {
	display: inline-block;
	float: none; 
	margin-left: 0;
}

.homepage-feed {
	
}

.homepage-feed ul {
	list-style: none;
	padding: 30px 30px 20px;
    background: rgba(255,255,255,0.5);
	margin: 0 0 40px;
	}
	
.homepage-feed ul li {
	margin: 0;
}
	
.homepage-feed img {
	transform: rotate(0deg);
	margin-bottom: 20px;
}

#main .homepage-feed a {
	margin: 0;
	display: block;
	border: none;
}

#main .homepage-feed a.fusion-read-more {
	display: inline-block;
}

#main .homepage-feed h3 {
	clear: both;
	margin: 0 0 5px;
	font-size: 24px;
	color: #849440;
}

/*  --------------------------------------------------------- events and offers list */

.events-list ul, .offers-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.events-list ul li, .offers-list ul li {
	margin-bottom: 20px;
	
}

#main .events-list h2, #main .offers-list h2 {
	font-size: 36px;
	color: #8e993b;
}

#main .events-list li, #main .offers-list li {
	border: none;
	padding: 30px 30px 20px;
	background: rgba(255,255,255,0.5);
	transition: all ease 0.3s;
	display: block;
	overflow: hidden;
	position: relative;
}

#main .events-list a.button-4, #main .offers-list a.button-4 {
	clear: both;
	display: inline-block;
}

#main .events-list a, #main .offers-list a {
	border: none;
}

#main .events-list h3, #main .offers-list h3 {
	margin-top: 0;
}

#main .events-list h3 a, .offers-list h3 a {
	color: #849440;
	margin-bottom: 0.5em;
	margin-top: 0;
	font-family: "Chelsea Market";
	font-size: 24px;
	text-decoration: none;
	border-bottom: none;
}

 .events-list p,  .offers-list p, .events-list .right div {
	color: #676869;
}

 .events-list a.more, .offers-list a.more  {
	display: inline-block;
	padding: 10px 30px;
	overflow: visible;
	text-transform: uppercase;
	font-size: 18px !important;
}

 .events-list img,  .offers-list img {
	transform: rotate(0deg);
	float: left;
	width: 30%;
}

 .events-list .right,  .offers-list .right {
	float: right;
	width: 65%;
}
/*

.post-type-archive-event .events-list {
	margin: 40px 0 ;
}
*/

.members-only {
	background: #F59637;
	display: inline-block;
	margin-bottom: 20px;
}

.events-list .members-only {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 2;
}

.members-only p {
	color: white !important;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 12px;
	margin: 0;
	display: inline-block;
}

.events-list {
	padding: 40px 0;
	overflow: hidden;
}

.events-list img {
	margin-right: 40px;
}

/* ------------------------------------------------------------- onward journey module */

.onward-journey {
	padding: 60px 30px 30px !important;
}

.onward-journey::after {
	position: absolute;
	bottom: -6px;
	height: 14px;
	background: url(images/pencil-line01.png) 0 0 repeat-x;
	width: 100%;
	left: 0;
	z-index: 3;
	pointer-events: none;
	content: "";
	background-size: contain;
}

.onward-journey::before {
	position: absolute;
	top: -6px;
	height: 8px;
	background: url(images/pencil-line01.png) 0 0 repeat-x;
	width: 100%;
	left: 0;
	z-index: 3;
	pointer-events: none;
	content: "";
	background-size: contain;
}

/*  --------------------------------------------------------- offers */

html body.single-offer #main {
	padding-top: 50px;
	background: #fff;
}

/*
html body.single-offer #main p:first-of-type {
	font-size: 18px;
}
*/

html body.single-offer #main .fusion-row {
	max-width: 800px;
}

p.offer-download {
	display: inline-block;
	margin-top: 40px;
	clear: both;
}

#main p.offer-download a{
	border: none;
	color: white;
	padding: 17px 40px;
	text-transform: uppercase;
	display: block;
}

html body.single-offer #main hr {
	height: 0;
	border: none;
}

html body.single-offer .fusion-post-title-meta-wrap, html body.single-project .fusion-post-title-meta-wrap {
	display: none;
}

html body.single-offer .dates, html body.single-event .dates {
	font-weight: bold;
	margin-bottom: 20px;
}

/*  --------------------------------------------------------- event */

html body.single-event #main {
	padding-top: 50px;
	background: #fff;
}

html body.single-event #main p:first-of-type {
	font-size: 18px;
}

html body.single-event #main .fusion-row {
	max-width: 800px;
}

body.single-event #main img {
	margin: 3em auto;
}

html body.single-event .fusion-post-title-meta-wrap {
	display: none;
}


body.home .events-list img,  body.home .offers-list img {
	transform: rotate(0deg);
	float: none;
	width: 100%;
}

body.home .events-list a .right,  body.home .offers-list a .right {
	float: none;
	width: 100%;
}

/*  --------------------------------------------------------- animal group pages */

html body.tax-animals .fusion-posts-container {
	height: auto !important;
}

html body.tax-animals .fusion-page-title-bar {
	background: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/groovepaper.png) #F7F0E1;
	height: 300px !important;
}

html body.tax-animals.term-big-cats .fusion-page-title-bar {
	background: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/tiger.jpg);
}

html body.tax-animals.term-kangaroos-and-wallabies .fusion-page-title-bar {
	background: url(images/roo.jpg);
}

html body.tax-animals.term-large-mammals .fusion-page-title-bar {
	background: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/raff.jpg);
}

html body.tax-animals.term-other-mammals .fusion-page-title-bar {
	background: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/zebra.jpg);
}

html body.tax-animals.term-primates .fusion-page-title-bar {
	background: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/lemur.jpg);
}

html body.tax-animals.term-parrots-vultures-and-condors .fusion-page-title-bar {
	background: url(images/parrot.jpg);
}

html body.tax-animals.term-other-birds .fusion-page-title-bar {
	background: url(images/flamingo.jpg);
}

html body.tax-animals.term-reptiles-and-more .fusion-page-title-bar {
	background: url(images/snake.jpg);
}

html body.tax-animals .fusion-page-title-bar::after {
	display: none;
}

html body.tax-animals #main {
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
html body.tax-animals .fusion-post-wrapper {
	background: white !important;
}

html body.tax-animals #posts-container .fusion-blog-layout-grid {
	margin: 0;
}

html body.tax-animals #main ul.wpv-loop {
	list-style: none;
	margin: 0;
	padding: 0;
}

html body.tax-animals #main ul.wpv-loop li {
	float: left;
	width: 23%;
	margin-right: 2%;
	margin-bottom: 20px;
	}
	
html body.tax-animals #main ul.wpv-loop li a {
	display: block;
	background: rgba(255,255,255,0.85);
	border: none;
	}
	
html body.tax-animals #main ul.wpv-loop li a img {
	display: block;
	width: 100%;
	transition: all ease 0.33s;
	}
	
html body.tax-animals #main ul.wpv-loop li a:hover img {
	opacity: 0.8;
}
	
html body.tax-animals #main ul.wpv-loop li a h3 {
	font-family: "Chelsea Market";
	padding: 15px;
	margin: 0;
	line-height: 1.25;
	font-size: 21px;
	font-weight: normal;
	}
	
html body.tax-animals #main ul.wpv-loop li:nth-child(4n) {
	margin-right: 0;
}

html body.tax-animals #main ul.wpv-loop li:nth-child(4n+1) {
	clear: both;
}

html body.tax-animals .fusion-blog-layout-timeline .fusion-timeline-line {
	display: none;
}

/*  --------------------------------------------------------- animal single page */

/*
html body.single-animal #main {
	padding-top: 50px;
	background: #fff;
}

html body.single-animal #main p:first-of-type {
	font-size: 18px;
}

html body.single-animal #main .fusion-row {
	max-width: 800px;
}

html body.single-animal .fusion-post-title-meta-wrap {
	display: none;
}
*/

#wrapper #main .fusion-post-content > h2.fusion-post-title {
	font-size: 24px !important;
}

html body.tax-animals #main p {
	clear: both;
	margin-top: 20px;
	float: left;
}

/*  --------------------------------------------------------- animal single page - dev */

body.single-animal-development .fusion-post-title-meta-wrap {
	display: none;
}

body.single-animal-development .fusion-sharing-box {
	max-width: 800px;
	margin: 60px auto 0;
}

body.single-animal-development .post-content .fusion-row {
	padding: 0 30px;
}

body.single-animal-development .fusion-page-title-bar h3 {
	max-width: 430px;
}

body.single-animal-development #main {
	padding-left: 0;
	padding-right: 0; 
}

body.single-animal-development #main > .fusion-row {
	max-width: none;
}

body.single-animal-development .info-bar {
	background: url(images/scribble.png);
	color: white;
	padding: 35px 0;
}

body.single-animal-development .info-bar ul {
	width: 70%;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

body.single-animal-development .info-bar ul li {
	padding: 5px 0 35px;
	width: 55%;
	float: left;
	padding-left: 80px;
	position: relative;
	line-height: 1.45;
	font-size: 18px;
}

body.single-animal-development .info-bar ul li.average-height, body.single-animal-development .info-bar ul li.average-weight {
	width: 35%;
}

body.single-animal-development .info-bar ul li:nth-child(odd) {
	padding-right: 5%;
	clear: both;
}

body.single-animal-development .info-bar ul li::before {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background: #F59637;
	content: "";
}

body.single-animal-development .info-bar ul li.diet, body.single-animal-development .info-bar ul li.average-weight  {
	padding-bottom: 0;
}

body.single-animal-development .info-bar ul li::after {
	content: "";
	top: 17px;
	left: 19px;
	height: 24px;
	width: 24px;
	background: url(images/icon-height.svg) 50% 50% no-repeat;
	position: absolute;
}

body.single-animal-development .info-bar ul li.Herbivore::after {
	background-image: url(images/icon-herbivore.svg);
}

body.single-animal-development .info-bar ul li.Omnivore::after {
	background-image: url(images/icon-omnivore.svg);
	height: 38px;
    width: 39px;
    top: 9px;
    left: 12px;
}

body.single-animal-development .info-bar ul li.Carnivore::after {
	background-image: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/icon-carnivore.svg);
	top: 7px;
    left: 14px;
    height: 46px;
    width: 36px;
    background-size: contain;
}

body.single-animal-development .info-bar ul li.life-expectancy::after {
	background-image: url(images/icon-life.svg);
}

body.single-animal-development .info-bar ul li.average-weight::after {
	background-image: url(images/icon-weight.svg);
	left: 20px;
	top: 15px;
}

body.single-animal-development .info-bar ul li b {
	display: block;
}

body.single-animal-development .status-panel {
	width: 35%;
	float: right;
	background: white;
	border: 1px solid #ccc;
	padding: 0 30px 30px;
	margin-top: -208px;
	margin-left: 30px;
	margin-bottom: 30px;
}

body.single-animal-development .status-panel p {
	font-size: 15px;
}

body.single-animal-development .status-panel p:last-of-type {
	margin-bottom: 0;
}

body.single-animal-development .status-panel h3 {
	padding-top: 20px;
	margin-bottom: 10px;
	margin-top: 0;
}

body.single-animal-development .status-panel img {
	float: right;
	width: 50%;
}

body.single-animal-development #main .post h2 {
	color: #F59637;
	margin-bottom: 10px;
	margin-top: 50px;
}

span.dial {
	display: block;
	padding-top: 35.5%;
	background: 50% 50% no-repeat;
	background-size: contain;
	width: 55%;
	margin: 0 auto;
}

span.dial.red {
	background-image: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/dial-red.svg);
}

span.dial.amber {
	background-image: url(images/dial-amber.svg);
}

span.dial.green {
	background-image: url(images/dial-green.svg);
}

p.conservation-status {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 18px !important;
	text-align: center;
}

p.conservation-status.red {
	color: #B12520;
}

p.conservation-status.amber {
	color: #F59637;
}

p.conservation-status.green {
	color: #8E993B;
}

ul.animal-gallery {
	margin: 20px 0 0;
	padding: 0;
	overflow: hidden;
	list-style: none;
}

ul.animal-gallery li {
	float: left;
	width: 180px;
	margin: 0 20px 20px 0;
}

ul.animal-gallery li a {
	display: block;
	text-decoration: none;
	border: none !important;
	background: white;
	margin-bottom: 0 !important;
}

ul.animal-gallery li a img {
	transition: all ease 0.4s;
}

ul.animal-gallery li a:hover img {
	opacity: 0.8;
}

div.animal-experience {
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	position: relative;
	margin: 70px 0;
}

div.animal-experience::after {
	content: "";
    background: linear-gradient(to left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.65) 50%,rgba(0,0,0,0) 100%);
    width: 70%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1;
}

div.animal-experience div {
	overflow: hidden;
}

div.animal-experience div div {
	width: 40%;
	padding: 50px 0 100px;
	float: right;
	position: relative;
	z-index: 2;
	}
	
div.animal-experience div div p {
	color: white;
	padding-bottom: 20px;
}

div.adopt-panel {
	margin: 40px 0;
}

div.adopt-panel img {
	width: 50%;
	float: left;
	margin-right: 40px;
}

div.conservation-logos {
	overflow: hidden;
	margin: 20px 0;
}

div.conservation-logos img {
	display: inline-block;
	vertical-align: middle;
	}


.animal-nav {
	overflow: hidden;
	margin-top: 50px;
	clear: both;
	float: left;
	width: 100%;
}

.animal-nav .prev {
	float: left;
}

.animal-nav .next {
	float: right;
}
/*  --------------------------------------------------------- animal single page - dev */

body.single-animal .fusion-post-title-meta-wrap {
	display: none;
}

body.single-animal .fusion-sharing-box {
	max-width: 800px;
	margin: 60px auto 0;
}

body.single-animal .post-content .fusion-row {
	padding: 0 30px;
}

body.single-animal .fusion-page-title-bar h3 {
	max-width: 430px;
}

body.single-animal #main {
	padding-left: 0;
	padding-right: 0; 
}

html body.single-animal #main > .fusion-row {
	max-width: none;
}

body.single-animal .info-bar {
	background: url(images/scribble.png);
	color: white;
	padding: 35px 0;
}

body.single-animal .info-bar ul {
	width: 70%;
	overflow: hidden;
	list-style: none;
	padding: 0;
	margin: 0;
}

body.single-animal .info-bar ul li {
	padding: 5px 0 35px;
	width: 55%;
	float: left;
	padding-left: 80px;
	position: relative;
	line-height: 1.45;
	font-size: 18px;
}

body.single-animal .info-bar ul li.average-height, body.single-animal .info-bar ul li.average-weight {
	width: 35%;
}

body.single-animal .info-bar ul li:nth-child(odd) {
	padding-right: 5%;
	clear: both;
}

body.single-animal .info-bar ul li::before {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background: #F59637;
	content: "";
}

body.single-animal .info-bar ul li.diet, body.single-animal .info-bar ul li.average-weight  {
	padding-bottom: 0;
}

body.single-animal .info-bar ul li::after {
	content: "";
	top: 17px;
	left: 19px;
	height: 24px;
	width: 24px;
	background: url(images/icon-height.svg) 50% 50% no-repeat;
	position: absolute;
}

body.single-animal .info-bar ul li.Herbivore::after {
	background-image: url(images/icon-herbivore.svg);
}

body.single-animal .info-bar ul li.Carnivore::after {
	background-image: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/icon-carnivore.svg);
	    top: 7px;
    left: 14px;
    height: 46px;
    width: 36px;
    background-size: contain;
}

body.single-animal .info-bar ul li.life-expectancy::after {
	background-image: url(images/icon-life.svg);
}

body.single-animal .info-bar ul li.average-weight::after {
	background-image: url(images/icon-weight.svg);
	left: 20px;
	top: 15px;
}

body.single-animal .info-bar ul li b {
	display: block;
}

body.single-animal .status-panel {
	width: 35%;
	float: right;
	background: white;
	border: 1px solid #ccc;
	padding: 30px;
	margin-top: -208px;
	margin-left: 30px;
	margin-bottom: 30px;
}

body.single-animal .status-panel p {
	font-size: 15px;
}

body.single-animal .status-panel h3 {
	padding-top: 20px;
	margin-bottom: 10px;
	margin-top: 0;
	clear: both;
}

body.single-animal .status-panel img {
	float: right;
	width: 50%;
}

body.single-animal #main .post h2 {
	color: #F59637;
	margin-bottom: 10px;
	margin-top: 50px;
}

.animal-description {
	margin-top: 50px;
}

.narrow {
	width: 66%;
}

.half-width {
	width: 47.5%;
	float: left;
}

.half-width:nth-child(even) {
	float: right;
}

.half-width .animal-gallery {
	float: left;
	margin: 10px 20px 20px 0;
}

/*  --------------------------------------------------------- blog listing */

body.blog .fusion-blog-archive .fusion-blog-layout-timeline .post .fusion-post-content-wrapper, body.archive .fusion-blog-archive .fusion-blog-layout-timeline .post .fusion-post-content-wrapper {
	background: white;
	padding-top: 20px;
}

body.blog .fusion-content-sep.sep-double.sep-solid, body.archive .fusion-content-sep.sep-double.sep-solid {
	display: none;
}

body.blog .fusion-blog-archive .fusion-blog-layout-timeline h2, body.archive .fusion-blog-archive .fusion-blog-layout-timeline h2 {
	padding-bottom: 12px;
}

html .fusion-blog-layout-timeline .fusion-timeline-line {
	border-color: #F79727;
}

html .fusion-blog-layout-timeline .fusion-timeline-date {
	background: #F79727;
    color: white;
    font-weight: 500;
    margin-bottom: 15px;
}

html .fusion-blog-layout-timeline .fusion-timeline-circle {
	background: #F79727;
}

html .fusion-blog-layout-timeline .fusion-post-content-container {
	font-size: 15px;
}

html .fusion-blog-layout-timeline .fusion-single-line-meta {
	font-size: 13px;
	padding-top: 10px;
}

html .fusion-blog-layout-timeline article .fusion-image-wrapper img {
	transition: all ease 0.4s;
}

html .fusion-blog-layout-timeline article .fusion-image-wrapper a:hover img {
	opacity: 0.8;
}

.fusion-timeline-icon {
	display: none;
}

html .fusion-blog-layout-timeline {
	padding: 30px 0 30px;
}

/*  --------------------------------------------------------- posts */

html body.single-post .fusion-page-title-bar, html body.blog .fusion-page-title-bar, html body.archive .fusion-page-title-bar, html body.page-id-1510 .fusion-page-title-bar, html body.page-id-1542 .fusion-page-title-bar, html body.page-id-1540 .fusion-page-title-bar, html body.page-id-2121 .fusion-page-title-bar {
	height: 400px !important;
	background: url(images/cracked-earth.jpg);
}

html body.single-post #main .fusion-row {
	max-width: 800px !important;
}

html body.single-post #main .fusion-row h3 {
	margin-top: 0;
}

html body.single-post .fusion-page-title-bar::after {
	display: none;
}

img.fifty-two-img {
	margin-top: 50px;
}

html body.single-post .width-100 .nonhundred-percent-fullwidth {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

html body.single-post .post .fusion-imageframe, div.adopt-panel > span {
	overflow: visible;
	transform: rotate(1.5deg);
	background: rgba(0,0,0,0.2);
	margin: 0 0 40px;
}

div.adopt-panel > span, div.adopt-panel > span img {
	display: block;
	}

html body.single-post .post .fusion-imageframe img, div.adopt-panel span img {
	transform: rotate(-1.9deg);
}

html body.single-post .post a.fusion-button {
	margin: 40px 0;
}

html body.single-post .fusion-post-title-meta-wrap {
	padding-top: 20px;
}

html body.single-post .fusion-post-title-meta-wrap h2 {
	display: none;
}

html body.single-post .fusion-sharing-box, html body.single-post .related-posts.single-related-posts {
	margin-bottom: 60px;
}

html body.single-post .related-posts.single-related-posts .fusion-title.fusion-sep-none {
	margin-bottom: 10px !important;
}

html body.single-post .related-posts.single-related-posts .fusion-carousel-meta {
	display: none;
}

html body.single-post .related-posts.single-related-posts h4 {
	line-height: 1.5;
}

html body.single-post .post .fusion-meta-info {
	border: none;
}

html #main .fusion-content-boxes .heading .content-box-heading {
	color: white;
}

/*  --------------------------------------------------------- post archives */


html body.archive.category #main .fusion-row {
	max-width: 800px !important;
}

html body.archive.category #main .fusion-row #content {
	padding-top: 40px;
}

/*  --------------------------------------------------------- easter discounts */

html body.single-offer #main .fusion-row form br {
	display: none;
}

html body.single-offer #main form {
	margin-bottom: 30px;
}


/*  --------------------------------------------------------- testimonials */

div.reviews {
	margin: 20px 0;
	float: left;
}

html .fusion-testimonials.classic blockquote, html .fusion-testimonials .review blockquote q {
	background: #8e993b !important;
	color: white !important;
}

html .fusion-testimonials.classic.fusion-testimonials-1 .author:after {
	border-top-color: #8e993b !important;
}

html .fusion-testimonials.classic .testimonial-image {
	max-width: 100px;
	}

/*  --------------------------------------------------------- where to stay */

html body.post-type-archive-places-to-stay #main .fusion-row {
	max-width: 800px;
}

html body.post-type-archive-places-to-stay #content {
	padding: 30px 0 40px;
}

html body.post-type-archive-places-to-stay #content ul {
	list-style: none;
	padding: 30px 0;
	margin: 0;
}

html body.post-type-archive-places-to-stay #content ul li  {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

html body.post-type-archive-places-to-stay #content ul li:last-child {
	border-bottom: none;
}

html body.post-type-archive-places-to-stay #content ul li h2  {
	margin-bottom: 0;
	color: #b32318;
}
	
html body.post-type-archive-places-to-stay #content ul li p  {
	margin: 5px 0;
}

html body.post-type-archive-places-to-stay #content ul li img.logo {
	max-width: 140px;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	
}

.logo-container {
	width: 140px;
	height: 140px;
	background: white;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	position: relative
}

html body.post-type-archive-places-to-stay #content ul li .location-info {
	overflow: hidden;
	margin-top: 5px;
}

html body.post-type-archive-places-to-stay #content ul li  img.feature {
	float: right;
	margin: 10px 20px 10px 0;
}

html body.post-type-archive-places-to-stay .distance p {
	display: inline-block;
	margin-right: 20px !important;
	font-size: 15px;
	font-weight: bold;
}

html body.post-type-archive-places-to-stay #content ul li p.promo-banner {
	padding: 10px;
	color: white;
	background: #F59637;
	margin-top: 18px;
	font-weight: bold;
}

/*  --------------------------------------------------------- faqs */

#main .fusion-accordian .fusion-panel.fusion-toggle-no-divider .panel-title a {
	border-bottom: none;
	font-size: 24px;
	color: #b32318;
}

#main .fusion-faq-shortcode .fusion-accordian .panel-title a .fa-fusion-box {
	background-color: #999;
}

/*  --------------------------------------------------------- footer */

html .fusion-footer-widget-area {
	padding-top: 80px;
	padding-bottom: 80px;
	background-image: url(images/cracked-earth.jpg);
}

.fusion-footer-copyright-area {
	background: url(images/grassy-light.png) #2a2a2a !important;
}

footer .textwidget {
	padding-right: 18px;
}

footer .textwidget p {
	font-size: 15px;
}

html .fusion-footer-widget-area .fusion-column {
	width: 60%;
}

html .fusion-footer-widget-area .fusion-column.fusion-column-last {
	width: 40%;
}

html .fusion-footer-widget-area .fusion-column.fusion-column-last a {
	margin-top: 25px
}

html .fusion-footer-widget-area .fusion-column.fusion-column-last a:first-of-type {
	margin-top: 50px
}

html .fusion-footer-widget-area .fusion-column.fusion-column-last a i {
	color: white;
}


/* -----------------------------------------------------------------------------    responsive break - larger desktop views  */
@media screen and (min-width: 1441px)	{


	#slidingbar-area .slide-excerpt h2, #slidingbar-area ul, .counter-box-content, .fusion-alert, .fusion-blog-layout-timeline .fusion-timeline-date, .fusion-footer-widget-area .slide-excerpt h2, .fusion-footer-widget-area ul, .fusion-progressbar .progress-title, .fusion-tabs-widget .tab-holder .news-list li .post-holder .meta, .fusion-tabs-widget .tab-holder .news-list li .post-holder a, .gform_wrapper .gfield_description, .gform_wrapper label, .jtwt .jtwt_tweet, .post-content blockquote, .project-content .project-info h4, .review blockquote q, .sidebar .jtwt .jtwt_tweet, .sidebar .slide-excerpt h2, body, .fusion-checklist, ul.fusion-checklist {
		font-size: 17px !important;
		line-height: 1.75 !important;
	}
	
	h1, .tfs-slider .slide-content-container h2	{
		font-size: 42px !important;
	}
	
	html body.single-offer #main p:first-of-type, html body.single-offer #main p:first-of-type {
		font-size: 21px;
	}
	
	/*body.home .fusion-slider-container::after {
    position: absolute !important;
    right: 12.5%;
    background: url(images/splodge2.svg) 0 0 no-repeat;
    bottom: -138px;
    z-index: 33;
    color: white;
    width: 222px;
    height: 189px;
    font-family: "Chelsea Market";
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
    padding: 146px 38px 43px 82px;
    content: "We've made changes for the better & continue to improve to create an all-new Safari Zoo";
    transform: rotate(7deg) scale(0.9);
}*/


}

/* -----------------------------------------------------------------------------    responsive break - widescreen desktop views  */
@media screen and (min-width: 1640px)	{


	#slidingbar-area .slide-excerpt h2, #slidingbar-area ul, .counter-box-content, .fusion-alert, .fusion-blog-layout-timeline .fusion-timeline-date, .fusion-footer-widget-area .slide-excerpt h2, .fusion-footer-widget-area ul, .fusion-progressbar .progress-title, .fusion-tabs-widget .tab-holder .news-list li .post-holder .meta, .fusion-tabs-widget .tab-holder .news-list li .post-holder a, .gform_wrapper .gfield_description, .gform_wrapper label, .jtwt .jtwt_tweet, .post-content blockquote, .project-content .project-info h4, .review blockquote q, .sidebar .jtwt .jtwt_tweet, .sidebar .slide-excerpt h2, body, .fusion-checklist, ul.fusion-checklist {
		font-size: 19px !important;
	}
	
	h1, .tfs-slider .slide-content-container h2	{
		font-size: 54px !important;
	}
	/*

	html body.single-offer #main p:first-of-type, html body.single-offer #main p:first-of-type, html body.single-animal #main p:first-of-type {
		font-size: 24px;
	}
*/
	
	.fusion-page-title-bar h3, .tfs-slider .slide-content-container .fusion-title-size-three h3 {
		font-size: 22px !important;
		max-width: 680px;
	}
	
	.tfs-slider .slide-content-container .slide-content {
		padding-right: 28%;
	}

}

/* -----------------------------------------------------------------------------    responsive break - smaller desktop views  */
@media screen and (max-width: 1200px)	{

/* -----------------------------------------------------------------------------    header  */

	html .fusion-main-menu > ul > li > a {
		font-size: 15px;
	}
	
	html .fusion-main-menu > ul > li {
		padding-right: 25px;
	}
	
	.fusion-icon-facebook::after, .fusion-icon-youtube::after, .fusion-icon-twitter::after, .fusion-icon-googleplus::after, .fusion-icon-mail::after {
		display: none;
	}

}

/* -----------------------------------------------------------------------------    responsive break - tablet landscape display  */
@media screen and (max-width: 1024px)	{

/* -----------------------------------------------------------------------------    type  */

	h1, .tfs-slider .slide-content-container h2 {
		font-size: 28px !important;
	}
	
	.fusion-page-title-bar h3, .tfs-slider .slide-content-container .fusion-title-size-three h3 {
		font-size: 13px !important;
	}

/* -----------------------------------------------------------------------------    header  */

	html .fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-header {
		padding: 0;
	}

	html .fusion-mobile-menu-design-modern .fusion-secondary-header {
		display: none;
	}
	
	html .fusion-header .fusion-logo {
		margin-top: -20px !important;
		background: none;
		padding: 15px 20px;
		position: relative;
	}
	
	.fusion-logo img {
		width: 66px;
	}
	
	.fusion-mobile-menu-icons a:before, html .fusion-header::after {
		display: none;
	}
	
	.fusion-mobile-menu-icons a {
		height: 44px;
		width: 44px;
		background: url(https://www.southlakessafarizoo.com/wp-content/themes/Avada-Child-Theme/images/nav-icon.svg) 0 0 no-repeat;
		background-size: contain;
		opacity: 0.5;
		margin: 20px 20px 0 0;
	}
	
/* -----------------------------------------------------------------------------    nav  */
	
	html .fusion-mobile-menu-design-modern .fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a {
		padding-left: 50px;
	}
	
	html .fusion-mobile-current-nav-item > a, html .fusion-mobile-nav-item a:hover {
		background-color: #F79727;
	}
	
	html .fusion-mobile-menu-design-modern.fusion-header-v2 .fusion-mobile-nav-holder {
		padding-top: 0;
	}
	
	html .fusion-open-submenu {
    display: block;
    position: absolute;
    right: 0;
    width: 90px;
    border: none;
    font-size: 13px;
    cursor: pointer;
    text-align: center;
    padding-right: 0 !important;
    background: rgba(0,0,0,0.4);
}

.fusion-open-submenu:before {
	position: absolute;
	top: 50%;
	left: 36%;
	transform: translate(-50%,-50%);
}

/* -----------------------------------------------------------------------------    carousel  */
	
	html header + #sliders-container .fusion-slider-container, html header + #sliders-container .fusion-slider-container .flexslider, html header + #sliders-container .tfs-slider .background-image {
		height: 490px !important;
		max-height: none !important;
		background-attachment: scroll !important;
	}
	
	html .tfs-slider .slide-content-container { 
		top: 50%;
	}

/* -----------------------------------------------------------------------------    page title bar  */

	html .fusion-page-title-bar { 
		height: 490px !important;
		background-attachment: scroll !important;
	}
	
	html body.single-post .fusion-page-title-bar, html body.blog .fusion-page-title-bar, html body.archive .fusion-page-title-bar, html body.page-id-1510 .fusion-page-title-bar, html body.page-id-1542 .fusion-page-title-bar, html body.page-id-1540 .fusion-page-title-bar {
		height: 200px !important;
	}
	
	html body.single-post .fusion-page-title-captions {
		padding-top: 90px;
	}

/* -----------------------------------------------------------------------------    buttons  */
	
	.fusion-button.button-xlarge, .fusion-slider-container .fusion-button, .home .events-list a p.more, .home .offers-list a p.more {
		font-size: 18px !important;
		padding: 10px 30px;
	}
	
	#main p.offer-download a {
		padding: 10px 30px;
	}
	
	html body.tax-animals #main ul.wpv-loop li {;
		width: 31%;
	}
	
	html body.tax-animals #main ul.wpv-loop li:nth-child(4n) {
		margin-right: 2%;
	}

	html body.tax-animals #main ul.wpv-loop li:nth-child(4n+1) {
		clear: none;
	}
	
	html body.tax-animals #main ul.wpv-loop li:nth-child(3n+1) {
		clear: both;
	}
	
/* -----------------------------------------------------------------------------    animal page  */
	
	body.single-animal-development .info-bar ul {
		width: auto;
	}
	
	body.single-animal-development .status-panel {
		float: none;
		width: auto;
		margin: 0 -30px 0;
		overflow: hidden;
		border-left: none;
		border-right: none;
	}
	
	body.single-animal-development .status-panel > div {
		width: 30%;
		float: left;
		margin-right: 5%;
	}
	
	body.single-animal-development .status-panel > div:last-child {
		margin-right: 0;
	}
	body.single-animal .info-bar ul {
		width: auto;
	}
	
	body.single-animal .status-panel {
		float: none;
		width: auto;
		margin: 0 -30px 0;
		overflow: hidden;
		border-left: none;
		border-right: none;
	}
	
	body.single-animal .status-panel > div {
		width: 30%;
		float: left;
		margin-right: 5%;
	}
	
	body.single-animal .status-panel > div:last-child {
		margin-right: 0;
	}
	
	.half-width, .narrow {
		width: 100%;
		float: none;
	}

}

/* -----------------------------------------------------------------------------    responsive break - tablet portrait display  */
@media screen and (max-width: 860px)	{

/* -----------------------------------------------------------------------------    splodge  */

	/*body.home .fusion-slider-container::after {
	    position: relative !important;
	    right: auto;
	    background: #d0006f;
	    bottom: 15px;
	    z-index: 33;
	    color: white;
	    width: 90%;
	    height: auto;
	    margin: 0 auto;
	    font-family: "Chelsea Market";
	    text-align: center;
	    font-size: 13px;
	    display: block;
	    text-transform: uppercase;
	    padding: 15px;
	    content: "We've made changes for the better & continue to improve to create an all-new Safari Zoo";
	    transform: none;
	}*/
	
	html body.home #main {
		padding-top: 60px;
	}
	
/* -----------------------------------------------------------------------------    events and offers lists   */	
	
	 .events-list img,  .offers-list img {
		float: none;
		width: 100%;
		max-width: none;
		margin-bottom: 15px;
	}
	
	 .events-list a .right,  .offers-list a .right {
		float: none;
		width: auto;
	}
	
/* -----------------------------------------------------------------------------    buttons  */
	
	.fusion-button.button-xlarge, .fusion-slider-container .fusion-button, .home .events-list a p.more, .home .offers-list a p.more, p.offer-download {
		font-size: 16px !important;
	}
	
	html .fusion-button.button-medium {
		font-size: 15px !important;
	}
}


/* -----------------------------------------------------------------------------    responsive break - grid collapse  */
@media screen and (max-width: 800px)	{

/* -----------------------------------------------------------------------------    page title bar  */

	html .fusion-page-title-captions {
		padding-top: 210px;
	}
	
	html body.single-post .fusion-page-title-captions, html body.blog .fusion-page-title-captions, html body.archive .fusion-page-title-captions, html body.page-id-1510 .fusion-page-title-captions, html body.page-id-1542 .fusion-page-title-captions, html body.page-id-1540 .fusion-page-title-captions {
		padding-top: 90px;
	}

/* -----------------------------------------------------------------------------    parallax blocks  */

	.image-background-banner::after {
		width: 100%;
		background: rgba(0,0,0,0.6);
	}
	

/* -----------------------------------------------------------------------------    our mission footer  */

	html .fusion-footer-widget-area .fusion-column.fusion-column-last a:first-of-type {
		margin-top: 0;
	}
	
	html .fusion-footer-widget-area {
		padding-top: 40px;
		padding-bottom: 40px;
	}

/* -----------------------------------------------------------------------------    grid hacks  */

	.fusion-fullwidth {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	
	.fusion_builder_column_1_6 {
		margin-bottom: 0 !important;
	}
	
	html body.tax-animals #main ul.wpv-loop li {;
		width: 47%;
	}


	html body.tax-animals #main ul.wpv-loop li:nth-child(3n+1) {
		clear: none;
	}
	
	html body.tax-animals #main ul.wpv-loop li:nth-child(even) {
		float: right;
	}
	
	html body.tax-animals #main ul.wpv-loop li:nth-child(odd) {
		clear: both;
	}
	
	img.fifty-two-img {
		margin-top: 30px;
	}

/* -----------------------------------------------------------------------------    animal template  */

	div.animal-experience {
		background-attachment: scroll;
	}
	
	div.animal-experience div div {
		width: 100%;
		float: none;
	}
	
	div.animal-experience::after {
		background: rgba(0,0,0,0.8);
		width: 100%;
	}
	
	body.single-animal-development .status-panel > div {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 30px;
	}
	
	body.single-animal-development .status-panel > div:last-child {
		margin-bottom: 0;
	}
	body.single-animal .status-panel > div {
		width: 100%;
		float: none;
		clear: both;
		margin-bottom: 30px;
	}
	
	body.single-animal .status-panel > div:last-child {
		margin-bottom: 0;
	}
	/* -----------------------------------------------------------------------------    where to stay  */

	
	html body.post-type-archive-places-to-stay #content ul li .location-info img {
		float: none;
	}
}

/* -----------------------------------------------------------------------------    responsive break - large phones  */
@media screen and (max-width: 660px)	{

/* -----------------------------------------------------------------------------    page title bar and carousel  */

	html header + #sliders-container .fusion-slider-container, html header + #sliders-container .fusion-slider-container .flexslider, html header + #sliders-container .tfs-slider .background-image, html .fusion-page-title-bar {
		height: 390px !important;
	}
	
	html .fusion-page-title-captions {
		padding-top: 210px;
	}
	
	html body.post-type-archive-places-to-stay #content ul li img.feature {
	float: none;
	}
	
	html .fusion-page-title-bar, html .tfs-slider .background-image {
		background-attachment: scroll;
	}
	
	h1, .tfs-slider .slide-content-container h2 {
		font-size: 22px !important;
		padding: 10px 30px 10px !important
	}
	
	.fusion-page-title-bar h3, .tfs-slider .slide-content-container .fusion-title-size-three h3 {
		padding-right: 15px;
		padding-left: 16px;
		padding-bottom: 16px;
		max-width: 330px;
	}
	
	html .tfs-slider .slide-content-container {
		top: 60%;
	}
	
	body.home .fusion-slider-container::after {
		width: 70%;
		font-size: 12px;
		padding: 10px;
	}
	
	html .fusion-page-title-captions {
		padding-top: 210px;
	}
	
	html body.single-post .fusion-page-title-captions, html body.blog .fusion-page-title-captions, html body.archive .fusion-page-title-caption, html body.page-id-1510 .fusion-page-title-captions, html body.page-id-1542 .fusion-page-title-captions, html body.page-id-1540 .fusion-page-title-captions {
		padding-top: 90px;
	}
	


/* -----------------------------------------------------------------------------    parallax block */

	.image-background-banner .fusion-separator {
		display: none;
	}

/* -----------------------------------------------------------------------------    footer */

	html .fusion-copyright-notice {
		font-size: 12px;
	}
	
	html .fusion-footer-widget-area {
		padding-bottom: 0;
	}
	
	.onward-journey::before, .onward-journey::after {
		background-size: cover;
	}
	
/* -----------------------------------------------------------------------------    animal template */
	
	div.adopt-panel img {
		width: auto;
		float: none;
	}
	
	body.single-animal-development .info-bar ul li {
		width: 100% !important;
		padding-bottom: 30px !important;
		padding-left: 60px;
	}
	
	body.single-animal-development .info-bar ul li::after {
		background-size: contain;
    	top: 11px !important;
    	left: 12px !important;
    	height: 16px;
    	width: 16px;
	}
	
	body.single-animal-development .info-bar ul li::before {
		height: 40px;
		width: 40px;
	}
	
	body.single-animal-development .info-bar ul li.Omnivore::after {
    	background-image: url(images/icon-omnivore.svg);
    	height: 18px;
    	width: 29px;
    	left: 10px !important;
	}
	
	body.single-animal .info-bar ul li {
		width: 100% !important;
		padding-bottom: 30px !important;
		padding-left: 60px;
	}
	
	body.single-animal .info-bar ul li::after {
		background-size: contain;
    	top: 11px !important;
    	left: 12px !important;
    	height: 16px;
    	width: 16px;
	}
	
	body.single-animal .info-bar ul li::before {
		height: 40px;
		width: 40px;
	}
	
	body.single-animal .info-bar ul li.Omnivore::after {
    	background-image: url(images/icon-omnivore.svg);
    	height: 18px;
    	width: 29px;
    	left: 10px !important;
	}
	
	

}


/* -----------------------------------------------------------------------------    responsive break - small phones  */
@media screen and (max-width: 420px)	{

	#slidingbar-area .slide-excerpt h2, #slidingbar-area ul, .counter-box-content, .fusion-alert, .fusion-blog-layout-timeline .fusion-timeline-date, .fusion-footer-widget-area .slide-excerpt h2, .fusion-footer-widget-area ul, .fusion-progressbar .progress-title, .fusion-tabs-widget .tab-holder .news-list li .post-holder .meta, .fusion-tabs-widget .tab-holder .news-list li .post-holder a, .gform_wrapper .gfield_description, .gform_wrapper label, .jtwt .jtwt_tweet, .post-content blockquote, .project-content .project-info h4, .review blockquote q, .sidebar .jtwt .jtwt_tweet, .sidebar .slide-excerpt h2, body {
		font-size: 14.5px !important;
	}

/* -----------------------------------------------------------------------------    page title bar */

	.fusion-page-title-bar h3, .tfs-slider .slide-content-container .fusion-title-size-three h3 {
		left: 0;
	}
	
	.fusion-page-title-bar .fusion-page-title-row h1 {
		left: -20px;
	}

/* -----------------------------------------------------------------------------    offers and events listing */

	.home #main .events-list a, .home #main .offers-list a {
		padding: 0;
	}
	
	.home .events-list a .right, .home .offers-list a .right {
		padding: 0 15px 0;
	}
	
/* -----------------------------------------------------------------------------    buttons */
	
	.fusion-button.button-xlarge, .fusion-slider-container .fusion-button, .home .events-list a p.more, .home .offers-list a p.more, p.offer-download {
		font-size: 14px !important;
	}
	
/* -----------------------------------------------------------------------------    carousel */
	
	html header + #sliders-container .fusion-slider-container, html header + #sliders-container .fusion-slider-container .flexslider, html header + #sliders-container .tfs-slider .background-image, body.home ul.slides {
		height: 86vh !important;
	}
	
	body.home #main ul.slides {
		height: auto !important;
	}
	
	html .tfs-slider .slide-content-container {
		top: auto;
		bottom: -61px;
	}
	
	.flexslider .slides li {
		height: 100%;
	}
	
	html header + #sliders-container .tfs-slider .background-image {
		position: absolute;
		top: 0;
		left: 0;
		height: 50vh !important;
		top: 60px;
	}
	
	.tfs-slider .slide-content-container .slide-content {
		padding-right: 0
	}
	
	html #sliders-container {
		background: #77160b;
	}
	
	html .flex-control-paging li a {
		width: 8px;
		height: 8px;
	}
	
	html .tfs-slider .flex-control-nav	{
		bottom: 20px !important;
	}
	
	html body.tax-animals #main ul.wpv-loop li {;
		width: 100% !important;
		float: none !important;
		clear: both !important;
		margin: 0 0 20px 0 !important;
	}
	
	ul.animal-gallery li:nth-child(even) {
		margin-right: 0;
	}


}