/*
Theme Name: SFWD Press
Theme URI: https://santafewebdesign.com
Author: Santa Fe Web Design
Author URI: https://santafewebdesign.com
Description: SFWD Theme
Version: 1.0
Text Domain: sfwd
*/
/* Icons by Font Awesome (https://fontawesome.com) */
/*
1. Use a more-intuitive box-sizing model.
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
3. Allow percentage-based heights in the application
*/
html,
body {
  height: 100%;
}

/*
6. Improve media defaults
*/
img,
picture,
video,
canvas {
  display: block;
  max-width: 100%;
}

/*
7. Remove built-in form typography styles
*/
input,
button,
textarea,
select {
  font: inherit;
}

a {
  text-decoration: none;
}

.hide-checkbox {
  visibility: hidden;
  position: absolute;
  left: -999em;
}

.merge-header main {
  margin-top: 0;
}

/* when nav is open, we don't want a layout shift due to scrollbar hiding itself */
html.has-modal-open {
  overflow-y: scroll;
}

#btop {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  background: var(--back-to-top-bg);
  padding: 8px;
  display: none;
  cursor: pointer;
  z-index: 99999;
}

#btop svg {
  transform: rotate(-180deg);
  fill: var(--back-to-top-color);
}

body.scrolled #btop {
  display: flex;
}

main .wp-block-post-title {
  margin-bottom: var(--page-title-margin-bottom);
}

.entry-content {
  margin-top: 0;
}

/* hide adminbar unnecessary options on frontend */
.ab-top-menu li#wp-admin-bar-smart_slider_3,
.ab-top-menu li#wp-admin-bar-wp-rocket,
.ab-top-menu li#wp-admin-bar-wprl-listings,
.ab-top-menu li#wp-admin-bar-wprl-home,
.ab-top-menu li#wp-admin-bar-site-editor {
  display: none;
}

/* rules for mobile thru tablet  */
@media only screen and (min-width: 320px) and (max-width: 1023px) {
  main {
    margin-top: calc(var(--header-height) + var(--header-margin-bottom));
  }
}

@media only screen and (min-width: 320px) and (max-width: 821px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) {
    flex-wrap: wrap !important;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
}

/* stuff for mobile only */
@media only screen and (max-width: 767px) {
}