/*---------------Pop up css------------*/ #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: 700px; background:#fff; z-index:1; display:inline-block; position:relative; pointer-events:auto; padding:25px; text-align:right; border-radius:4px; white-space:normal; display:inline-block; vertical-align:middle; opacity:0; pointer-events:none; 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; } .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------*/ 

.css-only-modal {
    text-align: center;
}
/* WEBPAGE BG */
.layout {
    background: #F2F1E0;
}

/* HEADER */
.wrap__header--top {
    background: linear-gradient(to bottom, #ffffff 0%, #f4f4e5 100%);
}
.logo__title {
    color: #000000;
}
.logo__description {
    color: #000000 !important;
}
/* .wrap__image--inner .image {
    background-image:url(https://my.officite.com/0075690/storage/app/media/draxBg.png) !important;
}
 */


/*-------Blog-Page--------*/
.blog__image {
    width: 200px;
    height: auto;
}
.blog__post-image-link {
    height: auto;
}
.blog__post .blog__image {
    height: auto;
    width: auto;
}
img:after, picture:after, img:before, picture:before {
    display: none;
}

/*-------Blog-Page-END-------*/

.wrap__cta.header .cta:before, .wrap__cta.header .cta:after {
    background: #9dbb58;
}

.slider .slider__text.solid-background:not(.empty) .slider_caption:before {
   display:none;
}


/* CUSTOMIZED CSS */
div#slot-staff img {
    float: right;
    width: 250px;
    margin: 15px;
}
.custom_img {
    box-shadow: 0 0 20px rgb(0 0 0 / 50%);
    border: 3px solid #fff;
}
div#slot-services tr td {
    border: none;
}
.staff-item {
    clear: both;
}
.staff .staff-item .staff-img {
    padding: 10px;
    border: solid 1px #dfdfdfdf;
    width: 200px;
    margin: 0 auto 20px;
    display: block;
    box-shadow: 0 0 3px rgb(51 51 51 / 43%);
}
.staff .staff-item .staff-img {
    float: left;
    margin-right: 10px;
}
.wrap__staff {
    background: #829E40;
    padding: 25px 20px 20px 20px;
    float: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 0px;

}
.wrap__staff  * {
      color: white !important;
}
.imagegrid img {
    width: 162.77px;
}


/* location CTA */

#mm-0 > div.home-layout.layout > div > div.container > div > div.two__columns.body > div > aside > div.wrap__cta.body {
    display: none;
}



/* FULLWIDTH */
.title__holder {
    background: #9DBB58;
}




/*GLOBAL*/
.wrap__page-content * {
    line-height: 1.6 !important;
}
.wrap__sitemap {
    padding: 30px 0px;
}
.wrap__bx-controls {
display: none;
}
a[href^="tel"],
a[href^="fax"] {
cursor: pointer;
pointer-events: unset;
}
p.clearpath {
clear: both;
}

.wrap__bx-controls {
display: none;
}
.img-right_clear {
float: right;
clear: both;
padding: 0px 10px 10px 10px;
}
.img-right_left {
float: left;
clear: both;
padding: 10px 10px 0px 10px;
}
.img-left, .left, .dd-left{
float: left;
padding: 0px 10px 10px 0px;
}
.img-right, .right, .dd-right {
float: right;
padding: 0px 0px 10px 10px;
}

.img-center {
display: block;
margin: auto;
}
.wrap__page-content {
line-height: 1.6;
}

.wrap__page-content ul li {
margin-left: 40px;
}


/* OFFICEHOURS */

.ofcbox1 {
padding-top: 30px;
}

table#officeHours {
width: 250px;
table-layout: auto;
}
table#officeHours caption {
text-align: left;
font-weight: bold;
}
table#officeHours tr td {
text-align:left;
border: none;
padding: 0px !important;
}
table.content_icon_home {
  display: block;
  border: none;
}

table.content_icon_home tr td {
  padding: 0px;
}

table.content_icon_home tr td {
  line-height: 0 !important;
}
.wborder {
    margin: 10px;
    border: 1px solid #ccc;
    padding: 5px !important;
}


/* TESTIMONIALS */

ul.testimonials * {
    color: unset !important;
}

/* REVISION */

.wrap__locations.header .location__fax {
    display: block !important;
}
/* .wrap__locations.header .location {
    display: block;
} */

.wrap__locations.header .location {
    display: flex;
    justify-content: flex-end !important;
    padding-right: 0px !important;
    flex-direction: column;
}
p.location__fax * {
    color: black !important;
    font-weight: bold !important;
    font-size: 16pt;
}

.wrap__locations .location__fax:before {
    content: '\f1ac';
    font-size: 16pt;
}
aside.two__columns__sidebar p.location__fax * {
    color: inherit !important;
    font-weight: unset !important;
    font-size: 12pt;
}

aside.two__columns__sidebar .wrap__locations .location__fax:before {
    content: '\f1ac';
    font-size: 11pt;
}
h1#searchTitle {
    font-size: 18pt;
}
h2 {
    font-size: 15pt;
}
 @media (max-width: 1024px) and (min-width: 768px) {
.wrap__staff--inner img {
    display: block !important;
    margin: auto !important;
    width: 220px;
}
.fullwidth-layout.layout {
    padding-top: 0px !important;
}
}


@media (max-width: 767px) {
    .fullwidth-layout.layout {
    padding-top: 0px !important;
}
    .staff-img {
    float: none !important;
    margin: auto !important;
}
    div#slot-services tr td {
display:block;
}
div#services_content table tr td {
    display: block;
}
.mdoc img {
    display: block;
    margin: auto;
    float: none;
}
.wrap__logo--inner img {
    width: 100% !IMPORTANT;
    height: 100% !important;
}
.box_containter {
display: block;
}
.wrap__socialmediaFooter--inner {
flex-direction: column !important;
}
.wrap__socialmediaFooter--inner {
flex-direction: column !important;
text-align: center;
align-items: center;
}



div#contain_home {
grid-template-columns: 100%;
}
/* wrap__header */
/* .wrap__header--bar--bottom {
height: 92px !important;
} */
.wrap__locationsHeader * {
color: white !important;
font-size:12px;
}
}


@media (max-width: 560px) {
    .fullwidth-layout.layout {
    padding-top: 0px !important;
}
iframe {
    width: 100% !IMPORTANT;
}
.wrap__page-content img {
float: none !important;
display: block !important;
margin: auto !important;
}
.css-only-modal {
    width: 70% !important;
    height: 70% !important;
}
.css-only-modal * {
    font-size: 13pt;
}
li.slider__item.slider__image {
    background-size: 100% 100%;
}
.slider__title {
    text-align: center !important;
}

}


/*QA Changes*/

@media screen and (max-width: 1024px) {
    .wrap__header {
        position: unset;
    }
    
    img.logo__image {
        display: block;
    }
    
    .home-layout.layout {
        padding: 0px !important;
    }
    
    .wrap__cta.header .cta {
        height: fit-content;
    }
}

@media screen and (max-width: 425px) {
    .wrap__header--bottom {
        display: block;
        height: 175px;
    }    
    
    .wrap__cta.header {
        display: none;
    }
}