/*
THEME NAME: Cumbria Family Support
DESCRIPTION: Bespoke WP theme
VERSION: 1.0
AUTHOR: <a href="https://prospusmarketing.co.uk/">Prospus Marketing</a>
*/

/* - - RESET - - */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video,* {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
*, *:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*,*:focus{outline:none;}
a{text-decoration:none;color:inherit;}
a img {border:none;}
img{height:auto;max-width:100%;}
input[type="submit"] {-webkit-appearance:none;border-radius:0;}
.rel{position:relative;}
.smooth,input,button,a:not(#menu ul li a),#menu ul li ul li a,img{-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-ms-transition:all 0.2s ease;transition:all 0.2s ease;}


@font-face {
    font-family: 'Strawford';
    src: url('fonts/Strawford-Light.woff2') format('woff2'),
        url('fonts/Strawford-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('fonts/MinionPro-Regular.woff2') format('woff2'),
        url('fonts/MinionPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* - - GRID - - */
.clear:after{content:"";display:table;clear:both;}
[class*='col-']{padding-left:20px;float:left;}
.nudge {margin-left:-20px;}
.nudge10 {margin-left:-10px;}
.nudge10 [class*='col-']{padding-left:10px;}
.nudge40 {margin-left:-40px;}
.nudge40 [class*='col-']{padding-left:40px;}
.col-1-8 {width:12.5%;}
.col-1-6 {width:16.6667%;}
.col-1-5 {width:20%;}
.col-1-4 {width:25%;}
.col-1-3 {width:33.3333%;}
.col-1-2 {width:50%;}
.col-2-3 {width:66.66%;}
.col-3-4 {width:75%;}
.col-4-5 {width:80%;}

body {
	font-size: 100%;
	font-family: 'Strawford';
	color: #fff;
	line-height: 1.6em;
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
}

/* - - FONTS - - */
.smaller{font-size:0.9em;}

.font-m {
	font-size: 1.6em;
	line-height: 1.4em;
}

.font-l {
	font-size: 2.5em;
	line-height: 1em;
}

.font-xl {
	font-size: 5em;
	line-height: 1em;
}

.bold,
strong:not(.content_row_text h1 strong, .content_row_text h2 strong, .content_row_text h3 strong, .content_row_text h4 strong, .content_row_text h5 strong, .content_row_text h6 strong),
.content_row_text p a {
	font-weight: 600;
}

.content_row_text p a {
	text-decoration: underline;
}

.tal{text-align:left;}
.tac{text-align:center;}
.tar{text-align:right;}
.uppercase{text-transform:uppercase;}
.serif {
	font-family: 'Minion Pro';
}

/* - - MARGINS - - */
.mb0{margin-bottom:0;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mt20{margin-top:20px;}

.mb20,
.content_row_text p {
	margin-bottom:
	20px;
}

.mt30{margin-top:30px;}
.mb30{margin-bottom:30px;}
.mt40{margin-top:40px;}
.mb40{margin-bottom:40px;}
.mt60{margin-top:60px;}
.mb60{margin-bottom:60px;}

.pb20{padding-bottom:20px;}
.pt20{padding-top:20px;}
.pb40{padding-bottom:40px;}
.pt40{padding-top:40px;}
.pb60{padding-bottom:60px;}
.pt60{padding-top:60px;}
.pb80{padding-bottom:80px;}
.pt80{padding-top:80px;}
.pb100{padding-bottom:100px;}
.pt100{padding-top:100px;}
.pb120{padding-bottom:120px;}
.pt120{padding-top:120px;}
.pb140{padding-bottom:140px;}
.pt140{padding-top:140px;}
.pb160{padding-bottom:160px;}
.pt160{padding-top:160px;}

/* - - COLOURS - - */
.transparent_svg {
	fill: transparent;
}

.white,
.content_row_text.teal_bg h1 strong,
.content_row_text.teal_bg h2 strong,
.content_row_text.teal_bg h3 strong,
.content_row_text.teal_bg h4 strong,
.content_row_text.teal_bg h5 strong,
.content_row_text.teal_bg h6,
#useful-links .content_row_text ul li a:hover {
	color: #fff;
}

.white_bg,
#pre_footer_pre:after {
	background: #fff;
}

.white_svg {
	fill: #fff;
}

.purple,
.content_row_text.yellow_bg strong,
.content_row_text.teal_bg h1,
.content_row_text.teal_bg h2,
.content_row_text.teal_bg h3,
.content_row_text.teal_bg h4,
.content_row_text.teal_bg h5,
.content_row_text.teal_bg h6,
body.page-id-24 .content_row_text ul + p {
	color: #643466;
}

.purple_bg,
body {
	background: #643466;
}

a.purple_bg:hover {
	background: #743d76;
}

.purple_svg {
	fill: #643466;
}

.light_purple_svg {
	fill: #7a527a;
}

.mid_purple_svg {
	fill: #704370;
}

.yellow,
.content_row_text.transparent_bg strong,
#page_nav a:hover {
	color: #d2bf00;
}

.yellow_bg,
#menu ul li:first-of-type,
#menu ul li:first-of-type:hover > a,
#menu ul li:first-of-type ul li a,
#menu ul li:first-of-type.current_page_item > a:not(ul li ul li a),
#menu ul li:first-of-type.current_page_parent > a:not(ul li ul li a),
#pre_footer_pre:before,
body.page-id-24 .content_row_text ul + p {
	background: #d2bf00;
}

a.yellow_bg:hover,
#menu ul li:first-of-type ul li a:hover,
#menu ul li:first-of-type.current_page_item > a:not(ul li ul li a):hover,
#menu ul li:first-of-type.current_page_parent > a:not(ul li ul li a):hover {
	background: #c0ae00;
}

.yellow_svg,
.content_row_text.teal_bg .divider svg .teal_svg {
	fill: #d2bf00;
}

.teal {
	color: #00a092;
}

.teal_bg,
#menu ul li:nth-child(2),
#menu ul li:nth-child(2) ul li a,
#menu ul li:nth-child(2):hover > a,
#menu ul li:nth-child(2).current_page_item > a:not(ul li ul li a),
#menu ul li:nth-child(2).current_page_parent > a:not(ul li ul li a),
#useful-links .content_row_text ul li a:hover {
	background: #00a092;
}

a.teal_bg:hover,
#menu ul li:nth-child(2) ul li a:hover,
#menu ul li:nth-child(2).current_page_item > a:not(ul li ul li a):hover,
#menu ul li:nth-child(2).current_page_parent > a:not(ul li ul li a):hover {
	background: #02b7a7;
}

#menu ul li:first-of-type:hover,
#menu ul li:nth-child(2):hover,
#menu ul li:nth-child(3):hover,
#menu ul li:nth-child(4):hover,
#menu ul li:nth-child(5):hover {
	background: transparent;
	align-items: flex-end;
}

.teal_svg {
	fill: #00a092;
}

#menu ul li:nth-child(3),
#menu ul li:nth-child(3):hover > a,
#menu ul li:nth-child(3) ul li a,
#menu ul li:nth-child(3).current_page_item > a:not(ul li ul li a),
#menu ul li:nth-child(3).current_page_parent > a:not(ul li ul li a) {
	background: #757679;
}

#menu ul li:nth-child(3) ul li a:hover,
#menu ul li:nth-child(3).current_page_item > a:not(ul li ul li a):hover,
#menu ul li:nth-child(3).current_page_parent > a:not(ul li ul li a):hover {
	background: #67676a;
}

#menu ul li:nth-child(4),
#menu ul li:nth-child(4):hover > a,
#menu ul li:nth-child(4) ul li a,
#menu ul li:nth-child(4).current_page_item > a:not(ul li ul li a),
#menu ul li:nth-child(4).current_page_parent > a:not(ul li ul li a) {
	background: #b6b7ba;
}

#menu ul li:nth-child(4) ul li a:hover,
#menu ul li:nth-child(4).current_page_item > a:not(ul li ul li a):hover,
#menu ul li:nth-child(4).current_page_parent > a:not(ul li ul li a):hover {
	background: #a0a1a4;
}

#menu ul li:nth-child(5),
#menu ul li:nth-child(5):hover > a,
#menu ul li:nth-child(5) ul li a,
#menu ul li:nth-child(5).current_page_item > a:not(ul li ul li a),
#menu ul li:nth-child(5).current_page_parent > a:not(ul li ul li a) {
	background: #8b698b;
}

#menu ul li:nth-child(5) ul li a:hover,
#menu ul li:nth-child(5).current_page_item > a:not(ul li ul li a):hover,
#menu ul li:nth-child(5).current_page_parent > a:not(ul li ul li a):hover {
	background: #987498;
}


/* - - GLOBAL - - */
#wrapper {
	overflow: hidden;
}

#wrapper > svg {
	position: absolute;
	top: -140vh;
	left: 50%;
	width: 140%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#footer > svg,
#footer > svg + svg {
	position: absolute;
	top: -110%;
	left: 50%;
	width: 170%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.flex {
	display: flex;
	align-items: center;
}

.inner {
	max-width: 1000px;
	padding-right: 20px;
	padding-left: 20px;
	margin-right: auto;
	margin-left: auto;
}

.button {
	display: inline-block;
	text-transform: lowercase;
	padding: 4px 16px;
	text-align: center;
}

/* - - HEADER - - */
#header {
	z-index: 3;
}

#header .flex {
	align-items: stretch;
	border-bottom: 1px solid #d2bf00;
	padding-bottom: 60px;
}

#header #logo {
	width: 12.5%;
	margin-top: 60px;
}

#menu {
	margin-left: auto;
	text-transform: lowercase;
}

#menu ul:not(.sub-menu) {
	height: 100%;
	list-style: none;
	display: flex;
	align-items: flex-end;
}

#menu ul li {
	display: flex;
    height: 100%;
    align-items: stretch;
    margin-left: 20px;
    width: 125px;
    position: relative;
}

#menu ul li.current_page_item,
#menu ul li.current_page_parent {
	background: transparent;
	align-items: flex-end;
}

#menu ul li a {
	display: flex;
	text-align: center;
	width: 100%;
	padding: 5px 10px;
	align-content: flex-end;
    flex-wrap: wrap;
    justify-content: center;
}

#menu ul li ul {
	position: absolute;
	left: 50%;
	top: 100%;
	width: 120%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	padding-top: 10px;
	display: none;
}

#menu ul li:hover ul {
	display: block;
}

#menu ul li ul li {
	display: block;
	margin: 0;
	width: 100%;
}

#menu ul li ul li a {
	border-bottom: 1px solid #fff;
}

#mobile_menu_toggle {
	display: none;
	padding: 10px 12px;
	margin-left: auto;
	z-index: 3;
}

/* - - PRE-FOOTER - - */
#pre_footer > .inner {
	z-index: 1;
}

#pre_footer_pre_wrap {
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 80px;
}

#other-services #pre_footer_pre_wrap {
	-webkit-transform: translateY(50%);
	-ms-transform: translateY(50%);
	transform: translateY(50%);
}

#pre_footer_pre,
#pre_footer_pre:before,
#pre_footer_pre:after {
	padding: 30px 80px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}

#pre_footer_pre:before,
#pre_footer_pre:after {
	content: "&nbsp; \A &nbsp;";
	white-space: pre;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 104%;
	-webkit-transform: rotate(2deg) translateX(-2%);
	-ms-transform: rotate(2deg) translateX(-2%);
	transform: rotate(2deg) translateX(-2%);
	z-index: -1;
	padding: 40px;
}

body.page-id-12 #pre_footer_pre:before,
body.page-id-12 #pre_footer_pre:after {
	content: "&nbsp;";
}

#pre_footer_pre:after {
	-webkit-transform: rotate(-2deg) translateX(-2%);
	-ms-transform: rotate(-2deg) translateX(-2%);
	transform: rotate(-2deg) translateX(-2%);
}

#pre_footer_pre a.button {
	position: absolute;
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.pre_footer_2 svg {
	width: 85%;
    margin-bottom: -5%;
}

.pre_footer_3 svg {
	width: 65%;
    margin-bottom: -0.5%;
}

/* - - FOOTER - - */
#page {
	z-index: 2;
}

#footer {
	padding: 120px 0 60px;
	overflow: hidden;
	z-index: 1;
}

#footer_logo {
	width: 20%;
}

#footer_images {
	margin-left: auto;
	width: 25%;
}

#footer_images .hollow {
	width: 56%;
    position: relative;
    margin: 0 0 30px 10%;
}

#footer_images img:first-of-type {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 48%;
}

#footer_images img:last-of-type {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 65%;
}

#footer_social {
	margin: 40px 0 10px;
}

#footer_social .line {
	height: 1px;
	width: 100%;
}

#footer_social .line + div {
	white-space: nowrap;
	margin-left: 10px;
}

#footer a.button {
	min-width: 200px;
}

#footer a.button + a.button {
	margin-left: 10px;
}

#footer p a {
	text-decoration: underline;
}

/* - - DIVIDER WITH IMAGES - - */
.divider_and_images * {
	pointer-events: none;
}

.divider_and_images > div {
	margin-top: -2px;
	display: inline-block;
    width: 100%;
}

body.page-id-12 .divider_and_images > div {
	margin-top: -15%;
}

.divider_and_images > div > .inner:not(body.page-id-12 .divider_and_images > div > .inner) {
	margin-top: -22%;
}

.divider_and_images .hollow {
	width: 60%;
    position: relative;
    margin: 0 auto;
    transform: translateX(10%);
}

.divider_and_images .figure {
	width: 40%;
    position: absolute;
	left: 33%;
	top: 0;
}

.divider_and_images img:first-of-type {
	position: absolute;
	left: 0;
	bottom: 8%;
	width: 45%;
}

.divider_and_images img:last-of-type {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 40%;
}

.divider_and_images.single img:last-of-type {
	right: 0;
	left: auto;
	top: 3%;
	bottom: auto;
	width: 30%;
	z-index: 1;
}

.divider_and_images.single .hollow {
	width: 32%;
    position: absolute;
    top: 0;
    right: 5%;
    transform: none;
    z-index: 2;
}

/* - - IMAGES - - */
.content_row_images .hollow {
	width: 65%;
    position: relative;
    margin: 0 auto;
    transform: translateX(10%);
    z-index: 2;
}

.content_row_images img:first-of-type {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60%;
	z-index: 3;
}

.content_row_images img:last-of-type {
	position: absolute;
	right: 0;
	bottom: 20%;
	width: 45%;
	z-index: 1;
}

.image_caption_left {
	position: absolute;
	left: 0;
	top: 100%;
	max-width: 25%;
}

/* - - DIVIDER - - */
.content_row_text .divider .button {
	white-space: nowrap;
}

.content_row_text .divider .line {
	height: 1px;
	width: 100%;
	margin-right: 10px;
}

.content_row_text .divider svg {
	width: 40px;
	flex-grow: 0;
	flex-shrink: 0;
}

.quote_divider .line {
	height: 1px;
	width: 100%;
	margin-left: 10px;
	background: #fff;
}

.content_row_values_beliefs h1,
.content_row_values_beliefs h2,
.content_row_values_beliefs h3,
.content_row_values_beliefs h4,
.content_row_values_beliefs h5,
.content_row_values_beliefs h6 {
	border-bottom: 1px solid #d2bf00;
	padding-bottom: 40px;
	margin-bottom: 40px;
}

/* - - MEET THE TEAM - - */
#team_members {
	flex-wrap: wrap;
}

.team_members_row {
	border-bottom: 1px solid #d2bf00;
	margin-bottom: 40px;
}

.team_members_row:last-of-type {
	border-bottom: none;
}

.team_members_row img {
	max-width: 75%;
}

#team_members .font-m + .font-m {
	font-size: 1.2em;
}

.masked_image img {
    object-fit: cover;
    width: 100%;
}

/* - - BELIEFS - - */
.content_row_values_beliefs {
	padding-top: 80px;
	padding-bottom: 80px;
}

.content_row_values_beliefs + .content_row_values_beliefs {
	padding-top: 20px;
}

.content_row_values_beliefs svg:last-of-type,
.single_post .rel svg.hollow {
	position: absolute;
	top: 15%;
	right: 5%;
	width: 90%;
}

/* - - VALUES - - */
.values_image {
	position: absolute;
	right: 0;
	top: -50%;
	width: 50%;
}

.values_image img {
	width: 70%;
	float: right;
}

.content_row_values_beliefs .values_image svg:last-of-type {
	width: 50%;
	left: 0;
	right: auto;
	top: 10%;
}

.content_row_values_beliefs svg.figure {
	position: absolute;
	width: 30%;
	left: 15%;
	top: 15%;
}

.collab_image {
	width: 20%;
	float: left;
}

.collab_image .hollow {
	position: absolute;
	right: 0;
	top: -5%;
	width: 80%;
	z-index: 1;
}

.collab_image + h3 {
	text-align: right;
	float: right;
	max-width: 70%;
}

/* - - FUNDERS - - */
body.page-id-24 .content_row_text ul,
#useful-links .content_row_text ul {
	column-count: 2;
	list-style: none;
	margin-top: 40px;
}

body.page-id-24 .content_row_text ul li {
	border-bottom: 1px solid #a490a4;
	padding: 6px 10px;
}

#useful-links .content_row_text ul li a {
	display: block;
	border-bottom: 1px solid #643466;
	padding: 6px 10px;
}

body.page-id-24 .content_row_text ul + p {
	text-align: center;
	padding: 8px;
	margin: 40px 0;
}

/* - - SERVICES - - */
#other-services .content_row_text ul {
	margin: 0 0 0 20px;
}

/* - - GET INVOLVED - - */
#page_nav a {
	cursor: pointer;
}

/* - - VOLUNTEERING - - */
#volunteering .content_row_text.teal_bg {
	margin-top: -70px;
}

#volunteering .content_row_text.teal_bg .quote_divider:first-of-type {
	max-width: 60%;
}

#volunteering .content_row_text.teal_bg h3 {
	color: #fff;
	max-width: 50%;
}

#volunteering .content_row_text.teal_bg p:last-of-type {
	margin: 0;
}


/* - - CONTACT - - */
input[type="text"],
input[type="email"],
textarea {
	display: block;
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #fff;
	margin: 3px 0 0;
}

textarea {
	min-height: 120px;
}

/* - - PRIVACY - - */
body.page-id-3 .content_row_text ul {
	margin: 0 0 20px 40px;
}

.alignleft {
	float: left;
	margin: 0 30px 20px 0;
	max-width: 37%;
}

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

	input,textarea,select{font-size:16px;}

	.nm {
		display: none;
	}

	.hwm {
		width: 50%;
	}

	.fwm {
		width: 100%;
	}

	.font-xl {
		font-size: 2.4em;
	}

	#header .flex {
		padding-top: 20px;
		padding-bottom: 20px;
		align-items: center;
	}

	#header #logo {
		width: unset;
		margin-top: 0;
	}

	#header #logo svg {
		height: 25vw
	}

	#menu {
		position: absolute;
	    top: 0;
	    right: -100%;
	    width: 100%;
	    z-index: 2;
	    background: #d2bf00;
	    padding-top: calc(25vw + 40px);
	}

	#menu.visible {
		right: 0;
	}

	#menu ul:not(.sub-menu) {
		display: block;
	}

	#menu ul li {
		display: block;
		width: 100%;
		margin: 0;
	}

	#menu ul li ul {
		position: static;
		width: 100%;
		left: auto;
		top: auto;
		padding: 0;
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		transform: translateX(0%);
		border-top: 1px solid #fff;
	}

	#menu ul li.menu-item-has-children a:after {
		content: "\f078";
		font-family: "Font Awesome 6 Free";
		font-weight: 800;
		margin-left: 5px;
		font-size: 0.8em;
	}

	#menu ul li.menu-item-has-children ul li a:after {
		content: "";
	}

	#mobile_menu_toggle {
		display: flex;
		align-items: center;
	}

	#pre_footer_pre, #pre_footer_pre:before, #pre_footer_pre:after {
		padding: 30px;
	}

	#pre_footer_pre:before, #pre_footer_pre:after {
		content: "&nbsp; \A &nbsp; \A &nbsp; \A &nbsp;";
	}

	body.page-id-12 #pre_footer_pre:before, body.page-id-12 #pre_footer_pre:after {
		content: "&nbsp; \A &nbsp; \A &nbsp;";
		white-space: pre;
	}

	#footer {
		padding: 60px 0 20px;
	}

	#footer_images {
		width: 35%;
	}

	#footer a.button {
		min-width: 100%;
	}

	#footer a.button + a.button {
		margin: 10px 0 0;
	}

	.content_row_text .divider svg {
		width: 35px;
	}

	.content_row_images {
		padding-top: 40px;
		padding-bottom: 20px;
	}

	.divider_and_images:not(#volunteering .divider_and_images) {
	    margin-top: 40px;
	}

	body.page-id-24 .content_row_text ul,
	#useful-links .content_row_text ul {
		column-count: 1;
	}

	.image_caption_left {
		max-width: unset;
		margin-top: 10px;
	}

	#volunteering .content_row_text.teal_bg {
		margin-top: 0;
	}

	#volunteering .content_row_text.teal_bg .quote_divider:first-of-type {
		max-width: unset;
	}

	#volunteering .content_row_text.teal_bg h3 {
		max-width: unset;
		padding-top: 60px;
	}

	#make-a-donation {
		padding-top: 30px;
	}

	.values_image {
		top: -20%;
		right: 20px;
	}

	.alignleft {
		float: none;
		margin: 0 0 20px 0;
		max-width: 100%;
	}

	#team_members .flex {
		display: block;
	}

	.team_members_row {
		border: none;
		margin-bottom: 0;
	}

	.team_members_row:last-of-type {
		margin-bottom: 140px;
	}

	.team_members_row .fwm {
		margin-bottom: 0;
	}

	.team_members_row .fwm:after {
		content: "";
		display: block;
		background: #d2bf00;
		height: 1px;
		margin-top: 20px;
	}

	.team_members_row:last-of-type .fwm:after {
		display: none;
	}

}