/*
Theme Name: Amphil Mission
Version: 1.0.0
Description: Responsive WordPress theme for the Augustinian Missionaries of the Philippines.
*/
:root{--ink:#173d34;--green:#265b47;--mint:#edf5ee;--gold:#bc9250;--paper:#fcfbf7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#283c34;font:17px/1.75 system-ui,sans-serif}a{color:var(--green)}img{max-width:100%;height:auto}header{background:#fff;border-top:5px solid var(--green)}.wrap{width:min(1180px,90%);margin:auto}.brand{display:flex;align-items:center;gap:20px;padding:25px 0;color:var(--ink);text-decoration:none}.brand img{width:75px;height:75px;object-fit:contain}.brand strong{font:600 clamp(20px,3vw,30px)/1.2 Georgia,serif;display:block}.brand small{font-size:12px;letter-spacing:2px;text-transform:uppercase}nav{background:var(--green)}nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0}nav a{display:block;color:white;text-decoration:none;padding:15px 19px;font-size:14px}nav a:hover,nav a:focus{background:#173d34}.hero{position:relative;background:#dce9df;overflow:hidden}.hero img{display:block;width:100%;max-height:450px;object-fit:cover}.intro{padding:65px 0;text-align:center;max-width:820px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:3px;color:#7b693e;font-size:12px;font-weight:700}h1,h2,h3{font-family:Georgia,serif;color:var(--ink);line-height:1.2}h1{font-size:clamp(34px,5vw,56px)}h2{font-size:34px}h3{font-size:24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:35px 0 65px}.card{background:#fff;border:1px solid #dce5db;padding:28px}.card img{width:100%;height:190px;object-fit:cover}.card p{font-size:15px}.button{display:inline-block;background:var(--green);color:white;padding:12px 24px;text-decoration:none}.band{background:var(--mint);padding:50px 0}.wrap.page{max-width:900px;min-height:50vh;padding:50px 0 70px}.entry img{margin:15px;max-width:100%}.entry:after{content:'';display:block;clear:both}.entry iframe{max-width:100%}.entry table{max-width:100%;display:block;overflow:auto}.entry .pull-left{float:left;margin-left:0}.entry .pull-right{float:right}.entry p{overflow-wrap:anywhere}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery img{width:100%;height:220px;object-fit:cover;margin:0}footer{background:#173d34;color:#e5eee6;padding:45px 0;font-size:14px}footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;background:white;z-index:99}.notice{font-size:12px;text-align:center;background:#efe7d4;color:#65532c;padding:5px}.search-form{margin-top:20px}input[type=search]{padding:10px;max-width:70%}button,input[type=submit]{padding:10px;background:var(--green);color:white;border:0}.pagination{margin:30px 0}@media(max-width:750px){.grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.brand img{width:55px;height:55px}nav a{padding:10px;font-size:13px}.footer-grid{grid-template-columns:1fr}.intro{padding:35px 0}.entry .pull-left,.entry .pull-right{float:none}.wrap.page{padding-top:25px}}

/* Navigation and fluid layout */
html,body{width:100%;max-width:none;min-width:0}body.page{margin:0;padding:0;min-height:0}.brand>span{min-width:0}.grid>*{min-width:0}.brand img{flex-shrink:0}nav{position:relative;z-index:20}nav .menu>li{position:relative}nav .menu>li>a{padding-right:20px}nav .menu>.menu-item-has-children>a{padding-right:48px}nav .sub-menu{display:none;position:absolute;left:0;top:100%;width:290px;max-width:90vw;background:var(--green);box-shadow:0 12px 24px #102f3426;padding:8px 0;z-index:30}nav .sub-menu li{width:100%}nav .sub-menu a{padding:11px 20px;line-height:1.5}nav .submenu-open>.sub-menu{display:block}.submenu-toggle{position:absolute;right:4px;top:5px;width:40px;height:44px;padding:0;cursor:pointer;background:transparent;color:white}.submenu-toggle[aria-expanded=true] span{display:inline-block;transform:rotate(180deg)}.menu-toggle{display:none;cursor:pointer}nav a:focus-visible,nav button:focus-visible{outline:2px solid #fff;outline-offset:-4px}@media(hover:hover) and (min-width:901px){nav li:hover>.sub-menu{display:block}}nav:not(.has-navigation-js) li:focus-within>.sub-menu{display:block}.hero img{height:auto;max-height:none;object-fit:contain}.entry img{max-width:100%;height:auto}.entry{overflow-wrap:anywhere}
@media(max-width:900px){.wrap{width:92%}.brand{gap:12px;padding:20px 0}.brand strong{font-size:clamp(19px,4vw,28px)}.brand small{font-size:10px;letter-spacing:1px}.menu-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:10px 0;font-size:16px}.has-navigation-js .menu{display:none}.has-navigation-js.menu-open .menu{display:block}nav .menu{flex-direction:column;padding-bottom:10px}nav .menu>li>a{padding:12px 48px 12px 10px}nav .sub-menu{position:static;width:100%;max-width:none;box-shadow:none;background:#1d4939;padding:4px 0 4px 16px}nav .sub-menu a{padding:12px 16px}.submenu-toggle{top:4px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.footer-grid{grid-template-columns:1fr}.intro{padding:38px 0}}
@media(max-width:600px){.grid{grid-template-columns:minmax(0,1fr)}.brand img{width:48px;height:48px}.brand strong{font-size:20px}.brand small{font-size:9px}h1{font-size:34px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery img{height:150px}.card{padding:22px}.entry img{float:none!important;margin:12px 0!important}.entry iframe{width:100%}.wrap.page{padding-top:25px}}
/* Keep the restored congregation emblem readable at every header size. */
.brand img{width:80px;height:80px;object-fit:contain;display:block}
@media(max-width:600px){.brand img{width:60px;height:60px}.brand{gap:14px}.brand strong{font-size:clamp(17px,4.6vw,20px)}}
/* Blue header navigation matching the original site. */
header{border-top-color:#3e6f9c}
header nav{background:#3e6f9c}
header nav .sub-menu{background:#345f88}
header nav a:hover,header nav a:focus-visible,header nav .current-menu-item>a{background:#285982}
header nav .submenu-toggle,header nav .menu-toggle{background:transparent}
@media(max-width:900px){header nav .sub-menu{background:#345f88}}
/* Joomla-style homepage feature band. */
.mission-features{background:linear-gradient(180deg,#00804c 0%,#05ad68 100%);color:#fff;padding:40px 0}
.mission-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;align-items:start}
.mission-feature{text-align:center;min-width:0}
.mission-feature a,.mission-feature h4{color:#fff;text-decoration:none}
.mission-feature a:hover{text-decoration:underline}
.mission-feature img{display:block;width:auto;height:80px;max-width:135px;object-fit:contain;margin:0 auto!important}
.mission-feature>p:first-child{margin:0 0 16px}
.mission-feature h4{font:700 17px/1.4 system-ui,sans-serif;margin:0 0 12px}
.mission-feature p{font-size:13px;line-height:1.65;margin:0}
.mission-feature a:focus-visible{outline:2px solid white;outline-offset:5px}
@media(max-width:900px){.mission-features-grid{gap:28px}.mission-features{padding:32px 0}.mission-feature p{font-size:14px}}
@media(max-width:650px){.mission-features-grid{grid-template-columns:1fr;gap:34px}.mission-feature{max-width:440px;margin:auto}.mission-feature img{height:72px}.mission-feature p{font-size:14px}}
/* Article emblem keeps the original floated-logo scale. */
.entry img[src*="logo-enhanced.png"]{width:150px;height:auto}