/*
Theme Name: Simpods MVC
Description: Custom CSS for UCLan's 190th celebration website
Author: Andrew Palfrey, Luke Nelson
Author URI: http://www.innovationlab.org.uk/
Version: 1.0.0
*/

/*===================================================
=               	   190 CSS                   	=
=													=
= 	Contents:									   	=
= 		0. 	General CSS	- Helper classes etc.		=
=		1. 	All Pages								=
=		2. 	Homepage								=
= 		3.	Decade Single							=
= 		4.	Blog Single								=
= 		5.	Add-Your-Story							=
=		6. 	...............							=
===================================================*/

/* ------------ 0.	General CSS -------------------------------------------- */

@font-face {
	font-family: 'Humanist';
	src: url('../fonts/humanist/humanist_521_extra_bold_bt-webfont.eot');
	src: url('../fonts/humanist/humanist_521_extra_bold_bt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/humanist/humanist_521_extra_bold_bt-webfont.woff2') format('woff2'), url('../fonts/humanist/humanist_521_extra_bold_bt-webfont.woff') format('woff'), url('../fonts/humanist/humanist_521_extra_bold_bt-webfont.ttf') format('truetype'), url('../fonts/humanist/humanist_521_extra_bold_bt-webfont.svg#webfontregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Frutiger';
	src: url('../fonts/frutiger/Frutiger-Roman.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

/* ------------ 1.	All Pages ---------------------------------------------- */

body {
	/*font-family: Frutiger, Roboto, Arial, sans-serif;*/
	font-family: Roboto, Arial, sans-serif;
	font-size: 14px;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: Humanist, Roboto Slab, Arial, sans-serif;
	/*font-variant: small-caps;*/
	text-transform: uppercase;
}

footer h3 {
	font-family: Frutiger;
}

h1,
.h1 {
	/*font-family: Roboto Slab, sans-serif;*/
	font-weight: bold;
}

h2,
.h2 {
	font-weight: 300;
}

h3.highlight {
	font-weight: 100;
	font-size: 30px;
}

h1.big {
	font-size: 100px;
}

@media (min-width: 1396px) {
	.container {
		width: 1396px;
	}
}

/* Header Section ------------------------*/

header.entry-header {
	background-blend-mode: luminosity;
	color: #ffffff;
	/*background-position: center;*/
	background-position: center 20%;
	background-size: cover;
	width: 100%;
	/*height: 700px;*/
	height: 50vh;
	background-attachment: fixed;
}

.gradient {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.75), 41%, rgba(0, 0, 0, 0));
}

header.entry-header .header-content {
	height: 100%;
	z-index: 1;
	position: relative;
}

header.entry-header h1 {
	/*font-family: Roboto Slab, serif;*/
	font-weight: bold;
	font-size: 135px;
	/*font-size: 5.5vw;*/
	font-size: 4.5vw;
	text-shadow: 3px 3px 13px #000000;
	/*margin-top: 220px;*/
	margin-top: 120px;
}

header.entry-header h2 {
	font-weight: normal;
	font-size: 51px;
	/*font-size: 2.66vw;*/
	font-size: 1.8vw;
	margin-left: 0;
	margin-top: 0;

	display: none;
}

.btn.add-blog {
	font-size: 11px;
	/* border: 1px solid #e8e8e8; */
	border-radius: 50%;
	height: 45px;
	width: 45px;
	line-height: 45px;
	color: #000;
}

.btn.add-blog {
	color: #fff;
}

.btn.add-blog:hover {
	opacity: 0.8;
}

.btn-primary,
.btn-primary[disabled] {
	color: #ffffff;
	background-color: #1085c3;
	border: 1px solid #1085c3;
	border-radius: 100px;
	padding: 10px 20px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus {
	background-color: #0d6a9c;
	border: 1px solid #0d6a9c;
}

a.archive-link,
a.blog-link {
	color: #000000;
	text-transform: uppercase;
	font-size: 12pt;
	/*padding: 10px 30px;
	position: absolute;
	bottom: 30px;*/
	background: rgba(255, 255, 255, 0.8);
	border-radius: 100px;
	-webkit-transition: background 0.5s ease-in-out;
	/* Safari */
	transition: background 0.5s ease-in-out;
	/*width: 180px;*/
}

header.entry-header a.archive-link:hover,
header.entry-header a.blog-link:hover {
	text-decoration: none;
	background: #ffffff;
}

header .header-btn {
	bottom: 30px;
	position: absolute;
}

/* header.entry-header a.archive-link {
	left: 45px;
}

header.entry-header a.blog-link {
	right: 45px;
} */

header.entry-header .decade-overlay {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
}

.force-sticky main {
	margin-top: 120px;
}

/**-------default post content-----------**/

.post-content {
	/* text-align: center; */
	font-size: 16pt;
}

.post-content h3 {
	font-weight: 100;
	font-size: 30pt;
	margin-bottom: 30px;
}

/*Nav*/

/*See other file*/

/** footer */

footer .widgets {
	font-size: 17px;
}

footer .widget {
	margin-bottom: 30px;
}

footer .copyright {
	background: #f2f2f2;
}

/** widget */

.widget h3 {
	/*color: #BE0F34;*/
	color: #1085c3;
	font-weight: bold;
	margin-top: 0;
}

.widget hr {
	/*border-top: 2px solid #BE0F34;*/
	border-top: 2px solid #1085c3;
}

.widget #menu-footer {
	list-style: none;
	padding-left: 0;
}

.widget #menu-footer li {
	border-bottom: 1px solid #333;
}

.widget #menu-footer li a {
	color: #333;
}

/** colours */

.dark {
	color: #333;
}

.red {
	color: #BE0F34;
}

.blue {
	color: #1085c3;
}

.bg-white {
	background-color: #fff;
}

.bg-no-colour {
	background-color: transparent;
}

.bg-grad-right-white {
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
	/* Standard syntax (must be last) */
}

.bg-grad-left-white {
	background: -webkit-linear-gradient(right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	/* Standard syntax (must be last) */
}

/** Limit image widths */

.gallery img,
.wp-post-image {
	width: 100%;
	height: auto;
}

.center-bg-img {
	background-position: center center;
	background-repeat: no-repeat;
}

.cover-bg-img {
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.contain-bg-img {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

#content {
	background-position: center top;
	background-repeat: repeat-y;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.half-bg {
	height: 900px;
	opacity: 0.3;
}

.gradient-mask {
	background-position: center bottom;
	background-repeat: repeat-x;
}

.ruler {
	background-repeat: no-repeat;
	background-position: 0 150px;
}

/** Fix modals */

.modal {
	z-index: 10001;
}

.modal-backdrop {
	z-index: 10000;
}

/** User posts */

.post-excerpt h1,
.post-excerpt h2,
.post-excerpt h3,
.post-excerpt h4,
.post-excerpt h5,
.post-excerpt h6 {
	color: #BE0F34;
}

#postModal .modal-body {
	min-height: 200px;
}

/*Footer*/

.widget_media_image>.widget-inner {
	text-align: center;
}

.widget_media_image img {
	max-width: 75%!important;
}

.widget-inner>.a2a_kit {
	display: block;
	text-align: left;
}

.widget-inner>.a2a_kit>a:first-child {
	padding-left: 0;
}

#ssb-container ul li span {
	line-height: 45px;
	width: 50px;
	text-align: center;
}

@media (max-width: 1263px) and (min-width: 1152px) {
	.widget-inner>.a2a_kit svg {
		width: 35px!important;
		height: 35px!important;
	}
}

/* @media (max-width: 1151px) and (min-width: 992px) {
	.widget-inner>.a2a_kit svg {
		width: 25px!important;
		height: 25px!important;
	}
} */

/** Add To Any Shortcode Styling */

.a2a_svg {
	border: 2px solid #999999;
	border-radius: 100%!important;
	padding: 5px;
	/*height: auto!important;*/
	/*width: auto!important;*/
}

footer .a2a_svg {
	height: auto!important;
	width: auto!important;
}

.widget .a2a_kit svg {
	height: 30px;
	width: 30px;
}

footer a {
	color: #333333!important;
}

@media (min-width: 1921px) {
	header.entry-header h1 {
		font-size: 150px;
	}
	header.entry-header h2 {
		font-size: 51px;
	}
}

@media (max-width: 992px) {
	header.entry-header .header-content {
		height: auto;
		padding-bottom: 50px;
	}
	header.entry-header {
		height: auto;
	}
	header .header-btn {
		position: initial;
	}
}

@media (max-width:991px) {
	#ssb-container {
		display: none;
	}
}

@media (max-width: 969px) {
	header.entry-header h1 {
		margin-top: 180px;
	}
}

@media (max-width: 768px) {
	header.entry-header a.archive-link,
	header.entry-header a.blog-link {
		margin-left: auto;
		margin-right: auto;
		float: none !important;
		display: block;
	}
	header.entry-header h1 {
		font-size: 30px;
		font-size: 7vw;
		text-align: center;
	}
	header.entry-header h2 {
		font-size: 20px !important;
		text-align: center;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	.nav>li>a,
	.nav>li.menu-item-has-children>.after {
		padding: 15px 5px;
	}
}

/**
 * change menu to burger
 */

@media (min-width: 768px) and (max-width: 992px) {
	#primary_men {
		width: 100%;
	}
	.navbar-header {
		float: right;
		position: relative;
		z-index: 10;
		height: 100px;
	}
	.nav-toggle {
		padding: 10px 15px;
		float: none;
		width: 100%;
	}
	.navbar-header .icon-bar {
		background: #ffffff;
		height: 4px;
		width: 30px;
		transition: background 0.3s ease-in-out;
	}
	.navbar-header .icon-bar+.icon-bar {
		margin-top: 6px;
	}
	.navbar-toggle {
		padding: 10px;
		margin: 0;
		border: 0;
		display: table-cell;
		top: 50%;
		transform: translateY(-50%);
	}
	.navbar-nav {
		float: none;
	}
	.navbar-nav>li>a {
		line-height: normal !important;
		color: #000000 !important;
		width: 100%;
		padding: 10px 15px;
	}
	.navbar-collapse {
		background: #ffffff;
	}
	.sticky .navbar-header .icon-bar {
		background: #000000;
	}
	.navbar-toggle:not(.collapsed) .icon-bar {
		background: #6f6f6f;
	}
	.navbar {
		min-height: 0;
		float: left;
		position: absolute;
		left: 0;
		width: 100%;
	}
	.navbar-nav>li {
		display: block;
		float: none;
	}
	.menu-item-has-children>.after {
		display: none !important;
	}
	.menu-item-has-children>.after:after {
		content: '';
	}
	.submenu,
	.submenu_submenu {
		display: block;
		position: relative;
		background: transparent;
		border-bottom: 1px solid #cacaca;
		box-shadow: none;
	}
	.submenu_submenu {
		border: 0;
		left: 0;
		width: 100%;
		display: none!important;
	}
	.menu-item-has-children.lv2.after {
		display: none;
	}
	.submenu li,
	.submenu_submenu li {
		padding-left: 25px;
		display: block!important;
		background: #fff;
	}
	.submenu li>a {
		color: #333333;
	}
	.navbar-collapse.collapse:not(.in) {
		height: 0!important;
		overflow: hidden!important;
	}
}