/* If your page background-color is red after enabling the PHPlugins function, then you know it's working.
 * Delete this after confirmation, because it's hideous :
 */
/*body {
	background-color: #f00 !important;
}*/


/* Font: .tk-proxima-nova */

/* Hide text until Typekit fonts load */ 
/* DELETE THIS LINE
.wf-loading body, .wf-loading #nav a, .wf-loading #nav li a, .wf-loading #nav li span  {
	visibility: hidden;
}
DELETE THIS LINE */

/* Reduce Mobile Access Bar to a single button */
@media screen and ( max-width: 1024px ) {
	.page__mobile {
		display: block;
		float: left;
		left: auto; right: 0;
		margin: 6px 6px 24px 24px;
		width: auto;
	}
	.page__mobile .page__title {
		display: none;
	}
	.page__header, 
	.page__columns {
		margin-top: 0;
		padding-top:0;
	}
}

/* shadowVIEWS logo class //
.shadowVIEWSlogo h1 {
	background-image: url(/backlight/designer?c=page&a=image&p1=1) no-repeat;
	height: 60px;
	width: 300px;
	}
*/

/* Copyright - centre text */
div.copyright p {
   text-align: center;
}

div.copyright a {
	color: #1d1d1b;
}

/* Social Media bar (in footer) */
#socialbar {
   text-align: center;
   margin-top: 24px;
   display: block;
}
/* Navigation customization */

.primary-menu li.menu-item:first-child {
	margin: 10px 0 20px 0;
}

.sub-menu li.menu-item:first-child {
	margin: 0;
}

/* Main page (Copy) customisation */

.the__copy > .content h1 {
	font-size: 2.5em;
	color: #1D71B8;
	text-align: center;
}

.the__copy > .content h2 {
	font-size: 1.5em;
	color: #144672;
	text-align: left;
}

.the__copy > .content h3 {
	font-size: 1.5em;
	color: #144672;
	text-align: left;
}

.coming-soon {
	font-size: 1.5em;
	color: #144672;
	text-align: center;
	margin-top: 2.5em;
}

.homepage_creators {
	font-size: 0.8em;
	color: #144672;
	text-align: right;
}

.about_page_contact {
	font-size: 0.8em;
	text-align: right;
}

/* Photoswipe formating */

/* Format metadata text under thumbnails */
ul.metadata li {
	font-size: 0.75em;
	color: #1D71B8;
}

ul.metadata li:first-child {
	font-size: 1em;
	color: #144672;
}

/* Center caption under large image */
.pswp__caption__center {
	font-size: 1.25em;
	color: #144672;
	text-align: center;
}

.single_image figcaption {
	font-size: 1.25em;
	color: #144672;
	text-align: center;
}

/* Backlight Theater Plug-in customisation */

.flickity-page-dots li.dot {
	font-size: 0.5em;
	background-color: #A8A8A7;
}

.flickity-page-dots li.dot.is-selected {
	background-color: #1D71B8;
}

.carousel_caption p {
	font-size: 1.25em;
	color: #144672;
	text-align: center;
	margin-bottom: 2em;
}

/* About page - Profile Image formating */

.about_profile_image {
	padding: 0 1em 1em 0;
	max-height: 200px;
	max-width: 200px;
	float: left;
}

.about_page_contact {
	font-size: 0.9em;
	text-align: right;
}