/*
Theme Name: Adam Leese Design Studio Boilerplate
Author: Adam Leese Design Studio
Author URI: https://www.adamleese.co.uk/
Description: Adam Leese Design Studio Boilerplate Theme
Version: 2022.7
Text Domain: aldsbp
*/

/* FontAwesome CSS */
@import "css/fontawesome.css";
@import "css/fontawesome-solid.css";
@import "css/fontawesome-brands.css";
/* Reset CSS */
@import "css/reset.css";
/* Grid CSS */
@import "css/grid.css";

/* Calculation Variables */
body {
	--gap:2rem;
	--threequarters-gap: calc(var(--gap) / 4 * 3);
	--twothirds-gap: calc(var(--gap) / 3 * 2);
	--half-gap: calc(var(--gap) / 2);
	--third-gap: calc(var(--gap) / 3);
	--quarter-gap: calc(var(--gap) / 4);
}
/* Default Fonts */
body {
	font-family:var(--wp--preset--font-family--main-font);
	font-size:16px;
	line-height:1;
}
h1, h2, h3, h4, h5, h6, strong, .heading {
	font-family:var(--wp--preset--font-family--title-font);
	font-weight:bold;
}
h1 {
  font-size:var(--wp--custom--typography--font-size--huge);
}
h2 {
  font-size:var(--wp--preset--font-size--large);
}
h3 {
  font-size:var(--wp--preset--font-size--medium);
}
h4 {
  font-size:var(--wp--preset--font-size--small);
}
h5 {
  font-size:var(--wp--preset--font-size--large);
}
h6 {
  font-size:var(--wp--preset--font-size--medium);
}
h1, h2, h3, h4, h5, h6 {
	line-height:var(--wp--custom--typography--line-height--headings);
}
p, li {
	line-height:var(--wp--custom--typography--line-height--default);
}
a {
	transition:background 0.5s ease, color 0.5s ease, border 0.5s ease, opacity 0.5s ease;
}
a:hover {
	color:var(--wp--preset--color--secondary);
}
strong {
	color:var(--wp--preset--color--highlight);
}
/* Selections */
::-moz-selection {
	background:var(--wp--preset--color--primary);
	color:var(--wp--preset--color--white);
}
::selection {
	background:var(--wp--preset--color--primary);
	color:var(--wp--preset--color--white);
}
/* Forms */
input, select, textarea {
	border:1px solid var(--wp--preset--color--primary);
	font-family:var(--wp--preset--font-family--main-font);
}
input:focus, textarea:focus {
	outline:none;
}
input[type="submit"] {
	background-color:var(--wp--preset--color--secondary);
	border-color:var(--wp--preset--color--secondary);
	color:var(--wp--preset--color--white);
	transition:background 0.5s ease, color 0.5s ease, border 0.5s ease;
	cursor:pointer;
	padding:0.5rem 1rem;
    border-radius:2em;
	font-size:1.25rem;
	margin:0 auto;
}
input[type="submit"]:hover {
	background-color:var(--wp--preset--color--highlight);
	border-color:var(--wp--preset--color--highlight);
	color:var(--wp--preset--color--white);
}
select {
	background-color:var(--wp--preset--color--white);;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KICA8cGF0aCBmaWxsPSJncmF5IiBkPSJNMTAsMjMyLjdsNDkwLDUzNC41bDQ5MC01MzQuNUgxMHoiIC8+DQo8L3N2Zz4=);
	background-repeat:no-repeat;
	background-position:center right 0.5rem;
	background-size:0.75rem;
	-webkit-border-radius:0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline:none;
	box-shadow:none;
}
/* Gravity Forms */
.entry-content .gform_wrapper.gravity-theme .gfield_label {
	font-weight:normal;
	margin-bottom:0.25rem;
}
.entry-content .gform_wrapper.gravity-theme input[type=color],
.entry-content .gform_wrapper.gravity-theme input[type=date],
.entry-content .gform_wrapper.gravity-theme input[type=datetime-local],
.entry-content .gform_wrapper.gravity-theme input[type=datetime],
.entry-content .gform_wrapper.gravity-theme input[type=email],
.entry-content .gform_wrapper.gravity-theme input[type=month],
.entry-content .gform_wrapper.gravity-theme input[type=number],
.entry-content .gform_wrapper.gravity-theme input[type=password],
.entry-content .gform_wrapper.gravity-theme input[type=search],
.entry-content .gform_wrapper.gravity-theme input[type=tel],
.entry-content .gform_wrapper.gravity-theme input[type=text],
.entry-content .gform_wrapper.gravity-theme input[type=time],
.entry-content .gform_wrapper.gravity-theme input[type=url],
.entry-content .gform_wrapper.gravity-theme input[type=week],
.entry-content .gform_wrapper.gravity-theme select,
.entry-content .gform_wrapper.gravity-theme textarea {
	font-size:1rem;
	padding:0.5rem;
}
.entry-content .gform_wrapper.gravity-theme .gform_footer,
.entry-content .gform_wrapper.gravity-theme .gform_page_footer {
	padding:0;
	margin:0;
}
.entry-content .gform_wrapper.gravity-theme .gform_footer button,
.entry-content .gform_wrapper.gravity-theme .gform_footer input,
.entry-content .gform_wrapper.gravity-theme .gform_page_footer button,
.entry-content .gform_wrapper.gravity-theme .gform_page_footer input {
	margin:1rem auto 0 auto;
}
body .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
	line-height:1;
}
/* Useful Classes */
.breakout {
	width:100vw;
	position:relative;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
}
.breakout img, img.breakout {
	max-width:none;
	width:100vw;
}
.highlight {
	color:var(--wp--preset--color--highlight)!important;
}
/* Block Styling - Buttons */
.wp-block-buttons {
	margin-top:var(--gap);
}

.wp-block-button .wp-block-button__link {
	transition:background 0.5s ease, color 0.5s ease, border 0.5s ease;
}
.wp-block-button.is-style-outline .wp-block-button__link {
	color:var(--wp--preset--color--highlight);
}
.wp-block-button .wp-block-button__link:active,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover {
    background-color:var(--wp--preset--color--secondary);
	border-color:var(--wp--preset--color--secondary);
	color:var(--wp--preset--color--white);
}
/* Main Menu */
nav#main-menu .row > * {
	padding-top:0;
	padding-bottom:0;
}
nav#main-menu ul {
	background-color:var(--wp--preset--color--primary);
	list-style:none;
	margin:0;
	padding-left:0;
}
nav#main-menu li {
	color:var(--wp--preset--color--white);
	background-color:var(--wp--preset--color--primary);
	display:block;
	float:left;
	position:relative;
	text-decoration:none;
	transition:background 0.5s ease, color 0.5s ease, border 0.5s ease;
}
nav#main-menu li:hover,
nav#main-menu li:focus-within {
	background-color:var(--wp--preset--color--highlight);
	cursor:pointer;
}
nav#main-menu li a {
	color:var(--wp--preset--color--white);
	padding:var(--half-gap) var(--threequarters-gap);
	display:block;
}
nav#main-menu li:focus-within a {
	outline:none;
}
nav#main-menu ul li ul {
	background:orange;
	visibility:hidden;
	opacity:0;
	min-width:12.5rem;
	position:absolute;
	left:0;
	display:none;
	z-index:999;
}
nav#main-menu ul li:hover > ul,
nav#main-menu ul li:focus-within > ul,
nav#main-menu ul li ul:hover,
nav#main-menu ul li ul:focus {
	visibility:visible;
	opacity:1;
	display:block
}
nav#main-menu ul li ul li {
	clear:both;
	width:100%;
}
nav#main-menu ul li ul li a {
	padding:var(--third-gap);
}
/* Max Width Image Fix */
img {
	max-width:100%;
	height:auto;
	display:block;
}
/* Footer */
footer p, footer #copyright ul.menu {
	margin-top:var(--half-gap);
}
footer ul.menu {
	list-style:none;
	margin:var(--half-gap) 0 0 0;
	padding:0;
	line-height:var(--wp--custom--typography--line-height--default);
}
/* Content */
article header > *, .entry-content > * {
	max-width:var(--site-width);
	margin:0 auto;
}
.entry-content > *.alignwide {
	max-width:var(--wide-size);
}
.entry-content > *.alignfull {
	max-width:100%;
}
.entry-content ul, .entry-content ol {
	padding:0 0 0 1rem;
}
.entry-content blockquote {
	margin-top:1rem;
	margin-bottom:1rem;
}
.entry-content ul {
	list-style:disc;
}
.entry-content ol {
	list-style:decimal;
}
.entry-content ul li::marker, .entry-content ol li::marker {
	color:var(--wp--preset--color--highlight);
}
.entry-content ul li, .entry-content ol li {
	margin-bottom:0.5rem;
}
/* .entry-content > *:not(:first-child):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(p) {
	margin-top:var(--gap);
} */
/* Copyright Menu */
#copyright ul.menu {
	list-style:none;
	margin:0;
	padding:0;
}
#copyright ul.menu li {
	display:inline-block;
}
#copyright ul.menu li:not(:first-of-type) {
	border-left:1px solid var(--wp--preset--color--white);
	margin-left:var(--third-gap);
	padding-left:var(--third-gap);
}
/* Reveal Shortcode */
.reveal-item {
	padding-top:var(--half-gap);
}
.reveal-title {
	background-color:var(--wp--preset--color--secondary);
	color:var(--wp--preset--color--white);
	padding:var(--third-gap);
	text-align:center;
	cursor:pointer;
	transition:background 0.5s ease, color 0.5s ease;
}
.reveal-title:hover, .reveal-title.reveal-active {
	background-color:var(--wp--preset--color--light);
	color:var(--wp--preset--color--secondary);
}
.reveal-content {
	box-sizing:border-box;
	display:none;
}
.reveal-content > div {
	padding-top:var(--half-gap);
}
.reveal-show {
	display:block;
}
/* Comments */
#comments {
	max-width:var(--site-width);
	margin:0 auto;
	background-color:var(--wp--preset--color--light);
	padding:var(--gap);
}
#comments label {
	font-weight:bold;
}
#comments textarea {
	width:100%;
}
/* Navigation Pagination */
.navigation.pagination .nav-links {
	display:flex;
	justify-content:center;
	gap:var(--quarter-gap);
}
.navigation.pagination .page-numbers {
	background-color:var(--wp--preset--color--light);
	color:var(--wp--preset--color--dark);
	display:inline-block;
	padding:var(--quarter-gap) 0;
	min-width:var(--gap);
	text-align:center;
}
.navigation.pagination a.page-numbers:hover {
	background-color:var(--wp--preset--color--dark);
	color:var(--wp--preset--color--white);
}
.navigation.pagination .page-numbers.current {
	background-color:var(--wp--preset--color--primary);
	color:var(--wp--preset--color--white);
}
/* Wrapper */
#wrapper {
	max-width:100%;
	overflow:hidden;
	position:relative;
}