/*
Theme Name: Finley
Theme URI: https://wproyal.com/finley/
Author: WP Royal
Author URI: https://wproyal.com
Description: The perfect WordPress Theme for Business Blogs. Finley makes it easy for you to create a professional and polished online presence for your business. It is designed to be simple and easy to use, making it perfect for both beginners and experienced bloggers alike. The two-column block layout allows you to display your content in a clear and concise way, while the responsive design ensures that your site will look great on any device. Customization is a breeze with Finley. You can easily change the colors, fonts, and layout of your site using the intuitive WordPress Customizer. And best of all, you don't need any coding knowledge to get started! Installing Finley is quick and easy. Simply upload the theme files to your WordPress site, activate the theme, and you're ready to go. With its user-friendly interface and powerful features, Finley is the perfect choice for anyone looking to create a professional and engaging business blog.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: finley
Tags: blog, grid-layout, custom-colors, custom-header, editor-style, flexible-header, footer-widgets, right-sidebar, two-columns, custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, theme-options, sticky-post

/* =========================
   Categories: shared reset
========================= */
.wp-block-categories {
    margin:0.4rem 0;
    padding: 0;
    list-style: none;
    li{
      padding: 0.5rem 0;
      border-bottom: 1px solid var(--wp--preset--color--custom-border);
    }
}

.wp-block-post-content.entry-content a:hover {
    text-decoration: underline;
}
.wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:hover {
    color: var(--wp--preset--color--primary-color);
}

.wp-block-comment-author-name a{
    font-size: var(--wp--preset--font-size--custom-8);
}

.wp-block-post-author__byline{
    font-size: 0.90rem;
}
/* Post Bio */
.wp-block-post-author__bio{
    font-size: var(--wp--preset--font-size--custom-9);
}
/* Post Bio */


/* Featured Image Hover */

.wp-block-post-featured-image{
    overflow: hidden;
}

.wp-block-post-featured-image a,
.wp-block-post-featured-image a img{
    transition: all 0.3s ease-in-out;
}

.wp-block-post-featured-image a:hover img{
    transform: scale(1.05);
}

.wp-block-post-featured-image img{
    object-position: top;
}

/* End Featured Image Hover */



/* -------------------------------------------------
   Quotes: Blockquote, Pullquote, Verse (Gutenberg)
   Works in posts + pages
-------------------------------------------------- */

/* Base blockquote */
.wp-block-quote,
blockquote {
  position: relative;
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-left: 4px solid currentColor;
  border-radius: 12px;
  background: color-mix(in srgb, currentColor 6%, transparent);
}

.wp-block-quote p,
blockquote p {
  margin: 0;
  font-size: 1.1em;
  line-height: 1.6;
}

.wp-block-quote p + p,
blockquote p + p {
  margin-top: 0.85em;
}

/* Citation */
.wp-block-quote cite,
.wp-block-quote__citation,
blockquote cite {
  display: block;
  margin-top: 0.9rem;
  font-style: normal;
  opacity: 0.75;
  font-size: 0.95em;
}

/* Optional quote mark (subtle) */
.wp-block-quote::before,
blockquote::before {
  content: "“";
  position: absolute;
  top: -0.35rem;
  left: 0.85rem;
  font-size: 3rem;
  line-height: 1;
  opacity: 0.25;
}

/* Large style blockquote (Gutenberg style: is-style-large) */
.wp-block-quote.is-style-large {
  padding: 1.75rem 1.75rem;
  border-left-width: 6px;
}

.wp-block-quote.is-style-large p {
  font-size: 1.25rem;
  line-height: 1.5;
}

/* -------------------------------------------------
   Pullquote
-------------------------------------------------- */
.wp-block-pullquote {
  margin: 2.5rem 0;
  padding: 1.75rem 1.75rem;
  border: 0;
  border-radius: 16px;
  background: color-mix(in srgb, currentColor 8%, transparent);
}

.wp-block-pullquote blockquote {
  margin: 0;
  padding: 0;
  border-left: 0;
  background: transparent;
}

.wp-block-pullquote p {
  margin: 0;
  font-size: 1.25rem;
  text-align: center;
}

.wp-block-pullquote cite,
.wp-block-pullquote__citation {
  margin-top: 1rem;
  display: block;
  text-align: center;
  font-style: normal;
  opacity: 0.75;
  font-size: 0.95em;
}

/* Solid color pullquote (if you use background color controls) */
.wp-block-pullquote.has-background {
  background: inherit;
}

/* -------------------------------------------------
   Verse (poetry / lyrics formatting)
-------------------------------------------------- */
.wp-block-verse {
  margin: 2rem 0;
  padding: 1.25rem 1.5rem;
  border-radius: 12px;
  background: color-mix(in srgb, currentColor 5%, transparent);
  border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
  white-space: pre-wrap; /* keeps verse line breaks */
  line-height: 1.8;
}

/* -------------------------------------------------
   Dark mode friendly tweaks (if your theme uses dark bg)
-------------------------------------------------- */
@media (prefers-color-scheme: dark) {
  .wp-block-quote,
  blockquote,
  .wp-block-pullquote,
  .wp-block-verse {
    background: color-mix(in srgb, currentColor 10%, transparent);
  }
}


/* Navigation */

@media (min-width: 600px){
    ul.wp-block-navigation ul.wp-block-page-list{
        row-gap: 10px;
    }
    ul.wp-block-navigation li{
        padding: 5px 0;
    }
    ul.wp-block-navigation li ul li{
        padding: 0;
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
        box-shadow: 0px 0px 26px -5px rgba(0, 0, 0, 0.2);
        transform: translateY(20px);
        transition: all 0.2s ease-in-out;
    }
    .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container,
    .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container{
        transform: translateY(0);
    }
    .wp-block-navigation .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{
        left: 100% !important;
    }
}

@media (max-width: 599px){
    .wp-block-navigation__responsive-container-content,
    .wp-block-navigation__responsive-container-content ul,
    .wp-block-navigation__responsive-container-content ul li{
        align-items: center !important;
    }

    .wp-block-navigation__responsive-dialog{
        margin-top: 10px !important;
    }

    ul.wp-block-navigation li a{
        padding: 5px 10px !important;
    }

    ul.wp-block-navigation,
    ul.wp-block-navigation li,
    ul.wp-block-navigation li ul{
        gap: 10px !important;
        padding: 0 !important;
    }
}

/* End Navigation */


/* Header Search */

header :where(.wp-block-search__input){
    height: 35px;
}
header .wp-block-search.wp-block-search__button-only .wp-block-search__button{
    padding: 5px;
}

/* End Header Search */


/* Social Icons */

.wp-block-social-links.has-small-icon-size a{
    font-size: 18px;
}

/* End Social Icons */


/* Search Page*/

.search .wp-block-post .wp-block-columns{
    height: 100% !important;
}

/* End Search Page */


/* Button Hover */

.wp-element-button{
    transition: background-color 0.2s ease-in-out;
}

.wp-element-button:hover{
    background-color: var(--wp--preset--color--accent-grey);
}
.wp-block-button.is-style-outline .wp-element-button:hover{
    background: transparent;
    color: var(--wp--preset--color--accent-grey) !important;
}

/* End Button Hover */

/* Pagination */

.wp-block-query-pagination, 
.wp-block-query-pagination-numbers,
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-next{
    display: flex;
    gap: 10px !important;
    flex-wrap: wrap;
    justify-content: center;
}

.wp-block-query-pagination .is-arrow-arrow{
    margin: 0;
}

.wp-block-query-pagination a,
.page-numbers {
    padding: 4px 15px;
    border: 1px solid var(--wp--preset--color--custom-dark);
    color: var(--wp--preset--color--custom-dark) !important;
    transition: background-color 0.2s ease-in-out;
}

.wp-block-query-pagination a:hover,
.page-numbers:hover {
    background: var(--wp--preset--color--custom-dark);
    color: var(--wp--preset--color--custom-reverse) !important;
}

.page-numbers.current,
.wp-block-query-pagination .current {
    background: var(--wp--preset--color--custom-dark);
    color: var(--wp--preset--color--custom-reverse) !important;
    cursor: default;
}

.page-numbers.dots {
    border: 0;
    background: transparent;
    padding: 4px;
}
.page-numbers.dots:hover{
    background: none;
    color: var(--wp--preset--color--custom-dark) !important;
}

/* End Pagination */

/* Hide empty column */
.wp-block-column:not(:has(*)) {
    display: none;
}

/* Column AFTER empty column */
.wp-block-column:not(:has(*)) + .wp-block-column {
    flex: 1 1 0 !important;
}
.wp-block-column:not(:has(*)) + .wp-block-column .wp-block-group.is-vertical{
    padding: 0 !important;
}

/* Column BEFORE empty column */
.wp-block-columns:has(.wp-block-column:not(:has(*)))
> .wp-block-column:has(+ .wp-block-column:not(:has(*)) {
    flex: 1 1 0 !important;
}
.wp-block-columns:has(.wp-block-column:not(:has(*)))
> .wp-block-column:has(+ .wp-block-column:not(:has(*)) .wp-block-group.is-vertical{
    padding: 0 !important;
}