/*
    Theme Name: Amy Jenkins
    Theme URI: https://www.hamiltrowebsitedesign.com
    Description: CUSTOM THEME
    Version: 1
    Author: hamiltro
*/

@font-face {
	font-family: 'FuturaPT';
	src: url('/wp-content/themes/amyJenkins/assets/fonts/FuturaPT-Light.eot');
	src: url('/wp-content/themes/amyJenkins/assets/fonts/FuturaPT-Light.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/themes/amyJenkins/assets/fonts/FuturaPT-Light.woff') format('woff'),
		url('/wp-content/themes/amyJenkins/assets/fonts/FuturaPT-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}

/* PALETTE / VARIABLES
*****************************************/
:root {
	--color-text: #999;
	--color-background: #222;
	--color-a: #CCC;
	--color-a-hover: #FFF;
	--color-strong: #AAA;
	--color-siteTitle: #EEE; /* xxx */
	--color-siteTitle-hover:  RED; /* xxx */
	--color-pageTitle: WHITE; /* xxx */
	--mainNav-text-link-color: #CCC;
	--mainNav-text-link-hover-color: WHITE;
	--menuMainNav-BG-color: #444;
	--navbar-nav-border-color: #DDD;
	--color-sub-menu-li-bg: rgba(0,0,0,0.7);
	--color-sub-menu-li-a: #333;
	--color-sub-menu-li-bg-hover: rgba(0,0,0,1);
	--color-sub-menu-li-border: rgba(209, 230,246,0.25); /* xxx */
	--color-current-menu-item: #666;									/* added */
	--color-readMore-a: #666666;
	--color-readMore-a-border: GREEN;
	--color-readMore-a-background: GREEN;
	--color-readMore-a-hover: RED!important;
	--color-readMore-a-hover-border: RED;
	--color-readMore-a-hover-background: WHITE;
	--color-border-subtle: #444;
	--color-divider: #555;;
	--form-input-border-color:  #444;
	--form-button-bg-color: #666;
	--form-button-text-color: #FFF;
	--form-button-bg-hover-color: #222;
	--color-wpcf7-sent: RED;
	--color-footer-background: BLACK;
	--color-footer-border: #444;
	--color-footer: #CCC;
	--color-footer-a: #DDD;
	--color-footer-credit: #BBB;
	--color-footer-credit-a:#CCC;
	--color-footer-a-hover:#FFF;
	
	
	
	--font-siteTitle:  'FuturaPT', 'Open Sans', sans-serif;
	--font-nav:   'FuturaPT', 'Open Sans', sans-serif;
	--font-body: 'Open Sans', sans-serif; 
	--font-readMore:  'Open Sans', sans-serif;
	--font-quote: Baskerville, 'Palatino Linotype', Palatino, 'Century Schoolbook L', 'Times New Roman', serif;
}


/*HEADER: TITLE AREA
****************************************
div.siteTitle {border: 1px solid grey;}
div.mainNavigation  {border: 1px solid grey;}
div.navbar-icon {background-color: yellow;}
div.navbar-collapse {background-color: #e2f6d3;}
*/
h2{
	font-size: 2.4rem;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 40px;
}

div.siteTitle {
	font-size: 1.8rem;
	font-weight: bold;	
	text-transform: uppercase;
}

.siteTitle h1 {
	font-size: 1.0em;
	letter-spacing: 0.1em;
}

@media (max-width: 450px){
	.siteTitle h1 {letter-spacing:0.1em;}
}

.theMainTitle {
	font-weight: bold;
}

.theSubTitle{
	font-weight: 200;
}



.pageTitle a {
	font-family: var(--font-siteTitle); 
	color: var(--color-pageTitle);
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


/*HEADER: NAVIGATION AREA
*********************************************/

.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item>a {
	padding: 0 0 0 0.4em;
    text-transform: uppercase;
    font-size: 0.9rem;
    letter-spacing: 0.09rem;
}

@media (max-width: 951px) {
	.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item {text-align: center;}
	.menu-main-navigation-container ul.nav.navbar-nav>li.menu-item>a{
	padding: 16px 0.4em;	
	}
}

.sub-menu {

	font-size: 0.8em;
	text-transform: uppercase;
	padding-top:10px;	
}

@media (max-width: 951px)	{
	.sub-menu	{
		width: 100%;
	}
}

.icon-bar,
.navbar-toggle:focus .icon-bar, .navbar-toggle:hover .icon-bar	{
	height: 2px;
	margin: 2.5px;
}

/* HOME PAGE
*********************************************************/

.home .navbar-wrapper {background-color: transparent;}

.home section.bannerImage {
	margin-top: -110px;
	padding: 0;
	height: calc(100vh + 110px);
	background-image: url('/wp-content/uploads/2021/10/AA-film-still-Adam_s-new-haircut-at-15-crop.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	-o-background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}

.image-section {
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(30%, rgba(0, 0, 0, 0.5)), color-stop(80%, rgba(0, 0, 0, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.9)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.8) 80%, rgba(0, 0, 0, 0.9) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33000000", endColorstr="#e6000000", GradientType=0);
	/*display: table;
	overflow: hidden;
	table-layout: fixed;*/
	width: 100%;
	height: 100%;
}


/*HOMEPAGE ABOUT
********************************************************/

.about_inner {
		padding: 1.4rem 5% 2.5rem;
}
.about_inner .lft_about,
.about_inner .rgt_about {
	padding-top:20px;
    padding-bottom:20px;
	width: 100%;
    box-sizing: border-box;   
}

@media (min-width: 550px)	{
	.about_inner {display:flex; }
	.home .about_inner { padding-left:20px;}
	.about_inner .lft_about{width: calc(35% - 0px); padding-right: 3%; }
	.about_inner .rgt_about {width: calc(65% - 0px); padding-left: 3%;  }
}

@media (min-width: 768px)	{
	.about_inner .lft_about {padding-left: 5%; padding-right: 4%;}
	.about_inner .rgt_about { padding-left: 4%;}
}

.about_content{
	text-align: justify;
}

/*ABOUT PAGE
*******************************************************/

.page-about .about_inner {
	padding-top: 0;
}

.page-about .lft_about {
	padding-left: 0;
	padding-right: 0;
}


/* WORK ARCHIVE PAGES
*********************************************************/
/*.two-col.flexContainer	{
	justify-content:space-around;
}

.two-col.flexContainer p	{
	margin-left: 0;
}*/

.row.content {
	padding: 2rem 2%;
}

.term-feature-films .row.content {
	padding: 4rem 2%;
}

@media (max-width: 768px) {
	.row.content {padding: 4rem 0;}
}

div.data, div.data p {
	margin-left: 0;
	max-width: 55em;	
}
@media (min-width: 769px){
	.flex-col-4.image.pad-1{ padding: 0 2% 0 0;}
	.flex-col-7.data.pad-1{ padding: 0 0 0 2%;}
}
.datafield>p{
	margin-bottom: 2px;
}
h4.workTitle{
	margin-bottom: 6px;
}

.excerpt{
	margin-top: 1em;
}

p.readMore	{
	font-size: 0.9em;
}

/* WORK SINGLE PAGES
*********************************************************/

#nav-single .right{
	float: right;
}
#nav-single .left{
	float: left;
}

section.screenings{
	background-image: url(assets/images/Audrey-Linda-hands-with-flower-enlarged.jpg);
	min-height: 500px;
	background-attachment: fixed;
    background-color: #fff;
    background-position: 50% 0;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
	padding: 0;
}
.screenings .screen_img_sec{
	padding: 3rem 5% 3rem 4%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 30%, rgba(0,0,0,0.8) 80%, rgba(0,0,0,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(30%,rgba(0,0,0,0.5)), color-stop(80%,rgba(0,0,0,0.8)), color-stop(100%,rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0.8) 80%,rgba(0,0,0,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#e6000000',GradientType=0 );
    display: table;
    overflow: hidden;
    table-layout: fixed;
    width: 100%;
}
.screen_page_title{
	text-align: center;
	color: #fff;
}
.screen_img_list{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
    align-items: center;
}
.screeningsGallery{
	width: 33.3%;
	text-align: center;
	padding: 3%;
    box-sizing: border-box;
}
.screeningsGallery h5{
	color: #fff;
}
.stillsGallery	{
	padding: 5rem 0;
	display: block;
}

.gallery-item {
    float: left;
    list-style: none;
}
body #cboxOverlay, body #cboxContent{
	background: #565555;
	background: rgba(1,1,1,0.9);
}
.mainContent .stillsGallery ul#gallery-1{
	width: 100%;
	max-width: unset;
}
@media (min-width:769px) {
	.flex {
		display: flex;
	}
	h3.archive.post_title.mobile_only {
		display:none;
	}
	h3.archive.post_title.desktop_only {
		display:block;
	}
	.flex-col-8 {width: 66.6%;}
	.flex-col-4 {width: 33.3%;}
	.flex-col-6 {width: 50%;}
	.flex-col-9 {width: 75%;}
	.flex-col-3 {width: 25%;}
	.flex-col-1 {width: 8.3%;}
}

.flex-item {
  padding: 10px;
  flex: 33%;
}

.flex-item-7 {flex: 70%;}
.flex-item-6 {flex: 60%;}
.flex-item-3 {flex: 30%;}
.flex-item-5 {flex: 50%;}
.flex-item {
  padding: 10px;
  flex: 33%;
}

p.filmCredit {margin-bottom: .2em;}
p.filmCredit span.content{font-style: italic;}

/*
div.quotes	{
	padding-top: 50px;
}
not needed as using press */

@media (max-width: 768px)	{
section.video, section.video .row.content	{ padding:0;}
section.video .row.content p	{text-align: center;}
}
iframe	{margin: 0 auto;}

/* NEWS / EVENT PAGES
*********************************************************/

h3.eventTitle	{
	margin: -0.3em 0 1em 0;
	line-height: 1.5em;
}
.eventDate.flex-item-3	{
	text-align: right;
}

.eventDetails.flex-item-7	{
	text-align: left;
}

.eventDate.flex-item-3	{
	padding-right: 30px;
	text-transform: uppercase;
	font-size: 1.1rem;
}

.eventDate.flex-item-3 p,
.eventDetails.flex-item-7 p {
	margin: 0;
}


.eventDate span.moDay	{
	font-weight: bold;
}

.eventDate p {
	padding-right: 10px;
	border-right: 3px solid #193b68;
}

.eventDesc  {
	padding:1em 0px 12px;
	max-width: 600px;
}
.news_sec .news_content, .news_sec h3{
	max-width: 730px;
	margin: 0 auto;
}
.readmore {
    margin-top: 20px;
    text-align: right;
}
.stillsGallery .gallery:before, .stillsGallery .gallery:after{
	content: '';
	clear: both;
	display: block;
}
.work_container{
	display: flex;
    flex-wrap: wrap;
    /* align-items: center; */
}
.work_news{
	width: 50%;
	padding: 5px 10px;
}
@media (min-width: 768px){
	.gallery-item img {
		height: 180px;
		width: auto;
		padding: 5px;
	}
}
@media (max-width: 768px){
	.homeEvents .eventDate.flex-item-3{
		display: none;
	}
	section.screenings{
		min-height: unset;
	}
}

p.dateDescription	{
	color: var(--color-strong);
	font-weight: bold;
}
p.dateDescription,
p.venue	{
	margin-bottom: 2px;
}
.workTitle, .tax-work_cat .readMore
{
	max-width: inherit!important;
}