/*
Theme Name: Community First
Author: Pipe Media
Author URI: https://pipemedia.co.uk
Description: Responsive WordPress Theme for Community First
Version: 2.0
*/

/* Basic Styles
------------------------------------------- */

	/* 400, 700, 800 */

	body {
		background-color: #FFFFFF;
		font-family: "muli", Arial, Helvetica, Sans-serif;
		font-size: 16px;
		line-height: 23px;
		color: #333333;
	}

/* Typography
------------------------------------------- */

	h1, h2, h3, h4, h5, h6 {
		color: #333333;
		font-weight: 700;
		margin: 0 0 15px; }
	h2, h3, h4, h5, h6 {
		font-weight: 400;
	}
	h1 { font-size: 34px; line-height: 38px; color: #7F5B94; margin-bottom: 30px; }
	h2 { font-size: 26px; line-height: 30px; margin-top: 40px; }
	h3 { font-size: 22px; line-height: 28px; margin-top: 30px; }
	h4 { font-size: 20px; line-height: 26px; margin-top: 20px; }
	h5 { font-size: 16px; line-height: 20px; }
	h6 { font-size: 14px; line-height: 18px; }
	
	p { margin: 0 0 15px; }
	p img { margin: 0; }
	p.sub-title { font-size: 22px; line-height: 28px; font-weight: 700; }

	em { font-style: italic; }
	strong { font-weight: 700; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { line-height: 22px; color: #555555; }
	blockquote { margin: 0; padding: 20px 0; }
	blockquote p:last-child { margin: 0; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
	
/*	Horizontal Line  */
	hr { border: solid #CCCCCC; border-width: 1px 0 0; clear: both; margin: 20px 0; height: 0; }
	
/* Links
------------------------------------------- */

	a { color: #111111; text-decoration: underline; }
	a:hover { color: #000000; }
	
	p.btn-holder { margin-bottom: 30px; }
	
	a.btn {
		display: inline-block;
		background-color: #7F5B94;
		border: 1px solid #7F5B94;
		color: #FFFFFF;
		padding: 12px 15px;
		text-decoration: none;
		line-height: 16px;
		border-radius: 3px;
	}
	
	a.btn.btn-orange { background-color: #EE6C00; border-color: #EE6C00; }
	
	a.btn.btn-outline { background: none; border-color: #FFFFFF; }
	
	a.btn:hover {
		background-color: #FFFFFF;
		color: #7F5B94;
	}
	
	a.btn.btn-orange:hover { color: #EE6C00; }
	
	a.btn.btn-outline:hover { color: #7F5B94; }
	
	a.btn.btn-block {
		text-align: center;
		display: block;
		line-height: 21px;
		margin-bottom: 2rem;
	}

/* Lists
------------------------------------------- */

	ul {
		list-style: disc;
		padding: 0 0 0 25px;
	}
	
	ul li, ol li {
		margin: 0 0 7px;
	}

/* Images
------------------------------------------- */

	img {
		max-width: 100%;
		height: auto;
	}

	img.alignleft {
		float: left;
		margin: 0 20px 0 0;
	}
	
	img.alignright {
		float: right;
		margin: 0 0 0 20px;
	}
	
	img.aligncenter {
		margin: 20px auto;
		display: block;
	}
	
	img.img-rounded {
		border-radius: 50%;
		margin-bottom: 30px;
	}

/* Video
------------------------------------------- */

	.video-holder {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
	}

	.video-holder iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/* Forms
------------------------------------------- */
	
	input[type="text"], input[type="email"], input[type="password"], textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		line-height: 20px;
	}
	
	/*form label {
		margin: 0 0 5px !important;
	}

	form input, form textarea, form select {
		box-shadow: none !important;
	}*/
	
	form .frm_submit button,
	form .frm_submit input,
	form.event-search input[type="submit"] {
		display: inline-block;
		background-color: #7F5B94;
		border: 1px solid #7F5B94;
		color: #FFFFFF;
		padding: 12px 15px;
		text-decoration: none;
		line-height: 16px;
		border-radius: 3px;
	}
	
	form .frm_submit button:hover,
	form .frm_submit input:hover,
	form.event-search input[type="submit"]:hover {
		background-color: #FFFFFF;
		color: #7F5B94;
	}
	
	form.event-search input {
		padding: 11px 15px;
		line-height: 16px;
		border: 1px solid #CCCCCC;
		width: 100%;
		box-sizing: border-box;
	}

/* Table
------------------------------------------- */

	table {
		border-collapse: collapse;
		margin: 0 0 20px;
		width: 100%;
	}

	table tr td {
		border-bottom: 1px solid #DDDDDD;
		padding: 10px;
	}
	
	table.events-table tr td {
		vertical-align: top;
	}
	
	table.events-table tr:nth-child(2n) {
		background-color: #EEEEEE;
	}
	
	table.events-table tr td a.btn {
		text-align: center;
		display: block;
	}
	
	/* Modal
	------------------------------------------ */
	
	.popup {
	    background: #FFFFFF;
	    margin: 20px auto;
	    max-width: 550px;
	    padding: 20px;
	    position: relative;
	    width: auto;
	}
	
	.popup h3 {
		margin-top: 0;
	}

/* Accordion
------------------------------------------ */

	.accordion .accordion-title {
		border-bottom: 1px solid #CCCCCC;
		padding: 15px 0;
		margin: 0;
		position: relative;
		font-size: 18px;
		line-height: 24px;
	}

	.accordion .accordion-title:hover {
		cursor: pointer;
	}

	.accordion .accordion-title:focus {
		outline: none;
	}

	.accordion .accordion-title .ui-icon {
		color: #2A98B2;
		position: absolute;
		right: 0;
		top: 16px;
		font-weight: 700;
		font-size: 24px;
	}

	.accordion .accordion-title .ui-icon::before {
		display: block;
		content: "+";
	}

	.accordion .accordion-title.ui-state-active .ui-icon::before {
		content: "-";
	}

	.accordion .accordion-content {
		border: 1px solid #CCCCCC;
		border-top: none;
		background-color: #F9F9F9;
		padding: 15px;
	}

/* Misc
------------------------------------------- */

	#map {
		background-color: #F9F9F9;
		width: 100%;
		height: 400px;
	}

/* Slider
------------------------------------------- */

	.slider .caption {
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(153, 124, 169, 0.75);
		color: #FFFFFF;
		padding: 15px 15px 5px;
	}
	
	.slider .caption p.sub-title {
		margin-bottom: 5px;
	}
	
	.slider .caption a {
		color: #FFFFFF;
	}
	
	#content .bx-wrapper .bx-pager {
		position: absolute;
		bottom: 15px;
		right: 15px;
		text-align: none;
		padding: 0;
		width: auto;
	}
	
	#content .bx-wrapper .bx-pager.bx-default-pager a {
		background-color: #DDDDDD;
	}
	
	#content .bx-wrapper .bx-pager.bx-default-pager a.active,
	#content .bx-wrapper .bx-pager.bx-default-pager a:focus,
	#content .bx-wrapper .bx-pager.bx-default-pager a:hover {
		background-color: #FFFFFF;
	}

/* Cookie Consent
------------------------------------------- */

	#cookie-law {
	    background-color: #B1A359;
		padding: 12px 0;
		width: 100%;
	}

	#cookie-law p {
	    font-size: 16px;
	    color: #FFFFFF;
		margin: 0;
	}

	#cookie-law p a {
		color: #FFFFFF;
	}

	#cookie-law p a.close-cookie-banner {
		background: url('images/close.png') no-repeat;
		background-size: 15px 15px;
		float: right;
		width: 15px;
		height: 15px;
		display: block;
		text-indent: -9999px;
		margin: 6px 0 0;
	}

/* Header
------------------------------------------- */
	
	header {
		background-color: #7F5B94;
		padding: 20px 0;
	}
	
/* Navigation
------------------------------------------- */
	
	header nav {
		margin-top: 80px;
	}
	
	header nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		float: right;
		clear: both;
	}
	
	header nav ul li {
		float: left;
		padding: 0;
		margin: 0;
		border-left: 1px solid #FFFFFF;
		line-height: 16px;
	}
	
	header nav ul li:first-child,
	header nav ul li.join-us {
		border: none;
	}
	
	header nav ul li a {
		text-decoration: none;
		color: #FFFFFF;
		padding: 0 20px;
	}
	
	header nav ul li.join-us a {
		background-color: #2A98B2;
		padding: 9px 15px;
		border-radius: 5px;
	}
	
	header nav ul li a:hover {
		text-decoration: underline;
		color: #FFFFFF;
	}
	
	nav#secondary {
		background-color: #7F5B94;
		border-top: 4px solid #FFFFFF;
		border-bottom: 4px solid #FFFFFF;
	}

	nav#secondary ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	nav#secondary ul li {
		padding: 0;
		margin: 0;
		float: left;
		width: 16.6%;
	}
	
	nav#secondary ul li a {
		text-decoration: none;
		text-align: center;
		color: #FFFFFF;
	}
	
	nav#secondary ul > li > a > span {
		display: block;
		padding: 5px 0;
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
	}
	
	nav#secondary ul li a span span.icon {
		background-size: auto 30px !important;
		background-position: left center !important;
		padding: 10px 0 10px 35px;
		display: inline-block;
	}
	
	nav#secondary ul li a:hover span span {
		text-decoration: underline;
	}

/* Footer
------------------------------------------- */
	
	footer {
		text-align: center;
		padding: 30px 0 10px;
		color: #666666;
	}
	
	footer ul {
		list-style: none;
		margin: 0 0 20px;
		padding: 0;
	}
	
	footer ul li {
		border-right: 1px solid #BBBBBB;
		padding: 0 20px;
		margin: 0;
		display: inline-block;
		line-height: 14px;
		font-size: 14px;
	}
	
	footer ul li:last-child {
		border: none;
	}
	
	footer ul li a {
		text-decoration: none;
		text-align: none;
		color: #666666;
	}
	
	footer ul li a:hover {
		text-decoration: underline;
	}
	
	footer p {
		line-height: 19px;
		font-size: 14px;
		margin-bottom: 20px;
	}
	
	footer p a {
		text-decoration: none;
		color: #666666;
	}
	
	footer p a:hover {
		text-decoration: underline;
	}
	
/* Page
------------------------------------------- */	
	
	#breadcrumbs {
		margin-bottom: 30px;
	}

	#breadcrumbs p {
		line-height: 18px;
		font-size: 12px;
		margin: 0;
	}

	#breadcrumbs p span.sep {
		margin: 0 5px;
	}

	#breadcrumbs p span.breadcrumb_last {
		color: #666666;
	}
	
	#breadcrumbs p a {
		color: #666666;
	}

/* Page
------------------------------------------- */
	
	ul.social {
		background-color: #7F5B94;
		border-radius: 10px 0 0 10px;
		list-style: none;
		margin: 0;
		padding: 0;
		position: fixed;
		top: 50%;
		right: 0;
		padding: 5px 15px;
		margin-top: -90px;
		border: 1px solid #FFFFFF;
		border-right: none;
	}
	
	ul.social li {
		background: url('images/social.png') no-repeat;
		background-size: 100px auto;
		width: 25px;
		height: 25px;
		margin: 15px 0;
	}
	
	ul.social li.facebook {
		background-position: -25px 0;
	}
	
	ul.social li.youtube {
		background-position: -50px 0;
	}
	
	ul.social li.instagram {
		background-position: -75px 0;
	}
	
	ul.social li a {
		text-indent: -9999px;
		width: 100%;
		height: 100%;
		display: block;
	}

/* Page
------------------------------------------- */	
	
	.row {
		max-width: 1100px;
	}
	
	section {
		padding: 40px 0;
	}
	
	#page-header {
		height: 400px;
		overflow: hidden;
		padding: 0;
	}
	
	#page-header .columns {
		position: relative;
		padding: 0;
	}
	
	#page-header .columns.large-5 {
		min-height: 400px;
	}
	
	#page-header .logo {
		max-width: 300px;
		position: absolute;
		top: 50%;
		right: 50px;
		transform: translate(0, -50%);
	}
	
	#page-header .page-header-image {
		position: relative;
		height: 400px;
		background-size: cover !important;
	}
	
	#page-header .page-header-image::before {
		background-size: contain !important;
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		content: "";
		width: 235px;
		z-index: 2;
	}
	
	#page-header .page-header-image.page-header-image-blue::before {
		background: url('images/page-header-blue-mask.png') no-repeat;
	}
	
	#page-header .page-header-image.page-header-image-purple::before {
		background: url('images/page-header-purple-mask.png') no-repeat;
	}
	
	#page-header .page-header-image.page-header-image-orange::before {
		background: url('images/page-header-orange-mask.png') no-repeat;
	}
	
	#page-header .page-header-image.page-header-image-red::before {
		background: url('images/page-header-red-mask.png') no-repeat;
	}
	
	#page-header .page-header-image.page-header-image-green::before {
		background: url('images/page-header-green-mask.png') no-repeat;
	}
	
	#page-header .page-header-image.page-header-image-olive::before {
		background: url('images/page-header-olive-mask.png') no-repeat;
	}
	
	#page-header .page-header-image img {
		position: absolute;
		top: 0;
		right: 0;
		border-radius-left: 50%;
	}
	
	.column-sidebar ul.menu {
		list-style: none;
		margin: 0 0 40px;
		padding: 0;
	}
	
	.column-sidebar ul.menu li {
		border: 1px solid #CCCCCC;
		border-left: 5px solid #7F5B94;
		padding: 0;
		margin: 0 0 5px;
	}
	
	.column-sidebar ul.menu li a {
		text-decoration: none;
		display: block;
		padding: 10px 15px;
	}
	
	.column-sidebar ul.menu li a:hover {
		text-decoration: underline;
		background-color: #EEEEEE;
	}
	
	.column-sidebar ul.menu li.current_page_item a {
		background-color: #7F5B94;
	}
	
	#directory {
		background: url('images/directory.jpg') center no-repeat;
		background-size: cover;
		color: #FFFFFF;
		padding: 0;
	}
	
	#directory .overlay {
		background: rgba(127, 91, 148, 0.9);
		padding: 40px 0;
	}
	
	#directory p.btn-holder {
		margin: 0;
	}
	
	#directory a.btn.btn-orange {
		background-color: #EE6C00;
		border-color: #EE6C00;
	}
	
	#directory a.btn.btn-orange:hover {
		background-color: #FFFFFF;
		color: #EE6C00;
	}

/* Colour Variations
------------------------------------------- */
	
	.colour-blue {
		background-color: #2A98B2 !important;
	}
	
	.text-colour-blue {
		color: #2A98B2;
	}
	
	body.page-colour-blue .column-sidebar ul.menu li {
		border-left-color: #2A98B2;
	}
	
	body.page-colour-blue .column-sidebar ul.menu li.current_page_item {
		border-color: #2A98B2;
	}
	
	body.page-colour-blue .column-sidebar ul.menu li.current_page_item a {
		background-color: #2A98B2;
		color: #FFFFFF;
	}
	
	body.page-colour-blue a.btn {
		background-color: #2A98B2;
		border-color: #2A98B2;
	}
	
	body.page-colour-blue a.btn:hover {
		background-color: #FFFFFF;
		color: #2A98B2;
	}
	
	header.colour-blue nav ul li.join-us a {
		background-color: #FFFFFF;
		color: #2A98B2;
	}
	
	.colour-purple {
		background-color: #997CA9 !important;
	}
	
	.text-colour-purple {
		color: #7F5B94;
	}
	
	body.page-colour-purple .column-sidebar ul.menu li {
		border-left-color: #997CA9;
	}
	
	body.page-colour-purple .column-sidebar ul.menu li.current_page_item {
		border-color: #997CA9;
	}
	
	body.page-colour-purple .column-sidebar ul.menu li.current_page_item a {
		background-color: #997CA9;
		color: #FFFFFF;
	}
	
	body.page-colour-purple a.btn {
		background-color: #997CA9;
		border-color: #997CA9;
	}
	
	body.page-colour-purple a.btn:hover {
		background-color: #FFFFFF;
		color: #997CA9;
	}
	
	header.colour-purple nav ul li.join-us a {
		background-color: #FFFFFF;
		color: #997CA9;
	}
	
	body.page-colour-dark-purple .column-sidebar ul.menu li.current_page_item {
		border-color: #7F5B94;
	}
	
	body.page-colour-dark-purple .column-sidebar ul.menu li.current_page_item a {
		background-color: #7F5B94;
		color: #FFFFFF;
	}
	
	.colour-orange {
		background-color: #EE6C00 !important;
	}
	
	.text-colour-orange {
		color: #EE6C00;
	}
	
	body.page-colour-orange .column-sidebar ul.menu li {
		border-left-color: #EE6C00;
	}
	
	body.page-colour-orange .column-sidebar ul.menu li.current_page_item {
		border-color: #EE6C00;
	}
	
	body.page-colour-orange .column-sidebar ul.menu li.current_page_item a {
		background-color: #EE6C00;
		color: #FFFFFF;
	}
	
	body.page-colour-orange a.btn {
		background-color: #EE6C00;
		border-color: #EE6C00;
	}
	
	body.page-colour-orange a.btn:hover {
		background-color: #FFFFFF;
		color: #EE6C00;
	}
	
	header.colour-orange nav ul li.join-us a {
		background-color: #FFFFFF;
		color: #EE6C00;
	}
	
	.colour-red {
		background-color: #DB525D !important;
	}
	
	.text-colour-red {
		color: #DB525D;
	}
	
	body.page-colour-red .column-sidebar ul.menu li {
		border-left-color: #DB525D;
	}
	
	body.page-colour-red .column-sidebar ul.menu li.current_page_item {
		border-color: #DB525D;
	}
	
	body.page-colour-red .column-sidebar ul.menu li.current_page_item a {
		background-color: #DB525D;
		color: #FFFFFF;
	}
	
	body.page-colour-red a.btn {
		background-color: #DB525D;
		border-color: #DB525D;
	}
	
	body.page-colour-red a.btn:hover {
		background-color: #FFFFFF;
		color: #DB525D;
	}
	
	header.colour-red nav ul li.join-us a {
		background-color: #FFFFFF;
		color: #DB525D;
	}
	
	body.page-colour-red form.event-search input[type="submit"] {
		background-color: #DB525D;
		border-color: #DB525D;
	}
	
	body.page-colour-red form.event-search input[type="submit"]:hover {
		background-color: #FFFFFF;
		color: #DB525D;
	}
	
	.colour-green {
		background-color: #21B789 !important;
	}
	
	.text-colour-green {
		color: #21B789;
	}
	
	body.page-colour-green .column-sidebar ul.menu li {
		border-left-color: #21B789;
	}
	
	body.page-colour-green .column-sidebar ul.menu li.current_page_item {
		border-color: #21B789;
	}
	
	body.page-colour-green .column-sidebar ul.menu li.current_page_item a {
		background-color: #21B789;
		color: #FFFFFF;
	}
	
	body.page-colour-green a.btn {
		background-color: #21B789;
		border-color: #21B789;
	}
	
	body.page-colour-green a.btn:hover {
		background-color: #FFFFFF;
		color: #21B789;
	}
	
	header.colour-green nav ul li.join-us a {
		background-color: #FFFFFF;
		color: #21B789;
	}
	
	.colour-olive {
		background-color: #B6C14D !important;
	}
	
	.text-colour-olive {
		color: #B6C14D;
	}
	
	body.page-colour-olive .column-sidebar ul.menu li {
		border-left-color: #B6C14D;
	}
	
	body.page-colour-olive .column-sidebar ul.menu li.current_page_item {
		border-color: #B6C14D;
	}
	
	body.page-colour-olive .column-sidebar ul.menu li.current_page_item a {
		background-color: #B6C14D;
		color: #FFFFFF;
	}
	
	body.page-colour-olive a.btn {
		background-color: #B6C14D;
		border-color: #B6C14D;
	}
	
	body.page-colour-olive a.btn:hover {
		background-color: #FFFFFF;
		color: #B6C14D;
	}
	
	header.colour-olive nav ul li.join-us a {
		background-color: #FFFFFF;
		color: #B6C14D;
	}
	
/* Home
------------------------------------------- */
	
	#hero {
		background: #EEEEEE url('images/hero.jpg') center no-repeat;
		background-size: cover;
		height: 650px;
		padding: 0;
	}
	
	#hero header {
		background: rgba(0, 0, 0, 0.3);
	}
	
	#hero .hero-overlay {
		min-height: calc(100% - 145px);
		position: relative;
	}
	
	#hero p {
		font-size: 50px;
		line-height: 56px;
		color: #FFFFFF;
		text-align: center;
		margin-top: 100px;
	}
	
	#hero .service-icons {
		position: absolute;
		bottom: 60px;
		left: 1rem;
		width: 100%;
	}
	
	#hero .service-icons ul {
		text-align: center;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#hero .service-icons ul li {
		padding: 0;
		margin: 0 10px;
		display: inline-block;
	}
	
	#hero .service-icons ul li a {
		text-decoration: none;
		text-align: center;
		color: #FFFFFF;
	}
	
	#hero .service-icons ul > li > a > span {
		transition: all .2s ease-in-out;
		display: block;
		border-radius: 5px;
		width: 150px;
		opacity: 0.95;
		padding: 15px 0;
	}
	
	#hero .service-icons ul li a span span.icon {
		background-size: auto 50px !important;
		background-position: top center !important;
		width: 50px;
		height: 50px;
		display: inline-block;
		padding: 60px 15px 0;
		width: 150px;
	}
	
	#hero .service-icons ul li a:hover span span {
		text-decoration: underline;
	}
	
	#hero .service-icons ul > li > a:hover > span {
		transform: scale(1.05);
		opacity: 1;
	}

	#home-introduction {
		background-color: #7F5B94;
		border-top: 3px solid #FFFFFF;
		border-bottom: 3px solid #FFFFFF;
		color: #FFFFFF;
		text-align: center;
		padding: 60px 0 0;
	}
	
	#home-introduction h1,
	#home-introduction h2 {
		color: #FFFFFF;
	}
	
	#home-introduction p {
		font-size: 18px;
		line-height: 26px;
	}
	
	#home-introduction a.btn.btn-outline {
		margin: 20px 0;
	}
	
	#home-introduction .row-services {
		margin-bottom: -75px;
		margin-top: 40px;
	}
	
	#home-introduction .row-services .service {
		transition: all .2s ease-in-out;
		width: 150px;
		height: 150px;
		margin: 0 auto;
		background-color: #FFFFFF !important;
		background-size: 100px auto !important;
		background-position: center !important;
		border-radius: 50%;
	}
	
	#home-introduction .row-services .service:hover {
		transform: scale(1.1);
	}
	
	#home-introduction .row-services .service a {
		display: block;
		width: 100%;
		height: 100%;
		text-indent: -9999px;
	}
	
	#latest-news {
		background-color: #2A98B2;
		padding-top: 130px;
	}
	
	#latest-news h2 {
		text-align: center;
		margin: 0 0 40px;
		color: #FFFFFF;
	}
	
	#latest-news article {
		background-color: #FFFFFF;
		border-radius: 5px;
		padding: 15px;
	}
	
	#latest-news article h3 {
		margin: 15px 0 10px;
		font-size: 20px;
		line-height: 24px;
	}
	
	#latest-news article h3 a {
		text-decoration: none;
	}
	
	#latest-news article p.date {
		color: #666666;
	}
	
	#latest-news article p.read-more {
		margin: 0;
	}
	
	#latest-news .newsletter-sign-up {
		background-color: #7F5B94;
		border-radius: 5px;
		padding: 15px;
		color: #FFFFFF;
		margin-top: 2rem;
	}
	
	#latest-news .newsletter-sign-up p {
		margin: 0;
	}
	
	#latest-news .newsletter-sign-up p.sub-title {
		margin-bottom: 10px;
	}
	
	#latest-news .newsletter-sign-up a.btn {
		background-color: #FFFFFF;
		color: #7F5B94;
		display: block;
		text-align: center;
		margin-top: 10px;
	}
	
	#latest-news .newsletter-sign-up a.btn:hover {
		background: none;
		border-color: #FFFFFF;
		color: #FFFFFF;
	}

/* News
------------------------------------------- */

	article.grid {
		border: 1px solid #DDDDDD;
		margin-bottom: 2rem;
		padding: 1rem;
	}
	
	article.grid h3 a {
		text-decoration: none;
	}
	
/* Pagination
------------------------------------------- */

	.pagination {
		margin-bottom: 20px;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	ul.pagination li {
		float: left;
		margin: 0;
		padding: 0;
	}

	.pagination li a,
	.pagination span,
	.pagination a {
		display: inline-block;
		background-color: #EEEEEE;
		width: 35px;
		text-align: center;
		text-decoration: none;
		padding: 5px 0;
		margin-right: 5px;
		color: #333333;
	}

	.pagination li a:hover,
	.pagination li a.current,
	.pagination span:hover,
	.pagination a:hover,
	.pagination span.current {
		background-color: #7F5B94;
		color: #FFFFFF;
	}

	.pagination li a.current,
	.pagination span.current {
		font-weight: 500;
	}

/* Events
------------------------------------------- */

	.senior-team {
		margin-bottom: 30px;
	}

	.senior-team h3 {
		margin-top: 10px;
	}

/* Media Queries
------------------------------------------- */

/* Small only */
@media screen and (max-width: 39.9375em) {
	
	header {
		border-bottom: 4px solid #FFFFFF;
	}
	
	header .row {
		position: relative;
	}
	
	header #mobile-menu {
		background: #FFFFFF url('images/mobile-menu.png') left 10px center no-repeat;
		background-size: 20px auto;
		color: #7F5B94;
		display: inline-block;
		padding: 10px 10px 10px 40px;
		position: absolute;
		right: 1rem;
		top: 50%;
		line-height: 16px;
		margin-top: -18px;
	}
	
	#hero header {
		background-color: #7F5B94;
	}
	
	#hero {
		background: none;
		height: auto;
	}
	
	#hero .mobile-hero {
		position: relative;
	}
	
	#hero .mobile-hero p {
		font-size: 36px;
		line-height: 42px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin: 0;
		width: 85%;
	}
	
	nav#secondary {
		border: none;
		display: none;
	}
	
	nav#secondary .columns {
		padding: 0;
	}
	
	nav#secondary ul li {
		float: none;
		width: 100%;
	}
	
	nav#secondary ul li a span {
		border: none;
	}
	
	nav#secondary ul li a span span.icon {
		padding: 10px 0;
		background-position: left 1rem center !important;
		display: block;
	}
	
	nav#secondary .primary-menu ul li a {
		border-bottom: 1px solid #FFFFFF;
		padding: 15px 0;
		display: block;
	}
	
	#home-introduction .row-services {
		margin-bottom: 0;
		padding-bottom: 40px;
	}
	
	#home-introduction .row-services .service {
		margin-bottom: 2rem;
	}
	
	#latest-news {
		padding: 40px 0;
	}
	
	#latest-news .newsletter-sign-up {
		margin-top: 20px;
	}
	
	#page-header,
	#page-header .page-header-image {
		background: none !important;
		height: auto;
	}
	
	#page-header .page-header-image::before {
		display: none;
	}
	
	#page-header .page-header-image img {
		position: static;
	}
	
}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	header nav ul li a {
		padding: 0 10px;
	}
	
	header nav ul li.join-us a {
		padding: 9px 10px;
	}
	
	nav#secondary ul li {
		width: 33.3%;
	}
	
	nav#secondary .columns {
		padding: 0;
	}
	
	#page-header,
	#page-header .page-header-image {
		height: 250px;
	}
	
	#page-header .columns.large-5 {
		min-height: 250px;
	}
	
	#page-header .logo {
		max-width: 200px;
	}
	
	#hero p {
		line-height: 46px;
		font-size: 40px;
	}
	
	#hero .service-icons ul {
		max-width: 550px;
		margin: 0 auto;
	}
	
	#hero .service-icons ul li {
		margin-top: 20px;
	}
	
	#home-introduction .row-services {
		max-width: 550px;
	}
	
	#home-introduction .row-services .service {
		margin-top: 1rem;
	}
	
	header nav {
		margin-top: 10px;
	}
	
	header nav ul li {
		font-size: 15px;
	}
	
	header nav ul li.join-us {
		clear: both;
		margin-top: 25px;
		float: right;
	}
	
	header nav ul li a {
		padding: 0 8px;
	}
	
}

@media screen and (min-width: 1024px) and (max-width: 1072px) {
	
	#hero .service-icons ul li {
		margin: 0 5px;
	}
	
}
 
/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}