/*
Theme Name: EZTiling
Theme URI: https://example.com/eztiling
Author: EZTiling
Author URI: https://example.com
Description: A premium, responsive WordPress theme for EZTiling with residential tiling services, project case studies and quote enquiries.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: eztiling
Tags: custom-logo, custom-menu, featured-images, portfolio, responsive-layout
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* WordPress-specific helpers. The main design stylesheet is loaded from assets/css/site.css. */
.admin-bar .site-header { top: 32px; }
.wp-caption, .gallery-caption { max-width: 100%; }
.alignwide { width: min(1280px, calc(100% - 40px)); margin-inline: auto; }
.alignfull { width: 100%; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.screen-reader-text:focus { clip:auto !important; width:auto; height:auto; top:8px; left:8px; padding:12px 16px; z-index:100000; background:#fff; color:#111; }
.logged-in.admin-bar .site-header { top: 32px; }
@media (max-width: 782px) { .logged-in.admin-bar .site-header { top: 46px; } }

.wp-project-empty { padding: 34px; border: 1px solid rgba(17,19,17,.18); background: #f6f1e8; }
.wp-project-empty h2 { margin-top: 0; }
.quote-notice { margin: 0 0 20px; padding: 14px 16px; border-left: 4px solid #c49a54; background: rgba(255,255,255,.1); }
.quote-notice.is-success { border-left-color: #62a879; }
.quote-notice.is-error { border-left-color: #bd5c53; }
.project-admin-note { font-size: .85rem; opacity: .75; }
.custom-logo { width: auto; max-height: 52px; }
.site-nav .current-menu-item > a, .site-nav .current_page_item > a { color: #cfa65d; }
.site-nav ul { display:flex; align-items:center; gap:32px; list-style:none; margin:0; padding:0; }
.footer nav ul { display:flex; gap:20px; list-style:none; margin:0; padding:0; }
@media (max-width: 920px) { .site-nav ul { display:grid; gap:18px; } }

.site-nav ul a:not(.nav-quote) { opacity: .84; transition: opacity .2s ease; }
.site-nav ul a:hover { opacity: 1; }
@media (max-width: 1000px) {
  .site-nav ul { align-content: center; justify-items: center; }
  .site-nav ul a { font-size: 1.35rem; }
  .site-nav ul .nav-quote { display: inline-flex; justify-content: center; }
}