/* Don't forget to get some milk on the way home... */

/* Imports */
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/*
 * Theme Name: Ravensbourne Students' Union 2013 Theme
 * Theme URI: http://ravesu.co.uk
 * Description: Theme created by Alex Fuller, for Ravensbourne Students' Union
 * Author: Alex Fuller
 * Author URI: http://alexfuller.co.uk
 * Version: 1.0
 * Tags: rave, ravensbourne, students, union

 * License: GNU General Public License
 * License URI: http://www.gnu.org/licenses/gpl.html
 */

body, html {
	height: 100%;
}

body {
	background-color: #f5f1f2;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #696969;
}

h1, h2, h3 {
	margin: 0;
	padding: 25px 0 15px 0;
	color: #92278f;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

h2 {
	font-size: 24px;
}

p {
	margin: 0;
	padding-bottom: 15px;
	font-size: 16px;
}

p:last-child {
	padding-bottom: 0;
}

a {
	color: rgba(243, 112, 34, 0.8);
	text-decoration: none;
	transition: color .2s ease-in-out;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	-o-transition: color .2s ease-in-out;
}

a:hover {
	color: rgba(243, 112, 34, 1);
	text-decoration: none;
}

.container {
	min-height: 100%;
	max-width: 1440px;
	margin: 0;
	overflow: hidden;
}

	.row {
		height: 100%;
	}

		.left {
			padding: 0 0 9999px 0;
			margin-bottom: -9999px;
			background-color: #d42e42;
		}

			.left img {
				display: block;
			}

			.navbar {
				border: none;
				display: block;
			}

			.navbar-toggle {
				position: absolute;
				top: 30px;
				right: 0;
			}

			.navbar-header {
				float: none;
			}

			.navbar-brand {
				padding: 0;
				background-color: #c1283a;
				width: 100%;
			}

			.navbar-collapse {
				padding: 0;
				max-height: none;
				border-top: none;
				box-shadow: none;
			}

			.menuicon {
				width: 48px;
				height: 48px;
			}

			.fixed {
				width: 100%;
				visibility: visible;
			}

				ul.nav {
					padding: 28px 28px 0 28px;
					font-size: 14px;
					font-weight: 700;
					color: #ffffff;
				}

					ul.nav li {
						position: relative;
						height: 40px;
						padding: 0;
						background-color: #c1283a;
						margin: 2px 0;
						line-height: 2.8em;
						transition: background-color .5s ease-in-out;
						-webkit-transition: background-color .5s ease-in-out;
						-moz-transition: background-color .5s ease-in-out;
						-o-transition: background-color .5s ease-in-out;
					}

					ul.nav li:hover{
						background-color: #bfd62e;
					}

						ul.nav li a {
							background-color: transparent;
							color: #ffffff;
							padding: 0 20px;
						}

						ul.nav li a:hover {
							background-color: transparent;
						}

					ul.nav li.current-menu-item:after {
						content: "";
						display: block;
						position: absolute;
						right: -5px;
						top: 0;
						width: 5px;
						height: 40px;
						background-color: #bfd62e;
					}

				.footer {
					visibility: visible;
					width: 100%;
					height: auto;
				}

					.socialicons {
						margin: 10px 28px 0 28px;
						padding-bottom: 60px; 
						display: block;
					}

						.socialicons .icon {
							background-color: #c1283a;
							padding: 7%;
							transition: background-color .3s ease-in-out;
							-webkit-transition: background-color .3s ease-in-out;
							-moz-transition: background-color .3s ease-in-out;
							-o-transition: background-color .3s ease-in-out;
						}

						.facebook:hover {
							background-color: #2879bf;
						}

						.twitter:hover {
							background-color: #97c3e9;
						}

						.instagram:hover {
							background-color: #efbf89;
						}

						.vimeo:hover {
							background-color: #98de80;
						}

							.socialicons .icon img {
								margin: 0;
							}

					.copyright {
						width: 60%;
						margin: auto;
						padding-bottom: 28px;
						color: #ffffff;
						font-size: 12px;
						font-weight: 300;
						text-transform: uppercase;
						text-align: center;
					}

		.content {
			margin-bottom: -9999px;
			padding: 0 0 9999px 0;
		}

			.innercontent {
				padding: 5%;
			}

				.slider {
					-moz-border-radius: 2px;
					-webkit-border-radius: 2px;
					border-radius: 2px; /* border radius */
					-moz-box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
					-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
					box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
					margin-bottom: 20px;
				}

				.maincontent {

				}

					.box {
						width: 100%;
						display: block;
						margin-bottom: 20px;
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;
						border-radius: 2px; /* border radius */
						-moz-background-clip: padding;
						-webkit-background-clip: padding-box;
						background-clip: padding-box; /* prevents bg color from leaking outside the border */
						background-color: #fff; /* layer fill content */
						-moz-box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
						-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
						box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
					}

					.cp {
						padding: 5%;
					}

					.society {
						width: 30%;
						margin: 1.5%;
						display: inline-block;
						vertical-align: top;
						background-color: rgba(243, 112, 34, 0.6);
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;
						border-radius: 2px; /* border radius */
						text-align: center;
						transition: background .5s ease-in-out;
						-webkit-transition: background .5s ease-in-out;
						-moz-transition: background .5s ease-in-out;
						-o-transition: background .5s ease-in-out;
					}

					.society:hover {
						background-color: rgba(243, 112, 34, 1);
					}

						.society a {
							width: 100%;
							padding: 65px 0;
							color: #ffffff;
							font-weight: 600;
							display: inline-block;
							vertical-align: middle;
							text-transform: uppercase;
							-moz-transform:skew(0deg, -20deg);
							-webkit-transform:skew(0deg, -20deg);
							-o-transform:skew(0deg, -20deg);
							transform:skew(0deg, -20deg);
						}

						.society a:hover {
							text-decoration: none;
						}

						@media screen and (max-width: 992px) {
							.society {
								width: 47%;
							}
						}

						@media screen and (max-width: 767px) {
							.society {
								width: 100%;
								margin: 0 0 5% 0;
							}
						}

					.postinner {
						padding: 30px;
						position: relative;
					}

					.postinfo {
						width: 100%;
						display: block;
						margin-bottom: 30px;
						font-size: 12px;
						color: #b0b0b0;
					}

						.posttime {
							margin-right: 15px;
						}

						.posttime:before {
							content: "";
							width: 16px;
							height: 16px;
							margin-right: 5px;
							background: url(img/time.png) no-repeat center;
							background-size: 100%;
							display: inline-block;
							vertical-align: top;
						}

						.postcat:before {
							content: "";
							width: 24px;
							height: 16px;
							margin-right: 5px;
							background: url(img/cat.png) no-repeat center;
							background-size: 100%;
							display: inline-block;
							vertical-align: top;
						}

						.postcat a {
							color: #b0b0b0;
							text-decoration: none;
						}

						.postcat a:hover {
							color: #b0b0b0;
							text-decoration: underline;
						}

					.thumb img {
						-moz-border-top-right-radius: 2px;
						-webkit-border-top-right-radius: 2px;
						border-top-right-radius: 2px; /* border radius */
						-moz-border-top-left-radius: 2px;
						-webkit-border-top-left-radius: 2px;
						border-top-left-radius: 2px; /* border radius */
					}

					.readmore {
						width: 130px;
						height: 50px;
						display: block;
						text-align: center;
						line-height: 3.2em;
						font-weight: 600;
						text-transform: uppercase;
						color: #ffffff;
						background-color: #f37022;
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;
						border-radius: 2px; /* border radius */
						-moz-box-shadow: 0 2px 0 #bb581d; /* drop shadow */
						-webkit-box-shadow: 0 2px 0 #bb581d; /* drop shadow */
						box-shadow: 0 2px 0 #bb581d; /* drop shadow */
					}

					.readmore.alignright {
						margin: 30px 0 0 0;
					}

					.readmore:hover {
						color: #ffffff;
						text-decoration: none;
					}

					#nextprev {
						display: block;
						background-color: #f37022;
						-moz-border-bottom-right-radius: 2px;
						-webkit-border-bottom-right-radius: 2px;
						border-bottom-right-radius: 2px; /* border radius */
						-moz-border-bottom-left-radius: 2px;
						-webkit-border-bottom-left-radius: 2px;
						border-bottom-left-radius: 2px; /* border radius */
					}

					#index-nextprev {
						display: block;
						background-color: #f37022;
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;
						border-radius: 2px; /* border radius */
					}

					.next img {
						max-width: 36px;
						margin: 10px 5px;
						padding: 2% 1%;
					}

					.prev img {
						max-width: 36px;
						margin: 10px 5px;
						padding: 2% 1%;
					}

				.sidebar {
					
				}

					.widget {
						width: 100%;
						display: block;
						margin-bottom: 20px;
						-moz-border-radius: 2px;
						-webkit-border-radius: 2px;
						border-radius: 2px; /* border radius */
						-moz-background-clip: padding;
						-webkit-background-clip: padding-box;
						background-clip: padding-box; /* prevents bg color from leaking outside the border */
						background-color: #fff; /* layer fill content */
						-moz-box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
						-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
						box-shadow: 0 2px 0 rgba(0,0,0,.05); /* drop shadow */
					}

						.tw-recent-posts .wtitle {
							width: 100%;
							padding: 5% 0;
							font-size: 18px;
							font-weight: 600;
							letter-spacing: 0.1em;
							text-shadow: 0 2px 0 rgba(0,0,0,0.1); /* drop shadow */
							color: #ffffff;
							text-align: center;
							text-transform: uppercase;
							background-color: #bfd62e;
							-moz-border-top-right-radius: 2px;
							-webkit-border-top-right-radius: 2px;
							border-top-right-radius: 2px; /* border radius */
							-moz-border-top-left-radius: 2px;
							-webkit-border-top-left-radius: 2px;
							border-top-left-radius: 2px; /* border radius */
						}

						.widget_reallysimpletwitterwidget .wtitle {
							width: 100%;
							padding: 5% 0;
							font-size: 18px;
							font-weight: 600;
							letter-spacing: 0.1em;
							text-shadow: 0 2px 0 rgba(0,0,0,0.1); /* drop shadow */
							color: #ffffff;
							text-align: center;
							text-transform: uppercase;
							background-color: #1cadc9;
							-moz-border-top-right-radius: 2px;
							-webkit-border-top-right-radius: 2px;
							border-top-right-radius: 2px; /* border radius */
							-moz-border-top-left-radius: 2px;
							-webkit-border-top-left-radius: 2px;
							border-top-left-radius: 2px; /* border radius */
						}

						.Ihrss_widget .wtitle {
							width: 25%;
							height: 150px;
							padding: 35px 0 0 0;
							display: table-cell;
							vertical-align: middle;
							float: left;
							font-size: 18px;
							font-weight: 600;
							letter-spacing: 0.1em;
							text-shadow: 0 2px 0 rgba(0,0,0,0.1); /* drop shadow */
							color: #ffffff;
							text-align: center;
							text-transform: uppercase;
							background-color: #92278f;
							-moz-border-bottom-left-radius: 2px;
							-webkit-border-bottom-left-radius: 2px;
							border-bottom-left-radius: 2px; /* border radius */
							-moz-border-top-left-radius: 2px;
							-webkit-border-top-left-radius: 2px;
							border-top-left-radius: 2px; /* border radius */
						}

						@media screen and (max-width: 767px) {
							.Ihrss_widget .wtitle {
								font-size: 12px;
								padding: 50px 0 0 0;
							}
						}

		.mfooter {
			visibility: hidden;
			width: 0;
			height: 0;
		}

.members {
	padding-bottom: 30px;
}

.members p {
	margin-top: 10px;
}

/* Plugin CSS Modifications */

/* Slider */
.metaslider_container_40 {
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* border radius */
}

.rslides img {
	position: relative;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px; /* border radius */
}

ul.rslides_tabs {
	position: absolute;
	bottom: 0px;
	right: 10px;
	z-index: 999;
	background-color: transparent;
	width: auto;
}

	ul.rslides_tabs li.rslides_here {
		background-color: transparent;
		opacity: 1;
	}

	ul.rslides_tabs li {
		width: 10px;
		height: 10px;
		margin: 0 1px;
		font-size: 0;
		background: url(img/dot.png) no-repeat center;
		opacity: 0.5;
	}

		ul.rslides_tabs li a {
			padding: 0;
			width: 100%;
			height: 100%;
			display: block;
		}

/* Recent Posts Widget */
.tw-recent-posts .featured-posts .featured-post {
	margin: 0;
	padding: 20px;
}

	.featured-post h4 {
		font-weight: 600;
		font-size: 16px;
		clear: none;
		color: #92278f;
	}

	.featured-post .excerpt {
		font-size: 12px;
	}

	.featured-post a.read-more {
		padding: 3px 12px;
		font-weight: 600;
		text-transform: uppercase;
		margin-bottom: 0;
		color: #ffffff;
		background-color: #f37022;
		position: relative;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px; /* border radius */
		-moz-box-shadow: 0 2px 0 #bb581d; /* drop shadow */
		-webkit-box-shadow: 0 2px 0 #bb581d; /* drop shadow */
		box-shadow: 0 2px 0 #bb581d; /* drop shadow */
	}

	.featured-post a.read-more:hover {
		text-decoration: none;
	}

/* Twitter Feed Widget */
ul.really_simple_twitter_widget {
	list-style: none;
	margin: 0;
	padding: 20px;
	font-size: 14px;
}

	ul.really_simple_twitter_widget li {
		margin-bottom: 30px;
	}

		.rstw_comma {
			display: none;
		}

		.twitter-timestamp {
			display: block;
			font-weight: 400;
			font-style: italic;
			color: #f37022;
			text-align: right;
		}

/* Simple Featured Post */
ul#sfpw {
	text-align: left;
	margin: 0;
	padding: 0;
}

	ul#sfpw li {
		margin: 0;
	}

	ul#sfpw img {
		max-width: 100%;
	}

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

	.container {
		height: auto;
		overflow: auto;
	}

		.row {
			height: auto;
		}

			.left {
				height: inherit;
				min-height: inherit;
				padding-bottom: 0;
				margin: 0;
			}

				.logo {
					width: 150px;
				}

				.navbar {
					margin-bottom: 0;
				}

				ul.nav {
					margin-bottom: 28px;
				}

				.footer {
					visibility: hidden;
					width: 0;
					height: 0;
					overflow: hidden;
				}

			.content {
				padding-bottom: 0;
				margin: 0;
			}

			.mfooter {
				visibility: visible;
				width: 100%;
				height: auto;
				background-color: #d42e42;
				padding-top: 28px;
				/*Milk*/
			}

}

/* WP Core CSS */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}