/*
    Theme Name: Bronx School for Music
    Theme URI: https://www.sperlinginteractive.com
    Description: Bronx School for Music Theme
    Version: 1.0
    Author: Sperling Interactive
  Theme URI: https://www.sperlinginteractive.com
*/

/*------------------------------------*\


\*------------------------------------*/

/* global box-sizing */

*,
*:after,
*:before {
    box-sizing: border-box;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* html element 62.5% font-size for REM use */

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    color: #000;
    font: 400 11px/1.4 "Libre Franklin", sans-serif;
}

/* clear */

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    zoom: 1;
}

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

.search-results-list a,
.single-post a {
    color: #388f9d;
    font-weight: 600;
}

a {
    text-decoration: none;
    color: #388f9d;
}

a:hover {
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
}

a.button,
.search-submit,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    display: inline-block;
    background: #388f9d;
    color: white !important;
    padding: 15px 15px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 0;
    font-size: 16px;
    letter-spacing: 0.75px;
    font-weight: 600;
}

a.button:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background: #2f7985;
}

a.button.small {
    font-size: 1.4rem;
}

.our-programs-section a.button {
    margin: 5px;
}

input:focus {
    border: 1px solid #04a4cc;
    outline: 0;
}

p,
ul,
ol {
    font-size: 20px;
    line-height: 37px;
    font-weight: 400;
}

h1 {
    font-size: 3.6rem;
}

h2 {
    font-size: 3.2rem;
    line-height: 1.4;
    font-weight: 400;
}

h2.non-bold {
    font-weight: 300;
}

h3 {
    font-size: 2.8rem;
}

h4 {
    font-size: 2.4rem;
}

h5 {
    font-size: 2rem;
}

h6 {
    font-size: 1.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

blockquote {
    margin: 25px 0;
    padding: 25px;
    font-style: italic;
    border-top: 1px solid;
    border-bottom: 1px solid;
    font-weight: 700;
    color: #388f9d;
}

blockquote p {
    font-size: 1.8rem;
}

body.admin-bar .header.stick {
    top: 46px;
}

.page-content {
    flex: 1 auto;
    width: 100%;
    height: 100%;
}

#responsive-menu-pro-item-63 {
    display: none;
}

.of-hidden {
    overflow: hidden;
}

.notification-banner {
    background: #388f9d;
    color: white;
    text-align: center;
    padding: 10px 0;
}

.notification-banner * {
    color: white;
    font-size: 1.6rem;
}

.notification-banner a {
    text-decoration: underline;
}

.notification-banner :first-child {
    margin-top: 0;
}

.notification-banner :last-child {
    margin-bottom: 0;
}

.tar {
    text-align: right;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */

.wrapper {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    min-height: 100vh;
    position: relative;
    width: 100%;
}

.container {
    max-width: 1240px;
    align-self: center;
    flex: 1 auto;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    position: relative;
}

.container.header-container {
    max-width: 1500px;
}

.container.xsmall {
    max-width: 1040px;
}

.container.small {
    max-width: 1240px;
}

.container.medium {
    max-width: 1240px;
}

.container.large {
    max-width: 1240px;
}

.container.wide {
    max-width: 1500px;
}

/* header */

.header {
    border-top: 15px solid #ccd1cc;
    padding: 15px 0;
    width: 100%;
    z-index: 2;
    background: white;
    transition: top 1s linear;
    top: 0;
}

.header.stick {
    position: fixed;
    padding: 15px 0;
    box-shadow: -1px 2px 5px 0px rgb(0 0 0 / 20%);
    -webkit-box-shadow: -1px 2px 5px 0px rgb(0 0 0 / 20%);
    -moz-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.2%);
    top: 0;
    transition: top 0.3s ease-in-out;
    display: none;
    z-index: 9;
}

.header.stick .logo-img {
    height: 75px;
}

.header.stick p.header-slogan {
    display: none;
}

.header .columns {
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

nav .nav-button a {
    background: #388f9d;
    color: white !important;
    padding: 10px 20px;
    border-radius: 50px;
}

nav .nav-button-alt a {
    background: white;
    padding: 10px 20px;
    border-radius: 50px;
    border: 2px solid #388f9d;
}

.logo-img,
.woocommerce img.logo-img,
.woocommerce-page img.logo-img {
    backface-visibility: hidden;
    height: 75px;
}

.registration-logo {
    max-width: 200px;
    margin: 30px auto 0;
}

.page-header.page-left-justify-title .container,
.home-top-content.page-left-justify-title .container {
    display: flex;
    align-items: flex-end;
    justify-content: left;
    z-index: 1;
}

.page-header .has-subtitle h1 {
    margin-bottom: 0;
}

.page-header .has-subtitle .subtitle {
    margin-bottom: 100px;
    color: white;
    margin-top: 0;
}

/* nav */

.nav {
}

.nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.nav ul li {
    display: inline-block;
    position: relative;
}

.nav ul li:hover ul.sub-menu {
    display: block;
}

.nav li a:hover {
    color: #a0a0a0;
}

ul.sub-menu {
    background: #f3f7f3;
    width: 200px;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    display: block;
    z-index: 1;
    display: none;
}

ul.sub-menu li {
    display: block;
}

ul.sub-menu a {
    display: block;
    padding: 5px 10px;
    font-size: 1.6rem;
    text-transform: initial;
}

ul.sub-menu a:hover {
    background: #eaecea;
}

.nav a {
    letter-spacing: 0.6px;
    font-weight: normal;
    color: #388f9d;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 25px;
    margin-left: 20px;
}

li.current-menu-item > a {
    color: #a0a0a0;
}

p.header-slogan {
    font-size: 28px;
    font-weight: 300;
    margin-top: 50px;
    line-height: 44px;
    letter-spacing: 0.04px;
}

p.margin-bot-clear {
    margin-bottom: 0px;
}

ul.margin-top-clear {
    margin-top: 0px;
}

p.stuff-name {
    margin-top: 4px;
    margin-bottom: -8px;
}

div#header-search {
    background: rgb(255 255 255 / 95%);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

div#header-search h2 {
    font-weight: 300;
}

div#header-search.open {
    opacity: 1;
    visibility: visible;
}

form.search {
    display: flex;
}

form.search input[type="search"] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid;
    background: transparent;
    font-size: 2rem;
}

span.close-search {
    display: block;
    text-align: right;
    font-size: 2rem;
    cursor: pointer;
}

.header-search-wrap {
    max-width: 1000px;
    padding: 0 30px;
}

/* sidebar */

.sidebar {
}

/* footer */

#mc_embed_signup_scroll {
    text-align: left;
}

#mc_embed_signup label {
    margin-top: 20px;
    font-size: 22px !important;
}

#mc_embed_signup input.email {
    width: 100%;
}

.footer-content p.email-subtext {
    font-size: 16px;
}

#mc_embed_signup .button {
    font-size: 22px !important;
    padding: 10px 20px !important;
    height: auto !important;
}

#mc_embed_signup .clear {
    display: block !important;
}

.footer {
    background: #ccd1cc;
    padding: 20px;
}

.footer-content p {
    font-size: 1.4rem;
    font-weight: 300;
}

.footer .container {
    border-top: 1px solid #000;
}

.footer a {
    color: black;
}

ul.social a {
    font-size: 4rem;
    color: white;
    margin-right: 10px;
}

ul.social {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

ul.social a {
    font-size: 4rem;
}

ul.social li {
    display: inline-block;
}

.pagination {
    font-size: 2rem;
    text-align: center;
}

.pagination a {
    color: #388f9d;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.margined-section {
    margin: 25px 0;
}

.margined-section.mt-100 {
    margin-top: 100px;
}

button#responsive-menu-pro-button {
    right: 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

#mc_embed_signup .button {
    background: #388f9d !important;
    font-weight: 900 !important;
    border-radius: 30px !important;
    border: 0;
    color: white;
}

#mc_embed_signup .button:hover {
    background: #388f9d !important;
}

/*------------------------------------*\
    REGISTRATION FORM
\*------------------------------------*/

#form_registrationform .currency input[readonly],
#form_registrationform #frm_field_138_container input[readonly] {
    color: inherit;
    border: 0;
    position: relative;
    padding-left: 5px;
    font-size: 1.8rem;
}

#form_registrationform .currency {
    position: relative;
}

#form_registrationform .currency.last {
    background: #eee;
    padding: 10px;
}

#form_registrationform .currency.last input {
    background: #eee;
    border: 0;
}

#form_registrationform .currency span.frm_inline_box {
    background: transparent;
    border: 0;
    font-size: 1.8rem;
    padding: 0;
}

.hide-field {
    display: none !important;
}

section.margined-section:last-of-type {
    margin-bottom: 0;
}

/*------------------------------------*\
    HOME
\*------------------------------------*/

.home-top .slide {
    background-size: cover;
    background-position: center;
    height: 90vh;
    max-height: 900px;
    position: relative;
}

.home-top-slider-wrap {
    position: relative;
}

.home-top-content h1 {
    font-weight: 100;
    font-size: 99px;
    line-height: 132px;
}

.home-top-content h2 {
    font-weight: 400;
    font-size: 54px;
    line-height: 65px;
}

.home-top:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /* background: #00000069; */
    background: rgb(0 0 0 / 67%);
    z-index: 1;
}

.home-top-content {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    color: white;
    width: 100%;
    padding: 0 30px;
}

.home-top div {
    z-index: 1;
}

.home-services .columns {
    justify-content: center;
}

.home-services p + p {
    max-width: 200px;
    font-size: 1.4rem;
}

.home-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}

.home-box a.button {
    margin-top: auto;
}

.home-services a.button {
    font-size: 15px;
    letter-spacing: 0.75px;
    padding: 10px 15px;
    font-weight: 600;
}

.margined-section.home-services p strong {
    font-weight: 500;
    font-size: 19px;
    line-height: 24px;
}

.margined-section.home-services .column p.mt-0.mb-0 {
    margin-bottom: 8px;
    max-width: initial;
}

.margined-section.home-services .column p.mt-0 {
    font-size: 18px;
    line-height: 21px;
    max-width: 260px;
    font-weight: 300;
}

.margined-section.home-services img {
    margin-bottom: 8px;
}

.footer-content p {
    font-size: 18px;
    font-weight: 100;
    line-height: 21px;
    letter-spacing: 1.62px;
}

.footer-content p.mb-0 strong {
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 1.62px;
    font-weight: 400;
}

.footer-content p.mb-0 {
    margin-top: 30px;
}

.footer-content div p.mt-0:nth-child(3) {
    margin-bottom: 5px;
}

.footer-content div p.mt-0.mb-0 {
    margin-top: 0px;
}

.page-content .mb-100.mt-100 p {
    margin-bottom: 40px;
}

.home-top-content h2 {
    font-size: 54px;
    font-weight: 500;
    line-height: 65px;
}

.footer-nav a {
    color: #388f9d;
    font-weight: 400;
}

/*------------------------------------*\
    SIMPLE PAGE
\*------------------------------------*/

.page-header {
    height: 800px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.page-header:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgb(0 0 0 / 67%);
    z-index: 0;
}

.page-header h1 {
    max-width: 1280px;
    color: white;
    position: relative;
    z-index: 2;
    font-weight: 600;
    margin-bottom: 80px;
}

section.gray-section {
    background: #f2f2f2;
    padding: 10px 0;
}

section.white-section {
    background: #fff;
    padding: 10px 0;
    margin: 0;
}

.faq h2 + * {
    margin-top: 0;
}

.faq a {
    color: #388f9d;
}

.faq h2 {
    font-weight: 500;
    font-size: 31px;
    line-height: 48px;
    color: #343434;
    margin-bottom: 13px;
}

.gray-section h1 {
    font-size: 67px;
    line-height: 81px;
    font-weight: 500;
}

.gray-section h3 {
    font-size: 35px;
    line-height: 43px;
    color: #585859;
}

.gray-section a.button {
    padding: 10px 22px;
}

ul.faculty-tab-list {
    margin: 0px;
    padding: 0px;
}

#board-of-directors .faculty-tab-list {
    display: none;
}

.hidden-anchor.hidden-anchor-faculty {
    visibility: hidden !important;
}

ul.faculty-tab-list li {
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
    border-right: 1px solid #388f9d;
    padding-right: 15px;
    margin-bottom: 30px;
}

ul.faculty-tab-list li:last-child {
    margin-right: 0px;
    border-right: 0px;
}

ul.faculty-tab-list li a {
    color: #388f9d;
    transition: 0.3s ease;
}

ul.faculty-tab-list li a:hover,
.faculty-tab-list a.selected {
    color: black;
}

.faculty-header h1 {
    font-size: 67px;
    line-height: 81px;
    color: #272727;
}

.gray-section h1.single-faculty-name,
.gray-section p.single-faculty-affiliation {
    font-size: 35px;
    line-height: 43px;
}

.header-links {
    padding: 0px;
    margin: 0px;
    list-style: none;
    position: absolute;
    left: 20px;
    bottom: 15px;
}

.header-links li {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.header-links li a {
    color: white;
    padding: 10px 20px;
    position: relative;
}

.header-links li a i {
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -6px;
    transition: 0.3s ease;
}

.header-links li a:hover i {
    bottom: -13px;
}

.hidden-anchor {
    position: absolute;
    z-index: -1;
    scroll-margin-top: 100px;
}

.hidden-anchor-program.hidden-anchor {
    position: relative;
}

.advisory-list .faculty-box a p {
    transition: 0.3s ease;
}

.advisory-list .faculty-box a:hover p {
    color: #388f9d;
}

/*------------------------------------*\
    ABOUT
\*------------------------------------*/
.about-slider {
    padding: 0 30px;
}

.about-slider .slide-wrap {
    padding: 10px;
    border: 1px solid black;
    margin: 10px;
}

.slick-next:before,
.slick-prev:before {
    color: black;
}

.slick-next {
    right: 0;
}

.slick-prev {
    left: 0;
}

/*------------------------------------*\
    FACULTY
\*------------------------------------*/

.faculty-header {
    background: #f2f2f2;
    padding-top: 50px;
}

h2.faculty-cat {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #585859;
}

h2.faculty-cat:before {
    border-top: 1px solid #707070;
    content: "";
    margin: 0 auto;
    /* this centers the line to the full width specified */
    position: absolute;
    /* positioning must be absolute here, and relative positioning must be applied to the parent */
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 95%;
    z-index: -1;
}

h2.faculty-cat span {
    /* to hide the lines from behind the text, you have to set the background color the same as the container */
    background: #fff;
    padding: 0 20px;
}

.gray-section h2.faculty-cat span {
    background: #f2f2f2;
    font-size: 39px;
    height: 48px;
}

.faculty-box {
    display: flex;
    flex-direction: column;
    height: auto;
}

.faculty-box.centered {
    margin-bottom: 25px;
}

.faculty-box-headshot {
    position: relative;
}

.faculty-box-headshot:hover .faculty-box-overlay {
    opacity: 1;
}

.faculty-box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 85%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    padding: 10px;
}

.faculty-box a.button {
    align-self: center;
    margin-top: auto;
}

.faculty-box .title {
    font-weight: 600;
    color: #627d81;
    font-size: 2rem;
}

.faculty-box p {
    font-weight: 400;
    color: #585859;
    font-size: 25px;
    line-height: 30px;
}

.faculty-box .mt-10.mb-10 {
    margin-top: 23px;
}

.faculty-box a.button {
    font-size: 16px;
    letter-spacing: 0.8px;
    padding: 10px 22px;
    margin-top: 10px;
}

.faculty-band .column.is-3-desktop {
    margin-bottom: 50px;
}

/*------------------------------------*\
    SINGLE FACULTY
\*------------------------------------*/

.single-faculty-title {
    font-weight: 600;
    font-size: 4rem;
}

.single-faculty-name,
.single-faculty-affiliation {
    color: #585859;
    font-weight: 500;
    font-size: 3rem;
}

/*------------------------------------*\
    ENROLL
\*------------------------------------*/

.enroll-header {
    background: #a6afa5;
    padding: 50px 0;
    color: white;
}

.enroll-header p {
    font-size: 1.8rem;
    font-style: italic;
}

.enroll-header-image {
    display: flex;
    justify-content: flex-end;
    margin-top: -50px;
    margin-bottom: 50px;
}

.enroll-header-image div {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
}

.enroll-header h1 {
    font-size: 67px;
    line-height: 120px;
}

/* .enroll-page h2 {
    font-size: 67px;
    line-height: 81px;
    font-weight: 500;
} */

.enroll-page-form h2 {
    font-weight: 400;
    margin: 0;
    font-size: 28px;
    line-height: 30px;
    color: #1d1d1d;
}

#frm_form_2_container label,
#frm_form_2_container .frm_primary_label {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 12px;
}

#frm_form_2_container .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 30px;
}

#frm_form_2_container .frm_description {
    font-size: 20px;
    color: #000000;
    line-height: 37px;
    font-weight: 300;
    margin-top: 6px;
}

.enroll-page-form #frm_form_2_container .frm_button_submit,
.enroll-page-form #frm_form_2_container .frm_prev_page {
    min-width: 257px;
    padding: 30px 58px;
    font-size: 25px;
    font-weight: 600;
}

div#mc_embed_signup h2 {
    font-size: 22px;
    margin-bottom: 0;
}

.frm_forms input[type="text"],
.frm_forms select,
.frm_forms input[type="tel"],
.frm_forms input[type="email"],
.frm_forms input[type="password"],
.frm_forms textarea,
#field_f9yqu,
#mc_embed_signup_scroll input[type="email"].email {
    background-color: #efefef;
    border: 1px solid #efefef;
    box-shadow: none;
    padding: 31px 20px;
}

#mc_embed_signup_scroll input[type="email"].email,
#mc_embed_signup_scroll input[type="text"] {
    padding: 26px 20px;
    padding: 10px;
    font-size: 1.8rem;
}

#mc_embed_signup #mc-embedded-subscribe {
    margin-top: 12px;
}

#field_f9yqu {
    padding: 23px 20px 39px 20px;
}

.frm_forms select {
    padding: 0px 20px;
    height: 64px;
    line-height: 64px;
}

#frm_form_3_container input[type="text"],
#frm_form_3_container select,
#frm_form_3_container input[type="tel"],
#frm_form_3_container input[type="email"],
#frm_form_3_container textarea {
    padding: 22px 20px;
}

#form_registrationform .currency span.frm_inline_box,
#mc_embed_signup_scroll input[type="text"] {
    box-shadow: none;
    background-color: #efefef;
}

#mc_embed_signup_scroll input[type="text"] {
    width: 100%;
    border: 0;
    margin-top: 10px;
}

form#summer-form-login input[type="password"] {
    display: block;
    margin: 10px 0;
    padding: 5px;
}

form#summer-form-login {
    font-size: 1.6rem;
    border: 1px solid #ddd;
    padding: 10px;
    max-width: 400px;
}

form#summer-form-login * {
    width: 100%;
}

form#summer-form-login label {
    font-weight: bold;
}

form#summer-form-login input[type="submit"] {
    display: inline-block;
    background: #388f9d;
    color: white !important;
    line-height: 0.8;
    padding: 15px 15px;
    border-radius: 50px;
    text-transform: uppercase;
    border: 0;
    font-size: 16px;
    letter-spacing: 0.75px;
    font-weight: 600;
}

form#summer-form-login input[type="submit"]:hover {
    background: #2f7985;
}

.new-student-guitar-warning {
    color: #a70000;
    background: #ff00000f;
    text-align: center;
    border: 1px solid #a70000;
}

.new-student-guitar-warning p {
    color: #a70000;
}

.new-student-guitar-warning a {
    color: #a70000;
    text-decoration: underline;
}

/*------------------------------------*\
    DONATE
\*------------------------------------*/

.margined-section.donate-stats h2 {
    margin-top: 0px;
}

.margined-section.donate-stats {
    text-align: left;
}

.margined-section.donate-stats .centered {
    text-align: center;
}

.ways-give a,
.our-supporters-content a {
    color: #388f9d;
    text-decoration: underline;
}

.ways-give a:hover,
.our-supporters-content a:hover {
    text-decoration: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 50px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.donate-stats .donate-button {
    padding: 29px 54px;
    text-transform: none;
    font-size: 20px;
    font-weight: 600;
}

.donate-stats .widget-margin {
    margin-bottom: 50px;
}

section.donation-cards {
    margin: 100px 0;
}

.donate-stats {
    position: relative;
    padding: 50px;
    text-align: center;
}

.donate-stats:after {
    content: "";
    position: absolute;
    height: 1px;
    background: #707070;
    width: 50%;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
}

.donate-card {
    padding: 10px 20px 0;
    background: white;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 16px;
    margin-top: 20px;
}

.stat-number {
    font-weight: 500;
    font-size: 78px;
    line-height: 84px;
    margin-bottom: 10px;
}

.donate-card a.button {
    position: relative;
    bottom: -7px;
    margin-bottom: -25px;
    padding: 29px 54px;
    text-transform: none;
    font-size: 20px;
    font-weight: 600;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9;
    display: none;
}

.donation-modal {
    max-width: 95%;
    width: 600px;
    margin: 50px auto 0;
    background: white;
    padding: 40px 20px 20px;
    border-radius: 16px;
    position: relative;
    height: calc(95vh - 50px);
    overflow: auto;
}

.donation-modal::-webkit-scrollbar {
    width: 1em;
    border-radius: 0 16px 16px 0;
}

.donation-modal::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 0 16px 16px 0;
}

.donation-modal::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 0 16px 16px 0;
}

span.close-modal {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 2rem;
    font-weight: 900;
    cursor: pointer;
}

input#field_h3uk6 {
    border: 0;
    box-shadow: none;
    color: black;
    font-weight: 900;
}

div#frm_field_213_container .frm_inline_box {
    background: white;
    border: 0;
    box-shadow: none;
    padding: 0;
    font-weight: 900;
    font-size: 1.4rem;
    margin-right: 0px;
}

.donation-stat {
    max-width: 300px;
    margin: 0 auto;
}

/* .why-donate-section h2 {
    font-size: 55px;
    line-height: 81px;
    margin: 0px;
    font-weight: 500;
} */

.donation-cards .stat-number {
    font-size: 67px;
    line-height: 88px;
    font-weight: 600;
}

.bottom-donate-section h2 {
    font-size: 67px;
    line-height: 81px;
    font-weight: 500;
}
.supporter-logo img {
    max-height: 87px;
    width: auto;
}
.supporter-logo {
    padding: 30px;
    text-align: center;
}
/*------------------------------------*\
    OUR PROGRAMS
\*------------------------------------*/

body.our-programs section.gray-section,
body.our-programs section.white-section {
    padding-left: 20px;
    padding-right: 20px;
}

.our-programs-section h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 400;
}

.our-program-content.additional-content .mb-100.mt-100 {
    margin-bottom: 45px;
}

.page-content .mb-100.mt-100 p.mrg-bot-clear {
    margin-bottom: 0px;
}

/* .section-for-removing-3,
.section-for-removing-4,
#content-section-4,
#content-section-3 {
    display: none;
} */

/*------------------------------------*\
    NEWS
\*------------------------------------*/

.news-card p {
    color: #585859;
    font-weight: 600;
    margin-top: 23px;
    font-size: 35px;
    line-height: 43px;
    font-weight: 500;
    margin-bottom: 65px;
}

.single-post ol,
.single-post ul {
    list-style-position: inside;
}

.display_archive {
    display: flex;
    flex-wrap: wrap;
}

.display_archive .campaign {
    width: 33.333%;
    font-size: 2rem;
    padding: 20px;
}

.display_archive .campaign a {
    display: block;
    color: #388f9d;
}

.newsletter-block p.newsletter-title {
    color: #388f9d;
    line-height: 1.4;
}

.newsletter-block p {
    color: #000;
}

newsletters-wrap a {
    height: 100%;
    display: block;
}

.newsletter-block {
    border: 1px solid #000;
    padding: 10px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

p.newsletter-excerpt,
p.newsletter-date {
    font-size: 1.6rem;
    line-height: 1.4;
}

p.newsletter-date {
    margin-top: auto;
}

/*------------------------------------*\
    CONTACT
\*------------------------------------*/

section.contact-top {
    background: #a6afa5;
    padding-top: 50px;
}

section.contact-top img {
    margin-bottom: -50px;
}

.contact-list {
    display: flex;
    margin-bottom: 28px;
}

.contact-list i {
    font-size: 3rem;
    margin-right: 40px;
    color: #388f9d;
    padding-top: 5px;
}

.contact-list a {
    color: #000;
}

/*
.contact-content-box h1 {
    font-size: 67px;
    line-height: 120px;
    margin-bottom: 10px;
} */

.contact-form-box label.frm_primary_label {
    font-size: 20px;
    line-height: 21px;
    font-weight: 400;
    margin-bottom: 15px;
}

.contact-form-box .frm_description {
    font-size: 14px;
    line-height: 26px;
    margin-top: 5px;
}

.contact-list p {
    font-size: 20px;
    line-height: 37px;
    font-weight: 300;
}

.contact-list strong {
    font-size: 20px;
    font-weight: 500;
}

.contact-list i.fa-map-marker-alt {
    padding-top: 12px;
    font-size: 4rem;
}

#frm_form_3_container .frm_submit {
    text-align: center;
}

#frm_form_3_container .frm_submit .frm_button_submit {
    font-size: 23px;
    font-weight: 600;
    padding: 26px 50px;
}

/*------------------------------------*\
    CITIES
\*------------------------------------*/
.page-template-template-city .page-header {
    height: auto;
    min-height: 500px;
}

.main-city-content-wrapper {
    overflow: hidden;
}

.main-city-content-wrapper h5 {
    margin-bottom: 0;
}

.main-city-content-wrapper .per-content {
    margin: 50px 0;
}

.main-city-content-wrapper .per-content.gray-section {
    position: relative;
    padding: 25px 0;
    background-color: #f2f2f2;
}

.main-city-content-wrapper .form-wrapper h2 {
    background: #f2f2f2;
    margin: 0 0 20px;
    padding: 10px 20px;
    text-align: center;
}

/*------------------------------------*\
    EVENTS
\*------------------------------------*/
.tribe-events-widget-events-list__events {
    display: flex;
    flex-wrap: wrap;
}

.event-block {
    width: calc(100% - 20px) !important;
    border: 1px solid #000 !important;
    padding: 10px !important;
    margin: 10px !important;
    display: block !important;
}

.event-block img {
    margin-bottom: 10px !important;
}

.tribe-events-gcal.tribe-events-button {
    display: none;
}

.tribe-events-ical.tribe-events-button {
    display: none;
}

/*------------------------------------*\
    MY ACCOUNT
\*------------------------------------*/

nav.woocommerce-MyAccount-navigation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

nav.woocommerce-MyAccount-navigation a {
    display: block;
    border-bottom: 1px solid;
    padding: 10px;
}

nav.woocommerce-MyAccount-navigation li:last-of-type a {
    border-bottom: 0;
}

nav.woocommerce-MyAccount-navigation .is-active a,
nav.woocommerce-MyAccount-navigation a:hover {
    background: #f4f4f4;
}

.woocommerce-orders .woocommerce-message .button {
    display: none;
}

ul.children-table {
    padding: 0;
    list-style-type: none;
}

ul.children-table li {
    border-bottom: 1px solid #ddd;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.children-table li:last-child {
    border-bottom: 0;
}

ul.children-table {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.child-actions-table a {
    font-size: 1.6rem;
    padding: 0 5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    float: none;
    width: 100%;
}

.account-nav-icon {
    text-align: right;
}

.bronx-cart-icon {
    margin: 0 0 0 20px;
    padding: 5px;
}

.bronx-cart-icon a:hover {
    color: #3faabb;
}

.my-account-nav-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    position: absolute;
    background: white;
    width: 300px;
    max-width: 100%;
    z-index: 9;
    display: none;
    right: 0;
    border-top: 1px solid #388f9d;
    border-bottom: 1px solid #388f9d;
    border-right: 1px solid #388f9d;
    border-left: 1px solid #388f9d;
    top: 32px;
}

#my-account-nav-icon {
    cursor: pointer;
    display: inline-block;
}

div#my-account-nav-icon:hover {
    color: #388f9d;
}

.welcome-msg {
    font-size: 3rem;
}

/*------------------------------------*\
    WOOCOMMERCE
\*------------------------------------*/
.woocommerce {
    font-size: 1.6rem;
}

.woocommerce button.button {
    background: #388f9d;
    color: white;
    border-radius: 50px;
}

.woocommerce button.button:hover,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background: #388f9d;
    color: white;
    border-radius: 50px;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
    padding: 10px;
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    top: 8px;
}

tr.payment-method.default-payment-method a.button.delete {
    display: none;
}

tr.woocommerce-cart-form__cart-item.cart_item dl.variation,
tr.woocommerce-cart-form__cart-item.cart_item dl.variation p,
.woocommerce td.product-name dl.variation p,
.woocommerce td.product-name dl.variation dt,
.woocommerce td.product-name .wc-item-meta p,
.woocommerce td.product-name .wc-item-meta {
    color: #696969;
    font-size: 1.4rem;
    margin: 0;
}

ul.wc-item-meta {
    padding-left: 10px;
}

.woocommerce td.product-name dl.variation dt {
    float: none;
    display: block;
    font-weight: 600;
    font-size: 1.5rem;
}

.woocommerce td.product-name dl.variation dd {
    display: block;
    margin-bottom: 10px;
}

tr.woocommerce-cart-form__cart-item.cart_item dl.variation p,
.woocommerce td.product-name dl.variation p {
    line-height: 1;
}

.product-select-pref label {
    display: block;
}
.pref-flex {
    display: flex;
    gap: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.product-select-pref {
    margin: 20px 0;
    flex: 1;
}

.product-select-pref select {
    width: 100%;
}

p.disclaimer {
    font-size: 1.6rem;
    color: #656565;
}

.woocommerce div.product form.cart div.quantity {
    padding: 10px 0;
}

/* .woocommerce div.product form.cart div.quantity input {
    cursor: default;
    border: 1px solid #ddd;
    background-color: #eee;
    color: #878787;
    cursor: default;
} */

ul.course-history-list {
    list-style-type: none;
    padding-left: 20px;
}

.woocommerce.applying-installment {
    position: relative;
}

.woocommerce.applying-installment:before {
    content: "Adjusting cart \a please wait...";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    font-weight: 500;
    white-space: pre;
    text-align: center;
    position: fixed;
}

.cart-nav {
    align-items: center;
    margin-bottom: 20px;
}

.cart-nav a.button {
    margin: 5px;
}

.installment-plan-cart-box {
    border: 1px solid #ddd;
    padding: 20px;
    background: #fafafa;
}

.installment-plan-cart-box :first-child {
    margin-top: 0;
}

.installment-plan-cart-box :last-child {
    margin-bottom: 0;
    margin-top: 20px;
}

strong.cart-prorated-rate {
    color: red;
    font-size: 1.4rem;
}

div#installment-plan-details select {
    max-width: 300px;
}

div#installment-plan-details {
    display: none;
}

.delete-student {
    color: #9d3838;
}

.delete-student-wrap {
    border-top: 1px solid;
    padding: 30px;
}

.edit-student-wrap {
    position: relative;
}

.edit-student-wrap.loading:after {
    content: "Deleting student, please wait...";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
}

span.remove-tooltip {
    position: absolute;
    background: white;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.18);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out;
}

.product-remove a:hover + span.remove-tooltip {
    opacity: 1;
    visibility: visible;
}

.woocommerce div.product .product_title {
    font-size: 2.5rem;
}

.woocommerce-product-details__short-description * {
    font-size: 1.6rem;
    line-height: 1.5;
}

.product-select-pref.saturday {
    display: none;
}

/*------------------------------------*\
    ACF GOOGLE MAP
\*------------------------------------*/

.acf-map {
    width: 100%;
    min-height: 400px;
    max-height: 600px;
    border: #ccc solid 1px;
    margin: 60px 0 20px 0px;
}

/* Fixes potential theme css conflict. */

.acf-map img {
    max-width: inherit !important;
}

/*------------------------------------*\
    REGISTER
\*------------------------------------*/
.course-group-title {
    border-bottom: 1px solid;
    margin-top: 40px;
}

.course-box {
    padding: 20px;
    border: 1px solid #ddd;
    text-align: center;
    position: relative;
    background-size: cover;
}

.course-box * {
    position: relative;
    z-index: 2;
    color: white;
    font-weight: bold;
}

.course-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000007a;
}

.course-box p {
    font-size: 1.6rem;
}

.registration-terms {
    border: 1px solid #9e9e9e;
    padding: 30px;
}

.registration-terms h3.frm_pos_top {
    border: 0 !important;
}

.parent-two-section {
    border-top: 1px solid;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width: 320px) {
}

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 782px) {
    body.admin-bar .header.stick {
        top: 32px;
    }
}

@media only screen and (min-width: 769px) {
    .newsletter-flex {
        display: flex;
        justify-content: space-between;
    }

    .newsletter-flex .mc-field-group {
        width: 49%;
    }

    .page-header h1 {
        font-size: 90px;
        line-height: 109px;
        font-weight: 500;
    }

    h1 {
        font-size: 5rem;
    }

    h2 {
        font-size: 50px;
    }

    .main-city-content-wrapper h2 {
        font-size: 45px;
    }

    .footer-content {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .enroll-header p {
        font-size: 48px;
        line-height: 59px;
        font-weight: 200;
    }

    .enroll-header-image div {
        width: 75%;
    }

    .row-reverse .columns {
        flex-direction: row-reverse;
    }

    body.our-programs section.gray-section {
        padding-left: 20px;
        padding-right: 0;
    }

    body.our-programs section.white-section {
        padding-right: 20px;
        padding-left: 0;
    }

    .event-block {
        width: calc(50% - 20px) !important;
    }

    section.gray-section,
    section.white-section {
        padding: 50px 30px;
    }

    a.button.large {
        font-size: 2rem;
    }

    .dashboard-flex-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .margined-section {
        margin: 50px 0;
    }
}

@media only screen and (min-width: 800px) {
    img.single-faculty-headshot {
        width: 400px;
        float: left;
        margin: 0 80px 20px 0;
    }

    #responsive-menu-pro-item-63 {
        display: initial;
    }

    .cart-nav {
        display: flex;
    }
}

@media only screen and (min-width: 1024px) {
    .event-block {
        width: calc(33.333% - 20px) !important;
    }

    .main-city-content-wrapper .per-content.gray-section {
        position: relative;
        background-color: transparent;
    }

    .main-city-content-wrapper .per-content.gray-section:before {
        content: "";
        background: #f2f2f2;
        position: absolute;
        top: 0;
        left: -20%;
        height: 100%;
        width: 122%;
    }
}

@media only screen and (min-width: 1280px) {
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04a4cc;
    color: #fff;
    text-shadow: none;
}

::-webkit-selection {
    background: #04a4cc;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #04a4cc;
    color: #fff;
    text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.sticky {
}

.bypostauthor {
}

.new-student-guitar-warning {
    display: none;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        box-shadow: none !important;
        color: #000 !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    .nav,
    .sidebar,
    .home-slider,
    #respond {
        display: none;
    }

    @page {
        margin: 2cm;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 801px) {
    ul.faculty-tab-list {
        text-align: center;
    }

    .nav ul {
        align-items: flex-end;
        justify-content: space-around;
    }

    .nav a {
        letter-spacing: 1.19px;
        font-size: 17px;
    }

    p.header-slogan {
        font-size: 26px;
        margin-top: 9px;
        line-height: 48px;
    }

    .woocommerce img.logo-img,
    .logo-img {
        max-width: 138px;
        height: auto;
    }

    .home-top-content h1 {
        font-size: 76px;
        line-height: 99px;
    }

    .home-top-content h2 {
        font-size: 43px;
        line-height: 55px;
    }

    .margined-section.home-services p strong {
        font-size: 17px;
    }

    .margined-section.home-services .column p.mt-0 {
        font-size: 16px;
    }

    .page-header h1 {
        font-size: 85px;
    }

    .our-programs-section h2 {
        font-size: 35px;
        line-height: 40px;
    }

    p,
    ul,
    ol {
        font-size: 17px;
        line-height: 1.5;
    }

    .news-card p {
        margin-top: 15px;
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 35px;
    }

    img.single-faculty-headshot {
        width: 100%;
        float: none;
    }

    .gray-section h1 {
        font-size: 50px;
        line-height: 65px;
    }

    .enroll-header p {
        font-size: 33px;
        line-height: 45px;
    }
}

@media only screen and (max-width: 769px) {
    .donate-stats .donate-button {
        font-size: 1.6rem;
    }

    ul.faculty-tab-list {
        text-align: center;
    }

    .home-top-content h1 {
        font-size: 57px;
        line-height: 61px;
        margin-bottom: 20px;
    }

    .faculty-header h1 {
        font-size: 37px;
        line-height: 55px;
    }

    .gray-section h2.faculty-cat span {
        font-size: 30px;
    }

    .our-programs-section h2 {
        font-size: 33px;
        line-height: 50px;
    }

    a.button {
        margin: 5px;
    }

    p,
    ul,
    ol {
        font-size: 16px;
        line-height: 1.5;
    }

    .news-card p {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 30px;
    }

    /* section.gray-section {
        margin-top: 180px;
        padding-top: 180px;
    } */

    .gray-section h1 {
        font-size: 35px;
        line-height: 45px;
        margin-top: 20px;
    }

    .faculty-profile-margin {
        margin-top: 0 !important;
        padding-top: 25px !important;
    }

    element.style {
    }

    .faq h2 {
        font-size: 26px;
        line-height: 40px;
    }

    .enroll-header h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .enroll-page h2 {
        font-size: 39px;
        line-height: 60px;
    }

    .enroll-page-form h2 {
        font-size: 18px;
        line-height: 20px;
    }

    #frm_form_2_container label,
    #frm_form_2_container .frm_primary_label,
    .contact-form-box label.frm_primary_label {
        font-size: 17px;
        margin-bottom: 10px;
    }

    #frm_form_2_container .frm_description {
        font-size: 12px;
        line-height: 20px;
    }

    .enroll-page-form #frm_form_2_container .frm_button_submit,
    .enroll-page-form #frm_form_2_container .frm_prev_page,
    #frm_form_3_container .frm_submit .frm_button_submit {
        min-width: 100px;
        padding: 22px 60px;
        font-size: 18px;
        margin: 0px auto;
        display: block;
    }

    .contact-list p {
        font-size: 17px;
        line-height: 31px;
    }

    .contact-list strong {
        font-size: 17px;
    }

    .contact-content-box h1 {
        font-size: 49px;
        line-height: 80px;
    }

    .stat-number {
        font-size: 60px;
    }

    .why-donate-section h2,
    .bottom-donate-section h2 {
        font-size: 46px;
        line-height: 69px;
    }

    .donation-cards .stat-number {
        font-size: 58px;
    }

    .donation-cards .column {
        margin-bottom: 30px;
    }

    .home-top-content h2 {
        font-size: 31px;
        line-height: 40px;
    }

    .gray-section h3 {
        font-size: 21px;
        line-height: 35px;
    }

    .page-header h1 {
        margin: 0 auto 165px;
        text-align: center;
        font-size: 4.6rem;
    }

    .has-subtitle {
        margin: 0 auto;
    }

    .page-header {
        height: 400px;
    }

    .header-links {
        left: 0px;
        bottom: 25px;
        text-align: center;
        width: 100%;
    }

    .header-links li {
        margin-bottom: 15px;
        width: 100%;
        margin-right: 0;
    }

    .page-header.page-left-justify-title .container,
    .home-top-content.page-left-justify-title .container {
        align-items: center;
    }
}