@font-face{
font-family:'Nunito';
src:url(//www.lwadriving.co.uk/wp-content/themes/lwa-quiz-theme/assets/fonts/Nunito-SemiBold.ttf) format('truetype');
font-weight:600;
font-style:normal;
}
@font-face{
font-family:'Nunito';
src:url(//www.lwadriving.co.uk/wp-content/themes/lwa-quiz-theme/assets/fonts/Nunito-Bold.ttf) format('truetype');
font-weight:700;
font-style:normal;
}
:root{
--lwa-red:#e53935;
--lwa-amber:#f6ad55;
--lwa-green:#2a9d8f;
}
*{box-sizing:border-box}
html,body{
margin:0;
padding:0;
background:#fff;
color:#222;
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
line-height:1.6;
height:100%;
}
body{
min-height:100vh;
display:flex;
flex-direction:column;
}
.site-header{
display:flex;
flex-direction:column;
align-items:center;
gap:10px;
padding:14px 12px 4px;
border-bottom:1px solid #eee;
background:#fff;
}
.site-branding{
display:flex;
flex-direction:column;
align-items:center;
}
.site-logo{
display:block;
max-width:min(294px,56vw);
height:auto;
margin:0 auto;
}
.primary-nav{
width:100%;
display:flex;
justify-content:center;
}  .primary-nav .mega-menu-wrap{
width:100%;
display:flex;
justify-content:center;
}
.primary-nav .mega-menu-wrap > ul.mega-menu{
margin:0;
padding:0;
list-style:none;
}
.primary-nav .mega-menu-wrap > ul.mega-menu > li > a{
font-family:'Nunito', sans-serif !important;
font-weight:600 !important;
}
.container{
max-width:1080px;
margin:16px auto;
padding:0 16px;
flex:1 0 auto;
}
.layout{
display:grid;
grid-template-columns:3fr 1fr;
gap:24px;
}
@media (max-width:992px){
.layout{grid-template-columns:1fr}
}
.sidebar .widget{
background:#fff;
border:1px solid #e9e9e9;
border-radius:16px;
box-shadow:0 8px 24px rgba(0,0,0,.06);
padding:8px 12px 12px;
margin-bottom:14px;
}
.sidebar .widget .widget-title,
.sidebar .widget .widgettitle{
font-size:0.9rem;
margin-top:0;
margin-bottom:6px;
line-height:1.25;
font-weight:700;
}
.sidebar .widget a{text-decoration:none}
.sidebar figure img,.sidebar img,.sidebar iframe{max-width:100%;height:auto}
.sidebar .widget>:last-child{margin-bottom:0}
.site-footer{
margin-top:0;
padding:16px 12px;
text-align:center;
background:#fff;
border-top:1px solid #eee;
color:#666;
}
.site-footer>*:last-child{margin-bottom:0}
.entry-content>:last-child{margin-bottom:0}
.entry-content img,
.entry-content video,
.entry-content iframe{max-width:100%;height:auto}
.mobile-toggle{
display:none;
appearance:none;
background:#fff;
border:1px solid #eaeaea;
padding:10px 14px;
border-radius:12px;
font-size:16px;
cursor:pointer;
}
@media(max-width:768px){
.mobile-toggle{
display:inline-flex;
align-items:center;
gap:8px;
margin-top:10px;
}
} .lwa-form{
background:#fff;
border:1px solid #e9e9e9;
border-radius:16px;
box-shadow:0 8px 24px rgba(0,0,0,.06);
padding:16px;
margin:0 0 20px;
}
.lwa-form .grid{
display:grid;
gap:14px;
grid-template-columns:1fr 1fr;
}
.lwa-form .grid .full{grid-column:1 / -1}
@media (max-width:700px){
.lwa-form .grid{grid-template-columns:1fr}
}
.lwa-form .field label{
display:block;
font-weight:600;
margin:0 0 6px;
}
.lwa-form input[type=text],
.lwa-form input[type=email],
.lwa-form input[type=tel],
.lwa-form input[type=date],
.lwa-form textarea{
width:100%;
padding:10px 12px;
border:1px solid #ddd;
border-radius:10px;
font:inherit;
line-height:1.4;
background:#fff;
}
.lwa-form textarea{resize:vertical}
.lwa-form .actions{margin-top:6px}
.lwa-form .btn-primary{
padding:10px 14px;
border-radius:12px;
border:1px solid #eaeaea;
background:#fff;
cursor:pointer;
font-weight:700;
transition:all .2s ease;
}
.lwa-form .btn-primary:hover,
.lwa-form .btn-primary:focus{
border-color:#ccc;
background:linear-gradient(90deg,#2a9d8f,#3bb37e);
color:#fff;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output{
margin:12px 0 0;
border-radius:10px;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item{
display:inline-block;
margin:0 10px 8px 0;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label{
display:inline-flex;
align-items:center;
gap:8px;
padding:8px 14px;
border:2px solid #ddd;
border-radius:999px;
cursor:pointer;
user-select:none;
line-height:1.2;
background:#fff;
transition:all .2s ease;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]{
position:absolute;
opacity:0;
width:1px;
height:1px;
overflow:hidden;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{
font-weight:500;
color:#333;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label.selected.is-yes{
border-color:#2a9d8f;
box-shadow:0 0 0 3px rgba(42,157,143,.25);
background:#f6fffa;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label.selected.is-yes .wpcf7-list-item-label{
color:#2a9d8f;
font-weight:700;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label.selected.is-no{
border-color:#e53935;
box-shadow:0 0 0 3px rgba(229,57,53,.25);
background:#fff6f6;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label.selected.is-no .wpcf7-list-item-label{
color:#e53935;
font-weight:700;
}
.lwa-form .wpcf7-checkbox .wpcf7-list-item label:hover{border-color:#ccc} body.lwa-sidebar-hide-keep .sidebar{
visibility:hidden;
pointer-events:none;
}
body.lwa-sidebar-remove .sidebar{display:none}
body.lwa-sidebar-remove .layout{
display:block;
}
body.lwa-sidebar-hide-keep .layout,
body.lwa-sidebar-remove .layout{
max-width:1100px;
margin-left:auto;
margin-right:auto;
} .lwa-btn,
.lwa-btn-gradient{
display:inline-flex;
align-items:center;
justify-content:center;
padding:0.6rem 1.4rem;
border-radius:999px;
font-weight:600;
text-decoration:none;
border:0;
cursor:pointer;
font-size:0.95rem;
}
.lwa-btn,
.lwa-btn-gradient{
background:linear-gradient(135deg,#28a745,#ffc107,#dc3545);
color:#fff;
}
.lwa-btn:hover,
.lwa-btn-gradient:hover{
opacity:0.9;
}
.wp-block-button__link{
display:inline-flex;
align-items:center;
justify-content:center;
padding:0.6rem 1.4rem;
border-radius:999px;
font-weight:600;
text-decoration:none;
border:0;
cursor:pointer;
font-size:0.95rem;
background:linear-gradient(135deg,#28a745,#ffc107,#dc3545);
color:#fff;
}
.wp-block-button__link:hover{
opacity:0.9;
}
.lwa-box{
border:none !important;
border-radius:16px;
padding:16px 18px;
margin:0 0 16px;
background:#fff;
box-shadow:0 2px 8px rgba(0,0,0,.04);
}
.lwa-box + .lwa-box{
margin-top:16px;
}
.lwa-box h3{
margin:0 0 8px;
font-weight:700;
font-size:1.05rem;
}
.lwa-muted{
color:#666;
font-size:.95rem;
} .lwa-btn,
.lwa-btn-gradient{
display:inline-block;
padding:10px 14px;
border-radius:999px;
font-weight:700;
text-decoration:none;
}
.lwa-btn-gradient{
background:linear-gradient(90deg,#22c55e,#0ea5e9);
color:#fff;
}
.lwa-kicker{
font-size:.85rem;
color:#0ea5e9;
text-transform:uppercase;
letter-spacing:.08em;
margin-bottom:6px;
}
.lwa-stars{
color:#ffa800;
font-size:1.05rem;
letter-spacing:1px;
}
.lwa-reviews{
display:flex;
flex-direction:column;
gap:12px;
}
.lwa-review{
padding:12px;
border-radius:12px;
background:#fafafa;
}
.lwa-review-quote{
margin:0 0 6px;
}
.lwa-review-meta{
font-size:.9rem;
color:#555;
}
.lwa-reviews-badge{
display:flex;
align-items:center;
gap:10px;
}
.lwa-reviews-badge .count{
color:#555;
font-size:.95rem;
} .lwa-latest-posts{
display:flex;
flex-direction:column;
gap:6px;
margin-top:6px;
}
.lwa-latest-post{
padding:4px 0;
border-bottom:1px dashed #eee;
}
.lwa-latest-post:last-child{border-bottom:none}
.lwa-latest-title a{
text-decoration:none;
color:inherit;
font-size:.9rem;
}
.lwa-latest-title a:hover{
text-decoration:underline;
}
.lwa-latest-meta{
font-size:.78rem;
color:#777;
margin-top:1px;
} .lwa-btn,
.lwa-pill-btn,
.lwa-green-btn,
.wp-block-button__link{
display:inline-flex;
align-items:center;
justify-content:center;
padding:0.6rem 1.4rem;
border-radius:999px;
font-weight:600;
font-size:0.95rem;
text-decoration:none !important;
cursor:pointer;
background:#fff;
border:2px solid #28a745;
color:#28a745 !important;
transition:0.15s ease;
}
.lwa-btn:hover,
.lwa-pill-btn:hover,
.lwa-green-btn:hover,
.wp-block-button__link:hover{
background:#f3fff6;
box-shadow:0 0 10px rgba(40,167,69,0.25);
border-color:#28a745;
color:#28a745 !important;
} .lwa-divider-wrap{
position:relative;
margin:2rem 0;
}
.lwa-divider-line{
display:block;
border-top:2px dotted #ccc;
}
.lwa-divider-car{
position:absolute;
top:50%;
left:50%;
width:60px;
height:30px;
transform:translate(-50%, -50%);
background:#fff url(https://www.lwadriving.co.uk/wp-content/uploads/smallcaricon.png) center/contain no-repeat;
} .lwa-school-gallery{
display:grid;
grid-template-columns:repeat(3, 1fr);
gap:1rem;
margin-top:1.5em;
}
.lwa-school-gallery figure{
margin:0;
display:flex;
flex-direction:column;
justify-content:space-between;
}
.lwa-school-gallery img{
width:100%;
aspect-ratio:16/9;
object-fit:cover;
border-radius:12px;
}
.lwa-school-gallery figcaption{
text-align:center;
font-size:0.9rem;
color:#555;
margin-top:0.4em;
}
@media (max-width:768px){
.lwa-school-gallery{
grid-template-columns:1fr;
}
} .page-id-20 .page .entry-content{
max-width:900px;
margin:0 auto 3rem;
}
.page-id-20 .entry-content > p:first-of-type,
.page-id-20 .entry-content > p:nth-of-type(2){
font-size:1.05rem;
line-height:1.8;
}
.page-id-20 h2.wp-block-heading{
font-size:1.6rem;
margin-top:2.5rem;
margin-bottom:0.75rem;
}
.page-id-20 .entry-content p{
line-height:1.7;
margin-bottom:1rem;
}
.page-id-20 .entry-content ul.wp-block-list{
list-style:none;
padding-left:0;
margin:0 0 1.5rem;
}
.page-id-20 .entry-content ul.wp-block-list li{
position:relative;
padding-left:1.6rem;
margin-bottom:0.35rem;
}
.page-id-20 .entry-content ul.wp-block-list li::before{
content:"✔";
position:absolute;
left:0;
top:0;
color:#28a745;
font-size:0.9rem;
line-height:1.5;
}
.page-id-20 .lwa-divider-wrap{
margin:2.5rem 0;
}
.page-id-20 .lwa-school-gallery{
margin-top:1.5rem;
}
.page-id-20 .lwa-school-gallery figure{
background:#fff;
border-radius:12px;
padding:0.6rem;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
}
.page-id-20 .lwa-school-gallery figcaption{
font-size:0.85rem;
color:#555;
margin-top:0.35rem;
} .page-id-20 .entry-content a.lwa-pill-btn.lwa-green-btn{
display:inline-flex;
margin-top:0.5rem;
}
.page-id-20 .entry-content h2.wp-block-heading:last-of-type{
margin-top:2.5rem;
}
.page-id-20 .entry-content h2.wp-block-heading:last-of-type,
.page-id-20 .entry-content h2.wp-block-heading:last-of-type + p,
.page-id-20 .entry-content h2.wp-block-heading:last-of-type + p + p{
position:relative;
z-index:1;
}
.page-id-20 .entry-content h2.wp-block-heading:last-of-type::before{
content:"";
position:absolute;
inset:-1rem -1.5rem;
background:linear-gradient(135deg,#f3fff6,#f5f9ff);
border-radius:18px;
z-index:-1;
} .lwa-quiz-submit-top:not([disabled]),
.lwa-quiz-start-btn:not([disabled]){
animation: lwaPulse 1.2s ease-in-out infinite;
}
@keyframes lwaPulse{
0%{
transform:scale(1);
box-shadow:0 0 0 rgba(31,175,84,0.3);
}
50%{
transform:scale(1.05);
box-shadow:0 0 10px rgba(31,175,84,0.45);
}
100%{
transform:scale(1);
box-shadow:0 0 0 rgba(31,175,84,0.3);
}
} .lwa-quiz-try-again{
display:inline-block;
border:2px solid #1FAF54 !important;
background:#fff !important;
color:#1FAF54 !important;
border-radius:40px;
padding:10px 26px;
font-weight:600;
font-size:16px;
text-decoration:none;
cursor:pointer;
transition:0.2s ease-in-out;
text-align:center;
}
.lwa-quiz-try-again:hover{
background:#1FAF54 !important;
color:#ffffff !important;
}
.lwa-quiz-submit-wrap{
text-align:center;
margin-top:1.5rem;
} .lwaqag-form-grid .field input[type="text"],
.lwaqag-form-grid .field input[type="email"],
.lwaqag-form-grid .field input[type="password"],
.lwaqag-form-grid .field input[type="tel"]{
width:100%;
padding:10px 16px;
font-size:16px;
border-radius:40px;
border:1px solid #d1d5db;
outline:none;
transition:0.18s ease-in-out;
}
.lwaqag-form-grid .field input[type="text"]:focus,
.lwaqag-form-grid .field input[type="email"]:focus,
.lwaqag-form-grid .field input[type="password"]:focus,
.lwaqag-form-grid .field input[type="tel"]:focus{
border-color:#1FAF54;
box-shadow:0 0 0 3px rgba(31,175,84,0.18);
} .lwaqag-form-grid .panel.apply .btn.apply-btn{
background:#ffffff !important;
color:#1FAF54 !important;
border:2px solid #1FAF54 !important;
border-radius:40px !important;
padding:10px 26px !important;
font-size:16px !important;
font-weight:600 !important;
cursor:pointer !important;
text-decoration:none !important;
display:inline-block !important;
transition:0.2s ease-in-out;
}
.lwaqag-form-grid .panel.apply .btn.apply-btn:hover{
background:#1FAF54 !important;
color:#ffffff !important;
} @media (min-width: 901px){
.lwaqag-login-row{
margin-top:4px !important;
}
} .lwa-quiz-rules{
background:#ffffff;
border-radius:18px;
padding:20px 24px;
box-shadow:0 4px 14px rgba(0,0,0,0.04);
margin-bottom:20px;
}
.lwa-quiz-rules-title{
margin:0 0 8px;
font-size:18px;
font-weight:700;
}
.lwa-quiz-rules-list{
margin:0;
padding-left:1.1rem;
}
.lwa-quiz-email-note{
margin-top:14px;
font-size:15px;
}
.lwa-quiz-email-note label{
font-weight:600;
display:inline-block;
margin-bottom:4px;
}
.lwa-quiz-email-note input[type="email"]{
width:100%;
max-width:320px;
padding:9px 14px;
border-radius:40px;
border:1px solid #d1d5db;
font-size:15px;
outline:none;
transition:0.18s ease-in-out;
}
.lwa-quiz-email-note input[type="email"]:focus{
border-color:#1FAF54;
box-shadow:0 0 0 3px rgba(31,175,84,0.18);
} .lwa-quiz-questions{
margin-top:24px;
}
.lwa-quiz-question-inner{
background:#ffffff;
border-radius:18px;
box-shadow:0 4px 16px rgba(0,0,0,0.05);
padding:22px 22px 20px;
}
.lwa-quiz-question-header{
margin-bottom:12px;
}
.lwa-quiz-question-number{
font-weight:600;
font-size:15px;
}
.lwa-quiz-question-category{
font-size:14px;
opacity:0.8;
}
.lwa-quiz-question-text{
font-size:18px;
font-weight:600;
margin-top:8px;
}
.lwa-quiz-answers{
margin-top:14px;
} .lwa-quiz-panel{
background:#ffffff;
border-radius:18px;
box-shadow:0 4px 16px rgba(0,0,0,0.05);
border:1px solid rgba(0,0,0,0.03);
}
.lwa-quiz-panel-test-details{
border:1px solid rgba(31,175,84,0.2);
} .lwa-quiz-question .lwa-quiz-question-inner img,
.lwa-quiz-questions img,
.lwa-quiz-question-inner img{
width:15% !important;
max-width:15% !important;
height:auto !important;
display:block !important;
margin:0 auto 20px auto !important;
}
@media (max-width:600px){
.lwa-quiz-question .lwa-quiz-question-inner img,
.lwa-quiz-questions img,
.lwa-quiz-question-inner img{
width:50% !important;
max-width:50% !important;
}
} .lwa-quiz-panel-theory button,
.lwa-quiz-panel-theory input[type="submit"],
.lwa-quiz-panel-theory .save-test-details-btn,
.lwa-quiz-panel-theory .edit-test-details-btn{
background:transparent !important;
border:2px solid #2ecc71 !important;
color:#2ecc71 !important;
padding:10px 26px !important;
border-radius:999px !important;
font-weight:600 !important;
font-size:1rem !important;
display:inline-block;
width:auto !important;
box-shadow:none !important;
}
.lwa-quiz-panel-theory button:hover,
.lwa-quiz-panel-theory input[type="submit"]:hover,
.lwa-quiz-panel-theory .save-test-details-btn:hover,
.lwa-quiz-panel-theory .edit-test-details-btn:hover{
background:#2ecc71 !important;
color:#fff !important;
}
.lwa-quiz-panel-theory button,
.lwa-quiz-panel-theory input[type="submit"]{
-webkit-appearance:none !important;
appearance:none !important;
} @media (max-width:600px){
.lwa-quiz-nav{
flex-wrap:wrap;
justify-content:center;
gap:0.5rem;
} .lwa-quiz-header-right .lwa-quiz-timer-pill,
.lwa-quiz-header-right .lwa-quiz-review-flagged{
padding:0.35rem 1.1rem !important;
min-width:130px !important;
text-align:center !important;
display:inline-flex !important;
justify-content:center !important;
align-items:center !important;
white-space:nowrap !important;
}
} .lwa-quiz-gate{
max-width:980px;
margin:0 auto 24px;
}
.lwaqag-login-row{
display:grid;
grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
gap:1.5rem;
align-items:flex-start;
}
@media (max-width:768px){
.lwaqag-login-row{
grid-template-columns:minmax(0, 1fr);
}
} .lwa-quiz-gate--tml-inline .theme-my-login input[type="submit"],
.lwa-quiz-gate--tml-inline .tml input[type="submit"]{
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
padding:0.6rem 1.4rem !important;
border-radius:999px !important;
font-weight:600 !important;
font-size:0.95rem !important;
cursor:pointer !important;
background:#fff !important;
border:2px solid #28a745 !important;
color:#28a745 !important;
text-decoration:none !important;
transition:0.15s ease !important;
box-shadow:none !important;
animation: lwaPulse 1.2s ease-in-out infinite;
}
.lwa-quiz-gate--tml-inline .theme-my-login input[type="submit"]:hover,
.lwa-quiz-gate--tml-inline .tml input[type="submit"]:hover{
background:#f3fff6 !important;
box-shadow:0 0 10px rgba(40,167,69,0.25) !important;
border-color:#28a745 !important;
color:#28a745 !important;
} .lwaqag-login-row .lwa-quiz-gate-column:nth-child(1) h3::before{
content:"🔑 ";
}
.lwaqag-login-row .lwa-quiz-gate-column:nth-child(2) h3::before{
content:"🆕 ";
} .lwa-quiz-timer--above-question{
text-align:center;
margin-bottom:10px;
} .lwa-quiz-flag-btn{
display:inline-flex !important;
align-items:center !important;
gap:6px !important;
padding:10px 20px !important;
border-radius:999px !important;
border:2px solid #2ecc71 !important;
background:#ffffff !important;
color:#2ecc71 !important;
font-weight:600 !important;
font-size:0.95rem !important;
cursor:pointer !important;
text-decoration:none !important;
}
.lwa-quiz-flag-btn::before{
content:"";
width:16px;
height:16px;
display:inline-block;
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%232ecc71' viewBox='0 0 24 24'%3E%3Cpath d='M6 3v18M6 4h10l-1 4 1 4H6' stroke='%232ecc71' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
no-repeat center center;
background-size:16px 16px;
}
.lwa-quiz-flag-btn:hover{
background:#2ecc71 !important;
color:#fff !important;
}
.lwa-quiz-flag-btn:hover::before{
background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M6 3v18M6 4h10l-1 4 1 4H6' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
no-repeat center center;
} .lwa-card{
background:#ffffff;
border-radius:16px;
padding:16px 18px;
box-shadow:0 8px 20px rgba(0,0,0,.06);
border-top:4px solid #3cb44b;
position:relative;
overflow:hidden;
transition:transform .16s ease-out, box-shadow .16s ease-out, border-top-color .16s ease-out;
}
.lwa-card:hover{
transform:translateY(-2px);
box-shadow:0 12px 28px rgba(0,0,0,.08);
border-top-color:#009a44;
}   .blog .site-main article.lwa-card .entry-title,
.blog .site-main article.lwa-card h2 {
font-size: 1.2rem;
margin: 0 0 0.5rem;
}
.blog .site-main article.lwa-card .entry-title a,
.blog .site-main article.lwa-card h2 a {
text-decoration: none;
color: #111111;
}
.blog .site-main article.lwa-card .entry-title a:hover,
.blog .site-main article.lwa-card h2 a:hover {
text-decoration: none;
} .blog .site-main article.lwa-card .entry-meta {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #777777;
margin-bottom: 0.75rem;
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.75rem;
} .blog .site-main article.lwa-card .entry-meta .cat-links a,
.blog .site-main article.lwa-card .cat-links a {
display: inline-block;
padding: 0.15rem 0.6rem;
border-radius: 999px;
background: #ffe8c9; color: #a45a00;
font-weight: 600;
text-decoration: none;
}
.blog .site-main article.lwa-card .entry-meta .cat-links a:hover,
.blog .site-main article.lwa-card .cat-links a:hover {
background: #ffd7a1;
} .blog .site-main article.lwa-card .entry-summary,
.blog .site-main article.lwa-card .entry-content {
font-size: 0.95rem;
line-height: 1.6;
color: #333333;
}
.blog .site-main article.lwa-card .entry-summary p:last-child,
.blog .site-main article.lwa-card .entry-content p:last-child {
margin-bottom: 1.1rem;
} .blog .site-main article.lwa-card .more-link,
.blog .site-main article.lwa-card a.more-link {
display: inline-block;
padding: 0.45rem 1.2rem;
border-radius: 999px;
border: 1px solid #3cb44b;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
background: #3cb44b;
color: #ffffff;
line-height: 1.2;
}
.blog .site-main article.lwa-card .more-link:hover,
.blog .site-main article.lwa-card a.more-link:hover {
background: #ffffff;
color: #2c8e39;
} .blog .site-main article.lwa-card .more-link::after,
.blog .site-main article.lwa-card a.more-link::after {
content: " →";
} @media (max-width: 480px) {
.blog .site-main article.lwa-card .entry-title,
.blog .site-main article.lwa-card h2 {
font-size: 1.05rem;
}
} .blog .site-main {
max-width: 1100px;
margin: 0 auto 3rem;
} .blog .site-main {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 1.5rem;
} .blog .site-main > header,
.blog .site-main > h1,
.blog .site-main > .page-title,
.blog .site-main > .archive-description {
grid-column: 1 / -1;
} .blog .site-main > .navigation,
.blog .site-main > .nav-links,
.blog .site-main > .pagination {
grid-column: 1 / -1;
}  .single-post .site-main article.lwa-card {
margin-bottom: 2rem;
} .single-post .site-main article.lwa-card .entry-header {
margin-bottom: 1rem;
} .single-post .site-main article.lwa-card .entry-meta {
font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #777;
margin-bottom: 0.75rem;
}  #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
position: relative;
display: inline-block;
padding: 10px 14px;
font-family: 'Nunito', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
font-weight: 600;
color: #111 !important;
text-decoration: none;
background: transparent !important; transition: color .18s ease;
} #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link,
#mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link,
#mega-menu-primary > li.mega-current-menu-ancestor > a.mega-menu-link {
background: transparent !important;
color: #000 !important;
} #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: -4px;
height: 4px;
background-image: linear-gradient(90deg, var(--lwa-red), var(--lwa-amber), var(--lwa-green));
transform: scaleX(0);
opacity: 0;
transform-origin: left;
transition: transform .22s ease, opacity .22s ease;
border-radius: 4px;
} #mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link::before,
#mega-menu-primary > li.mega-menu-item:focus-within > a.mega-menu-link::before {
transform: scaleX(1);
opacity: 1;
} #mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link,
#mega-menu-primary > li.mega-current-menu-ancestor > a.mega-menu-link {
font-weight: 700;
}
#mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link::before,
#mega-menu-primary > li.mega-current-menu-ancestor > a.mega-menu-link::before {
transform: scaleX(1);
opacity: 1;
} #mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > a.mega-menu-link,
#mega-menu-primary > li.mega-menu-item.mega-menu-flyout > a.mega-menu-link {
display: inline-flex;
align-items: center;
gap: 6px;
}
#mega-menu-primary > li.mega-menu-item.mega-menu-megamenu > a.mega-menu-link::after,
#mega-menu-primary > li.mega-menu-item.mega-menu-flyout > a.mega-menu-link::after {
content: "▾";
font-size: .8rem;
color: #222;
opacity: .8;
transition: transform .22s ease, opacity .22s ease;
}
#mega-menu-primary > li.mega-menu-item.mega-menu-megamenu:hover > a.mega-menu-link::after,
#mega-menu-primary > li.mega-menu-item.mega-menu-flyout:hover > a.mega-menu-link::after {
transform: translateY(1px) rotate(180deg);
opacity: 1;
} @media (max-width: 768px) {
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {
display: none;
}
} .blog .site-main {
max-width: 100% !important;
margin: 0 !important;
display: block !important;
} .blog .site-main article.lwa-card {
margin-bottom: 1.5rem;
} .blog .site-main article.lwa-card .post-thumbnail {
margin: -16px -18px 12px; border-radius: 16px 16px 0 0; overflow: hidden;
}
.blog .site-main article.lwa-card .post-thumbnail img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover;
} .blog .site-main article.lwa-card .entry-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.25rem 0.6rem;
padding: 0.18rem 0.7rem;
border-radius: 999px;
background: #f6f7fb;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #6b7280;
margin-bottom: 0.75rem;
}  .blog .lwa-post-meta-top {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.25rem 0.75rem;
background: #f6f7fb;
border-radius: 999px;
font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #6b7280;
margin-bottom: 0.75rem;
} .blog .lwa-post-meta-top span {
margin: 0;
padding: 0;
} .blog .lwa-post-meta-top .lwa-post-cat {
background: #ffe8c9;
color: #a45a00;
padding: 0.12rem 0.55rem;
border-radius: 999px;
font-weight: 600;
}
.blog .lwa-post-meta-top .lwa-post-dot {
display: none;
} .blog .site-main article.lwa-card {
border-top-width: 4px;
border-top-color: #3cb44b; box-shadow: 0 12px 32px rgba(0,0,0,.06);
}  .blog .lwa-post-card .lwa-post-thumb {
display: block;
margin: -16px -18px 12px; border-radius: 16px 16px 0 0; overflow: hidden; position: relative;
} .blog .lwa-post-card .lwa-post-thumb img {
width: 100%;
height: auto;
aspect-ratio: 16 / 9;
object-fit: cover; transition: transform .35s ease;
} .blog .lwa-post-card:hover .lwa-post-thumb img {
transform: scale(1.05);
} .blog .lwa-post-card .lwa-post-thumb {
box-shadow: 0 6px 14px rgba(0,0,0,0.06);
} .lwa-toc {
background: #ffffff;
border: 1px solid #e5e7eb;
border-left: 4px solid var(--lwa-green);
border-radius: 14px;
padding: 18px 22px;
margin: 1.2rem 0 2rem;
box-shadow: 0 6px 16px rgba(0,0,0,0.04);
}
.lwa-toc h3 {
margin: 0 0 0.6rem;
font-size: 1.15rem;
font-weight: 700;
color: #111827;
letter-spacing: 0.02em;
} .lwa-toc ul {
margin: 0;
padding-left: 0;
list-style: none;
} .lwa-toc ul {
counter-reset: section;
}
.lwa-toc li {
margin: 4px 0;
}
.lwa-toc li a {
position: relative;
display: inline-flex;
align-items: center;
gap: 6px;
text-decoration: none;
font-size: 0.97rem;
color: #065f46;
font-weight: 600;
transition: color 0.2s ease;
} .lwa-toc li a::before {
counter-increment: section;
content: counter(section) ".";
font-size: 0.78rem;
opacity: 0.8;
} .lwa-toc li a:hover {
color: var(--lwa-green);
} .lwa-takeaways {
background: #f9fafb;
border-radius: 14px;
padding: 18px 22px;
margin: 1.2rem 0 2rem;
border: 1px solid #e5e7eb;
}
.lwa-takeaways h3 {
margin: 0 0 0.6rem;
font-size: 1.15rem;
font-weight: 700;
color: #111827;
} .lwa-takeaways ul {
margin: 0;
padding-left: 1.1rem;
}
.lwa-takeaways li {
margin: 4px 0;
font-size: 0.97rem;
} @media (max-width: 600px) {
.lwa-toc,
.lwa-takeaways {
padding: 16px 18px;
}
}