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

/*@import 'css/slick.css';*/

/* */

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

body {
	--white: #fcfcfa;
	--black: #1f2021;
	--bg-grey: #f4f3f1;

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

	font-feature-settings: "lnum";

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

	
}

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

h1, h2, h3 {
	font-family: 'Playfair Display', serif;
	font-weight: 400;
}

h1, h2 {
	font-size: 45px;
	line-height: 1.25;
	margin-top: -0.25em;
}

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

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

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

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

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

.pre-heading {
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase;

	white-space: nowrap;

	letter-spacing: -0.01em;
}

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

.section-padded {
	padding-top: max(7.5vw, 30px);
	padding-bottom: max(7.5vw, 30px);
}

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

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

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

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

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

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

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

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

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

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

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

a.btn {
	
	text-transform: uppercase;
	font-weight: 600;
	font-size: 15px;
	letter-spacing: -0.01em;
	display: inline-block;
	border-bottom: 1px solid;
	line-height: 40px;
	height: 40px;
	padding-right: 48px;

	background-size: 24px;
	background-position: right;
	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>');
}

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

.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>');
}

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

.logo svg {
	height: 24px;
	width: auto;
}

.card {
	border: 1px solid #eee;
	padding: 30px;
	height: 100%;

	position: relative;

	padding-right: calc(25% + 20px);
}

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

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

	display: flex;
}

nav li + li {
	margin-left: 40px;
}



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


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



.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;
}