/*   
Theme Name: The Aboriginal History of Yarra 
Theme URI: http://www.assemblo.com
Description: The Aboriginal History of Yarra template built by Assemblo / The Creative Agency
Author: Steve de Niese
Author URI: http://www.assemblo.com
Version: 1.0


Layout CSS 

Author: Steve de Niese, Assemblo Pty Ltd 2011.
www.assemblo.com | @assemblo | @steve_deniese

Copyright Assemblo 2011. All Rights Reserved.

	    
    		The Aboriginal History of Yarra BUILT LOVINGLY BY:
           d8888  .d8888b.   .d8888b.  8888888888 888b     d888 888888b.   888      .d88888b.  
          d88888 d88P  Y88b d88P  Y88b 888        8888b   d8888 888  "88b  888     d88P" "Y88b 
         d88P888 Y88b.      Y88b.      888        88888b.d88888 888  .88P  888     888     888 
        d88P 888  "Y888b.    "Y888b.   8888888    888Y88888P888 8888888K.  888     888     888 
       d88P  888     "Y88b.     "Y88b. 888        888 Y888P 888 888  "Y88b 888     888     888 
      d88P   888       "888       "888 888        888  Y8P  888 888    888 888     888     888 
     d8888888888 Y88b  d88P Y88b  d88P 888        888   "   888 888   d88P 888     Y88b. .d88P 
    d88P     888  "Y8888P"   "Y8888P"  8888888888 888       888 8888888P"  88888888 "Y88888P"  
    							   									http://www.assemblo.com
         

		
			Colour Guide
			
			orange - #F0871F
			text (dark green) - #222200
			footer secondary (bg) - #FCE7D2
			
			
			Fonts
			
			Adobe Garamond Pro
			
			Regular
			font-family: "adobe-garamond-pro",sans-serif;
			font-style: normal;
			font-weight: 400;

			Italic
			font-family: "adobe-garamond-pro",sans-serif;
			font-style: italic;
			font-weight: 400;
			
			Bold Italic
			font-family: "adobe-garamond-pro",sans-serif;
			font-style: italic;
			font-weight: 700;
			
			//NB: This font is self hosted, as the tyepkit version didn't render well.
			Junction - Regular
			font-family: junction2,sans-serif;
			font-style: normal;
			font-weight: 400;
			
			Proxima Nova - Bold (list numbers)
			font-family: "proxima-nova",sans-serif;
			font-style: normal;
			font-weight: 700;
		*/
		 

/* CSS RESETS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END RESETS */

/* Clear Fix */
 
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* Generic setup */


img
{
	border:none;
}

em
{
	font-style:italic;	
}

a
{
   outline: none;
}

h1, h2, h3, h4
{
	padding:15px 0;
}

p
{
	padding:0 0 15px 0;
		
}

/* End Generic setup */


/* Typography setup */

p
{
	color:#000000;
	font-size:14px;
	line-height:18px;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;	
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
}

a:link, a:visited
{
    font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	color:#222200;
	text-decoration:underline;
	-webkit-transition: color 0.3s ease-in;  
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in; 
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
}

a:hover, a:active
{
   color:#F0871F; 
   text-decoration:underline;
}

h1
{
	font-family: "adobe-garamond-pro",sans-serif;
			font-style: normal;
			font-weight: 400;
	font-size:30px;
	font-weight:normal;
}

h2
{
	font-family: "adobe-garamond-pro",sans-serif;
			font-style: normal;
			font-weight: 400;
	font-size:21px;
	font-weight:normal;
}

h3
{
	font-family: "adobe-garamond-pro",sans-serif;
			font-style: normal;
			font-weight: 400;
	font-size:14px;
	font-weight:normal;
}

strong
{
	font-family: "adobe-garamond-pro",sans-serif;
	font-weight: 700;
}

/* End typography setup */

/* custom fonts */

/* this is how a font-face rule usually looks like */
@font-face {
    font-family: 'junction2';
        src: url('assets/fonts/Junction-webfont.eot'); /* IE9 Compat Modes */
        src: url('assets/fonts/Junction-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('assets/fonts/Junction-webfont.woff') format('woff'), /* Modern Browsers */
         url('assets/fonts/Junction-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('assets/fonts/Junction-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}
 
/* Chrome Fix */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'junction2';
            src: url('assets/fonts/Junction-webfont.svg#svgFontName') format('svg');
    }
}

Read more at http://www.dev-metal.com/fix-ugly-font-rendering-google-chrome/#sXZVjv6RUbs7IqdF.99

/* CUSTOM TAGS & GENERAL SETUP*/

html, body
{
    /*height: 100%;*/
}

body 
{
	/* FOR MOBILE DEVICES */
	-webkit-text-size-adjust: 100%;	
	/* FOR OSX WEB FONTS */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.underlineText
{
	text-decoration:underline;
}

.clear
{
	clear:both;
}

/*
	LINKS TO FILL CONTAINER DIVS - wrap this div - fillLink around link 
	Include in a wrapping div with position:relative or fixed.
	For IE you also need to duplicate the link around any text in the parent container div
*/

.fillLink a:link, .fillLink a:visited
{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
	cursor:pointer;
	z-index:1;
}
/* END CUSTOM TAGS */

/* WEBSITE STYLE BEGINS HERE */
body
{
	margin: 0;
	padding: 0;
	font-style:normal;
	font-size: 13px;
	line-height:17px;
	color:#222200;
	background-color:#FFFFFF;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
}


#contentWrapper
{
	height: 100%;
    padding: 0;
    min-width: 700px;
}

/* HEADERS */



/* LEFT NAVIGATION MENU */

#leftNavBar
{
	background-color:#FFF;
	height:100%;
	width:300px;
	position:absolute;
	left:0;
	top:0;
	z-index: 2;
}

#leftNavBarBg
{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	background-color:#FFF;
	z-index: 1;
	width:300px;
}

nav#leftNavMenu
{
	width:215px;
	margin-top:280px;
	margin-left:40px;
}

#leftNavMenu ol { 
    list-style-type: decimal;
	padding-left: 20px;
}

nav#leftNavMenu li
{
	padding: 4px 0px;
	color:#F0871F;
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 700;
	position:relative;	
}

nav#leftNavMenu li span
{

}

nav#leftNavMenu li a:link span, nav#leftNavMenu li a:visited span, nav#leftNavMenu li a:link, nav#leftNavMenu li a:visited
{	
	color: #222200;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
	-webkit-transition: color 0.3s ease-in;  
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in; 
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	
}

nav#leftNavMenu li a:hover span, nav#leftNavMenu li a:active span
{
	color:#F0871F;
}

.current-menu-item a:link, .current-menu-item a:visited
{
	/*color:#444444;*/
}

.menuHeader a:link, .menuHeader a:visited
{
	font-family: junction2,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	line-height:140%;
	text-decoration:none;
}

/* RIGHT BAR HOMEPAGE */

#rightBar
{
	position:absolute;
	width:282px;
	top:0;
	right:0;
	background-color:transparent;
	border-left:1px solid #F0871F;
	z-index: 2;
	overflow: visible !important;
}

#rightBarBg
{
	background-repeat:no-repeat;
	background-image:url('./assets/images/rightbar-bg.png');
	background-position:0 0;
	position:fixed;
	width:282px;
	right:0;
	top:0;
	height:100%;
	background-color:#F0871F;
	border-left:1px solid #F0871F;
	z-index: 1;
}

#printsOverlay
{
	position:absolute;
    top: 30px;
	background-repeat:no-repeat;
	background-image:url('./assets/images/footprint-bg.png');
	background-position:0 0;
	width:262px;
	height:312px;
	display:block;
	z-index:-1;
}

#contactBox
{
	background-color:#222200;
	background-image:url("./assets/images/plus-icon.png");
	background-repeat:no-repeat;
	background-position: 250px 18px;
	position:fixed;
	top:0;
	right:0;
	width:283px;
	z-index:2;
}

.contactBoxOpen
{
	background-image:none !important;
}

#contactBox h3 a:link, #contactBox h3 a:visited
{
	color: #FFFFFF;
    font-family: junction2,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-left: 20px;
    text-decoration: none;
    text-transform: uppercase;
}

#contactPanel
{
	background-color:#222200;
	color:#F0871F;
	font-family: junction2,sans-serif;
	font-style: normal;
    font-weight: 400;
	position:fixed;
	top:0;
	right:0;
	width:283px;
	z-index:1;
	display:none;
}

#contactPanelInner
{
	padding: 40px 20px;
}

#contactPanelClose
{
	background-image:url('./assets/images/close-btn.png');
	background-position: 250px 18px;
	background-repeat:no-repeat;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:50px;
}

#contactPanel p
{
	font-family: junction2,sans-serif;
	font-style: normal;
    font-weight: 400;
	color:#F0871F;
}

.gfield_required
{
	display:none;
}

.textarea
{
	height:150px;
}

.textarea, .medium
{
	background-color:#F0871F;
	color:#FFF;
	border:none;
	padding:10px !important;
	font-family: junction2,sans-serif !important;
	font-style: normal !important;
    font-weight: 400 !important;
}

.medium
{
	width:220px !important;
}

#field_1_1 label
{
	width:135px;
}

#gform_submit_button_1
{
	text-transform:uppercase;
	border:1px dashed #FFF;
	color:#FFF;
	background-color:transparent;
	padding:10px 20px;
	margin-left: 70px;
	-webkit-transition: all 0.3s ease-in;  
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in; 
    -o-transition: all 0.3s ease-in;
}

#gform_submit_button_1:hover
{
	color:#F0871F;
	border:1px dashed #F0871F;
	cursor:pointer;
}

label.gfield_label
{
	line-height:20px;
}

li.gfield
{
	margin-bottom:10px;
}

#sitesNav
{
	margin-top:280px;
	margin-left:20px;
	width:214px;
}

.sitesHeader, .sitesHeader a:link, .sitesHeader a:visited, .sitesHeader a:hover, .sitesHeader a:active
{
	font-family: junction2,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:20px;
	line-height:22px;
	color:#222200;
	text-transform:uppercase;
	width:160px;
	text-decoration:none;
}

#sitesList
{
	z-index:10;
}

#sitesList ol { 
    list-style-type: decimal;
	padding-left: 20px;
}

#sitesList li
{
	/*list-style:decimal;
	display:inline-block;*/
	padding: 4px 0px;
	color:#FFF;
	font-family: "proxima-nova",sans-serif;
	font-style: normal;
	font-weight: 700;
}

#sitesList li a:link, #sitesList li a:visited
{	
	color: #222200;
    font-size: 15px;
    line-height: 19px;
    text-decoration: none;
	-webkit-transition: color 0.3s ease-in;  
    -moz-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in; 
    -o-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
}

#sitesList li a:active, #sitesList li a:hover
{
	color:#FFF;
}


#sidebarButtons
{
	margin: 30px 0 50px;
}

#walkingGuideBtn
{
	float:left;
	border:1px dashed #222200;
	background-image:url('./assets/images/print-icon.png');
	background-repeat:no-repeat;
	background-position: 10px 12px;
	width:140px;
	height:80px;
	position:relative;
	margin-left:20px;
}

#walkingGuideBtn a:link, #walkingGuideBtn a:visited
{
	font-family: junction2,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 50px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 5px;
    width: 85px;
	text-decoration:none;
}

#mobileGuideBtn
{
	float:right;
	border:1px dashed #222200;
	background-image:url('./assets/images/mobile-icon.png');
	background-repeat:no-repeat;
	background-position: 8px 12px;
	width:95px;
	height:80px;
	position:relative;
	margin-left:5px;
	margin-right: 30px;
}

#mobileGuideBtn a:link, #mobileGuideBtn a:visited
{
	font-family: junction2,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    left: 40px;
    position: absolute;
    text-align: left;
    text-transform: uppercase;
    top: 5px;
    width: 45px;
	text-decoration:none;
}

/* FOOTER */
footer#footer
{
	background-color: #FCE7D2;
    /*border-left: 1px solid #F0871F;
    */
    width: 100%;
	text-align:center;
}

#coyLogo
{
	float:left;
	margin: 30px 40px 20px 35px;
}

#tribeLogo
{
	float:left;
	margin-top:30px;
}

#footerTxt
{
	margin-top:20px;
	text-align:center;	
	clear:both;
	padding-bottom:10px;
}

#footerTxt p
{
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
	font-size:13px;
}

#footerTxt a:link, #footerTxt a:visited
{
	color:#F0871F;
	text-decoration:underline;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
}

#assembloLink a:link, #assembloLink a:visited
{
	color:#222200;	
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: italic;
	font-weight: 400;
}


/* Class for when there is too much content. */

.fixedFooter {
    bottom: 0;
    position: fixed;
    right: 0;
    width: 282px !important;
	z-index:99;
}


/* GENERIC CONTENT */

.pageBodyContent
{
	margin:0 320px;
	min-width:300px;
}

#frontBtn
{
	background-color:#F0871F;
	background-image:url("./assets/images/back-arrow-white.png");
	background-repeat:no-repeat;
	background-position: 17px 22px;
	position:absolute;
	top:0;
	left:0;
	width:300px;
	z-index:2;
}

#frontBtn h3 a:link, #frontBtn h3 a:visited
{
	color: #FFFFFF;
    font-family: junction2,sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    padding-left: 72px;
    text-decoration: none;
    text-transform: uppercase;
}

.frontBtnDark
{
	background-color:#222200;
}

/* HOME PAGE */

#homeBodyContent
{

}


header#mainHeader
{
	margin:20px auto 88px;
	width:338px;
	height:175px;
}

#homeVideo
{
	width:560px;
	margin:0 auto;
	position:relative;
	border-top:1px solid #F0871F;
}

#homeVideo h2
{	
	font-family: "adobe-garamond-pro",sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 700;
    line-height: 20px;
    position: absolute;
    text-align: center;
    top: -26px;
    width: 100%;
}

#homeVideo p
{
	text-align:center;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
}

#homeVideo h2 span
{
	background-color:#FFF;
	padding: 0 7px
}

#homeVideo iframe
{
	margin-top:15px;
}

/* SUB PAGE */

#sidebarHeader
{
	position:absolute;
	top:40px;
	left:20px;
}

#standardBodyContent
{
	margin-top:265px;
}

h1#postHead
{
	color: #F0871F;
    font-family: junction2,sans-serif;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

#standardBodyContent p, #standardBodyContent td
{
	font-size: 17px;
    line-height: 25px;
}

#standardBodyContent td
{
	padding:5px 15px;
}

.pageBodyContent tr:nth-child(odd)
{
	background-color:#FCE7D2;
}

/* SITES OF SIG PAGE */

#mapContent
{
	background-color: #E5E3DF;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

#mapCanvas
{
	height: 100%;
    width: 100%;
}

.sitesLeftNav
{
	background-color:#F0871F !important;
	height:auto !important;
}

.sitesLeftNav #frontBtn 
{
	background-color:#222200;
}

.sitesSidebarHeader
{
	background-color: #FFFFFF;
    left: 0 !important;
    padding-left: 20px;
    padding-right: 7px;
    padding-top: 10px;
    top: 53px !important;
}

#sitesCats
{
	margin:40px 20px;
}

#sitesCats ul li
{
	margin-bottom:20px;
	list-style-type:none;
}


#sitesCats ul li a:link, #sitesCats ul li a:visited
{
    font-family: junction2,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    padding: 6px 10px;
    text-decoration: none;
    text-transform: uppercase;
	-webkit-transition: none;  
    -moz-transition: none;
    -ms-transition: none; 
    -o-transition: none;
    transition: none;
}


#sitesCats ul li a:hover, #sitesCats ul li a:active
{

}

.deselectCat a:link, .deselectCat a:visited
{
	background-color:#222200 !important;
	color:#FFF !important;
}

div.gmnoprint 
{
	margin-right: 300px !important;
	margin-top: 10px !important;
}


/* ABORIGINAL CONTROL ORG */
#cat1 a:link, #cat1 a:visited
{
	background-color:#b35424;
	color:#FFFFFF;
}

/* PRE CONTACT */
#cat2 a:link, #cat2 a:visited
{
	background-color:#952436;
	color: #FFFFFF;
}

/* EARLY CONTACT */
#cat3 a:link, #cat3 a:visited
{
	background-color:#6e2c51;
	color: #FFFFFF
}

/* EDUCATION */
#cat4 a:link, #cat4 a:visited
{
	background-color:#523857;
	color: #FFFFFF
}

/* VISUAL ARTS */
#cat5 a:link, #cat5 a:visited
{
	background-color:#454e82;
	color: #FFFFFF
}

/* CIVIL RIGHTS */
#cat6 a:link, #cat6 a:visited
{
	background-color:#1c6686;
	color: #FFFFFF
}

/* MEETING PLACE */

#cat7 a:link, #cat7 a:visited
{
	background-color:#156759;
	color: #FFFFFF
}

/* SPORT */
#cat8 a:link, #cat8 a:visited
{
	background-color:#3c7030;
	color: #FFFFFF
}

.sitesSitesNav
{
	margin-top:40px !important; 
}

#siteDetailsHolder
{
	margin-top:280px;
}

.sitesDetails
{
	display:none;
	position:relative;
	margin:20px 20px;
}

.sitesDetails h2
{
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: italic;
	font-weight: 700;
	color:#222200;
	margin-bottom:20px;
	font-size:14px;
	line-height:16px;
}

.sitesDetails p
{
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size:14px;
	line-height:17px;
}

.siteImg
{
	margin-top:30px;
	position:relative;
}

.siteIcon
{
	position: absolute;
    right: -37px;
    top: 10px;
    z-index: 2;
}


.siteFullscreenOverlay {
    bottom: 4px;
    position: absolute;
    right: 10px;
}

/* HISTORY OF YARRA PAGES*/

#historyGalleryHolder
{
	margin-top:280px;
}

.historyImage
{
	border-top:1px solid #222200;
	position:relative;
	margin-bottom: 20px;
    padding-top: 15px;
}

.fullscreenOverlay
{
	position:absolute;
	right: 8px;
    top: 208px;
}

.historyImage h4
{
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: italic;
	font-weight: 700;
	font-size:18px;
	line-height:20px;
	position:absolute;
	top:-26px;
	text-align:center;
	width:282px;
}

.historyImage h4 span
{
	background-color:#F0811F;
	padding:0 7px;
}

.historyImage p
{
	margin:5px 10px;
}

.lb-data .lb-caption
{
	font-family: "adobe-garamond-pro",sans-serif !important;
	font-style: italic !important;
	font-weight: 700 !important;
	font-size:15px !important;
	line-height:20px !important;
	color:#FFF !important;
}

/* HIDE MOBILE */

.mobileOnly
{
	display:none;
}

#mobileMapFullsiteOnly p
{
	text-align:center;
	font-size:18px;
	line-height:22px;
}

/* SHARING LINKS */

#pageSharingLinks
{
	border-top:1px solid #DDD;
	padding-top:20px;
	margin-bottom: 20px;
}

#pageSharingLinks .sharingBoxHeader
{
	color: #222200;
	font-family: junction2,sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	text-transform: uppercase;
	
}

a.synved-social-button:link img, a.synved-social-button:visited img
{
	opacity:.8;
	-webkit-transition: opacity 0.1s ease-in;
	-moz-transition: opacity 0.1s ease-in;
	-ms-transition: opacity 0.1s ease-in;
	-o-transition: opacity 0.1s ease-in;
	transition: opacity 0.1s ease-in;
}

a.synved-social-button:hover img, a.synved-social-button:active img
{
	opacity:1;
}

/* Video Quilt */

.page449
{
	background-color:#000 !important;
}

.videoQuilt
{
	position: relative;
	width: 80%;
	margin:0 auto 50px;
}

.quiltWarningTxt
{
	color: #F0871F;
	position: absolute;
	top: 0;
	left: 0;
	max-width: 230px;
	margin-top: 110px;
}

.quiltWarningTxt p
{
	color:#F0871F;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
}

.quiltLogo
{
	margin:70px auto 10px;
	max-width:330px;
	width:90%;
}

.quiltLogo h1
{
	text-transform: uppercase;
	color:#F0871F;
	text-align: center;
	font-family: junction2,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 22px;
}

.videoQuiltInner
{
	width:100%;
	margin: 0 auto;
}

.loadingVideoQuilt
{
	opacity:0;
}

.quiltVideoSingle
{
	width:400px;
	min-height:225px;
	position: relative;
}

.videoThumb 
{
	width:100%;
	min-height:225px;
	position: relative;
	cursor: pointer;
}



.videoThumb img
{
	display: block;
}

.playBtnOverlay
{
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-30px;
	margin-top:-25px;
	opacity: 0;
	-webkit-transition: all 0.1s ease-in;  
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in; 
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.revealedQuiltSingle .videoThumb .playBtnOverlay
{
	opacity: .5;
}

.revealedQuiltSingle .videoThumb:hover .playBtnOverlay
{
	opacity: 1;
}

.quiltSingle:hover .quiltOverlay, .quiltOverlay:hover
{
	background-color:#F0871F;
}

.quiltOverlay
{
	width:100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(255,255,255,0.8);
	pointer-events:none;
	-webkit-transition: all 0.1s ease-in;  
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in; 
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.quiltOverlayInner
{
	padding:5px 20px;
}

.quiltOverlay .quiltOverlayInner h2
{
	text-transform: uppercase;
	color:#222200;
	font-family: junction2,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 22px;
}

.quiltSingle
{
	max-width:400px;
	overflow: hidden;
}

.quiltSingleFullCaption
{
	display: none;
	background-color:#F0871F;
	width: 100%;
}

.quiltSingleFullCaptionInner
{
	padding:20px 20px;
}

.quiltSingleFullCaptionInner p
{
	color:#FFF;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}

p.quiltSingleFullCaptionTitle
{
	color:#FFF;
	text-transform: uppercase;
	font-family: junction2,sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 22px;
}

p.videoNote
{
	color:#222200;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: italic;
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
}

.quiltFooterInner
{
	float:right;
	margin-right: 20px;
	width:300px;
}

.submitVideoBox
{
	width:90%;
	display: block;
	margin:0 auto 20px;
}

.submitVideoBox p
{
	color:#FFF;
	text-align: center;
	font-family: "adobe-garamond-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
}

.submitVideoBox p a:link, .submitVideoBox p a:visited
{
	color:#FFF;
	text-decoration: underline;
}

.submitVideoBox p a:hover, .submitVideoBox p a:active
{
	color:#F0871F;
}

/* isotope animations */
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.historyListHide{
	display:none;
	margin-bottom:20px;
}

.historyListOuter.active{
	background-position:right -27px;
}

.historyListOuter{
	background-image: url('assets/images/history-arrow.png');
	background-position:right 34px;
	background-repeat: no-repeat;
	background-size: 12px;
}