/* Variables.css | Jan 20, 2026 @2:30:40 PM  */

@import url("https://use.typekit.net/orz6bch.css");

:root {
/* Colours */

--color-black-hex: #000;
--color-black-rgb: 0,0,0;
--color-red-hex: #B90301;
--color-red-rgb: 185,3,1;
--color-gold-hex: #A37E00;
--color-gold-rgb: 163,126,0;

--primary-color: var(--color-red-hex);
--primary-color-hex: var(--color-red-rgb);
--secondary-color: var(--color-gold-hex);
--secondary-color-hex: var(--color-gold-rgb);

/* Fonts */
--font-primary: alternate-gothic-atf, sans-serif;
--font-secondary: roboto, sans-serif;
--font-heading: var(--font-primary);
--font-body: var(--font-secondary);

/* Wrapper */
--wrapper-width: 1280px;
    --wrapper-width-slim: 1024px;
    --wrapper-width-thin: 880px;
    --wrapper-width-wide: 1400px;
    --wrapper-padding: 2rem;

/* Buttons */
--button-border-radius: 4px;

--button-font: var(--font-primary);
--button-font-size: var(--font-size-lg);
--button-font-color: #FFF;
--button-font-color-hover: #000;
--button-background: var(--color-red-hex);
--button-background-hover: var(--color-gold-hex);
--button-padding: 15px 25px;

--button-alternate-font-size: var(--font-size-base);
--button-alternate-font-color: #000;
--button-alternate-background: var(--color-gold-hex);
--button-alternate-background-hover: var(--color-red-hex);

--button-small-padding: 6px 12px;

/* General */

--border-radius: 8px;
--transition: 0.2s ease all;
--transition-slow: 0.5s ease all;
--section-padding: 6rem;
--item-gap: 3rem;
--content-margin: 2rem;

--header-padding-x: 30px;
--header-padding-y: 15px;

/* Skylines */

--skyline-kingston-url: url("/files/lionhearts/web-img/skyline-silhouette-kingston-new.svg");
--skyline-ottawa-url: url("/files/lionhearts/web-img/skyline-silhouette-ottawa-new.svg");
--skyline-london-url: url("/files/lionhearts/web-img/skyline-silhouette-london-new.svg");
}/* Typography.css | Oct 20, 2025 @7:27:58 AM  */

body {
font-family: var(--font-body);
font-size: var(--font-size-base);
}

a {
color: var(--color-red-hex);
}

h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
text-transform: uppercase;
line-height: 1em;
}

h1 {
font-size: var(--font-size-5xl);
line-height: 0.9em;
}

h2 {
color: var(--color-red-hex);

span:first-child {
display: inline-block;
line-height: 1em;
}
}

.navigation-widget.standard:not(.collapse) .l1 > a {
font-size: var(--font-size-base);
}

/* Buttons */

.content-module .btn {
margin: 0.2em 0;
}

.btn,
.item-donate a,
.item-subscribe a {
display: inline-flex;
align-items: center;
gap: 0.5rem;
position: relative;
padding: var(--button-padding);
background-color: var(--button-background);
font-family: var(--button-font);
font-size: var(--button-font-size);
font-weight: 600;
border: none;
border-radius: var(--button-border-radius);
text-transform: uppercase;
color: var(--button-font-color);

i {
font-size: 0.8em;
}

&.alt {
border: none;
background-color: var(--button-alternate-background);
color: var(--button-alternate-font-color);

&:hover {
background-color: var(--button-alternate-background-hover) !important;
color: var(--button-font-color) !important;
}
}

&:hover {
background-color: var(--button-background-hover) !important;
color: var(--button-alternate-font-color) !important;
}
}

.navigation-widget .item-donate,
.navigation-widget .item-subscribe {
margin-left: 12px;

a {
padding: var(--button-small-padding) !important;
}
}/* General.css | Feb 3, 2026 @12:39:41 PM  */

/* Fade In All Content */

main .below-viewport:not(.column-widget) {
position: relative;
top: 100px;
opacity: 0;
transition: 0.5s ease all;
}

main .partial-below-viewport:not(.column-widget),
main .in-viewport:not(.column-widget) {
position: relative;
top: 0;
opacity: 1;
transition: 1s ease all;
}

/* General */

html {
scroll-behavior: smooth;
}
*::before,
*::after {
box-sizing: border-box;
}

body {
background-color: #FFF;
}

.wrapper {
margin: auto;
padding: 0 var(--wrapper-padding);
max-width: var(--wrapper-width);
z-index: 1;

.column-widget.thin & {
max-width: var(--wrapper-width-thin);
}
}

hr {
width: 100%;
height: 3px;
border: none;
background-color: rgb(var(--color-gold-rgb));
}

figure.image {
border: none;
margin: 0;
border-radius: var(--border-radius);
overflow: hidden;

img {
margin: 0 !important;
max-width: 100% !important;
}
figcaption {
padding: 1rem 1.5rem;
text-align: left;
border: none;
}
}

a {
transition: var(--transition);
}

img {
max-width: 100%;
height: auto;
}

.module {
h1, h2, h3, h4, h5, h6, p {
&:not(:last-child) {
margin-bottom: var(--content-margin);
}
}

&.content-module img {
border-radius: var(--border-radius);
}
}

/* Header */

.include-widget:has(header) {
position: absolute;
top: 4rem;
width: 100vw;
display: flex;
justify-content: center;

body[data-editor="page"] & {
z-index: 2;
}
}



header {
z-index: 10000;
width: calc(100% - (var(--wrapper-padding) * 2));
max-width: var(--wrapper-width);

display: flex;
flex-direction: column;
padding: 0;
border-radius: var(--border-radius);

.site-logo {
position: relative;

img {
min-width: 150px;
width: auto;
height: 70px;
}
}

.navigation-widget.standard:not(.collapse) {
flex: 1;

.l1 {

> a {
font-family: var(--font-heading);
color: #FFF;
text-transform: uppercase;
padding: var(--button-small-padding);
letter-spacing: 0;

span:first-child {
position: relative;
}

.l1:not(.item-donate, .item-subscribe) & span:first-child::after {
content: "";
position: absolute;
left: 50%;
translate: -50% 0;
top: 120%;
width: 0;
height: 2px;
background-color: var(--color-red-hex);
transition: var(--transition);
}

.l1:hover & {
background: none;

& span:first-child::after {
width: 50%;
}
}

.l1.active & span:first-child::after {
width: 50%;
background-color: var(--color-gold-hex);
}
}

.submenu {
background-color: var(--color-red-hex);
border-radius: var(--border-radius);
text-transform: uppercase;
font-size: var(--font-size-xs);
letter-spacing: 1px;
overflow: hidden;

li > a {
border-left: 0px solid transparent;
transition: var(--transition);

&:hover {
border-left: 4px solid white;
}
}
}
}

.submenu-toggle::after {
font-size: var(--font-size-sm);
color: var(--color-red-hex);
}
}

.navigation-widget.collapse.hamburger {
.menu-toggle label {
display: flex;
align-items: center;
gap: 1rem;
padding: 0;

span {
position: relative;
top: 1px;
font-family: var(--font-heading);
font-size: 2.2rem;
line-height: 0.8em;
padding: 0;
color: #FFF;
}

&::after {
content: "\e10a";
font: var(--fa-font-solid);
font-size: 3rem;
position: static;
transform: none;
margin: 0;
color: var(--color-red-hex);
transition: var(--transition-slow);
}

&:hover::after {
color: var(--color-red-hex);
transform: rotate(180deg) scale(1.2);
}
}

nav {
width: 100%;
height: 100%;
top: 0;
left: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;

.menu-toggle {
background-color: rgba(0,0,0,0.8);
margin-bottom: 2rem;
padding: 0 3rem;
border-radius: var(--border-radius);
gap: 2rem;

&:hover {
background-color: rgba(0,0,0,0.8);
}

& label::after {
color: #EEE;
content: "\f057";
transform: rotate(0deg) scale(1.2);
}
& label:hover::after {
color: #EEE;
transform: rotate(180deg) scale(1.4);
}
}

ul.menu {
min-width: 75vw;
padding: 2rem 0 0;
background-color: rgba(0,0,0,0.8);
border-radius: var(--border-radius);
overflow: scroll;

a {
padding: 2rem 3rem;
font-size: 4rem;
font-family: var(--font-heading);
}

.item-donate {
margin: 0;

a {
margin-top: 2rem;
border-top-left-radius: 0;
border-top-right-radius: 0;
padding: 2rem 3rem !important;
}
}
}
}

input.menu-toggle-check:checked ~ nav {
background-color: transparent;
backdrop-filter: blur(10px) brightness(0.2);
}
}

.mainbar {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--color-black-hex);
padding: var(--header-padding-y) var(--header-padding-x);

p {
margin: 0;
}

body[data-path="//"] & {
border-radius: var(--border-radius);
}

.home-template-type & {
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
}
}

.topbar {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--color-red-hex);
width: 100%;
padding: 10px var(--header-padding-x);
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);

body[data-path="//"] & {
display: none;
}
a {
font-family: var(--font-heading);
text-decoration: none;
text-transform: uppercase;
line-height: 0.8em;
color: #FFF;

&:hover {
text-decoration: underline;
}
}
.navigation-widget.selectmenu .select2-container {
z-index: 1;
}

.select2 {
border: 1px solid #FFF;
border-radius: var(--button-border-radius);

.select2-selection__rendered {
position: relative;
padding-left: 0;
padding-right: 30px;

&::after {
content: "Location:";
margin-right: 5px;
}
}

.select2-selection--single {
background: none;
font-family: var(--font-heading);
font-weight: 300;
color: #FFF;
padding: 0 10px;

.select2-selection__arrow {
width: auto;
height: auto;
right: 10px;

&::before {
display: block;
content: "\f078";
font: var(--fa-font-solid);
font-size: 1.5rem;
transform: rotate(0);
transition: var(--transition);
}

.select2-container--open &::before {
transform: rotate(180deg);
}

b {
display: none;
}
}
}

& + .select2-container {
.select2-dropdown {
background-color: #333;
color: #FFF;
font-size: var(--font-size-xs);
text-transform: uppercase;
letter-spacing: 1px;
border: none !important;
}

.select2-results li {
padding: 5px 10px;
}

.select2-results__option--highlighted[aria-selected] {
background-color: var(--color-gold-hex) !important;
}

.select2-results__option[aria-selected=true] {
background-color: var(--color-red-hex);
}
}
}
}

.bottombar {
background: #ffffff;
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.2) 100%);
border-bottom-left-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);
padding: 10px var(--header-padding-x); 

.home-template-type & {
display: none; 
}

h2 {
font-size: var(--font-size-2xl);
color: var(--color-red-hex);
margin: 0;
}

@media only screen and (max-width:767px) {
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 100%);
}
}
}

/* Locations */

.navigation-widget.standard.locations {
background-color: #000;

ul {
max-width: var(--wrapper-width);
width: calc(100% - (var(--wrapper-padding) * 2));
margin: auto;
display: flex;
gap: 30px;

@media only screen and (max-width: 767px) {
gap: 10px;
}

> .l1 {
position: relative;
z-index: 3;
flex: 1;
padding: 0;
background-color: var(--color-black-hex);
border-radius: var(--border-radius);
padding: 1.8rem;

.navigation-widget:not(.collapse) & {
margin-top: -120px;
margin-bottom: -85px;
}

.navigation-widget.collapse & {
&:first-child {
top: -80px;
margin-bottom: -80px;
}
}

> a {
position: relative;
display: block;
font-size: var(--font-size-3xl);
font-family: var(--font-heading);
font-weight: 700;
line-height: 0.8em;
padding: 4rem 2rem 6rem;
text-transform: uppercase;
text-align: center;
color: #FFF;

&::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: calc(100% + 2px);
background: none;
border: 3px solid var(--color-red-hex);
border-radius: var(--button-border-radius);
transition: var(--transition);
}

&::after {
content: "Learn More";
position: absolute;
top: 100%;
left: 50%;
translate: -50% -50%;
padding: 1.4rem 2rem;
background-color: var(--button-background);
font-family: var(--button-font);
font-size: var(--font-size-lg);
font-weight: 600;
border-radius: var(--button-border-radius);
text-transform: uppercase;
color: #FFF;
line-height: 1em;
transition: var(--transition);
}
}

&:hover {
a {
background: none;

&::before {
top: -10px;
left: -10px;
width: calc(100% + 20px);
height: calc(100% + 12px);
border-color: var(--button-background-hover);
}

&::after {
background-color: var(--button-background-hover);
}
}
}
}
}
}

/* Visual Timeline */

.timeline {

.column-wrapper {
position: relative;
margin: 3rem auto;

.column {
&:first-child {
padding-right: 3rem;
border-right: 3px solid var(--color-red-hex);
}

&:last-child {
padding-left: calc(3rem - 1.5px);
}
}

&::after,
.timeline:first-child &::before {
position: absolute;
left: calc(50% - 1.5px);
translate: -50%;
content: "";
width: 14px;
height: 14px;
background-color: var(--color-red-hex);
border-radius: 15px;
}

&::before {
top: -22px;
}

&::after {
bottom: -22px;
}
}

h3 {
color: var(--color-red-hex);
}

img {
border-radius: var(--border-radius);
}

@media only screen and (max-width:767px) {
padding: var(--wrapper-padding) 0;

.column-wrapper {
margin: 0;

&::after,
.timeline:first-child &::before {
display: none;
}
}
&:nth-child(odd) {
.column:first-child {
order: 2 !important;
padding: 3rem 0;
border-right: 0;
border-bottom: 3px solid var(--color-red-hex);
}
.column:last-child {
padding: 0;
order: 1 !important;

}
}

&:nth-child(even) {
.column:first-child {
padding-right: 0;
border-right: 0px;
}

.column:last-child {
padding: 3rem 0;
border-bottom: 3px solid var(--color-red-hex);
}
}

.column-wrapper {
}

h3 {
text-align: left !important;
}

p {
text-align: left !important;
}
}
}

/* Donate Modal */

.column-widget.donate-hidden {
position: relative;
padding: 0;
z-index: 100000000;

.column {
padding: 0;
}
}

input#donate-modal {
display: none;

& + .donate-modal-overlay {
opacity: 0;
}

&:checked + .donate-modal-overlay {
opacity: 1;
z-index: 100000000;
visibility: visible;
backdrop-filter: blur(10px) brightness(0.1);
}
}

.donate-modal-overlay {    
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    z-index: 100000;
opacity: 0;
    transition: .2s ease all;
    visibility: hidden;
padding: 3rem 0;
gap: 1rem;

label {
display: flex;
align-items: center;
gap: 1rem;
cursor: pointer;
padding: 0;
font-family: var(--font-heading);
font-size: 2.2rem;
text-transform: uppercase;
color: #FFF;
background-color: rgba(0, 0, 0, 0.8);
padding: 2px 3rem 0;
border-radius: var(--button-border-radius);

&::after {
content: "\f057";
font: var(--fa-font-solid);
font-size: 3rem;
position: static;
transform: none;
margin: 0;
color: #EEE;
transition: var(--transition-slow);
transform: rotate(0deg) scale(1.2);
}

&:hover::after {
transform: rotate(180deg) scale(1.4);
}
}

.donate-modal {
position: relative;
width: 50rem;
max-width: 90vw;
max-height: 80vh;
border: 3.6rem solid rgba(0, 0, 0, 0.8);
border-radius: var(--border-radius);

@media only screen and (max-width:1024px) {
max-height: 70vh;
}

&::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
width: calc(100% + 3.6rem);
height: calc(100% + 3.6rem);
border: 3px solid var(--color-red-hex);
border-radius: 3px;
pointer-events: none;
}

.modal-scroll {
height: 100%;
overflow: scroll;
}
}

a.btn {
padding: var(--button-small-padding);
}
}

/* Floating Donation Button */

.floating-donate {
position: fixed;
display: flex;
align-items: center;
justify-content: center;
right: 0;
top: 73.5vh;
translate: 0 -50%;
width: 140px;
height: 60px;
background-color: var(--button-background);
font-family: var(--font-heading);
font-size: var(--font-size-lg);
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
color: #FFF;
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);
z-index: 1000000;
gap: 5px;
box-shadow: -3px 3px 20px rgba(0,0,0,0.4);

@media screen and (max-width:767px) {
top: 71.5vh;
}

@media screen and (max-width:480px) {
top: 68.5vh;
}

&::before {
content: "\f004";
font: var(--fa-font-regular);
}

&:hover {
color: var(--button-font-color-hover);
background-color: var(--button-background-hover)
}
}

body.donate-page .include-widget:has(header),
.include-widget:has(header):not(.above-viewport) {
& ~ .include-widget:has(footer) .floating-donate {
opacity: 0;
pointer-events: none;
}
}

body:not(.donate-page) .include-widget:has(header).above-viewport {
& ~ .include-v1-footer .floating-donate {
opacity: 1;
pointer-events: auto;
}
}

/* Footer */

footer {
padding: 18px 0 80px;
background-color: rgb(var(--color-black-rgb));
font-size: var(--font-size-sm);
color: #FFF;

@media only screen and (max-width:767px) {
padding-bottom: 2rem;
}

.site-logo {
width: 240px;
}

.column-widget .column {
padding-left: 0;
padding-right: 0;

@media only screen and (max-width:480px) {
flex-direction: column !important;
gap: 1rem;
}
}

.content-module {
a {
color: var(--color-gold-hex);

&:hover {
text-decoration: none;
}
}

@media only screen and (max-width:767px) {
text-align: center;

p {
text-align: center !important;
}
}
}

.wrapper {
padding-top: 0;
padding-bottom: 0;
}

.navigation-widget.standard {
ul {
align-items: center;

@media only screen and (max-width:480px) {
justify-content: center !important;
}
}

.l1 {
margin: 0 0 0 1rem;
}
.l1.flyout {
user-select: none;
padding-bottom: 17px;

&:hover > a {
background: none;
}

.submenu-toggle {
display: none;
}

> a {
padding: 0;
font-size: var(--font-size-xs);
color: #FFF;
text-transform: uppercase;
letter-spacing: 1px;
}
}

a[href*="facebook"],
a[href*="instagram"],
a[href*="youtube"] {
display: flex;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
border-radius: 30px;
background-color: #FFF;
font-size: 0 !important;

&:hover {
background-color: var(--color-gold-hex);

&::before {
color: #FFF;
}
}

&::before {
content: "";
display: block;
font: var(--fa-font-brands);
font-size: 2rem;
color: #000;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
}

a[href*="facebook"]::before {
content: "\f39e";
}

a[href*="instagram"]::before {
content: "\f16d";
}
a[href*="youtube"]::before {
content: "\f167";
}

.submenu {
position: static !important;
display: flex !important;
min-width: 0;
background: none;
border: 1px solid rgb(var(--color-gold-rgb));
padding: 0.5rem;
border-radius: 10px;
border-top-left-radius: 0;

li {
display: inline-block;

&:not(:first-child) {
margin-left: 0.5rem;
}
}
}

@media only screen and (max-width:480px) {
margin-bottom: 1rem;
}
}
}

.powered-by {
display: flex;
align-items: center;
justify-content: center;
gap: calc(var(--item-gap) / 2);
padding: 2rem;
background-color: #222;
font-size: var(--font-size-xs);
letter-spacing: 1px;
color: #FFF;

span {
text-transform: uppercase;
}

img {
width: auto;
height: 20px;
}
}

#templatefooter {
display: none;
}/* landing-15x.css | Feb 4, 2026 @3:06:52 PM  */

:root {
--color-15x: #7c0f0c;
--color-15x-grey: #929598;
--color-15x-gold: #a27e2d;
}

body[data-path*="15x"] {
font-size: var(--font-size-lg);

.floating-donate {
top: 90vh;
}

.column-widget {
&.landing {
display:flex;
align-items: center;
height: 100vw;
max-height: 80vh;
min-height: 650px;

@media only screen and (max-width:480px) {
min-height: 90vh;
}

div.fifteenx-h1 {
display: flex;
padding: 0 2.5rem 0 8rem;
background-color: var(--primary-color);
margin-bottom: 20vw;

@media only screen and (min-width:1920px) {
margin-bottom: 385px;
}

@media only screen and (max-width:767px) {
margin-bottom: 15vw;
}

h1 {
font-size: var(--font-size-7xl);
color: #FFF;
}
}
}

@media only screen and (max-width:767px) {
main & {
--section-padding-top: 2rem !important;
--section-padding-bottom: 2rem !important;
}
main &:has(.header) {
--section-padding-top: 30rem !important;
--section-padding-bottom: 10rem !important;
}
}

@media only screen and (max-width:480px) {
.wrapper {
padding: 0 10px;
}
}
}

h2 {
font-size: var(--font-size-4xl);
}

.fifteentimes-more {
display: flex;
align-items: center;
background-color: var(--primary-color);
margin: 1rem 0;
color: #FFF;
font-size: var(--font-size-xl);
font-family: var(--font-heading);
padding-right: 2rem;
line-height: 1em;

&::before {
content: "";
display: block;
width: 20px;
height: 100px;
background-color: var(--color-15x);
clip-path: polygon(0% 0%, 0% 100%, 100% 50%);
order: 2;
margin-right: 2rem;
}

p {
order: 3;
}

.icon {
order: 1;
flex-shrink: 0;
width: 70px;
height: 100px;
background-color: var(--color-15x);
background-size: 75% auto;
background-position: right center;
background-repeat: no-repeat;
border-right: 5px solid var(--color-15x);

.meals & {
background-image: url("/files/lionhearts/landing-15x/icon-meals.png");
}

.essentials & {
background-image: url("/files/lionhearts/landing-15x/icon-essentials.png");
}

.dignity & {
background-image: url("/files/lionhearts/landing-15x/icon-dignity.png");
}
}
}

.content-module.background {
display: inline-block;
padding: 1rem 1.5rem 1rem 5rem;
margin-left: -5rem;

&.white {
background-color: #FFF;
h2 { var(--primary-color); }
}

&.black {
background-color: #000;
h2 { color: #FFF; }
}
}

ul {
padding: 0 0 0 20px;

li {
list-style-type: caret;
margin: 1rem 0;
padding-left: 1rem;

&::marker {
content: "\f061";
font: var(--fa-font-regular);
color: var(--primary-color);
}
}
}

.donations {
padding: 0 !important;
background: var(--color-15x-gold);
background: linear-gradient(270deg,rgba(162, 126, 45, 1) 50%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);

.column {
gap: 0;
}

.icon {
flex-shrink: 0;
width: 200px;
height: 200px;
background-color: #000;
background-size: 60% auto;
background-position: center;
background-repeat: no-repeat;
background-image: url("/files/lionhearts/landing-15x/icon-give.png");

@media only screen and (max-width:1024px) {
width: 100px;
height: 100px;
background-size: 80% auto;
}

@media only screen and (max-width:580px) {
width: 50px;
height: 50px;
background-size: 100% auto;
}
}



.stats {
display: flex;
height: 100%;
background-color: var(--color-15x-gold);
}

.content-module {
position: relative;
display: flex;
flex: 1;
flex-direction: column;
top: 0 !important;
opacity: 1 !important;
align-items: center;
justify-content: center;
text-align: center;
height: 100%;
padding: 4rem 2rem;

&.divider {
width: 30px;
flex-grow: 0;
flex-basis: initial;
padding: 0;
background-color: #000;
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);

@media only screen and (max-width:480px) {
width: 15px;
}
}

&.divider-small {
width: 30px;
flex-grow: 0;
flex-basis: initial;
padding: 0;
background-color: #9b741e;
backdrop-filter: brightness(50%);
clip-path: polygon(0% 0%, 20% 0%, 100% 50%, 20% 100%, 0% 100%, 80% 50%);

@media only screen and (max-width:480px) {
width: 15px;
}
}

h2 {
color: #000;

@media only screen and (max-width:767px) {
font-size: 1.8em !important;
}

@media only screen and (max-width:480px) {
font-size: 1.4em !important;
}
}

@media only screen and (max-width:767px) {
p {
font-size: 0.8em !important;
}
}

@media only screen and (max-width:480px) {
padding: 2rem 1rem;

p {
font-size: 0.7em !important;
}
}
}
}
}/* Modules-Widgets.css | Jan 26, 2026 @3:22:08 PM  */

.column-widget {
.column-wrapper {
@media only screen and (max-width:767px) {
flex-wrap: var(--column-wrap);

.column {
width: 100% !important;
}
}
}
.column {
min-height: 0;
}

&.full {
.wrapper {
max-width: none;
}
}

.module-intro-text {
max-width: var(--wrapper-width-thin);
}

/* Header */

&.header {
display:flex;
align-items: center;
height: 100vw;
max-height: 850px;
min-height: 650px;

/* Home Page Padding */

.home-template-type & {
padding-top: calc(4rem + 120px);
padding-bottom: 140px;
}

/* Home Page with Topbar Override */

.include-widget:has(.topbar) + & {
padding-top: calc(4rem + 170px);
}

/* Secondary Page Override */

.secondary-template-type & {
max-height: 650px;
min-height: 550px;
padding-top: calc(4rem + 195px);
padding-bottom: 20px;

/* Secondary with Topbar Override */

.include-widget:has(.topbar) + & {
padding-top: calc(4rem + 245px);
}
}

.secondary-template-type:has(.blogs-module.full-mode) & {
min-height: 0;
max-height: 0;
padding-bottom: 4rem;
}

.column-wrapper {
.column {
padding: calc(var(--column-padding) / 2);
height: 100%;
z-index: 3;
}
}

.content-module {
max-width: 600px;
}

h2 {
display: inline;
white-space:pre-wrap;
background-color: rgb(var(--color-red-rgb));
color: #FFF;
padding: 5px 0;
box-shadow: 10px 0 0 rgb(var(--color-red-rgb)), -15px 0 0 rgb(var(--color-red-rgb));
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
text-transform: uppercase;
font-size: var(--font-size-2xl);
font-weight: 400;
line-height: 1.3em;

strong {
font-weight: 700;
}
}
}

/* Skylines */

&.skyline .module-outro-text {
display: flex;
align-items: flex-end;
justify-content: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
max-width: none;
padding: 0 0 2rem;
gap: 0;
background: transparent;
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
z-index: 0;

> div {
width: 928px;
height: 250px;
padding: 0;
background-size: 100% auto;
background-position: center bottom;
background-repeat: no-repeat;

img {
display: none;
}

body[data-path*="kingston"] & {
background-image: var(--skyline-kingston-url);
}

body[data-path*="ottawa"] & {
background-image: var(--skyline-ottawa-url);
}

body[data-path*="london"] & {
background-image: var(--skyline-london-url);
}
}

&::before,
&::after {
content: "";
flex: 1;
height: 1px;
background-color: #FFF;
margin-left: -1px;
margin-right: -1px;
position: relative;
top: -8px;
}
}

&.dignity {

--top-padding: 260px;
--bottom-padding: 260px;

position: relative;
overflow: hidden;
padding-top: var(--top-padding);
padding-bottom: var(--bottom-padding);

@media only screen and (max-width:1200px) {
--top-padding: 120px;
--bottom-padding: 400px;
}

@media only screen and (max-width:500px) {
--bottom-padding: 220px;
}

.navigation-widget.standard.locations.collapse + & {
--top-padding: 40px;
}

.wrapper {
max-width: 620px;

&::before {
content: "";
position: absolute;
right: 100%;
bottom: calc(var(--bottom-padding) * -1);
z-index: 1;
width: 1100px;
height: 1000px;
background-image: url("/files/lionhearts/web-img/dignity-left.jpg");
background-size: cover;
z-index: 1;
}

&::after {
content: "";
position: absolute;
left: calc(100% - 100px);
bottom: calc(var(--bottom-padding) * -1);
z-index: 1;
width: 1200px;
height: 1000px;
background-image: url("/files/lionhearts/web-img/dignity-right.jpg");
background-size: cover;
z-index: 1;
}

@media only screen and (max-width:1620px) {
&::before {
right: calc(100% - 100px);
}

&::after {
left: calc(100% - 200px);
}
}

@media only screen and (max-width:1400px) {
&::before {
right: calc(100% - 180px);
}

&::after {
left: calc(100% - 250px);
}
}

@media only screen and (max-width:1200px) {
&::before {
right: 50%;
}

&::after {
left: 50%;
}
}

@media only screen and (max-width:1024px) {
&::before, &::after {
width: 500px;
height: auto;
aspect-ratio: 1200 / 1000;
}

&::before {
right: 50%;
}

&::after {
left: 50%;
}
}

@media only screen and (max-width:500px) {
&::before, &::after {
width: 300px;
height: auto;
aspect-ratio: 1200 / 1000;
}
}
}

.content-module {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 60px;

@media only screen and (max-width:500px) {
gap: 20px;
}

h3 em {
position: relative;
display: inline-block;
font-style: normal;
color: var(--color-gold-hex);

&::after {
content: "";
position: absolute;
top: calc(100% - 2px);
left: 0;
width: 100%;
height: 8px;
background-color: var(--color-gold-hex);
}
}

&::after {
display: none;
}
}
}

/* Book a Speaker */

&.book-a-speaker {
@media only screen and (min-width:768px) {
--height: 38rem;
--half-height: calc(var(--height) / 2);
position: relative;
z-index: 2;
translate: 0 -50%;
height: var(--height);
margin-bottom: calc(var(--height) * -1);
}

.content-module:has(img),
p:has(img),
img {
width: 100%;
height: 100%;
object-fit: cover;
}

.column-widget:has(+ &) {
@media only screen and (min-width:768px) {
--height: 38rem;
--half-height: calc(var(--height) / 2);
padding-bottom: calc(var(--section-padding-top) + var(--half-height));
}
}

& + .column-widget {
@media only screen and (min-width:768px) {
--height: 38rem;
--half-height: calc(var(--height) / 2);
padding-top: calc(var(--section-padding) + var(--half-height));
}
}

& .btn:hover {
background-color: #FFF !important;
color: #000 !important;
}

.wrapper {
padding-top: 0;
padding-bottom: 0;
border-radius: var(--border-radius);
overflow: hidden;

@media only screen and (max-width:767px) {
border-radius: 0;
padding-left: 0;
padding-right: 0;
}

.column.primary {
border-top-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);

@media only screen and (max-width:767px) {
border-radius: 0;
}
}

.column.last {
border-top-right-radius: var(--border-radius);
border-bottom-right-radius: var(--border-radius);

@media only screen and (max-width:767px) {
border-radius: 0;
padding-top: 0;
}
}
}

/* Image-Right */

&.image-left,
&.image-right {

&::before {
content: "";
position: absolute;
width: 200px;
height: 100%;
top: 0;
left: 50%;
z-index: 2;
background: rgba(255, 255, 255, 10);
background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}
.wrapper {
position: static;
}

img {
position: absolute;
top: 0;
width: 50%;
height: 100%;
object-fit: cover;
}
}

&.image-left {
.column.primary {
position: static;

.content-module {
position: static;
}
}
.column.last {
z-index: 3;
}

img {
left: 0;
}
}

&.image-right {
.column.primary {
z-index: 3;
}
.column.last {
position: static;

.content-module {
position: static;
}
}

img {
right: 0;
}
}
}

.content-module {
&.circle {
img {
aspect-ratio: 1:1;
object-fit: cover;
border-radius: 1000px;
outline: 3px solid var(--color-red-hex);
outline-offset: 12px;
}
}
}

/* Events */

.events-module {
.notice {
width: 100%;
text-align: center;
padding: 2rem;
font-size: var(--font-size-lg);
font-family: var(--font-heading);
text-transform: uppercase;
}
.breadcrumbs-widget {
font-size: var(--font-size-sm);

&:has(~ .module-content .item-list-stack) { 
display: none;
}

li:nth-last-child(n + 4) { 
display: none !important;
}
}

.module-intro-text {
margin: 0 auto var(--item-gap) auto;
}

.item-list-stack {
.item {
@media only screen and (max-width: 1024px) {
.item-image {
width: 100%;
}
}
}
}

.item-list-article {
.item-image {
border-radius: var(--border-radius);
overflow: hidden;
}
}
}

/* Testimonials */

.testimonials-module {

.swiper-loaded .testimonial-item-list {
align-items: flex-start;
}

@media only screen and (max-width:600px) {
.swiper-loaded {
padding: 0 2em;
}
}

& .default-card {
.item > div {
padding: 0 var(--item-padding);
margin: 0 1.5rem;
gap: 0;

&::before {
position: absolute;
top: 0;
right: 0;
content: "";
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 48px;
background-image: url("/files/lionhearts/web-img/quote.png");
background-color: #000;
background-size: 50px 38px;
background-position: right top;
background-repeat: no-repeat;
font-family: var(--font-heading);
font-size: 15rem;
font-weight: bold;
color: var(--color-red-hex);
}

.item-header {
order: 2;
margin-top: 3rem;
}

.item-description {
order: 1;
border: 3px solid var(--color-red-hex);
border-radius: var(--border-radius);
padding: 40px 20px;
}
}

.swiper-button-next, .swiper-button-prev {
color: var(--color-red-hex);
}
}

& .glass-card {
.item > div {
padding: 0 var(--item-padding);
margin: 0 1.5rem;
gap: 0;
background: none;
border: none;
box-shadow: none;
overflow: visible;

.item-profile-image {
border: none;
width: auto;
max-width: 315px;
height: auto;
overflow: visible;
margin: 0;

img {
object-fit: cover;
border-radius: 1000px;
outline: 3px solid var(--color-red-hex);
outline-offset: 12px;
}
}

.item-header {
margin-top: 3rem;
font-family: var(--font-heading);
font-size: var(--font-size-2xl);
}
}

.swiper-button-next, .swiper-button-prev {
color: #FFF;
}
}

.swiper-loaded .testimonial-item-list {
padding-bottom: 0;
}

.swiper-pagination {
display: none;
}
}

/* Thumbnail Navigation */

.navigation-widget.thumbnail {
--item-padding:0;

.item-list-grid {
gap: calc((var(--item-gap) * 2)) var(--item-gap);
margin-bottom: calc((var(--item-gap) * 2));

.item-header {
margin: 0;
}

@media only screen and (max-width:680px) {
flex-direction: column;

.item {
width: 100%;
}
}

.column[data-max-width*="680"] & {
flex-direction: column;

.item {
width: 100%;
}
}
}
.item > div {
flex-wrap: nowrap;
border-radius: 0;
border: none;
padding: 0;

a {
height: 100%;
}
}

.item-image {
border-radius: var(--border-radius);
margin: 0;
}

.item-meta {
.item-title {
margin: 3rem 0;

.item:only-child & {
margin-top: 0;
}

&:has(+ .item-subtitle) {
margin-bottom: 0;
}

& + .item-subtitle {
margin-top: 0.5rem;
color: #000;
}
}

.item-subtitle {
margin: 2rem 0;
}

.item:only-child & {
padding: 3rem;
}

.item-description {
color: #000;
}
}

ul.children {
margin-top: 3rem;

a {
display: inline-block;
padding: var(--button-small-padding);
background-color: var(--button-background);
transition: var(--transition);
border-radius: var(--button-border-radius);
font-family: var(--button-font);
color: #FFF;
text-transform: uppercase;

&:hover {
background-color: var(--button-background-hover);
}
}
}

&.outline {
--item-padding: 1.8rem;

.item-list-grid {
gap: var(--item-gap);
margin: 0;
}

.item > div {
border-radius: var(--border-radius);
}

.item-image {
border-radius: 0;
}

.item-meta {
position: relative;
background-color: #000;
transition: var(--transition);
color: #FFF;
padding: 1.8rem;

&::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
width: calc(100% - (var(--item-padding)*2));
height: calc(100% - (var(--item-padding)*2));
background: none;
pointer-events: none;
border: 3px solid var(--color-red-hex);
border-radius: 3px;
transition: var(--transition);
}

.item-header {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 15rem;
padding: 1.8rem;
transition: var(--transition);
height: 100%;

.item-title {
margin: 0;
text-align: center;
}

.item-subtitle {
margin: var(--item-padding) 0;
font-size: var(--font-size-xl);
color: #FFF;
}
}

.item-description {
display: none;
}
}

a:hover .item-meta::before {
width: calc(100% - var(--item-padding));
height: calc(100% - var(--item-padding));
border-color: var(--color-gold-hex);
}
}

&.alt {
.item-meta {
background-color: var(--color-gold-hex);
}
}

&.no-title {
.item-title {
display:none;
}
}

&.no-image {
.item-image {
display: none;
}
}

&.no-subtitle {
.item-subtitle {
display: none;
}
}

&.city {

.item-meta {
.item-header {
align-items: flex-start;

&::before {
color: var(--color-gold-hex);
font-family: var(--font-heading);
font-size: var(--font-size-lg);
font-weight: 700;
text-transform: uppercase;
line-height: 0.8em;
}
a[href*="kingston"] &::before {
content: "Kingston";
}
a[href*="london"] &::before {
content: "London";
}
a[href*="ottawa"] &::before {
content: "Ottawa";
}
}
}
}

&.learn-more {
.item-header::after {
content: "Learn More";
display: block;
padding: var(--button-small-padding);
background-color: var(--button-alternate-background);
border-radius: var(--button-border-radius);
font-family: var(--button-font);
font-size: var(--button-alternate-font-size);
color: var(--button-alternate-font-color);
text-transform: uppercase;
}
}
}

/* Carousel Navigation */

.navigation-widget.carousel {
.cards--default .item>div:first-of-type {
border: none;

a {
pointer-events: none;
}
}

.item-meta a {
font-size: 0;
}
}

/* Blogs Module - Teaser */

.module-header-actions {
margin: 2rem 0;
}

.item-list-grid {
margin: 0;

.item div {
padding: 0;
border: none;
border-radius: 0;
background-color: transparent;

.item-image {
margin: 0;
border-radius: var(--border-radius);
}

.item-header {
margin: 3rem 0 2.5rem;

.item-subtitle a {
text-decoration: none;
}
}

.permalink {
display: inline-block;
margin-top: 3rem;
font-family: var(--font-heading);
font-weight: 700;
font-size: var(--font-size-lg);
text-decoration: none;
text-transform: uppercase;
color: var(--color-red-hex);

i {
display: none;
}
}

time,
.item-footer {
display: none;
}
}
}

/* Blogs Module - Article */

.blogs-module .entry {
.item-header {
margin-bottom: var(--section-padding);

time {
display: none;
}

.item-image {
border-radius: var(--border-radius);
overflow: hidden;

a {
pointer-events: none;
}
}

.item-title {
padding: 0;
border: none;

a {
pointer-events: none;
text-decoration: none;
}
}

.item-subtitle {
a {
pointer-events: none;
text-decoration: none;
}
}
}

.item-footer {
margin-top: var(--section-padding);

.item-nav {
max-width: none;
}
}
}

/* Photo Gallery Module */

.photo-module {

.media-box .thumbnail-overlay {
background-color: rgba(var(--color-red-rgb),0.8);
}

.media-box-image {
width: 130px !important;
height: 68px !important;
object-fit: contain !important;
}

.media-box-title {
font-size: 0;

&::before {
content: "\f065";
display: inline-block;
font: var(--fa-font-solid);
font-size: 3rem;
color: #FFF;
}
}
}

.mfp-title {
div {
display: none !important;
text-transform: capitalize;

small { 
display: none; !important;
}
}
}

/* Web Profiles Module */

.people-module {
--item-padding: 2rem;

.item {

> div {
background: none;
padding: 0;
border: none;
border-radius: 0;
}
.item-image {
width: 100%;
aspect-ratio: 1 / 1;
margin: 0 0 var(--item-padding);
border-radius: var(--border-radius);
}

.item-header {
.item-title {
font-family: var(--font-heading);
font-size: var(--font-size-lg);
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0;
}

.item-subtitle {
font-weight: 700;
}
}
}
}

/* Forms */

form.formWizForm {
h2, .desc {
display: none;
}

.sectionbreak > ul > li:not(:last-child) {
margin-bottom: 5rem;
}

label {
margin-bottom: 1rem;

.req {
color: var(--color-red-hex);
margin-left: 0.5rem;
}
}

li {
&.multipleChoice, &.checkboxes {
.field {
grid-template-columns: 1fr;
}
.option {
font-size: 0.9em;
&:last-child {
margin-bottom: 0 !important;
}
label {
display: flex;
align-items: center;
gap: 1rem;
cursor: pointer;
}

label::before {
font: var(--fa-font-regular);
font-size: 2rem;
line-height: 0.8em;
margin-top: 3px;
color: #000;
}

input {
display: none;
}
}
}

&.multipleChoice {
.option {
label::before {
content: "\f111";
}

input:checked + label::before {
content: "\f192";
color: var(--color-red-hex);
}
}
}

&.checkboxes {
.option {
label::before {
content: "\f0c8";
}

input:checked + label::before {
content: "\f14a";
color: var(--color-red-hex);
}
}
}
}

input[type="radio"],
input[type="checkbox"] {
  accent-color: var(--color-red-hex);
}

input[type="text"],
input[type="phone"],
input[type="email"],
textarea {
border-radius: var(--border-radius);
padding: 2rem;
}

&#TWForm9485 {
.sectionbreak li {
padding-left: 7rem;

&::before {
content: attr(data-i)".";
position: absolute;
top: 0;
left: 0;
display: block;
width: 5rem;
height: 100%;
padding-right: 1rem;
font-size: var(--font-size-lg);
font-weight: 700;
line-height: 0.9em;
text-align: right;
color: var(--color-red-hex);
border-right: 2px solid var(--color-red-hex);
white-space: nowrap;
}
}
}