/*
Theme Name: Letterbox-V1.1
Theme URI: http://letterbox.net.au/
Description: Custom theme for Letterbox Website
Version: 1.0
Author: Niels Oeltjen
2013-2017 updates made by: Nina Mujdzic
*/


/*Smaller Screens*/

@media (max-width : 1025px)  {
body, html {
	width:100%!important;
	overflow-x:hidden !important;
 }

#wrapper {
	min-height: 500px !important;
	width:100% !important;
	overflow-x:hidden !important;
	padding: 6%;
	box-sizing:border-box;
}

/*Index*/

#container {
	float:none;
	margin-top: 10px;
}

#content {
	width:100% !important;
	float:none;
	margin-top: 13px;
}

.entry-content {
	float:none !important;
	width: 100% !important;
	margin: 10px 0px 10px 0px;
}

/*Post*/

#post {
	width:100% !important;
	border-bottom: 3px solid #000 !important;
	padding-bottom:30px !important;
	margin-bottom:10px !important;
	padding-left:50px !important;
}

.post-sidebar {
	float:none !important;
	width:100% !important;
	border-left:none !important;
}

.post-info ul {
	border-top:none !important;
}

.post-info ul, #sub-menu  {
	width:100% !important;
}

.post-info p, #sub-menu .post-info p {
	width:95% !important;
}

#buy-font {
	border-bottom: 3px solid #000 !important;
	padding-bottom:5px !important;
}

p.tour-image {
	width:208px !important;
}


/*Footer*/

#footer {
	padding:0px !important;
	width:100% !important;
	margin: 0px auto !important;
}

#footer-menu {
	margin: 0px auto !important;
}

#footer-menu ul {
	width: 100% !important;
	margin: 0px auto !important;
	overflow:visible !important;
}

#footer-menu ul li {
	font-size:9pt !important;
	padding: 8px 0px !important;
	margin: 0px auto !important;
}

#footer-menu ul li a {
	border-right: 1px solid #999999 !important;
	padding: 0px 5.5px !important;
}

}


/* -------------------- PNG FIX, HACKS, AND USER STUFF -------------------- */

.clear {
 	width: 100%;
 	clear: both;
 	float: none;
}

/* -------------------- CLEAR DEFAULT STYLES -------------------- */

* {
 	margin: 0;
 	padding: 0;
 	border: 0;
 	outline: 0;
}

body,
div,
img,
ul,
li,
table,
input,
button,
textarea,
iframe, {
 	border: 0px;
 	margin: 0px;
 	padding: 0px;
 	background-color: transparent;
 	outline: 0px;
}

a img {
 	border: 0px;
}

ol, ul, li {
	list-style-type: none;
 	text-indent: 0;
 	margin: 0;
 	padding: 0;
	font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
}

ol li {
	list-style-position: outside;
	display: list-item;
	clear: both;
	list-style-type: decimal;
	padding: 2px 10px;
	margin-left: 18px;
}

a, a:focus, a:hover, a img {
 	outline: 0;
 	border: 0;
 	margin: 0;
}

a:visited {
	color: #940094;
}

input[type="submit"] {
	cursor:pointer;
}

input[type="submit"]:active {
	transform: translateY(3px);
}


/* -------------------- LAYOUT -------------------- */

html, body {
	height:100%;
}

@media screen and (max-device-width : 1025px) {
	html, body {
		height:auto !important;
	}
}


html {
	position:relative;
}

body {
	background: url(images/pattern2.png) repeat;
}

#wrapper {
	width: 1024px;
	margin-left: auto;
 	margin-right:auto;
 	overflow: visible;
	background: #FFF;
	padding: 10px 20px 35px 20px;
	box-sizing:border-box;
}

.spinner {
	display:block;
	position: fixed;
	left: 50%;
	top: 40%;
	margin: -16px 0 0 -16px;
	width:64px;
	height:64px;
}

.loading {
	opacity:0;
}

@media screen and (max-width : 1025px) {
	#wrapper {
		max-width: 740px;
	}

	.spinner {
		left:45%;
		width:20%;
		height:auto;
		top:45%;
		max-width:64px;
	}
}

@media screen and (max-width : 737px) {
	#wrapper {
		padding:2.5% 5% !important;
		min-height:275px !important;
	}
}


/* -------------------- MENUS -------------------- */

#home {
	min-height: 30px;
	background-color: #FFFFFF;
	margin: 20px 0 20px 0px;
	z-index:300;
}

#home a {
	background: url(images/menu-logo.svg) 0 0 no-repeat;
	width: 100px;
	height: 30px;
	display:block;
	text-indent: 500px;
	overflow: hidden;
	float:left;
}

#home a:hover {
	background-position: 0 -30px;
}

#home ul {
	float: right;
	  margin-top: 13px;
}

#home li {
	float: left;
	display: inline-block !important;
	margin:0 5px;
}

#home li:last-child {
	margin-right:0;
}

#home ul li a {
	background: none !important;
	width: auto !important;
	height: auto !important;
	text-indent: 0pt !important;
	float: left;
	display: inline-block !important;
}

/* Main */

#menu {
	margin: 0 0 30px 0;
	text-indent: 0px;
	list-style-type: none;
	display: block;
	padding: 0px;
}

#menu ul {
 	text-indent: 0px;
	list-style-type: none;
	display: block;
	border-left: 1px solid #b11116;
	margin: 0px;
	float: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Albion Medium", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 9pt;
	padding: 0 5px 4px 10px;
}

ul#projects {
	border-left: none;
	padding-left: 0;
}

#menu ul li,
.cat-item {
	float: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: "Albion Medium", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 9pt;
	position:relative;
}

#menu li.main a {
	position: absolute;
	border:none;
	left:0;
    cursor: pointer;
	z-index: 1000;
}

#sub-menu {
	border: none !important;
	padding: 0 !important;
}

@media screen and (min-width : 1026px) {
	#sub-menu {
		margin: 0 !important;
	}

	#sub-menu li a {
	 	margin-left: 0 !important;
	}
}

@media screen and (max-width : 1025px) {
	.cat-item {
		letter-spacing: 0.5px;
	}

	.cat-item a{
		letter-spacing: 0.5px;
		padding: 5px 4px 5px 5px !important;
	}

	#about-submenu .cat-item {
		margin-top: 2px;
	  	float: left !important;
	}

	li.cat-item {
		margin-top: 0px;
		border-top: none !important;
		padding: 0 !important;
	}

	#about-submenu li.cat-item a {
		padding: 0px 5px 0px 5px !important;
	}
}

.cat-item {
	margin-top: 5px;
	padding: 25px 0 0px 0px;
}

.cat-item a {
	color: #000;
	border-left: 1px solid #c3c3c3 !important;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
	position: relative !important;
}

#sub-menu li:first-child a {
	border-left: 0 !important;
	padding-left: 0 !important;
}

.active a,
.current-cat a,
.active {
	color:#B11116 !important;
}

#header {
	margin: 0 0 30px 0px;
	opacity:1;
}

.home #header {
	opacity:0;
}

#header form {
	float: left;
	width: 117px;
	display: block;
}

@media screen and (min-width : 1026px) {
	#header form {
		display: block !important;
	}
}

#header input {
	width: 99%;
	box-sizing: border-box;
	margin-bottom: -10px !important;
	padding-left: 2%;
	text-transform: uppercase;
}

.slicknav_menu {
	display: none;
}

#home li.search {
	display: none !important;
}

.category-read li.cat-item-10 a,
.category-read li.cat-item-12 a,
.category-fonts li.cat-item-9 a,
.category-fonts li.cat-item-51 a,
.cat-item-4 li.cat-item-4 a,
.cat-item-5 li.cat-item-5 a,
.cat-item-6 li.cat-item-6 a,
.cat-item-7 li.cat-item-7 a,
.cat-item-9 li.cat-item-9 a,
.cat-item-10 li.cat-item-10 a
.cat-item-12 li.cat-item-12 a,
.cat-item-16 li.cat-item-16 a,
.cat-item-51 li.cat-item-51 a,
.page-template-about li .about,
.page-template-contact li .contact
 {
	color: #B11116 !important;
}

.home #sub-menu:first-of-type > li.cat-item > a,
.home.cat-item-4 li.cat-item-4 a,
.home.cat-item-5 li.cat-item-5 a,
.home.cat-item-6 li.cat-item-6 a,
.home.cat-item-7 li.cat-item-7 a,
.category-projects li.cat-item-4 a,
.category-projects li.cat-item-5 a,
.category-projects li.cat-item-6 a,
.category-projects li.cat-item-7 a {
    color: #000 !important;
}

.home #sub-menu:first-of-type > li.cat-item.active > a,
.category-projects #sub-menu:first-of-type > li.cat-item.active > a {
    color: #B11116 !important;
}

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

	/*Mobile Menu*/

	#header {
		position:relative;
		margin-bottom:0;
	}

	#home {
		margin: 0 0 2% 0 !important;
		width:100% !important;
	}

	#home ul {
		margin-right: 35px;
		margin-top: 6px;
	}

	a.slicknav_btn {
	  	position: absolute;
	  	top: 0;
	  	right: 0;
		padding: 4px 4px 4px 1px;
	  	cursor: pointer;
	}

	span.slicknav_icon.slicknav_no-text > span {
		-webkit-transition: .5s ease-in-out;
    	-moz-transition: .5s ease-in-out;
    	-o-transition: .5s ease-in-out;
    	transition: .5s ease-in-out;
	}

	.slicknav_open span.slicknav_icon.slicknav_no-text > span:nth-child(1) {
	    -webkit-transform: rotate(135deg);
    	-moz-transform: rotate(135deg);
    	-o-transform: rotate(135deg);
    	transform: rotate(135deg);
    	margin-top: 9px;
	}

	.slicknav_open span.slicknav_icon.slicknav_no-text > span:nth-child(2) {
		opacity:0;
	}

	.slicknav_open span.slicknav_icon.slicknav_no-text > span:nth-child(3) {
		margin-bottom: 3px;
    	-webkit-transform: rotate(-135deg);
    	-moz-transform: rotate(-135deg);
    	-o-transform: rotate(-135deg);
    	transform: rotate(-135deg);
    	margin-top: -8px;
	}

	#menu {
		display:none;
	}

	.slicknav_menu {
		display:block;
		box-sizing: initial;
	}

	.slicknav_nav {
		clear: both;
		padding: 0;
		width:100%;
		background:#FFF;
	 	position: relative;
		overflow:hidden;
	}

	.slicknav_menu .slicknav_icon-bar {
	 	display: block;
	 	width: 17px;
		height: 2px;
		margin: 4px 0px 0px 0px;
		background-color: #CCC;
	}

	#header form {
    	width: 100% !important;
    	z-index: 100;
    	position: absolute;
    	bottom: 0;
    	left: -5%;
    	background: #fff;
    	height: 50%;
    	margin: 0 5% -15% 0% !important;
    	clear: both;
    	padding: 3% 5% 8% 5% !important;
		display:none;
	}

	#header form input {
    	height: 32px;
    	padding: 10px;
   	 	width: 100%;
    	box-sizing: border-box;
    	padding-left: 2%;
    	text-transform: uppercase;
    	border: 1px solid #C3C3C3;
    	margin: 0 !important;
    	font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
    	font-size: 9pt;
	}

	a.slicknav_item.parent {
	  	padding-top: 10px;
	}

	#mobile-menu > div > nav > ul {
	  	clear: left;
	}

	#mobile-menu > div > nav > ul > li > ul {
	  	margin-bottom: 5px;
	  	overflow: hidden;
		margin-left: 10px;
	}

	.slicknav_menu ul li:first-child {
		border-top:1px solid #ccc;
		padding: 0 0 0 5px !important;
	  	margin-left: -5px;
	  	overflow: hidden;
	}

	#mobile-menu > div > nav > ul:nth-child(1) > li > a {
	 	padding-bottom: 5px !important;
	}

	li.main.slicknav_parent ul.projects li:first-of-type a,
	li.main.slicknav_parent ul.fonts li:first-of-type a,
	li.main.slicknav_parent ul.read li:first-of-type a,
	li.main.slicknav_parent ul.studio li:first-of-type a {
	  	margin-top: 0px;
	  	margin-left: 0 !important;
	  	padding-left: 0 !important;
	  	border-left: 0 !important;
	}

	#mobile-menu > div > nav > ul > li > ul > li:nth-child(1) a {
	 	margin-left: 0 !important;
	  	padding-left: 0 !important;
	  	border-left: 0 !important;
	}

	#mobile-menu > div > nav > ul:nth-child(4) > li {
		border-bottom: 1px solid #ccc;
	}

	#menu ul li,
	#menu ul li ul li {
		float:none;
	}

	a.slicknav_item.parent.slicknav_row,
	.slicknav_item.parent a {
	  	display: block;
	  	height: 22px;
	}

	#home li.search {
		display: inline-block !important;
	}
}


/* -------------------- FRAMES STUFF ----------------------- */

#frames {
	padding-bottom:20px;
	margin-right:-1.5%;
}

.grid-sizer {
	width: 20%;
	position: absolute;
	opacity: 0;
	visibility: hidden;
}


@media screen and (max-width : 700px) {
	.grid-sizer {
		width:33.33333333333333%;
	}

	#frames article .small {
	  	width: 31.83333333333333% !important ;
	}

	/*Haven't added the text to the front page yet
	.shuffle-item.hero.text {
	 	width: 98.5% !important;
		height:auto !important;
	}*/

	article#home-intro {
		position:relative !important;
	}

	.shuffle-item.hero,
	#wrapper #frames article .shuffle-item.hero {
	 	 width: 65.16% !important;
	}
}

@media screen and (min-width : 701px) and (max-width : 1025px) {
	.grid-sizer {
		width:25%;
	}

	#frames article .small {
	  	width: 23.5% !important ;
	}

	.shuffle-item.hero,
	#wrapper #frames article .shuffle-item.hero {
	 	 width: 48.5% !important;
	}
}


#frames article .shuffle-item {
 	float: left;
 	margin:0.75% 0;
}

#frames article .small {
	width: 18.5%;
}

#frames article .shuffle-item.hero {
	width:38.6%
}

.shuffle-item.hero.intro.text {
	margin:0.75% 0.75% 0.55% 0 !important;
}

_::-webkit-full-page-media, _:future, :root .selector {
	#frames article .shuffle-item.hero {
		margin: 0.75% 0 0.375% 0 !important;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0)
  and (min-color-index:0) {
	#frames article .shuffle-item.hero {(; margin: 0.75% 0 0.375% 0 !important; );}
}

#about #grid-item {
	width: 100%;
	margin-top: 24px;
}

.frame-rollover {
 	overflow: hidden;
 	width: 100%;
	height: auto;
	margin: 0 0 1% 0;
	background-color: #FFFBBD;
	box-sizing: border-box;
	position:relative;
}

.frame-rollover div.inside {
	width: 100%;
	height: 100%;
	display: block;
	padding: 10%;
	box-sizing: border-box;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	position:absolute;
	top: 0;
	left: 0;
	font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif !important;
	line-height: 1.5em;
	font-size: 10pt;
	color: #999;
	font-weight: normal;
}

.frame-rollover div.inside:hover {
	background-color: #FFFBBD;
}

.frame-rollover .inside a {
	display: none;
	color: #999;
	font-weight: normal;
	width:100%;
	height:100%;
	z-index: 10000;
    position: relative;
    margin-top: -100%;
    padding-top: 100%;
	font-family: "freight-text-pro-1","freight-text-pro-2",sans-serif !important;
    font-size: 11pt;
    line-height: 15pt !important;
}

.frame-rollover p {
	display: none;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif !important;
	line-height: 1.5em;
	font-size: 10pt;
	color: #999;
	font-weight: normal;
}

.frame-rollover:hover .inside a,
.frame-rollover:hover p,
.frame-rollover:hover {
	display: block;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	z-index:1;
}

.frame-rollover:hover img {
	opacity:0;
	-webkit-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
	z-index:500;
}

.inside p {
	font-family: "freight-text-pro-1","freight-text-pro-2",sans-serif !important;
    font-size: 11pt;
    line-height: 15pt !important;
	margin-top:10px;
}

/*Remove hovering on mobile*/

@media screen and (max-device-width : 1025px) {
	.frame-rollover:hover img {
		opacity:1 !important;
	}

	.inside {
		display:none !important;
	}
}

/*
Add Project title under grid image

@media screen and (max-device-width : 1025px) {
	#frames article .shuffle-item {
	  	border-bottom: 1px solid #ccc;
	}

	.frame-rollover {
	background: none !important;
	height: auto !important;
	}

	.frame-rollover div.inside {
	  	height:  auto !important;
	  	padding: 6% !important;
	position: static !important;
	}

	.frame-rollover div.inside:hover {
	background:none !important;
	}

	.frame-rollover:hover a,
	.frame-rollover:hover,
	.frame-rollover {
	display: block !important;
	}

	.frame-rollover p,
	.frame-rollover:hover p {
	display: none !important;
	}

	.frame-rollover:hover img {
	opacity:1 !important;
	}
}*/


.frame-rollover a:first-child,
.frame-rollover img {
	width:100%;
	display:block;
	z-index:1000 !important;
	opacity:1;
}

div#infscr-loading {
	position: absolute;
	bottom: 0;
	padding-top: 50px;
	left: 0;
	width:100%;
	text-align: center;
	font-family: "Albion Light Italic", 'Segoe UI', Avenir, Verdana, sans-serif;
	font-weight: normal;
	margin: 10px 0 !important;
}

div#infscr-loading em {
	font-style:normal !important;
}

@media screen and (max-width : 1025px) {
	div#infscr-loading {
		padding-top:60px;
	}
}

.wp-pagenavi {
	  display: none;
}

div#infscr-loading img {
	  width: 64px;
	  height: 64px;
}

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

article#home-intro {
    width: 100%;
    height: 100%;
    display: block;
    padding: 3%;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    font-weight: normal;
    background: #990000;
}

h1.home {
	font-family: "Albion Bold", sans-serif;
	font-weight:normal !important;
    text-transform: none;
    font-size: 40pt;
    margin-bottom: 20px;
    letter-spacing: -2px;
    line-height: 45pt;
    color: #FFF;
}

h2.home {
	font-family: "Albion Light", sans-serif;
    text-transform: none;
    font-size: 25pt;
    margin-bottom: 20px;
    letter-spacing: -1px;
    line-height: 31pt;
    color: #FFF;
}

h2.home em {
    font-family: "Albion Light Italic", sans-serif;
    font-style: normal !important;
}

input.load-more {
   	text-transform: uppercase;
    background: #FFFBBD;
    font-family: "Albion Medium", 'Segoe UI', Avenir, Verdana, sans-serif;
    padding: 5px 7px 7px 7px;
    height: 30px;
    color: #999;
    border: 1px solid #ccc;
    margin: -50px 0 50px 0 !important;
    z-index: 1000;
    position: relative;
	display:none;
	cursor:pointer;
}

.home input.load-more:hover {
	 background: #CCC !important;
}

@media screen and (min-width : 701px) and (max-width : 1025px) {
	h1.home {
   	 	font-size: 20pt;
    	margin-bottom: 10pt;
    	letter-spacing: -1px;
    	line-height: 25pt;
	}

	h2.home {
    	font-size: 15pt;
    	margin-bottom: 10px;
    	letter-spacing: 0px;
    	line-height: 19pt;
	}

}

@media screen and (max-width : 700px) {
	h1.home {
   		font-size: 13pt;
    	margin-bottom: 8px;
    	letter-spacing: 0px;
    	line-height: 14pt;
	}

	h2.home {
    	font-size: 11pt;
    	margin-bottom: 5px;
    	letter-spacing: 0px;
    	line-height: 13pt;
	}

}


/* -------------------- POST -------------------- */

#post {
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	padding-right: 15px;
	position: relative;
}

.post-content {
	width: auto;
	padding: 0 0 28px 0;
	 overflow: hidden;
}

.single .post-content {
	width: 720px;
}

.post-content p img {
 	margin: 0 0 20px 0;
	max-width: 720px;
	height:auto;
}

.post-sidebar {
	display: inline-block;
	vertical-align: top;
	width: 215px;
	padding: 0 0 0 19px;
	border-left: 1px dotted #999;
	margin-bottom:20px;
}

@media screen and (max-width : 1025px) {
	#post {
		width:100% !important;
		border-bottom: 3px solid #000 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	.post-content,
	.post-sidebar,
	.post-content p img {
		width: 100% !important;
		max-width: initial;
		padding: 0px;
		border-left: none !important;
	}

	.post-content video,
	.post-content .video,
	.post-content iframe {
		width: 100% !important;
		height:auto !important;
		min-height:250px;
	}

	.post-content object {
		max-width: 100% !important;
		height: auto !important;
		padding: 0px;
		border-left: none !important;
	}


	.post-info {
	    padding: 10px 0 0 0;
	}
}

.post-sidebar h3 {
	font-family: "Albion Bold", sans-serif;
	text-transform: none;
	color: #b11116;
	font-size: 10pt;
}

.post-info {
 	color: #999;
 	font-size: 8pt;
	padding-bottom: 2px;
	overflow:hidden;
}

.post-info ul,
header.post-info,
article .post-content {
	margin:0px;
	width:auto;
}

.post-info ul li,
.post-info p,
#buy-book p {
	padding-bottom: 9px;
	font-family:"Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif !important;
	line-height:1.5em;
	font-size: 10pt;
	color: #999;
}

.post-info ul li strong,
.post-info p strong,
#buy-book p strong {
	font-family:"Albion Bold", sans-serif;
	font-weight: normal !important;
}

.post-info ul li em,
.post-info p em,
.post-info p i,
#buy-book p em,
.post-info ul li p em,
.post-info ul li i {
	font-family: "Albion Book Italic", 'Segoe UI', Avenir, Verdana, sans-serif !important;
    font-style: normal !important;
}

.post-info ul li p {
	font-family:"Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif !important;
	line-height:1.5em;
	font-size: 10pt;
 	color: #999;
	padding-left:0px !important;
	padding-bottom:0px;
}

.post-info ul li .head,
.head {
 	color: #333;
	font-family:"Albion Bold", sans-serif;
 	font-size: 10pt;
	font-weight: normal !important;
	margin-bottom:0px;
}

.post-info h5 {
	line-height: 1.5em;
	color: #999 !important;
}

.post-info h6 {
	border-top: 3px solid #000;
	padding-top: 9px;
}

article.post-info h6 {
	border-top:none;
	padding-top:0px;
}

#animation {
	border-top: 3px solid #000 !important;
	padding-top:5px !important;
}

.tour-image {
	background-color: #7C6A55;
	margin: -4px 0px 10px 0px;
	color: #fff;
	font-family: "Albion Bold", sans-serif;
	font-size: 10pt;
	font-style: normal;
	padding: 5px 11px;
}

.post-download {
	padding: 5px 0px;
}

#buy-book p {
	padding-top: 10px;
}

.post-download-cover img {
 	width: 155px;
	height: 155px;
	margin: 20px 0 20px 0;
}

.post-download ul li {
 	background-repeat: no-repeat;
 	background-position: 8px center;
 	padding: 8px 8px 8px 38px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-color: #FFFFFF;
	margin: 0 0 5px 0;
	width: 112px;
}

.post-download-1 {
 	background-image: url(images/post-download.gif);
	color: #8f0000;
}

.post-download-2 {
 	background-image: url(images/post-link.gif);
}

.post-download-3 {
 	padding: 0 0 20px 0px;
	color: #8f0000;
}

.adownload {
 	font-family: "Albion Bold", sans-serif;
	font-size: 14pt;
	color: #b11116;
}

#recent-posts {
	  text-indent: 0px;
	  list-style-type: none;
	  display: block;
	  margin-bottom: 4px;
	  border-top: 3px solid #000;
	  padding: 5px 0px;
}

#recent-posts li {
	  display: block;
	  border-bottom: 1px solid #ccc;
	  padding: 4px 0px;
}

@media screen and (max-width : 1025px) {
	#recent-posts li:last-child {
    	border-bottom: 0;
	}
}

#recent-posts a {
	  color: #000;
	  font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
}

#recent-posts a:visited {
    color: #940094;
}

.awards {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	padding-bottom: 10px;
}

.awards div {
	  float: none;
	  clear: both;
}

.wp-caption {
	margin-top: -5px;
}

.yarpp-related {
    display: none;
}

.related-post ol {
 	text-indent: 0px;
 	list-style-type: none;
 	display: block;
 	padding: 0px;
 	margin: 0px;
}

.related-post li {
	padding: 0 0 0 15px;
 	color: #999;
 	border:none !important;
}

.related-post p.active {
 	background: url(images/arrow-2.gif) 0 centre no-repeat;
 	padding: 0 0 0 15px;
}

.related-post .toggle-container {
 	width: 905px;
}

.post-footer {
	float:left;
}


/* -------------------- FAQ PAGE -------------------- */

#precede {
	border-bottom: 1px dotted #999;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 20px 0px;
	overflow: hidden;
}

.post-faq {
 	padding: 0 0 20px 0;
 	margin: 0 0 20px 0;
}

.post-faq-question {
	background: url(images/faq_bg.png) left no-repeat;
	width: 135px;
	height: 155px;
	float: left;
	margin:0px 20px 0 0;
	padding:20px 10px 0px 10px;
}

.post-faq-question p {
	font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	line-height:12.5pt;
}

.post-faq-answer {
 	height: 155px;
	padding-top: 10px;
}

.frame-faq {
 	height: 170px;
 	border-bottom: 1px dotted #999;
	margin-bottom:10px;
}


@media screen and (max-width : 1025px) {
	.post-faq-answer {
 		min-height: 155px;
		height:auto;
	}

	.frame-faq {
		height:auto;
 		min-height: 170px;
	}
}

.post-content.post-11093 p,
.post-content.post-11093 p {
	font-size:10pt;
}

.page-id-3706 #page {
	position: relative;
	height:3729px;
}

@media screen and (max-width : 1025px) {
	.page-id-3706 #footer {
		display:none;
	}
}

.page-id-1474 #page,
.page-id-11093 #page {
	position: relative;
	height:7321px;
}



/* -------------------- LAYOUT - FOOTER -------------------- */

#footer {
	border-top: 1px solid #999999;
	padding: 10px 0 0 0;
	color: #999999;
	width: 96%;
	margin: 0 0 20px 0;
	position: absolute;
	bottom: 0;
}

#footer-menu ul {
 	overflow: hidden;
}

#footer-menu ul li {
 	float: left;
 }

#footer-menu ul li a {
	font-family:"Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
	font-weight:normal;
 	border-right: 1px solid #999999;
 	padding: 8px 5.5px 8px 5.5px;
	color:#999;
 }



/* -------------------- FORMS -------------------- */

input, textarea {
 	border: 1px solid #C3C3C3;
 	margin: 0 !important;
 	font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
 	font-size: 9pt;
}

.input-button {
	background-image: none;
	background-color: #B11116;
	border: 1px solid #FFFFFF;
	outline: 1px solid #B11116;
	padding: 7px 19px;
	margin: 0 0 0 1px;
	color: #FFFFFF;
	cursor: pointer;
	font-family:"Albion Bold", sans-serif;
	font-weight:normal;
}

.input-short {
	 width: 327px;
	 padding: 5px;
}

.input-long {
	width: 98.5%;
 	padding: 5px;
}


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

#wrapper {
	min-height: 100%;
	height: auto !important;
	overflow:visible;
	position:relative;
}

#about-submenu {
	border-left: 0 !important;
	padding: 10px 0!important;
	margin: 0 0 5px 0;
	border-top: 1px solid #b11116;
	width: 100%;
}

#about-submenu li:nth-child(1) a {
	border-left: none !important;
	padding: 0 5px 0 0 !important;
}

ul#about-submenu li {
	padding: 0 !important;
}

#about-submenu li a {
	border-left: 1px solid #c3c3c3 !important;
	padding: 5px 5px 5px 5px !important;
}

article#seocontainer {
	background-image:url(images/Letterbox_AboutPage.jpg);
	background-size: cover;
	background-repeat:no-repeat;
	text-align:left;
	margin:5px auto 10px auto;
	position:relative;
}

.page-template-about-php article#seocontainer {
	background-size: 100% auto;
	display:block;
	background-size: cover;
}

article#seocontainer h1 {
	margin:20px 0px 10px 0px !important;
}

p.footer-seo {
	font-family: "ff-quadraat-sans-web";
	font-weight: 400;
	font-size: 13px;
	letter-spacing: 1px;
	width: 1060px;
	margin: 5px auto 15px auto;
	color: #528544;
}

article#seocontainer .precede {
	font-size: 16pt;
	margin-bottom:10px;
}

.footer-paragraphs {
	overflow:hidden;
	margin-top:10px;
}

.footer-paragraphs p {
	width:30%;
	margin:0px 16px;
	float:left;
}

@media screen and (min-width : 740px) and (max-width : 1025px) {
	.post-3706 div {
	  	width: 47% !important;
	}
}

@media screen and (max-width : 741px) {
	.post-3706 div {
	  	width: 100% !important;
		float:none !important;
	}
}

.box1 {
	width: 40%;
	display: inline-block;
	background: #FFF;
	margin: 2% 0 2% 2%;
	padding: 2% 2% 0 2%;
}

.box2, .box3 {
	width: 19.6%;
	display: inline-block;
	background: #FFF;
	padding: 2%;
	vertical-align: top;
	margin: 2% 0 2% 2%;
}

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

	.page-template-about-php article#seocontainer {
	  	box-sizing: border-box;
	  	width: 100%;
	  	padding: 1% 3% 1% 3% !important;
	}

	.box1, .box2, .box3 {
	  	width: 100% !important;
	  	padding: 3%;
	  	box-sizing: border-box !important;
	  	margin: 1.5% 0 !important;
	}

	.box3 p {
		padding-top:0 !important;
	}

	#cboxLoadedContent .box1,
	#cboxLoadedContent .box2,
	#cboxLoadedContent .box3 {
	 	width: 97% !important;
	  	padding: 3% !important;
	  	box-sizing: border-box !important;
	  	margin: 1.5% 1.5% 0.25% 1.5% !important;
	}

	#cboxLoadedContent #seocontainer img {
		padding-top: 1.5%;
	}
}

#seocontainer h3 {
	font-family: "Albion Black", 'Segoe UI', Avenir, Verdana, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 9pt;
	color: #B11116;
	margin-bottom: 20px;
}

article#seocontainer .precede {
	font-size: 14pt;
	line-height: 21pt;
	margin-bottom: 10px;
}

article#seocontainer i {
	font-family: 'Albion Light Italic', 'Segoe UI', Avenir, Verdana, sans-serif;
	font-style:normal;
}

#seocontainer span {
	font-family: "Albion Bold", 'Segoe UI', Avenir, Verdana, sans-serif;
}

a#hide {
	background: #FFF;
	padding: 10px;
	left:0;
	position: absolute;
	margin: -9px 18px;
}

#footer {
	background-color:#fff;
	clear: both;
}

#footer-menu li a {
	font-size:9pt;
}


/* -------------------- ARCHIVE -------------------- */

#grid,
#about {
	margin-top: 10px;
	margin-right: -1.5%;
	width:100%;
	position: relative;
	padding-bottom:70px;
}

.hide {
	display:none;
}

div#show-this-on-click {
	position: absolute;
	top: 84px;
	clear: both;
	width: 100%;
}

.post-content.post-3706 div#show-this-on-click {
	top: 230px;
	max-width:340px;
}

.post-content.post-11093
.post-content.post-3706,
.post-content.post-11093 {
	border-top: 1px solid #c3c3c3;
	padding-top: 10px;
}

.post-content.post-11093 h4,
.post-content.post-3706 h4,
.post-content.post-11093 h4 {
	margin: 0 5px 0pt 0;
	border-right: 1px solid #c3c3c3;
	padding: 6px 5px 7px 0px;
	float: left;
	cursor: pointer;
	font-family: "Albion Medium", sans-serif;
}

#show-this-on-click h5 {
    margin: 10px 0 10px 0 !important;
}

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

	#grid {
		min-height:auto !important;
		min-height:100%;
		padding-bottom:80px !important;
	}

	.page-template-about #grid {
		min-height:900px !important;
	}

	.post-content.post-11093,
	.post-content.post-11093 {
		border-top:none;
		position: relative;
    	z-index: 2000;
    	background: #FFF;
	}
}

@media screen and (max-width : 746px) {
	.post-content.post-11093,
	.post-content.post-11093 {
		border-top:none;
	}

	h4#all {
		display:none;
	}

	.post-content.post-11093 h4,
	.post-content.post-11093 h4  {
	  	margin: 0 0 10px 0 !important;
	  	border-right: none !important;
	  	padding: 0 !important;
	  	float: none !important;
	}

	div#show-this-on-click {
	  	position: initial !important;
	  	display: block !important;
	}

	.post-content.post-11093 p,
	.post-content.post-11093 p {
	  	margin-left: 50px;
	}
}

/* -------------------- EVENTS -------------------- */


#about {
	height:auto !important;
}

.About #frames {
	  margin-top: -5px;
}

.About .frame-rollover img {
	height:auto !important;
}

.About .shuffle-item {
	margin: 0.75% 0.75% !important;
}


/* -------------------- CONTACT -------------------- */

#contact-post {
	overflow: hidden;
	background: url(images/Contact-Background.jpg);
	min-height: 968px;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
	width:100%;
	padding: 2%;
}

.form-left,
.postal,
.telephone,
.google-map {
	  float: left;
	  width: 23.8%;
	  background: #fff;
	  box-sizing: border-box;
	  padding: 1.6%;
	  border: none;
	  margin: 0 1.5% 0 0;
}

.form-left {
	width: 31%;
}

.google-map {
	  margin-right: 0 !important;
}

@media screen and (min-width : 736px) and (max-width : 1025px) {
	.form-left, .postal, .telephone, .google-map {
	    width: 48% !important;
	 	margin: 1% 2% 1% 0 !important;
		float: left !important;
	}
}

@media screen and (max-width : 735px) {
	.form-left, .postal, .telephone, .google-map {
	  	width: 100% !important;
	  	margin: 1.5% 0 !important;
	  	float: none !important;
	}
}

@media screen and (max-width : 1025px) {
	#contact-post {
	  	overflow: hidden !important;
	  	padding: 3% 3% 10% 3% !important;
		width:100% !important;
		background-repeat: no-repeat !important;
	}

	.form-left, .postal, .telephone, .google-map {
	 	box-sizing: border-box !important;
	  	padding: 3% !important;
	}

	#wpcf7-f4603-p2758-o1 > form > p:nth-child(9) > input {
	  	margin: 0px !important;
		border: 1px solid #CCC;
	}
}

#contact-post p {
	font-family: "Albion Medium", 'Segoe UI', Avenir, Verdana, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 9pt;
}

#contact-post h3 {
	font-family: "Albion Black", 'Segoe UI', Avenir, Verdana, sans-serif;
	font-weight: 800;
	font-style: normal !important;
	font-size: 9pt;
	color: #B11116;
	margin-bottom:20px;
}

#contact-post  strong {
	font-family: "Albion Bold", sans-serif;
	font-weight:normal;
}

.wpcf7 {
	padding: 20px 20px 0 0;
}

span.wpcf7-not-valid-tip,
.wpcf7-validation-errors,
.wpcf7-mail-sent-ng {
	border: 0 !important;
	color: #f00;
	display: block;
	font-family: "freight-text-pro-1","freight-text-pro-2", sans-serif !important;
	font-size: 11pt !important;
	line-height: 15pt !important;
	padding: 0 0 6pt 0 !important;
	margin: 0 !important;
}

.wpcf7-validation-errors:last-child,
div.wpcf7-mail-sent-ok {
    padding-top: 13% !important;
	width:100%;
}

div.wpcf7-mail-sent-ok {
	border: 0 !important;
	width: 50%;
	display: block;
	font-family: "freight-text-pro-1","freight-text-pro-2", sans-serif !important;
	font-size: 11pt !important;
	line-height: 15pt !important;
	padding: 0 0 6pt 0 !important;
	margin: 0 !important;
}

.wpcf7-not-valid-tip-no-ajax {
 	color:#FF0000;
	width: 100%;
	display:block;
	margin: 0 0 5px 0;
}

.wpcf7-form-submit {
 	background-image: none;
	background-color: #999;
 	border: 1px solid #FFFFFF;
 	outline: 1px solid #999;
 	text-transform: uppercase;
 	padding: 4px;
 	margin: 0 0 0 1px;
	color: #FFFFFF;
	cursor: pointer;
}

.wpcf7-form-submit :hover,
.wpcf7-form-submit :active {
    background: #CCC;
}

.wpcf7-form-submit:active {
	transform: translateY(3px);
}

#contact-post .wpcf7-submit,
#internship-post .wpcf7-submit {
	float: right;
    margin: 3% 0 -2% 3% !important;
    width: 100px;
    text-transform: uppercase;
    font-family: "Albion Medium", 'Segoe UI', Avenir, Verdana, sans-serif;
    padding: 5px 7px 7px 7px;
    height: 30px;
    color: #999;
    border: 1px solid #ccc;
    z-index: 1000;
    position: relative;
}

#contact-post .wpcf7-submit {
	background: #33383e;
	color: #FFF !important;
}

#internship-post .wpcf7-submit {
	background: #0a0d10;
}

#contact-post .wpcf7-submit:hover,
#internship-post .wpcf7-submit:hover {
	background:#CCC !important;
}


#contact-post .your-name input,
#contact-post  .your-email input,
#contact-post  .your-subject input,
#contact-post  .your-message textarea {
	background: #33383e;
	color:#FFF;
}


.contact-frame {
	width: 700px;
}

.contact {
	letter-spacing: 0.5px!important;
}


/* -------------------- INTERNSHIP -------------------- */

#internship-post {
	padding:25px;
	overflow: hidden;
	background:url(images/internship-background.jpg);
	min-height:1200px;
}

.internship-left,
.paid {
	  float: left;
	  width: 30%;
	  background: #fff;
	  padding: 1.6%;
	  border: none;
	  box-sizing: border-box;
	  margin: 1%;
}

@media screen and (min-width : 736px) and (max-width : 1025px) {
	#internship-post {
		overflow:hidden !important;
		min-height: 2000px !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		box-sizing: border-box;
		width: 100%;
		padding: 1% 3% 1% 3% !important;
	}

	.internship-left,
	.paid {
	  	width: 48%;
		margin: 1% 2% 1% 0;
	}

	#internship-post > div:nth-child(2) {
		margin-right: 0;
	  	float: right;
	}
}

@media screen and (max-width : 735px) {
	.internship-left,
	.paid {
	  	width: 100%;
		margin: 1.5% 0 !important;
		box-sizing: border-box !important;
		padding: 3%;
	}
}


#internship-post input,
#internship-post textarea,
#contact-post input,
#contact-post textarea {
	width: 100%;
	box-sizing: border-box;
	background: #ACDFE9;
	border: none;
	margin: 0 0 10px 0;
	font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
	font-size: 9pt;
	padding: 5px;
}

.email {
	float: right;
	margin-top: -36px;
	margin-right: 9px;
}

#internship-post .your-name input,
#internship-post .your-email input,
#internship-post.your-subject input,
#internship-post .your-phone input,
#internship-post .urlportfolio input,
#internship-post .portfolio input,
#internship-post .resume input,
#internship-post .pirate input,
#internship-post .your-message textarea {
	background: #ACDFE9;
}

#internship-post .portfolio input,
#internship-post .urlportfolio input,
#internship-post .resume input {background-color:#307983 !important;color:#FFF;}

#internship-post .your-message textarea,
#internship-post .check input,
#internship-post .Preferredinternship input {background-color:#204740 !important;color:#FFF;}

#internship-post h3 {
	font-family: "Albion Black", 'Segoe UI', Avenir, Verdana, sans-serif;
	font-weight: 100;
	font-style: normal;
	font-size: 10pt;
	color: #B11116;
	margin-bottom: 20px;
}

#internship-post h5 {
	text-transform: uppercase;
	font-family: "freight-text-pro", georgia, serif;
	font-size: 10pt;
	line-height: 15pt;
	padding: 0 0 6pt 0;
	margin: 0 0 0 0;
	color: #333333;
}

#internship-post li {
	border-bottom: 1px solid #ccc;
	padding: 5px 0px;
	font-size: 11pt;
}

#internship-post ul {
	margin: 0px 0px 20px 0px;
}

.wpcf7-form-control.wpcf7-select {
	width: 258px;
	height: 25px;
	border: none;
	margin: 0px 0px 10px;
	font-family: 'Albion Book', 'Segoe UI', Avenir, Verdana, sans-serif;
	font-size: 9pt;
	padding: 12px;
	background-color: #307983 !important
}

.wpcf7-form-control.wpcf7-captchar {
	background-color: #204740 !important;
	margin-top: 10px !important;
}

span.wpcf7-form-control-wrap.check {
    float: left;
    width: 16px;
    height: 20px;
    padding-right: 3px;
    margin-top: 4px;
}


/* -------------------- BRIEFING PAGES -------------------- */


.post-10773 input#pwbox-10773,
.post-10778 input#pwbox-10778 {
    box-sizing: border-box;
    border: none;
    margin: 2px 0 10px 0 !important;
    font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
    font-size: 9pt;
    padding: 5px 0 6px 5px;
	width: auto !important;
}

.post-10773 input,
.post-10773 textarea,
.post-10778 input,
.post-10778 textarea {
    background: #fdface;
    width: 100%;
    box-sizing: border-box;
    border: none;
    margin: 0 0 10px 0;
    font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
    font-size: 9pt;
    padding: 5px;
	margin-bottom:10px !important;
}

.post-10773 h3,
.post-10778 h3 {
	font-family: "Albion Black", 'Segoe UI', Avenir, Verdana, sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: 10pt;
    color: #B11116;
	padding-top: 0px;
    margin-bottom: 0px;
}

.post-10773 .left,
.post-10778 .left {
    float: left;
    width: 49%;
}

.post-10773 .right,
.post-10778 .right {
    float: right;
    width: 50%;
}

.post-10773 .right .email,
.post-10778 .right .email {
    float: none;
    margin: 0 !important;
}

.post-10773 input.wpcf7-form-control.wpcf7-submit,
.page-id-10773 form.post-password-form input[type="submit"],
.post-10778 input.wpcf7-form-control.wpcf7-submit,
.post-10778 form.post-password-form input[type="submit"] {
    width: 100px;
    text-transform: uppercase;
    font-family: "Albion Medium", 'Segoe UI', Avenir, Verdana, sans-serif;
    padding: 5px 7px 7px 7px;
    height: 30px;
    color: #FFF;
	border:none;
    background: #B11116;
	cursor:pointer;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	margin-bottom:20px;
}

.post-10773 input.wpcf7-form-control.wpcf7-submit:hover,
.post-10773 input.wpcf7-form-control.wpcf7-submit:active,
.page-id-10773 form.post-password-form input[type="submit"]:hover,
.page-id-10773 form.post-password-form input[type="submit"]:active,
.post-10778 input.wpcf7-form-control.wpcf7-submit:hover,
.post-10778 input.wpcf7-form-control.wpcf7-submit:active,
.post-10778 form.post-password-form input[type="submit"]:hover,
.post-10778 form.post-password-form input[type="submit"]:active  {
    background: #D2595D;
}

@media (max-width : 737px)  {
	ul.weights li p,
	ul.weights li h4 {
   	 	width: 100% !important;
	}

	ul.weights li p span.wpcf7-form-control-wrap:last-child {
    	width: 18% !important;
	}
}

ul.weights li p {
    width: 80%;
    margin-right: -1%;
}

span.wpcf7-form-control-wrap {
    width: 80%;
}

ul.weights li h4 {
    width: 20%;
}

ul.weights li span,
ul.weights li h4,
ul.weights li p{
    display: inline-block;
    vertical-align: top;
	padding: 0;
}

.wpcf7-checkbox {
    width: 100%;
}

span.wpcf7-list-item {
    margin-left: 0 !important;
}

.post-10773 span.wpcf7-list-item.first {
   float: left;
    width: 50%;
}

.post-10773 span.wpcf7-list-item.last {
     float: left;
}

span.wpcf7-form-control-wrap:last-child {
    width: 19% !important;
    box-sizing: border-box;
}

.post-10778 span.wpcf7-list-item-label {
    float: right;;
    padding-right: 10px;
    margin-top: 0 !important;
    clear: left;
    width: 200px;
}

.post-10773 span.wpcf7-list-item-label {
	display:none !important;
}

.post-10773 input[type="checkbox"] {
   	margin-top: 8px !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
	width: 100px !important;
	margin-left: -6px !important;
}

.post-10778 input[type="checkbox"] {
    width: 10px;
    clear: right;
    float: left;
	margin-bottom: 0 !important;
    padding: 0 !important;
    margin-top: -16px !important;
}

.post-10778 span.wpcf7-list-item {
    width:100%;
	border-bottom: 1px solid #CCC !important;
    overflow: hidden;
    clear: both;
    padding: 0;
    margin: 0;
    height: 22px !important;
	float: left;
}

.post-10778 span.wpcf7-list-item.last {
	margin:0 !important;
}

.weights li:first-of-type span {
    width: 40% !important;
    float: left;
}

.weights br {
    display: none !important;
}

ul.weights li {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0;
}

ul.weights li h4 {
    margin: 0 !important;
    margin-top: 3px !important;
}

.weights li:first-of-type span {
    width: 40% !important;
    float: left;
}

.weights li:first-of-type span:nth-child(3) {
    width: 21% !important;
}

.weights li:first-of-type span:last-child {
    width: 20% !important;
    float: right;
}

/* -------------------- 404 PAGE -------------------- */


.error404 div#post {
	padding-top: 2% !important;
	display: block;
	border-bottom: 0 !important;
}

.search h1,
#site-404 h1,
.post-10773 h1 /* Font Briefing Form */,
.post-10778 h1 /* Identity Briefing Form */ {
	font-family: "Albion Bold", sans-serif;
	text-transform: none;
	color: #000;
	font-size: 80pt;
	margin-bottom:10px;
	letter-spacing: -6px;
}

@media (max-width : 737px)  {
	.search h1,
	#site-404 h1,
	.post-10773 h1,
	.post-10778 h1 /* Identity Briefing Form */ /* Font Briefing Form */ {
		font-size: 45pt !important;
		letter-spacing: -4px;
		line-height: 55pt !important;
	}
}

.search h2,
.search p,
#site-404 h2,
#site-404 p {
	font-family: "Albion Medium", sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 10pt;
}

.search h2,
#site-404 h2 {
	color:#990000;
}

/* -------------------- HOSTING PAGE -------------------- */

.page-id-10336 input#pwbox-10336 {
    box-sizing: border-box;
    margin: 2px 0 10px 0 !important;
    font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
    font-size: 9pt;
    padding: 5px 0 6px 5px;
}

.page-id-10336 input[type="submit"] {
    font-family: "Albion Medium", 'Segoe UI', Avenir, Verdana, sans-serif;
    background: #fff;
    padding: 0px;
    margin: 0 1% !important;
    width: 100px;
    height: 30px;
    color: #B11116;
    border: 1px solid #CCC;
}

div#plan {
    display: inline-block;
    width: 32%;
    margin: 2% 1% 2% 0;
    vertical-align: bottom;
}

@media screen and (max-width : 735px) {
	div#plan {
    		width: 100% !important;
	}
}

.page-id-10336 h1:first-child,
.page-id-10736 h1:first-child {
    font-family: "Albion Bold", sans-serif;
    text-transform: none;
    color: #000;
    font-size: 80pt;
    margin-bottom: 10px;
    letter-spacing: -6px;
}

@media (max-width : 737px)  {
	.page-id-10336  h1:first-child,
	.page-id-10736 h1:first-child {
    	font-size: 45pt;
    	letter-spacing: -4px;
		line-height: 55pt;
	}
}

.page-id-10336 h1 {
	margin-top:10px;
}

div#plan h1 {
    font-family: "Albion Bold", sans-serif;
	font-weight:normal;
}

div#plan h1.second {
    border-top: 1px solid #000;
    width: 100%;
    padding-top: 10px;
    clear: both;
    margin-top: 0px;
	font-weight:normal;
}

div#plan h2 {
    font-family: "Albion Light", 'Segoe UI', Avenir, Verdana, sans-serif;
    font-size: 22pt;
	font-weight:normal;
}

div#plan p {
    font-family: "Albion Book", 'Segoe UI', Avenir, Verdana, sans-serif;
}

.page-id-10336 p strong,
div#plan p strong {
    font-family: "Albion Bold", sans-serif;
	font-weight:normal;
}

div#plan p i {
    font-family: "Albion Light Italic", 'Segoe UI', Avenir, Verdana, sans-serif;
    font-size: 9pt;
	font-style:normal;
}

div#plan p.cost {
	margin-bottom: 10px;
}

div#plan p.megabyte {
    font-family: "Albion Medium", 'Segoe UI', Avenir, Verdana, sans-serif;
}

div#plan p.yellow {
    background: #fff799;
    padding: 3px 0 4px 4px;
}

div#plan p.white {
    padding: 3px 0 4px 4px;
}

.page-id-10336 span,
form.post-password-form p,
form.post-password-form label {
 	font-family: "Albion Light", 'Segoe UI', Avenir, Verdana, sans-serif;
}

.page-id-10336 .post-content li {
    font-size: 11pt;
    line-height: 15pt;
    padding: 0 0 3pt 0;
    margin: 0 0 0 0;
    color: #333333;
    list-style-type: disc;
}

/* -------------------- SPECIAL STYLES -------------------- */


.sumome-control {
	  opacity: 0;
}

.sumome-discover-service-no-back {
	display:none;
}

.post-9886 h2 {
	font-size: 25pt;
	line-height: 27pt;
	font-family: 'Albion Light', 'Segoe UI', Avenir, Verdana, sans-serif;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern";
	-webkit-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern";
	-moz-font-feature-settings: "kern=1";
}

body > a {
	 visibility: hidden !important;
}

div#wpadminbar {
    display: none !important;
}


/* PAST CONTINUOUS */
input[type=range] {
  	-webkit-appearance: none; /* Hides the slider so that custom slider can be made */
  	width: 100%;
	border:none;
    background: transparent;
    position: absolute;
    z-index: 10;
    top:0;
    left: 0;
	opacity:0;
	animation-delay:16.5s;
	-webkit-animation-delay:16.5s;
	animation-name: fadein;
	-webkit-animation-name: fadein;
	-webkit-animation-duration: 0s;
	animation-duration: 0s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

input[type=range]::-webkit-slider-thumb {
  	-webkit-appearance: none;
  	background-image:url('./images/ContHistory_Animation_BlackBar.svg');
	width:3.35%;
	height:87.3px;
	background-size:100% auto;
	background-repeat:no-repeat;
	cursor:pointer;
	z-index: 101;
	position:relative;
}

input[type=range]:focus {
  	outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */
}

input[type=range]::-ms-track {
  	width: 100%;
  	cursor: pointer;

  	/* Hides the slider so custom styles can be added */
  	background: transparent;
  	border-color: transparent;
  	color: transparent;
}

input[type=range]:before {
    right:5%;
    top:30%;
	color:#333;
    position: absolute;
    z-index: 200;
    content: "Please drag black bar";
    background:#FFF;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0;
}

@-webkit-keyframes pulsate {
    0% {-webkit-transform: opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: opacity: 0.0;}

}

input[type=range]:hover:before,
.visited::before,
.visited:before,
input[type=range]:focus:before  {
	display:none !important;
}

/*WP Developer page*/
.post-11562 ul li{
  margin-left: 20px;
	list-style-type: disc !important;
}






/*********** FIXES *************************/

#internship-post input[type="checkbox"] {
	width: auto;
}


/* Hacks, oh so hacks */

#post.loading,
.post-sidebar.loading {
	opacity: 1;
}


body.single object.spinner {
	display: none !important;
}