@charset "UTF-8";
/*
Theme Name: Calm Classroom Landing
Theme URI: https://helpgood.com
Author: Drew Matamales for HelpGood
Author URI: https://helpgood.com
Description: Starter theme for HelpGood web projects. Based upon the Automattic Block Canvas theme.
Requires at least: 6.0
Tested up to: 6.4.3
Requires PHP: 5.7
Version: 1.0.6 (Block Canvas 0.0.30)
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: calm-classroom-landing
Tags: one-column, wide-blocks, block-patterns, block-styles, custom-colors, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, full-width-template, rtl-language-support, theme-options, threaded-comments, translation-ready
*/
/* Functions & Variables
--------------------------------------------- */
/* Variables
--------------------------------------------- */
/* Mixins
--------------------------------------------- */
/* Normalize
--------------------------------------------- */
/* WordPress-specific files
--------------------------------------------- */
/* Block Canvas Theme
--------------------------------------------- */
/*
Theme Name: Block Canvas
Theme URI: https://github.com/Automattic/themes/tree/trunk/block-canvas
Author: Automattic
Author URI: https://automattic.com/
Description: Block Canvas is a simple theme that supports full-site editing. It comes with a set of minimal templates and design settings that can be manipulated through Global Styles. Use it to build something beautiful.
Requires at least: 6.0
Tested up to: 6.0
Requires PHP: 5.7
Version: 0.0.30
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: block-canvas
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, theme-options, threaded-comments, translation-ready, wide-blocks

Block Canvas WordPress Theme, (C) 2022 Automattic, Inc.
Block Canvas is distributed under the terms of the GNU GPL.

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
*/
/*
 * Control the hover stylings of outline block style.
 * Unnecessary once block styles are configurable via theme.json
 * https://github.com/WordPress/gutenberg/issues/42794
 */
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-background):hover {
  background-color: var(--wp--preset--color--secondary);
  color: var(--wp--preset--color--base);
  border-color: var(--wp--preset--color--secondary);
}

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
  text-decoration-thickness: 0.0625em !important;
  text-underline-offset: 0.15em;
}

/* HelpGood WordPress Modifications
--------------------------------------------- */
body:not(.editor-styles-wrapper) {
  background-color: var(--wp--preset--color--primary);
}
body:not(.editor-styles-wrapper) .wp-site-blocks {
  background-color: var(--wp--preset--color--base);
}

/*
 * Style external links
 * https://stackoverflow.com/a/5379820/1709484
**/
a[href]:not(:where([href^="#"],
[href^="tel:"],
[href^="mailto:"],
[href^="http://maps.apple.com/"],
[href^="/"]:not([href^="//"]),
[href*="//calm.manta"],
[href*="calmclassroom.com"],
[href*="helpgood.com"],
.wp-block-social-link-anchor)):after {
  content: " \f35d";
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  text-decoration: none !important;
}

a:where(:not(.wp-element-button)):after {
  font-size: 75%;
}

.wp-block-image > a:after {
  display: none;
}

body .is-layout-constrained > * + * {
  margin-block-start: 0;
}

body > .wp-site-blocks {
  padding-top: 0;
  padding-bottom: 0;
}

body > .wp-site-blocks > header + main {
  margin-block-start: 0;
}

li {
  margin-bottom: 0;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
  padding-bottom: 0.5em;
}

.wp-block-social-links.is-style-logos-only .wp-social-link {
  transition: 0.15s all;
}

.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
  margin-top: -1px;
  transform: scale(0.95);
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook:hover {
  transform: scale(1.05);
}

.wp-site-blocks *[style*="margin-top:0"]:not([style*="margin-top:0."]) {
  margin-top: 0 !important;
}
.wp-site-blocks *[style*="margin-right:0"]:not([style*="margin-right:0."]) {
  margin-right: 0 !important;
}
.wp-site-blocks *[style*="margin-bottom:0"]:not([style*="margin-bottom:0."]) {
  margin-bottom: 0 !important;
}
.wp-site-blocks *[style*="margin-left:0"]:not([style*="margin-left:0."]) {
  margin-left: 0 !important;
}
.wp-site-blocks *[style*="margin:0"]:not([style*="margin:0."]) {
  margin: 0 !important;
}

body.editor-styles-wrapper .wp-block-post-excerpt__more-text {
  display: none;
}

/* Content modifications
--------------------------------------------- */
/* Navigation
--------------------------------------------- */
/* Posts and Pages
--------------------------------------------- */
header.wp-block-template-part {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

footer.wp-block-template-part,
.hg-faux-footer {
  margin-top: 0 !important;
}
footer.wp-block-template-part a:not(.wp-block-social-link-anchor),
.hg-faux-footer a:not(.wp-block-social-link-anchor) {
  text-decoration: none;
}
footer.wp-block-template-part a:not(.wp-block-social-link-anchor):hover, footer.wp-block-template-part a:not(.wp-block-social-link-anchor):focus,
.hg-faux-footer a:not(.wp-block-social-link-anchor):hover,
.hg-faux-footer a:not(.wp-block-social-link-anchor):focus {
  text-decoration: underline;
}

/* Elements
--------------------------------------------- */
details.wp-block-details summary {
  font-weight: bold;
}
details.wp-block-details summary::marker {
  margin-right: 0.5em;
}

sup.fn a,
.wp-block-footnotes a {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
sup.fn a:before,
.wp-block-footnotes a:before {
  content: "";
  position: absolute;
  top: -7px;
  right: -10px;
  bottom: -7px;
  left: -10px;
}
sup.fn a:hover, sup.fn a:focus,
.wp-block-footnotes a:hover,
.wp-block-footnotes a:focus {
  text-decoration: underline;
}
sup.fn a:focus:before,
.wp-block-footnotes a:focus:before {
  outline: 1px dotted currentColor;
}

.wp-block-footnotes li {
  margin: 0.5em 0;
}

.hg-hero-cover span.wp-block-cover__background {
  background-image: url("assets/images/hero-video-overlay-2.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 20%;
  opacity: 1 !important;
  background-color: transparent !important;
}

.wp-block-separator.is-style-fat_line {
  border-bottom-width: 11px;
}

ul.is-style-checkmark_bullets {
  display: flex;
  flex-direction: column;
  gap: 1em;
}
ul.is-style-checkmark_bullets li {
  list-style-type: none;
  position: relative;
}
ul.is-style-checkmark_bullets li:before {
  content: "";
  position: absolute;
  background-image: url("assets/images/icon-checkmark.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  top: 0.4em;
  margin-right: 0.5em;
  left: -1.5em;
}

ul.is-style-white_checkmark_bullets li {
  list-style-type: none;
}
ul.is-style-white_checkmark_bullets li:before {
  content: "";
  background-image: url("assets/images/icon-checkmark-white.svg");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-bottom: -0.1em;
  margin-right: 0.5em;
  margin-left: -1.5em;
}
ul.is-style-white_checkmark_bullets li sup {
  font-size: 60%;
}

.is-style-with_lines {
  display: flex;
}
.is-style-with_lines.has-text-align-center:before, .is-style-with_lines.has-text-align-center:after {
  content: "";
}
.is-style-with_lines.has-text-align-left:after {
  content: "";
}
.is-style-with_lines.has-text-align-right:before {
  content: "";
}
.is-style-with_lines:before, .is-style-with_lines:after {
  display: block;
  flex: 1;
  border-bottom: 3px solid var(--wp--preset--color--secondary);
  margin-bottom: 0.65em;
}
.is-style-with_lines:before {
  margin-right: 1em;
}
.is-style-with_lines:after {
  margin-left: 1em;
}

.ways-to-get-started {
  background-size: contain !important;
  background-position: left center;
  background-repeat: no-repeat;
}

.hg-col-drop-shadow {
  box-shadow: 10px 13px 26px rgba(0, 0, 0, 0.16);
}

.hg-icon-column-text {
  flex: 1;
}

.hg-icon-columns {
  gap: clamp(2em, 10vw, 8.5rem);
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 782px) and (max-width: 900px) {
  .hg-icon-columns h3 {
    font-size: 1.5rem;
  }
}
.hg-icon-columns figure {
  width: 43px;
}
.skills-to-last-background,
.decision-back {
  position: relative;
}
.skills-to-last-background:before, .skills-to-last-background:after,
.decision-back:before,
.decision-back:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  pointer-events: none;
}

.decision-back:before {
  background-image: url("assets/images/decision-back-l.svg");
  background-position: left;
}
.decision-back:after {
  background-image: url("assets/images/decision-back-r.svg");
  background-position: right;
}

.wp-block-cover .wp-block-cover__inner-container .calm-benefits-circle {
  --circle-spacing: calc( var(--wp--preset--spacing--70) - var(--wp--preset--spacing--30) );
  --circle-width: calc(100% + ( var(--circle-spacing) * 2) );
  --circle-min-width: calc(320px + ( var(--circle-spacing) * 2) );
  aspect-ratio: 1/1;
  margin-left: calc(-1 * var(--circle-spacing)) !important;
  margin-right: calc(-1 * var(--circle-spacing)) !important;
  width: min(var(--circle-width), 583px);
  max-width: var(--circle-width);
  height: auto;
  position: absolute;
  top: 60%;
}
.wp-block-cover .wp-block-cover__inner-container .calm-benefits-circle ul,
.wp-block-cover .wp-block-cover__inner-container .calm-benefits-circle li {
  text-align: center;
}
.wp-block-cover .wp-block-cover__inner-container .calm-benefits-circle .is-vertical.is-layout-flex {
  height: 100%;
}
@media screen and (max-width: 370px) {
  .wp-block-cover .wp-block-cover__inner-container .calm-benefits-circle {
    border-radius: 0 !important;
  }
}
.editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container .calm-benefits-circle {
  top: auto;
  bottom: 0;
}

.hg-with-image-shape-1 {
  margin-top: -30vh !important;
  overflow-y: visible;
}
.editor-styles-wrapper .hg-with-image-shape-1 {
  margin-top: 0 !important;
}
.hg-with-image-shape-1 img {
  clip-path: url("#image-shape-1");
}

.hg-with-image-shape-2 {
  overflow-y: visible;
}
body:not(.editor-styles-wrapper) .hg-with-image-shape-2 {
  margin-top: 250px !important;
}
.hg-with-image-shape-2 .calm-benefits-circle-container {
  display: flex;
  justify-content: flex-end;
}
.hg-with-image-shape-2 img {
  clip-path: url("#image-shape-2");
}
.hg-video-constrain-height-to-viewport .wp-block-embed__wrapper {
  max-height: 90vh;
}

.skills-to-last-background:before {
  background-image: url("assets/images/pattern-1-left.svg");
  background-position: left;
}
.skills-to-last-background:after {
  background-image: url("assets/images/pattern-1-right.svg");
  background-position: right;
}

.section-peek-inside .wp-block-embed-youtube {
  margin-top: -80px;
}
.section-peek-inside .get-started-scroll-link-container img {
  width: 1em;
  margin-left: 0.5em;
}

.hg-signup-form-container {
  background-position: right bottom;
  background-size: contain !important;
  background-repeat: no-repeat;
}
.hg-signup-form-container form {
  display: flex;
  width: 572px;
  max-width: 100%;
  gap: 15px;
}
.hg-signup-form-container form input[type=email],
.hg-signup-form-container form input[type=submit] {
  border-radius: 10px;
  font-family: inherit;
  font-weight: bold;
  padding: 15px 15px;
}
.hg-signup-form-container form input[type=email] {
  border: 3px solid var(--wp--preset--color--secondary);
  color: inherit;
  background-color: white;
  font-size: 1.563rem;
  flex: 1;
}
.hg-signup-form-container form input[type=email]::placeholder {
  color: #D8D1D1;
}
.hg-signup-form-container form input[type=submit] {
  background-color: var(--wp--preset--color--secondary);
  color: white;
  font-size: 1.438rem;
  border: 0 none transparent;
  width: 163px;
}
@media screen and (max-width: 600px) {
  .hg-signup-form-container form {
    flex-direction: column;
  }
  .hg-signup-form-container form input[type=submit] {
    width: auto;
    flex: 1;
  }
}

.swiper-testimonials-container,
.swiper-container {
  overflow: hidden;
}

.swiper-slide {
  margin-block-start: 1.5rem !important;
}

.swiper-testimonials {
  width: 100%;
}
.swiper-testimonials cite {
  font-style: normal;
  display: block;
}
.swiper-testimonials cite:before {
  content: "";
  display: block;
  width: 2em;
  margin: 5em auto 1em;
  border-bottom: 5px solid var(--wp--preset--color--secondary);
}
.swiper-testimonials p {
  margin-top: 0;
}
.swiper-testimonials p:first-of-type:before {
  content: "“";
}
.swiper-testimonials p:last-of-type:after {
  content: "”";
}
.swiper-testimonials .wp-block-quote {
  border: 0 none transparent;
  padding: 0;
  margin: 0;
  padding-top: var(--wp--preset--spacing--70);
  padding-bottom: var(--wp--preset--spacing--70);
}
.swiper-testimonials .swiper-slide {
  width: 640px;
  max-width: 80vw;
  opacity: 0.25;
  transition: 0.2s opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.swiper-testimonials .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.editor-styles-wrapper .swiper-testimonials .swiper-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.editor-styles-wrapper .swiper-slide {
  outline: 2px dashed gray;
  counter-increment: slide;
  opacity: 1 !important;
}
.editor-styles-wrapper .swiper-slide:before {
  content: "Slide " counter(slide);
  opacity: 0.75;
  background: white;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 3px 7px;
}

/*# sourceMappingURL=style.css.map */