/*
Theme Name: Eric's Computers Classic
Description: Eric's Computers' familiar blue and gray design, rebuilt with editable WordPress blocks. Classic Appearance controls with block editing for pages.
Version: 1.0.0

Requires at least: 6.7
Requires PHP: 7.4
Text Domain: erics-computers-classic
*/

body { background-color: #e2e2e2; background-image: url('/wp-content/uploads/2016/01/erics-computer-concord-background.jpg'); background-repeat: repeat-x; background-position: center top; }
.wp-site-blocks { padding: 30px 16px 0; }
.ec-shell { max-width: 839px; margin-right: auto; margin-left: auto; }
.ec-header { position: relative; border-radius: 25px 25px 0 0; overflow: hidden; background: #f2f2f2; }
.ec-header .wp-block-image { margin: 0; }
.ec-header .wp-block-image img { width: 100%; height: auto; display: block; }
.ec-hero-slideshow { margin: 0 !important; gap: 0 !important; }
.ec-header .ec-hero-slideshow > .wp-block-image { display: none; width: 100% !important; margin: 0 !important; }
.ec-header .ec-hero-slideshow > .wp-block-image:first-child { display: block; }
.ec-header .ec-hero-slideshow.ec-ready > .wp-block-image { display: none; }
.ec-header .ec-hero-slideshow.ec-ready > .wp-block-image.ec-active { display: block; }
.ec-hero-slideshow img { width: 100%; aspect-ratio: 839/390; object-fit: cover; }
.ec-slider-control { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; border: 0; border-radius: 50%; background: rgba(0,0,0,.65); color: #fff; width: 34px; height: 34px; padding: 0; font: bold 25px/34px Arial,sans-serif; cursor: pointer; }
.ec-slider-control:focus-visible { outline: 3px solid #f25526; outline-offset: 2px; }
.ec-slider-prev { left: 10px; } .ec-slider-next { right: 10px; }
.ec-slider-toggle { top: auto; bottom: 8px; left: 10px; transform: none; border-radius: 4px; width: auto; height: auto; padding: 3px 8px; font: 12px/20px Arial,sans-serif; }
.editor-styles-wrapper .ec-header .ec-hero-slideshow > .wp-block-image { display: block; }
.ec-phone { position: absolute; top: 0; right: 8px; margin: 0 !important; padding: 6px 0; font-size: clamp(18px, 4.5vw, 40px); line-height: 1.3; font-weight: 700; font-family: 'Open Sans', Arial, sans-serif; }
.ec-phone a { color: #1f63ac; text-decoration: none; }
.ec-phone a:focus-visible { outline: 3px solid #f25526; outline-offset: 2px; }
.ec-navigation { background: linear-gradient(#dfdfdf,#dfdfdf 70%,#d3d3d3); box-shadow: 0 2px 25px #959595; min-height: 45px; position: relative; z-index: 2; margin: 0 !important; }
.ec-navigation .wp-block-navigation__container { gap: 0; width: 100%; justify-content: center; }
.ec-navigation .wp-block-navigation-item__content { display: block; padding: 14px 14px; border-right: 1px solid rgba(66,62,62,.16); color: #252660; font-size: 13px; line-height: 18px; }
.ec-navigation .wp-block-navigation-item__content:hover, .ec-navigation .wp-block-navigation-item__content:focus-visible { background: #f25526; color: #fff; }
.ec-navigation .wp-block-navigation__responsive-container.is-menu-open { background: #f2f2f2; color: #252660; }
.ec-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: stretch; }
.ec-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { border: 0; padding: 12px 20px; }
.ec-navigation .wp-block-navigation__responsive-container-open { padding: 12px 20px; }
.ec-page-content { margin-top: 0 !important; background: #f2f2f2 url('/wp-content/uploads/2016/01/erics-computers-concord-bg-body.png') no-repeat center bottom; border-radius: 0 0 25px 25px; box-shadow: 0 11px 10px rgba(105,103,103,.61); padding: 50px 40px 40px; position: relative; }
.ec-page-content .wp-block-post-content { margin-top: 0; }
.ec-page-content h1 { color: #1d68c4; font-family: 'Alegreya Sans SC', Arial, sans-serif; font-size: 40px; font-weight: 700; line-height: 1.3; margin: 0 0 24px; }
.ec-page-content h2 { font-family: 'Roboto Condensed', Arial, sans-serif; font-size: 26px; font-weight: 400; color: #851e14; line-height: 1.5; margin: 24px 0 20px; }
.ec-page-content h3 { font-family: 'Alegreya Sans SC', Arial, sans-serif; font-size: 30px; }
.ec-page-content p { line-height: 1.625; }
.ec-page-content figure img { max-width: 100%; height: auto; }
.ec-page-content .wp-block-columns { gap: 32px; }
.ec-page-content .wp-block-button__link { background: #063978; color: #fff; font-size: 15px; padding: 10px 20px; border-radius: 6px; }
.ec-page-content .wp-block-button__link:hover { background: #f25526; }
.ec-page-content :where(input:not([type='checkbox']):not([type='radio']):not([type='submit']),textarea,select) { max-width: 100%; box-sizing: border-box; }
.ec-page-content table { border-collapse: collapse; max-width: 100%; }
.ec-page-content td, .ec-page-content th { padding: 8px; border-top: 1px solid #ddd; }
.ec-page-content .alignleft { float: left; margin: 0 20px 15px 0; }
.ec-page-content .alignright { float: right; margin: 0 0 15px 20px; }
.ec-page-content::after { content: ''; display: table; clear: both; }
.ec-footer { max-width: 839px; margin: 30px auto 0; padding: 0 15px; color: #393939; }
.ec-footer .wp-block-image img { max-width: 100%; height: auto; }
.ec-footer .ec-copyright { background: #222; color: #bbb; font-family: Verdana, sans-serif; font-size: 11px; line-height: 1.5; padding: 10px 15px; margin: 20px -15px 0; }
.ec-footer a { color: #333; }
.ec-footer h3 { font-size: 13px; letter-spacing: 1px; text-transform: uppercase; font-family: 'Open Sans', Arial, sans-serif; }
/* Preserve legacy content presentation while individual pages are converted to native blocks. */
.ec-page-content #TestimonialsBox, .ec-page-content #PhotoGalleryBox, .ec-page-content #ContactUsBox, .ec-page-content .katb_test_box_basic { background: rgba(215,215,215,.5); border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 3px 15px -10px #000; padding: 20px; max-width: 100%; box-sizing: border-box; }
.ec-page-content .SmallBodyText { font-size: 12px; line-height: 22px; }
.ec-page-content .box { background: #063978; border-radius: 6px; padding: 10px 20px; }
.ec-page-content .box a { color: #fff; }
.ec-page-content .imgBox, .ec-page-content .imgBoxnews { width: 176px; height: 49px; margin-bottom: 10px; }
.ec-page-content .imgBox { background: url('/wp-content/uploads/2016/01/btn_01.jpg') no-repeat; }
.ec-page-content .imgBoxnews { background: url('/wp-content/uploads/2016/01/btn_02.jpg') no-repeat; }
.editor-styles-wrapper { background: #f2f2f2; }
@media (max-width: 600px) { .wp-site-blocks { padding: 12px 8px 0; } .ec-header { border-radius: 16px 16px 0 0; } .ec-page-content { padding: 30px 20px; } .ec-page-content h1 { font-size: 30px; } .ec-page-content h2 { font-size: 24px; } .ec-phone { right: 5px; padding: 3px 0; } .ec-page-content .alignleft, .ec-page-content .alignright { float: none; margin: 15px auto; } }

/* Classic navigation, including keyboard-accessible submenus. */
body { margin:0; }
.ec-classic-menu { display:flex; flex-wrap:wrap; justify-content:center; list-style:none; margin:0; padding:0; }
.ec-classic-menu li { position:relative; list-style:none; }
.ec-classic-menu a { display:block; padding:14px; border-right:1px solid #c6c6c6; color:#252660; font-size:13px; line-height:18px; text-decoration:none; }
.ec-classic-menu a:hover,.ec-classic-menu a:focus-visible { background:#f25526; color:white; }
.ec-classic-menu .sub-menu { display:none; position:absolute; left:0; top:100%; min-width:190px; padding:0; background:#dfdfdf; box-shadow:0 3px 8px #777; }
.ec-classic-menu li:hover > .sub-menu,.ec-classic-menu li:focus-within > .sub-menu { display:block; }
.ec-classic-menu .sub-menu .sub-menu { left:100%; top:0; }
.ec-footer .wp-block-columns { display:flex; gap:32px; }
.ec-footer .wp-block-column { flex:1; }
.screen-reader-text { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); }
.screen-reader-text:focus { width:auto; height:auto; clip:auto; z-index:99999; background:white; padding:10px; }
@media(max-width:600px) { .ec-classic-menu a { padding:10px; } .ec-classic-menu .sub-menu { position:static; } .ec-footer .wp-block-columns { flex-wrap:wrap; } }
.ec-header .metaslider { margin:0; } .ec-phone { z-index:20; }