/*
Theme Name: Pediatric Dentistry of Reston
Theme URI: 
Author: Sara Chandlee
Author URI: 
Description: A custom block theme for Pediatric Dentistry of Reston
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: frost
Text Domain: pediatric-dentistry-of-reston
Tags: 
*/
.site-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
}
.site-header p a,
.site-header .is-style-outline,
.site-header .wp-block-navigation__responsive-container-open {
  color: white;
}
.site-header nav .is-style-outline {
  color: var(--wp--preset--color--contrast);
}
.site-header.scroll {
  background: var(--wp--preset--color--custom-yellow);
  transition: background-color 500ms linear;
}
.site-header.scroll p a,
.site-header.scroll .is-style-outline,
.site-header.scroll .wp-block-navigation__responsive-container-open {
  color: var(--wp--preset--color--contrast);
}

.admin-bar .site-header {
  top: 32px;
}

main .wp-block-cover:first-child {
  padding-top: 100px;
}

.wp-block-navigation__responsive-container-close,
.wp-block-navigation__responsive-container-open {
  border: 0;
}

.wp-block-navigation__responsive-container-close svg,
.wp-block-navigation__responsive-container-open svg {
  width: 40px;
  height: 40px;
}
.wp-block-navigation__responsive-container-close svg rect,
.wp-block-navigation__responsive-container-open svg rect {
  height: 1px;
}

.show-on-mobile {
  display: none !important;
}

.wp-block-post-template li {
  background: white;
  border-radius: 20px;
}

.rel-container {
  position: relative;
}

/* Cami Accent */
.cami {
  position: absolute;
  bottom: -30px;
  left: -50px;
  max-width: 200px;
}

.high-z {
  position: relative;
  z-index: 1;
}

@media (max-width: 800px) {
  .hide-on-mobile {
    display: none !important;
  }
  .show-on-mobile {
    display: block !important;
  }
  .cami {
    max-width: 150px;
  }
}