/*
 Theme Name:     QFN2021
 Description:    Custom theme for QFN by Chesapeake	
 Author:         Chesapeake
 Author URI:     http://www.thisischesapeake.com
 Template:       York
 Version:        1.0
*/

@import url('../York/style.css');


/* GLOBALS */

	body {
		font-family: "proxima-nova";
		font-weight: 400;
	}
	
		/* Baseline font size */
		
		html, body,
		nav ul li { font-size: 22px; }
		
	hr { border: 0; height: 2px; margin: 1.5em 0 1.25em; display: block; }
	
		
		
	/* Colours */
	
	.bg-white { background:#ffffff; }
	
	.tertiary { background: #8d007b }
	
	
	/* Mobile */

	.mobile-only {
	    display: none;
	    visibility: collapse;
	}
	
	.non-mobile-only {
	    display: block;
	    visibility: visible;
	}


/* TYPOGRAPHY */

	/* Styles */

	b, strong { font-weight: 600; }
	
	small,
	.descriptor { 
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
		font-size: 80%;
		line-height: 1em;
	}
	
	.post-type { text-transform: capitalize; }
	
	
	/* Paragraphs */
	
	.text-block p:first-of-type { font-weight: 600; }
	
		.text-block form p:first-of-type,
		body.single-films .text-block p:first-of-type { font-weight: 400; }
	
	p { max-width: 100%; }
	
	p.wp-caption-text { opacity: 1; }
	
	/* Buttons */
	
	.button,
	input[type=submit].button {
		width: 50%;
		padding: 1em 0;
		display: block;
		text-align: center;
		font-weight: 500;
		color: white;
	}
	
		.button:hover,
		.primary,
		.secondary,
		.tertiary { color: white }
	
	p.wp-caption-text .button { margin-top: -10px; width: 40%; }
	
	#sidebar .button { width: 100%; }
	
	
/* LINKS */

	a.tw {
		text-indent: -9999px;
		display: block;
		width: 30px;
		height: 24px;
		background-image: url(images/QFN-twitter.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		margin-top: 10px;
	}
	
	a.tag {
		display: inline-block;
		padding: 5px 7px;
		line-height: 1em;
		background: #f7f8f9;
		margin-right: 10px;
		border-bottom: 2px solid #e5e6e7;
	}
	
		a.tag:hover { background: #f0f1f2; border-bottom: 2px solid #e0e1e2; }
		
	body.parent-pageid-39 a,
	body.archive a,
	body.single-films a {
		color:black;
	}


/* HEADINGS */

	h1 { font-weight: 700; }
	
	.qfn-band h2 { margin-top: 1.25em; }
	
	.text-block h4 { font-weight: 500; }
	
	
/* PAGE */

	/* Globals */
	
	.block,
	.last-block {
		margin: 0 auto;
		padding: 10px 40px;
	}
	
		.text-block.block,
		#sidebar {
			padding: 40px;
		}
		
		#searchform {
			padding: 40px 40px 0;
			margin: 0 0 -20px;
		}
		
	.qfn-band {
		padding: 75px 40px 40px;
	}
	
		.qfn-band.reduced-padding {
			padding: 35px 40px 20px; }
	
		.qfn-band:last-of-type {
			padding-bottom: 75px;
		}
		
		.qfn-band.reduced-padding:last-of-type {
			padding-bottom: 35px;
		}
		

	/* Header */
	
	header {
		padding: 1em 0;
	}
	
	/* Poster */
	
	main { position: relative; }
	
	#title-block-holder {
		margin-top:12.5%;
		margin-bottom: 0%;
		height: auto;
		position: relative;
	}
	
	body.home #title-block-holder {
		margin-bottom: 10%;
	}

		#title-block {
			background: rgba(255,255,255,0.96);
			padding-top: 1em;
			position: relative;
			height: auto;
			width: auto;
		}
			
	/* Page */
	
	#content-holder {
		background: rgba(255,255,255,0.96);
	}
	
	body.home #content-holder {
		background: white;
	}


/* LISTS */

	/* Main menu */

	nav#main-menu {
		text-align: center;
		display: block;
		font-weight: 600;
	}
	
	ul.menu li { border-bottom: none; padding: 0; }
	
	
	/* Submenu */
	
			/* Hover state – visible */
			ul.menu li.menu-item-has-children:hover ul {
				width: 175%;
				z-index: 999;
				background: rgba(255,255,255,0.96);
				margin-left: -20px !important;
				padding-left: 20px !important;
				text-align: left;
			}

			/* Each item in a submenu */
			ul.menu li.menu-item-has-children ul li {
				margin-top: 0.667em;
				font-size: 18px;
			}
				ul.menu li.menu-item-has-children ul li:first-child {
					padding-top: 0.5em;
				}
				
				ul.menu li.menu-item-has-children ul li:last-child {
					padding-bottom: 1em;
				}
				
				/* Hover state – visible */
				ul.menu li.menu-item-has-children:hover ul ul {
					position: relative;
					width: 100%;
					background: transparent;
				}
				
					ul.menu li.menu-item-has-children ul ul li:first-child {
						padding-top: 0;
					}
					
					ul.menu li.menu-item-has-children ul ul li:last-child {
						padding-bottom: 0;
					}
				
				/* Hide password protected menu */
				
				body ul.menu li#menu-item-56 ul.sub-menu { display: none; }
				
				body.pp ul.menu li#menu-item-56 ul.sub-menu { display: block; }
				
	
	/* Sidebar menu */
	
	#sidebar ul.menu,
	ul.blank {
		list-style: none;
		margin: 0 0 1em 0;
		padding: 0;
		font-weight: 600;
	}
	
		#sidebar ul.menu li { display: block; margin-bottom: 0.33em; }
		
		
	/* Mailchimp list (radio buttons) */
	
	.mc-field-group ul { list-style: none; padding: 0; margin: 0 0 1em 0; }


/* IMAGES */

	img {
		max-width: 100%;
		height: auto;
	}

	.logo {
		max-width: 155px;
		height: auto;
		position: absolute;
		right:0;
		top:-0.5em;
		z-index: 1;
	}
	
	img.alignright,
	div.alignright {
		margin: 0 -63.75% 1em 2em;
	}
	
	.qfn-band img { box-shadow: 0px 0px 3px 1px #CCC; }
	
/* FORMS */

	#sidebar form,
	#sidebar fieldset {
		border: none;
		padding: 0;
	}

	input[type=url],
	input[type=password] {
		border-radius: 0;
		-moz-border-radius: 0;
		margin-top: 0.5em;
		font-size: 1em;
		font-family: inherit;
	}

	input[type=url],
	input[type=password] {
		width: 95%;
		border: 0;
		padding: 2.5%;
		background: #f7f7f7;
	}
	
		input[type=password] { width: 70%; }
	
	input[type=button] {
		border: 0;
		color: white;
	}
	
	input[type=text],
	input[type=number],
	input[type=email],
	input[type=url],
	select {
		margin-bottom: 1em;
	}
	
	.wpcf7 input[type=text],
	.wpcf7 input[type=number],
	.wpcf7 input[type=email],
	.wpcf7 input[type=url],
	.wpcf7 select {
		margin-bottom: 0;
	}
	
	input[type=radio] {
		margin-right: 0.333em;
	}
	
		input.logout { text-transform: capitalize; }
		
	input#s { 
		background-image: url(images/search.png);
		background-repeat: no-repeat;
		background-position: 96% center;
	}
	
	
/* ACCORDIAN */

	.accordian {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.accordian h4 {
		cursor: pointer;
		background-image: url(images/accordian-down.png);
		background-repeat: no-repeat;
		background-position: 96% center;
		background-size: 20px 20px;
		font-weight: 700;
	}

		.accordian .collapse {
			background-image: url(images/accordian-up.png);
			background-repeat: no-repeat;
			background-position: 96% center;
			background-size: 20px 20px;
		}

    .accordian ul {
		display: none;
		padding: 0.333em 0 !important;
		list-style: none;
		margin: 0 0 0 0 !important;
	}

		.accordian ul li {
			margin: 0 0 0.333em 0;
			padding: 0 0 0 0;
		}

    .accordian ul.visible { display: block; }

    
/* NAVIGATION (Pagenavi) */

	div.wp-pagenavi { margin-top: 2em; }
	
	span.pages { margin-right: 1em; }
	
	span.current,
	a.page { margin: 0 0.25em; }
	
	span.current { opacity: 0.5; }

	/*video shortcode*/
.is-style-grid-columns h1,
.is-style-grid-columns h2,
.is-style-grid-columns h3{
    font-size: 15px;
}
.is-style-grid-columns p{
  font-size: 14px;
}

.is-style-grid-columns .wp-block-column:not(:first-child){
  margin-left: 10px;
}

.is-style-grid-columns figure.wp-block-image.size-large {
    width: 100%;
    margin: 0;
    height: 130px;
    overflow: hidden;
}

.video-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.video-list .video-item{
  width: 49%;
 /* border: 2px solid #222222;*/
  /* box-shadow: 8px 8px 0px rgba(0, 0, 0, 0.1); */ 
  position: relative;
  transition: all 200ms;
  top:0;
  left:0;
  padding: 0 20px;
}
.video-list .video-item:hover{
  top:-3px;
  left:-3px;
}
.video-list .video-item .image-wrap{
 /* height: 150px; */
  overflow: hidden;
  position: relative;
  justify-content: center;
}
.video-list .video-item .icon{
  width: 48px;
  height: 48px;
  background-color:white;
  position: absolute;
  top: calc( 50% - 24px );
  left:calc( 50% - 24px );
  border-radius: 100%;
  opacity: 0.75;
}
.video-list .video-item .arrow{
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 13px solid black;
  position: relative;
  left: 15px;
  top: 15px;
}
.video-list .video-item img{
  width: 100%;

}
.video-list a h3{
  font-family: Proxima Nova;
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 32px;
  color:#222222;
}
.video-list a .content{
  padding: 24px;
}
.video-list a .content span{
  font-family: Proxima Nova;
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 32px;
  color:#444444;
}