/* --------------start of custom css----------------- */
html {
    scroll-behavior: smooth;
}

.wrap__logo{
    max-width: 100%;
}

img.logo__image {
    height: auto!important;
    max-height: unset!important;
    max-width: 100%!important;
}

.staff-member__image-wrapper, .staff-member__image {
    width: 185px!important;
    height: 237px!important;
}

.gallery_office__container--inner img{
    margin:  auto;
}

.wrap_newsletter {
    border: 1px solid;
    padding: 10px;
}

.featuredblock__description{
    height: unset;
}

.featuredblock__description:hover p {
    color: #fff;
}

a[href^="tel"]{
    pointer-events: auto;
    cursor: pointer;
}

.wrap__page-content a[name]{
    padding-top: 150px;
    margin-top: -150px;
    display: block;
}

.image_left{
    float:left;
    margin:0 10px 10px 0;
}

.image_right{
    float:right;
    margin:0 0 10px 10px;
}

.image_center{
    margin:10px auto;
    display:block;
}

.image_left, .image_right, .image_center{
    max-width:100%;
}

.t_maroon{
    color: #4d170b;
}

.t_center, .t_center h1, .t_center h2 {
    text-align: center!important;
}

.wrap__columns-container + *, .clearfix{
    clear: both;
}

.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 {
    clear: none;
}

.editable ul + *, .editable ol + *, .editable__container ul + *, .editable__container ol + * {
    clear: none;
}

.wrap__page-content ul, .wrap__page-content ol, .wrap__editable ul, .wrap__editable ol, .blog__post-content ul, .blog__post-content ol, .article__post-content ul, .article__post-content ol, .article__content.content ul, .article__content.content ol, .testimonials-item--content ul, .testimonials-item--content ol, .testimonials__content ul, .testimonials__content ol {
    clear: none;
}

/* --------------------end of custom css----------------- */
/* ----------------- media queries----------------------- */
@media (min-width: 768px){
    .col-2 {
        width: 50%;
        float: left;
        padding: 10px;
    }
    
    .col-3 {
        width: 33.33%;
        float: left;
        padding: 10px;
    }
}

@media (max-width:767px){
    .wrap__logo p{
        text-align: center!important;
        float: none;
    }
    .staff-member__image-wrapper {
        float: none;
        margin: 10px auto;
    }

    .staff-member__text{
        width: 100%;
    }
    
    .image_left,.image_right{
        float:none!important;
        margin:10px auto!important;
        display:block;
    }
}