header.default, .mbg-bottom, footer { display: none; } header.simple-header, footer.simple { display: block } .promo-banner { text-align: center; } .simple-header { padding: 1rem 0; border: 0; } .simple-header, .simple-header .navbar { background-color: #FFFAF1; } .simple-header .navbar { padding: 0; } .simple-header .brand-logo { width: 7.8125rem; height: auto; margin: 0 auto; } .simple-header .nav-toggle { display: flex; flex-direction: column; justify-content: space-between; height: 1rem; width: 1rem; } .simple-header .bar { height: 3px; width: 100%; background-color: black; transition: all 0.3s ease; } .simple-header .bar.x-close:nth-child(1) { transform: rotate(45deg) translate(4px, 4px); } .simple-header .bar.x-close:nth-child(2) { opacity: 0; } .simple-header .bar.x-close:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); } .simple-header .navbar>.container-fluid { justify-content: left; margin-bottom: .75rem; } .simple-header .nav-link { font-family: korolev; font-size: 1.25rem; } .simple-header .progress-bar { background-color: #64A535; border-radius: .5rem; } .simple-header .navbar-collapse { padding-top: .75rem; } .progress { height: .75rem; } #app { background-color: #FFFAF1; } .plans .brand-logo { width: 7.1875rem; height: auto; } .w-33 { width: 33%; } .plans h1 { text-align: center; font-size: 1.625rem; font-weight: 500; line-height: 1.2; } .plans .card { padding: 1rem; border-radius: var(--Radius-Radius-1x, 0.25rem); border: 2px solid var(--Stroke-stroke-primary, #BFC2C4); background: var(--Background-background-primary, #FFF); box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.11); text-decoration: none; } .plans .card h3 { font-family: Arial; font-size: 1.1875rem; font-weight: 400; line-height: normal; } .plans .card .price { font-family: Arial; font-size: 0.875rem; font-style: normal; font-weight: 700; } .plans .card .includes span { border-radius: var(--Numbers-Spacing-72-px, 4.5rem); background: #B5F25B; color: #1D4321; font-family: Arial; font-size: 0.75rem; font-weight: 700; padding: .25rem .75rem; } .plans .card li { color: var(--Text-text-secondary, #5D6669); font-family: Arial; font-size: 0.875rem; font-weight: 400; margin: 0 0 .25rem; } .plans .card li:last-of-type { margin: 0; } .plans .card .btn { font-size:1.1875em; } .plans h2 { text-align: center; font-family: Korolev; font-size: 1.375rem; font-weight: 500; } .plans .card:last-of-type { margin-bottom: 1.2rem; } .plans .plan-disc{ margin-bottom:1.5rem; } .plans .clubadv{ border: 2px solid #6CB33F; border-radius:0; background: transparent; } .plans .clubadv h3 { font-weight:500; font-size:1.375em; margin-top:6px; } .plans .clubadv .btn{ background: transparent; } .w-33 { width: 33%; } @media(max-width:991px) { .simple-header .nav-item { border-top: 1px solid #ccc; } } @media(min-width:768px) { .plans .card-header{ width: 45% } .plans .card-body { width: 55% } .simple-header #navPhone a { display: flex; align-items: center; padding: 0; gap: .25rem; text-decoration: none; } .simple-header #navPhone span { color: #29353A; font-size: 1.2rem; padding-top: 0.313rem; } } @media(min-width:992px) { .plans { padding: 3rem 0; } .plans .card:last-of-type { margin-bottom: 1rem; } .simple-header, .simple-header .navbar { background-color: #FFF; } .simple-header .navbar-collapse { padding-top: 0; justify-content: end; } .simple-header .nav-link { padding: .5rem; } .simple-header .nav-link { font-family: korolev; font-size: 1.125rem; } .simple-header .navbar-expand-lg .navbar-nav { gap: .75rem; align-items: center; } .simple-header .brand-logo { width: 12.5rem; } .simple-header .navbar>.container-fluid { margin-bottom: 1.5rem; } .simple-header .nav-link:hover { border-radius: 0.625rem; background: var(--Colors-Brand-Mint, #EFF6E4); } .plans .card:hover { border: 2px solid #1D4321; } .plans .card:hover h3 { color: #006B00; } .plans .card:hover li { color: #29353A; } .plans .food-img { border-radius: .5rem; } .simple-header #navPhone svg.phone-icon { height: 1.25rem; width: auto; } .simple-header #navPhone a{ padding: .625rem; border-radius: .625rem; } .simple-header #navPhone a:hover{ background-color: #eff6e4; } .plans .plan-disc { margin-bottom: 0; } } @media(min-width: 1200px) { .plans { padding-bottom: 3rem; } .plans h1 { font-size: 2.375rem; } .plans .card { min-height: 9.25rem; } .plans .food-img { width: 35.5rem; } .plans .card h3 { font-size: 1.375rem; } .plans h2 { font-size: 1.625rem; } } @media(min-width:1440px) { .simple-header .navbar, .simple-header .prog-bar { padding: 0 3rem; } .plans .card-header{ width: 40% } .plans .card-body { width: 60% } }