/*
Theme Name: FSSPUK
Author: Joseph Grimer
Description: FSSPUK official theme
Version: 0.1
*/

/*html5 stuff and body*/
header, section, footer, aside, nav, main, article, figure {
	display: block;
}

body {
	margin:0px;
	font-family: serif;
	background:#fff;
	color:#1c3790;
}

body * {
	box-sizing:border-box;
}

/*************************************************** Header/Banner *************************************/

header {
	display: block;
	width:100%;
	margin:10px auto;
	position: relative;
}

header .header-banner {
	display: block;
	background-image:url('/wp-content/themes/fsspuk/img/fsspgold.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	width:100%;
	height:50px;
	text-decoration: none;
	padding: 0 0 0 68px;
    font-size: 40px;
    color: black;
    text-align: left;
}

/*************************************************** Navigation Bar *************************************/

/*this is really the nav wrapper.. there's a div inside it*/
nav {
	display:block;
	width:100%;
	height:54px;
	text-align: center;
/* 	background-color:#1c3790; */
/* 	border-top:1px solid gold; */
	border-bottom:3px solid #1c3790;
	text-transform:uppercase;
/* 	padding-top:2px; */
}

nav > div ul {
	width:1120px;
	width:1200px; /*Internet Explorer 8*/
	margin:0px auto !important;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	position: relative;
	z-index: 597;
}

nav ul li ul a {
/* 	background-color:#1c3790; */
	background-color:white;
}
nav ul {
	list-style: none;
	list-style-type: none;
}
nav ul li {
	list-style: none;
	list-style-type: none;
	display:inline-block;
}
nav a {
	color:black;
	font-family: serif;
}
nav a:hover {
/* 	color:whitesmoke;
	background:#1c3790; */
	color:#1c3790;
}
nav ul li a {
	font-size: 16px;
	padding:13px;
	text-decoration:none;
	margin:0px 10px;
}
nav > div ul li {
	float: left;
}
nav > div ul li.hover, nav > div ul li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
}
nav > div ul ul {
	visibility: hidden;
	position: absolute;
	top: 105%;
	left: 0;
	z-index: 598;
	width: 100%;
	line-height:135%;
	bottom: 0;
	left: 0;
	margin-top: 0;
}
nav > div ul ul li {
	width:200px;
}
nav > div ul ul ul {
	top: 0;
	left: 190px;
	width: 190px;
}
/* The animation code ************************/
@keyframes drawer {
	0% {
		height: 0px;
		overflow:hidden;
	}
	100% {
		height:500px;
		overflow:visible;
	}
}
@-webkit-keyframes drawer {
	0% {
		height: 0px;
		overflow:hidden;
	}
	100% {
		height:500px;
		overflow:visible;
	}
}
nav > div > ul li:hover > ul {
	width:230px;
	height:auto;
}
nav > div > ul li:hover > ul {
	animation-name: drawer;
	animation-duration: 0.7s;
	-webkit-animation-name: drawer;
	-webkit-animation-duration: 0.7s;
}
/*******************************************/
nav > div > ul li:hover > ul {
	visibility: visible;
	left:-75px;
	top:42px;
	left:-75px;
}
/*Confraternity*/
nav li.menu-item-182:hover ul{
	left:-60px;
}
/***/
nav > div > ul li:hover > ul > li:hover > ul {
	visibility: visible;
	top:0px;
	left:140px;
}
nav > div a {
	display: block;
	line-height: 1em;
	text-decoration: none;
}
nav > div ul li ul a {
/* 	border-left:1px solid gold;
	border-right:1px solid gold;
	font-size:16px; */
}
nav > div ul li ul li:last-child a {
/* 	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border-bottom:1px solid gold; */
}
nav ul li ul li ul li:first-child a {
/* 	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-top:1px solid gold; */
}
nav li.current-menu-item > a{
	color:#1c3790;
}
/*************************************************** Slideshow *************************************/
div.caption-wrap {
	color:white !important;
	background:rgba(0, 0, 0, 0.17) !important;
	opacity:1 !important;
	top:0;
}
div.metaslider a {
	text-decoration:none;
}
div.metaslider h1, div.metaslider h2 {
	text-align:center;
	font-family:serif,"Arial Narrow";
	color:white !important;
}
div.metaslider a {
	height:100%;
	width:100%;
	display:block;
}
div.metaslider div.caption h1 {
	font-size:60px;
	line-height:120%;
	margin: 0px;
}
div.metaslider div.caption h2 {
	font-size:30px;
	line-height:160%;
	position:absolute;
	bottom:0;
	width:640px;
	text-align:center;
}
/*************************************************** Sidebars *************************************/
aside {
	margin-top:20px;
	width:260px;
	width:20%;
	float:left;
	padding:10px;
	margin-bottom:20px;
	font-family: "Arial-Narrow", serif;
	/*Font Test "Open Sans Condensed", sans-serif, */
	font-size:18px;
}
aside h4{
	font-size:21px;
	margin:0px;
}
aside a:hover {
/* 	color:gold; */
}
aside:first-child { /*left sidebar*/
	margin-right:10px;
}
aside:last-child { /*right sidebar*/
	margin-left:10px;
}
aside ul { /*News archive, I think*/
	margin-top:7px;
}
/**Sidebar Widgets***************/
aside div.widget {
	margin-bottom:40px;
}
aside div.widget p:first-child {
	margin-top:7px;
}
aside div.widget:last-child {
	border-bottom:0px;
	margin-bottom:0px;
}
aside img{
/*	border:1px solid #1c3790;*/ /*already established elsewhere*/
	margin-top:7px;
}
/* Specific Widgets ****************/
form.searchform label {
	display:none
}
form.searchform input#s {
	padding:5px;
	font-size:20px;
	width:140px;
}
form.searchform input#searchsubmit {
	padding:7px;
	font-size:20px;
	color: gold;
	background-color: #1c3790;
	border: 1px solid gold;
	text-align: center;
}
form.searchform input#searchsubmit:hover {
	cursor:pointer;
	color:gold;
	background:#1c3790;
}
span.speciallinx a { /*currently used in the warrington sidebar*/
	text-decoration:none;
	font-size:16px;
	color:#1c3790;
}
div.fb-page {
	margin-top:7px;
	border:1px solid #1c3790;
	padding:2px;
}

/*************************************************** Main Content and Article *************************************/
div#mainwrap {
	width:1240px;
	background:white;
	margin:0px auto;
	display:block;
}
div#mainwrap > section#content{
color: #1c3790;
    width: 700px;
    float: left;
    padding: 0px 20px 20px 20px;
    margin-bottom: 0;
}
div#mainwrap > section#content.posts{
	background:ivory;
}
article {
	font-size: 19px;
	line-height: 135%;
	font-family:opensans;
	padding:0 0 10px 0;
	margin-bottom:40px;
	margin-top:20px;
	padding-top:10px;
	overflow: auto;
}
article.page {
	padding:30px 75px;
}
article.page img {
	max-width:100%;
	height:auto;
}
article img, aside img {
/*	border:1px solid #1c3790;*/
	padding:3px;
}
img.plainimg {
	border: 0px solid #c00 !important;
}
section#content > h2 {
	margin-bottom:0px;
}
/*Latest News*/
article span.date {
	float:right;
	padding:21px 29px 10px 30px;
}
article.single span.date{
	padding:10px;
}
article div.readmore {
	margin-top:5px;
	margin-right:0px;
	margin-left:auto;
	width:105px;
}
article div.readmore a {
	text-decoration:none;
	padding:8px 12px;
	color:gold;
	font-size:16px;
	font-weight:bold;
	border:1px solid gold;
	background-color:#1c3790;
}
article div.readmore a:hover {
	color:white;
	background:#1c3790;
}
article h2 a {
	text-decoration:none;
	color:#1c3790;
}
article h2 a:hover {
	color:gold;
}
h1,h2,h3,h4,h5,h6{
	font-family: "Arial-Narrow", serif;
	/*Font Test "Open Sans Condensed", sans-serif, */
	color:#1c3790;
}
.center {
	text-align: center;
}
h1 {
	font-size:40px;
}
h2 {
	font-size:25px;
	line-height:140%;
}
h3 {
	font-size:28px;
}
h4 {
	font-size:25px;
}
h5 {
	font-size:18px;
}
h6 {
	font-size:16px;
}
table td {
	vertical-align: top;
}
/*image stuff------------*/
img.alignleft {
	float:left;
	margin-right:20px;
}
img.alignright {
	float:right;
	margin-left:20px;
}
img.aligncenter {
	display: block;
	margin: 0 auto;
}
article > img.wp-post-image {
	float:right;
	margin-left:10px;
	margin-bottom: 18px;
	padding:0;
}
.archive article > img.wp-post-image {
	margin-bottom:10px;
}
/*alternating images on front page*/
section#content article:nth-child(even) img.wp-post-image {
	float:left;
	margin-left:0px;
	margin-right:30px;
}
div.navigation { /*Next and Last links*/
	width:500px;
}
div.navigation a {
	text-decoration:none;
	padding:8px 12px;
	color:gold;
	font-size:16px;
	font-weight:bold;
	border:1px solid gold;
	display:inline-block;
	float:left;
	margin-right:5px;
	background-color:#1c3790;

}
div.navigation a:hover {
	color:white;
	background:#1c3790;
}
a.bluebutton {
	display:inline-block;
	padding: 10px 50px;
	border: 1px solid gold;
	color: gold;
	font-size: 22px;
	margin: 10px 0px;
	font-family: serif;
	text-decoration:none;
	text-align:center;
}
a.bluebutton:hover {
	color:white;
	background:#1c3790;
}

article p.blog-post-meta {
	font-size:12px;
}
/*********************************************** Particularly Obscure Stuff ********************************/

/** general inputs **/
input,textarea {
	border:2px revert grey;
	background: #ededed;
}
div.widget_search h4{
	margin-bottom:7px;
}
input.button {
	padding:10px 50px;
	border:1px solid gold;
	color:gold;
	font-size:22px;
	margin:10px 0px;
	font-family:serif;
}
input.button, a.bluebutton, input.button:active {
	background-color:#1c3790;
/*	background:linear-gradient(#1c3790,#46c);*/
}
input.button:hover {
	cursor:pointer;
	color:white;
}
input.button:disabled {
	background:grey;
	color:white;
}
form.mpForm input[type="checkbox"] {
	margin-right:10px;
	width:20px;
	height:20px;
}
form.mpForm p span {
	display:inline-block;
	width:200px;
}
form.mpForm select {
	margin-left: -6px;
}
form.mpForm input[type="text"], form.mpForm input[type="password"], form.mpForm textarea, form.mpForm select {
	padding:5px;
	font-family:serif;
	font-size:20px;
	background:#eee;
}
form.mpForm input[type="text"], form.mpForm input[type="password"], form.mpForm select{
	width:400px;
}
div.paypal-donations input:hover {
	cursor:pointer;
	opacity:0.8;
}
div.paypal-donations > img {
	display:none
}
/*Remove random pixel spot*/
a.bigLink, .wpcf7-submit {
	font-family: serif;
	color:gold;
	font-size: 22px;
	text-decoration: none;
	display:inline-block;
	padding:10px;
	background-color:#1c3790;
/*	background: linear-gradient(#46c,#1c3790);*/
	border:1px solid gold;
	text-align:center;
	vertical-align:center;
}
a.bigLink:hover, .wpcf7-submit:hover {
	color:white;
	cursor:pointer;
}
/*overwriting biglink*/
a.bigLink {
	text-decoration:none;
	padding:8px 12px;
	color:gold;
	font-size:16px;
	font-weight:bold;
	border:1px solid gold;
	background-color:#1c3790;
/* 	background: linear-gradient(#46c,#1c3790); */
}
a.bigLink:hover {
	color:white;
	background:#1c3790;
}
/*more contact form stuff*/
.wpcf7-response-output {
	padding:10px 12px !important;
/* 	vertical-align:middle; */
}
.wpcf7-validation-errors {
	background:red !important;
	color:#f7e700 !important;
	vertical-align:center;
}
a.sidehead {
text-decoration: none;
    display: block;
    font-size: 20px;
    /* padding: 10px; */
    margin: 20px 0;
    /* border: 1px solid #222; */
    color: #1c3790;
    /* text-align: center; */
    font-weight: bold;
}
a.sidehead:hover {
/*	color:gold;*/
}
iframe#calframe body {
	background-color:green;
}

/* section.search article img {
	float:right;
} */
/****************************************************Footer****************************************************/
footer {
	margin-top:20px;
	border-top:3px double gold;
	display:block;
	clear:both;
	margin-top:20px;
	width:100%;
	height:500px;
	padding:55px;
	background-color:#1c3790;
	color:gold;
	font-size:14px;
	line-height:150%;
	font-style:italic;
}
footer div.footContent {
	width:740px;
	margin:0px auto;
}
footer div.footContent > p {
	margin-top:40px;
}
footer div.footContent p {
	font-size:17px;
	text-align:center;
}
footer a {
	color:gold;
	text-decoration:none;
}
footer a:hover {
	font-weight:bold;
}
footer > div > div > ul > li {
	display:block;
	float:left;
	margin:0px 70px;
	width:200px;
	list-style-type:none;
	text-align:center;
}
footer a.logobottom {
	display:block;
	background-image:url('/wp-content/themes/fsspuk/img/fsspgold.png');
	background-size:125px 151px;
	height:151px;
	width:120px;
	margin:0px auto;
	transition:0.5s;
	border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
	background-repeat: no-repeat;
}
/* footer a.logobottom:hover {
	box-shadow: 0px 0px 42px 2px gold;
	border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
	cursor:active;
} */
/***************************************************"Mobile Friendly" Additions***************************************************/

@media (max-width:1000px) {
	
	/* banner */
	body {
		width:100%;
	}
	body > header {
		width:100%;
	}
	body > header > a {
		height:50px;
		background-size:100%;
	}
	div#mainwrap {
		width: 100%;
		margin-top: 60px;
	}
	/*nav*/
	ul#menu-top-menu {
		padding:0px;
	}
	
	/*metaslider*/
	div.metaslider div.caption h1 {
    font-size: 20px;
}
		div.metaslider div.caption h2 {
			    width: 100%;
    font-size: 17px;
}

	/* More Extreme */
	
	aside {
		width:100%;
	}
	aside img {
		width:100%;
		height:auto;
	}
	
	/*facebook*/
	div#custom_html-12,
	div#custom_html-13,
	div#custom_html-14 {
		display:none;
	}
	
	div#mainwrap > section#content {
		width:100%;
	}
	section#content article {
		width:100%;
/* 		overflow: -webkit-paged-y; */
	}
	
	/* nav */
	nav {
		height:auto;
	}
	nav > div ul {
		width:100%;
	}
	nav > div ul li {
		float:none;
	}
	
	/*content*/
	
	article.page {
     padding: 15px; 
	}
	img {
		float: none !important;
		width:100%;
		height:auto;
		margin:0px !important;
	}
	
	#google-calendar-normal {
	display:none;
}
	#google-calendar-mobile {
	display:block;
}
	
	/*footer*/
	footer {
		width:100%;
		height:600px;
	}
	footer div.footContent {
		width:100%;
	}
	footer div.footContent li {
		padding:0px;
		margin:0px;
	}
	
	/*tables*/
		table, thead, tbody, th, td, tr { 
		display: block; 
	}
	table tr {
		display: inline-grid;
    height: auto !important;
		width:100% !important;
	}
	table td {
	    vertical-align: top;
    display: inline-flex;
    float: left;
		width:100% !important;
	}
	table td img {
		height:100% !important;
		width:auto !important;
	}
}

/* misc */

.warning-box {
	background:gold;
	color:#00f;
	padding: 14px;
}

.carbonlite-dashboard {
	transform: scale(0.92) translateX(-13px);
}

div.flexslider a:link,
div.flexslider a:hover,
div.flexslider a:visited{
	color:white;
}

.formleftword {
	display:inline-block;
	width:100px;
}

@media (min-height:500px) {
	body {
		    padding-top: 115px;
	}
	header{
		position:fixed;
		background:white;
		top:0;
		margin: 0;
		padding: 10px;
		z-index: 1;
		width:100%;
	}
	nav{
		position:fixed;
		background:white;
		top:60px;
		z-index: 1;
	}

	
}