/*
 Theme Name:     Crawford Design Group
 Theme URI:      https://crawforddesigngp.com/themes/cdg-custom
 Description:    A professionally engineered child theme designed specifically for you. This theme includes enhanced functionality, custom modules, and optimized performance features to deliver exceptional website experiences. For support or questions, please contact support@crawforddesigngp.com.
 Author:         Crawford Design Group
 Author URI:     https://crawforddesigngp.com
 Template:       Divi
 Version:        3.0.0
 Requires at least: 6.0
 Tested up to: 6.4
 Requires PHP: 7.4
 License:        GNU General Public License v2 or later
 License URI:    https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:    cdg-custom
 Domain Path:    /languages
*/

/* ==========================================================================
   Base Styles
   ========================================================================== */

/* Note: Additional styles are handled via wp_add_inline_style() for better performance */

/* ==========================================================================
   Responsive Design
   ========================================================================== */

/* Tablets in landscape mode */
@media only screen and (min-width: 980px) and (max-width: 1080px) {
    /* Add tablet landscape specific styles here */
}

/* Tablets in portrait mode */
@media only screen and (min-width: 768px) and (max-width: 980px) {
    /* Add tablet portrait specific styles here */
}

/* Mobile devices */
@media only screen and (max-width: 767px) {
    /* Add mobile specific styles here */
}

/* Mobile devices in portrait mode */
@media only screen and (max-width: 767px) and (orientation: portrait) {
    /* Add portrait mobile specific styles here */
}

/* ==========================================================================
   Utility Classes
   ========================================================================== */

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}