/*
Theme Name: String Musicians London
Theme URI: https://github.com/PedlDigitl/string-musicians-london
Template: forge
Author: Pedl Digitl Limited
Author URI: https://pedldigitl.com
Description: Bespoke String Musicians London WordPress Theme.
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0.0
License: Proprietary
License URI: 
Text Domain: sml
Tags: 
*/

*,
*:before,
*:after {
    box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

a {
  transition: 0.3s ease;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.wp-block-separator {
    border-top-width: 3px;
}

.wp-block-separator.is-style-large {
    border-top-width: 6px;
}

img,
figure {
  max-width: 100%;
  height: auto;
}

/* Single Post, Legal formatting */
.single-post .entry-content > p,
.single-post .entry-content > ul,
.single-post .entry-content > ol {
    margin: 1em 0;
}
.single-post .entry-content ul {
  padding: 0 0 0 1em;
}

.single-post .entry-content > .wp-block-heading {
    margin: 1.5em 0 0.25em;
}
@media (width >= 768px) {
  .single-post .entry-content > .wp-block-heading {
    margin: 1em 0 0.25em;
  }
}


.single-post .entry-content > .wp-block-image {
    margin: 0;
}

.single-post .entry-content img {
  width: 100%;
  height: auto;
  display: block;
}

.page-template-page-legal .wp-block-heading {
  margin: 1.5em 0 0.25em;
}
.page-template-page-legal p,
.page-template-page-legal .wp-block-list {
  margin: 1em 0;
}
@media (width >= 768px) {
  .page-template-page-legal .wp-block-heading {
    margin: 1em 0 0.25em;
  }
}

blockquote.instagram-media,
iframe.instagram-media,
iframe.instagram-media-rendered {
  padding: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: 100% !important;
}
.single-post .entry-content iframe.instagram-media-rendered {
  min-width: auto !important;
}


@media (width >= 768px) {
  .instagram-cols {
    justify-content: center !important;
  }
  .instagram-cols > .wp-block-column {
    flex-basis: 40% !important;
    flex-grow: 0 !important;
  }
}

/* WP admin bar offset for fixed header */
#wpadminbar ~ .wp-site-blocks #header {
  top: 32px;
}

@media screen and (max-width: 782px) {
  #wpadminbar ~ .wp-site-blocks #header {
    top: 46px;
  }
}