/*!
Theme Name: Amble (Old)
Theme URI: https://www.roughpixels.com/themes/amble/
Author: Rough Pixels
Author URI: https://www.roughpixels.com
Description: Allow your content to shine with Amble, a classically crisp theme with bloggers in mind. Featuring both sidebar & full-width layouts, a variety of post layout options, and numerous sidebar & footer widgets, Amble excels at exhibiting your work with an open and cohesive presentation. Crafted on a foundation of solid coding and bolstered with plentiful unlimited colours, backgrounds, and theme options that give you the opportunity to articulate your personality within your website. You can also relax in knowing that Rough Pixels acclaimed customer support be there for you!
Version: 2.0.0
Tested up to: 6.1
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: amble-old
Tags: one-column, blog,  left-sidebar, right-sidebar, custom-colors, block-styles, wide-blocks, custom-menu, custom-logo, custom-background, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Amble is built on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/* TABLE OF CONTENTS
====================================================
RESET
FONTS
VARIABLES
BASE
ACCESSIBILITY
TYPOGRAPHY
ELEMENTS
WRAPPERS
TEMPLATES
HEADER
FOOTER
POST CONTENT
COMMENTS
MAIN MENU
BLOG & POST NAVIGATION
MULTI-PAGE NAVIGATION
SOCIAL MENU
FOOTER MENU
BACK TO TOP MENU
MODALS
TRANSITIONS
SIDEBARS
WIDGETS
FORMS
MEDIA
CAPTIONS
ALIGNMENTS
PLUGINS - JETPACK INFINITE SCROLL
PLUGINS - NEWSLETTER
MEDIA QUERIES - RESPONSIVE
==================================================== */


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

* {
  margin: 0;
  padding: 0;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

/* FONTS
==================================================== */
/* Lora - variable font */
@font-face {
  font-family: 'Lora';
  font-display: swap;
  font-style: normal;
  font-weight: 300 900;
  /* Super Modern Browsers */
  src: url('./assets/fonts/Lora-VariableFont_wght.woff2') format('woff2'),
    /* Modern Browsers */
    url('./assets/fonts/Lora-VariableFont_wght.woff') format('woff');
}

/* Lora Italic - variable font */
@font-face {
  font-family: 'Lora-Italic';
  font-display: swap;
  font-style: normal;
  font-weight: 300 900;
  /* Super Modern Browsers */
  src: url('./assets/fonts/Lora-Italic-VariableFont_wght.woff2') format('woff2'),
    /* Modern Browsers */
    url('./assets/fonts/Lora-Italic-VariableFont_wght.woff') format('woff');
}

/* VARIABLES
==================================================== */
:root {
  /* Font Families */
  --amble-primary-font: Lora, Georgia, serif;
  --amble-primary-italic-font: Lora-Italic;
  --amble-sans-font: "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Colours */
  --amble-primary: #bba579;
  --amble-secondary: #c6975e;
  --amble-tertiary: #2b789b;
  --amble-body: #465156;
  --amble-content-bg: #fff;
  --amble-text: #333;

  --amble-black: #000;
  --amble-white: #fff;
  --amble-grey-900: #212529;
  --amble-grey-800: #343a40;
  --amble-grey-700: #495057;
  --amble-grey-600: #6c757d;
  --amble-grey-500: #adb5bd;
  --amble-grey-400: #ced4da;
  --amble-grey-300: #dee2e6;
  --amble-grey-200: #e9ecef;
  --amble-grey-100: #f2f1f1;

  /* Styling */
  --amble-headings: #292929;
  --amble-box-shadow: 0 0.5rem 1.563rem -0.625rem rgba(0, 0, 0, 0.27);
  --amble-hover-opacity: 0.8;
  --amble-thead-bg: #adb5bd;
  --amble-list: #bba579;
  --amble-list-numbers: #6c757d;

  /* Sizing */
  --amble-padding: 1.875rem;

  /* Navigation */
  --amble-navbar-bg: #fff;
  --amble-navbar-link: #495057;
  --amble-navbar-hover-link: var(--amble-secondary);
  --amble-navbar-box-shadow: 0 0.375rem 1rem -0.5rem rgba(0, 0, 0, 0.27);
}


/* BASE
==================================================== */
html {
  font-size: 16px;
}

body {
  background-color: var(--amble-body);
  color: var(--amble-text);
  font-family: var(--amble-primary-font);
  font-size: 1rem;
  height: 100%;
  line-height: 1.7;
  overflow-x: hidden;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}


/* ACCESSIBILITY
==================================================== */
.screen-reader-text,
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.skip-link:focus {
  background-color: #000;
  border-radius: 0.188rem;
  box-shadow: 0 0 0.125rem 0.125rem rgba(0, 0, 0, 1);
  clip: auto !important;
  -webkit-clip-path: none;
  clip-path: none;
  color: #fff;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 0.313rem;
  padding: 1rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/* TYPOGRAPHY
==================================================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--amble-headings);
  font-weight: 600;
  line-height: 1.2;
  margin: 2rem 0 1rem;
  text-rendering: optimizeLegibility;
}

h1 {
  font-size: 2rem;
  line-height: 1.1;
}

h2 {
  font-size: 1.75rem;
  line-height: 1.3;
}

h3 {
  font-size: 1.438rem;
  line-height: 1.5;
}

h4 {
  font-size: 1.25rem;
  line-height: 1.7;
}

h5 {
  font-size: 1.125rem;
  line-height: 1.8;
}

h6 {
  font-size: 1rem;
  line-height: 1.8;
}

h1.entry-title,
.site-footer .widget-title,
.bottom-sidebar .widget-title,
.blog-sidebar h3.widget-title:first-child,
.left-sidebar h3.widget-title:first-child,
.right-sidebar h3.widget-title:first-child {
  margin-top: 0;
}

/* Paragraph */
p {
  margin-bottom: 1.5rem;
}

/* Text elements */
sup,
sub {
  font-size: 70%;
}

/* Drop cap */
.has-drop-cap:not(:focus):first-letter {
  float: left;
  font-family: var(--amble-primary-italic-font);
  font-size: 6rem;
  line-height: 0.75;
  font-weight: 600;
  margin: .25rem 1rem 0 0;
  text-transform: uppercase;
}

/* Block text colours */

.has-black-background-color {
  background: #000;
}

.has-white-background-color {
  background: #fff;
}

.has-primary-background-color {
  background: var(--amble-primary);
}

.has-secondary-background-color {
  background: var(--amble-secondary);
}

.has-tertiary-background-color {
  background: var(--amble-tertiary);
}

.has-black-color,
.has-black-color .has-inline-color {
  color: #000;
}

.has-white-color,
.has-white-color .has-inline-color {
  color: #fff;
}

.has-primary-color,
.has-primary .has-inline-color {
  color: var(--amble-primary);
}

.has-secondary-color,
.has-secondary-color .has-inline-color {
  color: var(--amble-secondary);
}

.has-tertiary-color,
.has-tertiary .has-inline-color {
  color: var(--amble-tertiary);
}

/* Text Sizing */
.has-extra-small-font-size {
  font-size: 0.875rem;
}

.has-small-font-size {
  font-size: 1rem;
}

.has-medium-font-size {
  font-size: 1.125rem;
}

.has-large-font-size {
  font-size: 1.25rem;
  line-height: 1.5;
}

.has-extra-large-font-size {
  font-size: 1.375rem;
  line-height: 1.3;
}

.has-huge-font-size {
  font-size: 1.625rem;
  line-height: 1.3;
}

.has-gigantic-font-size {
  font-size: 2rem;
  line-height: 1.3;
}

/* ELEMENTS
==================================================== */

/* List Styles */
ul,
ol {
  margin: 0 0 1.813rem 2rem;
  padding: 0;
}

.template-short .entry-content ul,
.template-short .entry-content ol {
    max-width: 800px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
  margin-left: 2rem;
}

li>ul,
li>ol {
  margin-bottom: 0;
  margin-left: 1.25rem;
}


ul li::marker {
  color: var(--amble-list);
  font-weight: 500;
}

ol li::marker {
  color: var(--amble-list-numbers);
  font-weight: 500;
}


dl {
  margin-bottom: 1.813rem;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 1.813rem;
}

/* Separators - Spacers */
hr,
.wp-block-separator {
  border: none;
  border-bottom: 0.125rem solid var(--amble-grey-400);
  margin: 3rem auto;
}

.wp-block-separator.alignwide,
.wp-block-separator.is-style-wide {
  width: 50%;
}

.wp-block-separator.alignfull,
.wp-block-separator.alignfull.is-style-wide {
  width: 100%;
}

.wp-block-separator.is-style-dots {
  background: none !important;
  border: none;
  text-align: center;
  line-height: 1;
  height: auto;
  margin: 2rem auto;
}

.wp-block-separator.is-style-dots:before {
  content: "···";
  color: currentColor;
  font-size: 2rem;
  letter-spacing: 2rem;
  padding-left: 2rem;
}


::selection {
  color: var(--amble-white);
  background: var(--amble-grey-600);
}

dfn,
cite,
em,
i {
  font-style: italic;
}

cite,
.wp-block-quote cite,
.wp-block-pullquote cite {
  font-family: var(--amble-sans-font);
  font-style: normal;
  font-size: 0.75rem;
  color: var(--amble-grey-600);
  text-transform: capitalize;
}

.entry-content cite:before,
.entry-content .wp-block-quote__citation:before,
.entry-content .wp-block-quote cite:before,
.entry-content .wp-block-quote footer:before,
.entry-content .wp-block-pullquote__citation:before,
.entry-content .wp-block-pullquote cite:before,
.entry-content .wp-block-pullquote footer:before {
  content: "\2014";
}

cite a {
  font-style: italic;
}

b,
strong {
  font-weight: 700;
}

blockquote,
.wp-block-quote,
.wp-block-pullquote {
  font-family: var(--amble-primary-italic-font);
  position: relative;
  font-size: 1.063rem;
  line-height: 1.6;
  margin-top: 2rem;
  margin-bottom: 2rem;
  border-left: 0.375rem solid var(--amble-primary);
  margin-left: 0;
  padding-left: 1.25rem;
}

.wp-block-pullquote.alignright {
  border-left: none;
  border-right: 0.375rem solid var(--amble-primary);
  padding-left: 0;
  padding-right: 1.25rem;
  margin-right: 0;
}

.wp-block-pullquote blockquote {
  border: none;
  font-size: 1rem;
  margin: 0;
  padding: 0;
}

.wp-block-pullquote {
  border-top: none;
  border-bottom: none;
  padding-top: 0;
  padding-bottom: 0;
}

blockquote p {
  margin-bottom: 0;
}

blockquote cite,
.wp-block-pullquote cite {
  margin-top: 1rem;
  display: block;
}

/* Miscellaneous */
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #eee;
  text-decoration: none;
}

big {
  font-size: 125%;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 0.813rem;
  direction: ltr;
  /* rtl:ignore */
  unicode-bidi: bidi-override;
}

kbd {
  background: var(--amble-grey-800);
  border-radius: 0.125rem;
  color: var(--amble-white);
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.125rem 0.375rem;
  white-space: nowrap;
  position: relative;
  bottom: 0.125rem;
}

/* Code */
pre {
  background: var(--amble-grey-100);
  border: 1px solid var(--amble-grey-300);
  display: block;
  overflow: auto;
  font-size: 0.875rem;
  max-width: 100%;
  margin: 1.5rem 0;
  padding: 1rem;
  white-space: break-spaces;
}

pre code {
  background: transparent;
  font-size: inherit;
  color: inherit;
  padding: 0;
  word-break: normal;
}

code {
  padding: 0.125rem 0.25rem;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0.25rem;
  word-wrap: break-word;
}

a>code {
  color: inherit;
}

/* Tables */
table,
th,
td {
  border: 1px solid var(--amble-grey-200);
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  font-family: var(--amble-sans-font);
  margin: 1.5rem 0;
  table-layout: auto;
  width: 100%;
}

table thead,
.table-striped table thead,
.table-striped table tr>th {
  background: var(--amble-thead-bg);
  color: var(--amble-white);
}

.table-striped table tr:nth-of-type(odd) {
  background: var(--amble-grey-100);
}

table th,
table td,
.wp-block-table td,
.wp-block-table th {
  padding: 0.5rem 0.75rem;
  text-align: left;
}

table td {
  font-size: 0.813rem;
}


/* Links */
a {
  color: var(--amble-tertiary);
  text-underline-offset: 0.188rem;
}

a:focus,
a:hover {
  color: var(--amble-secondary);
}

.entry-content p>a:not(.more-link) {
  font-weight: 600;
}

p>a:not(.more-link):hover,
p>a:not(.more-link):focus {
  text-decoration: underline;
  text-decoration-style: dotted;
}


/* WRAPPERS
==================================================== */
.site-header {
  padding-bottom: 3rem;
  position: relative;
}

.inside-header {
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-container {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2rem;
  background-color: var(--amble-content-bg);
  box-shadow: var(--amble-box-shadow);
  position: relative;
}

.grid-container-inner {
  padding-bottom: 2rem;
}

.boxed {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.grid-container,
.site-content .content-area {
  width: auto;
}

.site-footer {
  background: var(--amble-grey-900);
}

.site-content {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 0 2rem 2rem;
  max-width: 1140px;
  margin-inline: auto;
}

.inside-padding {
  padding: var(--amble-padding);
}

/* TEMPLATES
==================================================== */
.error404 .site-content {
  display: block;
}

.error404 .site-content .content-area {
  width: 100%;
  text-align: center;
  max-width: 860px;
  margin-inline: auto;
}

/* Template - blank */
.template-blank .site-content {
  display: block;
}

.template-blank .site-content .content-area {
  width: auto;
}

/* Template - full width */
.template-full .site-content .content-area {
  width: 100%;
}

/* Template - short width */
.template-short .site-content .content-area {
  margin-inline: auto;
  width: 100%;
}

.template-short .hentry header,
.template-short .entry-content>p,
.template-short .entry-content>div,
.template-short .entry-content>* {
  max-width: 860px;
  margin-inline: auto;
}


/* HEADER
==================================================== */
.site-branding {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.custom-logo-link {
  display: inline-block;
}

.custom-logo {
  max-width: 250px;
  width: 100%;
}

.site-title {
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.2;
  margin: 0;
}

.site-title a,
.site-title a:visited {
  text-decoration: none;
  color: var(--amble-black);
}

.site-title a:focus,
.site-title a:hover,
p.site-title a:focus,
p.site-title a:hover {
  color: var(--amble-grey-600);
  text-decoration: none;
}

.site-description {
  color: var(--amble-grey-600);
  font-size: 0.813rem;
  text-transform: capitalize;
  letter-spacing: 1px;
  margin-bottom: 0;
}

.header1 .inside-header {
  display: flex;
  flex-direction: column;
  align-items: center;
}


/* FOOTER
==================================================== */
.site-footer {
  font-size: 0.875rem;
  text-align: center;
}

.site-footer,
.site-footer a,
.site-footer a:visited {
  color: var(--amble-grey-200);
}

.site-footer .widget-title {
  color: inherit;
  padding: 0;
  margin: 0 0 1rem;
}

.copyright {
  font-size: 0.688rem;
  letter-spacing: 0.5px;
}

.template-blank .site-footer {
  padding: 0;
}


/* POST CONTENT
==================================================== */
/* Archive  Headers */
.archive-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 3rem;
}

.archive-title {
  font-size: 1.375rem;
  margin-top: 0;
}

.archive-description {
  font-size: 0.938rem;
}

/* Blog Header */
.amble-welcome-intro-thumbnail img {
  border-radius: 50%;
  margin-bottom: 1.25rem;
}


/* Page Headers */
.page-header {
  margin: 0 0 2rem;
}

.page-header .featured-media {
  margin-top: 0;
}

.page-excerpt {
  position: relative;
  padding-bottom: 1rem;
}

.page-excerpt::after {
  content: '';
  position: absolute;
  bottom: -0.375rem;
  left: 0;
  right: 0;
  height: 0.188rem;
  background-color: var(--amble-primary);
  opacity: 0.5;
  max-width: 5rem;
}

.page-excerpt p {
  font-size: 1.25rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--amble-grey-600);
}


/* Post Headers */
.entry-header {
  margin: 0 0 1.75rem;
}

.blog-center .entry-header,
.single-center .entry-header {
  text-align: center;
}

h2.entry-title,
.entry-title a,
.page-title {
  color: var(--amble-headings);
  text-decoration: none;
  margin: 0 0 0.5rem;
}

.single .entry-title {
  margin-bottom: 0.5rem;
}

.entry-title a:focus,
.entry-title a:hover {
  opacity: var(--amble-hover-opacity);
}


/* Featured - Sticky */
.featured-badge,
.category-badge {
  display: inline-block;
  position: relative;
  font-family: var(--amble-sans-font);
  font-size: 0.813rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 0 0 1.25rem;
}

.category-badge a {
  color: inherit;
  position: relative;
}

.category-badge a,
.category-badge a:focus,
.category-badge a:hover {
  opacity: var(--amble-hover-opacity);
  text-decoration: none;
}

.featured-badge::after,
.category-badge::after {
  content: '';
  position: absolute;
  bottom: -0.375rem;
  left: 0;
  right: 0;
  height: 0.188rem;
  background-color: var(--amble-primary);
  opacity: 0.5;
}

.category-badge:hover::after {
  opacity: 1;
}

/* Post Thumbnails */
.featured-media {
  margin-bottom: 2.25rem;
  position: relative;
}

.page .featured-media {
  margin-bottom: 2.75rem;
}

.featured-media .wp-caption-text {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.8);
  padding: 0.25rem 0.75rem 0.125rem 1.5rem;
  font-size: 0.688rem;
  font-family: var(--amble-sans-font);
  right: 0;
  border-radius: 3rem 0 0 0;
  letter-spacing: 1px;
}

/* Entry Meta */
.entry-meta {
  font-family: var(--amble-primary-italic-font);
  font-size: 0.875rem;
  color: var(--amble-grey-600);
}

.entry-meta a {
  color: inherit;
  text-decoration: none;
}

.entry-meta .post-format a {
  color: var(--amble-tertiary);
}

.entry-meta a:focus,
.entry-meta a:hover {
  opacity: var(--amble-hover-opacity);
  color: var(--amble-secondary);
}

.published:not(.updated) {
  display: none;
}

.entry-meta .post-meta:before {
  content: '\2022';
  margin: 0 0.438rem;
  font-size: 0.5rem;
  vertical-align: middle;
  opacity: 0.5;
}

.entry-meta .post-meta:first-child::before {
  content: none;
}

.entry-meta .category-badge.post-meta::after {
  content: none;
}

/* More Links */
.more-link {
  color: inherit;
  text-decoration: none;
  font-family: var(--amble-primary-italic-font);
  font-size: 0.938rem;
}

.more-link:focus,
.more-link:hover {
  color: var(--amble-secondary);
}

/* Entry Content */
.single .entry-content,
.entry-footer,
.post-author-info,
#comments,
.navigation.post-navigation {
  border-bottom: 1px solid var(--amble-grey-200);
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}


/* Entry Footer */
.entry-footer {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  font-weight: 600;
}

.entry-footer a {
  font-weight: 400;
  text-decoration: none;
  text-transform: capitalize;
}

/* Post Author Bio */
.post-author-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}

.post-author-avatar {
  min-width: 5rem;
}

.post-author-description {
  font-size: 0.875rem;
  text-align: center;
}

.post-author-heading {
  font-size: 1.125rem;
  margin: 0 0 0.5rem;
}

.post-author-link {
  display: block;
  font-size: 0.75rem;
  margin: 1rem 0 0;
  text-decoration: none;
}

/* Global Block Outer Margins  - Space blocks from other content */
.entry-content .wp-block-image,
.entry-content .wp-block-gallery,
.entry-content .wp-block-audio,
.entry-content .wp-block-video,
.entry-content .wp-block-embed,
.entry-content .wp-block-cover,
.entry-content .wp-block-media-text,
.entry-content .wp-block-quote,
.entry-content .wp-block-file,
.entry-content .wp-block-preformatted,
.entry-content .wp-block-table,
.entry-content .wp-block-verse,
.entry-content .wp-block-code,
.entry-content .wp-block-columns,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-search,
.entry-content .wp-block-categories,
.entry-content .wp-block-archives,
.entry-content .wp-block-calendar,
.entry-content .wp-block-tag-cloud,
.entry-content .wp-block-rss {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

/* Global block inner content margin spacing */
.entry-content .wp-block-cover__inner-container>*,
.entry-content .wp-block-media-text .wp-block-media-text__content>*,
.entry-content .wp-block-column>* {
  margin: 1rem 0;
}

/* Block Covers */
.entry-content .wp-block-cover__inner-container p {
  font-family: var(--amble-sans-font);
}

/* Block Media & Text */
.entry-content .wp-block-media-text .wp-block-media-text__content {
  padding: 8%;
}

/* Block Columns */
.entry-content .wp-block-column .wp-block-image .aligncenter {
  margin: 0 0 1.5rem;
}

/* Block Buttons */
.wp-block-buttons {
  gap: 0.25rem;
  margin: 0.25rem 0;
}


/* COMMENTS
==================================================== */
#comments {
  margin-top: 4rem;
}

.comments-title {
  font-size: 1.125rem;
  margin: 0 0 2rem;
}

.logged-in-as {
  font-size: 0.875rem;
}

.comment>.comment {
  margin-left: 4%;
}


.comment-list,
.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment-header {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}

.comment-avatar,
.comment-author.vcard {
  flex-shrink: 0;
  font-size: 0.938rem;
  font-weight: 500;
  line-height: 1;
  text-transform: capitalize;
}

.comment-author.vcard .url {
  color: var(--amble-black);
  text-decoration: none;
}

.comment-meta {
  flex-grow: 1;
  padding-left: 0.75rem;
}

.comment-time,
.edit-link,
.bypostauthor .by-postauthor {
  font-size: 0.813rem;
  color: var(--amble-grey-600);
  font-family: var(--amble-primary-italic-font);
}

.by-postauthor {
  font-weight: 600;
}

.comment-content {
  font-size: 0.875rem;
}

.comment-content p:last-child {
  margin-bottom: 0.5rem;
}

#comments .comment-reply-link {
  display: inline-block;
  font-family: var(--amble-sans-font);
  font-size: 0.563rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  line-height: 1;
  padding: 0.5rem 1rem;
  color: initial;
  border-radius: 3px;
  border: 1px solid var(--amble-grey-300);
  margin: 0.75rem 0 2rem;
  text-decoration: none;
}

#comments .comment-reply-link:focus,
#comments .comment-reply-link:hover {
  border-color: var(--amble-primary);
  background: var(--amble-primary);
  color: var(--amble-white);
}

textarea#comment {
  width: 100%;
}


/* MAIN MENU
==================================================== */
.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-md,
.navbar>.container-lg {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.navbar,
.navbar li>ul {
  background: var(--amble-navbar-bg);
}

/* Global menu styles */
.navbar-nav {
  font-family: var(--amble-serif-font);
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: capitalize;
}

.navbar-nav,
.navbar-nav li>ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar-nav a {
  text-decoration: none;
}

/* For the main menu */
/* Jason: Commenting out the mobile menu bits...
@media screen and (max-width: 991px) {
  .navbar-toggler {
    padding: 0.25rem;
    font-size: 1rem;
    line-height: 1;
    color: var(--amble-grey-600);
    background-color: transparent;
    border: 1px solid var(--amble-grey-400);
    border-radius: 0.125rem;
    margin: auto;
    cursor: pointer;
  }

  .navbar-toggler-icon {
    display: inline-block;
    width: 1.875rem;
    height: 1.875rem;
    vertical-align: middle;
  }

  .navbar-toggler-icon .svg-icon {
    width: 1.875rem;
    height: 1.875rem;
  }

  .navbar-toggler:hover .navbar-toggler-icon .svg-icon {
    fill: var(--amble-secondary);
  }

  .navbar-toggler:focus,
  .navbar-toggler:hover {
    background: transparent;
    color: var(--amble-grey-300);
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0.25rem;
    ;
  }

  #header1 .navbar-toggler {
    margin-left: auto;
  }

  .navbar {
    padding: 2rem 0 0;
    width: 100%;
  }

  .collapse:not(.show) {
    display: none;
  }

  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
  }

  .navbar-nav {
    border-bottom: 1px solid var(--amble-grey-300);
    font-size: 1.125rem;
    margin-top: 1rem;
    padding-inline: 2rem;
  }

  .navbar-nav a>span {
    position: relative;
    padding-left: 0.938rem;
  }

  .navbar-nav a>span::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    background: #ddd;
    border-radius: 100%;
  }

  .navbar-nav .sub-menu {
    border-top: 1px solid var(--amble-grey-200);
  }

  .navbar-nav li {
    border-bottom: 1px solid var(--amble-grey-200);
    display: block;
    padding-left: 0;
    padding-right: 0;
  }


  .navbar-nav li:last-child,
  .sub-menu li:last-child {
    border-color: transparent;
  }

  .navbar-nav a {
    color: var(--amble-navbar-link);
    display: block;
    line-height: 1.2;
    padding: 1rem 0;
  }

  .navbar-nav a:focus,
  .navbar-nav a:hover {
    color: var(--amble-navbar-hover-link);
  }

  .navbar-nav li.menu-search {
    padding: 1rem 0;
  }

  .navbar-nav ul a {
    padding-left: 1rem;
  }

  .navbar-nav ul ul a {
    padding-left: 2rem;
  }

  .navbar-nav ul ul ul a {
    padding-left: 3rem;
  }

}
*/

/* BLOG & POST NAVIGATION
   ==================================================== */
.pagination {
  display: flex;
  margin-bottom: 2rem;
  margin-top: 3rem;
}

.pagination,
.template-full .pagination,
.template-short .pagination {
  justify-content: center;
}



.pagination .nav-links {
  display: flex;
  gap: 0.25rem;
  line-height: 1;
  align-items: center;
}

.page-numbers {
  border-radius: 50%;
  border: 1px solid var(--amble-grey-200);
  color: var(--amble-grey-800);
  padding: 0.75rem;
  position: relative;
  font-size: 0.875rem;
  text-decoration: none;
  width: 3.142857em;
  height: 3.142857em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prev.page-numbers,
.next.page-numbers {
  background: var(--amble-grey-100);
}

.page-numbers:focus,
.page-numbers:hover,
.prev.page-numbers:focus,
.next.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:hover {
  background: var(--amble-grey-200);
  border-color: var(--amble-grey-200);
  color: initial;
}

.prev.page-numbers .svg-icon,
.next.page-numbers .svg-icon {
  fill: var(--amble-grey-600);
  position: relative;
}

.page-numbers.current {
  background-color: var(--amble-primary);
  border-color: var(--amble-primary);
  color: var(--amble-white);
}

/* Post Navigation */
.navigation.post-navigation {
  margin-bottom: 0;
}

.post-navigation .nav-links,
.comment-navigation .nav-links {
  display: flex;
  flex-direction: column;
}

.post-navigation .nav-previous,
.post-navigation .nav-next,
.comment-navigation .nav-previous,
.comment-navigation .nav-next {
  flex-basis: 50%;
  margin-bottom: 1rem;
}

.post-navigation .nav-next,
.comment-navigation .nav-next {
  text-align: left;
}

.post-navigation .nav-links> :only-child,
.comment-navigation .nav-links> :only-child {
  flex-basis: 100%;
}

.post-navigation .nav-meta {
  display: inline-block;
  font-family: var(--amble-sans-font);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 0.25rem;
  position: relative;
  text-transform: uppercase;
}

.post-navigation a {
  text-decoration: none;
}

.post-navigation a>.nav-meta {
  color: initial;
}

.post-navigation .post-title {
  display: block;
  font-family: var(--amble-primary-italic-font);
  font-size: 0.938rem;
  line-height: 1.4;
}

.comment-navigation {
  margin-bottom: 1.375rem;
}


/* MULTI-PAGE NAVIGATION
   ==================================================== */
.multi-page-links {
  clear: both;
  margin: 1rem 0;
  font-size: 0.75rem;
}

.multi-page-links a,
.multi-page-links .post-page-numbers {
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.3);
  color: inherit;
  padding: 0.188rem 0.5rem;
  border-radius: 0.5rem;
  margin-right: 0.188rem;
  text-decoration: none;
}

.multi-page-links a:focus,
.multi-page-links a:hover,
.post-page-numbers.current {
  background: var(--amble-secondary);
  border-color: var(--amble-secondary);
  color: #fff;
}

/* SOCIAL MENU
   ==================================================== */
.social-nav {
  list-style: none;
  display: flex;
  gap: 0.25rem;
  justify-content: center;
  margin: 0 0 0.688rem;
}

.social-nav li>a {
  border-radius: 50%;
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  background: var(--amble-primary);
  align-items: center;
  justify-content: center;
}

.social-nav li>a:focus,
.social-nav li>a:hover {
  background: var(--amble-secondary);
}

.social-nav a>svg {
  fill: var(--amble-white);
}

/* FOOTER MENU
   ==================================================== */
.footer-nav {
  display: flex;
  font-size: 0.75rem;
  margin: 0 0 0.25rem;
  justify-content: center;
}

.footer-nav ul {
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-nav li {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
}

.footer-nav li::after {
  content: '';
  display: block;
  width: 0.188rem;
  height: 0.188rem;
  background: var(--amble-grey-400);
  border-radius: 50%;
  margin: 0 0.5rem;
  top: 0.063rem;
  position: relative;
}

.footer-nav li:last-child::after {
  content: none;
}

.footer-nav li>a {
  position: relative;
  display: inline-block;
  padding: 0;
  text-decoration: none;
}

.footer-nav li>a:focus,
.footer-nav li>a:hover {
  opacity: var(--amble-hover-opacity);
}



/* BACK TO TOP MENU
   ==================================================== */
#back-to-top-wrapper {
  background: var(--amble-grey-900);
  box-shadow: 0px 0.5rem 1rem -5px rgb(0 0 0 / 17%);
  color: #fff;
  display: flex;
  padding: 0.5rem 3rem;
  border-radius: 0 0 2rem 2rem;
  justify-content: center;
  width: fit-content;
  margin: auto;
  position: relative;
  top: -3.25rem;
  font-size: 0.688rem;
  color: var(--amble-grey-500);
  font-family: var(--amble-sans-font);
  text-transform: capitalize;
}

#back-to-top {
  color: var(--amble-grey-500);
  cursor: pointer;
}

#back-to-top:focus,
#back-to-top:hover {
  opacity: var(--amble-hover-opacity);
}


/* MODALS
==================================================== */
.searchModal-btn {
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0 0 0 90%;
  border: 0;
  background: var(--amble-grey-500);
  padding: 0;
}

.searchModal-close-x {
  border: 0;
  background-color: transparent;
  cursor: pointer;
}

.searchModal-close-x:focus,
.searchModal-close-x:hover {
  background-color: transparent;
}

.searchModal-btn:focus,
.searchModal-btn:hover {
  background: var(--amble-grey-600);
}

.searchModal-close-x:focus .svg-icon,
.searchModal-close-x:hover .svg-icon {
  fill: var(--amble-secondary);
}

.searchModal-btn,
.searchModal-close-btn {
  cursor: pointer;
}

.searchModal-close-x .svg-icon {
  width: 1.25rem;
  height: 1.25rem;
}

.searchModal-btn .svg-icon {
  fill: var(--amble-white);
  position: relative;
  left: 0.125rem;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

/* This stops the browser scrollbar being removed */
.modal.show {
  overflow-y: scroll;
  overflow-x: hidden;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}

.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 0.5rem * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 0.5rem * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--amble-grey-800);
  pointer-events: auto;
  background-color: var(--amble-white);
  background-clip: padding-box;
  border: 1px solid var(--amble-grey-200);
  border-radius: 0.25rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  background-color: var(--amble-black);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.65;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid var(--amble-grey-300);
  border-top-left-radius: calc(0.5rem - 1px);
  border-top-right-radius: calc(0.5rem - 1px);
}

.modal-header .btn-close {
  padding: calc(1rem * 0.5) calc(1 * 0.5);
  margin: calc(-0.5 * 1rem) calc(-0.5 * 1) calc(-0.5 * 1rem) auto;
}

.modal-title {
  margin: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(1rem - 0.5rem * 0.5);
  background-color: var(--amble-white);
  border-top: 1px solid var(--amble-grey-300);
  border-bottom-right-radius: calc(0.5rem - 1px);
  border-bottom-left-radius: calc(0.5rem - 1px);
}

.modal-footer>* {
  margin: calc(0.5rem * 0.5);
}

@media (min-width: 576px) {
  .modal {
    margin: 0;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .modal-dialog {
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
}


/* TRANSITIONS
==================================================== */
a,
a::after,
a::before,
input,
textarea,
button,
select {
  transition: all 0.2s ease-out;
}



/* SIDEBARS
==================================================== */
#blog-banner-sidebar,
#banner-sidebar {
  margin-bottom: 2.75rem;
}

#blog-banner-sidebar figure,
#banner-sidebar figure {
  position: relative;
}

.blog-sidebar,
.left-sidebar,
.right-sidebar {
  width: auto;
  order: initial;
}

.blog-sidebar,
.left-sidebar,
.right-sidebar,
.bottom-sidebar {
  font-size: 0.813rem;
}

.blog-sidebar,
.left-sidebar,
.right-sidebar,
.bottom-sidebar .inside-padding {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.bottom-sidebar {
  background: var(--amble-grey-200);
}

.bottom-sidebar .grid-container-inner {
  padding-top: 2rem;
}

#bottom1,
#bottom2,
#bottom3,
#bottom4 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}


/* WIDGETS
==================================================== */
.widget-title {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
  padding-bottom: 1.125rem;
  position: relative;
}

.blog-sidebar .widget-title::after,
.left-sidebar .widget-title::after,
.right-sidebar .widget-title::after,
.bottom-sidebar .widget-title::after {
  content: "";
  background: var(--amble-primary);
  bottom: 0;
  display: block;
  height: 0.25rem;
  opacity: 0.5;
  position: absolute;
  width: 100%;
}

.bottom-sidebar .widget-title::after {
  background: var(--amble-grey-400);
}

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


.widget_recent_entries ul,
.widget_recent_comments ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul,
.widget_meta ul {
  line-height: 1.4;
  margin: 0 0 0 1rem;
  padding: 0;
}

.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_nav_menu ul li,
.widget_meta ul li {
  padding-bottom: 0.375rem;
  margin-bottom: 0.375rem;
}


.widget_nav_menu ul {
  list-style: none;
}


#bottom-sidebar .widget ul>li {
  border-color: rgba(255, 255, 255, 0.3);
}

.widget_recent_entries ul li>a,
.widget_recent_comments ul li>a,
.widget_categories ul li>a,
.widget_archive ul li>a,
.widget_nav_menu ul li>a,
.widget_meta ul li>a {
  color: currentColor;
  text-decoration-line: none;
}

.widget_recent_entries ul li>a:focus,
.widget_recent_entries ul li>a:hover,
.widget_recent_comments ul li>a:focus,
.widget_recent_comments ul li>a:hover,
.widget_categories ul li>a:focus,
.widget_categories ul li>a:hover,
.widget_archive ul li>a:focus,
.widget_archive ul li>a:hover,
.widget_nav_menu ul li>a:focus,
.widget_nav_menu ul li>a:hover,
.widget_meta ul li>a:focus,
.widget_meta ul li>a:hover {
  color: var(--amble-primary);
  text-decoration-line: none;
}

.widget_archive ul li:last-child,
.widget_categories ul li:last-child,
.widget_links ul li:last-child,
.widget_meta ul li:last-child,
.widget_nav_menu ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_comments ul li:last-child,
.widget_recent_entries ul li:last-child,
.widget_meta ul li:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.widget_categories .children,
.widget_nav_menu .sub-menu {
  margin: 0.625rem 0 0 0;
}

.widget_categories .children a,
.widget_nav_menu .sub-menu a {
  padding-left: 0.5rem;
}

.widget_categories .children li ul a,
.widget_nav_menu .sub-menu li ul a {
  padding-left: 1.5rem;
}


.widget_categories .children li,
.widget_nav_menu .sub-menu li {
  margin-bottom: 0;
  padding-top: 0.688rem;
}

.widget_categories .children a:before,
.widget_nav_menu .sub-menu a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  background: var(--amble-grey-300);
  border-radius: 100%;
  margin-right: 10px;
  margin-top: -2px;
}

#blog-banner-sidebar figure,
#banner-sidebar figure {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.banner.widget_media_image img {
	min-height: 600px;
    object-fit: cover;
}

.banner.widget_media_image .wp-caption-text {
    position: absolute;
    background: rgba(0,0,0, 0.48); 
	color: #fff;
    font-size: 1.125rem;
    font-family: var(--amble-primary-font);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: 5rem;
    bottom: 5rem;
    left: 3rem;
    right: 3rem;
    max-width: 400px;  
	padding: 2rem;
	    text-align: left;   
		z-index: 2;
}

.banner.widget_media_image .wp-caption-text > p {
    margin: 0.5rem 0;
}

.banner.widget_media_image .image-widget-title {
    font-size: 1.5rem;
    line-height: 1.2;
}

.banner.widget_media_image .image-widget-caption {
    font-size: 0.938rem;
}

.banner.widget_media_image .image-caption-link {
    font-family: var(--amble-sans-font);
    font-size: 0.75rem;
	align-self: start;
}

.banner.widget_media_image .image-caption-link a {
    background: var(--amble-primary);
    color: #fff;
    padding: 0.625rem 1.5rem;
    text-decoration: none;
    display: inline-block;
    line-height: 1;
}
.banner.widget_media_image .image-caption-link a:focus,
.banner.widget_media_image .image-caption-link a:hover {
    background: var(--amble-secondary);
    color: #fff;
}

/* Gallery widget */
.widget_media_gallery .gallery-item {
    margin-bottom: 1rem !important;
    padding-inline: 9px !important;
}

.widget_media_gallery .gallery {
    margin-inline: -8px;
    margin: 1rem -8px;
}

/* Text Widget */
.textwidget ul,
.textwidget ol {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}


/* Recent Posts */
.widget_recent_entries li {
  flex-direction: column-reverse;
  margin-bottom: 12px;
}

.widget_recent_entries li a {
  font-size: 0.938rem;
  font-weight: 500;
  line-height: 1.3;
}

.widget_recent_entries .post-date {
  display: block;
  color: var(--amble-grey-600);
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
}


/* Tag Cloud */
.widget_tag_cloud a {
  color: currentColor;
  display: inline-block;
  vertical-align: top;
  padding: 9px 20px;
  height: 30px;
  line-height: 1;
  margin-right: 2px;
  margin-bottom: 7px;
  background: var(--amble-grey-100);
  font-size: 0.75rem !important;
  text-decoration: none;
  text-transform: capitalize;
}

.bottom-sidebar .widget_tag_cloud a {
  background: var(--amble-grey-500);
  color: var(--amble-white);
}

.widget_tag_cloud a:focus,
.widget_tag_cloud a:hover {
  background: var(--amble-primary);
  border-color: var(--amble-primary);
  color: var(--amble-white);
}

#bottom-sidebar .widget_tag_cloud a:focus,
#bottom-sidebar .widget_tag_cloud a:hover {
  background: rgba(0, 0, 0, 0.07);
}

/* Recent Comments */
.widget_recent_comments .url {
  color: currentColor;
  font-style: italic;
  font-weight: 400;
  text-decoration: none;
}

.widget_recent_comments a {
  font-weight: 500;
}


/* Calendar */
.wp-calendar-table {
  margin-bottom: 0.25rem;
  width: 100%;
  border: 1px solid var(--amble-grey-200);
}

.widget_calendar .calendar_wrap {
  max-width: 450px;
}

.widget_calendar table td,
.widget_calendar table th {
  text-align: center;
  padding: 0.5rem;
}

.widget_calendar table th {
  background-color: var(--amble-grey-100);
  color: initial;
  font-weight: 500;
}

.widget_calendar table #today {
  background: var(--amble-primary);
  background: #f9f9f9;
  color: currentColor;
}

.widget_calendar caption {
  text-align: center;
  border: 1px solid var(--amble-grey-200);
  border-bottom: none;
  padding: 0.5rem;
}

.widget_calendar td a {
  background-color: var(--amble-primary);
  color: #fff;
  border: 1px solid;
  border-radius: 50%;
  font-size: 0.688rem;
  display: inline-block;
  width: 1.625rem;
  height: 1.625rem;
  line-height: 1.5rem;
  text-decoration: none;
  vertical-align: inherit;
}

.widget_calendar td a:focus,
.widget_calendar td a:hover {
  background: var(--amble-primary);
}

.wp-calendar-nav-prev a,
.wp-calendar-nav-next a {
  color: currentColor;
  display: inline-block;
  vertical-align: top;
  padding: 0.563rem 1.25rem;
  height: 1.875rem;
  line-height: 1;
  margin-right: 0.125rem;
  margin-bottom: 0.438rem;
  background: rgba(0, 0, 0, 0.07);
  font-size: 0.75rem;
  text-decoration: none;
}

.wp-calendar-nav-prev a:focus,
.wp-calendar-nav-next a:focus,
.wp-calendar-nav-prev a:hover,
.wp-calendar-nav-next a:hover {
  color: #fff;
  background: var(--amble-primary);
}

/* FORMS
==================================================== */

label {
  display: block;
  margin-bottom: 0.5em;
  cursor: pointer;
}

fieldset {
  margin-bottom: 1em;
}

form,
.wp-block-button__link,
button,
input,
select,
textarea {
  font-family: var(--amble-sans-font);
}

.wp-block-button__link,
.button,
button,
input,
select,
textarea {
  border-radius: 0;
  font-size: 1rem;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input,
select,
textarea {
  background-color: var(--amble-grey-100);
}

textarea {
  line-height: 1.8;
}

.wp-block-button__link,
.button,
button,
input {
  line-height: normal;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  border: 1px solid var(--amble-grey-200);
  color: #333;

  font-size: 0.875rem;
  padding: 1rem;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  background-color: #fff;
  border: 1px solid rgba(51, 51, 51, 0.3);
  outline: none;
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
  cursor: default;
  opacity: .5;
}

.button,
.wp-block-button__link,
.wp-block-button.is-style-outline>.wp-block-button__link,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.063em;
  font-size: 0.75rem;
  padding: 1rem 1.75rem;
  vertical-align: top;
}

.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background-color: var(--amble-primary);
  border: none;
  color: #fff;
  font-family: var(--amble-sans-font);
}

/* focus */
.button:focus,
.wp-block-button__link:focus,
.wp-block-button__link.is-style-outline:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
/* hover */
.button:hover,
.wp-block-button__link:hover,
.wp-block-button__link.is-style-outline:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background-color: var(--amble-secondary);
  color: #fff;
  outline: 0;
}

/* Outline button */
.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
  background: transparent;
  border: 1px solid var(--amble-grey-500);
  padding: 0.938rem 1.75rem;
}

.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):focus,
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):focus,
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover,
.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover {
  background: var(--amble-secondary);
  border-color: var(--amble-secondary);
  color: var(--amble-white);
}

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

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


button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

input[type="checkbox"],
input[type="radio"] {
  padding: 0;
  margin-right: 0.5em;
}

input[type="checkbox"]+label,
input[type="radio"]+label {
  display: inline;
}

fieldset {
  border-color: rgba(51, 51, 51, 0.08);
  border-style: solid;
  border-width: 1px;
}

legend {
  font-size: 1rem;
  font-weight: bold;
  padding: 0 10px;
}

.post-password-form label {
  color: #767676;
  display: inline;
}

.post-password-form input[type="password"] {
  width: 14rem;
  margin-bottom: 0.75rem;
}

.required {
  color: #ff5a3a;
}

/* Bootstrap Forms - Input with button attached  */
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

/* Search Field Group */
.search-field {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}


/* MEDIA
==================================================== */
figure {
  margin: 0;
  max-width: 100%;
}

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

/* Classic editor images */
.entry-content img {
  max-width: 100%;
}

/* Embed media */
embed,
iframe,
object,
video {
  max-width: 100%;
  vertical-align: middle;
}

p>embed,
p>iframe,
p>object,
p>video {
  margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
  font-size: 1rem;
  margin-top: 0;
  margin-bottom: 1.813rem;
}

.wp-playlist.wp-playlist {
  padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
  margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
  border-bottom: 0;
  padding: 0.625rem 0;
}

.wp-playlist-item .wp-playlist-item-length {
  top: 0.625rem;
}

/* GALLERY - Legacy
   ==================================================== */
.gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 3rem -5px 1rem;
  text-align: center;
}

.gallery .gallery-item {
  flex-basis: 100%;
  max-width: 100%;
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}

.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4 {
  margin-left: -15px;
  margin-right: -15px;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px;
}

.gallery-columns-2 .gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item,
.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
  flex-basis: 100%;
  max-width: 100%;
}

.gallery-icon img {
  margin: 0 auto;
}

.gallery-columns-5>.gallery-item,
.gallery-columns-6>.gallery-item,
.gallery-columns-7>.gallery-item,
.gallery-columns-8>.gallery-item,
.gallery-columns-9>.gallery-item {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 15px;
}

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
  display: none;
}

.gallery-columns-2>.gallery-item {
  flex: 0 0 auto;
  width: 50%;
}

.gallery-columns-3>.gallery-item {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.gallery-columns-4>.gallery-item {
  flex: 0 0 auto;
  width: 25%;
}

.gallery-columns-5>.gallery-item {
  flex: 0 0 auto;
  width: 20%;
}

.gallery-columns-6>.gallery-item {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.gallery-columns-7>.gallery-item {
  flex: 0 0 auto;
  width: 14.2857%;
}

.gallery-columns-8>.gallery-item {
  flex: 0 0 auto;
  width: 12.5%;
}

.gallery-columns-9>.gallery-item {
  flex: 0 0 auto;
  width: 11.111111%;
}


/* CAPTIONS
==================================================== */
.wp-caption-text,
.wp-block-image figcaption {
  font-size: 0.875rem;
  font-family: var(--amble-primary-italic-font);
  padding: 1rem 0 0;
  text-align: center;
}

.wp-block-image figcaption {
  margin: 0;
}


.blocks-gallery-grid:not(.has-nested-images) figcaption {
  display: none;
}

.widget_media_gallery figcaption {
    display: none;
}

/* ALIGNMENTS
==================================================== */
.alignleft,
.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright,
.wp-block-image .alignleft,
.wp-block-image .alignright,
.blocks-gallery-grid:not(.has-nested-images).alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.wp-block-gallery:not(.has-nested-images).alignleft,
.wp-block-gallery:not(.has-nested-images).alignright {
  max-width: 40%;
}

.template-full .alignleft,
.template-full .alignright,
.template-full .wp-block-image .alignleft,
.template-full .wp-block-image .alignright,
.template-full .blocks-gallery-grid:not(.has-nested-images).alignleft,
.template-full .blocks-gallery-grid:not(.has-nested-images).alignright,
.template-full .wp-block-gallery:not(.has-nested-images).alignleft,
.template-full .wp-block-gallery:not(.has-nested-images).alignright {
  /* Full width can have a bit larger size */
  max-width: 50%;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-inline: auto;
}

.alignleft,
blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft,
.wp-block-image .alignleft,
.blocks-gallery-grid:not(.has-nested-images).alignleft,
.wp-block-gallery:not(.has-nested-images).alignleft {
  margin: 0.375rem 3rem 2rem 0;
}

.alignright,
blockquote.alignright,
.wp-caption.alignright,
img.alignright,
.wp-block-image .alignright,
.blocks-gallery-grid:not(.has-nested-images).alignright,
.wp-block-gallery:not(.has-nested-images).alignright {
  margin: 0.375rem 0 2rem 3rem;
}

.wp-block-image .aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
  clear: both;
  margin: 3rem auto;
}

.wp-caption.alignleft,
.wp-caption.alignright {
  margin-bottom: 1.25rem;
}

.wp-block-pullquote.alignleft {
  text-align: left;
}

.wp-block-pullquote.alignright {
  text-align: right;
}

/* PLUGINS - JETPACK INFINITE SCROLL
==================================================== */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/* PLUGINS - NEWSLETTER
==================================================== */
.footer-sidebar #newsletter-intro {
  max-width: 90%;
  margin: 0 auto 1.5rem;
}

.footer-sidebar .input-group.newsletter-form {
  justify-content: center;
  margin: 1rem auto 0;
}


.footer-sidebar .newsletter-form input[type="email"] {
  width: 70%;
}

.footer1 .footer-sidebar .newsletter-form input[type="email"] {
  width: 50%;
}


/* MEDIA QUERIES - RESPONSIVE
==================================================== */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

  /* Wrappers */
  .grid-container-inner {
    padding-inline: 3rem;
  }

  .site-content {
    flex-direction: row;
  }

  .site-content,
  .inside-padding {
    padding-inline: 0;
  }

  /* With Sidebars */
  .site-content .content-area {
    width: 70%;
  }

  /* Blog No Sidebars */
  .blog-center .site-content .content-area,
  .single-center .site-content .content-area {
    margin: 0 auto;
    width: 100%;
    max-width: 860px;
  }

  /* Sidebar size */
  .blog-sidebar,
  .left-sidebar,
  .right-sidebar {
    width: 30%;
  }

  .blog-classic-left .blog-sidebar,
  .single-classic-left .blog-sidebar,
  .left-sidebar {
    order: -1;
  }

  .bottom-sidebar .inside-padding {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .columns-2 .blocks-gallery-grid:not(.has-nested-images) figcaption {
    display: block;
  }

}


/* Jason: Moving all 992px+ nav styles out of the media query to be always on... */
.navbar {
  border-top: 1px solid var(--amble-grey-200);
  border-bottom: 1px solid var(--amble-grey-200);
  margin-top: 1.5rem;
  width: 100%;
  justify-content: center;
}

.navbar-toggler {
  display: none;
}

.navbar-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  font-size: 0.938rem;
  line-height: 1.5;
}

.navbar-expand-lg .navbar-nav {
  flex-direction: row;
}

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

.navbar-nav li {
  display: inline-block;
  padding: 0 0.75rem;
}

.navbar-nav>li::after {
  color: var(--amble-grey-500);
  content: '\2022';
  font-size: 0.813rem;
  line-height: 1;
  position: absolute;
  display: flex;
  top: 1.063rem;
  right: -0.25rem;
}

.navbar-nav>li:last-child::after {
  content: none;
}

.navbar-nav ul {
  box-shadow: var(--amble-navbar-box-shadow);
  opacity: 0;
  padding: 1rem 0;
  position: absolute;
  top: 100%;
  -webkit-transition: visibility 0.3s, opacity 0.3s linear;
  transition: visibility 0.3s, opacity 0.3s linear;
  width: 14rem;
  visibility: hidden;
  z-index: 999;
}

/* Hide submenus until focus or hover */
.navbar-nav li>ul {
  left: -999rem;
}

/* the third+ level */
.navbar-nav ul ul {
  top: -0.563rem;
}

/* Time to show the submenu */
.navbar-nav li:focus-within > ul, /* This is needed for tab navigation */
.navbar-nav li:hover>ul,
.navbar-nav li:focus>ul {
  border-top: 0.063rem solid var(--amble-grey-400);
  border-radius: 0.125rem;
  display: block;
  font-size: 0.813rem;
  left: auto;
  opacity: 1;
  padding: 0.5rem 0;
  visibility: visible;
}

.navbar-nav ul li:focus-within > ul, /* This is needed for tab navigation */  
.navbar-nav ul li:hover>ul,
.navbar-nav ul li:focus>ul {
 right: 100%;
}

.navbar-nav ul {
  right: 0;
  text-align: right;
}

.navbar-nav li {
  padding: 0.75rem;
  position: relative;
}

.navbar-nav li.menu-search {
  padding: 0.875rem 0 0.875rem 0.125rem;
}

.navbar-nav ul>li {
  padding: 0;
}

.navbar-nav a {
  color: var(--amble-navbar-link);
  padding: 0.75rem 0;
  text-decoration: none;
}

.navbar-nav ul a,
.navbar-nav ul a:visited {
  border-bottom: none;
  display: block;
  font-weight: 400;
  line-height: 1.25;
  padding: 0.375rem 1.25rem;
  width: 14rem;
}

.navbar-nav a:focus,
.navbar-nav a:hover,
.navbar-nav .menu-item-home a:focus,
.navbar-nav .menu-item-home a:hover,
.navbar-nav .current-menu-item>a,
.navbar-nav .current-menu-ancestor>a {
  color: var(--amble-navbar-hover-link);
}

.navbar-nav .menu-item-home a {
  color: initial;
  border-color: transparent;
}
/* Jason: End of nav styles that were in the query below. */



/* Medium devices (Medium resolutions, 992px and up) */
@media (min-width: 992px) {

  .grid-container-inner {
    padding-inline: 5rem;
  }
  .site-header {
    padding-bottom: 1rem;
  }


  /* Post Author Bio */
  .post-author-info {
    flex-direction: row;
    align-items: start;
  }

  .post-author-description {
    text-align: left;
  }

  /* Pagination */
  .pagination {
    margin-bottom: 0;
  }

  .pagination {
    justify-content: start;
  }

  .comment-list ol.children {
    margin-left: 2rem;
  }

  .columns-3 .blocks-gallery-grid:not(.has-nested-images) figcaption {
    display: block;
  }

  .template-full .columns-4 .blocks-gallery-grid:not(.has-nested-images) figcaption,
  .template-full .columns-5 .blocks-gallery-grid:not(.has-nested-images) figcaption {
    display: block;
  }



}

/* Large devices (large resolutions, 1200px and up) */
@media (min-width: 1200px) {
  .bottom-sidebar .inside-padding {
    grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  }

  .footer-sidebar #newsletter-intro {
    max-width: 50%;
  }

  .post-navigation .nav-links {
    flex-direction: row;
  }

  .post-navigation .nav-next,
  .comment-navigation .nav-next {
    text-align: right;
  }

  .post-navigation .nav-previous,
  .post-navigation .nav-next,
  .comment-navigation .nav-previous,
  .comment-navigation .nav-next {
    margin-bottom: auto;
  }


  /* ALIGNWIDE and ALIGNFULL */
  .template-full .entry-content .alignwide,
  .template-full .entry-content .alignfull,
  .template-short .entry-content .alignfull {
    /* Boxed container left/right padding is 5rem x 2 = 10rem then margin-left is half that */
    margin-left: -5rem;
    width: calc(100% + 10rem);
    max-width: calc(100% + 10rem);
  }

  .template-short .entry-content .alignwide,
  .template-full .entry-content .alignwide {
    width: calc(100% + 3rem);
    max-width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }

  /* Wide featured images */
  .blog-center figure.featured-media,
  .single-center figure.featured-media {
    /* For the blog centered layout */
    width: 100vw;
    max-width: 1000px;
    margin-inline: -70px;
  }

  .blog-center figure.featured-media img,
  .single-center figure.featured-media img {
    width: 100%;
  }

  .columns-2 .blocks-gallery-grid:not(.has-nested-images) figcaption,
  .columns-3 .blocks-gallery-grid:not(.has-nested-images) figcaption {
    display: block;
  }

}

/* Extra-Large devices (Extra large resolutions, 1400px and up) */
@media (min-width: 1400px) {
  html {
    font-size: 17px;
  }

  .bottom-sidebar .inside-padding {
    grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  }
}

/* Mega-Large devices (Mega resolutions, 1400px and up) */
@media (min-width: 1600px) {
  html {
    font-size: 18px;
  }
}

/* Super-Large devices (Super large resolutions, 1920px and up) */
@media (min-width: 1920px) {
  html {
    font-size: 19px;
  }
}