/*
Theme Name: Layers
Description:  Layers is a revolutionary new way to create websites with WordPress. Now you can create beautiful, responsive pages faster and easier than ever. Whether you're a pro or have never used WordPress before, Layers will get you up to speed quickly and give you a jump-start on your layout with pre-existing templates or a blank page, ready for your content. With a simple point-and-click editor built right into the WordPress customizer, you simply select what you want to change, change it, and you're done. You're always in control, and always working with a live, front-end view of your website. Pages are built by stacking content widgets together. The unique and powerful Layers Design Bar connected to each widget is where the magic happens. Here you choose the options for the display of your content. It's so simple and intuitive, you'll be a pro the first time you use it. Layers reacts to the content you give it, generating balanced, mobile-ready layouts without requiring a line of code. Layers is free, and always will be and you can take Layers even further with quality child themes and extensions which give you more functionality and more ways to display your content.
Layers is WordPress made easier.
Author: Obox
Author URI: http://www.oboxthemes.com/
Theme URI: http://www.layerswp.com/
Version: 1.2.14
Tags: slider, site-builder, page-builder, responsive-layout, fixed-layout, fluid-layout, one-column, one-column, two-column, three-column, four-column, custom-colors, custom-header, custom-menu, editor-style, featured-images, translation-ready, full-width-template, theme-options
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: layerswp
*/

body {
color:#222;
}

body h1, body h2, body h3, body h4 {
	color:#8c2d2d;
	font-family:'BioRhyme',serif;
}

body h1, body h2 {
	font-weight:normal;
}

.wrapper-site {
background-color:#7E4208;
background-size:1140px auto;
background-repeat:repeat-y;
background-position: center top;
}

h1.pageHeading {
	text-align:center;
	text-transform:uppercase;
	font-size:44px;
	line-height:46px;
	color:#8c2d2d;
	margin-top:35px;
	margin-bottom:-15px;
}

h2.sectionHeading {
	text-align:center;
	font-size:36px;
	color:#8c2d2d;
	margin-top:15px;
	padding-top:35px;
	margin-bottom:-35px;
}

header.section-title h1.heading {
	text-align:center;
	font-size:36px;
	color:#8c2d2d;
	font-family:'BioRhyme', serif;
	
}

h3.pageSubHeading {
	font-size:22px;
	text-align:center;
	line-height:1.1em;
	margin-top:25px;
	margin-bottom:-15px;
	color:#5a3c28;
}

header.article-title h4.heading {
	font-size:22px;
	line-height:1.25em;
	margin-bottom:15px;
	color:#5a3c28;
	font-family:'BioRhyme', serif;
}

.IntroContainer .media-body h5.heading {
	font-family:'BioRhyme', serif;
	font-weight:bold;
	color:#8c2d2d;
	font-size:24px;
	line-height:1.15;
}

#wrapper-content>aside.widget_text {
	margin-bottom:0;
}

/* ---- BEGIN LOGO STYLING ---- */
header.header-inline div.inline-site-logo {
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2017/01/htalogo_BACKGROUND-square.jpg');
background-size:100% 100%;
width:200px;
height:200px;
border-radius:50%;
box-shadow:5px 5px 10px rgba(0,0,0,0.75);
}

header.header-inline div.inline-site-logo {
padding-top:10px;
margin-top:20px;
width:225px;
height:auto;
}

body.page-id-6 header.header-inline div.inline-site-logo {
width:300px;
height:300px;
margin-top:40px;
}

@media screen and (max-width:1275px) {
	body.page-id-6 header.header-inline div.inline-site-logo {
		width:250px;
		height:250px;
	}
}

@media screen and (max-width:1075px) {
	body.page-id-6 header.header-inline div.inline-site-logo {
		width:200px;
		height:200px;
	}
}

@media screen and (max-width:768px) {
	header.header-inline div.inline-site-logo {
		height:225px;
		width:225px;
		max-width:225px;
		margin-left:auto;
		margin-right:auto;
	}

	body.page-id-6 header.header-inline div.inline-site-logo {
		height:275px;
		width:275px;
		max-width:275px;
		margin-left:auto;
		margin-right:auto;
	}
	div.inline-site-logo div.logo img {
		width:275px;
	}
}

.responsive-nav .l-menu {
	color:#dcc38c;
	position:relative;
	left:-25px;
	top:105px;
}


div.inline-site-logo div.logo img {

height:auto;
max-height:none;
position:relative;
padding:0;
transition:padding 0.15s;
-webkit-transition:padding 0.15s;
}

div.inline-site-logo:hover div.logo img {
box-sizing:border-box;
padding:5px 5px 4px 5px;
transition:padding 0.35s;
-webkit-transition:padding 0.35s;
}

/* body.page-id-6 div.inline-site-logo div.logo img {
max-width:430px;
max-height:380px;
}
*/

/* ---- END LOGO STYLING ---- */

/* --------- BEGIN HEADER STYLING -------- */

.header-site {
box-shadow: 0 2px 5px rgba(25,25,25,0.5);
background-image:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/08/03_Illustration-Background-Desert_by-Happy-Trails-Animation.jpg');
background-size:cover;
}

header.header-site div.container.header-block {
max-width:none;
text-align:center;
background-color:rgba(90,60,40,0.9);
padding:0;
height:270px;
}

#howdyWrapper {
	display:none;
}

body.page-id-6 #howdyWrapper {
	display:block;
	text-align:center;
	font-family:'BioRhyme',serif;
	padding:100px 10px 150px 10px;
	text-shadow:2px 2px 5px rgba(25,25,25,0.75);
}

#howdyWrapper h1, #howdyWrapper h3, #howdyWrapper p {
	color:white;
}

h1.howdyHeadline {
	font-size:92px;
	line-height:1.1em;
	text-transform:uppercase;
}

h3.howdySubHeadline {
	font-size:42px;
	line-height:1.1em;
}

.howdyText {
	margin-bottom:15px;
	margin-top:20px;
	font-size:24px;
	line-height:1.1em;
	font-weight:bold;
}

a.howdyLink {
	display:inline-block;
	padding:6px 11px;
	background-color:#8c2d2d;
	color:white;
	border-radius:5px;
	margin:10px 5px 0 5px;
	font-family: 'Droid Serif', serif;
	font-size:14px;
	text-transform:uppercase;
	text-shadow:none;
	box-shadow:2px 2px 5px rgba(25,25,25,0.75);
}

a.howdyLink:hover {
	background-color:#c13e3e;
	box-shadow:1px 1px 2px rgba(25,25,25,0.9);
}

@media screen and (max-width:500px) {
	h1.howdyHeadline {
		font-size:68px;
	}
	
	h3.howdySubHeadline {
		font-size:28px;
	}

	.howdyText {
		font-size:16px;
	}

	a.howdyLink {
		display:block;
		max-width:200px;
		margin-left:auto;
		margin-right:auto;
	}
}

@media screen and (max-width:450px) {
	header.header-inline div.inline-site-logo, body.page-id-6 header.header-inline div.inline-site-logo {
		width:200px;
		height:200px;
		max-width:200px;
	}
}

@media screen and (max-width:400px) {

}

header.header-inline div.inline-left-nav, header.header-inline div.inline-right-nav, #off-canvas-right a {
z-index:auto!important;
font-family:'Montserrat',sans-serif;
}

.header-inline div.inline-left-nav, .header-inline div.inline-right-nav {
	bottom:-115px;
}

header.header-inline div.inline-left-nav {
margin-right:-25px;
width:45%;
}

header.header-inline div.inline-right-nav {
margin-left:-25px;
width:45%;
}

.nav-horizontal li a {
	font-weight:normal;
}

@media screen and (min-width:769px) {
	body.page-id-6 header.header-inline div.inline-left-nav, body.page-id-6 header.header-inline div.inline-right-nav {
		margin-bottom:0;
		margin-right:-5px;
		margin-left:-5px;
		width:40%;
	}

	.IntroContainer .row .span-4:nth-child(3n+4), .IntroContainer.row .span-6:nth-child(2n+3) {
		clear:none;
		margin-right:0;
		margin-left:2%;
	}
	
	.IntroContainer .row .span-4:nth-child(3n+5) {
		margin-left:2%;
	}

	#layers-widget-column-18-384 {
		margin-right:0;
	}

}

div.inline-left-nav ul.menu {
text-align:right;
}

div.inline-right-nav ul.menu {
text-align:left;
}

div.inline-left-nav ul.menu > li {
float:none;
}

div.inline-right-nav ul.menu > li {
float:none;
}

@media screen and (max-width: 1028px) {
header.header-site nav ul.menu > li {
width:auto;
margin-left:0px;
margin-right:0px;
}
}

@media screen and (max-width: 870px) {
header.header-site nav ul.menu > li > a {
font-size:13px!important;
padding-left:5px;
padding-right:5px;
}
}

nav.nav.nav-horizontal {
width:100%;
text-align:center;
}

header.header-site ul.menu {
width:100%;
}

header.header-site .nav-horizontal > ul.menu > li.menu-item {
margin-left:3%;
margin-right:3%;
display:inline-block;
}

@media screen and (max-width:931px) {
	header.header-site .nav-horizontal >ul.menu > li.menu-item {
		margin-left:1.5%;
		margin-right:1.5%;
		font-size:13px;
	}
}

header.header-site ul.menu > li > a {
padding-top:5px;
padding-bottom:5px;
text-align:center;
}

header ul.menu li ul.sub-menu {
border:0;
left:50%!important;
margin-left:-72.5px;
z-index:5;
}

.sub-menu li a:hover {
transition:color 0.5s;
}

header ul.menu li:hover ul.sub-menu {
left:50%;
margin-left:-72.5px;
}

header ul.menu li ul.sub-menu:hover {
left:50%;
margin-left:-72.5px;
}

header ul.menu ul.sub-menu li {
border:0;
width:145px;
}

.header-site .nav-horizontal > ul > li:hover > a, .header-site .nav-horizontal > ul > li > a {
	text-shadow:none!important;
}

.header-site .nav-horizontal >ul > li:hover >a {
	background-color:#8c2d2d!important;
	color:#f1e7d1!important;
}

.header-site.invert .sub-menu li a, .header-site .sub-menu li a {
	background-color:#f1e7d1!important;
	color:#5a3c28!important;
}

header ul.menu ul.sub-menu li>a {
text-align:center;
/* font-weight:300; */
font-size:13px;
}

header ul.menu ul.sub-menu li>a:hover {
background-color:#8c2d2d!important;
transition:background-color 0.25s;
color:#f1e7d1!important;
transition:color 0.25s;
}

.header-site .menu-item-has-children > a:after {
content:none;
}

header.header-site ul>li.current_page_parent > a, header.header-site ul>li.current_page_ancestor > a, header.header-site ul>li.current_page_item > a {
color:#8c2d2d;
background: #dcc38c;
font-weight:bold;
}

/* ABOUT US 
body.page-id-613 header.header-site, body.parent-pageid-613 header.header-site {
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/04/About-Happy-Trails.jpg');
background-size:auto 100%;
background-position:center;
background-color:#707070;
}*/

/* ANIMATION 
body.page-id-22 header.header-site, body.parent-pageid-22 header.header-site {
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/04/Animation.jpg');
background-size:auto 100%;
background-position:center;
background-color:#707070;
}*/

/* ART 
body.page-id-87 header.header-site, body.parent-pageid-87 header.header-site {
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/04/Art.jpg');
background-size:auto 100%;
background-position:center;
background-color:#707070;
}*/

/* BALLYHOO 
body.page-id-653 header.header-site, body.parent-pageid-653 header.header-site {
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/04/Ballyhoo.jpg');
background-size:auto 100%;
background-position:center;
background-color:#707070;
}*/

/* CONTACT 
body.page-id-23 header.header-site, body.parent-pageid-23 header.header-site {
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/04/Contact.jpg');
background-size:auto 100%;
background-position:center;
background-color:#707070;
}*/

/* IGNITERS 
body.page-id-81 header.header-site, body.parent-pageid-81 header.header-site {
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/04/Igniters.jpg');
background-size:auto 100%;
background-position:center;
background-color:#707070;
}*/

@media screen and (max-width: 768px) {
	div.header-block>div.inline-right-nav {
		background-color:transparent;
		width:auto;
		display:block;
	}
	
	div.inline-site-logo {
	}

	div.inline-site-logo>.logo {
		margin-left:auto;
		margin-right:auto;
	}
}

#off-canvas-right {
	background-color:#5a3c28;
}

#off-canvas-right a {
	color:#dcc38c;
}

/* -------- END HEADER STYLING -------- */

section.layers-content-widget {
padding-top:50px;
padding-bottom:0px;
}

.section-title h3.heading {
color:#7a4200;
text-transform:uppercase;
}

section#wrapper-content {
padding-bottom:0px;
background-image:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2017/01/HTA-CreamBackground.jpg');
background-repeat:repeat-y;
background-position-x:50%;
background-size:1200px 100%;
}

.excerpt {
word-wrap:normal;
}

.excerpt a, section.type-post .row div.story a, .custom-crumbs h3 a {
	color:#ae0909;
	border-bottom:0;
}

.excerpt a:hover, section.type-post .row div.story a:hover, .custom-crumbs h3 a:hover {
	color:#c13e3e;
}

.animationcyclewrapper video {
opacity:0;
border-radius:50%;
width:100%;
height:100%;
display:block;
}

.animationcyclewrapper {
background-position:center!important;
background-size:contain!important;
border-radius:50%;
height:98%;
width:98%;
margin:-99.5% 1% 1% 1%;
}

img.animationborder {
display:block;
left:0;
top:0;
width:100%;
height:auto;
position:relative;
}

.animationborderwrapper {
position:relative;
max-width:200px;
max-height:200px;
margin-left:auto;
margin-right:auto;
height:100%;
width:100%;
}

#layers-widget-column-50.IntroContainer {
padding-top:25px;
padding-bottom:20px;
}

@media screen and (max-width:1060px) and (min-width:480px){
.IntroContainer {
margin-left:10px;
margin-right:10px;
}
}

@media screen and (max-width:480px) {
.CircleCallouts .row.container {
padding-left:0;
padding-right:0;
}
}

.IntroContainer .row.container, section.type-post .row div.story {
padding-top:20px;
padding-bottom:20px;
background-color:#f1e7d1;
background-repeat:repeat-y;
box-shadow:0 0 12px 1px rgba(0,0,0,0.5);
border-radius:20px;
}

.section-title {
text-align:center;
text-shadow:2px 2px 3px rgba(25,25,25,0.35);
}
/*
.IntroContainer .section-title .heading {
font-size:5rem;
} */

.IntroColumn {
padding:10px;
}

.CopyrightStatement {
	font-style:italic;
	font-size:10px;
}

/* -------- BEGIN FOOTER STYLING -------- */

#footer {
background-image:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2017/01/HTA-CreamBackground.jpg');
background-repeat:repeat-y;
background-position-x:50%;
padding-top:0;
background-size:1200px 100%;
}

#footer .container>.row {
padding-top:0;
}

#footer .FooterContact h4 {
	color:#5a3c28;
	font-family:'Droid Serif', serif;
	font-weight:bold;
}

.footerborderwrapper video {
display:block;
border-radius:50%;
opacity:0;
z-index:1;
position:relative;
}

.footerborderwrapper video source {
position:relative;
z-index:1;
}

.footerborderwrapper {
display:block;
border: 3px solid #7a4200;
border-radius:50%;
box-shadow:2px 2px 4px #333;
margin-bottom:-35px;
position:relative;
z-index:1;
}

.footercyclewrapper {
width:auto;
display:block;
height:auto;
border-radius:50%;
z-index:1;
position:relative;
background-size:100% 100%;
}

.footer-top-row, .footer-bottom-row {
width:auto;
text-align:center;
}

.footer-bottom-row {
	background-color:#e3cfa3;
	padding-top:15px;
	border-radius: 10px;
	margin-top:35px;
}

.footer-bottom-row > div {
width:30%;
margin-left:10px;
margin-right:10px;
min-width:250px;
text-align:left;
display:inline-block;
vertical-align:top;
}

div.film-label h3 {
display:inline-block;
background-image:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/03/FooterLabelBanner.png');
background-position:center;
background-repeat:repeat-x;
height:31px;
padding-top:2px;
padding-left:20px;
padding-right:20px;
}

div.film-label {
margin-bottom:20px;
margin-left:40px;
margin-right:40px;
opacity:0.65;
width:204px;
display:inline-block;
}

div.film-label:hover {
opacity:0.9;
}

img.FooterHeading {
width:100%;
height:auto;
display:block;
margin-bottom:25px;
}

.tag-container {
z-index:999;
position:relative;
}

div.left-tag, div.right-tag {
display:inline-block;
height:40px;
width:209px;
}

div.left-tag {
background-image:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/03/FooterLabelBanner-LeftFlap.png');
background-size:fit;
background-position:left bottom;
background-repeat:none;
position:relative;
right:35px;
top:10px;
margin-right:-209px;
}

div.right-tag {
background-image:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/03/FooterLabelBanner-RightFlap.png');
background-size:fit;
background-position:right bottom;
background-repeat:none;
position:relative;
margin-left:-209px;
left:35px;
top:10px;
}

#footer div.social-icons a {
font-size:2.5em;
color:#8c2d2d;
}

#footer div.social-icons .fa {
text-shadow:2px 2px 4px rgba(25,25,25,0.35);
}

#footer div.social-icons .fa:hover{
opacity:0.9;
font-size:1.05em;
margin-right:-2px;
transition:opacity 1s;
}

.fa-twitter-square:hover {
color:#55acee;
text-shadow:2px 2px 4px rgba(25,25,25,0.6);
transition:color 1s;
}

.fa-pinterest-square:hover {
color:#cb2027;
text-shadow:2px 2px 4px rgba(25,25,25,0.6);
transition:color 1s;
}

.fa-facebook-square:hover {
color:#3b5998;
text-shadow:2px 2px 4px rgba(25,25,25,0.6);
transition:color 1s;
}

.fa-google-plus-square:hover {
color:#dd4b39;
text-shadow:2px 2px 4px rgba(25,25,25,0.6);
transition:color 1s;
}

.fa-youtube-square:hover {
color:#bb0000;
text-shadow:2px 2px 4px rgba(25,25,25,0.6);
transition:color 1s;
}

.fa-linkedin-square:hover {
color:#007bb5;
text-shadow:2px 2px 4px rgba(25,25,25,0.6);
transition:color 1s;
}

#footer .tpg-get-posts .simplefavorite-button {
display:none;
}

#footer .tpg-get-posts {
	margin-top:5px;
}

#footer .tpg-title-class {
	margin-top:0;
}

#footer .tpg-title-class h2 {
font-size:13px;
line-height:1.5em;
margin-bottom:10px;
	font-weight:bold;
}

#footer .tpg-title-class h2 a, #footer p a {
	color:#ae0909;
}

#footer .tpg-title-class h2 a:hover, #footer p a:hover {
	color:#c13e3e;
}

#footer div.FooterBlogFeed .tpg-content-class .excerptOmission {
display:none;
}

#footer .tpg-content-class em {
	font-style:normal;
}

#footer .tpg-get-posts-post {
margin-bottom:20px;
}

#footer .tpg-content-class>a:first-of-type {
	width:75px;
	height:75px;
	overflow:hidden;
	margin-right:10px;
	float:left;
}

#footer .tpg-thumbnail-class {
	display:block;
	height:100%;
}

#footer .tpg-thumbnail-class img {
	height:100%;
	width:auto;
}

#footer .FooterReviews .tpg-content-class>a:first-of-type {
	display:none;
}

#footer .FooterReviews .tpg-content-class {
	font-size:13px;
}

#footer .tpg-content-class {
	font-size:12px;
	line-height:1.25;
	clear:none;
	min-height:75px;
}


/* -------- END FOOTER STYLING -------- */

/* -------- BEGIN BLOG POST STYLES -------- */

.ReviewPosts img.default-featured-img {
	display:none;
}

#Left_Sidebar .BlogPostsWidget {
display:none;
}

#Left_Sidebar .BlogPostsWidget a.button {
	margin-top:5px;
	color:white;
	background-color:#ae0909;
}

#Left_Sidebar .BlogPostsWidget a.button:hover {
	background-color:#c13e3e;
}

h4.CreativeDirection {
background-color:#8c2d2d;
color:white;
padding:5px 10px;
margin-bottom:10px;
font-weight:300;
}

p.CreativeDirection {
font-style:italic;
padding:0 15px;
}

section.type-post .row div.story {
/* max-width:900px; */
margin-left:auto;
margin-right:auto;
padding:20px;
margin-top:50px;
}

.BlogPostsWidget .thumbnail-body .excerpt {
	color:#222;
}

.thumbnail.push-bottom {
	text-align:center;
}

.post .thumbnail.push-bottom {
	display:none;
}

.post.category-whats-new .thumbnail.push-bottom, .post.category-ballyhoo .thumbnail.push-bottom, .post.category-animation-article .thumbnail.push-bottom, .post.category-movie-reviews .thumbnail.push-bottom, .post.category-studio-interviews .thumbnail.push-bottom {
	display:block;
}

section.type-post .row div.story div.master-slider-parent {
	margin-top:-20px;
}

section.type-post .row div.story div.master-slider-parent .ms-container {
	margin-bottom:30px;
}

section.type-post .row div.story div.master-slider-parent .ms-slide-info, p.CustomSampleRequest, p.CopyrightStatement {
	max-width:650px;
	margin-left:auto;
	margin-right:auto;
}

section.type-post .row div.story button.simplefavorite-button {
	float:right;
	clear:both;
}

div.FeaturedWorksPosts .tpg-title-class {
margin-bottom:0;
position:absolute;
left:10px;
right:10px;
bottom:46px;
}

div.FeaturedWorksPosts .tpg-title-class h2 {
font-size:18px;
font-weight:bold;
background-color:#f1e7d1;
border-radius:5px;
padding-top:5px;
padding-bottom:5px;
font-family:'Droid Serif',serif;
}

div.FeaturedWorksPosts .tpg-title-class h2 a {
color:#5a3c28;
}

div.FeaturedWorksPosts .tpg-title-class h2:hover a{
	color:#9e6a47;
}

div.FeaturedWorksPosts .tpg-title-class h2 a:after {
content: '\A View Full Size';
white-space:pre-line;
color:#ae0909;
	font-size:14px;
}

div.FeaturedWorksPosts .tpg-title-class h2:hover a:after {
	color:#c13e3e;
}

div.FeaturedWorksPosts .tpg-content-class {
margin-bottom:1em;
}

div.FeaturedWorksPosts .tpg-content-class * {
display:none;
}

div.FeaturedWorksPosts .tpg-content-class div.master-slider-parent, div.FeaturedWorksPosts .tpg-content-class div.master-slider, div.FeaturedWorksPosts .tpg-content-class div.ms-container, div.FeaturedWorksPosts .tpg-content-class div.ms-container *, div.FeaturedWorksPosts .tpg-content-class div.ms-thumb-list, div.FeaturedWorksPosts .tpg-content-class div.ms-thumb-list * {
display:block;
}

div.FeaturedWorksPosts .tpg-get-posts-post div.ms-slide-container div.ms-slide.ms-sl-selected {
/* height:100%!important; */
}

div.FeaturedWorksPosts .tpg-get-posts {
text-align:center;
width:100%;
}

section.type-post {
padding-top:0;
}

div.custom-crumbs {
padding-top:25px;
padding-bottom:25px;
}

div.BallyhooPosts div.tpg-get-posts-post {
padding: 2em;
background-color:rgba(255,255,255,0.75);
border-radius:25px;
}

div.BallyhooPosts button.simplefavorite-button {
display:none;
}

section.BlogPostsWidget {
padding-top:0;
}

section.BlogPostsWidget > .container {
padding:0;
}

section.BlogPostsWidget > .container article {
    padding:20px;
    background-color:#f1e7d1;
    box-shadow: 0 0 12px 1px rgba(0,0,0,0.5);
    border-radius: 10px;
}

section.BlogPostsWidget article .copy, section.BlogPostsWidget article footer {
padding-left:5px;
padding-right:5px;
}

section.BlogPostsWidget header.section-title.large h1.heading {
font-size:2rem;
text-align:left;
}

section.BlogPostsWidget header.section-title.large {
margin-bottom:15px;
}

section.BlogPostsWidget a.button {
float:right;
margin-top:0!important;
padding:4px 10px;
font-size:0.85em;
}

div.layers-masonry-column div.media, div.layers-masonry-column div.media div.media-body {
overflow:visible;
}

.story ul li {
list-style-type:inherit;
}

div.wp-video {
margin-bottom:3em;
}

/* BEGIN MASONRY STYLING */

  /* default post styles */
div.FeaturedWorksPosts .tpg-get-posts-post {
text-align:center;
width:30%;
min-width:300px;
margin-left:10px;
margin-right:10px;
display:inline-block;
vertical-align:top;
padding:8px 8px 123px 8px;
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/03/HTA_Section-Background-REPEATING.jpg');
background-size:100% 100%;
margin-bottom:20px;
box-shadow:2px 2px 6px rgba(25,25,25,0.5);
min-height:350px;
position:relative;
}

.IntroContainer .tpg-thumbnail-class img {
margin-right:7px;
margin-left:7px;
}

/* BEGIN REVIEW STYLING */

.ReviewPosts {
text-align:center;
}

.ReviewPosts .tpg-get-posts-post {
padding:20px;
text-align:left;
box-shadow:0 0 5px rgba(0,0,0,0.5);
margin:20px 10px;
background:white;
}

div.ReviewPosts .tpg-get-posts {
    -webkit-column-width: 350px;
    -moz-column-width: 350px;  
    column-width: 350px;
}

div.ReviewPosts .tpg-get-posts * {
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

.ReviewPosts p.ReviewerTitle {
font-style:normal;
text-align:right;
font-weight:bold;
font-style:italic;
}

div.ReviewPosts button.simplefavorite-button {
display:none;
}

.reviewLink {
	text-align:center;
	margin-top:1.5em;
	font-weight:bold;
}

/* END REVIEW STYLING */

/* -------- END BLOG POST STYLES -------- */

/* -------- BEGIN NON BLOG POST STYLES -------- */

section.category-animation div.sidebar,section.category-2d-animation div.sidebar,section.category-animated-logos div.sidebar,section.category-informationals div.sidebar,section.category-motion-comics div.sidebar,section.category-artwork div.sidebar,section.category-digital-igniters div.sidebar,section.category-our-films div.sidebar,section.category-reviews div.sidebar, section.category-storyboards div.sidebar, section.category-illustrations div.sidebar, section.category-graphics div.sidebar, section.category-character-design div.sidebar, section.category-background-art div.sidebar, section.category-artwork div.sidebar {
display:none;
}

@media only screen and (min-width:769px) {
section.category-animation article.column.span-8,section.category-2d-animation article.column.span-8,section.category-animated-logos article.column.span-8,section.category-informationals article.column.span-8,section.category-motion-comics article.column.span-8,section.category-artwork article.column.span-8,section.category-digital-igniters article.column.span-8,section.category-our-films article.column.span-8,section.category-reviews article.column.span-8, section.category-storyboards article.column.span-8, section.category-illustrations article.column.span-8, section.category-graphics article.column.span-8, section.category-character-design article.column.span-8, section.category-background-art article.column.span-8, section.category-artwork article.column.span-8 {
width:100%;
}
}

/* -------- END NON BLOG POST STYLES -------- */

/* -------- BEGIN SECONDARY MENU STYLES -------- */

section#wrapper-content > aside.widget_nav_menu, .sticky-page-menu {
background-color:#dcc38c;
padding:0;
margin-top:0;
border-bottom:20px solid #5a3c28;
}

section#wrapper-content > aside.widget_nav_menu ul, .sticky-page-menu ul {
margin-top:0;
font-family:Droid Sans, "Helvetica Neue", Helvetica, sans-serif;
/* text-shadow:0 1px rgba(0,0,0,0.3); */
text-transform:uppercase;
text-align:center;
margin-left:auto;
margin-right:auto;
}

section#wrapper-content > aside.widget_nav_menu ul li, .sticky-page-menu ul li {
display:inline-block;
margin-left:5px;
margin-right:5px;
padding:8px;
}

section#wrapper-content > aside.widget_nav_menu ul li:hover, .sticky-page-menu ul li:hover {
background-color:#8c2d2d;
transition:background-color 0.25s;
}

section#wrapper-content >aside.widget_nav_menu ul li:hover a, .sticky-page-menu ul li:hover a {
color:#f1e7d1;
transition:color 0.25s;
}

/* ul#menu-featured-works li.current_page_item {
background:url('http://happytrailsanimation.com/2016_Site/wp-content/uploads/2016/04/MenuCircle.png');
background-size:100% 80%;
background-position:center;
background-repeat:no-repeat;
} */

section#wrapper-content > aside.widget_nav_menu ul li.current_page_item, .sticky-page-menu ul li.current_page_item {
background-color:transparent!important;
padding-bottom:4px;
border-bottom:4px solid #8c2d2d;
padding-left:1px;
padding-right:1px;
}

section#wrapper-content > aside.widget_nav_menu ul li.current_page_item a, .sticky-page-menu ul li.current_page_item a {
	color:#8c2d2d;
}

section#wrapper-content > aside.widget_nav_menu ul li a, .sticky-page-menu ul li a {
color:#5a3c28;
font-weight:bold;
font-size:14px;
}

/* -------- END SECONDARY MENU STYLES -------- */

/* -------- BEGIN FRONT PAGE CIRCLE STYLES -------- */

.CalloutContainerWrapper {
	margin-top:-125px;
}

.CalloutContainer {
display:inline-block;
margin-left:5px;
margin-right:5px;
margin-bottom:25px;
text-align:center;
}

.CalloutContainer h3 {
text-transform:uppercase;
line-height:1em;
}

div.CalloutContainer a {
	color:#8c2d2d;
}

div.frontsectionwrapper {
width:320px;
height:320px;
border-radius:50%;
padding:10px;
}

div.frontsectionwrapper video.sectionanimationcycle {
height:100%;
width:auto;
opacity:0;
}

div.frontsectioncircle {
border-radius:50%;
height:300px;
width:300px;
overflow:hidden;
position:absolute;
}

div.frontsectioncircle div.videoshadow {
width:300px;
height:300px;
border-radius:50%;
position:absolute;
top:0;
bottom:0;
box-shadow:inset 0 0 20px 5px rgba(0,0,0,0.75);
border:10px solid #8c2d2d;
pointer-events:none;
}

div.frontsectioncircle div.videoshadow:hover {
pointer-events:none;
}

/* -------- END FRONT PAGE CIRCLE STYLES -------- */

/* -------- BEGIN CONTACT FORM STYLES -------- */
.contact-7-form {
max-width:660px;
margin-left:auto;
margin-right:auto;
}

.contact-7-form p {
margin-bottom:5px;
margin-top:5px!important;
font-weight:normal;
color:black;
}

.contact-7-form div.contact-name div.entry {
width:49.5%;
min-width:200px;
display:inline-block;
max-width:330px;
}

p.required:after , span.required:after {
content:"*";
color:#f00;
font-weight:bold;
}

span.required.wpcf7-validates-as-required:after {
content:"";
}

div.required-notification {
color:#f00;
font-style:italic;
}

.wpcf7-form-control-wrap {
margin-bottom:10px;
}

input[type=email], input[type=text], input[type=url], input[type=search], input[type=password], input[type=number], input[type=tel], input[type=date] {
max-width:660px;
}
/* -------- END CONTACT FORM STYLES --------- */

/* -------- BEGIN FAVORITES STYLES -------- */

button.simplefavorite-button {
font-size:12px;
border-radius:5px;
padding:6px 10px;
background-color:#8c2d2d;
font-family:'Montserrat',sans-serif;
}

button.simplefavorite-button:hover {
	background-color:#ae0909;
	color:white;
}

div.FeaturedWorksPosts button.simplefavorite-button {
position:absolute;
bottom:10px;
right:10px;
}

/* -------- END FAVORITES STYLES -------- */





/* -------- BEGIN ARTWORK ALBUM STYLES -------- */

#layers-widget-column-21 {
	margin-bottom:50px;
}

.separator-doubled {
	display:none!important;
}

.album_holder h5 {
	margin-top:0;
}

a.gb_lightbox_prev, a.gb_lightbox_next {
	background-image:url(/2016_Site/wp-content/plugins/gallery-bank-pro-edition/assets/images/NavigationArrow.svg)!important;
	background-size:contain;
	width:100px!important;
	height:150px!important;
	background-position:center;
}

a.gb_lightbox_prev {
	margin-right:25px;
}

a.gb_lightbox_next {
	margin-left:25px;
}

/* -------- END ARTWORK ALBUM STYLES -------- */

/* -------- BEGIN FEATURED WORKS POSTS STYLES -------- */

.FeaturedWorksPosts .ms-view.ms-basic-view, .FeaturedWorksPosts .ms-slide.ms-slide-auto-height, .FeaturedWorksPosts .ms-slide-bgcont {
	height:200px!important;
}

.FeaturedWorksPosts .ms-slide-bgcont {
	width:500px!important;
	margin-left:-108px;
	text-align:center;
}

.FeaturedWorksPosts .ms-slide-bgcont>img {
	height:200px!important;
	width:auto!important;
}

/* -------- END FEATURED WORKS POSTS STYLES -------*/

.page-id-87 .excerpt>h3 {
	display:none;
}

/* -------- BEGIN STICKY NAV STYLES -------- */


#stickyMenu.sticky {
	display:block;
}

#stickyMenu {
	background-color:#5a3c28;
	position:fixed;
	z-index:999;
	width:100%;
	top:0;
	left:0;
	display:none;
	border-bottom-width:0;
}

.sticky-site-menu {
	width:100%;
	height:40px;
}

#stickyMenu .inline-left-nav {
	float:left;
	width:50%;
	position:static;
}

#stickyMenu .inline-right-nav {
	float:right;
	width:50%;
	position:static;
}

.sticky-page-menu {
	display:none;
	border-bottom-width:5px;
}

.sticky-page-menu>div {
	width:100%;
	text-align:center;
	background-color:#dcc38c;
	display:none;
}

.sticky-page-menu>div>ul>li {
	display:inline-block;
}

.container.header-block .menu-item-6195 {
	display:none!important;
}

.sticky-page-menu, .page-id-613 .menu-about-container, .page-id-615 .menu-about-container, .page-id-648 .menu-about-container  {
	display:block;
}

.sticky-page-menu, .page-id-22 .menu-animation-container {
	display:block;
}

.sticky-page-menu, .page-id-87 .menu-artwork-container {
	display:block;
}

.sticky-page-menu, .page-id-653 .menu-blog-categories-container, .page-id-2027 .menu-blog-categories-container, .page-id-2021 .menu-blog-categories-container, .page-id-2025 .menu-blog-categories-container, .page-id-2023 .menu-blog-categories-container {
	display:block;
}

.sticky-page-menu, .menu-featured-works-container {
	display:block;
}

.sticky-page-menu, .page-id-81 .menu-igniters-container {
	display:block;
}

/* -------- END STICKY NAV STYLES -------- */