/*
Theme Name: Macnoc WP Theme
Author: 
Author URI: 
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: macnoc-wp-theme
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 100.0

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

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

@media screen and (prefers-reduced-motion: reduce) {
  .wp-block-button a:hover,
  .wp-block-button button:hover{
    filter: none !important;
    scale: 1 !important;
    transition: none !important;
  }
}

@media (prefers-color-scheme: dark) {
  :root {

    
  }
}

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

.wp-block-navigation__responsive-container.is-menu-open {
  padding: var(--wp--preset--spacing--60) !important;
}

.wp-block-navigation__submenu-icon{
  margin-top: -.3rem !important;
}

.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container{
  padding-top: var(--wp--preset--spacing--20) !important;
  padding-bottom: var(--wp--preset--spacing--20) !important;
  border-top: solid 5px var(--wp--preset--color--primary) !important;
  border-radius: 0.6em !important;
}

/* Override the default styles for the responsive container */

/* Main menu */
@media (max-width: 870px) {
  .main-menu .wp-block-navigation__responsive-container-open {
    display: block !important;
  }

  .main-menu .wp-block-navigation__responsive-container-close {
    display: block !important;
  }

  .main-menu .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
}

@media (min-width: 871px) {
  .main-menu .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
  .main-menu .wp-block-navigation__responsive-container {
    display: flex !important;
  }
}

/* Docs menu */
.docs-menu .current-menu-item{
	font-weight: bold;
}
@media (max-width: 781px) {
  .docs-menu .wp-block-navigation__responsive-container-open {
    display: block !important;
  }

  .docs-menu .wp-block-navigation__responsive-container-close {
    display: block !important;
  }

  .docs-menu .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
}

@media (min-width: 782px) {
  .docs-menu .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
  .docs-menu .wp-block-navigation__responsive-container {
    display: flex !important;
  }
}

.m-w-auto {
  max-width: 1340px !important;
}

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

.m-rounded,
.m-rounded img{
  border-radius: 0.5rem !important;
  overflow: hidden !important;
}


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

.m-mobile-logo{
  width: 110px !important;
}

.m-text-muted {
  color: var(--wp--preset--color--custom-text-light) !important;
}
  

.service svg *{
  fill: var(--wp--preset--color--custom-bg-1) !important;
}

.section svg{
  width: 2rem;
}

.m-docs-menu a{
  padding-left: 1rem !important;
}

.m-docs-parent a {
  padding-left: 0 !important;
}
.m-shop-icon {
  width: 3rem !important;
  height: 3rem !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.m-avatar img{
  border-radius: 50% !important;
}

.m-logo a img{
  height: 49px !important;
  width: auto !important;
}

.wp-block-button a:hover,
.wp-block-button button:hover{
  filter: brightness(0.8) !important;
  transition: filter 0.2s ease-in-out !important;
}

.wp-block-button a:active,
.wp-block-button button:active{
  filter: brightness(0.7) !important;
  scale: 0.98 !important;
  transition: filter 0.2s ease-in-out, scale 0.1s ease-in-out !important;
}

.wp-block-gutena-form-field{
  border-radius: 0.6em !important;
  overflow: hidden !important;
}