/*
Theme Name: RMAS Holding
Description: Approved orange and white holding design for R M Accountancy Services.
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 7.4
Author: R M Accountancy Services
License: GPL-2.0-or-later
Text Domain: rmas-holding
*/

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
#rmas-design .rm-page{--rm-orange:#f58220;--rm-ink:#22221f;--rm-white:#fff;--rm-teal:#036c70;--rm-hover:#038489;--rm-purple:#742774;font-family:'DM Sans',Arial,sans-serif;background:var(--rm-white);color:var(--rm-ink);width:100%;text-align:left;overflow-wrap:break-word;color-scheme:light}
#rmas-design .rm-page *{box-sizing:border-box}
#rmas-design .rm-page a{color:inherit;text-decoration:none}
#rmas-design .rm-page button,#rmas-design .rm-page summary{font:inherit}
#rmas-design .rm-header{background:var(--rm-orange);padding:26px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #22221f26}
#rmas-design .rm-brand{display:block;width:156px;padding:8px;border-radius:8px;transition:background .22s}
#rmas-design .rm-brand img{display:block;width:100%;height:auto}
#rmas-design .rm-brand:hover,#rmas-design .rm-brand:focus-visible{background:#fff}
#rmas-design .rm-brand:hover img,#rmas-design .rm-brand:focus-visible img{filter:brightness(0) saturate(100%) invert(57%) sepia(98%) saturate(1276%) hue-rotate(346deg) brightness(101%) contrast(92%)}
#rmas-design nav{display:flex;gap:28px;align-items:center;font-size:13px;font-weight:600}
#rmas-design nav a{padding:10px 0}#rmas-design nav a:hover{color:var(--rm-teal)}
#rmas-design .rm-kicker{font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.12em}
#rmas-design .rm-hero{background:var(--rm-orange);padding:42px 5.5% 0;position:relative}
#rmas-design h1,#rmas-design h2,#rmas-design h3,#rmas-design p{margin:0}
#rmas-design h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(42px,7.8vw,86px);line-height:1.05;font-weight:800;letter-spacing:-.065em;margin:30px 0 36px;max-width:850px}
#rmas-design .rm-original h1 span{color:#fff}
#rmas-design .rm-hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;padding-bottom:43px}
#rmas-design p{font-size:15px;line-height:1.65}
#rmas-design .rm-action{display:flex;gap:28px;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;background:#fff;padding:17px 22px;min-height:50px;transition:background .2s,color .2s}
#rmas-design .rm-action:hover{background:var(--rm-teal);color:#fff}
#rmas-design .rm-action span{font-size:24px}
#rmas-design .rm-margin-note{border-top:1px solid #22221f55;padding:17px 0;display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.08em;font-weight:700}
#rmas-design .rm-margin-note span{font-weight:400;letter-spacing:0;font-size:12px}
#rmas-design .rm-services{padding:60px 5.5%;display:grid;grid-template-columns:1fr 1.05fr;gap:50px}
#rmas-design h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(25px,3.6vw,38px);font-weight:700;line-height:1.2;letter-spacing:-.045em}
#rmas-design .rm-section-heading h2{margin-top:21px}
#rmas-design .rm-service-list details{border-top:1px solid #dededa}
#rmas-design .rm-service-list details:last-child{border-bottom:1px solid #dededa}
#rmas-design summary{display:grid;grid-template-columns:27px 1fr 20px;gap:12px;align-items:center;list-style:none;padding:20px 0;font-size:17px;font-weight:600}
#rmas-design summary::-webkit-details-marker{display:none}
#rmas-design .rm-index{font-size:10px;color:var(--rm-teal);font-weight:600}
#rmas-design .rm-service-list details:nth-child(even) .rm-index{color:var(--rm-purple)}
#rmas-design .rm-section-heading>.rm-kicker{color:var(--rm-teal)}
#rmas-design .rm-approach .rm-kicker{color:var(--rm-purple)}
#rmas-design .rm-plus{color:var(--rm-teal);font-size:22px;text-align:right}
#rmas-design details[open] .rm-plus{transform:rotate(45deg)}
#rmas-design details p{padding:0 28px 21px 39px;font-size:13px}
#rmas-design summary:hover{color:var(--rm-teal)}
#rmas-design .rm-approach{margin:0 5.5%;padding:43px 0 50px;border-top:1px solid var(--rm-ink);display:grid;grid-template-columns:1fr 1.05fr;gap:50px}
#rmas-design .rm-approach h2{margin-top:20px}
#rmas-design .rm-approach-copy p+p{margin-top:15px}
#rmas-design .rm-approach-copy a{display:inline-block;margin-top:24px;font-size:13px;font-weight:700;border-bottom:2px solid var(--rm-orange);padding-bottom:9px}
#rmas-design .rm-approach-copy a:hover{color:var(--rm-purple)}
#rmas-design .rm-approach-copy a{border-bottom-color:var(--rm-purple)}
#rmas-design .rm-contact{background:var(--rm-orange);padding:45px 5.5% 38px}
#rmas-design .rm-contact h2{font-size:clamp(36px,5.8vw,58px);margin-top:24px;line-height:1.05;max-width:650px}
#rmas-design .rm-contact-bottom{display:flex;justify-content:space-between;gap:30px;margin-top:35px;padding-top:24px;border-top:1px solid #22221f55}
#rmas-design .rm-contact-bottom a{display:block;font-size:17px;font-weight:600;padding:6px 0}
#rmas-design .rm-contact-bottom a:hover{color:var(--rm-teal)}
#rmas-design .rm-contact-bottom p{font-size:12px}#rmas-design .rm-contact-bottom p span{display:block;margin-top:10px}
#rmas-design footer{display:flex;justify-content:space-between;gap:20px;padding:21px 5.5%;font-size:10px;background:#fff}
#rmas-design .rm-edition .rm-header{border:0}
#rmas-design .rm-editorial-hero{padding:44px 5.5% 0;background:#fff}
#rmas-design .rm-editorial-layout{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:60px}
#rmas-design .rm-editorial-layout h1{font-size:clamp(52px,8vw,90px);margin-bottom:40px}
#rmas-design .rm-editorial-layout h1 em{font-weight:500;font-family:Georgia,serif;color:#c35705;letter-spacing:-.06em}
#rmas-design .rm-side-copy{padding-bottom:46px}
#rmas-design .rm-small-line{display:block;width:45px;height:4px;background:var(--rm-orange);margin-bottom:22px}
#rmas-design .rm-side-copy p+p{margin-top:15px}
#rmas-design .rm-side-copy .rm-action{background:var(--rm-orange);margin-top:24px}
#rmas-design .rm-side-copy .rm-action:hover{background:var(--rm-teal)}
#rmas-design .rm-edition-label{display:flex;justify-content:space-between;border-top:1px solid #222;padding:17px 0;font-size:10px;font-weight:600;letter-spacing:.07em}
#rmas-design .rm-editorial-services{background:var(--rm-orange);padding:40px 5.5%}
#rmas-design .rm-editorial-services h2{margin-top:18px}
#rmas-design .rm-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 45px;margin-top:38px}
#rmas-design .rm-editorial-grid article{border-top:1px solid #22221f55;padding-top:18px}
#rmas-design .rm-editorial-grid article>span{font-size:10px;font-weight:600}
#rmas-design h3{font-size:19px;font-weight:600;letter-spacing:-.03em;margin:14px 0 10px}
#rmas-design .rm-editorial-grid p{font-size:13px;max-width:320px}
#rmas-design .rm-edition-approach{padding:40px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:20px 45px}
#rmas-design .rm-edition-approach>.rm-kicker{grid-column:1/-1}
#rmas-design .rm-edition-approach p{font-size:14px}
#rmas-design .rm-edition .rm-contact{padding-top:32px;padding-bottom:30px}

@media(max-width:640px){#rmas-design .rm-header{padding:18px 6%;gap:15px;align-items:flex-start}#rmas-design .rm-brand{width:123px;flex-shrink:0}#rmas-design nav{gap:5px;align-items:flex-end;flex-direction:column;font-size:11px}#rmas-design nav a{padding:4px 0}#rmas-design .rm-hero{padding-top:27px}#rmas-design h1{font-size:clamp(39px,8.7vw,56px);margin-top:23px}#rmas-design .rm-kicker{font-size:10px}#rmas-design .rm-hero-bottom,#rmas-design .rm-contact-bottom{align-items:flex-start;flex-direction:column;gap:24px}#rmas-design .rm-hero-bottom p{font-size:14px}#rmas-design .rm-margin-note{flex-direction:column;gap:7px}#rmas-design .rm-services,#rmas-design .rm-approach{grid-template-columns:1fr;gap:28px;padding-top:35px;padding-bottom:35px}#rmas-design .rm-contact{padding-top:34px}#rmas-design .rm-contact-bottom a{font-size:14px}#rmas-design footer{flex-wrap:wrap;font-size:10px;gap:8px 20px}#rmas-design .rm-editorial-layout,#rmas-design .rm-edition-approach{grid-template-columns:1fr;gap:20px}#rmas-design .rm-editorial-layout h1{font-size:60px;margin-bottom:10px}#rmas-design .rm-editorial-grid{grid-template-columns:1fr;gap:24px}#rmas-design .rm-edition-label{font-size:9px;gap:15px}#rmas-design .rm-side-copy{padding-bottom:30px}#rmas-design .rm-editorial-hero{padding-top:30px}}
@media(prefers-reduced-motion:reduce){#rmas-design *{transition:none!important;scroll-behavior:auto!important}}

#rmas-design .rm-brand.rm-no-reverse:hover,#rmas-design .rm-brand.rm-no-reverse:focus-visible{background:transparent}#rmas-design .rm-brand.rm-no-reverse:hover img,#rmas-design .rm-brand.rm-no-reverse:focus-visible img{filter:none}
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #22221f; }
.rm-skip { position: absolute; left: -10000px; top: 8px; z-index: 100000; padding: 12px; background: #fff; color: #222; }
.rm-skip:focus { left: 8px; }
#rmas-design .rm-page { font-size: 16px; line-height: 1.5; }
#rmas-design .rm-brand { flex-shrink: 0; }
#rmas-design .rm-brand img { height: auto; }
#rmas-design summary { cursor: pointer; }
#rmas-design a:focus-visible, #rmas-design summary:focus-visible { outline: 3px solid #036c70; outline-offset: 5px; }
#rmas-design .rm-existing-page { padding: 45px 5.5% 60px; min-height: 50vh; }
#rmas-design .rm-existing-page h1 { font-size: clamp(32px, 5vw, 60px); margin: 0 0 32px; }
#rmas-design .rm-prose { max-width: 850px; }
#rmas-design .rm-prose p { margin-bottom: 20px; }
#rmas-design .rm-prose h2, #rmas-design .rm-prose h3 { margin: 26px 0 15px; }
#rmas-design .rm-prose img { max-width: 100%; height: auto; }
#rmas-design .rm-prose a { color: #036c70; text-decoration: underline; }
#rmas-design .rm-prose input, #rmas-design .rm-prose textarea { box-sizing: border-box; max-width: 100%; width: 100%; padding: 12px; border: 1px solid #777; border-radius: 0; background: #fff; color: #22221f; font: inherit; }
#rmas-design .rm-prose input[type=submit] { width: auto; padding: 13px 28px; background: #f58220; border: 0; cursor: pointer; }
@media (max-width: 640px) { #rmas-design nav a { min-height: 36px; display: flex; align-items: center; } #rmas-design .rm-header { align-items: center; } #rmas-design .rm-contact-bottom a { min-height: 44px; } #rmas-design .rm-service-list summary { min-height: 56px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

#rmas-design .rm-software { padding: 38px 5.5% 34px; background: #fff; }
#rmas-design .rm-software .rm-kicker { color: var(--rm-purple); }
#rmas-design .rm-logo-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; margin: 30px 0; align-items: start; }
#rmas-design .rm-logo-strip figure { margin: 0; }
#rmas-design .rm-logo-strip .rm-logo-image { display: flex; align-items: center; height: 70px; }
#rmas-design .rm-logo-strip img { display: block; max-width: 145px; max-height: 52px; width: 100%; height: auto; object-fit: contain; }
#rmas-design .rm-logo-strip figcaption { margin-top: 15px; font-size: 12px; line-height: 1.5; color: var(--rm-ink); }
#rmas-design .rm-aml-note { padding-top: 20px; border-top: 1px solid #d7d7d2; font-size: 12px; line-height: 1.6; }
#rmas-design .rm-aml-note strong { color: var(--rm-teal); }
#rmas-design #rm-payroll h2 { color: var(--rm-teal); }
@media (max-width: 640px) {
  #rmas-design .rm-logo-strip { grid-template-columns: 1fr; gap: 28px; }
  #rmas-design .rm-logo-strip .rm-logo-image { height: auto; min-height: 45px; }
  #rmas-design .rm-logo-strip figcaption { margin-top: 10px; }
}

#rmas-design .rm-availability { display: flex; align-items: center; gap: 18px; max-width: 600px; margin-top: 24px; padding: 17px 20px; background: #fff; color: var(--rm-ink); border-radius: 3px; text-decoration: none; }
#rmas-design .rm-availability-switch { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex: 0 0 80px; box-sizing: border-box; padding: 6px 6px 6px 13px; background: var(--rm-teal); border-radius: 30px; color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .05em; }
#rmas-design .rm-availability-switch i { display: block; width: 28px; height: 28px; background: #fff; border-radius: 50%; flex-shrink: 0; }
#rmas-design .rm-availability[data-state="off"] .rm-availability-switch { background: var(--rm-purple); flex-direction: row-reverse; padding: 6px 13px 6px 6px; }
#rmas-design .rm-availability-copy { display: flex; flex-direction: column; gap: 2px; }
#rmas-design .rm-availability-copy strong { font-size: 21px; line-height: 1.25; }
#rmas-design .rm-availability-copy > span { font-size: 12px; line-height: 1.5; }
#rmas-design .rm-availability-arrow { margin-left: auto; color: var(--rm-teal); font-size: 26px; }
#rmas-design .rm-availability:hover .rm-availability-copy strong { color: var(--rm-teal); }
@media (max-width: 640px) {
  #rmas-design .rm-availability { gap: 12px; padding: 15px 13px; }
  #rmas-design .rm-availability-switch { flex-basis: 72px; padding-left: 10px; }
  #rmas-design .rm-availability-switch i { width: 25px; height: 25px; }
  #rmas-design .rm-availability-copy strong { font-size: 18px; }
  #rmas-design .rm-availability-copy > span { font-size: 11px; }
  #rmas-design .rm-availability-arrow { font-size: 22px; }
}

#rmas-design .rm-hero-invitations { display: flex; align-items: stretch; gap: 16px; margin-top: 24px; }
#rmas-design .rm-hero-invitations .rm-availability { margin-top: 0; flex: 1 1 420px; }
#rmas-design .rm-hero-invitations > .rm-action { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex: 0 0 auto; min-height: 70px; }
@media (max-width: 640px) {
  #rmas-design .rm-hero-invitations { flex-direction: column; gap: 12px; }
  #rmas-design .rm-hero-invitations .rm-availability { flex: 0 0 auto; max-width: none; }
  #rmas-design .rm-hero-invitations > .rm-action { min-height: 60px; }
}

#rmas-design .rm-anniversary { display: flex; align-items: center; gap: 24px; border-top: 1px solid #22221f55; padding: 24px 0; }
#rmas-design .rm-anniversary-number { color: #fff; font-size: 64px; font-weight: 700; line-height: .9; letter-spacing: -.06em; flex-shrink: 0; }
#rmas-design .rm-anniversary-number > span { display: block; margin-top: 8px; font-size: 11px; letter-spacing: .18em; text-align: center; }
#rmas-design .rm-anniversary > div { display: flex; flex-direction: column; gap: 5px; }
#rmas-design .rm-anniversary strong { font-size: 24px; line-height: 1.25; }
#rmas-design .rm-anniversary > div > span { font-size: 13px; line-height: 1.5; }
@media (max-width: 640px) {
  #rmas-design .rm-anniversary { gap: 18px; }
  #rmas-design .rm-anniversary-number { font-size: 55px; }
  #rmas-design .rm-anniversary strong { font-size: 19px; }
  #rmas-design .rm-anniversary > div > span { font-size: 12px; }
}

#rmas-design .rm-brand { width: 220px; }
@media (max-width: 640px) { #rmas-design .rm-brand { width: 165px; } }