/*
Theme Name: Blue Stag
Author: Blue Stag
Author URI: https://bluestag.co.uk
Version: 1.0
*/

section:not(.white):not(.grey) .must-log-in :not(.btn) {color:#fff;}
section .must-log-in {background-color:#00baef;padding:1.5rem;}
section .must-log-in input-wrap {display:block;margin-top:1rem;}
section .must-log-in input-wrap label {display:none;}
section .must-log-in input-wrap input:not([type=submit]) {background-color:#fff;color:#231f20!important;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-family:proxima-nova,sans-serif;font-size:1rem;font-weight:400;width:100%;padding:.25rem .75rem;}
section .must-log-in input-wrap:not(:last-child) {width:48.5%;float:left;margin-bottom:1.5rem;}
section .must-log-in input-wrap:not(:last-child) + input-wrap:not(:last-child) {margin-left:3%;}
section .must-log-in input-wrap:last-child {clear:both;}
section .must-log-in input-wrap .btn {margin-left:auto;}
section .must-log-in notify-alert {display:block;font-size:1rem;padding-left:2rem;position:relative}
section .must-log-in notify-alert a:not(.btn) {text-decoration:underline;}
section .must-log-in notify-alert svg {height:1.5rem;position:absolute;top:50%;left:0;width:1.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
section .must-log-in notify-alert.info svg {color:#fff;stroke:#fff;}


@media (min-width: 481px){
	section .must-log-in {padding:calc(2.125rem + ((1vw - .300625rem) * 1.4754)) calc(2.5rem + ((1vw - .300625rem) * 1.9672));}
	section .must-log-in input-wrap input {padding:0 calc(1.25rem + ((1vw - 4.81px) * .3279));line-height:calc(2.5rem + ((1vw - 4.81px) * .8197));}
}

section.login { min-height: 50rem; height: auto !important; }

section.login form { position: relative; }

section.login form ~ p { font-size: 0.813rem; }

@media (min-width: 732px){
	section.login g-col { width: 24rem !important; }
	section.login g-col .btn { position: relative !important; width: 100% !important; }
}


/**** MEMBER LINKS ****/

.member-links g-col {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.member-links member-item {
	background-color: #F9F9F9;
	border-radius: 0.25rem;
	box-sizing: border-box;
	display: block;
	margin-left: 2rem;
	padding: 1.25rem;
	position: relative;
}

.member-links image-wrap {
	background-color: #FFF;
	border-radius: 0.25rem;
	display: block;
	margin: 0 0 0.75rem 0; 
	max-width: 8rem;
	padding: 0.5rem;
	width: 100%;
}

.member-links figure {
	display: block;
	height: 0;
	padding-bottom: 62.5%;
}

.member-links figure img {
	height: 100% !important;
	width: 100% !important;
	object-fit: contain !important;
}

.member-links h4 { margin: 0 0 0.25rem 0; }
.member-links h4 + a {
	align-items: center;
	color: #283a81;
	display: flex;
	opacity: 0.66;
	flex-wrap: nowrap;
	text-decoration: none;
	transition: opacity 175ms ease, color 175ms ease;
}

.member-links h4 + a svg {
	display: block;
	margin-left: 0.25rem;
	transition: stroke 175ms ease;
	stroke: #283a81;
}

.member-links h4 + a:hover { color: #e00597; opacity: 1; text-decoration: underline; }
.member-links h4 + a:hover svg { stroke: #e00597; }

.member-links member-item.no-link { text-align: center; }

.member-links member-item.no-link image-wrap { margin: 0 auto 0.75rem auto; }

@media (min-width: 1201px) {
	.member-links member-item { width: calc( ( 100% - 6.01rem ) / 4 ); }
	.member-links member-item:nth-child(4n+1) { margin-left: 0; }
	.member-links member-item:nth-child(4n) ~ member-item { margin-top: 2rem; }
}

@media (min-width: 901px) and (max-width: 1200px) {
	.member-links member-item { width: calc( ( 100% - 4.01rem ) / 3 ); }
	.member-links member-item:nth-child(3n+1) { margin-left: 0; }
	.member-links member-item:nth-child(3n) ~ member-item { margin-top: 2rem; }
}

@media (min-width: 641px) and (max-width: 900px) {
	.member-links member-item { width: calc( ( 100% - 2.01rem ) / 2 ); }
	.member-links member-item:nth-child(2n+1) { margin-left: 0; }
	.member-links member-item:nth-child(2n) ~ member-item { margin-top: 2rem; }
}

@media (min-width: 441px) and (max-width: 640px) {
	.member-links member-item {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: center;
		margin-left: 0;
		min-height: 10rem;
		padding-left: calc(40% + 1.5rem);
		width: 100%;
	}
	.member-links member-item ~ member-item { margin-top: 2rem; }
	.member-links member-item image-wrap { max-width: none; position: absolute; top: 1rem; left: 1rem; bottom: 1rem; width: calc(40% - 2rem); margin: 0; }
	.member-links member-item figure { padding-bottom: 0; height: 100%; }
}

@media (max-width: 440px) {
	.member-links member-item { margin-left: 0; width: 100% }
	.member-links member-item ~ member-item { margin-top: 2rem; }
}