/*
Theme Name: Mindset Theme
Theme URI: https://francescalulo.com/
Author: Frances Calulo
Author URI: https://francescalulo.com/
Description: The theme for building the Mindset site for FWDP 3600.
Requires at least: 7.0
Tested up to: 7.0
Requires PHP: 7.4
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mindset-theme
Update URI: false
*/

/* Better layout for blog */
.sidebar-layout > *:first-child {
  flex: 1 1 30rem;
}

/* Scroll to top */
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion) {
  html {
    scroll-behavior: auto;
  }
}

svg {
  vertical-align: middle;
}

svg path {
  fill: currentColor;
}

.scroll-top {
  background: transparent;
  border: none;
  padding: 1rem;
  position: fixed;
  bottom: 0;
  right: 0;
  cursor: pointer;
  transition: all ease 0.3s;
  opacity: 0;
  color: #fff200;
}

/* Clear fix hack */
article.wp-block-group::after {
  content: "";
  display: table;
  clear: both;
}

/* About Page */
.page-id-13 .wp-block-pullquote {
  font-size: var(--wp--preset--font-size--medium);
  text-align: left;
  padding: 1rem 0;
}
.page-id-13 .wp-block-pullquote p {
  margin-bottom: 0;
  quotes: "“" "”";
}
.page-id-13 .wp-block-pullquote p::before {
  content: open-quote;
}
.page-id-13 .wp-block-pullquote p::after {
  content: close-quote;
}
.page-id-13 .wp-block-pullquote cite {
  font-weight: bold;
  text-transform: uppercase;
}
.page-id-13 .wp-block-pullquote cite::before {
  content: "- ";
}

/* Sidebar */
.site-sidebar .wp-block-query {
  margin-top: 0;
}
.site-sidebar .wp-block-pullquote {
  font-size: var(--wp--preset--font-size--small);
  text-align: left;
  padding: 0;
}
.site-sidebar .wp-block-pullquote cite {
  font-size: var(--wp--preset--font-size--small);
}
.site-sidebar .wp-block-pullquote p {
  quotes: "“" "”";
}
.site-sidebar .wp-block-pullquote p::before {
  content: open-quote;
}
.site-sidebar .wp-block-pullquote p::after {
  content: close-quote;
}

/* Navigation Block */
/* Override default breakpoint and continue with mobile styles past 600px */
@media (min-width: 600px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: none;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    )
    .wp-block-navigation__responsive-container-close {
    display: block;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: auto;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
}
/* Set your own breakpoint(s) for tablet/desktop layouts */
@media (min-width: 800px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    ) {
    display: block;
  }
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
      .is-menu-open
    )
    .wp-block-navigation__responsive-container-close {
    display: none;
  }
  .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
    left: 0;
  }
  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none;
  }
}

@media (max-width: 500px) {
  .site-main .wp-block-post-featured-image.alignright,
  .site-main .wp-block-post-featured-image.alignleft {
    float: none;
  }
}