 
 
 

:root {
    --bs-light-rgb: 248, 248, 248;
    --bs-light-hsl: 0 0% 97.3%;
    --bs-light-hex: #f8f8f8;
    --bs-light: rgb(248, 248, 248);
    --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
    --gray_text: #808992;
}
@font-face {font-family: 'Catamaran';font-style: normal;font-display: swap;font-weight: 700;src: local('Catamaran'), url(https://holiday.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");}@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");}@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");}@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");}@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");}@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");}@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-regular-ttf.ttf") format("ttf");}@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-semibold-ttf.ttf") format("woff2");}: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:Capitalize;
    font-family: var(--catamaran);
    font-size: 14px;
    height: auto;
    padding: 2px 5px;
    border-radius: 0px;
    border-width: 1px;
    letter-spacing:1px;
    line-height: calc(36 / 12);
    font-weight: 700;
    min-width: 150px;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--blue-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(var(--blue-rgb),.5);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(var(--blue-rgb),.5);
    --bs-btn-disabled-border-color: rgba(var(--blue-rgb),.5);
}
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);
}
img[width][height] {
    content-visibility: auto;
}
img {
    max-width: 100%;
    height: auto;
}
body{
    position:relative;
    font-size:16px;
}
section{
    padding-block:50px;
    @media (min-width:768px){
        padding-block:75px;
    }
}
footer{
    padding-block:50px;
    & svg{
        width:150px;
        height:auto;
        @media (min-width:576px){
            width:100%;
        }
    }
}
header{
    padding-block:50px;
    & .logo{
        width:300px;
        height:auto;
    }
    & p{
        font-size:16px;
        margin-bottom:0;
        @media(min-width:576px){
            font-size:18px;
        }
        @media(min-width:768px){
            font-size:21px;
        }
    }
    @media (min-width:768px){
        padding-block:75px;
    }
}
main p,
main li{
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.025em;
    color: var(--gray);
}
h1{
    font-size:42px;
    font-family: var(--nunito);
    font-weight:400;
    line-height:50px;
    color:var(--bs-warning);
    @media (min-width:576px){
        font-size:48px;
        line-height:56px;
    }
}
h2{
    font-weight: 400;
    line-height: 42px;
    font-size: 36px;
    letter-spacing: 0.025em;
    font-family: var(--nunito);
    margin-bottom:5px;
}
h3, .h3{
    font-weight: 400;
    line-height: 36px;
    font-size: 21px;
    letter-spacing: 0.025em;
    font-family: var(--nunito);
    margin-bottom:0px;
}
.bg-dark p{
    color:var(--gray_text);
    margin-bottom:0;
}
.holiday-item{
    padding:1.5rem 0;
    &:not(:last-child){
        border-bottom:1px solid rgb(187, 201, 215);
    }
    &:last-child{
        padding-bottom:0;
    }
    &:first-child{
        padding-top:0;
    }
    & .product-logo{
        width:auto;
        height:50px;
        margin-bottom:.75rem;
    }
}