/* Styling needs to be separately applied to appear in the Block Editor screen - CSS variables won't work here unless you re-declare them here */

/* custom styles for inside the block editor and front-end */
div.heateor_sss_follow_ul a, div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
    margin-right: 1rem !important;
}
.carousel-images table.acf-table > thead > tr > th.acf-th:nth-child(2) {
    width: 20% !important;
}
.carousel-images table.acf-table > thead > tr > th.acf-th:nth-child(3) {
    width: 80% !important;
}
.block-v-images img,
.block-carousel-container img {
    max-height: 350px;
}
.quick-links.card, .callout.card {
    box-shadow: 7px 7px 5px rgba(0,0,0,0.4);
    border-top: 12px solid #DCDDDE!important;
    padding-top: 2rem;
    max-width: 1400px;
}
.quick-links.card li, .callout.card li, .callout.card p {
    font-size: 16px;
}
.quick-links.card a, .callout.card a {
    text-decoration: underline;
    transition: all 300ms ease-in-out;
}
.quick-links.card a:hover, .quick-links.card a:focus, .callout.card a:hover, .callout.card a:focus {
    text-decoration: none;
}
.callout.card .acf-innerblocks-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.callout.card .acf-innerblocks-container ul,
.wp-block.wp-block-acf-callout-cta  {
    margin-left: 0;
}
.callout-cta a {
    color: black;
    text-decoration: none !important;
    border-bottom: 2px solid #0F7EEC;
}
.callout-cta a:hover, .callout-cta a:focus {
    border-bottom: none;
}
.blog-heading h2 {
    color: #0F7EEC;
}
.quote-block p {
    color: #688197;
}

/* Re-stating bootstrap styles for inside the block editor */
.card {
    position: relative;
    border: 1px solid rgba(0,0,0,.125);
}
.card-title {
    margin-bottom: 0.5rem;
}
.px-5 {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
}
.py-3 {
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}
.py-5 {
    padding-top: 3rem!important;
    padding-bottom: 3rem!important;
}
.pb-3 {
    padding-bottom: 1rem!important;
}
.mx-0 {
    margin-right: 0!important;
    margin-left: 0!important;
}
.my-3 {
    margin-top: 1rem!important;
    margin-bottom: 1rem!important;
}
.mt-0 {
    margin-top: 0!important;
}
.mt-2 {
    margin-top: 0.5rem!important;
}
.mt-3 {
    margin-top: 1rem!important;
}
.mb-0 {
    margin-bottom: 0!important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
.ms-3 {
    margin-left: 1rem!important;
}
.w-100 {
    width: 100%!important;;
}
.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
}
.d-flex {
    display: flex!important;
}
.flex-row {
    flex-direction: row!important;
}
.flex-column {
    flex-direction: column!important;
}
.align-items-center {
    align-items: center!important;
}
.align-items-end {
    align-items: flex-end!important;
}
.justify-content-between {
    justify-content: space-between!important;
}
.text-center {
    text-align: center!important;
}
.border-2 {
    border-width: 2px!important;
}

/* Re-stating custom.css styles for inside the block editor */
.fs-16 {
    font-size: 16px !important;
}
.fs-18 {
    font-size: 18px !important;
}
.fs-24 {
    font-size: 24px !important;
}
.light {
    font-weight: 300 !important;
}
.normal {
    font-weight: 400 !important;
}
.bold {
    font-weight: 700 !important;
}