/*
Theme Name: Lawdable
Author: George English
Author URI: http://englishwebdesign.com
Description: Bespoke theme
Version: 9999.9.9
*/

@import 'css/slick.css?v=2';

/* */

*,
*:before,
*:after {
	box-sizing: border-box;
}

.hidden-fields-container,
.screen-reader-response,
.screen-reader-text,
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

body {
	--white: #fff; /*#fcfcfa;*/
	--black: hsl(210, 11%, 13%); /*#1f2021;*/
	--black-fade-20: hsla(210, 11%, 13%, 0.2);
	--bg-grey: #F6F7F8;

	--header-height: 90px;
	--section-pad: max(7.5vw, 60px);

	margin: 0;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 16px;
	line-height: 1.6;

	font-feature-settings: "lnum";

	background: var(--white);
	color: var(--black);

	letter-spacing: -0.0125em;
}

h1, h2, h3, h4, h5, h6, p, ul, ol {
	margin: 0 0 20px;
}

h1, h2, h3 {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	letter-spacing: 0;
	font-feature-settings: "liga" 1;
}

h1, h2, .h1, .h2 {
	font-size: 32px;
	line-height: 1.2;

}

@media (min-width: 390px) {

	.heading-lg,
	.heading-xl {
		font-size: 42px;
		line-height: 1.1;
	}

}

h3 {
	font-size: 28px;
	line-height: 1.25;
}

h4 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
}

a,
a u {
	color: inherit;
	text-decoration: none;
}

hr {
	margin: 25px 0;
	border: none;
	border-top: 1px solid;
	color: inherit;
}

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

blockquote {
	border-top: 1px solid var(--black-fade-20);
	border-bottom: 1px solid var(--black-fade-20);
	padding: 40px 0;
	margin: 50px 0;
	font-size: 30px;
	line-height: 1.25;
	font-family: 'Playfair Display', serif;
	font-style: italic;
}

blockquote:before {
	content: "";
	display: block;
	width: 24px;
	height: 24px;
	margin-bottom: 20px;

	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 16 16"><path d="M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388q0-.527.062-1.054.093-.558.31-.992t.559-.683q.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 9 7.558V11a1 1 0 0 0 1 1zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612q0-.527.062-1.054.094-.558.31-.992.217-.434.559-.683.34-.279.868-.279V3q-.868 0-1.52.372a3.3 3.3 0 0 0-1.085.992 4.9 4.9 0 0 0-.62 1.458A7.7 7.7 0 0 0 3 7.558V11a1 1 0 0 0 1 1z"></path></svg>');
	background-size: 24px;

	transform: skewX(-15deg) scaleY(0.9);
}

blockquote p {
	padding-right: 0;
}

blockquote *:last-child {
	margin-bottom: 0;
}

small {
	display: block;
	font-size: 14px;
}

.pullout {
	padding: 40px 40px 20px;
	margin: 50px 0;
	background: var(--bg-grey);
}

.pullout *:empty {
	display: none;
}

.pullout h2,
.pullout h3 {
	margin-top: 0 !important;
}

.item-list {
	font-size: 24px;
}

.item-list hr {
	border-top-color: var(--black-fade-20);
	margin: 1em 0;
}

.item-list h3 {
	font-size: 1em;
	line-height: 1.5;
	display: flex;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="butt" stroke-linejoin="butt" class="feather feather-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="10 7 17 7 17 14"/></svg>');
	background-position: right;
	background-repeat: no-repeat;
}

.item-list .number {
	width: 36px;
	height: 36px;
	border: 1px solid var(--black-fade-20);
	border-radius: 50%; 
	margin-right: 20px;
	flex-shrink: 0;

	display: flex;
	align-items: center;
	justify-content: center;

	font-family: 'Libre Franklin', sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.item-list .number + span {
	margin-top: -1px;
}

@media (min-width: 768px) {

	body {
		font-size: 17px;
		font-weight: 350;
	}

	h1, h2, .h1, .h2 {
		font-size: 43px;
	}

	h3 {
		font-size: 30px;
	}

	hr {
		margin: 35px 0;
	}

}

/*small a,
a:not(.btn):hover {
	border-bottom: 1px solid;
}*/

@keyframes underline {
	0% {
		transform-origin: right;
		transform: scaleX(1);
	}
	40% {
		transform-origin: right;
		transform: scaleX(0);
		/*border-top-width: 1px;*/
	}
	60% {
		transform: scaleX(0);
		transform-origin: left;
		/*border-top-width: 2px;*/
	}
	100% {
		transform-origin: left;
		transform: scaleX(1);
		/*border-top-width: 2px;*/
	}
}

.site-footer nav a:not(.footer-bottom a) {
	border-bottom: 1px solid var(--black-fade-20);
}

.entry-content a,
nav a,
a u,
small a {
	display: inline-block;
	position: relative;
	line-height: 2;
}

.entry-content a:after,
.btn:after,
nav a:after,
small a:after,
a u:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	border-top: 1px solid;
	transform-origin: right;
}

.btn:after {
	border: none;
	height: 1px;
	background: linear-gradient(to right, #ed4a4e, #5ba7cc);
}

nav a {
	line-height: 40px;
}

.btn:after,
nav a:after {
	transform-origin: left;
	transform: scaleX(0);
	transition: transform 0.2s;
}

.btn:after {
	transform: none;
}

@media (hover: hover) and (min-width: 568px) {	

	.current_page_parent a:after,
	.current-menu-item a:after {
		transform: none;
	}

	.entry-content a:hover:after,
	.btn:hover:after,
	.current-menu-item a:hover:after,
	.current_page_parent a:hover:after,
	small a:hover:after,
	a:hover u:after {
		animation-name: underline;
		animation-duration: 0.5s;
		animation-fill-mode: forwards;
	}

	nav a:hover:after {
		transform-origin: left;
		transform: none;
	}

}

h2:last-child {
	margin-bottom: 0;
}

@media (min-width: 1280px) {

	.lede {
		font-size: 19px;
	}

	.heading-xl ~ .lede {
		margin-bottom: 40px;
	}

	.heading-lg,
	.heading-xl {
		line-height: 1;
		font-weight: 500;
		font-size: 64px;
		
	}

}

@media (min-width: 1540px) {

	.heading-xl {
		font-size: 72px;
	}

	body.home .section-hero .heading-xl {
		font-size: 80px;
	}

}

.link-contact {
	line-height: 24px;
	color: var(--primary);
	display: inline-flex;
	align-items: center;
}

.link-contact svg {
	width: 24px;
	height: 24px;
	vertical-align: top;
	color: inherit;
	margin-right: 20px;
}

.underline:after {
	content: "";
	display: block;
	width: 2em;
	border-top: 1px solid;
	margin: max(0.8em, 20px) 0 30px;

	transform-origin: left;
	transition: transform 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media (max-width: 567px) {

	h2.pre-heading.underline {
		display: flex;
		align-items: center;
		white-space: nowrap;
	}

	h2.pre-heading:last-child {
		margin-bottom: 0;
	}

	h2.underline:after {
		margin: 2px 0 0;
		margin-left: 2em;
	}

	.section-text h2.underline:after {
		width: 100%;
	}

	body.blog .section-grid:first-child h2:not(.pre-heading),
	.section-text-1 h2:not(.pre-heading) {
		border-bottom: 1px solid;
		padding-bottom: 35px;
	}

}

.animate-hidden .underline:after,
.animate-hidden.underline:after {
	transform: scaleX(0);
}

.section-grid:first-child .pre-heading.underline:after,
.section-text:first-child .pre-heading.underline:after {
	width: 100%;
}

.center {
	text-align: center;
}

.center .lede {
	max-width: 40em;
}

.center p,
.center .underline:after {
	margin-left: auto;
	margin-right: auto;
}

.pre-heading {
	font-family: inherit;
	font-size: 15px;
	line-height: 1.333333333;
	font-weight: 600;
	/*text-transform: uppercase;*/

	/*white-space: nowrap;*/

	/*letter-spacing: -0.01em;*/
}

.col .pre-heading:first-child:last-child,
.col .underline:first-child:last-child:after {
	margin-bottom: 0;
}

@media (max-width: 567px) {

	.pre-heading {
		font-size: 14px;
	}

}

h2.pre-heading {
	margin-bottom: 40px;
}

.section-padded {
	padding-top: var(--section-pad);
	padding-bottom: var(--section-pad);
}

.container {
	width: 87.5%;
	margin-left: auto;
	margin-right: auto;
}

.row {
	display: flex;
	margin: 0 -15px -30px;
	flex-wrap: wrap;
}

.col {
	padding: 0 15px 30px;	
	max-width: 100%;
	flex: 1 0 0;
}

.row.no-gutter {
	margin: 0;
}

.row.no-gutter .col {
	padding: 0;
}
.col-10,
.col-20,
.col-25,
.col-33,
.col-40,
.col-50,
.col-60,
.col-66,
.col-75,
.col-80,
.col-100 {
	flex: 0 0 100%;
	max-width: 100%;
}

@media (max-width: 567px) {

	.hide-on-mobile,
	.hidden-mobile {
		display: none !important;
	}

	

	.col:empty {
		display: none;
	}

}

@media (max-width: 1023px) {

	.col {
		margin-left: 0 !important;
	}

}

@media (min-width: 568px) {

	.show-on-mobile {
		display: none !important;
	}	

	.col-auto {
		flex: 0 0 auto;
	}

}

/*@media (min-width: 768px) {

	.col-25 {
		flex: 0 0 50%;
		max-width: 50%;
	}

}*/

@media (min-width: 1024px) {

	.row.wide-gutter {
		margin: 0 -40px -80px;
	}

	.row.wide-gutter > .col {
		padding: 0 40px 80px;
	}

	.row {
		margin: 0 -25px -50px;
	}

	.col {
		padding: 0 25px 50px;
	}

	.col-10 {
		flex: 0 0 10%;
	}

	.col-20 {
		flex: 0 0 20%;
	}

	.col-25 {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-33 {
		flex: 0 0 33.333%;
	}

	.col-40 {
		flex: 0 0 40%;
	}

	.col-50 {
		flex: 0 0 50%;
	}

	.col-60 {
		flex: 0 0 60%;
	}

	.col-66 {
		flex: 0 0 66.666%;
	}

	.col-75 {
		flex: 0 0 75%;
	}

	.col-80 {
		flex: 0 0 80%;
		max-width: 80%;
	}

}


a {
	color: inherit;
	text-decoration: none;	
}

.btn {
	position: relative;
	/*text-transform: uppercase;*/
	font-weight: 600;
	font-size: 16px;
	letter-spacing: -0.01em;
	display: inline-block;
	border: none;


	line-height: 40px;
	padding-right: 32px;

	
	background-position: calc(100% - 0px) 50%;
	background-repeat: no-repeat;


	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23000" stroke-width="2" stroke-linecap="butt" stroke-linejoin="butt" class="feather feather-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="10 7 17 7 17 14"/></svg>');

	background-size: 24px;
}

/*.btn:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	bottom: -1px;
	z-index: 1;
	background: linear-gradient(to right, #ed4a4e, #5ba7cc);
	mix-blend-mode: screen;
}*/

@media (min-width: 568px) {

	.btn {
		padding-right: 48px;
	}

}

p + p .btn,
p + .btn,
.section-text-2 .btn {
	margin-top: 5px;
}

.btn-dark {
	background: var(--black);
	color: var(--white);

	height: auto;
	line-height: 24px;
	padding: 16px 24px;
	border-radius: 8px;
}

.bg-dark {
	background: var(--black);
	color: var(--white);
}

/*p:not(.pre-heading) {
	opacity: 0.7;
}*/

.bg-dark a.btn {
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23fcfcfa" stroke-width="2" stroke-linecap="butt" stroke-linejoin="butt" class="feather feather-arrow-up-right"><line x1="7" y1="17" x2="17" y2="7"/><polyline points="10 7 17 7 17 14"/></svg>');
}

/* */

.entry-content a {
	line-height: inherit;
}

.entry-content h2 {
	margin-top: 50px;
	margin-bottom: 35px;
}

.entry-content *:not(h2) + h3 {
	margin-top: 40px;
	margin-bottom: 30px;
}

@media (min-width: 568px) {

	.entry-content {
		line-height: 1.85;
	}

	.entry-content a {
		line-height: 1.6;
	}

	.entry-content p {
		padding-right: 5%;
	}

}

/* */

.card {
	/*border: 1px solid #e7e7e7;*/
	
	color: var(--black);
	height: 100%;

	position: relative;

	display: flex;
	flex-direction: column;
	align-items: flex-start;

	
}

.card:not(.has-image) {
	border-top: 1px solid var(--black-fade-20);
	padding-top: 40px;
}

.card.has-image {
	background: var(--white);
	box-shadow: 0 40px 40px -40px rgba(0,0,0,0.075);
	padding: 30px;
}

/*.section-grid .col-100 ~ .col-50:nth-child(odd) .card {
	margin-top: 160px;
	margin-bottom: -160px;
}*/

a.card {
	transition: transform 0.3s, box-shadow 0.3s;
}

@media (hover: hover) {

	a.card:not(.col-100 .card):hover {
		transform: translateY(-12px);
	}

	a.card.has-image:not(.col-100 .card):hover {
		box-shadow: 0 20px 40px rgba(0,0,0,0.075);
	}

}

.card .btn {
	margin-top: auto;
}


.card h3:first-child,
.card .pre-heading:first-of-type {
	margin-top: 15px;
}

.card h3 + .pre-heading {
	margin-top: -20px;
	margin-bottom: 40px;
}

.card .image {
	position: absolute;
	top: 0;
	right: 0;
	height: 120px;
	width: 25%;
	background-size: cover;
	background-position: left;
}

.card .image.flip {
	background-position: right;
	transform: scaleX(-1);
}


@media (max-width: 567px) {

	.card .btn {
		font-size: 13px;
	}

	.card.has-image h3 {
		padding-right: calc(25% + 20px);
	}

}

@media (min-width: 568px) {

	.sep h3,
	.card h3 {
		margin-bottom: 40px;
	}

	.card:not(.has-image) {
		padding-right: 10%;
	}

	.card.has-image {
		padding-right: calc(25% + 20px);
	}

	.card .image {
		height: 100%;
	}

}

@media (min-width: 1200px) {

	.section-contact .card,
	.col-50 .card.has-image {
		padding: 50px;
	}

	.section-contact .card,
	.col-50 .card.has-image {
		padding-right: calc(25% + 50px);
	}





	.col-100 .card {
		display: block;
		padding: max(8.333%, 100px);

		padding-left: calc(8.333% + 20px);
		padding-right: calc(33.333% + 20px);
		font-size: 18px;

		border: none;
		box-shadow: none;
	}

	/*.bg-light .col-100:not(:last-child) .card:after {
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 16.666%;
		padding-top: 8.333%;
		
		background: linear-gradient(to bottom, #fff, var(--bg-grey));

		clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	}*/

	.col-100 .card .btn {
		margin-top: 20px;
	}

	.col-100:nth-child(odd) .card {
		padding-right: calc(8.333% + 20px);
		padding-left: calc(33.333% + 20px);
	}

	.col-100:nth-child(odd) .card .image {
		right: unset;
		left: 0;
		background-position: right;
	}

	.col-100:nth-child(odd) .card .image.flip {
		background-position: left;
	}

	.col-100 .card .pre-heading {
		font-size: 20px;
		font-weight: 300;
	}

}

/* */

.site-header {
	padding: 30px 0;
}

.site-header .row {
	align-items: center;
	justify-content: space-between;
}

.logo img {
	height: 30px;
	width: 150px;
	vertical-align: top;
}

.site-footer .logo img {
	height: 39px;
	width: 195px;
}

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

@media (max-width: 567px) {

	.current-menu-item {
		font-weight: 600;
	}

	.site-header .current-menu-item > a {
		border-left: 1px solid;
		margin-left: -1px;
	}

	/*.site-header .logo img {
		margin-top: 12px;
	}*/

	.site-header .btn:after {
		display: none;
	}

	.site-header nav {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		background: #fff;
		
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
		transition: opacity 0.3s;

		display: flex;
		align-items: center;
		padding: 7.5vw;

		font-size: 20px;
	}

	.site-header nav a {
		padding-left: 7.5vw;
		transform: translateX(-7.5vw);
		opacity: 0;
	}

	body.main-nav-active .site-header li + li a {
		transition-delay: 0.025s;
	}

	body.main-nav-active .site-header li + li + li a {
		transition-delay: 0.05s;
	}

	body.main-nav-active .site-header li + li + li + li a {
		transition-delay: 0.075s;
	}

	body.main-nav-active .site-header li + li + li + li + li a {
		transition-delay: 0.1s;
	}

	body.main-nav-active .site-header li + li + li + li + li + li a {
		transition-delay: 0.125s;
	}

	body.main-nav-active .site-header li + li + li + li + li + li + li a {
		transition-delay: 0.15s;
	}

	body.main-nav-active .site-header li + li + li + li + li + li + li a {
		transition-delay: 0.175s;
	}

	body.main-nav-active .site-header nav {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}

	body.main-nav-active .site-header nav a {
		transform: none;
		opacity: 1;
		transition: 0.3s;
	}

}

@media (min-width: 568px) {

	body {
		--header-height: 160px;
	}

	.site-header {
		padding: 60px 0;
	}

	nav ul {
		display: flex;
		white-space: nowrap;
	}

	nav li {
		margin-right: 30px;
	}

}

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

	.site-footer .container,
	.site-header .container {
		position: relative;
	}

	.site-footer nav + a,
	.site-header nav + a {
		position: absolute;
		top: 0;
		right: 0;
	}

}

@media (min-width: 568px) and (max-width: 1023px) {



	.col-nav {
		font-size: 16px;
	}

	/*nav ul {
		margin-right: -30px;
	}*/

}

@media (min-width: 1200px) {

	nav li {
		margin-right: 40px;
	}

}

/* */

.btn-burger {
    transition: 0s;

    /*transition-delay: 0.3s;

    opacity: 1 !important;*/

    position: relative;
	z-index: 30;

	margin-left: auto;

	background: var(--bg-grey);
	/*box-shadow: 0 2px 6px rgba(0,0,0,0.075);*/
	color: var(--primary);
	border: none;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	padding: 0;

	/*top: 20px;
	right: 20px;*/

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	cursor: pointer;

	align-self: center;

	transition: 0.2s;

	touch-action: manipulation;
}

.burger-bar {
    display: block;
    width: 22px;
    border-top: 2px solid;
    transition: transform 0.3s;
}

.btn-burger .state-inactive .burger-bar + .burger-bar {
    margin-top: 4px;
}

.btn-burger .state-inactive {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.btn-burger .state-inactive,
.btn-burger .state-active {
    width: 22px;
    height: 22px;
    position: relative;
    overflow: hidden;
}

.btn-burger .state-active {
    position: absolute;
}

.btn-burger .state-inactive .burger-bar:nth-child(1) {
    transition-delay: 0.3s;
}

.btn-burger .state-inactive .burger-bar:nth-child(2) {
    transition-delay: 0.35s;
}

.btn-burger .state-inactive .burger-bar:nth-child(3) {
    transition-delay: 0.4s;
    /*width: 16px;*/
}

.btn-burger .state-active .burger-bar {
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 11px);
}

.btn-burger .state-active .burger-bar:nth-child(1) {
    transform: rotate(-45deg) translateX(-27px);

    transition-delay: 0.1s;
}

.btn-burger .state-active .burger-bar:nth-child(2) {
    transform: rotate(45deg) translateX(27px);
}

/* */

body.main-nav-active .btn-burger {
    transition-delay: 0s;

    /*background: #fff;*/
    color: var(--primary);
}

body.main-nav-active .btn-burger .state-inactive .burger-bar {
    transform: translateX(22px);
}

body.main-nav-active .btn-burger .state-inactive .burger-bar:nth-child(1) {
    transition-delay: 0s;
}

body.main-nav-active .btn-burger .state-inactive .burger-bar:nth-child(2) {
    transition-delay: 0.05s;
}

body.main-nav-active .btn-burger .state-inactive .burger-bar:nth-child(3) {
    transition-delay: 0.1s;
}

/* */

@keyframes cross_1 {
    0% {
        transform: rotate(-45deg) translateX(27px);
    }
    100% {
        transform: rotate(-45deg);
    }
}

@keyframes cross_2 {
    0% {
        transform: rotate(45deg) translateX(-27px);
    }
    100% {
        transform: rotate(45deg);
    }
}

body.main-nav-active .btn-burger .state-active .burger-bar:nth-child(1) {
    transform: rotate(-45deg);
    transition: 0s;
    transition-delay: 0s;

    animation-name: cross_1;
    animation-duration: 0.3s;
    animation-fill-mode: backwards;
    animation-delay: 0.5s;
}

body.main-nav-active .btn-burger .state-active .burger-bar:nth-child(2) {
    transform: rotate(45deg);
    transition: 0s;
    transition-delay: 0s;

    animation-name: cross_2;
    animation-duration: 0.3s;
    animation-fill-mode: backwards;
    animation-delay: 0.4s;
}

/* */

.bg-dark .sep {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	height: 100%;
}

@media (min-width: 568px) {

	.bg-dark .sep {
		border-left: 1px solid rgba(255,255,255,0.2);
		padding-left: 40px;
		
	}	

}

.col-33 .sep,
.col-50 .sep {
	padding-left: 45px;
}

.bg-dark .sep a {
	margin-top: auto;
}


.section-grid {
	position: relative;
	overflow: hidden;
}

.section-grid.bg-light {
	background: var(--bg-grey); /*linear-gradient(to bottom, var(--bg-grey), var(--white));*/
}

.section-grid.bg-light:first-child {
	background: linear-gradient(to bottom, #fff, var(--bg-grey) 100vh);
}

.section-grid.bg-light h3:not(.card h3) {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.section-grid.bg-light h3:not(.card h3):after {
	content: "";
	width: 2.4em;
	border-top: 1px solid;
}

.section-grid.bg-light .col:last-child h3:not(.card h3):after {
	display: none;
}

@media (max-width: 567px) {

	.section-grid.bg-dark .col .col:not(.slick-slider .col) {
		min-width: 0;
		flex-basis: 50%;
	}

}

@media (max-width: 1023px) {

	img + section .container {
		margin-top: 10%;
	}

}



/* Modal */

.modal-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.5);
    display: flex;
    align-items: flex-start;
    justify-content: center;

    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.2s;
    transition-delay: 0.2s;

    overflow: hidden;
}
 
    /*@media (min-width: $screen-sm) {
    	padding: 10px;
    }*/

.modal-container.modal-container-fixed {
	position: fixed;
	padding-top: 0 !important;
	align-items: center;
	justify-content: flex-start;
}

.modal-container-fixed .modal {
	border-radius: 0;
	height: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

.modal-container-fixed:not(.modal-active) .modal {
	transform: translateX(-20px);
}

.modal-container:not(.modal-active) .modal-header {
	display: none !important;
}

.modal-container-fixed .modal-close {

	
}

.modal-container.modal-active {
	opacity: 1;
	pointer-events: auto; 
	visibility: visible;
	z-index: 9999999; /* Override review solicitors */
	transition-delay: 0s;
}

.modal-container.modal-active .modal {
	opacity: 1;
	transform: none;
	transition-delay: 0.2s;
}

.modal-close {
	position: absolute;
	top: 0; 
	right: 0;
	width: 70px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	cursor: pointer;
	border-bottom-left-radius: 16px;
}

@media (max-width: 567px) {

	.modal-close {
		width: 60px;
		height: 60px;
	}

	.modal-container small {
		font-size: 13px;
		text-align: center;
	}

}

.modal {
	background: #fff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	width: 100%;
	max-width: 740px;
	transform: translateY(20px);
	opacity: 0;
	transition: 0.2s;
	position: relative;
	
	overflow: hidden; 

	font-size: 16px;
	border-radius: 16px;
}

@media (min-width: 1200px) {

	.modal {
		max-width: 780px;
	}
}

.modal .pre-heading {
	padding-right: 20px;
}

.modal .pad {
	padding: 30px;
}

@media (min-width: 1200px) {

	.modal .pad {
		padding: 50px;
	}
}

/*.modal-title,
.modal-header h2 {
	font-size: 30px;
}*/

.modal blockquote {
	border: none;
	margin: 0;
	padding: 0;
}

.modal .btn,
.sidebar .btn {
	margin-top: 0;
}

.modal .col {
	min-width: 0;
}

.modal p,
.modal input[type="submit"],
.modal .btn-lg,
.sidebar .btn {
	width: 100%;
	max-width: 100%;
}


.modal .wpcf7-form.sent .hide-on-sent {
	display: none;
}

/* */

.modal-header {
	background-color: var(--bg-grey);
	background-size: cover;
	background-position: 50% 40%;
	position: relative;
}

@media (max-width: 567px) {

	.modal-header {
		font-size: 15px;
	}

}

.modal-header:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(to top right, var(--secondary) 10%, hsla(215deg, 50%, 20%, 0));
}

.modal-header h2,
.modal-header p {
	position: relative;
}

.modal-header a {
	color: inherit !important;
}

.modal-header p:last-child {
	margin-bottom: 0;
}

/* Infield labels */

@keyframes animateLabel {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: none;
    }
}

.infield-label label.gfield_label {
    margin-left: 15px !important;
}

.infield-label label.gfield_label,
label.infield {
    position: absolute;
    top: 18px;
    left: 21px;
    z-index: 5;
    pointer-events: none;
    margin: 0;
    color: #aaa;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
}

.infield-label label.gfield_label.active,
.infield-label label.gfield_label.stay-active,
label.infield.active,
label.infield.stay-active {
    font-size: 10px;
    left: 10px;
    top: 5px;
    padding-left: 6px;
    padding-right: 6px;
    border-radius: 0 0 8px 8px;
    text-transform: uppercase;
    letter-spacing: 0.01em;
    animation-name: animateLabel;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
    font-style: normal;
}

.infield-label input,
label.infield + .form-control,
label.infield + span .form-control,
label.infield + div .form-control {
    padding: 15px 15px 0 !important;
}

/* Forms */

label {
    display: block;
}

.form-group {
    margin-bottom: 30px;
    position: relative;
}

@media (max-width: 567px) {
    .form-group {
        margin-bottom: 20px;
    }

    .wpcf7 .col-100 h4 {
    	margin-top: 10px;
    }
}

::placeholder {
    color: #aaa;
}

input[type="search"] {
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

select,
input[type="text"],
input[type="email"],
textarea,
.form-control {
    height: 54px;
    border: 1px solid #dee2e6;
    font-size: inherit;
    font-family: inherit;
    line-height: 20px;
    padding: 16px 20px;
    font-size: 16px;
    display: block;
    width: 100%;
    outline: none;
    background: #fff;
    /*box-shadow: inset 0 5px 3px -3px rgba(0, 0, 0, 0.05);*/
    -webkit-appearance: none;
    appearance: none;
    border-radius: 8px;
    transition: 0.2s;
    letter-spacing: 0;
}

@media (hover: hover) {

	select:hover,
	input[type="text"]:hover,
	input[type="email"]:hover,
	textarea:hover,
	.form-control:hover {
	    border-color: rgba(0, 123, 255, 0.5);
	}

}

select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus,
.form-control:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 5px rgba(0, 123, 255, 0.2), 0 30px 40px rgba(0, 0, 0, 0.05), 0 15px 20px rgba(0, 123, 255, 0.1);
}

textarea,
textarea.form-control {
    resize: vertical;
    min-height: 108px;
}

select,
select.form-control {
    color: inherit;
    background-image: url("img/angle-down.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 50%;
    background-size: 24px;
}

.input-group {
    position: relative;
    display: flex;
}

.input-group .form-control {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

.input-group .btn {
    width: auto;
    min-width: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    white-space: nowrap;
    flex-shrink: 0;
    margin: 0;
}

input[type="radio"],
input[type="checkbox"] {
    vertical-align: -1px;
    margin: 0 10px 0 0;
}

/* Contact Form 7 overrides */

.grecaptcha-badge {
    visibility: hidden;
}

.gfield_error input,
.form-control.wpcf7-not-valid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 4px rgba(220, 53, 69, 0.2), 0 30px 40px rgba(0, 0, 0, 0.05), 0 15px 20px rgba(220, 53, 69, 0.1) !important;
}

.wpcf7-checkbox,
.wpcf7-radio {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-top: 10px;
}

.wpcf7-checkbox label,
.wpcf7-radio label {
    margin: 0 0 10px;
    cursor: pointer;
}

.wpcf7-checkbox .last .wpcf7-list-item-label,
.wpcf7-radio .last .wpcf7-list-item-label {
    padding-right: 0;
}

.wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item-label {
    position: relative;
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 1.25;
    padding-right: 30px;
}

.wpcf7-checkbox .wpcf7-list-item-label:before,
.wpcf7-radio .wpcf7-list-item-label:before {
    content: "";
    width: 2em;
    height: 2em;
    border-radius: 20%;
    border: 1px solid #dee2e6;
    margin-right: 0.75em;
    flex-shrink: 0;
    box-shadow: inset 0 5px 3px -3px rgba(0, 0, 0, 0.05);
}

.wpcf7-checkbox input:checked ~ .wpcf7-list-item-label:after,
.wpcf7-checkbox input:checked ~ span:after,
.wpcf7-radio input:checked ~ .wpcf7-list-item-label:after,
.wpcf7-radio input:checked ~ span:after {
    opacity: 1;
    visibility: visible;
}

.wpcf7-checkbox input:focus ~ .wpcf7-list-item-label:before,
.wpcf7-checkbox input:focus ~ span:before,
.wpcf7-radio input:focus ~ .wpcf7-list-item-label:before,
.wpcf7-radio input:focus ~ span:before {
    border-color: #0f4c94;
    box-shadow: 0 0 0 4px rgba(15, 76, 148, 0.2);
}

.wpcf7-radio .wpcf7-list-item-label:before {
    border-radius: 50%;
}

.wpcf7-radio .wpcf7-list-item-label:after {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background: #0f4c94;
    position: absolute;
    top: calc(50% - 0.5em);
    left: 0.5em;
    visibility: hidden;
}

.wpcf7-checkbox .wpcf7-list-item-label:before {
    border-radius: 8px;
}

.wpcf7-checkbox .wpcf7-list-item-label:after {
    content: "";
    position: absolute;
    left: 1em;
    top: 50%;
    width: 0.5em;
    height: 1em;
    border: solid #0f4c94;
    border-width: 0 3px 3px 0;
    transform: translate(-40%, -60%) rotate(45deg);
    visibility: hidden;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    opacity: 0;
}

.wpcf7-display-none {
    display: none;
}

@keyframes spin {
    0% {
        transform: none;
    }
    100% {
        transform: rotate(360deg);
    }
}

.wpcf7 form.submitting button[type="submit"]:after {
    content: "";
    display: inline-block;
    vertical-align: top;
    border: 2px solid transparent;
    border-left: 2px solid;
    animation: spin 1s infinite linear;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    margin-right: -10px;

    transform-origin: center;
    position: static;
}

.wpcf7 form.submitting button[type="submit"] svg {
    display: none;
}

.validation_message,
.wpcf7-not-valid-tip {
    display: block;
    color: #dc3545;
    font-size: 14px;
    margin-top: 10px;
    text-align: left;
    padding-left: 16px;
    font-style: italic;
    display: none;
}

.wpcf7-response-output:empty {
    display: none;
}

.validation_error,
.wpcf7-response-output {
    color: #dc3545;
    background-color: hsla(330deg, 75%, 90%, 0.4);
    background-image: url('img/alert-red.svg');
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 20px 50%;
    border-radius: 8px;
    padding: 20px;
    padding-left: 60px;
    line-height: 20px;
    font-size: 15px;
    margin-top: 20px;
}

.wpcf7-form.sent .validation_error,
.validation_error.wpcf7-mail-sent-ok,
.wpcf7-form.sent .wpcf7-response-output,
.wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #28a745;
    background-color: rgba(40, 167, 69, 0.1);
    background-image: url('img/check-green.svg');
}

.wpcf7 .row {
	margin-bottom: 0;
	margin-left: -15px;
	margin-right: -15px;
	clear: both;
}

.wpcf7 .row > .col {
	padding-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
}

@media (max-width: 567px) {

	.wpcf7 .row > .col {
		flex-basis: 100%;
	}

}

.wpcf7 p {
	max-width: 40em;
}

.form-group p {
	max-width: 100%;
}

/* */

.expander-title {
	position: relative;
	padding-right: 60px;
	margin-bottom: 0;
}

@media (max-width: 567px) {

	.expander-title {
		font-size: 22px;
	}

}

.expander-title:after {
	content: "";
	position: absolute;
	width: 32px;
	height: 32px;
	top: calc(50% - 16px);
	right: 0;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%231f2021" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-reactid="266"><polyline points="6 9 12 15 18 9"></polyline></svg>');
	background-size: cover;
	transition: 0.4s
}

.expander-title.toggled-on:after {
	transform: rotate(180deg);
}

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

.expander {
	overflow: hidden;
	padding-top: 30px;
}

@media (min-width: 1200px) {

	.expander-title,
	.expander {
		padding-right: 10%;
	}

}

/* */

.section-contact .card {
	background: #fff;
	box-shadow: 0 20px 40px rgba(0,0,0,0.075);
}

/* */

.section-hero {


	position: relative;
	overflow: hidden;
}

.section-hero > img {
	pointer-events: none; 

	
}

@media (max-width: 567px) {

	body.home .site-header {
		padding-bottom: 15px;
	}

	.section-hero {
		padding-top: 0;
	}

	.section-hero > img {
		width: 100%;
		position: relative;
		left: -15%;
	}

}

@media (min-width: 568px) {

	.section-hero {
		padding-bottom: calc(var(--section-pad) + 60px);

		display: flex;
		align-items: center;

		min-height: calc(100vh - var(--header-height) - var(--section-pad));
	}

	.section-hero > img {
		transition-delay: 0.8s; 
		position: absolute; 
		right: -5%; 
		width: 40%; 
		top: calc(50% - 30px); 
		transform: translateY(-50%);
	}

}

@media (min-width: 1024px) {

	.section-hero > img {
		width: 25%;
	}

}

@media (min-width: 1024px) and (max-width: 1279px) {

	.section-hero .row > .col:first-child {
		flex: 0 0 40%;
	}

}

/*body.home .section-hero h1 {
	position: relative;
	line-height: 1;
}*/

body.home .section-hero h1 span {
	display: inline-block;
}

body.home .section-hero h1 span.swoosh {
	display: inline-block;
	width: 2em;
	height: 0.5em;
	margin-left: -0.1em;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 527 227" ><defs><linearGradient id="P" gradientUnits="userSpaceOnUse"/><linearGradient id="g1" x2="1" href="%23P" gradientTransform="matrix(516.945,-137.908,40.944,153.478,-0.028,179.442)"><stop/><stop offset=".07" stop-color="%232b4e5f"/><stop offset=".16" stop-color="%234e8faf"/><stop offset=".46" stop-color="%235ba7cc"/><stop offset=".76" stop-color="%23c26573"/><stop offset="1" stop-color="%23ed4a4e"/></linearGradient></defs><path fill="url(%23g1)" d="m0 174.4l5.9 51.7 52.1-22.7c89.3-38.2 174.3-84.8 277.4-91.1 76.3-5.4 84.9 30.4 133 31.5 84 2.6 83.8-144.6-41.1-143.6-132.5 1.9-273.5 105.1-388 157.4-13.8 6-26.5 12-39.3 16.8z"/></svg>');
	background-repeat: no-repeat;
	background-position: bottom left;

}

/*body.home .section-hero h1:before {
	content: "";
	position: absolute;
	
	top: 0;
	left: 0;
	width: 8.2em;
	bottom: -0.2em;

	background-image: linear-gradient(120deg, var(--black) 25%, #5ba7cc 75%, #ed4a4e);
	background-size: cover;
	background-position: center;

	mix-blend-mode: screen;
}*/

/*body.home .section-hero h1 span:first-of-type,
body.home .section-hero h1 span:last-of-type {
	background: var(--black);
	display: inline-block;
	height: 0.75em;
	background-size: 4em;
	vertical-align: -5px;
}*/

/*body.home .section-hero h1 span:first-of-type {
	width: 1.6em;		
}

body.home .section-hero h1 span:last-of-type {
	width: 2.2em;
	border-bottom-right-radius: 0.2em;
}*/

/* */

.section-cta img {
	pointer-events: none; 
	position: absolute; 
	bottom: -80px; 
	right: 0; 
	width: 33.333%;
}

.section-cta,
.section-text-1 {
	background: var(--bg-grey);
}

@media (max-width: 567px) {

	.section-cta img {
		bottom: 0;
		right: 15px;
		width: 40%;
		transform: translateY(40%);
	}

	.site-footer {
		background: linear-gradient(to bottom right, var(--bg-grey), #fff 50%);
	}

	.section-text-1 {
		background: linear-gradient(to bottom, var(--bg-grey), #fff);
	}

}

@media (min-width: 568px) {

	.section-text-1 + .section-grid.bg-light,
	.section-text-1 + img + .section-grid.bg-light,
	.section-grid.bg-light + .section-cta {
		padding-top: 0;
	}

	.section-text-1:first-child {
		background: linear-gradient(to bottom, #fff, var(--bg-grey));
	}

}

@media (max-width: 1023px) {

	.section-text-2 img {
		position: absolute; 
		top: -30px;
		width: 40%;
		left: -3.333%;
	}

	.section-text-2 .container {
		margin-top: calc(40% - 50px);
	}

}

@media (min-width: 1024px) {

	.section-text-2 img {
		position: absolute; 
		width: 30%; 
		left: -3.333%; 
		bottom: 0;
	}

}

/* */

.footer-bottom {
	margin-top: 40px; 
	font-size: 13px;
}

.footer-bottom nav a {
	line-height: 24px;
}

.footer-bottom nav li {
	margin: 0;
}

@media (max-width: 567px) {

	.site-footer .col-nav {
		columns: 2;
	}

	.site-footer .col-nav li {
		margin-right: 30px;
	}

}

@media (min-width: 568px) {

	.col-nav {
		display: flex;
		justify-content: space-between;
	}

}

@media (max-width: 1023px) {

	.footer-bottom {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 0;
	}

	.footer-bottom .col {
		padding: 0;
	}

}

/* */

.menu-footer-bottom-menu-container ul * {
	display: inline;
}

.menu-footer-bottom-menu-container ul, 
.menu-footer-bottom-menu-container li {
	list-style: none;
	padding: 0;
}

.menu-footer-bottom-menu-container li:first-child:before {
	content: "";
}

.menu-footer-bottom-menu-container li + li:before {
	content: "|\00a0";
	position: static;
	color: inherit;
	margin: 0 0.75em;
}

/* */

.slick-slider {
	margin-bottom: 0;
}

.slick-slider .col {
	padding-bottom: 0;
	flex: unset;
}

.slick-list {
	margin-top: -12px;
	padding-top: 12px;
}

@media (max-width: 1199px) {

	.grid-slider-1 .slick-list {
		padding-right: 60px;
		overflow: visible;
	}

}

/* Animation */

@keyframes bounce {
	0% {
		transform: none;
	}
	50% {
		transform: translateY(-25%);
	}
	100% {
		transform: none;
	}
}

@media (prefers-reduced-motion: no-preference) {

	.animate {
		transition: opacity 0.6s, transform 0.6s;
	}

	body.intersection-observer .animate-hidden {
		opacity: 0;
		transform: translateY(40px);
	}

	body.intersection-observer .animate-hidden.animate-from-left {
		opacity: 0;
		transform: translateX(-40px);
	}

	body.intersection-observer .animate-bounce {
		transform: none;
		opacity: 1;
		transition: none;

		transition: 0s !important;
		
		padding-left: 0.25em;
		margin-left: -0.25em;

		padding-right: 0.25em;
		margin-right: -0.25em;
	}

	body.intersection-observer .animate-bounce:not(.animate-hidden) {
		animation-name: bounce;
		animation-duration: 0.3s;
		animation-timing-function: cubic-bezier(0.37, 0, 0.63, 1);
		animation-iteration-count: 1;
		animation-fill-mode: forwards;
	} 

	body.intersection-observer .animate-hidden.animate-from-right {
		opacity: 0;
		transform: translateX(40px);
	}

	body.intersection-observer .animate-hidden.animate-up-100 {
		opacity: 0;
		transform: translateY(100%);
	}

	body.intersection-observer .animate-hidden.animate-down-100 {
		opacity: 0;
		transform: translateY(-100%);
	}

	body.intersection-observer .animate-hidden.animate-opacity {
		opacity: 0;
		transform: none;
	}

	body.intersection-observer .animate-hidden.animate-zoom {
		opacity: 0;
		transform: scale(0.9);
	}

	body.intersection-observer .animate.wipe-from-left {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		opacity: 1 !important;
		transform: none !important;

		transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
	}

	body.intersection-observer .animate.animate-hidden.wipe-from-left {
		clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	}


	body.intersection-observer .animate.wipe-from-right {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		opacity: 1 !important;
		transform: none !important;

		transition: 0.6s cubic-bezier(0.075, 0.82, 0.165, 1);
	}

	body.intersection-observer .animate.animate-hidden.wipe-from-right {
		clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
	}

	.animate:not(.animate-revealed) + .animate {
		transition-delay: 0.2s;
	}

	.animate:not(.animate-revealed) + .animate:not(.animate-revealed) + .animate {
		transition-delay: 0.4s;
	}

	.animate:not(.animate-revealed) + .animate:not(.animate-revealed) + .animate:not(.animate-revealed) + .animate {
		transition-delay: 0.6s;
	}

	.animate:not(.animate-revealed) + .animate:not(.animate-revealed) + .animate:not(.animate-revealed) + .animate:not(.animate-revealed) + .animate {
		transition-delay: 0.8s;
	}

	/*.animate + .animate + .animate + .animate + .animate + .animate {
		transition-delay: 0.5s;
	}

	.animate + .animate + .animate + .animate + .animate + .animate + .animate {
		transition-delay: 0.6s;
	}

	.animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate {
		transition-delay: 0.7s;
	}

	.animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate + .animate {
		transition-delay: 0.8s;
	}*/

	/* */

	/*.animate-slow + .animate-slow {
		transition-delay: 0.2s;
	}

	.animate-slow + .animate-slow + .animate-slow {
		transition-delay: 0.4s;
	}

	.animate-slow + .animate-slow + .animate-slow + .animate-slow {
		transition-delay: 0.6s;
	}

	.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
		transition-delay: 0.8s;
	}

	.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
		transition-delay: 1s;
	}

	.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
		transition-delay: 1.2s;
	}

	.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
		transition-delay: 1.4s;
	}

	.animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow + .animate-slow {
		transition-delay: 1.6s;
	}*/

}

/* */

/* Pagination */

.nav-links {
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: baseline;
}

.nav-links a,
.nav-links span {
	min-width: 50px;
	line-height: 50px;
	font-size: 14px;
	padding: 0px 20px;
	border-bottom: 1px solid var(--black-fade-20);
	color: inherit;
}

/*@media (hover: hover) {

	.nav-links a:hover,
	.nav-links a:focus {
		color: var(--primary);
	}

}*/

.nav-links .current {
	font-weight: 600;
	border-bottom: 1px solid;

	flex-shrink: 0;
	cursor: default;
}

@media (max-width: 480px) {
	.nav-links .prev,
	.nav-links .next {
		display: none;
	}
}