/* Theme Name: Solace Child – DRW Satu Mare Theme URI: https://dev.drwsm.ro/ Description: Child theme for Solace. Custom code for DRW Satu Mare goes here, so Solace updates don't overwrite it. Author: DRW Satu Mare Template: solace Version: 1.0.0 Text Domain: solace-child */ /* ========================================================================== DRW custom CSS Elementor puts custom classes on the widget wrapper, so target the inner element, e.g. `.drw-btn .elementor-button`. Elementor's own settings are fairly specific: prefix with `body` or use !important when overriding. ========================================================================== */ /* Buttons: all = .drw-btn | variants: --gold, --navy, --outline-light, --gold-outline */ /* body .drw-btn .elementor-button { } */ /* Header: .drw-hdr-nav (menu), .drw-hdr-cta (Devino membru) */ /* Footer: .drw-ftr-legal (legal links), .drw-ftr-contact (contact bar) */ /*---Hero---*/ .page-id-70 .drw-hero--page { --drw-hero-img: url('/wp-content/uploads/2026/10/despre-hero-bg.jpg'); } /*---Footer---*/ .copy-row p{margin-bottom: 0!important;} /* Menu item 'Devino membru': only in the mobile/tablet burger menu (desktop has the header button) */ @media (min-width:1025px){.drw-hdr-nav .drw-menu-cta{display:none!important}} /* Header fit: 7 menu items + CTA on narrower desktops */ @media (min-width:1025px) and (max-width:1280px){.drw-hdr-cta{display:none!important}} @media (min-width:1025px) and (max-width:1180px){.drw-hdr-nav .elementor-nav-menu--main .elementor-item{font-size:15px!important;padding-left:7px!important;padding-right:7px!important}} @media (min-width:1181px) and (max-width:1365px){.drw-hdr-nav .elementor-nav-menu--main .elementor-item{font-size:16px!important;padding-left:9px!important;padding-right:9px!important}} /* ========================================================================== SECTION CLASSES (every top-level section has: drw-section + type + background) Elementor puts the class on the section container itself: e.g. body .drw-cta { padding-top: 120px; } Type Used on .drw-hero.drw-hero--home Home: hero with stats .drw-hero.drw-hero--page Subpage hero (title + lead + breadcrumb) .drw-split.drw-split--image Text + framed photo (Home Despre, Despre Cine suntem) .drw-split.drw-split--card Text + card (Despre Scopul nostru) .drw-split Two text columns (Despre Organe + Repere) .drw-cards Card grids (Membri, Evenimente, Activități, Consiliul Director) .drw-benefits Navy 01-02-03 benefits .drw-quote Quote band .drw-values Values row .drw-docs Document list .drw-cta Gold CTA band at the bottom .drw-hero--members Membri hero (hero-factory photo, softer) .drw-cards.drw-directory Membri: chips + member cards .drw-figures Navy figures row (Membri: Ce ne spun cifrele) .drw-hero--events Evenimente hero (own photo, full opacity) .drw-features Icon + title + text grid (Evenimente: Cum ne întâlnim) > .drw-feature .drw-archive Archive list (Evenimente) > .drw-archive-item, .drw-archive-media .drw-hero--join Devino membru hero (own photo, full opacity) .drw-perks Gold left-border benefit list (Devino membru: Ce câștigi) > .drw-perk .drw-cards.drw-steps Numbered step cards 01-05 (Devino membru) > .drw-card.drw-step .drw-split.drw-apply Form + FAQ (Devino membru) > .drw-faq (accordion), .drw-form-card > .drw-form (Fluent Form #3) Fee card: .drw-card.drw-fee .drw-hero--part / --contact / --legal Parteneriate / Contact / Legal hero (own photo, full opacity) .drw-intro Narrow intro text (Parteneriate: De ce construim parteneriate) .drw-cards > .drw-partner Partner cards (icon + role + title + text) .drw-cards.drw-sponsors Sponsor cards > .drw-sponsor > .drw-tag (.drw-tag--navy = main partner) .drw-become Navy 'Devino partener' band with checklist + gold button .drw-split.drw-contact Contact details (.drw-info rows, .drw-id-box) + form card (.drw-form-card--compact, Fluent Form #4) .drw-map-sec Google Maps band (.drw-map) .drw-legal Legal text column 860px > .drw-legal-article (#confidentialitate, #cookies, #termeni) .drw-hero--news Noutati hero (same as Legal/Contact) .drw-news > .drw-news-grid Noutati post list (Solace Extra 'Post Archive' widget, latest posts) Event cards: .drw-card.drw-event Inside: .drw-tabs (Elementor Tabs widget) > .drw-tab-panel > .drw-member (.drw-mono badge), .drw-sector-box, .drw-figure Background: .drw-bg--cream | --sand | --navy | --navy-dark | --gold Cards inside sections: .drw-card (document cards also .drw-doc) ========================================================================== */ /* ---------- Page hero (.drw-hero--page): photo on the right 58% via ::before, navy gradient via ::after ---------- */ .drw-hero--page{--drw-hero-img:url('/wp-content/uploads/2026/10/despre-hero-bg.jpg');position:relative;isolation:isolate;overflow:hidden} .drw-hero--page::before{content:'';position:absolute;inset:0 0 0 auto;width:58%;z-index:-2;background:var(--drw-hero-img) center/cover no-repeat;opacity:.55;pointer-events:none} /* Gradient only on tablet/mobile (<=820px), where the photo spans the full width behind the text */ @media (max-width:820px){.drw-hero--page::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0C1F3D 0%,#0C1F3D 45%,rgba(12,31,61,.55) 100%);pointer-events:none}} @media (max-width:820px){.drw-hero--page::before{width:100%;opacity:.3}} /* Other image on a specific page: .page-id-XX .drw-hero--page{--drw-hero-img:url('/wp-content/uploads/...')} */ /* Membri hero: own photo, softer (source .hero-members) */ .drw-hero--page.drw-hero--members{--drw-hero-img:url('/wp-content/uploads/2026/10/hero-factory.jpg')} .drw-hero--members::before{opacity:.35;filter:blur(1px) saturate(.7)} /* Evenimente hero: own photo at full strength (source .hero-events) */ .drw-hero--page.drw-hero--events{--drw-hero-img:url('/wp-content/uploads/2026/10/evenimente-hero-bg.jpg')} .drw-hero--events::before{opacity:1} /* ---------- Devino membru ---------- */ /* Hero: own photo at full strength (source .hero-join) */ .drw-hero--page.drw-hero--join{--drw-hero-img:url('/wp-content/uploads/2026/10/devino-hero-bg.jpg')} .drw-hero--join::before{opacity:1} /* Step cards: the e-mail address may break inside narrow cards */ .drw-break{overflow-wrap:anywhere} /* Fluent Form "Cerere de adeziune DRW" (#3) inside .drw-form (Fluent Forms > Forms to edit fields, e-mail: Settings > Email Notifications) */ body .drw-form .fluentform .ff-el-group{margin-bottom:28px} body .drw-form .fluentform .ff-el-input--label label{font:500 17.5px/1.4 'Work Sans',sans-serif;color:#0E1A2E} body .drw-form .fluentform .ff-el-input--label{margin-bottom:12px} body .drw-form .fluentform .ff-el-is-required.asterisk-right label:after{color:#B3261E} body .drw-form .fluentform .ff-el-form-control{min-height:62px;padding:14px 22px;border:1.5px solid #E2DCCF;border-radius:10px;background:#fff;font:400 18px/1.4 'Work Sans',sans-serif;color:#0E1A2E;box-shadow:none;transition:border-color .2s,box-shadow .2s} body .drw-form .fluentform textarea.ff-el-form-control{min-height:150px;resize:vertical} body .drw-form .fluentform .ff-el-form-control::placeholder{color:#8F96A1} body .drw-form .fluentform .ff-el-form-control:focus{outline:none;border-color:#C9A22A;box-shadow:0 0 0 3px rgba(201,162,42,.25)} body .drw-form .fluentform .ff-el-is-error .ff-el-form-control{border-color:#B3261E} body .drw-form .fluentform .error.text-danger{color:#B3261E;font-size:15px;margin-top:6px} body .drw-form .fluentform .ff-el-tc label{display:flex;gap:14px;align-items:flex-start;font-size:17.5px;line-height:1.7;color:#0E1A2E} body .drw-form .fluentform .ff-el-tc input[type=checkbox]{flex:none;width:22px;height:22px;margin:3px 0 0;accent-color:#0C1F3D} body .drw-form .fluentform .ff-el-tc a{color:inherit;text-decoration:underline} body .drw-form .fluentform .ff-btn-submit{min-height:62px;padding:0 36px;border:0;border-radius:999px;background:#C9A22A!important;color:#0C1F3D!important;font:600 18px/1 'Work Sans',sans-serif;transition:background .2s,transform .2s} body .drw-form .fluentform .ff-btn-submit:hover{background:#D8B23A!important;transform:translateY(-1px);opacity:1} body .drw-form .ff-message-success{border:1px solid #ECE7DC;border-radius:10px;background:#FBF1CC;color:#0E1A2E;font-size:17.5px;line-height:1.7;padding:24px 28px;box-shadow:none} @media (max-width:767px){ body .drw-form .fluentform .ff-el-group{margin-bottom:22px} body .drw-form .fluentform .ff-el-form-control{min-height:54px;padding:12px 16px;font-size:16px} body .drw-form .fluentform .ff-btn-submit{width:100%} } /* ---------- Parteneriate / Contact / Legal ---------- */ .drw-hero--page.drw-hero--part{--drw-hero-img:url('/wp-content/uploads/2026/10/parteneriate-hero-bg.jpg')} .drw-hero--page.drw-hero--contact,.drw-hero--page.drw-hero--legal,.drw-hero--page.drw-hero--news{--drw-hero-img:url('/wp-content/uploads/2026/10/contact-hero-bg.jpg')} .drw-hero--part::before,.drw-hero--contact::before,.drw-hero--legal::before,.drw-hero--news::before{opacity:1} /* Contact form card: smaller fields than the membership form (source contact .form) */ body .drw-form-card--compact .drw-form .fluentform .ff-el-group{margin-bottom:22px} body .drw-form-card--compact .drw-form .fluentform .ff-el-input--label label{font-size:15.5px} body .drw-form-card--compact .drw-form .fluentform .ff-el-input--label{margin-bottom:10px} body .drw-form-card--compact .drw-form .fluentform .ff-el-form-control{min-height:52px;padding:12px 18px;font-size:16.5px} body .drw-form-card--compact .drw-form .fluentform textarea.ff-el-form-control{min-height:130px} body .drw-form-card--compact .drw-form .fluentform .ff-el-tc label{font-size:15.5px} body .drw-form-card--compact .drw-form .fluentform .ff-btn-submit{min-height:54px;padding:0 30px;font-size:16px} /* Map: rounded frame */ .drw-map .elementor-custom-embed,.drw-map iframe{border-radius:14px;overflow:hidden;display:block} /* Legal text: underlined links */ .drw-legal a{text-decoration:underline} /* Contact details: no extra paragraph spacing inside info rows / ID box */ .drw-info p,.drw-id-box p,.drw-legal-article p{margin-bottom:0} /* ---------- Noutati: post list (.drw-news-grid) ---------- */ .drw-news-grid .solace-post-archive a{text-decoration:none} .drw-news-grid article{transition:transform .25s,box-shadow .25s} .drw-news-grid article:hover{transform:translateY(-3px);box-shadow:0 18px 40px -18px rgba(12,31,61,.25)} /* Empty state (no posts yet): centered message, no English search box */ .drw-news-grid .data-post:has(.no-results){display:block} .drw-news-grid .no-results{text-align:center;padding:64px 24px;border:1px dashed #E3DED3;border-radius:14px} .drw-news-grid .no-results .page-title{margin:0;font:600 clamp(28px,3vw,38px)/1.2 'Source Serif 4',Georgia,serif;color:#0E1A2E;letter-spacing:-.01em} .drw-news-grid .no-results .page-content p{margin:14px 0 0;font:400 18px/1.7 'Work Sans',sans-serif;color:#5F6672} .drw-news-grid .no-results .search-form{display:none} /* FAQ (.drw-faq): question + answer in ONE card, answer padded inside it */ .drw-faq .e-n-accordion-item{background:#FDFCF9;border:1px solid #ECE7DC;border-radius:14px;overflow:hidden} .drw-faq .e-n-accordion-item > .e-n-accordion-item-title{border:0!important;border-radius:0!important;background:transparent!important} .drw-faq .e-n-accordion-item > .drw-faq-answer{background:transparent!important;border:0!important;border-radius:0!important} /* FAQ: no theme focus shadow on the question row (keyboard users still get a gold outline) */ .drw-faq .e-n-accordion-item-title:focus,.drw-faq .e-n-accordion-item-title[tabindex]:focus{box-shadow:none!important;outline:none} .drw-faq .e-n-accordion-item-title:focus-visible{outline:2px solid #C9A22A;outline-offset:-2px} /* Scroll animations (Elementor Entrance Animation, set per element in Advanced > Motion Effects). Visitors who prefer reduced motion see everything immediately. */ @media (prefers-reduced-motion:reduce){.elementor-invisible{visibility:visible!important}.elementor-element.animated{animation:none!important}} /* ALL scroll animations OFF on the whole site: remove the two comment marks around the next line */ /* .elementor-invisible{visibility:visible!important}.elementor-element.animated{animation:none!important} */ /* Scroll-to-top button (Solace: Customizer > Scroll to Top, theme_mod toggle_scroll_to_top). Navy circle, gold arrow */ .box-scroll-to-top .topbutton{width:52px;height:52px;padding:0!important;border-radius:50%!important;background:#0C1F3D!important;border:1.5px solid rgba(201,162,42,.55)!important;box-shadow:0 12px 28px -12px rgba(12,31,61,.55);right:28px;bottom:28px;align-items:center;justify-content:center;transition:background .2s,transform .2s} .box-scroll-to-top .topbutton[style*='inline-block']{display:inline-flex!important} .box-scroll-to-top .topbutton svg{width:18px!important;height:18px!important;fill:#C9A22A} .box-scroll-to-top .topbutton:hover{background:#C9A22A!important;transform:translateY(-2px)} .box-scroll-to-top .topbutton:hover svg,.box-scroll-to-top .topbutton:hover svg *,.box-scroll-to-top .topbutton:focus-visible svg *{fill:#0C1F3D!important} .box-scroll-to-top .topbutton:focus-visible{outline:2px solid #C9A22A;outline-offset:3px} @media (max-width:767px){.box-scroll-to-top .topbutton{width:46px;height:46px;right:16px;bottom:16px}}