/*
Theme Name: Circle Photography
Author: CozyThemes
Author URI: https://cozythemes.com/
Description: Circle Photography is a specialized child theme of FotaWP, designed with the needs of photographers and visual artists in mind. Inheriting all the powerful features of FotaWP, it offers a clean and elegant design tailored for showcasing photography portfolios, creative studios, and visual content websites. With its block-based full site editing capabilities, Circle Photography allows users to craft stunning, image-centric websites with ease. Whether you're a professional photographer, a freelance artist, or a visual storyteller, Circle Photography provides the perfect canvas to display your work beautifully and effectively.
Template: fotawp
Version: 1.0.2
Requires at least: 5.9
Tested up to: 6.6
Requires PHP: 7.0
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: circle-photography
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;
}
.wp-block-cover.fotawp-cover-hover:hover .wp-block-cover__background {
  background-color: var(--wp--preset--color--secondary) !important;
}
.wp-block-social-links .wp-social-link svg {
  width: 35px !important;
  height: 35px !important;
}
footer .wp-block-social-links .wp-social-link svg {
  width: 20px !important;
  height: 20px !important;
}
.entry-content.wp-block-post-content a,
.wp-block-comment-content a,
p a {
  text-decoration: underline;
}
html {
    scroll-behavior: smooth;
}
.has-border-color {
  color: #ACACAC !important;
}
.wpcf7-form-control.has-spinner.wpcf7-submit {
  color: #FFF;
}
.wpcf7-form-control {
  border: 1px solid #ccc !important;
  color: #CCC;
}
.wp-block-cover__image-background.has-parallax {
    background-attachment: fixed !important;
    background-size: cover !important;
}

@media (max-width: 768px) {
    .wp-block-cover__image-background.has-parallax {
        background-attachment: scroll !important;
    }
}

.wp-block-navigation__container {
  gap: 24px !important;
}
:root :where(.is-layout-flex) {
  gap: 0 !important;
}
.wp-block-navigation__responsive-container-content{
  padding-right: 20px !important;
  color: #FFFFFF;
}