.elementor-48309 .elementor-element.elementor-element-1eb8d4e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-48309 .elementor-element.elementor-element-3ae037f .elementor-heading-title{font-family:"Playfair Display", Sans-serif;}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-1eb8d4e *//* CLOSED DOOR ROMANCE — Premium Section CSS v11 (FINAL) CSS Classes in Elementor Advanced tab: Text Editor #1 → cdr-intro-text Shortcode → cdr-card-wrap Text Editor #2 → cdr-explore-text Button → cdr-browse-btn FONTS — add to theme : */ /* ── Section ── */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e { background-color: #0f2d4a !important; background-image: radial-gradient(ellipse 100% 50% at 50% 0%, #1a4f82 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 100%, rgba(44,118,134,0.10) 0%, transparent 70%); padding: 64px 24px 80px !important; text-align: center; position: relative; overflow: hidden; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-container, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .e-con-inner, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget-wrap { position: relative; z-index: 1; } /* Decorative teal rule above heading */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget-heading::before { content: ''; display: block; width: 48px; height: 1px; background: linear-gradient(90deg, transparent, #77BDBF, transparent); margin: 0 auto 16px; } /* ══════════════════════════════════════════════ HEADING ══════════════════════════════════════════════ */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget-heading .elementor-heading-title { font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 56px !important; font-weight: 600 !important; line-height: 1.08 !important; letter-spacing: -0.025em !important; color: #F5F3EE !important; text-shadow: 0 2px 32px rgba(0, 0, 0, 0.30) !important; margin: 0 auto 0 !important; max-width: 680px; } /* ══════════════════════════════════════════════ INTRO TEXT ══════════════════════════════════════════════ */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-intro-text p, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-intro-text { font-family: 'Montserrat', sans-serif !important; color: rgba(216, 212, 204, 0.90) !important; font-size: 15px !important; font-weight: 400 !important; font-style: normal !important; line-height: 1.7 !important; max-width: 480px !important; margin: 16px auto 16px !important; } /* ══════════════════════════════════════════════ CARD WRAPPER ══════════════════════════════════════════════ */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-card-wrap { max-width: 400px !important; margin: 0 auto 36px !important; } /* The dark card box */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-box { background: #0a2238 !important; border: 1px solid rgba(119, 189, 191, 0.20) !important; border-radius: 6px !important; padding: 40px 32px 44px !important; box-shadow: 0 2px 0 rgba(119, 189, 191, 0.28), 0 32px 80px rgba(0, 0, 0, 0.55), 0 8px 24px rgba(0, 0, 0, 0.30) !important; position: relative !important; overflow: hidden !important; transition: box-shadow 0.4s ease, transform 0.4s ease !important; } /* Teal shimmer line at top */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-box::before { content: '' !important; position: absolute !important; top: 0; left: 0; right: 0; height: 2px !important; background: linear-gradient(90deg, transparent 5%, #77BDBF 35%, #2C7686 65%, transparent 95%) !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-box:hover { transform: translateY(-5px) !important; box-shadow: 0 2px 0 rgba(119, 189, 191, 0.38), 0 48px 100px rgba(0, 0, 0, 0.60), 0 12px 32px rgba(0, 0, 0, 0.35) !important; } /* Inner card — no styles of its own */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; align-items: center !important; } /* Kill any WP thumbnail wrapper backgrounds */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card figure, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card figure *, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card p, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card > a:first-child, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card > a:first-child * { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* Cover link wrapper */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card > a:first-child { display: block !important; margin: 0 0 20px !important; } /* Book cover image */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card img { display: block !important; margin: 0 auto !important; max-width: 190px !important; width: auto !important; height: auto !important; border-radius: 4px !important; background: transparent !important; box-shadow: -8px 14px 44px rgba(0, 0, 0, 0.70), 6px 4px 18px rgba(0, 0, 0, 0.35) !important; transition: transform 0.45s ease, box-shadow 0.45s ease !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card img:hover { transform: scale(1.04) rotate(-0.6deg) !important; box-shadow: -12px 20px 56px rgba(0, 0, 0, 0.75), 8px 6px 22px rgba(0, 0, 0, 0.40) !important; } /* Book title */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card h3 { font-family: 'Cormorant Garamond', serif !important; color: #F5F3EE !important; font-size: 34px !important; font-weight: 400 !important; line-height: 1.1 !important; letter-spacing: -0.01em !important; margin: 0 0 20px !important; text-transform: none !important; text-align: center !important; width: 100% !important; } /* "View This Book" */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-button { display: block !important; width: 100% !important; background: #F5F3EE !important; color: #13395D !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 900 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; text-decoration: none !important; border-radius: 2px !important; border: none !important; padding: 16px 36px !important; margin: 0 0 10px !important; box-shadow: 0 6px 24px rgba(0, 0, 0, 0.30) !important; transition: background 0.22s, transform 0.22s, box-shadow 0.22s !important; cursor: pointer !important; box-sizing: border-box !important; text-align: center !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-button:hover { background: #ffffff !important; color: #13395D !important; transform: translateY(-2px) !important; box-shadow: 0 12px 36px rgba(0, 0, 0, 0.40) !important; } /* "Pick Another Book" */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-refresh-button { display: block !important; width: 100% !important; background: transparent !important; color: #E56A5A !important; font-family: 'Montserrat', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; letter-spacing: 0.18em !important; text-transform: uppercase !important; border: 1px solid rgba(229, 106, 90, 0.45) !important; border-radius: 2px !important; padding: 14px 36px !important; cursor: pointer !important; transition: border-color 0.22s, background 0.22s, transform 0.22s !important; box-sizing: border-box !important; text-align: center !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-refresh-button:hover { border-color: #E56A5A !important; background: rgba(229, 106, 90, 0.08) !important; transform: translateY(-1px) !important; } /* ══════════════════════════════════════════════ EXPLORE TEXT ══════════════════════════════════════════════ */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-explore-text, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-explore-text p { font-family: 'Cormorant Garamond', serif !important; font-style: italic !important; font-size: 20px !important; font-weight: 400 !important; color: rgba(216, 212, 204, 0.80) !important; line-height: 1.5 !important; max-width: 400px !important; margin: 0 auto 20px !important; } /* ══════════════════════════════════════════════ BROWSE THE DATABASE ══════════════════════════════════════════════ */ .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-browse-btn .elementor-button, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-browse-btn a, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-browse-btn a.elementor-button { background: #D13219 !important; color: #ffffff !important; border: none !important; border-radius: 3px !important; padding: 20px 56px !important; font-family: 'Montserrat', sans-serif !important; font-size: 12px !important; font-weight: 900 !important; letter-spacing: 0.22em !important; text-transform: uppercase !important; text-decoration: none !important; display: inline-block !important; box-shadow: 0 0 0 1px rgba(209, 50, 25, 0.30), 0 10px 32px rgba(209, 50, 25, 0.45), 0 4px 12px rgba(0, 0, 0, 0.25) !important; transition: background 0.24s ease, transform 0.24s ease, box-shadow 0.24s ease !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-browse-btn .elementor-button:hover, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-browse-btn a:hover { background: #b82b15 !important; transform: translateY(-3px) !important; box-shadow: 0 0 0 1px rgba(209, 50, 25, 0.40), 0 18px 48px rgba(209, 50, 25, 0.55), 0 6px 16px rgba(0, 0, 0, 0.30) !important; } /* ── Entrance animations ── */ @keyframes cdrRise { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget:nth-child(1) { animation: cdrRise 0.7s cubic-bezier(0.22,1,0.36,1) 0.05s both; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget:nth-child(2) { animation: cdrRise 0.7s cubic-bezier(0.22,1,0.36,1) 0.15s both; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget:nth-child(3) { animation: cdrRise 0.7s cubic-bezier(0.22,1,0.36,1) 0.25s both; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget:nth-child(4) { animation: cdrRise 0.7s cubic-bezier(0.22,1,0.36,1) 0.35s both; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget:nth-child(5) { animation: cdrRise 0.7s cubic-bezier(0.22,1,0.36,1) 0.45s both; } /* ── Mobile ── */ @media (max-width: 767px) { .elementor-48309 .elementor-element.elementor-element-1eb8d4e { padding: 48px 20px 64px !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .elementor-widget-heading .elementor-heading-title { font-size: 36px !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-box { padding: 30px 20px 34px !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card img { max-width: 155px !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-random-book-card h3 { font-size: 26px !important; } .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-browse-btn .elementor-button, .elementor-48309 .elementor-element.elementor-element-1eb8d4e .cdr-browse-btn a { padding: 18px 28px !important; font-size: 11px !important; width: 100% !important; box-sizing: border-box !important; } }/* End custom CSS */