/*
Theme Name: Maldon & District Community Voluntary Service
Author: Pipe Media
Author URI: https://pipemedia.co.uk
Description: Responsive WordPress Theme for Maldon & District Community Voluntary Service
Version: 1.0
*/

/* Webfonts
------------------------------------------- */
@import url("//hello.myfonts.net/count/4cfbbe");

@font-face {
  font-family: "GillSans";
  src: url('webfonts/font.woff2') format('woff2'), url('webfonts/font.woff') format('woff');
}

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

	body {
		background-color: #FFFFFF;
		font-family: "GillSans", Arial, Helvetica, Sans-serif;
		font-size: 18px;
		line-height: 27px;
		color: #454545;
		font-weight: normal;
	}

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

	h1, h2, h3, h4, h5, h6 {
		color: #000000;
		text-transform: uppercase;
		font-weight: normal;
		margin: 0 0 20px; }
	h1, .size-h1 { font-size: 40px; line-height: 50px; margin: 20px 0 40px; }
	h2 { font-size: 32px; line-height: 40px; margin: 60px 0 30px; }
	h3 { font-size: 28px; line-height: 36px; margin: 30px 0 20px; }
	h4 { font-size: 24px; line-height: 30px; }
	h5 { font-size: 16px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 18px; }
	
	p { margin: 0 0 20px; font-weight: 300; }
	p.sub-title { font-size: 28px; line-height: 36px; }
	p img { margin: 0; }

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

/*	Blockquotes  */
	blockquote, blockquote p { line-height: 36px; font-size: 26px; font-style: italic; color: #555555; }
	blockquote { margin: 40px 0 0; }
	blockquote p:last-child { margin: 0; }
	
/*	Horizontal Line  */
	hr { border: solid #F5A14C; border-width: 2px 0 0; clear: both; margin: 60px 0; height: 0; }

/*	Text alignment  */

	.text-center { text-align: center; }

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

/*	Display None  */
	.d-none { display: none; }

/*	Margins  */
	.m-0 { margin: 0; }
	.mb-10 { margin-bottom: 10px; }
	.mb-20 { margin-bottom: 20px; }
	.mb-30 { margin-bottom: 30px; }
	.mb-40 { margin-bottom: 40px; }
	.mb-60 { margin-bottom: 60px; }
	.mt-0 { margin-top: 0px; }
	.mt-10 { margin-top: 10px; }
	.mt-20 { margin-top: 20px; }
	.mt-40 { margin-top: 40px; }
	.mt-60 { margin-top: 60px; }
	.ml-20 { margin-left: 20px; }
	.mr-20 { margin-right: 20px; }
	.m-auto { margin: 0 auto; }

/*	Padding  */
	
	.p-0 { padding: 0; }

/*	Floats  */

	.float-left { float: left; }
	.float-right { float: right; }

/* Links
------------------------------------------- */

	a { color: #454545; text-decoration: underline; }
	a:hover { color: #000000; }
	
	a.btn,
	button.btn,
	form .frm_submit button {
		border-radius: 5px;
		display: inline-block;
		background-color: #F15A29;
		border: 3px solid #F15A29;
		padding: 15px 35px 10px;
		text-decoration: none;
		font-size: 20px;
		color: #FFFFFF;
		transition: background .3s ease;
		line-height: 20px;
		text-transform: uppercase;
	}
	
	a.btn.btn-sm,
	form .frm_submit button.btn-sm {
		padding: 10px 25px;
		line-height: 20px;
		font-size: 20px;
	}
	
	a.btn.btn-block {
		text-align: center;
		display: block;
		padding: 12px;
	}
	
	a.btn.btn-outline {
		border-color: #FFFFFF;
		background: none;
	}
	
	a.btn:hover,
	form .frm_submit button:hover {
		background-color: #FFFFFF;
		color: #F15A29;
	}

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

	ul {
		list-style: square;
		padding: 0 0 0 22px;
	}
	
	ul li, ol li {
		margin: 0 0 8px;
		padding-left: 7px;
	}

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

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

	img.alignleft {
		float: left;
		margin: 0 40px 0 0;
	}
	
	img.alignright {
		float: right;
		margin: 0 0 0 40px;
	}
	
	img.aligncenter {
		margin: 40px auto;
		display: block;
	}
	
	.wp-caption.alignleft {
		float: left;
		margin: 0 40px 0 0;
	}
	
	.wp-caption.alignright {
		float: right;
		margin: 0 0 0 40px;
	}
	
	.wp-caption .wp-caption-text {
		margin: 5px 0 0;
		font-style: italic;
	}
	
	.image-holder-rectangle img {
		border-radius: 5px;
	}

/* Forms
------------------------------------------- */
	
	input[type="text"], input[type="email"], input[type="password"], textarea {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
	}

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

	table {
		border-collapse: collapse;
		margin: 0;
		width: 100%;
		text-align: left;
	}
	
	table tr th,
	table tr td {
		border-bottom: 1px solid #DDDDDD;
		padding: 10px;
		vertical-align: top;
	}
	
/* Colour Utilities
------------------------------------------- */

	.colour-grey {
		background-color: #F5F3F1;
	}
	
	.colour-orange {
		background-color: #F15A29;
	}
	
	.colour-light-orange {
		background-color: #F18D29;
	}
	
	.text-colour-white {
		color: #FFFFFF;
	}

/* Sections
------------------------------------------- */

	section {
		position: relative;
		padding: 70px 0;
	}
	
	section.page-title h1 {
		margin: 0;
	}

	section h2:first-child {
		margin-top: 0;
	}
	
	section h2.section-title {
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 15px;
	}

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

	.small-accordion {
		border-bottom: 1px solid #97D4E5;
	}

	.small-accordion .accordion-title {
		border-top: 1px solid #97D4E5;
		padding: 25px 25px 25px 0;
		margin: 0;
		position: relative;
	}

	.small-accordion .accordion-title:hover,
	.large-accordion .accordion-title:hover {
		cursor: pointer;
	}

	.small-accordion .accordion-title:focus,
	.large-accordion .accordion-title:focus {
		outline: none;
	}

	.small-accordion .accordion-title .ui-icon,
	.large-accordion .accordion-title .ui-icon {
		position: absolute;
		right: 0;
		top: 22px;
	}

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

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

	.small-accordion .accordion-content {
		padding-bottom: 25px;
	}

	.large-accordion {
		margin-top: 30px;
	}

	.large-accordion > .accordion-title {
		background-color: #F18D29;
		color: #FFFFFF;
		font-size: 24px;
		line-height: 32px;
		border-radius: 5px;
		padding: 30px;
		margin: 40px 0 0;
		position: relative;
	}

	.large-accordion > .accordion-title.ui-state-active {
		border-radius: 10px 10px 0 0;
	}

	.large-accordion > .accordion-title > .ui-icon {
		right: 30px;
		top: 30px;
	}

	.large-accordion > .accordion-content {
		background-color: #FFFFFF;
		padding: 20px;
		border-radius: 0 0 10px 10px;
		border: 1px solid #F18D29;
	}

/* Carousel
------------------------------------------- */

	.owl-carousel .owl-dots {
		text-align: center;
		margin-top: 20px;
	}

	.owl-carousel .owl-dots .owl-dot {
		width: 15px;
		height: 15px;
		border-radius: 50%;
		background-color: #F18D29;
		margin: 0 5px;
	}

	.owl-carousel .owl-dots .owl-dot.active {
		background-color: #FFFFFF;
	}
	
	.owl-carousel .owl-nav button.owl-prev,
	.owl-carousel .owl-nav button.owl-next {
		position: absolute;
		top: 50%;
		width: 40px;
		height: 40px;
		display: block;
		margin-top: -20px;
	}

	.owl-carousel .owl-nav button.owl-prev span,
	.owl-carousel .owl-nav button.owl-next span {
		background: url('images/carousel-left.svg') no-repeat;
		background-size: 40px auto;
		width: 40px;
		height: 40px;
		display: block;
		margin: 0 auto;
		text-indent: -9999px;
	}

	.owl-carousel .owl-nav button.owl-next span {
		background: url('images/carousel-right.svg') no-repeat;
		background-size: 40px auto;
	}

	.owl-carousel .owl-nav button.owl-prev {
		left: 0;
	}

	.owl-carousel .owl-nav button.owl-next {
		right: 0;
	}
	
	.owl-carousel .testimonial {
		padding: 0 60px;
	}

/* Card
------------------------------------------- */

	.card {
		background-color: #F15A29;
		border-radius: 5px;
		margin-bottom: 2rem;
	}
	
	.card.card-with-border {
		background-color: #FFFFFF;
		border: 1px solid #DDDDDD;
		margin-top: 2rem;
		margin-bottom: 0;
	}
	
	.card a {
		text-decoration: none;
		display: block;
	}
	
	.card a:hover h3 {
		text-decoration: underline;
	}
	
	.card .card-image img {
		border-radius: 5px 5px 0 0;
	}
	
	.card .card-content {
		padding: 20px 35px;
		position: relative;
	}
	
	.card.card-with-border .card-content {
		padding: 20px;
	}

	.card .card-content h3 {
		text-transform: uppercase;
		margin: 0 0 5px;
		color: #FFFFFF;
	}
	
	.card.card-with-border h3 {
		color: #000000;
	}

	.card .card-content h3 a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	.card.card-with-border h3 a {
		color: #000000;
	}
	
	.card .card-content p {
		color: #FFFFFF;
	}
	
	.card.card-with-border .card-content p {
		color: #000000;
	}
	
	.card.card-with-border .card-content a.btn {
		display: inline-block;
	}
	
	.card .card-content span.arrow {
		background: url('images/card-arrow.svg') no-repeat;
		background-size: 15px auto;
		width: 15px;
		height: 25px;
		position: absolute;
		right: 15px;
		top: 50%;
		margin-top: -10px;
	}

/* Pagination
------------------------------------------- */

	.pagination {
		text-align: center;
	}

	.pagination span,
	.pagination a {
		display: inline-block;
		background-color: #F18D29;
		border-radius: 50%;
		width: 47px;
		text-align: center;
		text-decoration: none;
		padding: 10px 0;
		margin-right: 5px;
		color: #FFFFFF;
	}
	
	.pagination span:hover,
	.pagination a:hover,
	.pagination span.current {
		background-color: #F15A29;
	}

/* Header
------------------------------------------- */
	
	header {
		padding: 30px 0 0;
	}
	
	header #logo {
		max-width: 245px;
		margin: 0 auto 30px;
	}
	
	header p.contact {
		text-transform: uppercase;
		font-size: 30px;
		line-height: 36px;
		color: #000000;
		margin: 30px 0 0;
	}
	
	header p.contact span {
		color: #F15A29;
		display: block;
	}
	
	header .search-form {
		width: 270px;
		float: right;
		margin-top: 30px;
	}

	header .search-form form .search-field {
		border: 1px solid #9F9F9F;
		border-radius: 5px;
		padding: 15px 10px;
	}

	header .search-form form .search-field input {
		border: none;
		font-style: italic;
		width: 215px;
	}

	header .search-form form .search-field input:focus {
		font-style: normal;
	}

	header .search-form form .search-field button {
		background: url('images/search.svg') no-repeat;
		background-size: 25px auto;
		width: 25px;
		height: 25px;
		text-indent: -9999px;
	}
	
/* Navigation
------------------------------------------- */
	
	header #navbar {
		background-color: #F15A29;
		padding: 15px 0;
	}
	
	header #navbar #menu {
		width: 100px;
		height: 24px;
		margin: 0 auto;
		cursor: pointer;
	}
	
	header #navbar #menu.open {
		width: 165px;
	}
	
	header #navbar #menu span {
		text-transform: uppercase;
		color: #FFFFFF;
		font-size: 20px;
		float: left;
		line-height: 28px;
	}
	
	header #navbar #menu-hamburger {
		width: 30px;
		height: 23px;
		position: relative;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
		display: block;
		float: right;
	}

	header  #navbar #menu-hamburger span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background: #FFFFFF;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}

	header #navbar #menu-hamburger span:nth-child(1) {
		top: 0px;
	}

	header #navbar #menu-hamburger span:nth-child(2),
	header #navbar #menu-hamburger span:nth-child(3) {
		top: 10px;
	}

	header #navbar #menu-hamburger span:nth-child(4) {
		top: 20px;
	}

	header #navbar #menu-hamburger.open span:nth-child(1) {
		top: 12px;
		width: 0%;
		left: 50%;
	}

	header #navbar #menu-hamburger.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	header #navbar #menu-hamburger.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header #navbar #menu-hamburger.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	
	header nav {
		background-color: #393939;
		text-align: center;
		display: none;
		padding-bottom: 40px;
	}
	
	header nav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	header nav ul li {
		display: inline-block;
		margin: 40px 0 0;
		padding: 0;
		font-size: 24px;
		line-height: 28px;
		text-transform: uppercase;
		position: relative;
		width: 18%;
		vertical-align: top;
	}
	
	header nav ul li a::before {
		background: url('images/menu-icons/home.svg') center top no-repeat;
		background-size: 50px auto;
		opacity: 0.5;
		width: 75px;
		height: 60px;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	
	header nav ul li.about-icon a::before {
		background: url('images/menu-icons/about.svg') center top no-repeat;
		background-size: 50px auto;
	}
	
	header nav ul li.news-icon a::before {
		background: url('images/menu-icons/news.svg') center top no-repeat;
		background-size: 50px auto;
	}
	
	header nav ul li.volunteering-icon a::before {
		background: url('images/menu-icons/volunteering.svg') center top no-repeat;
		background-size: 42px auto;
	}
	
	header nav ul li.help-icon a::before {
		background: url('images/menu-icons/help.svg') center top no-repeat;
		background-size: 65px auto;
	}
	
	header nav ul li.projects-icon a::before {
		background: url('images/menu-icons/projects.svg') center top no-repeat;
		background-size: 42px auto;
	}
	
	header nav ul li.groups-icon a::before {
		background: url('images/menu-icons/groups.svg') center top no-repeat;
		background-size: 42px auto;
	}
	
	header nav ul li.training-icon a::before {
		background: url('images/menu-icons/training.svg') center top no-repeat;
		background-size: 50px auto;
	}
	
	header nav ul li.support-icon a::before {
		background: url('images/menu-icons/support.svg') center top no-repeat;
		background-size: 50px auto;
	}
	
	header nav ul li.contact-icon a::before {
		background: url('images/menu-icons/contact.svg') center top no-repeat;
		background-size: 50px auto;
	}
	
	header nav ul li a {
		text-decoration: none;
		color: #FFFFFF;
		display: block;
		padding: 65px 15px 0 15px;
	}
	
	header nav ul li a:hover {
		text-decoration: underline;
		color: #FFFFFF;
	}
	
	header nav ul li a:hover::before {
		opacity: 1;
	}

/* Footer
------------------------------------------- */

	footer {
		background-color: #F5F3F1;
		padding: 60px 0 40px;
		border-top: 5px solid #FFFFFF;
	}
	
	footer img {
		margin-bottom: 40px;
	}
	
	footer p.title {
		text-transform: uppercase;
		font-size: 24px;
		line-height: 28px;
		border-bottom: 1px solid #999999;
		padding-bottom: 10px;
		margin-bottom: 30px;
	}
	
	footer p.sub-title {
		text-transform: uppercase;
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 20px;
	}
	
	footer ul {
		list-style: none;
		margin: 0 0 30px;
		padding: 0;
	}
	
	footer ul li {
		position: relative;
		margin: 0 0 5px;
		padding: 0;
	}
	
	footer ul li::before {
		content: "-";
		display: inline-block;
		margin-right: 15px;
	}
	
	footer ul li a {
		text-decoration: none;
	}
	
	footer ul li a:hover {
		text-decoration: underline;
	}
	
	footer ul#menu-footer-social-media li {
		display: inline-block;
		margin: 0 15px 0 0;
	}
	
	footer ul#menu-footer-social-media li::before {
		display: none;
	}
	
	footer ul#menu-footer-social-media li.facebook-icon {
		background: url('images/facebook.svg') center no-repeat;
		background-size: 34px auto;
		width: 34px;
		height: 34px;
	}
	
	footer ul#menu-footer-social-media li.twitter-icon {
		background: url('images/twitter.svg') center no-repeat;
		background-size: 36px auto;
		width: 36px;
		height: 34px;
	}
	
	footer ul#menu-footer-social-media li.instagram-icon {
		background: url('images/instagram.svg') center no-repeat;
		background-size: 34px auto;
		width: 34px;
		height: 34px;
	}
	
	footer ul#menu-footer-social-media li.linkedin-icon {
		background: url('images/linkedin.svg') center no-repeat;
		background-size: 34px auto;
		width: 34px;
		height: 34px;
	}
	
	footer ul#menu-footer-social-media li a {
		text-indent: -9999px;
		display: block;
		width: 100%;
		height: 100%;
	}

/* Page
------------------------------------------- */	
	
	.row {
		max-width: 1325px;
	}

/* Home
------------------------------------------- */
	
	body.home section#section-anchor-2 {
		background: url('images/logo-icon.svg') center top 50px no-repeat;
		background-size: 85px auto;
		padding-top: 175px;
		text-align: center;
	}

/* News
------------------------------------------- */
	
	article {
		background-color: #FFFFFF;
		border-radius: 5px;
		margin-bottom: 2rem;
	}
	
	article.latest-article {
		background: none;
	}
	
	article img {
		border-radius: 5px 5px 0 0;
	}
	
	article.latest-article img {
		border-radius: 5px;
	}
	
	article .article-content {
		padding: 20px;
	}
	
	article.latest-article .article-content {
		padding: 30px 20px 0;
	}

	article .article-content h3 {
		text-transform: none;
		margin: 0 0 5px;
		line-height: 28px;
		font-size: 24px;
	}

	article .article-content h3 a {
		text-decoration: none;
	}
	
	article.latest-article .article-content h3 a {
		color: #FFFFFF;
	}
	
	article .article-content h3 a:hover {
		text-decoration: underline;
	}
	
	article.latest-article .article-content h3 a:hover {
		color: #FFFFFF;
	}

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

	.owl-events .event .date {
		background-color: #454545;
		font-size: 35px;
		line-height: 35px;
		padding: 15px 0 10px;
		width: 90px;
		float: left;
		color: #FFFFFF;
		border-radius: 5px;
	}
	
	.owl-events .event .date span {
		display: block;
		font-size: 24px;
	}
	
	.owl-events .event p {
		margin-left: 110px;
		font-size: 22px;
		line-height: 30px;
	}
	
	.owl-events .event p a {
		text-decoration: none;
		color: #FFFFFF;
	}
	
	.owl-events .event p a:hover {
		text-decoration: underline;
	}
	
	#tabs {
		margin: 0;
	}

	#tabs ul {
		border-bottom: 1px solid #DDDDDD;
		margin: 0;
		padding: 0;
		list-style: none;
	}

	#tabs ul li {
		margin-bottom: -1px;
		display: inline-block;
	}

	#tabs ul li a {
		text-decoration: none;
		border: 1px solid transparent;
		padding: 6px 17px;
		display: block;
		border-bottom: 1px solid #DDDDDD;
	}

	#tabs ul li a:hover {
		text-decoration: underline;
	}

	#tabs ul li.active a {
		background-color: #FFFFFF;
		border-color: #DDDDDD #DDDDDD #FFFFFF;
	}
	
	.calendar-holder {
		background-color: #FFFFFF;
		padding: 20px;
		border-left: 1px solid #DDDDDD;;
		border-right: 1px solid #DDDDDD;;
		border-bottom: 1px solid #DDDDDD;
	}

	#calendar table {
		margin: 0;
	}

	#calendar .fc-toolbar h2 {
		font-size: 28px;
	}

	#calendar table thead tr td table thead tr th {
		background-color: #EEEEEE;
		padding: 10px;
		font-weight: 500;
	}

	#calendar .fc-state-default {
		background-image: none;
		box-shadow: none;
		border-radius: 0 !important;
		border-color: rgba(0, 0, 0, 0.1);
		text-shadow: none;
	}

	#calendar .fc-basic-view .fc-day-number,
	#calendar .fc-basic-view .fc-week-number {
		padding: 10px;
	}

	#calendar .fc-event {
		background-color: #F15A29;
		border-color: #F15A29;
		border-radius: 0;
		font-size: 14px;
		padding: 5px;
		margin: 0 10px 5px;
		font-weight: 200;
	}

	#calendar .fc-event .fc-content {
		white-space: normal;
	}
	
	ul#event-filter {
		list-style: none;
		margin: 25px 0;
		padding: 0;
	}

	ul#event-filter li {
		margin: 0 5px 0 0;
		padding: 0;
		display: inline-block;
		font-size: 14px;
	}

	ul#event-filter li a {
		border: 1px solid #CCCCCC;
		border-radius: 20px;
		display: block;
		padding: 3px 12px;
		text-decoration: none;
		color: #000000;
	}

	ul#event-filter li a:hover {
		background-color: #F6916F;
		border-color: #F6916F;
	}

	ul#event-filter li.selected a {
		background-color: #F15A29;
		border-color: #F15A29;
		color: #FFFFFF;
	}
	
	.calendar-holder ul#event-filter {
		margin: 0 0 30px;
	}

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

/* Small only */
@media screen and (max-width: 39.9375em) {
	
	h1, .size-h1 { font-size: 34px; line-height: 44px; }
	h2 { font-size: 30px; line-height: 38px; }
	h3 { font-size: 26px; line-height: 32px; }
	h4 { font-size: 22px; line-height: 28px; }
	h5 { font-size: 16px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 18px; }
	
	p.sub-title { font-size: 24px; line-height: 30px; }
	
	header nav {
		padding: 20px 0;
	}
	
	header nav ul li {
		border-bottom: 1px solid #666666;
		display: block;
		width: 100%;
		font-size: 20px;
		line-height: 20px;
		margin: 0;
		text-align: left;
	}
	
	header nav ul li:last-child {
		border: none;
	}
	
	header nav ul li a {
		padding: 20px 0 15px;
	}
	
	header nav ul li a::before { 
		display: none;
	}
	
	section.page-title {
		padding: 40px 0;
	}
	
	section {
		padding: 60px 0;
	}
	
	.card.card-with-border {
		margin: 0 0 2rem;
	}
	
	footer {
		padding-top: 40px;
	}
	
	footer .footer-section-collapse {
		display: none;
	}
	
	footer p.title {
		position: relative;
		text-align: center;
		cursor: pointer;
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	
	footer p.title::after {
		content: "+";
		color: #F15A29;
		display: block;
		top: 1px;
		right: 0;
		position: absolute;
	}
	
	footer p.title.open::after {
		content: "-";
	}
	
	footer p.website-credit {
		text-align: center;
		margin: 0;
	}
	
	.owl-carousel .owl-dots {
		display: none;
	}
	
	ul#event-filter li {
		margin: 0 5px 5px 0;
	}
	
	ul#event-filter li a {
		padding: 3px 10px;
	}
	
}

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

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	
	h1, .size-h1 { font-size: 36px; line-height: 46px; }
	h2 { font-size: 30px; line-height: 40px; }
	h3 { font-size: 26px; line-height: 36px; }
	h4 { font-size: 22px; line-height: 30px; }
	h5 { font-size: 16px; line-height: 24px; }
	h6 { font-size: 14px; line-height: 18px; }
	
	p.sub-title { font-size: 24px; line-height: 32px; }
	
	header .search-form {
		width: 160px;
	}
	
	header .search-form form .search-field input {
		width: 105px;
	}
	
	header p.contact {
		line-height: 32px;
		font-size: 26px;
	}
	
	header nav ul li {
		width: 30%;
		font-size: 20px;
		line-height: 24px;
	}
	
	section.page-title {
		padding: 50px 0;
	}
	
	.card .card-content h3 {
		line-height: 28px;
		font-size: 22px;
	}
	
	footer p.sub-title {
		position: relative;
	}
	
	footer p.sub-title::after {
		content: "+";
		color: #F15A29;
		display: block;
		top: 1px;
		right: 0;
		position: absolute;
	}
	
	footer p.sub-title.open::after {
		content: "-";
	}
	
	footer .footer-list-menu {
		display: none;
	}
	
}

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

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