.blog-sec { padding: 48px 0; } @media only screen and (max-width: 767px) { .blog-sec { padding: 30px 0; } } .blog-sec .blog-list { display: flex; flex-wrap: wrap; margin: -12px; } .blog-sec .blog-list li { width: calc(33.33% - 24px); margin: 12px; } @media only screen and (max-width: 767px) { .blog-sec .blog-list li { width: calc(100% - 24px); } }
/* Blog detail page */
.blog-detail { display: flex; padding: 48px 0; } @media only screen and (max-width: 1023px) { .blog-detail { flex-direction: column; padding: 30px 0; } } @media only screen and (max-width: 767px) { .blog-detail { flex-direction: column; padding: 30px 0; } }
.blog-detail-left { width: 69%; } @media only screen and (max-width: 1023px) { .blog-detail-left { width: 100%; } } @media only screen and (max-width: 767px) { .blog-detail-left { width: 100%; } } .blog-detail-left .blog-detail-img { margin-bottom: 24px; } .blog-detail-left .blog-body { font-size: 15px; line-height: 24px; margin-top: 24px; color: #4D4D4F; } .blog-detail-left .blog-body p, .blog-detail-left .blog-body ul, .blog-detail-left .blog-body h3, .blog-detail-left .blog-body h4 { margin-bottom: 16px; } .blog-detail-left .blog-body h3, .blog-detail-left .blog-body h4 { font-size: 18px; font-weight: 600; color: #2C2C2C; } .blog-detail-left .blog-body ul { margin-left: 18px; list-style-type: disc; } .blog-detail-left .blog-body ul li { color: #4D4D4F; font: 15px/23px "Open Sans", sans-serif; padding-bottom: 15px; } .blog-detail-left .blog-body ul li strong { font-weight: 600; } .blog-detail-left .blog-body ul li p { color: #4D4D4F; font: 15px/24px "Open Sans", sans-serif; }
.blog-detail-right { width: 31%; max-width: 357px; padding-left: 45px; } @media only screen and (max-width: 1023px) { .blog-detail-right { width: 100%; max-width: 100%; padding-left: 0; } } @media only screen and (max-width: 767px) { .blog-detail-right { width: 100%; padding-left: 0; } } .blog-detail-right .blog-category .form-item-search { position: relative; } .blog-detail-right .blog-category #blogs-details-search-form .head-row .heading1 { font: 600 24px/36px "Open Sans", sans-serif; color: #221E20; } .blog-detail-right .blog-category #blogs-details-search-form #filter_specialties.button { width: 100%; box-shadow: 0px 3px 10px #8f74a21d; border-radius: 12px; font: 600 19px/24px "Open Sans", sans-serif; padding: 9px 0; } .blog-detail-right .blog-category #blogs-details-search-form .form-checkboxes { display: flex; flex-wrap: wrap; margin-bottom: 20px; } .blog-detail-right .blog-category #blogs-details-search-form .form-checkboxes .form-item { position: relative; margin: 0; } .blog-detail-right .blog-category #blogs-details-search-form .form-checkboxes .form-item .form-checkbox { position: absolute; opacity: 0; left: 0; } .blog-detail-right .blog-category #blogs-details-search-form .form-checkboxes .form-item .form-checkbox:checked + label { color: #fff; background: #00A0A0; } .blog-detail-right .blog-category #blogs-details-search-form .form-checkboxes .form-item label { font-size: 13px; font-weight: 500; color: #221E20; background: #00A0A01A; border: 1px dashed #00A0A080; border-radius: 8px; padding: 3px 8px; margin: 0 8px 8px 0; cursor: pointer; } .blog-detail-right .blog-category #blogs-details-search-form .form-checkboxes .form-item label:hover { color: #221E20; background: #00A0A04D; border: 1px solid #00A0A0E6; border-radius: 8px; }
.blog_botm { position: absolute; bottom: 0; width: 100%;
}
p.blog_loc { display: inline-flex; font-size: 16px; font-weight: 500; color: #00769C; background: url(/assets/theme/images/location.svg) no-repeat left 4px; padding: 0px 0px 10px 20px; margin-left: 15px;
}