/*---------------Pop up css------------*/
/* I added the popup editable above in Who We Are section.*/
#css-only-modals {
    position: fixed;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    text-align: center;
    white-space: nowrap;
    height: 100%;
}

#css-only-modals:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -.25em;
}

.css-only-modal-check {
    pointer-events: auto;
    display: none;
}

.css-only-modal-check:checked~.css-only-modal {
    opacity: 1;
    pointer-events: auto;
}

.css-only-modal {
    width: 600px;
    background: #fff;
    z-index: 1;
    display: inline-block;
    position: relative;
    pointer-events: auto;
    padding: 25px;
    text-align: right;
    border-radius: 4px;
    white-space: normal;
    vertical-align: middle;
    opacity: 0;
    max-width: 90%;
}

.css-only-modal h2 {
    text-align: center;
}

.css-only-modal p {
    text-align: left;
}

.btn-primary:hover {
    color: #fff;
    background-color: #999;
    border-color: #999;
}

.btn-primary {
    color: #fff;
    background-color: #777;
    border-color: #777;
    border-radius: 4px;
    padding: 6px 12px;
    margin-top: 8px;
}

.css-only-modal-check:checked~#screen-shade {
    opacity: .5;
    pointer-events: none;
}

#modal1 {
    display: none;
}

#screen-shade {
    opacity: 0;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none;
    transition: opacity .8s;
}

.css-only-modal-content {
    max-height: 80vh;
    overflow-y: auto;
}
/*------------End pop up css------*/
.dbl img{
    max-height: 500px;
    height: auto;
    width: auto;
}
.dblsm img{
    max-height: 320px;
    height: auto;
    width: auto;
}
a.dntc {
    display: block;
    font-size: 24px;
    font-family: 'Roboto';
    padding: 15px;
    background: #fff;
    width: 222px;
    margin: 0 auto;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 20px;
}

a.cta__link.component__link--2.piwik_ignore {
    background: #fff;
    padding: 10px;
    width: 230px;
    border-radius: 6px;
}

.cstm_header_bg {
    background-color: rgb(0 0 0 / 40%);
    min-height: unset!important;
}
.section .logo .component__title {
    font-size: 21px;
}
.section .logo .component__subtitle {
    text-transform: uppercase;
    font-size: 14px;
    margin-top: -5px!important;
}
.section--light .editable__container h1, .section--light .editable__container h2 {
    font-family: "Heebo", sans-serif;
    font-weight: bold;
}
.cstm_home_header_content {
    text-align: center;
    padding: 30px 0;
}
.cstm_margin .cta {
    padding-top: 0;
}
.location.location-8 img {
    max-width: 200px;
}
h5, .editable__container h5 {
    font-size: 17px;
    line-height: 1.5;
}
.wrap__page-content ul, .wrap__page-content ol, .wrap__editable ul, .wrap__editable ol, .wrap__editable-content ul, .wrap__editable-content ol, .staff-member ul, .staff-member ol, .editable ul, .editable ol, .form ul, .form ol, .editable ul + *, .editable ol + *, .editable__container ul + *, .editable__container ol + * {
    clear: unset;
}
ul.cstm_list {
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
}
table.cstm_ortho_tables, table.cstm_table {
    text-align: center;
}
table.cstm_ortho_tables td, table.cstm_table td {
    vertical-align: top;
    border: none;
    border-bottom: solid;
    border-top: solid;
}
.cstm_col2.officeRight {
    width: 70%;
    float: right;
}
.cstm_col2.officeLeft {
    float: left;
    width: 30%;
}
.cstm_col2 table, .cstm_col2 table tr td {
    border: none;
    display: inline-block;
    padding: 0;
}
.cstm_yt {
    text-align: center;
}
.cstm_yt iframe {
    width: 100%;
    height: 500px;
    max-width: 900px;
    margin: 0 auto;
}
.cstm_wrap_list {
    display: inline-block;
    width: 49%;
    vertical-align: top;
}
div#id_f3c093c2-e64d-55b8-9c26-477dd49e222a .cta, div#id_8bb6ab1d-3a7d-5765-8e25-59534401123d .cta {
    padding: 0;
    padding-bottom: 20px;
}
.cstm_btns p {
    margin: 0;
}
.cstm_btns a {
    font-family: "Heebo", sans-serif !important;
    font-size: 14px!important;
    border: 4px solid white;
    position: relative;
    overflow: hidden;
    transition: 0.3s;
    border-radius: 4px 4px 0 0 !important;
    background-color: transparent;
    min-height: 50px;
    width: 100%;
    text-align: center;
    min-width: 147px;
    padding: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none!important;
    display: inline-block;
}
.cstm_btns a:hover {
    background-color: var(--cbutton__dark-bg-1--hover) !important;
    color: var(--cbutton__dark-color-1--hover) !important;
}
.cstm_cta_btns_mobile {
    display: none;
}
.section--light .editable__container a {
    display: inline-block;
}



@media (max-width:1024px) {

img.align-center.fr-fil.fr-dib {
    max-width: 80%;
    margin: 0 auto !important;
    display: block;
}

img.align-center.fr-fic.fr-dib
{
    max-width: 80%;
    margin: 0 auto !important;
    display: block;
}

}



@media (max-width: 1199px){
.banner .banner-text__wrapper {
    margin: 0 auto;
}
}
@media (max-width: 1024px){
.cstm_col2.officeRight,.cstm_col2.officeLeft {
    width: 50%;
}
}
@media (max-width: 991px){
.cstm_wrap_list {
    width: 100%;
}
.logo_sticky_mobile .col-lg-2.section__column-1.col-sm-12.ple-module-justify-center.align-self-center.alias-logo_header, .logo_sticky_mobile .col-lg-2.section__column-1.ple-column-padding.col-sm-12.ple-module-justify-center.align-self-center.alias-logo, .cstm_header_cta__container.editable__container {
    display: none;
}
.logo_sticky_mobile .logo, .logo_sticky_mobile .col-lg-2.section__column-1.ple-column-padding.col-sm-12.ple-module-justify-center.align-self-center.alias-logo_sticky, .alias-cstm_cta_header {
    display: none!important;
}
.logo_sticky_mobile .col-lg-7.section__column-2.col-sm-12.ple-module-justify-center.align-self-center.alias-navigation_header {
    margin-top: 20px;
}
.cstm_cta_btns_mobile {
    display: block;
}
table.cstm_ortho_tables td {
    width: 49%!important;
    display: inline-block;
    border-bottom: unset;
    border-top: unset;
}
}
@media (max-width: 767px){
.cstm_col2.officeRight,.cstm_col2.officeLeft {
    width: 100%;
}
img.align-right, img.align-left {
    float: none!important;
    display: block;
    text-align: center;
    margin: 0 auto!important;
}
.editable__container p img {
    width: 100%;
    max-width: 300px;
}
table.cstm_ortho_tables td {
    width: 100%!important;
}
}
@media (max-width: 519px){

}

.cstm_btns a {
    font-size: 11px!important;
    padding: 7px;
}

h3.banner-c__title.component__title.banner-text__title--extraLarge.text-center, p.banner-c__subtitle.component__subtitle.banner-text__subtitle--medium.text-center, .section-pagecontent h1, .section-editable .editable__container h1 {
    font-family: 'Bubblegum Sans';
}

.section .component__title, .testimonials-item__content.testimonials-item--content.component__p.testimonials__content.readMoreOn, strong.testimonials-item__source {
    text-align: center;
}

div#id_290d10bf-9f57-5a18-9a06-8c01af03d3c9::before, div#id_9f625175-475b-5b10-9b79-028c37d0da37::before 
{
    background-color: #fff;
}

.section--dark .navigation-a .navigation__item--link, .section__bg--dark-4 .navigation-a .navigation__item--link {
    color: #0753a2;
}

.section--dark .editable__container a, .section--dark a {
    color: #0753a2 !important;
}

.cstm_btns a {
    border: 4px solid #0753a2;
}

.navigation-a .navigation__item.has-drop-down > .navigation__item--link::after {
    border-color: #0753a2 transparent transparent transparent;
}

.section__bg--dark-2 .navigation-a .navigation__list--sub {
    background-color: #fff !important;
}

.cstm_btns a {
    font-size: 14px!important;
    font-weight: bold;
    padding: 7px;
}

.col-lg-2.section__column-3.col-sm-12.ple-module-justify-center.align-self-center.alias-cta_header, .col-lg-2.section__column-3.col-sm-12.ple-module-justify-center.align-self-center.alias-cta_header_sticky {
    padding-top: 20px;
    padding-bottom: 20px;
}

.cstm_btns a {
    color: #0753a2 !important;
}

h3.banner-c__title.component__title.banner-text__title--extraLarge.text-center {
    font-size: 74px;
}

.section-banner .banner .banner-text__subtitle--medium {
    font-size: 49px;
}

h4.blade-a__subtitle.component__subtitle {
    text-align: center;
}

h3.blade-a__title.blade-a__title--border.component__title {
    color: #0753a2;
}

.cstm_home_header_content h1 {
    font-size: 55px !important;
}

a.location__fax-num.piwik_ignore, a.location__phone-num.piwik_ignore {
    color: #fff !important;
}

h3.banner-c__title.component__title.banner-text__title--extraLarge.text-center, p.banner-c__subtitle.component__subtitle.banner-text__subtitle--medium.text-center, .section-pagecontent h1, .section-editable .editable__container h1 {
    text-align: center;
}

.section-pagecontent h3, .section-editable .editable__container h3 {
    font-size: 42px;
    font-family: 'Bubblegum Sans';
}

@media (max-width:768px) {

img.align-center.fr-fil.fr-dib {
    max-width: 100%;
    margin: 0 auto !important;
    display: block;
}

img.align-center.fr-fic.fr-dib
{
     max-width: 100%;
    margin: 0 auto !important;
    display: block;
}

}






/* Hide the checkbox */
input[type="checkbox"] {
    display: none;
}

/* Thumbnail style */
.thumbnail {
    cursor: zoom-in;
    transition: transform 0.3s;
    width: 49%;
    height: auto;
}

.thumbnail:hover {
    transform: scale(1.02);
}

/* Modal style */
.image-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
    z-index: 1000;
}

/* Close button */
.close-btn {
    position: absolute;
    top: 20px;
    right: 30px;
    color: white;
    font-size: 30px;
    cursor: pointer;
}

/* Expanded image */
.expanded-img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

/* Show modal when checkbox is checked */
input[type="checkbox"]:checked ~ .image-modal {
    opacity: 1;
    pointer-events: all;
}

/* Keep your original container styles */
.image-container {
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    width: 100%;
}