/*
Theme Name: Overblocks
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Overblocks serves as the child theme of FotaWP, inheriting all the features of FotaWP. It has been designed for the multipupose site builder and offers block-based full site editing capabilities.  It's minimal and clean design allows users to create various types of agency website, startup, freelancer, coaching, public speakers, social media influencer, digital media and tech industry, seo business and digital marketing agency, tech company, counselling, consulting any other kind of cooperative business site and more.
Template: fotawp
Version: 1.0.2
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: overblocks
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
*/

nav.wp-block-navigation ul li a:hover,
.wp-block-button.is-style-outline a:hover {
  color: var(--wp--preset--color--primary) !important;
}
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
  text-decoration: underline;
}
.wp-block-navigation .wp-block-navigation__responsive-container-content {
  padding-left: 20px;
}


/* HRT accessibility and responsive navigation refinements. */
:where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid #d7a52c !important;
  outline-offset: 3px !important;
}

@media (max-width: 900px) {
  .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none;
  }

  .wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: flex;
  }
}

@media (max-width: 600px) {
  .wp-block-site-title {
    font-size: clamp(0.92rem, 4vw, 1.12rem) !important;
    line-height: 1.25 !important;
  }
}
/*
Theme Name: Overblocks
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Overblocks serves as the child theme of FotaWP, inheriting all the features of FotaWP. It has been designed for the multipupose site builder and offers block-based full site editing capabilities.  It's minimal and clean design allows users to create various types of agency website, startup, freelancer, coaching, public speakers, social media influencer, digital media and tech industry, seo business and digital marketing agency, tech company, counselling, consulting any other kind of cooperative business site and more.
Template: fotawp
Version: 1.0.2
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: overblocks
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, e-commerce, full-site-editing, block-patterns, full-width-template, rtl-language-support, threaded-comments, translation-ready, block-styles, wide-blocks
*/

nav.wp-block-navigation ul li a:hover,
.wp-block-button.is-style-outline a:hover {
  color: var(--wp--preset--color--primary) !important;
}
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
  text-decoration: underline;
}
.wp-block-navigation .wp-block-navigation__responsive-container-content {
  padding-left: 20px;
}

/* Keep the page title and root content visually aligned in Gutenberg.
 * Frontend layout is unaffected because these selectors only exist in the editor. */
.editor-styles-wrapper .editor-visual-editor__post-title-wrapper,
.editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper,
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
  width: calc(100% - 64px);
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 600px) {
  .editor-styles-wrapper .editor-visual-editor__post-title-wrapper,
  .editor-styles-wrapper .edit-post-visual-editor__post-title-wrapper,
  .editor-styles-wrapper .block-editor-block-list__layout.is-root-container {
    width: calc(100% - 32px);
  }
}