/*
Theme Name: Atlas Gate Logistics Complete
Description: Animated block theme with built-in shipment tracking, Google Maps tracking map, quote form and contact map for Atlas Gate Logistics.
Version: 7.0.0
Requires at least: 6.2
Requires PHP: 7.4
Text Domain: atlasgate
*/
body{overflow-x:hidden}img{max-width:100%;height:auto}
.ag-top{font-size:.85rem;padding:8px 24px!important}.ag-top a{color:#fff;text-decoration:none}
.ag-hd{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 2px 14px rgba(11,37,64,.1);padding:14px 24px!important;transition:padding .3s}.ag-hd.sm{padding:6px 24px!important}
.ag-hd a{text-decoration:none}.ag-hd .wp-block-navigation a{font-weight:600}
.ag-sec{padding:84px 24px!important}.ag-sec.alt{background:var(--wp--preset--color--bg)}
.ag-hero{min-height:640px}.ag-hero .wp-block-cover__image-background{animation:kb 14s ease-out both}.ag-hero h1{max-width:13em;animation:up .9s .1s both}.ag-hero p{max-width:36em;animation:up .9s .35s both}.ag-hero .wp-block-buttons{animation:up .9s .6s both}
.ag-hero::after{content:"";position:absolute;right:8%;top:14%;width:220px;height:220px;border-radius:50%;border:2px dashed rgba(242,169,0,.5);animation:fl 9s ease-in-out infinite;pointer-events:none}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.1)}}@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes fl{50%{transform:translateY(-26px) rotate(10deg)}}
.js .rv{opacity:0;transform:translateY(36px);transition:opacity .8s var(--d,0s),transform .8s var(--d,0s)}.js .rv.l{transform:translateX(-50px)}.js .rv.r{transform:translateX(50px)}.js .rv.in{opacity:1;transform:none}
.ag-grid{gap:24px}.ag-card{background:#fff;border:1px solid #dde6ee;border-bottom:4px solid var(--wp--preset--color--teal);overflow:hidden;transition:transform .3s,box-shadow .3s}.ag-card:hover{transform:translateY(-8px);box-shadow:0 16px 30px rgba(11,37,64,.18)}
.ag-card .ag-ci{margin:0;overflow:hidden}.ag-card .ag-ci img{width:100%;height:180px;object-fit:cover;transition:transform .6s}.ag-card:hover .ag-ci img{transform:scale(1.08)}.ag-card h3,.ag-card p{padding:0 20px}.ag-card h3{margin:16px 0 6px}.ag-card p{margin:0 0 22px;color:#5a6b7a;font-size:.95rem}
.ag-about img{width:100%;height:440px;object-fit:cover;border-radius:6px}.ag-route{height:6px;width:200px;background:repeating-linear-gradient(90deg,#f2a900 0 14px,transparent 14px 24px);background-size:48px 6px;animation:mv 1.2s linear infinite}@keyframes mv{to{background-position:48px 0}}
.wp-block-button__link{transition:transform .2s,box-shadow .2s}.wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(242,169,0,.45)}
.agt{background:#fff;padding:26px;max-width:800px;margin:24px auto 0;border:1px solid #dde6ee;color:#1a2733}.agt input{padding:13px;font:inherit;width:100%;max-width:340px;margin:0 8px 8px 0;border:1px solid #b9c7d3}.agt button{background:#f2a900;border:0;padding:14px 24px;font:inherit;font-weight:700;border-radius:4px;cursor:pointer}
.agt-map{height:360px;margin:16px 0}.agt-tl{padding-left:18px}.agt-err{color:#a12}.agt-st{font-weight:700;color:#0e8a96}
.q{max-width:640px;margin:auto;text-align:left}.q input,.q select,.q textarea{width:100%;padding:12px;margin:0 0 12px;font:inherit;border:1px solid #b9c7d3}.q .hp{position:absolute;left:-9999px}.q button{background:#f2a900;border:0;padding:14px 28px;font:inherit;font-weight:700;border-radius:4px;cursor:pointer}
iframe.m{width:100%;height:400px;border:0}.ag-ft a{color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #f2a900;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}