 
 
 

:root {
    --bs-light-rgb: 228, 241, 247;
    --bs-light-hsl: 199 54.3% 93.1%;
    --bs-light-hex: #e4f1f7;
    --bs-light: rgb(228, 241, 247);
    --bs-dark-rgb: 33, 33, 36;
    --bs-dark-hsl: 240 4.3% 13.5%;
    --bs-dark-hex: #212124;
    --bs-dark: rgb(33, 33, 36);
    --bs-primary-rgb: 0, 114, 188;
    --bs-primary-hsl: 204 100% 36.9%;
    --bs-primary-hex: #0072bc;
    --bs-primary: rgb(0, 114, 188);
    --gray: #697784;
    --blue-rgb: 0,114,188
}
@font-face {font-family: 'Catamaran';font-style: normal;font-display: swap;font-weight: 700;src: local('Catamaran'), url(https://lunchnlearn.injurycareco.com/assets/fonts/Catamaran-Bold.ttf) format(truetype);}
@font-face {font-family: "Nunito Sans";font-style: normal;font-display: swap;font-weight: 400;src: local("Nunito Sans Regular"), local("NunitoSans-Regular"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/nunito-sans-v5-latin-regular.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/nunito-sans-v5-latin-regular.woff.woff") format("woff");}@font-face {font-family: "Nunito Sans";font-style: italic;font-display: swap;font-weight: 400;src: local("Nunito Sans Italic"), local("NunitoSans-Italic"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/nunito-sans-v5-latin-italic.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/nunito-sans-v5-latin-italic.woff.woff") format("woff");}@font-face {font-family: "Nunito Sans";font-style: normal;font-display: swap;font-weight: 700;src: local("Nunito Sans Bold"), local("NunitoSans-Bold"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/nunito-sans-v5-latin-700.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/nunito-sans-v5-latin-700.woff.woff") format("woff");}@font-face {font-family: "Nunito Sans";font-style: normal;font-display: swap;font-weight: 600;src: local("Nunito Sans SemiBold"), local("NunitoSans-SemiBold"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/nunito-sans-v5-latin-600.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/nunito-sans-v5-latin-600.woff.woff") format("woff");}@font-face {font-family: "Caveat";font-style: normal;font-display: swap;font-weight: 400;src: local("Caveat Regular"), local("Caveat-Regular"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/caveat-v7-latin-regular.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/caveat-v7-latin-regular.woff.woff") format("woff");}@font-face {font-family: "Caveat";font-style: normal;font-display: swap;font-weight: 700;src: local("Caveat Bold"), local("Caveat-Bold"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/caveat-v7-latin-700.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/caveat-v7-latin-700.woff.woff") format("woff");}@font-face {font-family: "Catamaran";font-style: normal;font-display: swap;font-weight: 400;src: local("Catamaran Regular"), local("Catamaran-Regular"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/catamaran-v6-latin-regular.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/catamaran-v6-latin-regular.woff.woff") format("woff");}@font-face {font-family: "Catamaran";font-style: normal;font-display: swap;font-weight: 600;src: local("Catamaran SemiBold"), local("Catamaran-SemiBold"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/catamaran-v6-latin-600.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/catamaran-v6-latin-600.woff.woff") format("woff");}@font-face {font-family: "Raleway";font-style: normal;font-display: swap;font-weight: 400;src: local("Raleway"), local("Raleway-Regular"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/raleway-v16-latin-regular.woff2.woff2") format("woff2"), url("https://lunchnlearn.injurycareco.com/site-resources/fonts/raleway-v16-latin-regular.woff.woff") format("woff");}:root {--blue: #0072bc;--blue_trans: rgba(0, 114, 188, 0.3);--blue_darktrans: rgba(0, 114, 188, 0.7);--gray_text: #808992;--gray_dark: var(--gray_text);--gray_background: #f9f9f9;--gray_border: #e7e7e7;--black: #212124;--black_bg: #000;--size: 0.25em;--primary: var(--blue);--focus: 0 0 0 0.2em var(--blue_trans);--focus_dark: 0 0 0 0.25em var(--blue_darktrans);--focus_white: 0 0 0 var(--size) rgba(255, 255, 255, 0.45);--focus_white_large: 0 0 0 0.4em rgba(255, 255, 255, 0.45);--nunito: "Nunito Sans", sans-serif;--catamaran: "Catamaran", sans-serif;}body {font-family: var(--catamaran);letter-spacing: 0.025em;}
.btn{
    text-transform:uppercase;
    font-family: var(--catamaran);
    font-size: 14px;
    height: auto;
    padding: 2px 26px;
    border-radius: 30px;
    border-width: 1px;
    letter-spacing:1px;
    line-height: calc(36 / 12);
    font-weight: 400;
    min-width: 150px;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--blue);
    --bs-btn-border-color: var(--blue);
    --bs-btn-hover-color: var(--blue);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--blue);
    --bs-btn-focus-shadow-rgb: var(--blue-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--blue);
    --bs-btn-active-border-color: var(--blue);
    --bs-btn-active-shadow: inset 0 3px 5px var(--blue_trans);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--blue-rgb),.5);
    --bs-btn-disabled-border-color: rgba(var(--blue-rgb),.5);
}
.btn-light{
        --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: #fff;
    --bs-btn-border-color: #fff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: #fff;
    --bs-btn-focus-shadow-rgb: 255,255,255;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: #fff;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(255,255,255, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: #fff;
    --bs-btn-disabled-border-color: #fff;
}
a.btn-primary:focus{
    background-color:var(--bs-btn-hover-bg);
    border-color:var(--bs-btn-hover-border-color);
    color:var(--bs-btn-hover-color);
}
.tagline {
    font-family: "Caveat", cursive;
    font-size: 50px;
    line-height: calc(92 / 100);
}
img[width][height] {
    content-visibility: auto;
}
img {
    max-width: 100%;
    height: auto;
}
body{
    position:relative;
    font-size:16px;
}
nav{
    position:absolute;
    z-index:10;
    top:0;
    left:0;
    right:0;
}
nav .logo{
    width:180px;
    height:auto;
}
.navbar-brand{
    margin-right:0;
}
section, footer{
    padding-block:50px
}
main p,
main li{
    font-size: 18px;
    line-height: 1.7em;
    letter-spacing: 0.025em;
    color: var(--gray_text);
}
h1{
    font-size:48px;
    font-family: var(--nunito);
    font-weight:600;
    line-height:54px;
    letter-spacing: 0.025em;
}
h2{
        font-weight: 400;
    line-height: 40px;
    font-size: 32px;
    letter-spacing: 0.025em;
    font-family: var(--nunito);
    margin-bottom:15px;
}
h3{
    font-weight: 400;
    line-height: 26px;
    font-size: 21px;
    letter-spacing: 0.025em;
    font-family: var(--nunito);
    margin-bottom:5px;
}
sup{
    font-size:.5em;
    top:-.75em;
}
.text-bg-primary{
    background-color: RGBA(var(--blue-rgb),var(--bs-bg-opacity,1))!important;
}
.text-bg-primary p{
    color: #a7deff;
    font-weight: 600;
}
.subtitle{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
}
.subtitle .line{
    height:1px;
    content:'';
    max-width:5%;
    background-color:var(--bs-primary);
    flex: 1 0 0%;
    margin-right:5px;
}
.ica-grid{
    padding: 3rem 0;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows: 1fr;
    overflow:hidden;
    position:relative;
    width:100%;
    & .ica-icon{
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        position:absolute;
        z-index:2;
        display:block;
        width:100vw;
        align-self:center;
    }
    & .container-xl{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
    }
    & svg:not(.ica-icon){
        height:20px;
        width:auto;
    }
    & p{
        color:#808992;
    }
    & .scroll-link{
        text-decoration:none;
        color:#fff;
        & svg{
            fill:#fff;
            height:16px;
        }
        &:hover{
            opacity:.5;
        }
        &:focus{
            opacity:.5;
        }
    }
    @media (min-width:992px){
        height:clamp(700px, 100vh, 900px);
    }
}
.splide__arrows{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:1rem;
    margin-top:2rem;
}
.splide__arrow{
    border:none;
    background:none;
    & svg{
        fill:#fff
    }
    &:hover{
        opacity:.5;
    }
    &:focus{
        opacity:.5;
    }
}
.form-control {
    background-color: rgba(255,255,255,.25);
    border: 0;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    font-weight: 400;
    border: 1px solid var(--bs-primary);
    border-radius: 2px;
    color: #fff;
}
label {
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-family: var(--nunito);
}
.form-box{
    margin-top:2rem;
    border-radius:10px;
    background-color:#fff;
    padding:.75rem;
    & .form-control{
        padding-left:0;
        padding-bottom:0px;
        font-size:18px;
        background-color:#fff;
        border-color:#fff;
        color:var(--bs-dark);
    }
    & .btn{
        border-radius:10px;
    }
    & label{
        color:#808992;
    }
}
.nav-tabs{
    --bs-nav-tabs-link-active-color: var(--bs-dark);
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-border-width: 0px;
    --bs-nav-link-color: var(--bs-dark);
    & .nav-link{
        font-family: var(--catamaran);
        padding: 5px .75rem;
        line-height: calc(36 / 12);
        font-weight: 400;
        &.special-link{
            --bs-nav-tabs-link-active-color: #fff;
            &.active{
                background-color:var(--bs-dark);
            }
        }
        @media (min-width:576px){
            padding: 5px 26px;
        }
    }
}
table{
    font-size:18px;
    line-height: 1.7em;
    letter-spacing: 0.025em;
    & td{
        color: var(--gray_text);
    }
}
.event-grid{
    display:grid;
    grid-template-columns:repeat(6, 1fr);
    grid-template-rows: 1fr;
    overflow:hidden;
    position:relative;
    width:100%;
    & .logo{
        grid-column: 1 / span 2;
        grid-row: 1 / span 1;
        position:relative;
        z-index:2;
        padding-top:25%;
        justify-self: center;
    }
    & .image{
        grid-column: 2 / span 5;
        grid-row: 1 / span 1;
        position:relative;
        z-index:1;
    }
}
.background-image-holder{
    height:auto;
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows: 1fr;
    overflow:hidden;
    position:relative;
    width:100%;
    &.cta{
        &::before{
            background-image: linear-gradient( 90deg, rgb(var(--bs-dark-rgb)) 40%, rgba(var(--bs-dark-rgb),0) 100%);
            content:'';
            z-index:2;
            grid-column: 1 / span 1;
            grid-row: 1 / span 1;
            position:relative;
            width:100%;
            height:100%;
            display:block;
        }
        & .bg-image{
            opacity:1;
        }
    }
    &.mid-cta{
        @media (min-width:992px){
            height: clamp(600px, 80vh, 900px);
        }
    }
    & .container-lg{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:50px;
        @media (min-width:992px){
            padding-block:100px;
        }
    }
    & .container-xl{
        position:relative;
        z-index:3;
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        align-self:center;
        padding-block:25px;
    }
    & .hero-picture{
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
        height:100%;
        width:100%;
        position:absolute;
        z-index:1;
        top:0;
        background:#000;
        & .bg-image{
            width:100% !important;
            height:100% !important;
            object-fit:cover;
            object-position:center;
            position:relative;
        }
    }
}
.bg-dark p{
    color:#808992;
}
.plain-link{
    font-size:18px;
    & :hover{
        opacity:.5;
    }
    & :focus{
        opacity:.5;
    }
}
.text-bg-dark p{
    color: #fefefe;
    opacity: .5;
}
.content :last-child{
    margin-bottom:0;
}
main .img-fluid,
header .img-fluid{
    border-radius:10px;
}
.input-group .btn{
    padding: 0.5rem 0.95rem;
    border-radius: 50%;
    min-width:1px;
    line-height:1;
}
.input-group .btn svg{
    width:15px;
    height:auto;
}
.input-group .btn svg path{
    fill:#fff;
}
.input-group .btn:hover,
.input-group .btn:focus{
    background:#fff;
}
.input-group .btn:hover svg path,
.input-group .btn:focus svg path{
    fill:var(--bs-primary);
}
.input-group:not(.has-validation)> .btn:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}
.input-group> .btn:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
}

button > * {
    pointer-events: none;
}

label.label{
    margin-bottom:10px;
    font-size:18px;
}
.error{
    font-weight:700;
    color:var(--bs-danger);
    font-size:21px;
}
.feature p{
    font-size:18px;
}
.header-confirm{
    height:100px;
}
p a{
    color:var(--blue);
}
p a:hover,
p a:focus{
    color:var(--black);
}
.text-bg-primary{
    & .form-control{
        &:focus{
            color:#fff;
            background-color: rgba(255,255,255,.25);
        }
    }
}
@media (min-width:768px){
    section{
        padding-block:100px
    }
    nav .logo{
        width:230px;
    }
    .header-confirm{
        height:200px;
    }
}
@media (min-width:992px){
    nav .logo{
        width:310px;
    }
}
@media (min-width:1200px){
    
}