/*
Theme Name: CoreLite Blocks
Theme URI: https://anonymousolix.github.io/corelite-themes/corelite-blocks/
Description: A lightweight block theme with full site editing support, simple global styles, and starter patterns.
Version: 1.1.1
Author: CoreLite Themes
Author URI: https://anonymousolix.github.io/corelite-themes/
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: corelite-blocks
Requires at least: 6.6
Tested up to: 6.9
Requires PHP: 7.4
Tags: blog, block-patterns, block-styles, custom-logo, featured-images, full-site-editing, threaded-comments, translation-ready
*/

/* Copyright (C) 2026 CoreLite Themes */

.wp-site-blocks {
	min-height: 100vh;
}

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

.screen-reader-text:focus {
	top: 1rem;
	left: 1rem;
	z-index: 100000;
	width: auto;
	height: auto;
	padding: 0.75rem 1rem;
	margin: 0;
	clip: auto !important;
	background: #111111;
	color: #ffffff;
}

.wp-block-post-template {
	list-style: none;
	padding-left: 0;
}

.wp-block-post-template > li {
	margin-bottom: 0;
}

.wp-block-navigation__responsive-container-content {
	align-items: center;
}
@import url('https://fonts.googleapis.com/css2?family=Impact&family=Oswald:wght@400;700&family=Roboto:wght@400;700&display=swap');

.f2f-card-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
    width: 100%;
}
.f2f-card-wrapper .business-card {
    width: 650px;
    height: 380px;
    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
    color: #ffffff;
    padding: 30px;
    box-sizing: border-box;
    display: flex;
    border-radius: 8px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    font-family: 'Oswald', sans-serif !important;
}
.f2f-card-wrapper .business-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: repeating-linear-gradient(-45deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.03) 2px, transparent 2px, transparent 8px);
    pointer-events: none;
}
.f2f-card-wrapper .left-col {
    flex: 1.2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.05); padding-right: 20px; z-index: 1;
}
.f2f-card-wrapper .logo-placeholder {
    width: 140px; height: 110px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; border: 2px dashed #e52d27; color: #e52d27; font-size: 14px;
}
.f2f-card-wrapper .brand-name {
    font-family: 'Impact', 'Arial Black', sans-serif !important; font-size: 38px !important; letter-spacing: 1px; margin: 5px 0 !important; color: #ffffff !important; line-height: 1.2;
}
.f2f-card-wrapper .client-name {
    font-size: 28px !important; font-weight: 700; color: #e52d27 !important; margin: 0 !important; letter-spacing: 0.5px;
}
.f2f-card-wrapper .divider-line {
    width: 100%; height: 4px; background-color: #e52d27; margin: 12px 0; box-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.f2f-card-wrapper .tagline-bottom {
    font-size: 16px; letter-spacing: 5px; text-transform: uppercase; color: #cccccc; margin-top: 5px;
}
.f2f-card-wrapper .right-col {
    flex: 1.3; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; text-align: right; padding-left: 20px; z-index: 1;
}
.f2f-card-wrapper .motto {
    font-size: 24px !important; font-weight: 700; color: #ffffff; margin-bottom: 20px; font-family: 'Impact', sans-serif !important; letter-spacing: 0.5px;
}
.f2f-card-wrapper .services {
    font-size: 18px; color: #dddddd; margin-bottom: 25px; line-height: 1.6;
}
.f2f-card-wrapper .services p {
    margin: 4px 0 !important; color: #dddddd !important;
}
.f2f-card-wrapper .red-dash {
    width: 35px; height: 3px; background-color: #e52d27; margin-bottom: 20px; align-self: flex-end;
}
.f2f-card-wrapper .contact-info {
    font-family: 'Roboto', sans-serif !important; font-size: 16px; line-height: 1.5;
}
.f2f-card-wrapper .phone {
    font-weight: bold; letter-spacing: 0.5px; margin-bottom: 4px;
}
.f2f-card-wrapper .email {
    color: #ffffff !important; text-decoration: none;
}