/*
Theme Name: CT
Theme URI: 
Author: Nicole Logan | Hey Daisy Design
Author URI: https://nicolelogan.dev
Description: A custom theme built for conradtarasuk.ca
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ct
*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

footer {
  margin: 0 0.625rem;
}

footer p {
  opacity: 60%;
}

figure.hero-photo {
  width: 25%;
  height: auto;
  max-width: none;
  margin: 20px;
}

.hero-text {
  width: 75%;
  height: auto;
}

.sidebar-desktop {
  height: 100vh;
  overflow: auto;
  position: sticky;
  top: 0;
}

.about-photo {
  width: 250px;
  height: auto;
}

.about-text {
  width: 50%;
  height: auto;
}

@media (max-width: 768px) {
  .wp-block-spacer {
    display: none;
  }

  figure.hero-photo {
    display: flex;
    align-items: center;
    width: auto;
    height: auto;
    margin: 0 auto;
  }

  .hero-text {
    width: 100%;
    height: auto;
  }

  .hero-stack,
  .about-stack {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
  }

  .sidebar-desktop {
    height: auto;
    position: relative;
  }

  nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .nav-logo {
    display: flex;
    float: left;
    max-width: 100px;
  }

  .nav-mobile {
    display: flex;
    float: right;
  }
}