/*
Theme Name:         Intent to Destroy Theme v2
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 6 by Zurb
Version:            2.9.2
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ----------------------------------------------------------------------------

  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /assets/scss folder.
  Please note that none of your scss files will be compiled to /stylesheets/foundation.css before you run
  'npm run watch' or 'npm run build'.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */

/*
--
1 BG Tan #EAEAE3
2 Neutral Tan #E1E1D7
3 Dark Green #51513C
4 Brown #2F2F1B
5 Green #4D5A49
6 Yellow: #ECE92A

--
*/


@font-face {
    font-family: 'schmutzicgcleaned';
    src: url('assets/fonts/schmutz/schmutzicg-cleaned-webfont.woff2') format('woff2'),
         url('assets/fonts/schmutz/schmutzicg-cleaned-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {
    padding: 0;
    margin: 0;
    font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    color: #2F2F1B;
    background: #EAEAE3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "acumin-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1 {
    font-family: "acumin-pro-condensed", "acumin-pro", Helvetica, Arial, sans-serif;
	font-size: 2rem;
	font-weight: 700;
	letter-spacing: 0.5px;
}

h2 {
    font-family: "calluna", Times, serif;
	font-size: 2.5rem;
	letter-spacing: 0.5px;
}

h3 {
    font-family: "acumin-pro-condensed", "acumin-pro", Helvetica, Arial, sans-serif;
    text-transform: uppercase;	
}

h4 {
	font-size: 1.5rem;
}

h6 {
	color: #AAAAAA;
	font-size: 1.5rem;
	font-weight: 900;
	letter-spacing: 4px;
	margin-bottom: 60px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

h6:before {
	content: " ";
	background-color: #AAAAAA;
	height: 2px;
	margin: 0 0 0 -35px;
	position: absolute;
	left: 50%;
	top: -10px;
	width: 70px;	
}

h6:after {
	content: " ";
	background-color: #AAAAAA;
	height: 2px;
	margin: 0 0 0 -35px;
	position: absolute;
	left: 50%;
	bottom: -10px;
	width: 70px;	
}

p, span {
	color: #333333;
    font-size: 1.25rem;
    line-height: 1.75;	
}

a,
a:link,
a:visited {
	background-color: #ECE92A;
    color: #2F2F1B;
	
   	-webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -kthtml-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

a:hover {
	color: #51513C;
}

/*
#single-post a,
#single-post a:link,
#single-post a:visited,
.entry-content a,
.entry-content a:link,
.entry-content a:visited,
.tabs-panel a,
.tabs-panel a:link,
.tabs-panel a:visited {
	border-bottom: 3px solid #F3E74F;
	box-shadow: inset 0 -2px 0 #F3E74F;
}
*/

.entry-content p a:hover {
	background-color: #F3E74F;
}

a:active {
	color: #393f43;
}

.button,
a.button {
	background-color: #ffffff;
	border: 1px solid #2F2F1B;
	color: #2F2F1B;
    font-family: "acumin-pro", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
    font-weight: 500;
    letter-spacing: 1px;
	margin: 20px 0 0;
	text-align: center;
	text-transform: uppercase;
}

.button:hover, .button:focus {
	background-color: #2F2F1B;
	color: #ffffff;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	box-shadow: none;
}

.off-canvas {
    background: #51513C;
}

.mobile-off-canvas-menu.off-canvas .is-accordion-submenu-parent > a::after {
	border-color: #EAEAE3 transparent transparent;
}

.off-canvas a, .off-canvas a:link, .off-canvas a:visited {
	background: transparent;
	color: #EAEAE3;
	font-size: 1.25rem;
	font-weight: 900;
}

.off-canvas a:hover {
	background: #626248;
	color: #ffffff;
}


.alignright {
	float: right;
	margin: 10px 0 10px 10px;
}

.alignleft {
	float: left;
	margin: 10px 10px 10px 0;
}

/*---------------
	------------
	Menu
	------------
----------------*/

header#masthead {
	padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    
   	-webkit-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -ms-transition: all 0.25s linear;
    -kthtml-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

.top-bar, .top-bar ul {
	background-color: transparent;
}

header#masthead .title-bar {
	background: transparent;
    font-family: "acumin-pro-condensed", "acumin-pro", Helvetica, Arial, sans-serif;
	font-size: 1.25rem;
    letter-spacing: 0.5px;
    padding: 12px 20px;
    text-transform: uppercase;	
}

.home header#masthead .title-bar a {
	opacity: 0;
	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;	
}

header#masthead .title-bar a {
	background: url('assets/images/itd_title_w.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
	box-shadow: none;
    height: 20px;
    line-height: 1;
    padding: 0px 100px;
    width: 200px;

	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header#masthead .title-bar a:hover {
    background-color: transparent;
    color: #dddddd;
}

header#masthead .title-bar-left .menu-icon {
	position: absolute;
	top: 18px;
	right: 20px;
}

header#masthead .title-bar-left .menu-icon::after {
	background: #ffffff;
	box-shadow: 0 7px 0 #ffffff, 0 14px 0 #ffffff;
	height: 3px;
}

header#masthead .top-bar-left .menu .home a	{
	background: url('assets/images/bta-logo-2.svg');
    background-repeat: no-repeat;
    border: none;
	box-shadow: none;
    min-height: 60px;
    width: 160px;

	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header#masthead .top-bar-right .menu a {
	border-bottom: 3px solid #ffffff;
	box-shadow: none;
	color: #ffffff;
    font-family: "acumin-pro", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 1;
	height: 60px;
	padding: 38px 0 0;
	text-transform: uppercase;	

	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header#masthead .top-bar-right .menu a:hover {
	background-color: transparent;
	border-bottom: 3px solid #F3E74F;
}

.is-dropdown-submenu-parent.is-down-arrow > a::after {
	border: none;
}

.top-bar .menu li:not(:last-child) {
	border-right: none;
	padding: 0 2rem 0 0;
}

header#masthead .top-bar .dropdown.menu .submenu {
	background-color: #ffffff;
	padding: 20px;
}

header#masthead .top-bar .menu .submenu li:not(:last-child) {
	padding: 0 0 20px;
}

header#masthead .top-bar .dropdown.menu .submenu a,
header#masthead.white .top-bar .dropdown.menu .submenu a { 
	border: 3px solid #ffffff;
	box-shadow: none;
	color: #7C7C7C;
	font-size: 1rem;
	font-weight: 600;
	height: auto;
	padding: 0;
	text-transform: none;
}

header#masthead .top-bar .dropdown.menu .submenu a:hover { 
	color: #333333;
}

/*---------------
	------------
	Menu Opaque
	------------
----------------*/

header#masthead.white {
	background-color: #ffffff;
	border-bottom: 1px solid #EEEEF1;
}

.home header#masthead.white .title-bar a {
	opacity: 1;
}

header#masthead.white .title-bar a {
	background: url('assets/images/itd_title.png');
    background-repeat: no-repeat;
    background-size: 100% auto;
	box-shadow: none;
    height: 20px;
    line-height: 1;
    padding: 0px 100px;
    width: 200px;
}

header#masthead.white .title-bar a:hover {
    background-color: transparent;
    color: #4D5A49;
}

header#masthead.white .top-bar-left .menu .home a	{
    background-repeat: no-repeat;
	box-shadow: none;
}

header#masthead .site-mobile-title {
    font-family: "acumin-pro-condensed", "acumin-pro", Helvetica, Arial, sans-serif;
	font-size: 1.25rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;		
}

header#masthead.white .title-bar-left .menu-icon::after {
	background: #2F2F1B;
	box-shadow: 0 7px 0 #2F2F1B, 0 14px 0 #2F2F1B;
	height: 3px;
}

/*
header#masthead.white .top-bar-right .menu a {
	border-bottom: 3px solid #333333;
	box-shadow: none;
	color: #333333;
    font-family: "acumin-pro", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 1;
	height: 60px;
	padding: 38px 0 0;
	text-transform: uppercase;	
}

header#masthead.white .top-bar-right .menu a:hover {
	background-color: transparent;
	border-bottom: 3px solid #F3E74F;
}
*/

header#masthead.white #s.input-group-field {
	border-bottom: 3px solid #333333;
	color: #333333;
}

/*---------------
	------------
	Homepage Styles
	------------
----------------*/

.home .heroArea {
	position: relative;
	z-index: -1;
}

.home div.hero {
	background-position: center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
	height:100vh;
	overflow: hidden;
	padding-top: 35vh;
    position: relative;
    z-index: 0;
}


.home .heroArea .heroC {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
}

.home .heroArea .heroC img {
	margin-top: 30vh;
	position: relative;
	width: 60%;
}


.home .heroArea .heroC h1 {
	color: #ffffff;
	font-size: 5rem;
	line-height: 1;
	margin-top: 30vh;
}

.home .heroArea .heroC h2 {
	color: #ffffff;
	font-size: 3rem;
	margin-bottom: 100px;
}

.home .heroArea .heroC .laurels {
	position: absolute;
	left: 0;
	bottom: 50px;
	padding: 0 20px;
	width: 100%;
}

.home .heroArea .heroC .laurels img {
	left: 0;
}

.home .heroArea .heroC .laurels img {
	max-width: 1200px;
	text-align: center;
	width: 100%;
}

.home section .row {
	margin-top: 120px;
	margin-bottom: 120px;
}

.home section.intro h2 {
	font-weight: 600;
}

.home section.intro img {
	margin-right: 10px;
	max-width: 32px;
	width: 100%;
}

.home section.intro img:last-child {
	margin-right: 0px;
}

.home section.intro .button {
	padding-left: 40px;
	padding-right: 40px;
}

section.trailer {
/* 	display: none; */
	position: relative;
}

.home .trailer img {
	height: auto;
	width: 100%;
	z-index: 0;
}

.home .trailer i.fa {
	color: #ffffff;
	font-size: 6rem;
	opacity: 0.75;
	position: absolute;
	top: 40%;
	left: 45%;
	z-index: 5;
}

.reveal {
	background-color: transparent;
	border: none;
	outline: none;
	width: 1024px;
}

.reveal .close-button {
    top: 5px;
    right: 0;
}

.reveal .close-button span {
    background: #ffffff;
    border-radius: 50%;
    color: #000000;
    line-height: 0;
    padding: 0 9px;
}

section.tout-area {
	background: url('assets/images/pw_maze.png');
	color: #ffffff;
	display: none;
}

section.tout-area .row {
	margin-top: 0;
	margin-bottom: 0;
	padding: 120px 0;
    text-align: center;
	
}

section.tout-area .row h3 {
    text-align: center;	
}

section.tout-area .row img {
    max-width: 150px;
    text-align: center;
/*     margin-left: -75px; */
    width: 150px;
    position: relative;
/*     left: 50%; */
}

section.quote-area {
	color: #ffffff;
}

section.quote-area .row {
	margin-top: 0;
	margin-bottom: 0;
	padding: 120px 0;	
}

section.quote-area .row h2 {
	font-size: 2.25rem;
	line-height: 1.6;
	margin: 0 20px;
	text-indent: -14px;
}


section.quote-area  .orbit-bullets button {
	background-color: #ffffff;
	height: 0.6rem;
	width: 0.6rem;
}

section.quote-area  .orbit-bullets button.is-active {
	background-color: #ECE92A;
}


div.blogimg {
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 240px;
	overflow: hidden;
	position: relative;
}

div.blogarea {
	background-color: #ffffff;
	padding: 20px;
}

.vertBlog .columns {
	display: flex;
	position: relative;
}

div.vertC {
	background-color: #ffffff;
	align-items: stretch;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div.vertC div.blogarea {
	background-color: #ffffff;
	height: 100%;
}

div.vertC div.blogarea h2.entry-title {
	font-size: 1.75rem;
	border-bottom: 2px solid #F0F0F0;
}

h2.entry-title a {
	background-color: transparent;
}

h2.entry-title a:hover {
	color: #4D5A49;
}

div.vertC div.blogarea p {
	font-size: 1.25rem;
	line-height: 1.6;
	margin-bottom: 40px;
}

div.vertC div.blogarea .button {
	background-color: #F9F8B7;
	border: none;
	color: #000000;
	padding: 5px;
	position: absolute;
	right: 35px;
	bottom: 20px;
}

div.vertC div.blogarea .button:hover {
	background-color: #ECE92A;
}

.footerSignup {
	background-color: #51513C;
	color: #ffffff;
}

section.footerSignup .row {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 60px;
	padding-bottom: 60px;
}

section.footerSignup .row .button {
	width: 100%;
}

#signUp {
	background-color: #ffffff;
	border: none;
	color: #2F2F1B;
	padding: 30px;
	width: 600px;
}

#signUp ul {
	list-style-type: none;
	margin: 0;
}

#signUp label {
	display: none;
}

#signUp li.gfield {
	float: left;
	padding: 0;
	margin-right: 2%;
	width: 49%;
}

#signUp li.gfield:last-child {
	margin-right: 0;
}

#signUp input.button {
	background-color: #ECE92A;
	margin: 0;
	width: 100%;
}

#signUp input.button:hover {
	background-color: #f0f02A;
}



#footer-container {
	border-top: none;
	background: #2F2F1B;
	color: #ffffff;
	margin-top: 0;
	padding-top: 30px;
	padding-bottom: 30px;
}

#footer-container p {
	color: #ffffff;
	font-family: "acumin-pro", Helvetica, Arial, sans-serif;
	font-size: 0.75rem;
	margin: 0;
}

/* Footer Styles social */

#footer #text-3 p {
	font-size: 1.25rem;
	text-align: right;
}

#footer #text-3 p a {
	background-color: transparent;
	color: #ffffff;
	margin-left: 10px;
}

#footer #text-3 p a:hover {
	color: #ECE92A;
}


/*---------------
	------------
	Page Styles
	------------
----------------*/

#featured-hero {
	background-position: center;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;	
	height: 570px;
}

#featured-hero h1.entry-title {
	color: #ffffff;
	font-family: 'schmutzicgcleaned';
	font-size: 3.75rem;
	font-weight: 700;
	letter-spacing: 1.5px;
	position: relative;
	text-align: center;
	text-transform: none;
	top: 45%;
}

.page .entry-content {
	margin-top: 60px;
	margin-bottom: 60px;
}

.page .entry-content .introS {
    font-family: "acumin-pro", Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.4;
}

.page .entry-content .column-block a {
	border-bottom: none;
	box-shadow: none;
}

.page .entry-content .column-block a:hover {
	background: none;
}

.page .colorBar {
	background-color: #51513c;
	color: #ffffff;
	padding: 20px 0;
}

.page .main-content .colorBar .row {
	margin-top: 0;
	margin-bottom: 0;
}

.page .main-content .colorBar .button {
	margin-bottom: 60px;	
}

.page .main-content .colorBar .button a {
	border: none;
	box-shadow: none;
	background: none;
	color: #ffffff;	
	font-size: 1rem;
}

.page .colorBar h1,
.page .colorBar h2,
.page .colorBar h3,
.page .colorBar h4,
.page .colorBar h5,
.page .colorBar h6,
.page .colorBar p,
.page .colorBar span {
	color: #ffffff;
}

.page .colorBar h6:before,
.page .colorBar h6:after {
	background-color: #ffffff;
}

.page .colorBar ul {
	margin: 0;
}

.page .colorBar label {
	display: none;
}

.page .colorBar li.gfield {
	float: left;
	padding: 0;
	margin-right: 2%;
	width: 49%;
}

.page .colorBar li#field_3_2 {
	margin-right: 0;
}

.page .colorBar li#field_3_3 {
	float: none;
	width: 100%;
}

.page .colorBar li#field_3_4 {
	list-style-type: none;
	width: 100%;
}

.page .colorBar li#field_3_4 label.gfield_label {
    font-family: "acumin-pro", Helvetica, Arial, sans-serif;	
}

.page .colorBar li#field_3_4 label {
	display: inline-block;
	color: #ffffff;
}

.page .colorBar li#field_3_4 label.gfield_label {
    font-family: "acumin-pro", Helvetica, Arial, sans-serif;	
    font-size: 1.25rem;
}

.page .colorBar li#field_3_4 ul {
	list-style-type: none;
}

.page .colorBar input.button {
	background-color: #0AD3DC;
	margin: 0;
	width: 100%;
}

.page .colorBar input.button:hover {
	background-color: #6CDEE3;
}


.page .main-content .row {
	margin-top: 120px;
}

/*
.page-template-page-about .main-content .entry-content p {
	font-family: "acumin-pro", Helvetica, Arial, sans-serif;
	font-size: 2rem;	
}
*/

.page .main-content .touts {
	margin-top: 90px;
}

.page .main-content .touts .row {
	margin-top: 30px;
}

.page .aboutimg {
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
	min-height: 300px;
	overflow: hidden;
	position: relative;	
}

.page .aboutCopy {
	background-color: #ffffff;
	border-left: solid 6px #0AD3DC;
	height: 100%;
	padding: 30px;
}

.page .row:nth-child(2) .aboutCopy {
	border-left: none;
	border-right: solid 6px #0AD3DC;
}

.page .colorBox .row {
	background-color: #ffffff;
	border: 20px solid #F56040;
	padding-top: 60px;
	padding-bottom: 60px;
}

.page .colorBox h6 {
	color: #F56040;
	font-size: 1.5rem;
}

.page .colorBox h6:before,
.page .colorBox h6:after {
	background-color: #F56040;
}

.page .colorBox img.alignright {
	float: right;
	margin: 8px -30px 8px 20px;
}

.page .colorBox img.alignleft {
	float: left;
	margin: 8px 20px 8px -30px;
}


/*---------------
	------------
	White Page Styles
	------------
----------------*/

.page-template-page-white article.main-content .row {
	margin-top: 0;
}

.page-template-page-white .entry-content {
    background-color: #ffffff;
	margin-top: -60px;
    position: relative;
    padding: 30px;
}

/*---------------
	------------
	Film Subjects
	------------
----------------*/


.page-template-page-film-subjects {}

.page-template-page-film-subjects .tabs {
	background: transparent;
	border: 0;
}

.page-template-page-film-subjects .tabs-title {
	background: transparent;
	width: 100%;
   	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.page-template-page-film-subjects .tabs-title.is-active {
	background: #ffffff;
}

.page-template-page-film-subjects .tabs-title > a {
	background: transparent;
	padding: 0;
}

.page-template-page-film-subjects .tabs .profimg {
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 240px;
	overflow: hidden;
	position: relative;
	opacity: 0.5;

   	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.page-template-page-film-subjects .tabs-title:hover .profimg,
.page-template-page-film-subjects .tabs-title .profimg:hover,
.page-template-page-film-subjects .tabs-title.is-active .profimg,
.page-template-page-film-subjects .tabs-title.is-active i {
	opacity: 1;
}

.page-template-page-film-subjects .tabs h1 {
	font-size: 1.75rem;
	line-height: 1.15;
	margin: 20px 0 20px 10px;
}

/*
.page-template-page-film-subjects .tabs h1 img {
    width: 18px;
    height: auto;
    vertical-align: baseline;
   }
*/

.page-template-page-film-subjects .tabs h1 i {
    color: #F56040;
    font-size: 1.25rem;
    opacity: 0.25;
    vertical-align: middle;

   	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
   }

.page-template-page-film-subjects .tabs h1 i.fa-plus {
    color: #0ad3dc;
}

.page-template-page-film-subjects .main-content .tabC {
	margin-top: 0;
}

.page-template-page-film-subjects .tabs-content {
	border: none;
}

.page-template-page-film-subjects .tabs-content .tabs-panel {
	border: none;
	border-left: 6px solid #F56040;
	padding: 60px;
}

/*---------------
	------------
	FilmMakers
	------------
----------------*/


.page-template-page-filmmakers {}

.page-template-page-filmmakers .tabs {
	background: transparent;
	border: 0;
}

.page-template-page-filmmakers .tabs-title {
	background: transparent;
	width: 100%;
   	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.page-template-page-filmmakers .tabs-title.is-active {
	background: #ffffff;
}

.page-template-page-filmmakers .tabs-title > a {
	background: transparent;
	padding: 0;
}

.page-template-page-filmmakers .tabs .profimg {
	background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 240px;
	overflow: hidden;
	position: relative;
	opacity: 0.5;

   	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.page-template-page-filmmakers .tabs-title:hover .profimg,
.page-template-page-filmmakers .tabs-title .profimg:hover,
.page-template-page-filmmakers .tabs-title.is-active .profimg,
.page-template-page-filmmakers .tabs-title.is-active h1 i {
	opacity: 1;
}

.tabs-title > a:focus, .tabs-title > a:hover, .tabs-title > a[aria-selected='true'] {
	color: #4D5A49;
}

.page-template-page-filmmakers .tabs h1 {
	font-size: 1.75rem;
	line-height: 1.15;
	margin: 20px 0 20px 10px;
}

.page-template-page-filmmakers .tabs h1 img {
    width: 18px;
    height: auto;
    vertical-align: baseline;
}

.page-template-page-filmmakers .tabs h1 i {
	color: #0ad3dc;
    font-size: 1.25rem;
	opacity: 0.25;

   	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.page-template-page-filmmakers .main-content .tabC {
	margin-top: 0;
}

.page-template-page-filmmakers .tabs-content {
	border: none;
}

.page-template-page-filmmakers .tabs-content .tabs-panel {
	border: none;
	padding: 30px;
}


/*---------------
	------------
	Historical Overview Styles
	------------
----------------*/

.hoverview {
	border-top: 1px solid #51513C;
}

.hoverview h2 {
	margin-top: 60px;
	text-align: center;
}

.hoverview hr {
	border-bottom: 3px solid #cacaca;
	height: 1px;
	position: relative;
	left: 50%;
	margin-left: -50px;
	width: 100px;
}

.hoverview .chapter {
	display: none;
}

.hoverview .chapter.expanded {
	display: block;
}

.hoverview button.primary,
.hoverview button.primary:link,
.hoverview button.primary:active,
.hoverview button.primary:visited {
	border: none;
	background: transparent;
	color: #51513C;
	font-weight: 700;
	margin: 30px auto;
	width: 100%;
}

.hoverview button.primary:hover,
.hoverview button.primary:focus {
	background: transparent;
	color: #4D5A49;
}

.hoverview button.primary .fa {
	font-size: 2rem;
}

.hoverview button.primary.close {
	display: none;
}

.hoverview .chapter.expanded+button.primary.close{
	display: block;
}

.hoverview .chapter.expanded+button.primary.close+button.primary{
	display: none;
}



/*---------------
	------------
	News Index Styles
	------------
----------------*/

.archive .main-content .row,
.search .container .row {
	margin-top: 180px;
}

.blog #featured-hero {
	height: 400px;
}

.blog article>.row {
	margin-top: 60px;
	margin-bottom: 60px;
}


.post_tags p {
    font-family: "acumin-pro", Helvetica, Arial, sans-serif;
    font-size: 1rem;
	text-align: center;
}

.post_tags p a {
	border-bottom: 3px solid #F3E74F;
    box-shadow: inset 0 -2px 0 #F3E74F;
    margin-left: 14px;
}

.post_tags p a:hover {
	background: #F3E74F;
}

.horzWrapper {
	display: inline-block;
	margin-top: 30px;
}

.horzWrapper .horz {
	position: relative;
}

.horzWrapper .horz h2 {
	font-size: 2.25rem;
}

.horzWrapper .horz p {
	margin-bottom: 40px;
}

.horzWrapper .horz .button {
	background-color: #F9F8B7;
	border: none;
	color: #000000;
	padding: 5px;
	position: absolute;
	right: 35px;
	bottom: 20px;
}

.horzWrapper .horz .button:hover {
	background-color: #ECE92A;
}

.page .row:nth-child(2) .aboutCopy {
	border-left: none;
	border-right: solid 6px #0AD3DC;
}

.page .colorBox .row {
	background-color: #ffffff;
	border: 20px solid #F56040;
	padding-top: 60px;
	padding-bottom: 60px;
}

.page .colorBox h6 {
	color: #F56040;
	font-size: 1.5rem;
}

.page .colorBox h6:before,
.page .colorBox h6:after {
	background-color: #F56040;
}

.page .colorBox img.alignright {
	float: right;
	margin: 8px -30px 8px 20px;
}

.page .colorBox img.alignleft {
	float: left;
	margin: 8px 20px 8px -30px;
}

.pagination {
	margin-top: 60px;
	margin-bottom: 60px;
}

.pagination li {
	font-family: "acumin-pro", Helvetica, Arial, sans-serif;
	font-size: 1rem;	
}

.pagination li a {
	background: #4D5A49;
	color: #EAEAE3;
}

.pagination li a:hover {
	background: #ECE92A;
	color: #2F2F1B;
}

.pagination .current {
	background: #ECE92A;
	padding: 0.1875rem 0.25rem; 
}

.pagination .current a {
	background: #ECE92A;
	color: #2F2F1B;
}

/*---------------
	------------
	Single News Styles
	------------
----------------*/

.single-post #featured-hero {
	margin: 0;
	z-index: 0;
}

#single-post {
	margin-top: -60px;
	margin-bottom: 60px;
	position: relative;
	z-index: 5;
}

#single-post article .columns {
	background-color: #ffffff;
	padding: 30px;
	position: relative;
}

#single-post article .columns h2.entry-title {
	font-size: 2.75rem;
	font-weight: 700;	
}


/*
#single-post .singleFimg {
	float: left;
	height: auto;
	margin-right: 20px;
	width: 50%;	
}
*/

#single-post .caption {
	font-size: 1rem;
	font-style: italic;
	margin: 0;
    text-align: left;
    position: absolute;
    top: -30px;
    left: 0;
    color: #ffffff;
    background: rgba(0,0,0,0.3);
    padding: 0 5px;
}


#single-post .gform_wrapper {
	background-color: #ffffff;
	border-left: solid 6px #0AD3DC;
	height: 100%;
	margin: 40px 0 60px;
	padding: 30px;
}


#single-post .gform_wrapper ul {
	list-style-type: none;
	margin: 0;
}

#single-post .gform_wrapper label {
	display: none;
}

#single-post .gform_wrapper li.gfield {
	float: left;
	padding: 0;
	margin-right: 2%;
	width: 49%;
}

#single-post .gform_wrapper li.gfield:last-child {
	margin-right: 0;
}

#single-post .gform_wrapper input.button {
	background-color: #0AD3DC;
	margin: 0;
	width: 100%;
}

#single-post .gform_wrapper input.button:hover {
	background-color: #6CDEE3;
}



@media only screen and (min-width: 1025px) and (max-width: 1200px) {


}


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


}


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


}

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


}


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

h2 {
	font-size: 2rem;
}

header#masthead {
	background-color: #ffffff;
	padding: 0;
}

header#masthead .title-bar {
	background: transparent;
	border-bottom: 1px solid #EEEEF1;
	padding: 16px;
}

header#masthead .title-bar .columns {
	padding: 0;
}

header#masthead .title-bar-title {
	width: 100%;
}

header#masthead .title-bar a,
header#masthead.white .title-bar a {
    background: url(assets/images/itd_title.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    box-shadow: none;
    height: 20px;
    line-height: 1;
	opacity: 1;
    padding: 0px 100px;
    position: relative;
    top: 3px;
    width: 200px;
}

header#masthead .title-bar a:hover {
    background-color: transparent;
    color: #4D5A49;
}

header#masthead .top-bar-left .menu .home a	{
    background-repeat: no-repeat;
	box-shadow: none;
}

header#masthead .site-mobile-title {
    font-family: "acumin-pro-condensed", "acumin-pro", Helvetica, Arial, sans-serif;
	font-size: 1.25rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;		
}

header#masthead .title-bar-left .menu-icon::after {
	background: #2F2F1B;
	box-shadow: 0 7px 0 #2F2F1B, 0 14px 0 #2F2F1B;
	height: 3px;
}



.is-accordion-submenu-parent > a::after {
	border-color: #0AD3DC transparent transparent;
}

.home .heroArea .heroC img {
    margin-top: 40vh;
	position: relative;
	width: 92%;
}


.home .heroArea .heroC h1 {
	font-size: 4rem;
    margin-top: 15vh;
	margin-bottom: 30px;
}

.home .heroArea .heroC h2 {
	font-size: 2.5rem;
}

section.intro .entry-content {
	margin-top: 0;
	margin-bottom: 0;
}

.home .trailer i.fa {
	font-size: 4rem;
	left: 44%;
}

section.tout-area {
}

section.tout-area .row {
	margin-top: 0;
	margin-bottom: 0;
	padding: 60px 0;
}

section.quote-area .row h2 {
	font-size: 1.5rem;
	text-indent: 0;
	padding: 0 30px;
}

#featured-hero {
	background-position: center;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;	
	height: 570px;
}

#single-post {
	margin: 0;
}

#single-post article .columns h2.entry-title {
	font-size: 2.5rem;
}

#signUp {
    width: 320px;	
}

}



/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	
	
	
}
	
	
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	
	#featured-hero {
    	height: 400px;
	}

	.page .main-content .row {
	    margin-top: 80px;
	}
	
	.page .aboutimg {
		min-height: 240px;
	}
	
	.page-template-page-film-subjects .main-content .tabC,
	.page-template-page-filmmakers .main-content .tabC {
		margin: 0;
	}	
	
	.page-template-page-film-subjects .tabs h1,
	.page-template-page-filmmakers .tabs h1 {
	font-size: 1.5rem;
	letter-spacing: 0;
	}
	
}



/* iPhone 6+ ------Horizontal----- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
	
	#featured-hero {
	height: 400px;
}
	
}


/* iPhone 6+ ------Portrait----- */
@media only screen 
and (min-device-width: 414px) 
and (max-device-height: 736px) 
and (orientation : portrait) 
and (-webkit-device-pixel-ratio: 3){
	
.page-template-page-about #featured-hero h1.entry-title {
	top: 45%;
}	
	
	
}



/* iPhone 5 -----Landscape------ */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){

header#masthead .title-bar-title a {
	min-height: 30px;
}

.title-bar .menu-icon {
    top: 6px;
}

.home div.hero {
	background-attachment: scroll;
	background-color: #000000;
	background-size: auto 100%;
	padding-top: 25vh;
}
	
.home div.hero30 p.quote {
	font-size: 2rem;
	width: 70%;	
}

.home div.hero30 .chev {
	margin: 0 0 0 -12px;
	bottom: 48px;
	width: 24px;
}

.home div.hero .chev {
	margin: 0 0 0 -12px;
	bottom: 20px;
	width: 24px;
}

.home div.hero h2 {
	font-size: 1.5rem;
}

.home div.hero hr {
	height: 1px;
	margin: 10px 0 10px -35px;
}

.home div.hero h1 {
	font-size: 3rem;
}

.home div.hero .button a {
	font-size: 0.9rem;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
  position: absolute;
  left: 30px;
  bottom: 0;
  top: inherit;
}

.home section.blog .row .columns:last-child {
    padding-right: 24px;
}

.home section.touts .columns {
	padding: 0;
}

.home section.touts .signup {
	padding: 24px;
}

.home section.touts .donate {
	padding: 24px;
}	

.home .row.featuredPost div.blogarea {
	padding: 24px;
}

.home .row.testimony .orbit-slide .row {
	padding: 24px;
}

.home .row.testimony .testQuote {
	float: none;
	width: 100%;
}

.home .row.testimony .testImg {
	border-right: none;
	border-top: 2px solid #d8d8d8;
	float: none;
	width: 100%;
}

.home .row.testimony .testImg img {
	margin-left: 20%;
	width: 60%;
}

.home .row.testimony .bluetout {
	padding: 24px;
}

.home .row.trailer i.fa {
	font-size: 4rem;
	top: 30%;
	left: 40%;
}

.home .syno {
	margin-left: 5%;
	width: 90%;
}

.home section .row {
    margin-top: 80px;
}

.home .syno p {
	font-size: 1.5rem;
}

.home .blog .row {
	margin-top: 0;
}

.home .blog .row:first-child {
	margin-top: 80px;
}

.home section.blog .row.vertBlog .columns {
	margin-top: 30px;
	padding: 0;
}

div.blogarea {
	padding: 24px;
}

.home section.blog .row .horzWrapper .horz {
	padding: 24px;
}

.sponsors .columns {
	min-height: 250px;
}

.page .main-content .row {
    margin-top: 60px;
}

#featured-hero {
	height: 320px;
}

#featured-hero h1.entry-title {
	font-size: 2rem;
}

.page .colorBox .row {
	border: 10px solid #F56040;
	padding: 24px;
}

.page .colorBox img.alignright,
.page .colorBox img.alignleft {
	float: none;
	margin: 10px 0;
}	
	
}



/* iPhone 5 -----Portrait ------ */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* iPhone 4 Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

}

/* iPhone 4 / 5 Portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

.alignleft,
.alignright {
	margin: 10px 0;
	padding: 0;
}

header#masthead {
	background-color: #ffffff;
	padding: 0;
}

header#masthead .title-bar {
	background: transparent;
	border-bottom: 1px solid #EEEEF1;
	padding: 16px;
}

header#masthead .title-bar .columns {
	padding: 0;
}

header#masthead .title-bar-title {
	width: 100%;
}

/*
header#masthead .title-bar-title a	{
    background-repeat: no-repeat;
    border: none;
	box-shadow: none;
	display: block;
    min-height: 25px;
    width: 180px;

	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
*/

header#masthead .title-bar-left .menu-icon {
	position: absolute;
	top: 24px;
	right: 20px;
}

nav.top-bar {
	max-height: 6000px;
	transition: max-height .3s ease-in-out;
}

nav#site-navigation {
	border-right: solid 6px #0AD3DC;
}

.top-bar .menu li:not(:last-child) {
	padding: 0;
}

header#masthead .top-bar-right .menu a,
header#masthead.white .top-bar-right .menu a  {
	border-bottom: 1px solid #D8D8D8;
	box-shadow: none;
	color: #333333;
    font-family: "acumin-pro", "Helvetica Neue", Helvetica, "Roboto", Arial, sans-serif;
	font-size: 1rem;
	letter-spacing: 1px;
	line-height: 1;
	height: 22px;
	margin-top: 30px;
	padding: 0 0;
	text-transform: uppercase;	

	-webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

header#masthead .top-bar-right .menu a:hover {
	background-color: transparent;
	border-bottom: 3px solid #F3E74F;
}

.is-accordion-submenu-parent > a::after {
	border-color: #0AD3DC transparent transparent;
}

header#masthead .vertical.menu .menu-item-23 a {
    background-color: #F56040;
    border: none;
    height: 40px;
    margin: 30px 0 0;
    padding: 12px;
    color: #ffffff;
    text-align: center;
}

header#masthead .vertical.menu .menu-item-23 a:hover {
	background-color: #FF6040;
}

h1 {
	font-size: 1.65rem;
}
	
.home div.hero {
	background-attachment: scroll;
	background-color: #000000;
	background-size: auto 100%;
	padding-top: 25vh;
}

.home div.hero .chev {
	bottom: 30px;
}

.home div.hero30 {
	background-image: url('../../uploads/2017/06/132.jpg');
	background-position: center;
}

.home div.hero39 {
	background-position: left center;
}

.home div.hero30 p.quote {
	font-size: 2rem;
	margin: 0 5%;
	width: 90%;
}

.home div.hero30 p,
.home div.hero30 h3 {
	margin-left: 5%;
}

.home div.hero30 img.laurels {
 	display: none;

}

.home div.hero30 img.laurelsM {
	display: block;
	position: absolute;
    bottom: 110px;
    left: 5%;
    width: 90%;
}

.home div.hero h2 {
	font-size: 1.5rem;
}

.home div.hero h1 {
	font-size: 3rem;
}

.home .intro .fp-intro {
	margin-left: 5%;
	width: 90%;
}

.home section.intro p {
	font-size: 1.25rem;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
  position: absolute;
  left: 30px;
  bottom: 0;
  top: inherit;
}

.home section.blog .row .columns:last-child {
    padding-right: 24px;
}

.home section.touts .columns {
	padding: 0;
}

.home section.touts .signup {
	padding: 24px;
}

.home section.touts .donate {
	padding: 24px;
}	

.home .row.featuredPost div.blogarea {
	padding: 24px;
}

.home .row.testimony .orbit-slide .row {
	padding: 24px;
}

.home .row.testimony .testQuote {
	float: none;
	width: 100%;
}

.home .row.testimony .testImg {
	border-right: none;
	border-top: 2px solid #d8d8d8;
	float: none;
	width: 100%;
}

.home .row.testimony .testImg img {
	margin-left: 20%;
	width: 60%;
}

.home .row.testimony .bluetout {
	padding: 24px;
}

.home .row.trailer i.fa {
	font-size: 4rem;
	top: 30%;
	left: 40%;
}

.home .syno {
	margin-left: 5%;
	width: 90%;
}

.home section .row {
/*     margin-top: 80px; */
}

.home .syno p {
	font-size: 1.5rem;
}

.home .blog .row {
	margin-top: 0;
}

.home .blog .row:first-child {
	margin-top: 80px;
}

.home section.blog .row.vertBlog .columns {
	margin-top: 30px;
	padding: 0;
}

div.blogarea {
	padding: 24px;
}

.home section.blog .row .horzWrapper .horz {
	padding: 24px;
}

.sponsors .columns {
	min-height: 250px;
}


/*---------- Page Styles -----------*/

#featured-hero {
	height: 320px;
	margin-top: 25px;
}

#featured-hero h1.entry-title {
	font-size: 2.5rem;
	line-height: 1.15;
	top: 50%;
}

.page .main-content .row:first-child {
	margin-top: 80px;
}

.page .main-content .row {
	margin-top: 24px;
}


/*---------- About Page -----------*/

.page-template-page-about #featured-hero h1.entry-title {
	top: 38%;
}

.page-template-page-about .main-content .entry-content p {
	font-size: 1.25rem;
}
	
.page .aboutimg {
	min-height: 240px;
}	

.page .colorBox .row {
	border: 6px solid #F56040;
	padding-top: 30px;
	padding-bottom: 20px;	
}

.page .colorBox .row .small-12 {
	padding: 20px;
}

.page .colorBox h6 {
	font-size: 1.15rem;
	margin-bottom: 40px;
}

.page .colorBox img.alignright,
.page .colorBox img.alignleft {
	float: none;
	margin: 10px 0;
}

/*---------- Film Subjects Page -----------*/

.page-template-page-film-subjects .tabs .profimg {
	min-height: 90px;
}

.page-template-page-film-subjects .tabs h1 {
	display: none;
}

.page-template-page-film-subjects .main-content .tabC {
	margin-top: 0;
}

.page-template-page-film-subjects .tabs-content .tabs-panel {
	padding: 20px;
}


/*---------- Filmmakers Page -----------*/

.page-template-page-filmmakers .tabs .profimg {
	min-height: 90px;
}

.page-template-page-filmmakers .tabs h1 {
	display: none;
}

.page-template-page-filmmakers .main-content .tabC {
	margin-top: 0;
}

.page-template-page-filmmakers .tabs-content .tabs-panel {
	padding: 20px;
}

#footer #text-3 p {
	font-size: 1rem;
}

	
}




/* iPhone 6 ----- Horizontal ------ */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape){

	header#masthead {
/* 		padding: 16px 0; */
	}
	
	#masthead #socialHeader {
		display: none;
	}
	
	header#masthead .top-bar-left .menu .home a {
		min-height: 40px;
		width: 100px;
	}

	.top-bar .menu li:not(:last-child) {
	    border-right: none;
	    padding: 0 1rem 0 0;
	}

	header#masthead .title-bar-left .menu-icon {
	    top: 26px;
	}

	header#masthead .top-bar-right .menu a {
    	border-bottom: 2px solid #ffffff;
    	font-size: 0.8rem;
   		height: 24px;
   		margin-top: 10px;
		padding: 7px 0 0;
	}

	header#masthead .top-bar-right .menu #menu-item-23 a {
		border: 2px solid #F56040;
		height: 24px;
		margin: 0;
   		margin-top: 10px;
		padding: 3px;
	}
	
/*----Menu Opaque----*/

	header#masthead.white {
		background-color: #ffffff;
		border-bottom: 1px solid #EEEEF1;
	}
	
	header#masthead.white .top-bar-left .menu .home a	{
		background: url('assets/images/bta-logo-1.svg');
	    background-repeat: no-repeat;
		box-shadow: none;
	}
	
	header#masthead.white .top-bar-right .menu a {
		border-bottom: 2px solid #333333;
		color: #333333;
    	font-size: 0.8rem;
   		height: 24px;
   		margin-top: 10px;
		padding: 7px 0 0;		
	}
	
	header#masthead.white .top-bar-right .menu a:hover {
		background-color: transparent;
		border-bottom: 2px solid #F3E74F;
	}

/*----Page Styles----*/
	
	.page-template-page-film-subjects .main-content .tabC,
	.page-template-page-filmmakers .main-content .tabC {
		margin: 0;
	}	
	
	.page-template-page-film-subjects .tabs h1,
	.page-template-page-filmmakers .tabs h1 {
	font-size: 1.5rem;
	letter-spacing: 0;
	}
	
}



/* iPhone 6 ----- Portrait ------ */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait){
	
.page-template-page-about #featured-hero h1.entry-title {
	top: 50%;
}
	
}