/*
Theme Name: Landing Page Block
Author: Hamid Azad
Author URI: https://github.com/hamidhosenazad/ 
Text Domain: landing-page-block
Requires at least: 5.9
Requires PHP: 7.4
Tested up to: 6.2
Version: 1.0.5
Description: The Landing Page block theme is an FSE (Full Site Editing) theme specially designed for landing pages and agencies.
Tags: block-styles,full-site-editing,featured-images
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/* Styles intended only for the front.*/
html {
  scroll-behavior: smooth;
}


@media screen and (prefers-reduced-motion: reduce) {

  html {
    scroll-behavior: auto;
  }
}

.is-style-landing-page-block-feature-heading {
  color: var(--wp--preset--color--secondary) !important;
  font-size: var(--wp--preset--font-size--x-large) !important;
  font-family: var(--wp--preset--font-family--montserrat);
}

.is-style-landing-page-block-hero-heading {
  color: var(--wp--preset--color--quaternary) !important;
  font-size: var(--wp--preset--font-size--xx-large) !important;
  font-family: var(--wp--preset--font-family--montserrat);
}

.is-style-landing-page-block-footer-heading {
  color: var(--wp--preset--color--secondary) !important;
  font-size: 6rem !important;
  font-family: var(--wp--preset--font-family--montserrat);
}

.is-style-landing-page-block-nav-flat-button a {
  border-radius: 0 !important;
  background-color: transparent;
  font-family: var(--wp--preset--font-family--montserrat);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  margin: 0;
  padding: 0;
}



.is-style-landing-page-block-sticky-button  a{
  background-color: #000;
  font-size: 22px !important;
  line-height: 24px;
  width: 91px;
  height: 60px;
  
}
.is-style-landing-page-block-sticky-button  {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  cursor: pointer;
}



.is-style-landing-page-block-nav-flat-button a:hover {
  text-decoration: underline;
}

.is-style-landing-page-block-crimson-flat-button a::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f0e0" !important;
  margin-right: 5px !important;
}

.is-style-landing-page-block-crimson-round-button a::before {
  font-family: "Font Awesome 5 Free" !important;
  content: "\f144" !important;
  margin-right: 5px !important;
}

.is-style-landing-page-block-crimson-flat-button a {
  border-radius: 0 !important;
  background-color: var(--wp--preset--color--quaternary);
  letter-spacing: .5em;
  font-family: var(--wp--preset--font-family--montserrat);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;

}

.is-style-landing-page-block-crimson-round-button a {

  background-color: var(--wp--preset--color--quaternary);
  letter-spacing: .5em;
  font-family: var(--wp--preset--font-family--montserrat);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;
  text-align: center;
  line-height: 24px;
  text-decoration: none;
}

.is-style-landing-page-block-white-flat-button a {
  border-radius: 0 !important;
  background-color: var(--wp--preset--color--secondary);
  letter-spacing: .5em;
  font-family: var(--wp--preset--font-family--montserrat);
  font-size: var(--wp--preset--font-size--small);
  font-weight: 600;

}

.is-style-landing-page-block-crimson-flat-button a:hover {
  background-color: var(--wp--preset--color--primary);
}

.is-style-landing-page-block-crimson-round-button a:hover {
  background-color: var(--wp--preset--color--primary);
}

.is-style-landing-page-block-white-flat-button a:hover {
  background-color: var(--wp--preset--color--primary);
  color: var(--wp--preset--color--secondary) !important;
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* Adjust font size for smaller screens */
@media screen and (max-width: 768px) {
  .is-style-landing-page-block-hero-heading {
    font-size: 6rem !important;
  }
  .is-style-landing-page-block-footer-heading {
    font-size: 3rem !important;
  }
  .is-style-landing-page-block-feature-heading {
    font-size: 2rem !important;
  }
}

/* Adjust font size for even smaller screens */
@media screen and (max-width: 480px) {
  .is-style-landing-page-block-hero-heading {
    font-size: 4rem !important;
  }
  .is-style-landing-page-block-footer-heading {
    font-size: 2rem !important;
  }
  .is-style-landing-page-block-feature-heading {
    font-size: 1rem !important;
  }
}