@import url(/cache/jsn_solid2_pro/f539e7b88999a4d4dcad52743f115f0d.css);
@import url(/cache/jsn_solid2_pro/bf49f4092af7dadfad8b54e6abd4ed60.css);
@import url(https://fonts.googleapis.com/css?family=Lato:100,300,400,700);
@import url(/cache/jsn_solid2_pro/f1d0aa3e99a5eda565afc950b1c2a360.css);
@import url(/cache/jsn_solid2_pro/0bb54a83997ade2d9838b203f673eca0.css);

/* FILE: /templates/jsn_solid2_pro/css/custom/custom.css */
/* Write your custom css code here */ /* ========================================= GRTB DESIGN TOKENS / COLOUR PALETTE ========================================= */ :root { --grtb-navy: #203750; --grtb-blue: #2f609c; --grtb-cyan: #27b8cf; --grtb-heading: #203750; --grtb-text: #40566d; --grtb-muted: #6b7d8f; --grtb-subtle: #8a99a7; --grtb-white: #ffffff; --grtb-surface: #f7f9fb; --grtb-soft: #f5f9fb; --grtb-light: #eef7f9; --grtb-border: #d6e2e8; --grtb-border-accent: #c7e4ea; } /* ========================================= GRTB HEADER / NAVIGATION ========================================= */ #jsn-header { min-height: 0 !important; background: var(--grtb-white) !important; border-bottom: 0 !important; } /* Logo */ #jsn-logo { padding-top: 8px !important; padding-bottom: 5px !important; } #jsn-logo img { width: auto !important; max-height: 68px !important; } #jsn-header-inner { padding-top: 0 !important; padding-bottom: 0 !important; } /* Navigation bar */ #jsn-menu { background: var(--grtb-white) !important; border-top: 1px solid #edf1f4 !important; border-bottom: 1px solid var(--grtb-border) !important; box-shadow: none !important; } /* Main navigation links */ #jsn-menu .jsn-mainmenu > li > a, #jsn-menu ul.menu-mainmenu > li > a, #jsn-menu ul.menu > li > a { position: relative; padding: 14px 17px !important; background: transparent !important; color: #34495e !important; font-size: 14px !important; font-weight: 500 !important; text-decoration: none !important; transition: color 0.18s ease; } /* Hover */ #jsn-menu .jsn-mainmenu > li > a:hover, #jsn-menu ul.menu-mainmenu > li > a:hover, #jsn-menu ul.menu > li > a:hover { background: transparent !important; color: var(--grtb-blue) !important; } /* Active page */ #jsn-menu li.active > a, #jsn-menu li.current > a { position: relative; background: transparent !important; color: var(--grtb-blue) !important; font-weight: 600 !important; } /* Active cyan underline */ #jsn-menu li.active > a::after, #jsn-menu li.current > a::after { content: ""; position: absolute; left: 17px; right: 17px; bottom: 0; height: 3px; border-radius: 3px 3px 0 0; background: var(--grtb-cyan); } /* Menu spacing */ #jsn-menu ul.menu > li, #jsn-menu ul.menu-mainmenu > li, #jsn-menu .jsn-mainmenu > li { margin-right: 3px; } /* Dropdown */ #jsn-menu ul ul { min-width: 210px; padding: 6px 0 !important; border: 1px solid var(--grtb-border) !important; border-radius: 4px !important; background: var(--grtb-white) !important; box-shadow: 0 8px 24px rgba(32, 55, 80, 0.09) !important; } #jsn-menu ul ul li a { padding: 10px 14px !important; color: var(--grtb-text) !important; font-size: 13px !important; } #jsn-menu ul ul li a:hover { background: var(--grtb-soft) !important; color: var(--grtb-blue) !important; } /* Social icons */ #jsn-header a[href*="facebook"], #jsn-header a[href*="twitter"], #jsn-header a[href*="linkedin"] { opacity: 0.62; filter: grayscale(100%); transition: opacity 0.18s ease, transform 0.18s ease, filter 0.18s ease; } #jsn-header a[href*="facebook"]:hover, #jsn-header a[href*="twitter"]:hover, #jsn-header a[href*="linkedin"]:hover { opacity: 1; filter: grayscale(0%); transform: translateY(-2px); } /* Focus states */ #jsn-menu a:focus, #jsn-mainbody a:focus, .grtb-home-service a:focus { outline: 2px solid var(--grtb-cyan); outline-offset: 2px; } /* Mobile */ @media (max-width: 768px) { #jsn-logo { padding-top: 8px !important; padding-bottom: 8px !important; } #jsn-logo img { max-height: 58px !important; } #jsn-menu .jsn-mainmenu > li > a, #jsn-menu ul.menu-mainmenu > li > a, #jsn-menu ul.menu > li > a { padding: 12px 14px !important; font-size: 14px !important; } #jsn-menu li.active > a::after, #jsn-menu li.current > a::after { display: none; } } /* ========================================= GRTB SITE-WIDE BRAND POLISH Kept intentionally conservative so the legacy JSN template remains stable. ========================================= */ #jsn-menu a { color: var(--grtb-heading); } #jsn-menu a:hover, #jsn-menu .active > a, #jsn-menu .current > a { color: var(--grtb-blue); } #jsn-mainbody h1, #jsn-mainbody h2, #jsn-mainbody h3, #jsn-mainbody h4 { color: var(--grtb-heading); } #jsn-mainbody a { color: var(--grtb-blue); } #jsn-mainbody a:hover { color: var(--grtb-navy); } /* ========================================= GRTB FAQ - FINAL CONSOLIDATED STYLES ========================================= */ .grtb-faq { max-width: 920px; margin: 0; font-family: inherit; color: var(--grtb-text); } .grtb-faq-intro { max-width: 760px; margin: 0 0 24px; color: var(--grtb-muted); font-size: 15px; line-height: 1.7; } .grtb-faq-section { margin-bottom: 34px; } .grtb-faq-section-title { margin: 0 0 14px !important; padding: 0; color: var(--grtb-heading); font-size: 19px !important; font-weight: 500 !important; } /* FAQ accordion cards */ .grtb-faq details { display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 0 7px !important; border: 1px solid var(--grtb-border) !important; border-radius: 4px !important; background: var(--grtb-white) !important; overflow: hidden !important; transition: border-color 0.15s ease, background-color 0.15s ease; } .grtb-faq details:hover { border-color: var(--grtb-border) !important; } .grtb-faq details[open] { border-color: var(--grtb-border-accent) !important; } /* Question */ .grtb-faq details > summary { position: relative !important; display: block !important; width: 100% !important; box-sizing: border-box !important; margin: 0 !important; padding: 14px 48px 14px 16px !important; border: 0 !important; border-radius: 0 !important; background: var(--grtb-surface) !important; background-image: none !important; box-shadow: none !important; color: var(--grtb-heading) !important; font-family: inherit !important; font-size: 15px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: left !important; cursor: pointer !important; -webkit-appearance: none !important; appearance: none !important; list-style: none !important; float: none !important; clear: both !important; transition: background-color 0.15s ease; } .grtb-faq details > summary:hover { background: var(--grtb-soft) !important; color: var(--grtb-heading) !important; } .grtb-faq details[open] > summary { background: var(--grtb-soft) !important; } /* Remove browser marker */ .grtb-faq details > summary::-webkit-details-marker { display: none !important; } .grtb-faq details > summary::marker { content: "" !important; } /* Plus / minus icon */ .grtb-faq details > summary::after { content: "+" !important; position: absolute !important; right: 16px !important; top: 50% !important; transform: translateY(-50%) !important; color: var(--grtb-blue) !important; font-size: 21px !important; font-weight: 300 !important; line-height: 1 !important; } .grtb-faq details[open] > summary::after { content: "−" !important; } /* Answer visibility */ .grtb-faq details:not([open]) > .grtb-faq-answer { display: none !important; } .grtb-faq details[open] > .grtb-faq-answer { display: block !important; } /* Answer area */ .grtb-faq details > .grtb-faq-answer { width: auto !important; margin: 0 !important; padding: 16px 18px 18px !important; border-top: 1px solid var(--grtb-border) !important; background: var(--grtb-white) !important; color: var(--grtb-text) !important; font-size: 14px !important; line-height: 1.7 !important; float: none !important; clear: both !important; } .grtb-faq-answer p { margin: 0 0 12px; } .grtb-faq-answer p:last-child { margin-bottom: 0; } .grtb-faq-answer ul { margin: 10px 0; padding-left: 23px; } .grtb-faq-answer li { margin-bottom: 5px; } /* Links */ .grtb-faq a { color: var(--grtb-blue); text-decoration: none; } .grtb-faq a:hover { text-decoration: underline; } /* Information note */ .grtb-faq-note { margin-top: 15px; padding: 13px 16px; border-left: 3px solid var(--grtb-blue); background: var(--grtb-soft); } /* Certification groups */ .grtb-cert-group { margin: 20px 0; } .grtb-cert-group:first-child { margin-top: 4px; } .grtb-cert-group h4 { margin: 0 0 7px !important; color: var(--grtb-heading); font-size: 15px !important; font-weight: 600 !important; } .grtb-cert-group ul { margin-top: 5px; } .grtb-tag { display: inline-block; margin-left: 5px; padding: 1px 7px; border-radius: 10px; background: var(--grtb-border); color: var(--grtb-subtle); font-size: 10px; font-weight: 600; text-transform: uppercase; } /* Passing score table */ .grtb-table-wrapper { width: 100%; margin-top: 15px; overflow-x: auto; } .grtb-score-table { width: 100%; min-width: 620px; border-collapse: collapse; font-size: 13px; } .grtb-score-table th { padding: 11px 12px; border-bottom: 2px solid var(--grtb-border); background: var(--grtb-surface); color: var(--grtb-heading); font-weight: 600; text-align: left; } .grtb-score-table td { padding: 10px 12px; border-bottom: 1px solid var(--grtb-border); } .grtb-score-table td:nth-child(3), .grtb-score-table td:nth-child(4), .grtb-score-table th:nth-child(3), .grtb-score-table th:nth-child(4) { text-align: center; } /* Bottom help box */ .grtb-faq-help { margin-top: 34px; padding: 22px; border-radius: 4px; background: var(--grtb-surface); color: var(--grtb-text); } .grtb-faq-help strong { display: block; margin-bottom: 4px; color: var(--grtb-heading); font-size: 16px; } /* FAQ Mobile */ @media (max-width: 600px) { .grtb-faq-section { margin-bottom: 30px; } .grtb-faq-section-title { font-size: 18px !important; } .grtb-faq details > summary { padding: 14px 44px 14px 14px !important; font-size: 14px !important; } .grtb-faq details > .grtb-faq-answer { padding: 15px !important; } .grtb-faq details > summary::after { right: 14px !important; } } /* ========================================= GRTB EXAM PRICES ========================================= */ .grtb-prices { max-width: 100%; margin: 0; color: var(--grtb-text); font-family: inherit; } .grtb-prices-intro { max-width: 800px; margin: 0 0 28px; color: var(--grtb-muted); font-size: 15px; line-height: 1.7; } .grtb-prices-section { margin-bottom: 32px; } .grtb-prices-section-title { margin: 0 0 14px !important; color: var(--grtb-heading); font-size: 19px !important; font-weight: 500 !important; } /* VAT note */ .grtb-prices-note { margin-bottom: 15px; padding: 12px 15px; border-left: 3px solid var(--grtb-blue); background: var(--grtb-soft); color: var(--grtb-text); font-size: 14px; } /* Main price table */ .grtb-prices-table-wrapper { width: 100%; overflow-x: auto; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-white); } .grtb-prices-table { width: 100%; min-width: 800px; margin: 0 !important; border-collapse: collapse !important; border: 0 !important; font-size: 14px; } .grtb-prices-table th { padding: 13px 14px !important; border: 0 !important; border-bottom: 2px solid var(--grtb-border) !important; background: var(--grtb-surface) !important; color: var(--grtb-heading); font-weight: 600; text-align: left; } .grtb-prices-table td { padding: 12px 14px !important; border: 0 !important; border-bottom: 1px solid var(--grtb-border) !important; background: var(--grtb-white) !important; vertical-align: middle; } .grtb-prices-table tbody tr:last-child td { border-bottom: 0 !important; } .grtb-prices-table tbody tr:hover td { background: var(--grtb-soft) !important; } .grtb-prices-table th:nth-child(2), .grtb-prices-table td:nth-child(2) { white-space: nowrap; } .grtb-prices-table th:nth-child(3), .grtb-prices-table th:nth-child(4), .grtb-prices-table th:nth-child(5), .grtb-prices-table td:nth-child(3), .grtb-prices-table td:nth-child(4), .grtb-prices-table td:nth-child(5) { text-align: center; white-space: nowrap; } /* Previous/current pricing */ .grtb-old-price { margin-right: 6px; color: var(--grtb-subtle); font-size: 12px; text-decoration: line-through; opacity: 0.75; } .grtb-prices-table td:nth-child(3) strong { color: var(--grtb-heading); } /* Tags */ .grtb-price-tag { display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 10px; background: var(--grtb-border); color: var(--grtb-subtle); font-size: 9px; font-weight: 600; text-transform: uppercase; } .grtb-prices-small { margin: 8px 0 0; color: var(--grtb-subtle); font-size: 12px; } /* Group discounts */ .grtb-discount-grid { display: flex; gap: 12px; margin-top: 14px; } .grtb-discount-card { flex: 1; box-sizing: border-box; padding: 20px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-surface); text-align: center; } .grtb-discount-size { display: block; color: var(--grtb-heading); font-size: 24px; font-weight: 600; line-height: 1.2; } .grtb-discount-label { display: block; margin: 3px 0 12px; color: var(--grtb-subtle); font-size: 12px; } .grtb-discount-card strong { color: var(--grtb-blue); font-size: 15px; } /* Retake */ .grtb-retake-box { display: flex; align-items: center; gap: 20px; margin-top: 12px; padding: 20px; border: 1px solid var(--grtb-border-accent); border-radius: 4px; background: var(--grtb-soft); } .grtb-retake-value { min-width: 70px; color: var(--grtb-blue); font-size: 30px; font-weight: 600; text-align: center; } .grtb-retake-box p { margin: 5px 0 0; } /* Final note */ .grtb-prices-footer-note { margin-top: 35px; padding: 15px 17px; border-radius: 4px; background: var(--grtb-surface); color: var(--grtb-muted); font-size: 13px; } /* Prices Mobile */ @media (max-width: 700px) { .grtb-discount-grid { display: block; } .grtb-discount-card { margin-bottom: 9px; } .grtb-retake-box { align-items: flex-start; } .grtb-retake-value { min-width: 55px; font-size: 25px; } } /* ========================================= GRTB APPLY FOR EXAMS FINAL CONSOLIDATED VERSION ========================================= */ .grtb-apply { max-width: 100%; margin: 0; color: var(--grtb-text); font-family: inherit; } .grtb-apply-intro { max-width: 900px; margin: 0 0 25px; color: var(--grtb-muted); font-size: 15px; line-height: 1.7; } /* Sections */ .grtb-apply-section { margin-top: 38px; } .grtb-apply-title { margin: 0 0 14px !important; padding: 0; color: var(--grtb-heading); font-size: 19px !important; font-weight: 500 !important; } .grtb-apply-section-intro { margin: 0 0 15px; color: var(--grtb-text); font-size: 14px; } /* Main CTA */ .grtb-apply-cta { display: flex; align-items: center; justify-content: space-between; gap: 20px; box-sizing: border-box; padding: 20px 22px; border: 1px solid var(--grtb-border-accent); border-radius: 4px; background: var(--grtb-soft); } .grtb-apply-cta strong { display: block; margin-bottom: 3px; color: var(--grtb-heading); font-size: 16px; } .grtb-apply-cta span { display: block; color: var(--grtb-muted); font-size: 14px; } /* Buttons */ .grtb-apply a.grtb-apply-button { display: inline-block; box-sizing: border-box; padding: 10px 18px; border: 0; border-radius: 4px; background: var(--grtb-blue); color: var(--grtb-white) !important; font-family: inherit; font-size: 14px; font-weight: 600; text-decoration: none !important; white-space: nowrap; transition: background-color 0.15s ease; } .grtb-apply a.grtb-apply-button:hover { background: var(--grtb-navy); color: var(--grtb-white) !important; text-decoration: none !important; } /* Steps */ .grtb-steps { border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-white); overflow: hidden; } .grtb-step { display: flex; align-items: flex-start; gap: 18px; box-sizing: border-box; padding: 18px 20px; border-bottom: 1px solid var(--grtb-border); } .grtb-step:last-child { border-bottom: 0; } .grtb-step-number { display: flex; align-items: center; justify-content: center; flex: 0 0 30px; width: 30px; height: 30px; margin-top: 1px; border-radius: 50%; background: var(--grtb-blue); color: var(--grtb-white); font-size: 13px; font-weight: 600; line-height: 30px; text-align: center; } .grtb-step-content { flex: 1; min-width: 0; } .grtb-step-content > strong { display: block; margin: 2px 0 5px; color: var(--grtb-heading); font-size: 15px; font-weight: 600; } .grtb-step p { margin: 0 0 8px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } .grtb-step p:last-child { margin-bottom: 0; } /* Keep bold text inline inside sentences */ .grtb-apply p strong, .grtb-step p strong, .grtb-billing-note p strong { display: inline !important; } /* Personal email note */ .grtb-apply-note { max-width: 820px; margin-top: 12px; padding: 11px 14px; border-left: 3px solid var(--grtb-blue); background: var(--grtb-soft); color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } /* Payment methods */ .grtb-payment-grid { display: flex; gap: 12px; } .grtb-payment-card { flex: 1; box-sizing: border-box; padding: 20px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-surface); text-align: center; } .grtb-payment-icon { display: inline-block; margin-bottom: 12px; padding: 4px 9px; border-radius: 3px; background: var(--grtb-light); color: var(--grtb-blue); font-size: 10px; font-weight: 700; letter-spacing: 0.5px; } .grtb-payment-card > strong { display: block; margin-bottom: 8px; color: var(--grtb-heading); font-size: 15px; font-weight: 600; } .grtb-payment-card p { margin: 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } /* Receipt / Invoice */ .grtb-billing-note { margin-top: 16px; padding: 16px 18px; border-left: 3px solid var(--grtb-blue); border-radius: 2px; background: var(--grtb-soft); color: var(--grtb-text); } .grtb-billing-note > strong { display: block; margin-bottom: 5px; color: var(--grtb-heading); font-size: 15px; font-weight: 600; } .grtb-billing-note p { margin: 4px 0; color: var(--grtb-text); font-size: 14px; line-height: 1.6; } /* Before You Submit */ .grtb-check-box { padding: 16px 20px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-surface); } .grtb-check-box ul { margin: 0; padding-left: 20px; } .grtb-check-box li { margin-bottom: 7px; color: var(--grtb-text); font-size: 14px; line-height: 1.6; } .grtb-check-box li:last-child { margin-bottom: 0; } /* Group bookings */ .grtb-group-booking { box-sizing: border-box; padding: 20px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-surface); } .grtb-group-booking > div > strong { display: block; margin-bottom: 5px; color: var(--grtb-heading); font-size: 15px; font-weight: 600; } .grtb-group-booking p { max-width: 800px; margin: 0; color: var(--grtb-muted); font-size: 14px; line-height: 1.6; } .grtb-group-booking .grtb-contact-email { margin-top: 10px !important; color: var(--grtb-blue) !important; font-size: 14px; font-weight: 600; } .grtb-group-booking .grtb-contact-email strong { display: inline !important; color: var(--grtb-heading); } /* Bottom CTA */ .grtb-apply-bottom { margin-top: 42px; padding: 24px; border-radius: 4px; background: var(--grtb-surface); text-align: center; } .grtb-apply-bottom > strong { display: block; color: var(--grtb-heading); font-size: 17px; font-weight: 600; } .grtb-apply-bottom p { margin: 5px 0 15px; color: var(--grtb-muted); font-size: 14px; } /* Apply page Mobile */ @media (max-width: 700px) { .grtb-apply-section { margin-top: 32px; } .grtb-apply-title { font-size: 18px !important; } .grtb-apply-cta { display: block; padding: 18px; } .grtb-apply-cta .grtb-apply-button { margin-top: 14px; } .grtb-payment-grid { display: block; } .grtb-payment-card { margin-bottom: 9px; } .grtb-step { gap: 13px; padding: 16px; } .grtb-step-number { flex-basis: 28px; width: 28px; height: 28px; font-size: 12px; line-height: 28px; } .grtb-billing-note, .grtb-check-box, .grtb-group-booking { padding: 15px; } .grtb-apply-bottom { padding: 20px 15px; } } /* ========================================= GRTB EXAM INFORMATION / ONLINE EXAM PAGE ========================================= */ .grtb-exam-info { max-width: 100%; margin: 0; color: var(--grtb-text); font-family: inherit; } .grtb-exam-info-intro { max-width: 850px; margin: 0 0 28px; color: var(--grtb-muted); font-size: 15px; line-height: 1.7; } /* Sections */ .grtb-exam-info-section { margin-top: 38px; } .grtb-exam-info-title { margin: 0 0 14px !important; padding: 0; color: var(--grtb-heading); font-size: 19px !important; font-weight: 500 !important; } /* Requirement cards */ .grtb-requirements-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .grtb-requirement-card { box-sizing: border-box; padding: 18px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-surface); } .grtb-requirement-label { display: inline-block; margin-bottom: 10px; padding: 3px 8px; border-radius: 3px; background: var(--grtb-light); color: var(--grtb-blue); font-size: 10px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; } .grtb-requirement-card > strong { display: block; margin-bottom: 6px; color: var(--grtb-heading); font-size: 15px; font-weight: 600; } .grtb-requirement-card p { margin: 0; color: var(--grtb-muted); font-size: 14px; line-height: 1.6; } /* Important warning */ .grtb-exam-warning { margin-top: 14px; padding: 14px 16px; border-left: 3px solid var(--grtb-blue); background: var(--grtb-soft); color: var(--grtb-text); font-size: 14px; line-height: 1.6; } /* Generic information boxes */ .grtb-exam-info-box { padding: 18px 20px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-surface); } .grtb-exam-info-box p { margin: 0 0 10px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } .grtb-exam-info-box p:last-child { margin-bottom: 0; } /* Exam day */ .grtb-exam-day-box { display: flex; align-items: center; gap: 20px; padding: 20px; border: 1px solid var(--grtb-border-accent); border-radius: 4px; background: var(--grtb-soft); } .grtb-exam-day-time { min-width: 72px; color: var(--grtb-blue); font-size: 25px; font-weight: 600; text-align: center; } .grtb-exam-day-box > div:last-child > strong { display: block; margin-bottom: 5px; color: var(--grtb-heading); font-size: 15px; font-weight: 600; } .grtb-exam-day-box p { margin: 0; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } .grtb-exam-day-box p strong { display: inline !important; } /* Application */ .grtb-application-box { border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-white); overflow: hidden; } .grtb-application-item { padding: 18px 20px; border-bottom: 1px solid var(--grtb-border); } .grtb-application-item:last-child { border-bottom: 0; } .grtb-application-item > strong { display: block; margin-bottom: 5px; color: var(--grtb-heading); font-size: 15px; font-weight: 600; } .grtb-application-item p { margin: 0 0 10px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } .grtb-application-item p strong { display: inline !important; } /* Button */ .grtb-exam-info a.grtb-exam-info-button { display: inline-block; padding: 10px 18px; border-radius: 4px; background: var(--grtb-blue); color: var(--grtb-white) !important; font-size: 14px; font-weight: 600; text-decoration: none !important; } .grtb-exam-info a.grtb-exam-info-button:hover { background: var(--grtb-navy); color: var(--grtb-white) !important; text-decoration: none !important; } /* Contact */ .grtb-exam-contact { margin-top: 10px !important; color: var(--grtb-blue) !important; font-weight: 600; } .grtb-exam-contact strong { display: inline !important; color: var(--grtb-heading); } /* Mobile */ @media (max-width: 700px) { .grtb-requirements-grid { grid-template-columns: 1fr; } .grtb-exam-info-section { margin-top: 32px; } .grtb-exam-info-title { font-size: 18px !important; } .grtb-exam-day-box { align-items: flex-start; gap: 14px; padding: 16px; } .grtb-exam-day-time { min-width: 55px; font-size: 22px; } .grtb-exam-info-box, .grtb-application-item { padding: 16px; } } /* ========================================= GRTB COMPANY VOUCHER ========================================= */ .grtb-voucher-box { border: 1px solid var(--grtb-border-accent); border-radius: 4px; background: var(--grtb-white); overflow: hidden; } .grtb-voucher-header { display: flex; align-items: flex-start; gap: 16px; padding: 18px 20px; background: var(--grtb-soft); border-bottom: 1px solid var(--grtb-border); } .grtb-voucher-badge { display: inline-block; flex: 0 0 auto; margin-top: 2px; padding: 4px 8px; border-radius: 3px; background: var(--grtb-light); color: var(--grtb-blue); font-size: 10px; font-weight: 700; letter-spacing: 0.5px; } .grtb-voucher-header strong { display: block; margin-bottom: 5px; color: var(--grtb-heading); font-size: 15px; font-weight: 600; } .grtb-voucher-header p { margin: 0; color: var(--grtb-text); font-size: 14px; line-height: 1.6; } .grtb-voucher-header p strong { display: inline !important; } .grtb-voucher-steps { background: var(--grtb-white); } .grtb-voucher-step { display: flex; align-items: flex-start; gap: 14px; padding: 15px 20px; border-bottom: 1px solid var(--grtb-border); } .grtb-voucher-step:last-child { border-bottom: 0; } .grtb-voucher-step > span { display: flex; align-items: center; justify-content: center; flex: 0 0 26px; width: 26px; height: 26px; border-radius: 50%; background: var(--grtb-blue); color: var(--grtb-white); font-size: 12px; font-weight: 600; } .grtb-voucher-step strong { display: block; margin: 2px 0 4px; color: var(--grtb-heading); font-size: 14px; font-weight: 600; } .grtb-voucher-step p { margin: 0; color: var(--grtb-text); font-size: 13px; line-height: 1.6; } .grtb-voucher-step p strong { display: inline !important; } .grtb-voucher-note { padding: 13px 16px; border-top: 1px solid var(--grtb-border-accent); border-left: 3px solid var(--grtb-blue); background: var(--grtb-soft); color: var(--grtb-text); font-size: 13px; line-height: 1.6; } @media (max-width: 700px) { .grtb-voucher-header { display: block; } .grtb-voucher-badge { margin-bottom: 10px; } .grtb-voucher-step { padding: 14px 15px; } } /* ========================================= GRTB ACCREDITED TRAINING PROVIDERS ========================================= */ .grtb-trainers { max-width: 100%; margin: 0; color: var(--grtb-text); font-family: inherit; } .grtb-trainers-intro { max-width: 850px; margin: 0 0 18px; color: var(--grtb-muted); font-size: 15px; line-height: 1.7; } /* Accreditation information */ .grtb-trainers-note { margin-bottom: 28px; padding: 15px 17px; border-left: 3px solid var(--grtb-blue); background: var(--grtb-soft); color: var(--grtb-text); font-size: 14px; line-height: 1.6; } .grtb-trainers-note strong { display: block; margin-bottom: 4px; color: var(--grtb-heading); font-size: 15px; } /* Provider grid */ .grtb-trainers-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } /* Provider card */ .grtb-trainer-card { display: flex; flex-direction: column; min-width: 0; box-sizing: border-box; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); overflow: hidden; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .grtb-trainer-card:hover { border-color: var(--grtb-border); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); } /* Logo area */ .grtb-trainer-logo { display: flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 145px; padding: 24px; border-bottom: 1px solid var(--grtb-border); background: var(--grtb-surface); } .grtb-trainer-logo img { display: block; max-width: 240px; max-height: 95px; width: auto; height: auto; } /* Temporary 12PM text logo */ .grtb-trainer-logo-text a { color: var(--grtb-blue) !important; font-size: 30px; font-weight: 700; text-decoration: none !important; } /* Body */ .grtb-trainer-body { display: flex; flex-direction: column; flex: 1; box-sizing: border-box; padding: 20px; } .grtb-trainer-body h3 { margin: 0 0 6px !important; color: var(--grtb-heading); font-size: 17px !important; font-weight: 600 !important; line-height: 1.35 !important; text-transform: none !important; } /* Country */ .grtb-trainer-meta { margin-bottom: 17px; } .grtb-trainer-country { display: inline-block; padding: 2px 8px; border-radius: 3px; background: var(--grtb-light); color: var(--grtb-blue); font-size: 10px; font-weight: 700; letter-spacing: 0.4px; text-transform: uppercase; } /* Contact details */ .grtb-trainer-details { margin-bottom: 18px; } .grtb-trainer-details > div { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 10px; align-items: start; padding: 6px 0; border-bottom: 1px solid var(--grtb-border); } .grtb-trainer-details > div:last-child { border-bottom: 0; } .grtb-trainer-details strong { color: var(--grtb-text); font-size: 13px; font-weight: 600; } .grtb-trainer-details span { min-width: 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; } /* Certifications */ .grtb-trainer-levels { margin-bottom: 18px; padding: 13px 14px; border-radius: 4px; background: var(--grtb-soft); } .grtb-trainer-levels > strong { display: block; margin-bottom: 7px; color: var(--grtb-heading); font-size: 13px; font-weight: 600; } .grtb-trainer-levels ul { margin: 0; padding-left: 18px; } .grtb-trainer-levels li { margin-bottom: 4px; color: var(--grtb-text); font-size: 13px; line-height: 1.45; } .grtb-trainer-levels li:last-child { margin-bottom: 0; } /* Website button */ .grtb-trainers a.grtb-trainer-button { display: inline-block; align-self: flex-start; margin-top: auto !important; padding: 9px 15px; border-radius: 4px; background: var(--grtb-blue); color: var(--grtb-white) !important; font-size: 13px; font-weight: 600; text-decoration: none !important; transition: background-color 0.15s ease; } .grtb-trainers a.grtb-trainer-button:hover { background: var(--grtb-navy); color: var(--grtb-white) !important; text-decoration: none !important; } /* Footer */ .grtb-trainers-footer { margin-top: 28px; padding: 16px 18px; border-radius: 4px; background: var(--grtb-surface); color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } /* Mobile */ @media (max-width: 760px) { .grtb-trainers-grid { grid-template-columns: 1fr; } .grtb-trainer-logo { min-height: 130px; } .grtb-trainer-body { padding: 17px; } } @media (max-width: 420px) { .grtb-trainer-details > div { grid-template-columns: 1fr; gap: 2px; } } /* ========================================= GRTB CERTIFICATIONS PAGE ========================================= */ .grtb-certifications { color: var(--grtb-text); } .grtb-certifications-intro { max-width: 900px; margin: 0 0 28px; color: var(--grtb-muted); font-size: 16px; line-height: 1.7; } /* ========================================= STORY ========================================= */ .grtb-cert-story { display: grid; grid-template-columns: 1.5fr 1fr; gap: 35px; margin-bottom: 45px; padding: 30px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-surface); } .grtb-cert-eyebrow { display: inline-block; margin-bottom: 8px; color: var(--grtb-blue); font-size: 11px; font-weight: 700; letter-spacing: 0.8px; } .grtb-cert-story h2, .grtb-cert-employers h2 { margin: 0 0 15px !important; color: var(--grtb-heading); font-size: 25px !important; line-height: 1.3; } .grtb-cert-story p { margin: 0 0 13px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } /* Stats */ .grtb-cert-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .grtb-cert-stat { display: flex; flex-direction: column; justify-content: center; min-height: 100px; padding: 15px; box-sizing: border-box; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-white); text-align: center; } .grtb-cert-stat strong { display: block; margin-bottom: 5px; color: var(--grtb-blue); font-size: 27px; line-height: 1; } .grtb-cert-stat span { color: var(--grtb-muted); font-size: 12px; } /* ========================================= SECTIONS ========================================= */ .grtb-cert-section { margin: 45px 0; } .grtb-cert-title { margin: 0 0 10px !important; color: var(--grtb-heading); font-size: 22px !important; font-weight: 500 !important; text-transform: uppercase; } .grtb-cert-section-intro { max-width: 900px; margin: 0 0 22px; color: var(--grtb-muted); font-size: 14px; line-height: 1.7; } /* ========================================= BENEFITS ========================================= */ .grtb-cert-benefits { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } .grtb-cert-benefit { position: relative; box-sizing: border-box; min-height: 190px; padding: 20px 22px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); } .grtb-cert-benefit-number { display: block; margin-bottom: 15px; color: var(--grtb-blue); font-size: 12px; font-weight: 700; } .grtb-cert-benefit > strong { display: block; margin-bottom: 8px; color: var(--grtb-heading); font-size: 15px; } .grtb-cert-benefit p { margin: 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } /* ========================================= CERTIFICATION PATH ========================================= */ .grtb-cert-path { display: grid; grid-template-columns: minmax(0, 1fr) 35px minmax(0, 1fr) 35px minmax(0, 1fr); align-items: stretch; } .grtb-cert-path-item { box-sizing: border-box; padding: 22px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); } .grtb-cert-foundation { border-color: var(--grtb-border-accent); background: var(--grtb-soft); } .grtb-cert-path-label { display: inline-block; margin-bottom: 12px; color: var(--grtb-blue); font-size: 10px; font-weight: 700; letter-spacing: 0.7px; } .grtb-cert-path-item h3 { margin: 0 0 8px !important; color: var(--grtb-heading); font-size: 18px !important; } .grtb-cert-path-item p { min-height: 65px; margin: 0 0 15px; color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } .grtb-cert-path-item > strong { color: var(--grtb-blue); font-size: 13px; } .grtb-cert-path-arrow { display: flex; align-items: center; justify-content: center; color: var(--grtb-subtle); font-size: 21px; } /* ========================================= EMPLOYERS ========================================= */ .grtb-cert-employers { display: grid; grid-template-columns: 1.25fr 1fr; gap: 40px; padding: 28px; border-radius: 5px; background: var(--grtb-surface); } .grtb-cert-employers p { color: var(--grtb-text); font-size: 14px; line-height: 1.7; } .grtb-cert-employer-points { display: flex; flex-direction: column; justify-content: center; } .grtb-cert-employer-points > div { display: grid; grid-template-columns: 25px 1fr; gap: 8px; padding: 10px 0; border-bottom: 1px solid var(--grtb-border); } .grtb-cert-employer-points > div:last-child { border-bottom: 0; } .grtb-cert-employer-points strong { color: var(--grtb-blue); } .grtb-cert-employer-points span { color: var(--grtb-text); font-size: 13px; } /* ========================================= CTA ========================================= */ .grtb-cert-cta { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 40px; padding: 24px; border: 1px solid var(--grtb-border-accent); border-radius: 5px; background: var(--grtb-soft); } .grtb-cert-cta strong, .grtb-cert-bottom > strong { display: block; margin-bottom: 5px; color: var(--grtb-heading); font-size: 16px; } .grtb-cert-cta p, .grtb-cert-bottom p { margin: 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.5; } .grtb-certifications a.grtb-cert-button { display: inline-block; flex-shrink: 0; padding: 11px 17px; border-radius: 4px; background: var(--grtb-blue); color: var(--grtb-white) !important; font-size: 13px; font-weight: 600; text-decoration: none !important; } .grtb-certifications a.grtb-cert-button:hover { background: var(--grtb-navy); color: var(--grtb-white) !important; text-decoration: none !important; } /* Bottom CTA */ .grtb-cert-bottom { margin-top: 18px; padding: 24px; border-radius: 5px; background: var(--grtb-surface); text-align: center; } .grtb-cert-bottom p { margin-bottom: 15px; } /* ========================================= RESPONSIVE ========================================= */ @media (max-width: 900px) { .grtb-cert-benefits { grid-template-columns: repeat(2, 1fr); } .grtb-cert-story, .grtb-cert-employers { grid-template-columns: 1fr; } } @media (max-width: 700px) { .grtb-cert-benefits { grid-template-columns: 1fr; } .grtb-cert-path { grid-template-columns: 1fr; gap: 10px; } .grtb-cert-path-arrow { height: 25px; transform: rotate(90deg); } .grtb-cert-path-item p { min-height: auto; } .grtb-cert-cta { flex-direction: column; align-items: flex-start; } .grtb-cert-story { padding: 20px; } .grtb-cert-employers { padding: 20px; } } @media (max-width: 450px) { .grtb-cert-stats { grid-template-columns: 1fr; } } /* ========================================= GRTB STUDY MATERIALS ========================================= */ .grtb-study { color: var(--grtb-text); } .grtb-study-intro { max-width: 900px; margin: 0 0 28px; color: var(--grtb-muted); font-size: 16px; line-height: 1.7; } /* OFFICIAL MATERIAL */ .grtb-study-official { display: grid; grid-template-columns: 1.4fr 1fr; gap: 35px; margin-bottom: 18px; padding: 28px; border: 1px solid var(--grtb-border-accent); border-radius: 5px; background: var(--grtb-soft); } .grtb-study-label { display: inline-block; margin-bottom: 8px; color: var(--grtb-blue); font-size: 11px; font-weight: 700; letter-spacing: 0.8px; } .grtb-study-official h2 { margin: 0 0 14px !important; color: var(--grtb-heading); font-size: 23px !important; } .grtb-study-official p { margin: 0 0 12px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } .grtb-study-important { margin-top: 18px; padding: 13px 15px; border-left: 3px solid var(--grtb-blue); background: var(--grtb-white); color: var(--grtb-text); font-size: 13px; line-height: 1.6; } .grtb-study-important strong { display: block; margin-bottom: 3px; color: var(--grtb-heading); } /* OFFICIAL RESOURCE LIST */ .grtb-study-official-list { align-self: center; padding: 20px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-white); } .grtb-study-official-list > strong { display: block; margin-bottom: 12px; color: var(--grtb-heading); font-size: 14px; } .grtb-study-official-list > div { padding: 6px 0; color: var(--grtb-text); font-size: 13px; } .grtb-study-official-list > div::first-letter { color: var(--grtb-blue); } /* MAIN CTA */ .grtb-study-cta { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 22px 25px; border: 1px solid var(--grtb-border-accent); border-radius: 5px; background: var(--grtb-white); } .grtb-study-cta strong { display: block; margin-bottom: 4px; color: var(--grtb-heading); font-size: 15px; } .grtb-study-cta p { max-width: 720px; margin: 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } .grtb-study a.grtb-study-button { display: inline-block; flex-shrink: 0; padding: 11px 17px; border-radius: 4px; background: var(--grtb-blue); color: var(--grtb-white) !important; font-size: 13px; font-weight: 600; text-decoration: none !important; } .grtb-study a.grtb-study-button:hover { background: var(--grtb-navy); color: var(--grtb-white) !important; text-decoration: none !important; } /* SECTIONS */ .grtb-study-section { margin: 45px 0; } .grtb-study-title { margin: 0 0 10px !important; color: var(--grtb-heading); font-size: 22px !important; font-weight: 500 !important; text-transform: uppercase; } .grtb-study-section-intro { max-width: 900px; margin: 0 0 20px; color: var(--grtb-muted); font-size: 14px; line-height: 1.7; } /* THREE OFFICIAL RESOURCES */ .grtb-study-resources { display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; } .grtb-study-resource { padding: 21px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); } .grtb-study-resource-number { display: block; margin-bottom: 13px; color: var(--grtb-blue); font-size: 11px; font-weight: 700; } .grtb-study-resource > strong { display: block; margin-bottom: 7px; color: var(--grtb-heading); font-size: 15px; } .grtb-study-resource p { margin: 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } /* SUPPLEMENTARY MATERIAL WARNING */ .grtb-study-secondary-note { margin: 18px 0 28px; padding: 17px 19px; border-left: 3px solid var(--grtb-subtle); background: var(--grtb-surface); } .grtb-study-secondary-note > strong { display: block; margin-bottom: 5px; color: var(--grtb-heading); font-size: 14px; } .grtb-study-secondary-note p { margin: 4px 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } /* BOOK CATEGORIES */ .grtb-book-category { margin-bottom: 30px; } .grtb-book-category h3 { margin: 0 0 12px !important; color: var(--grtb-heading); font-size: 17px !important; } .grtb-book-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } /* BOOK */ .grtb-study a.grtb-book { display: flex; flex-direction: column; box-sizing: border-box; min-height: 135px; padding: 17px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-white); color: inherit !important; text-decoration: none !important; transition: border-color 0.15s ease, box-shadow 0.15s ease; } .grtb-study a.grtb-book:hover { border-color: var(--grtb-border-accent); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04); text-decoration: none !important; } .grtb-book strong { display: block; margin-bottom: 6px; color: var(--grtb-heading); font-size: 14px; line-height: 1.45; } .grtb-book span { display: block; margin-bottom: 13px; color: var(--grtb-subtle); font-size: 12px; line-height: 1.5; } .grtb-book small { display: block; margin-top: auto; color: var(--grtb-blue); font-size: 11px; font-weight: 600; } /* TRAINING */ .grtb-study-training { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 40px; padding: 24px; border-radius: 5px; background: var(--grtb-surface); } .grtb-study-training > div > strong { display: block; margin-bottom: 5px; color: var(--grtb-heading); font-size: 16px; } .grtb-study-training p { margin: 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } .grtb-study a.grtb-study-secondary-button { display: inline-block; flex-shrink: 0; padding: 10px 15px; border: 1px solid var(--grtb-blue); border-radius: 4px; color: var(--grtb-blue) !important; font-size: 12px; font-weight: 600; text-decoration: none !important; } .grtb-study a.grtb-study-secondary-button:hover { background: var(--grtb-blue); color: var(--grtb-white) !important; text-decoration: none !important; } /* RESPONSIVE */ @media (max-width: 850px) { .grtb-study-official { grid-template-columns: 1fr; } .grtb-study-resources { grid-template-columns: 1fr; } } @media (max-width: 700px) { .grtb-book-list { grid-template-columns: 1fr; } .grtb-study-cta, .grtb-study-training { flex-direction: column; align-items: flex-start; } .grtb-study-official { padding: 20px; } } /* ========================================= GRTB ABOUT PAGE ========================================= */ .grtb-about { color: var(--grtb-text); } .grtb-about-intro { max-width: 900px; margin: 0 0 28px; color: var(--grtb-muted); font-size: 16px; line-height: 1.7; } /* STORY */ .grtb-about-story { display: grid; grid-template-columns: 1.4fr 1fr; gap: 35px; margin-bottom: 45px; padding: 28px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-surface); } .grtb-about-label { display: inline-block; margin-bottom: 8px; color: var(--grtb-blue); font-size: 11px; font-weight: 700; letter-spacing: 0.8px; } .grtb-about-story h2, .grtb-about-wetest h2 { margin: 0 0 14px !important; color: var(--grtb-heading); font-size: 23px !important; line-height: 1.3; } .grtb-about-story p, .grtb-about-wetest p { margin: 0 0 12px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } /* STATS */ .grtb-about-stats { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .grtb-about-stat { display: flex; flex-direction: column; justify-content: center; min-height: 100px; padding: 15px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-white); text-align: center; } .grtb-about-stat strong { display: block; margin-bottom: 5px; color: var(--grtb-blue); font-size: 25px; line-height: 1; } .grtb-about-stat span { color: var(--grtb-muted); font-size: 12px; } /* SECTIONS */ .grtb-about-section { margin: 45px 0; } .grtb-about-title { margin: 0 0 14px !important; color: var(--grtb-heading); font-size: 22px !important; font-weight: 500 !important; text-transform: uppercase; } /* WHAT WE DO */ .grtb-about-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .grtb-about-card { padding: 20px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); } .grtb-about-card-number { display: block; margin-bottom: 12px; color: var(--grtb-blue); font-size: 11px; font-weight: 700; } .grtb-about-card > strong { display: block; margin-bottom: 7px; color: var(--grtb-heading); font-size: 15px; } .grtb-about-card p { margin: 0; color: var(--grtb-muted); font-size: 13px; line-height: 1.6; } /* WETEST */ .grtb-about-wetest { padding: 26px; border: 1px solid var(--grtb-border-accent); border-radius: 5px; background: var(--grtb-soft); } /* PRESIDENT */ .grtb-president-card { display: grid; grid-template-columns: 220px 1fr; gap: 28px; padding: 25px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); } .grtb-president-photo img { display: block; width: 100%; height: auto; border-radius: 4px; } .grtb-president-content h3 { margin: 0 0 12px !important; color: var(--grtb-heading); font-size: 20px !important; } .grtb-president-content p { margin: 0 0 12px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } .grtb-president-signoff { margin-top: 20px !important; } /* RESPONSIVE */ @media (max-width: 850px) { .grtb-about-story { grid-template-columns: 1fr; } .grtb-president-card { grid-template-columns: 180px 1fr; } } @media (max-width: 700px) { .grtb-about-grid { grid-template-columns: 1fr; } .grtb-president-card { grid-template-columns: 1fr; } .grtb-president-photo { max-width: 220px; } .grtb-about-story { padding: 20px; } .grtb-about-wetest { padding: 20px; } } @media (max-width: 450px) { .grtb-about-stats { grid-template-columns: 1fr; } } /* ========================================= GRTB EXECUTIVE BOARD ========================================= */ .grtb-board { margin-top: 10px; } .grtb-board-intro { max-width: 950px; margin: 0 0 25px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } /* BOARD GRID */ .grtb-board-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } /* MEMBER CARD */ .grtb-board-member { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); } /* PHOTO */ .grtb-board-photo { display: flex; align-items: center; justify-content: center; height: 190px; padding: 20px; background: var(--grtb-surface); } .grtb-board-photo img { display: block; width: 140px; height: 140px; object-fit: cover; border-radius: 50%; } /* MEMBER INFORMATION */ .grtb-board-info { display: flex; flex: 1; flex-direction: column; align-items: center; padding: 18px 15px 20px; text-align: center; } .grtb-board-info > strong { display: block; margin-bottom: 6px; color: var(--grtb-heading); font-size: 15px; line-height: 1.4; } /* ROLE */ .grtb-board-role { display: block; min-height: 34px; margin-bottom: 10px; color: var(--grtb-subtle); font-size: 12px; line-height: 1.4; } /* LINKEDIN */ .grtb-board-link { display: inline-block; margin-top: auto; color: var(--grtb-blue); font-size: 12px; font-weight: 600; text-decoration: none; } .grtb-board-link:hover, .grtb-board-link:focus { color: var(--grtb-navy); text-decoration: underline; } /* RESPONSIVE */ @media (max-width: 750px) { .grtb-board-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 500px) { .grtb-board-grid { grid-template-columns: 1fr; } .grtb-board-photo { height: 180px; } .grtb-board-photo img { width: 130px; height: 130px; } .grtb-board-role { min-height: 0; } } /* ========================================= GRTB VOLUNTEERS ========================================= */ .grtb-volunteers { margin-top: 10px; } .grtb-volunteers-intro { max-width: 950px; margin: 0 0 10px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } .grtb-volunteers-intro:last-of-type { margin-bottom: 25px; } /* GRID */ .grtb-volunteers-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; } /* VOLUNTEER CARD */ .grtb-volunteer { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); } /* PHOTO */ .grtb-volunteer-photo { display: flex; align-items: center; justify-content: center; height: 155px; padding: 15px; background: var(--grtb-surface); } .grtb-volunteer-photo img { display: block; width: 115px; height: 115px; object-fit: cover; border-radius: 50%; } /* INFORMATION */ .grtb-volunteer-info { display: flex; flex: 1; flex-direction: column; align-items: center; padding: 15px 10px 17px; text-align: center; } .grtb-volunteer-info > strong { display: block; min-height: 40px; margin-bottom: 5px; color: var(--grtb-heading); font-size: 14px; line-height: 1.4; } .grtb-volunteer-role { display: block; margin-bottom: 9px; color: var(--grtb-subtle); font-size: 11px; line-height: 1.4; } /* LINKEDIN */ .grtb-volunteer-link { display: inline-block; margin-top: auto; color: var(--grtb-blue); font-size: 12px; font-weight: 600; text-decoration: none; } .grtb-volunteer-link:hover, .grtb-volunteer-link:focus { color: var(--grtb-navy); text-decoration: underline; } /* RESPONSIVE */ @media (max-width: 1000px) { .grtb-volunteers-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 700px) { .grtb-volunteers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 450px) { .grtb-volunteers-grid { grid-template-columns: 1fr; } .grtb-volunteer-info > strong { min-height: 0; } } .grtb-volunteer-placeholder { display: flex; align-items: center; justify-content: center; width: 115px; height: 115px; border-radius: 50%; background: var(--grtb-light); color: var(--grtb-blue); font-size: 28px; font-weight: 600; } /* ========================================= GRTB LATEST NEWS ========================================= */ .grtb-news { color: var(--grtb-text); } .grtb-news-intro { max-width: 900px; margin: 0 0 28px; color: var(--grtb-muted); font-size: 15px; line-height: 1.7; } /* LABELS */ .grtb-news-label { display: inline-block; margin-bottom: 8px; color: var(--grtb-blue); font-size: 10px; font-weight: 700; letter-spacing: 0.7px; } /* FEATURED */ .grtb-news-featured { margin-bottom: 42px; padding: 28px; border: 1px solid var(--grtb-border-accent); border-radius: 5px; background: var(--grtb-soft); } .grtb-news-featured h2, .grtb-news-section-heading h2 { margin: 0 0 12px !important; color: var(--grtb-heading); font-size: 22px !important; font-weight: 500 !important; } .grtb-news-featured p { max-width: 850px; margin: 0 0 14px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } /* EVENT META */ .grtb-news-event-meta { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; } .grtb-news-event-meta > div { padding: 14px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-white); text-align: center; } .grtb-news-event-meta strong { display: block; margin-bottom: 3px; color: var(--grtb-blue); font-size: 15px; } .grtb-news-event-meta span { color: var(--grtb-muted); font-size: 12px; } /* SECTIONS */ .grtb-news-section { margin: 40px 0; } .grtb-news-section-heading { margin-bottom: 13px; } .grtb-news-card { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 22px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); } .grtb-news-card-highlight { border-color: var(--grtb-border-accent); background: var(--grtb-soft); } .grtb-news-card > div { flex: 1; } .grtb-news-card > div > strong { display: block; margin-bottom: 6px; color: var(--grtb-heading); font-size: 15px; } .grtb-news-card p { max-width: 850px; margin: 0 0 8px; color: var(--grtb-text); font-size: 14px; line-height: 1.7; } /* DEADLINE */ .grtb-news-deadline { display: inline-block; margin-top: 9px; padding: 7px 10px; border-radius: 3px; background: var(--grtb-light); color: var(--grtb-text); font-size: 12px; } .grtb-news-deadline strong { color: var(--grtb-blue); } /* BUTTONS */ .grtb-news-actions { display: flex; gap: 9px; margin-top: 18px; } .grtb-news a.grtb-news-button, .grtb-news a.grtb-news-secondary-button { display: inline-block; padding: 10px 16px; border-radius: 4px; font-size: 13px; font-weight: 600; text-decoration: none !important; } .grtb-news a.grtb-news-button { background: var(--grtb-blue); color: var(--grtb-white) !important; } .grtb-news a.grtb-news-button:hover { background: var(--grtb-navy); color: var(--grtb-white) !important; } .grtb-news a.grtb-news-secondary-button { border: 1px solid var(--grtb-blue); background: var(--grtb-white); color: var(--grtb-blue) !important; } .grtb-news a.grtb-news-secondary-button:hover { background: var(--grtb-light); text-decoration: none !important; } /* EXPIRED OFFER */ .grtb-news-expired { padding: 18px 20px; border-left: 3px solid var(--grtb-subtle); background: var(--grtb-surface); color: var(--grtb-muted); } .grtb-news-expired > strong { display: block; margin-bottom: 6px; color: var(--grtb-heading); font-size: 14px; } .grtb-news-expired p { margin: 4px 0; font-size: 13px; line-height: 1.6; } .grtb-news-expired a { display: inline-block; margin-top: 7px; color: var(--grtb-blue); font-size: 12px; font-weight: 600; } /* QUICK LINKS */ .grtb-news-links { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 42px; } .grtb-news-links a { display: block; padding: 16px 18px; border: 1px solid var(--grtb-border); border-radius: 4px; background: var(--grtb-surface); color: inherit !important; text-decoration: none !important; } .grtb-news-links a:hover { border-color: var(--grtb-border-accent); background: var(--grtb-soft); } .grtb-news-links strong { display: block; margin-bottom: 3px; color: var(--grtb-heading); font-size: 14px; } .grtb-news-links span { color: var(--grtb-blue); font-size: 12px; } /* MOBILE */ @media (max-width: 700px) { .grtb-news-event-meta { grid-template-columns: 1fr; } .grtb-news-card { flex-direction: column; align-items: flex-start; } .grtb-news-links { grid-template-columns: 1fr; } .grtb-news-actions { flex-direction: column; align-items: flex-start; } .grtb-news-featured { padding: 20px; } } /* ========================================= GRTB HOMEPAGE ========================================= */ .grtb-home-intro { box-sizing: border-box; padding: 36px 32px; background: var(--grtb-white); color: var(--grtb-text); } /* Intro */ .grtb-home-welcome { max-width: 900px; margin: 0 0 30px; } .grtb-home-label { display: block; margin-bottom: 8px; color: var(--grtb-blue); font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .grtb-home-welcome h1 { margin: 0 0 14px !important; color: var(--grtb-heading); font-size: 31px !important; font-weight: 600 !important; line-height: 1.25; text-transform: none !important; } .grtb-home-welcome p { max-width: 900px; margin: 0 0 9px; color: var(--grtb-text); font-size: 15px; line-height: 1.7; } /* Homepage cards */ .grtb-home-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; } .grtb-home-service { display: flex; flex-direction: column; min-width: 0; box-sizing: border-box; padding: 20px 22px; border: 1px solid var(--grtb-border); border-radius: 5px; background: var(--grtb-white); transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease; } .grtb-home-service:hover { border-color: var(--grtb-blue); box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06); transform: translateY(-2px); } /* Card category */ .grtb-home-service-label { display: inline-block; align-self: flex-start; margin-bottom: 8px; color: var(--grtb-muted); font-size: 10px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; } /* Card title */ .grtb-home-service h3 { margin: 0 0 12px !important; color: var(--grtb-heading); font-size: 18px !important; font-weight: 500 !important; line-height: 1.35; text-transform: none !important; } /* Card description */ .grtb-home-service p { margin: 0 0 15px; color: var(--grtb-text); font-size: 14px; line-height: 1.65; } /* Card links */ .grtb-home-service a { display: inline-block; align-self: flex-start; margin-top: auto; color: var(--grtb-blue) !important; font-size: 13px; font-weight: 600; text-decoration: none !important; } .grtb-home-service a:hover, .grtb-home-service a:focus { color: var(--grtb-navy) !important; text-decoration: underline !important; } /* WeTest.Athens CFP */ .grtb-home-highlight { display: inline-block; align-self: flex-start; margin: 0 0 16px; padding: 5px 9px; border: 1px solid var(--grtb-border-accent); border-radius: 3px; background: var(--grtb-soft); color: var(--grtb-blue); font-size: 11px; font-weight: 600; } /* Responsive */ @media (max-width: 850px) { .grtb-home-services { grid-template-columns: 1fr; } } @media (max-width: 600px) { .grtb-home-intro { padding: 25px 18px; } .grtb-home-welcome { margin-bottom: 24px; } .grtb-home-welcome h1 { font-size: 24px !important; } .grtb-home-welcome p { font-size: 14px; } .grtb-home-service { padding: 19px; } } /* ========================================= GRTB ACCENT COLOUR REFINEMENT Turquoise is used for small labels and decorative accents; navy/blue remain the primary action colours for accessibility. ========================================= */ .grtb-home-label, .grtb-home-service-label, .grtb-news-label, .grtb-cert-eyebrow, .grtb-study-label, .grtb-about-label, .grtb-requirement-label, .grtb-payment-icon, .grtb-voucher-badge, .grtb-trainer-country, .grtb-cert-benefit-number, .grtb-cert-path-label, .grtb-study-resource-number, .grtb-about-card-number { color: var(--grtb-cyan); } .grtb-home-service:hover, .grtb-trainer-card:hover, .grtb-study a.grtb-book:hover { border-color: var(--grtb-cyan); } .grtb-faq details[open], .grtb-news-featured, .grtb-news-card-highlight, .grtb-cert-cta, .grtb-study-official, .grtb-about-wetest, .grtb-exam-day-box, .grtb-retake-box, .grtb-apply-cta, .grtb-voucher-box { border-color: var(--grtb-border-accent) !important; } /* ========================================= GRTB - SOFTER PAGE BACKGROUND ========================================= */ /* Overall website background */ body { background-color: #f4f7f8 !important; } /* Main content areas */ #jsn-mainbody, #jsn-mainbody-content, #jsn-content, #jsn-content_inner { background-color: #f8fafb !important; } /* Keep component cards white */ .grtb-home-service, .grtb-cert-benefit, .grtb-trainer-card, .grtb-board-member, .grtb-volunteer, .grtb-news-card, .grtb-study-resource, .grtb-about-card { background-color: #ffffff; } /* ========================================================= GRTB FOOTER - CONSOLIDATED ========================================================= */ .grtb-footer { background: #f5f7f9; border-top: 1px solid #dce4ea; padding: 24px 32px 12px; color: var(--grtb-text); } .grtb-footer-inner { max-width: 1100px; margin: 0 auto; } .grtb-footer-brand { margin-bottom: 18px; } .grtb-footer-brand h3 { margin: 0 0 5px; color: var(--grtb-navy); font-size: 21px; font-weight: 700; } .grtb-footer-brand p { margin: 0; color: var(--grtb-muted); font-size: 14px; line-height: 1.6; } .grtb-footer-links { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 16px 0; padding: 0; list-style: none; } .grtb-footer-links a { color: var(--grtb-navy); text-decoration: none; font-weight: 600; } .grtb-footer-links a:hover { color: var(--grtb-cyan); } .grtb-footer-contact { display: flex; flex-wrap: wrap; gap: 10px 30px; margin-top: 6px; color: var(--grtb-muted); font-size: 14px; } .grtb-footer-contact a { color: var(--grtb-blue); text-decoration: none; } .grtb-footer-bottom { margin-top: 18px; padding-top: 14px; border-top: 1px solid #dce4ea; color: var(--grtb-muted); font-size: 12px; } @media (max-width: 700px) { .grtb-footer { padding: 24px 22px 18px; } .grtb-footer-links, .grtb-footer-contact { flex-direction: column; gap: 10px; } .grtb-footer-links { margin: 14px 0; } .grtb-footer-bottom { margin-top: 16px; } } /* ========================================================= GRTB - OUTER PAGE BACKGROUND ========================================================= */ body { background: #29445c !important; } /* ========================================= FINAL SPACING POLISH ========================================= */ /* Reduce navy separation before footer */ #jsn-footer { margin-top: 18px !important; } /* ========================================================= GRTB - LIGHT NAVIGATION BAR ========================================================= */ .sunfw-menu, .navbar-collapse.sunfw-menu, .sunfw-menu .sunfw-tpl-menu { background: #f4f7f9 !important; } /* Main navigation links */ .sunfw-tpl-menu > li > a { position: relative; background: transparent !important; color: #2f4154 !important; font-weight: 500 !important; transition: color 0.2s ease, background-color 0.2s ease; } /* Menu text */ .sunfw-tpl-menu > li > a .menutitle { color: inherit !important; } /* Hover */ .sunfw-tpl-menu > li > a:hover, .sunfw-tpl-menu > li:hover > a { background: transparent !important; color: #20b8d4 !important; } /* Active/current page */ .sunfw-tpl-menu > li.active > a, .sunfw-tpl-menu > li.current > a, .sunfw-tpl-menu > li.current.active > a { background: transparent !important; color: #2863a6 !important; font-weight: 600 !important; } /* Active underline */ .sunfw-tpl-menu > li.active > a::after, .sunfw-tpl-menu > li.current > a::after, .sunfw-tpl-menu > li.current.active > a::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0; height: 3px; background: #20b8d4; border-radius: 3px 3px 0 0; } /* Dropdown menus */ .sunfw-tpl-menu .dropdown-menu { background: #ffffff !important; border: 1px solid #d9e2e8 !important; border-radius: 4px !important; box-shadow: 0 8px 24px rgba(20, 40, 60, 0.12) !important; } .sunfw-tpl-menu .dropdown-menu li > a { background: #ffffff !important; color: #243b53 !important; } .sunfw-tpl-menu .dropdown-menu li > a:hover { background: #f3f8fa !important; color: #2863a6 !important; } /* ========================================================= GRTB HEADER CLEANUP ========================================================= */ /* Remove obsolete line/menu area between logo and socials */ #column_column-16 .sunfw-item-menu { display: none !important; } /* Make sure the middle header column has no decoration */ #column_column-16 { border: 0 !important; background: transparent !important; } #column_column-16::before, #column_column-16::after { display: none !important; content: none !important; } /* Compact top branding row */ #sunfw_section_header .row { min-height: 0 !important; } #sunfw_section_header { padding-top: 6px !important; padding-bottom: 6px !important; } /* Active/current navigation item */ .sunfw-tpl-menu > li.active > a, .sunfw-tpl-menu > li.current > a, .sunfw-tpl-menu > li.current.active > a { background: transparent !important; color: #2863a6 !important; font-weight: 700 !important; } /* Remove template/custom active lines */ .sunfw-tpl-menu > li > a::before, .sunfw-tpl-menu > li > a::after, .sunfw-tpl-menu > li.active > a::before, .sunfw-tpl-menu > li.active > a::after, .sunfw-tpl-menu > li.current > a::before, .sunfw-tpl-menu > li.current > a::after { display: none !important; content: none !important; } /* ========================================================= SPACE BETWEEN NAVIGATION AND CONTENT ========================================================= */ #sunfw_section_menu { margin-bottom: 16px !important; } /* ========================================= FULL WIDTH NAVIGATION BACKGROUND ========================================= */ #sunfw_section_menu { background: #f5f7f9 !important; width: 100% !important; } /* Keep navigation content aligned with site content */ #sunfw_section_menu > .container { max-width: 1100px; margin: 0 auto; } #sunfw_section_menu { background: #f5f7f9 !important; border-bottom: 1px solid #dce4ea !important; } /* ========================================= GRTB FOOTER - FINAL ========================================= */ .grtb-footer { background: #f5f7f9; border-top: 1px solid #dce4ea; padding: 38px 32px 24px; } .grtb-footer-inner { max-width: 1100px; margin: 0 auto; } /* Brand */ .grtb-footer-brand { margin-bottom: 24px; } .grtb-footer-brand h3 { margin: 0 0 7px; color: var(--grtb-navy); font-size: 24px; line-height: 1.25; font-weight: 700; } .grtb-footer-brand p { margin: 0; color: var(--grtb-muted); font-size: 16px; line-height: 1.5; } /* Navigation */ .grtb-footer-links { display: flex; flex-wrap: wrap; gap: 12px 32px; margin: 25px 0; padding: 0; list-style: none; } .grtb-footer-links a { color: var(--grtb-navy); text-decoration: none; font-size: 15px; font-weight: 600; } .grtb-footer-links a:hover { color: var(--grtb-cyan); } /* Contact */ .grtb-footer-contact { display: flex; flex-wrap: wrap; gap: 12px 32px; margin-top: 6px; color: var(--grtb-muted); font-size: 15px; line-height: 1.6; } .grtb-footer-contact a { color: var(--grtb-blue); text-decoration: none; font-weight: 500; } .grtb-footer-contact a:hover { color: var(--grtb-cyan); } /* Copyright */ .grtb-footer-bottom { margin-top: 26px; padding-top: 18px; border-top: 1px solid #dce4ea; color: var(--grtb-muted); font-size: 13px; } /* Mobile */ @media (max-width: 700px) { .grtb-footer { padding: 30px 22px 20px; } .grtb-footer-brand h3 { font-size: 21px; } .grtb-footer-links, .grtb-footer-contact { flex-direction: column; gap: 10px; } } /* ========================================= GO TO TOP - FINAL ========================================= */ .sunfw-scrollup { width: 46px !important; height: 46px !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: var(--grtb-blue) !important; color: #ffffff !important; /* Hides "Go to Top" text */ font-size: 0 !important; box-shadow: 0 6px 18px rgba(32, 55, 80, 0.18); transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease; } /* Keep only the original Font Awesome icon */ .sunfw-scrollup i { display: block !important; margin: 0 !important; padding: 0 !important; color: #ffffff !important; font-size: 22px !important; line-height: 1 !important; } /* IMPORTANT: remove our previously generated arrow */ .sunfw-scrollup::before { content: none !important; display: none !important; } /* Hover */ .sunfw-scrollup:hover { background: var(--grtb-cyan) !important; transform: translateY(-3px); box-shadow: 0 8px 22px rgba(32, 55, 80, 0.22); }
/* FILE: /plugins/system/sunfw/assets/3rd-party/cookieconsent/styles/dark.css */
.cc-theme-block.cc-type-info{background:#222;color:#fff;font-size:17px;font-family:"Helvetica Neue Light",HelveticaNeue-Light,"Helvetica Neue",Calibri,Helvetica,Arial;box-sizing:border-box;padding:15px;z-index:9001}.cc-theme-block.cc-type-info .cc-link{color:#31a8f0}.cc-theme-block.cc-type-info .cc-link:hover{color:#b2f7ff}.cc-theme-block.cc-type-info.cc-top{position:fixed;height:66px;top:0;left:0;right:0}.cc-theme-block.cc-type-info.cc-bottom>.cc-compliance,.cc-theme-block.cc-type-info.cc-top>.cc-compliance{float:right;display:block;width:33%;margin-left:10px;max-width:120px;text-align:right}.cc-theme-block.cc-type-info.cc-bottom{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px}.cc-theme-block.cc-type-info.cc-bottom.cc-right{position:fixed;overflow:hidden;padding:10px 15px 20px;left:initial;right:20px;bottom:20px;width:300px}.cc-theme-block.cc-type-info.cc-bottom.cc-left>.cc-compliance,.cc-theme-block.cc-type-info.cc-bottom.cc-right>.cc-compliance{display:block;width:100%;float:none;max-width:none;padding:15px 0 25px;margin:0}.cc-theme-block.cc-type-info.cc-bottom.cc-left>.cc-compliance .cc-btn,.cc-theme-block.cc-type-info.cc-bottom.cc-right>.cc-compliance .cc-btn{display:block;width:100%;float:none}.cc-theme-block.cc-type-info.cc-bottom.cc-left{position:fixed;overflow:hidden;padding:10px 15px 20px;right:initial;left:20px;bottom:20px;width:300px}.cc-btn.cc-dismiss{cursor:pointer;text-align:center;font-size:.6em;line-height:1em;padding:8px 10px;color:#000;display:block;background-color:#f1d600;transition:background .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;-webkit-transition:background .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc-btn.cc-dismiss:active,.cc-btn.cc-dismiss:hover{background-color:#fff;color:#000}.cc-message{font-size:.6em;transition:font-size .2s;margin:0;display:inline-block;padding:0;line-height:1.5em}.cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background-image:url(https://s3-eu-west-1.amazonaws.com/assets.cookieconsent.silktide.com/cookie-consent-logo.png);opacity:.9;transition:opacity .2s}.cc_logo:active,.cc_logo:hover{opacity:1}@media screen and (min-width:500px){.cc-btn.cc-dismiss,.cc-message{font-size:.8em}.cc-message{margin-top:.5em}.cc-theme-block.cc-type-info.cc-bottom .cc-btn.cc-dismiss,.cc-theme-block.cc-type-info.cc-top .cc-btn.cc-dismiss{margin-top:5px}}@media screen and (min-width:768px){.cc-theme-block.cc-type-info{padding:15px 30px}.cc-btn.cc-dismiss{font-size:1em;padding:8px 15px}.cc-message{font-size:1em;line-height:1em}.cc-theme-block.cc-type-info.cc-bottom .cc-btn.cc-dismiss,.cc-theme-block.cc-type-info.cc-top .cc-btn.cc-dismiss{margin-top:0}}@media screen and (min-width:992px){.cc-message{font-size:1em}}@media screen and (max-width:500px){.cc-theme-block.cc-type-info.cc-bottom,.cc-theme-block.cc-type-info.cc-top{overflow-y:auto}.cc-theme-block.cc-type-info.cc-bottom>.cc-compliance,.cc-theme-block.cc-type-info.cc-top>.cc-compliance{float:none;margin:0 auto}.cc-theme-block.cc-type-info.cc-bottom.cc-left>.cc-compliance,.cc-theme-block.cc-type-info.cc-bottom.cc-right>.cc-compliance{padding:10px 0}}@-webkit-keyframes slideDown{0%{margin-top:-66px}100%{margin-top:0}}@keyframes slideDown{0%{margin-top:-66px}100%{margin-top:0}}@-webkit-keyframes growDown{0%{height:0}100%{height:66px}}@keyframes growDown{0%{height:0}100%{height:66px}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.cc_container{-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-name:slideDown;animation-name:slideDown}.cc-theme-block.cc-type-info,.cc-theme-block.cc-type-info.cc-bottom.cc-right{-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s}.cc-theme-block.cc-type-info{animation-duration:.8s;-webkit-animation-name:growDown;animation-name:growDown}.cc-theme-block.cc-type-info.cc-bottom.cc-right{animation-duration:.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}.cc-theme-block.cc-type-info.cc-bottom.cc-left{-webkit-animation-duration:.8s;-moz-animation-duration:.8s;-o-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}.cc-theme-block.cc-invisible{display:none}