/* =========================================================
   Woodcote Intro Block
   ========================================================= */

.wc-intro {
	width: 100%;
	padding: 60px 24px;
	box-sizing: border-box;
	text-align: center;
}

.wc-intro__container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

.wc-intro--width-narrow .wc-intro__container {
	max-width: 850px;
}

.wc-intro--width-standard .wc-intro__container {
	max-width: 1200px;
}

.wc-intro--width-full .wc-intro__container {
	max-width: none;
}

h1,h2,h3,h4,h5 {
	color: inherit !important;
	margin-bottom: 24px;
}

h2 {
	font-size:24px !important;
	line-height: 28px !important;
}

h3 {
	font-size:20px !important;
	line-height: 24px !important;
}

/* =========================================================
   Links
   ========================================================= */

.wc-intro a:not(.wc-button),
.wc-intro a:not(.wc-button):link,
.wc-intro a:not(.wc-button):visited {
	color: inherit !important;
}

.wc-intro a:not(.wc-button):hover,
.wc-intro a:not(.wc-button):focus {
	color: inherit !important;
}

/* =========================================================
   Background image
   ========================================================= */

.wc-intro.wc-block--has-background-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: rgba(13, 12, 62, 0.7) !important;
	background-blend-mode: multiply;
	overflow: hidden;
}


/* =========================================================
   Heading
   ========================================================= */

.wc-intro__title {
	margin: 0;
	font-size: 36px;
	font-weight: 800;
	line-height: 1.2;
	letter-spacing: -0.5px;
	color: inherit;
}

.wc-intro__highlight {
	display: block;
	color: var(--wc-secondary-colour, #4bc3d6);
}


/* =========================================================
   Divider
   ========================================================= */

.wc-divider {
	width: 60px;
	height: 4px;
	margin-top: 20px;
	margin-bottom: 30px;
	border-radius: 2px;
}

.wc-divider--left {
	margin-right: auto;
	margin-left: 0;
}

.wc-divider--centre {
	margin-right: auto;
	margin-left: auto;
}

/*
 * These colours may be overridden in the site's Customizer CSS.
 */

.wc-divider--primary {
	background-color: var(--wc-primary-colour, #0d153e);
}

.wc-divider--secondary {
	background-color: var(--wc-secondary-colour, #4bc3d6);
}

/* =========================================================
   Lead text
   ========================================================= */

.wc-intro__lead {
	font-size: 20px;
	line-height: 26px;
	color: inherit;
}

.wc-intro__lead p {
	margin-top: 0;
	margin-bottom: 20px;
}

.wc-intro__lead p:last-child {
	margin-bottom: 0;
}


/* =========================================================
   Button
   ========================================================= */

.wc-intro__actions {
	max-width: 300px;
	margin: 24px auto 0;
	text-align: center;
}

.wc-button,
.wc-button:link,
.wc-button:visited {
	display: inline-block;
	padding: 14px 18px;
	font-weight: 700;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	border: 0;
	border-radius: 6px;
	cursor: pointer;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		transform 0.25s ease;
}

.wc-button--primary,
.wc-button--primary:link,
.wc-button--primary:visited {
	background-color: var(--wc-primary-colour, #0d153e);
	color: #ffffff !important;
}

.wc-button--secondary,
.wc-button--secondary:link,
.wc-button--secondary:visited {
	background-color: var(--wc-secondary-colour, #4bc3d6);
	color: var(--wc-primary-colour, #0d153e) !important;
}

.wc-button--primary:hover,
.wc-button--primary:focus {
	background-color: var(--wc-secondary-colour, #4bc3d6);
	color: #ffffff !important;
}

.wc-button--secondary:hover,
.wc-button--secondary:focus {
	background-color: var(--wc-primary-colour, #0d153e);
	color: #ffffff !important;
}

.wc-button:active {
	transform: translateY(1px);
}


/* =========================================================
   Responsive
   ========================================================= */

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

	.wc-intro {
		padding: 40px 20px;
	}

	.wc-intro__title {
		font-size: 28px;
	}

	.wc-intro__lead {
		font-size: 18px;
	}

}