/* Applies to top bar above the menu bar */
#topbar {
    background: var(--primary-color);
    padding: 5px 5px;
}

#topbar .tb-social i {
    color: white;
}

/* Removing absolute positioning of header */
header {
    position: unset;
}

/* Header Logo */
header .logo,
header .logo-2 {
    /*width: 200px !important;*/
    max-width: 300px !important;
}
/* Footer Logo */
footer .logo img{
    /*width: 200px !important;*/
    max-width: 400px !important;
}

/* Make text alignment of paragraph to justify */
.legal-info, .privacy-policy {
    text-align: justify;
}



#section-practice-areas .ul-style-2 li:before,
#section-practice-areas .ul-style-2 li:after {
    font-family: "FontAwesome";
    content: "\f00c";
    margin-right: 15px;
    background: var(--primary-color);
    color: white;
    padding: 5px;
    border-radius: 3px;
    font-size: 12px;
}

/* applies text truncation*/
.text-truncate-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;   /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.5em;       /* optional: keeps equal height layout */
}
.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 4.5em;       /* optional: keeps equal height layout */
}


/* Industries/ Services page - sidebar navigation menus */
.industries #sidebar .widget ul li a,
.services #sidebar .widget ul li a {
    padding-left: 10px !important;
}

/* Profile Details Paragraph*/
.profile-details p {
    text-align: justify;
}

/* Profile Details Testimonials */
.profile-details blockquote,
.profile-details .blockquote {
    font-family: "Jost";
    font-size: var(--body-font-size);
    font-weight: 400;
    /*color: var(--primary-color);*/
    line-height: 1.4em;
}

/* Profile Details */
.profile-details .practice-areas .badge {
    color: black;
    font-size: var(--body-font-size);
    font-weight: normal;
    margin: 3px;
    background-color: #f5f6f5;
}


.profile-details .btn-outline-primary {
    color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.profile-details .btn-outline-primary:hover {
    color: #fff !important;
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}


footer {
    background: #f5f6f5;
    color: #111111;
    font-size: medium !important;
}

footer .ul-style-2 li:before,
footer .ul-style-2 li:after {
    font-family: "FontAwesome";
    content: "\f00c";
    margin-right: 15px;
    background: #f5f6f5;
    padding: 5px;
    border-radius: 3px;
}

footer a {
    color: #111111;
    text-decoration: none !important;
}

footer address span a {
    color: #111111;
}

footer .address-line {
    display: block;
    margin: unset !important;
    margin-left: 30px !important;

}

/* sub footer */
footer .subfooter {
    margin-top: unset !important;
    color: grey !important;
    font-size: small;
}



/* custom button */
a.btn-custom.btn-grey {
    background: #f5f6f5;
    color: black;
}


/* Contact Us Form */
#contact_us_form .form-control {
    padding: 8px;
    margin-bottom: 20px;
    border: 1px solid #dbdfe9;
    background: #f9f9f9;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: auto;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: black;
}

/* Reduce the extra paragraph space which appears in HTML page when rendering the content which was entered
through CMS using quillEditor. Note, this happens because quillEditor when given single paragraph space
inserts <p><br></p> causing html to render very large space */
p:empty,
p > br:only-child {
    display: none;
}

/* page title to have shadow so that it is visible on light banner */
.title-shadow {
    text-shadow:1px 1px 2px rgba(0,0,0,0.3), 0 0 5px rgba(0,0,255,0.2);
}