/*
CTC Separate Stylesheet
Updated: 2024-09-21 21:25:33
Theme Name: Keepers Custom Theme
Theme URI: https://keepers.club
Template: twentytwenty
Author: Keepers
Author URI: https://keepers.club
Description: The Keepers Custom Theme is built on the Twenty Twenty theme with custom enhancements for an elegant and modern look. It is tailored to fit the needs of our retainer club, providing users with an optimal experience across devices. With improved typography, custom colors, and enhanced accessibility features, this theme ensures a visually appealing and user-friendly design.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns, block-styles, wide-blocks, accessibility-ready
Version: 2.7.1726946733
*/




.wp-block-button__link.wp-element-button {
    background-color: #000000; /* Black background */
    color: #ffffff; /* White text */
    border-radius: 10px; /* 10px border radius */
    padding: 10px 20px; /* Optional: adjust padding for better spacing */
    text-align: center; /* Ensures button text is centered */
    display: inline-block; /* Keep it as an inline block for better formatting */
}

.wp-block-button__link.wp-element-button:hover {
    background-color: #333333; /* Darker background on hover (optional) */
    color: #ffffff; /* Maintain white text on hover */
}

.entry-title {
    text-align: center;
    padding-top: 5px !important;
	padding-bottom: 5px !important;/* Adds 40px space from the top */
    margin-top: 60px !important; /* Ensures there is no conflicting margin */
}

.entry-title {
    text-align: center;
    padding: 15px 30px;
    margin-top: 60px !important;
    width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 20px;
    border: 2px solid #000000;
    background-color: #E4E4DC;
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    font-weight: bold;
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .entry-title {
        width: 80%; /* For mobile, set the width to 80% */
        font-size: 24px; /* Optionally reduce the font size on mobile */
    }
}