/*
Theme Name: 6ixDevelopers
Text Domain: 6ixDevelopers
Version: 2.2
Description: Custom wordpress theme developed by 6ixDevelopers.
Author: 6ix Developers
Author URI: https://6ixdevelopers.com
*/

/* ─── Plugin overrides ─────────────────────────────────────── */

#caf-post-layout-container { padding-top: 0px !important; }

.caf-filter-layout { background-color: #171F2B !important; }

.selectcont {
    max-width: 100% !important;
    width: 100% !important;
    background-color: #171F2B !important;
    padding: 30px 0px !important;
    color: white !important;
    min-width: 100% !important;
}

.selectcont ul li {
    color: white !important;
    font-size: 32px !important;
    font-weight: bold !important;
}

.selectcont ul li ul li {
    padding: 0px !important;
    font-size: 16px !important;
}

.selectcont ul li ul li.activss a {
    color: #494949 !important;
    font-weight: bold !important;
}

#manage-ajax-response { padding: 60px 80px 40px !important; }

.caf-post-title { background-color: #171f2b !important; }
.caf-post-title h2 a { color: white !important; }
.caf-meta-content { padding: 8px 15px !important; }
.caf-content { padding-left: 15px !important; padding-right: 15px !important; color: #1b1b1c !important; }
.caf-content-read-more { padding-left: 15px !important; padding-right: 15px !important; }
.caf-read-more { background-color: #171f2b !important; color: white !important; padding: 5px 15px !important; }
.caf-pagination { margin-top: 40px !important; }
.caf-pagination li span, .caf-pagination li a { color: white !important; }
.caf-post-layout1 { padding-right: 18px !important; padding-left: 18px !important; margin-bottom: 40px !important; }

ol li, ul li {
    padding-bottom: 15px !important;
    padding-top: 10px;
    color: #353535;
    line-height: 1.7em !important;
}

/* ─── Base / Reset ─────────────────────────────────────────── */

*, *::before, *::after {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.clear { clear: both; }

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat";
    line-height: 1.4em;
    font-weight: bold;
    color: #003461;
}

h1 { font-size: 32px; }
h2 { font-size: 32px; }

p, span, div, a { font-family: "Muli"; line-height: 1.7em; }
input, select, textarea { font-family: "Muli"; }
a { text-decoration: none; }

/* ─── Buttons ──────────────────────────────────────────────── */

.btn {
    padding: 16px 36px;
    border-radius: 5px;
    font-family: "Montserrat" !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 2px;
    color: white !important;
    background-color: #1971A9;
    white-space: nowrap;
    cursor: pointer;
    border: 2px solid #1971A9;
}

.btn:hover,
.secondary-header-content .btn-sh:hover,
.ssh-section-2 .ssh-btn:hover {
    background-color: white;
    color: #1971A9 !important;
    text-decoration: none;
    transition: all .3s ease-in-out 0s;
}

input[type=button] { -webkit-appearance: none !important; }

/* ─── Fixed navigation ─────────────────────────────────────── */

.fixed-navigation {
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 10000 !important;
}

.fixed-nav-position {
    width: 100%;
    height: 155px;
}

/* ─── Secondary header (top bar) ───────────────────────────── */

.secondary-header { background-color: white; width: 100%; }

.secondary-header-content {
    width: 85%;
    margin: 0 auto;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    padding: 15px 30px;
    overflow: auto;
}

.shc-section { float: left; text-align: center; }
.shc-section-2 { margin-left: 40px; }

.secondary-header-content .btn-sh {
    padding: 9px 38px !important;
    border-radius: 5px;
    font-family: "Montserrat" !important;
    text-transform: uppercase;
    font-size: 17px !important;
    font-weight: bold;
    letter-spacing: 2px;
    color: white !important;
    background-color: #1971A9;
    white-space: nowrap;
    cursor: pointer;
    border: 2px solid #1971A9;
}

/* ─── Second header (logo bar) ─────────────────────────────── */

.second-sh { background-color: #181B20; width: 100%; }

.ssh-content {
    width: 85%;
    padding: 25px 30px 12px 30px;
    margin: 0 auto;
    overflow: auto;
}

.ssh-section-1 { float: left; }
.ssh-section-1 img { width: 320px; }

.ssh-section-2 { float: right; position: relative; top: 3px; }
.ssh-section-2 i { color: white; padding: 10px; font-size: 20px; position: relative; top: 4px; }

.fa-facebook-f:before { content: "\f39e" !important; }

.mb-icons { color: white; margin-left: 20px; margin-right: 20px; }
.mb-icons i { font-size: 16px; border-radius: 50%; background-color: #1971A9; margin-left: 5px; }

.mb-icons .ssh-btn {
    margin-top: 15px;
    margin-bottom: 25px;
    padding: 11px 16px;
    width: 100%;
    border-radius: 5px;
    font-family: "Montserrat" !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: white !important;
    background-color: #1971A9;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
    border: 2px solid #1971A9;
}

.ssh-section-2 .ssh-btn {
    margin-left: 30px;
    padding: 15px 26px;
    border-radius: 5px;
    font-family: "Montserrat" !important;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: white !important;
    background-color: #1971A9;
    white-space: nowrap;
    cursor: pointer;
}

/* ─── Main nav ─────────────────────────────────────────────── */

#main-header {
    width: 100% !important;
    background: #171F2C;
    font-family: 'Montserrat';
    text-align: center;
}

.main-header-content {
    width: 100%;
    padding: 0px 30px;
    margin: 0 auto;
    overflow: auto;
    text-align: center;
}

.fa-times { position: absolute; top: 10px; font-size: 20px; color: white; right: 10px; cursor: pointer; }

.dropdown .dropbtn {
    color: white !important;
    text-decoration: none;
    font-size: 14px;
    border: none;
    outline: none;
    padding: 1.8em 1em;
    margin: 0;
    letter-spacing: 1px;
    display: inline-block;
}

.dropdown-content {
    display: none;
    padding: 15px 5px;
    background-color: #171F2C;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content1 { position: absolute; right: 57.8%; top: 225px; }
.dropdown-content2 { position: absolute; right: 54.5%; top: 225px; }
.dropdown-content3 { position: absolute; right: 26.8%; top: 225px; }

.dropdown-content a {
    float: left;
    color: white !important;
    text-decoration: none;
    font-size: 14px;
    padding: 8px 36px !important;
    width: 100%;
    display: block;
    text-align: left !important;
}

.dropdown1:hover .dropdown-content1 { display: block; }
.dropdown2:hover .dropdown-content2 { display: block; }
.dropdown3:hover .dropdown-content3 { display: block; }

.nav-li { width: 100%; text-align: center; }

header .nav-li a {
    display: inline-block;
    text-align: center;
    color: white;
    padding: 1.8em 1em;
    text-decoration: none;
    transition: all .2s linear 0s;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
}

header .nav-li a.cta { background-color: #ff6699; }
header .nav-li a.cta:hover { background-color: #ff6699 !important; }
header .nav-li a:hover { color: white; text-decoration: none; background: rgba(0,0,0,0.5); }

#main-header .active { background-color: #0B0F16 !important; }

.fixed-main-header { background-color: #031523; transition: all .40s linear 0s; }

.topnav { display: none; padding: 10px 0px 6px 0px; }

/* ─── Side nav ─────────────────────────────────────────────── */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100000 !important;
    top: 0;
    right: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 60px;
    transition: 0.5s;
}

.sidenav a {
    padding: 10px 8px 10px 32px;
    text-decoration: none;
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    display: block;
    transition: 0.3s;
    font-family: 'Montserrat';
}

.sidenav a:hover { color: #f1f1f1; }

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 40px !important;
    text-decoration: none;
    color: white;
    padding-top: 0px;
}

/* ─── Hero header section ──────────────────────────────────── */

.header-section-content {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: stretch;
    background-color: #181C26;
}

.hscs-1 {
    flex: 0 0 55%;
    max-width: 55%;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #181C26;
    overflow: hidden;
    margin-bottom: -8px !important;
}

.hscs-1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.hscs-2 {
    flex: 0 0 45%;
    max-width: 45%;
    padding: 20px 40px 30px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hscs-2 h2 {
    color: #1D9FDF;
    font-size: 42px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 10px;
}

.hscs-2 h4 {
    color: white;
    font-size: 18px;
    letter-spacing: 2px;
}

.hscs-2 p {
    color: white;
    margin-top: 10px;
}

.hscs-2 .cta-btn {
    display: inline-block;
    margin-top: 28px;
    align-self: flex-start;
}

/* Awards: 4 equal columns filling full width */
.hscs-awards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    gap: 12px;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.1);
    width: 100%;
}

.hscs-awards img {
    width: 100%;
    height: 150px;
    object-fit: contain;
    object-position: center;
    display: block;
}


/* ─── Consult form ─────────────────────────────────────────── */

.header-consult-form { margin-top: 10px; }
.nf-field-container { margin-bottom: 10px !important; }

/* ─── CTA band ─────────────────────────────────────────────── */

.cta-main {
    width: 100%;
    z-index: 20;
    box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.85);
    -webkit-appearance: none;
}

.cta-main-container { overflow: auto; }
.cta-ms { float: left; }

.cta-main-section-1 { width: 100%; display: flex; }

.cta-main-section-icon { flex: 25%; background-color: #1A84BB; padding: 20px; float: left; text-align: center; }
.cta-main-section-1 img { width: 120px; margin-top: 10px; }

.cta-main-section-text {
    flex: 100%;
    background-color: white;
    padding: 30px 120px;
    float: left;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

.cta-main-section-text h2 { font-size: 34px; }
.cta-main-section-text p { color: #191919; font-size: 20px; line-height: 1.4em; margin-top: 5px; font-weight: 600; }

/* ─── Podcast section ──────────────────────────────────────── */

.podcast-container, .podcast-container-1 { overflow: hidden; margin-top: 6%; }
.left-podcast-section { width: 58.5%; float: left; margin-right: 1.5%; }
.right-podcast-section { width: 38.5%; float: left; margin-left: 1.5%; }

.left-podcast-section img,
.right-podcast-section img,
.podcast,
.pc1-container img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    box-shadow: 0px 0px 19px -10px rgba(0,0,0,0.75);
}

.podcast { height: 475px; }
.podcast-1 { height: 475px; }
.podcast-3 { margin-top: 3%; }
.podcast-2, .podcast-3 { height: 350px; }

.text-under-podcast {
    width: 100%;
    background-color: #fcfcfc;
    box-shadow: 0px 0px 39px -34px rgba(0,0,0,0.75) inset;
    margin-top: -25px;
    padding: 10px 20px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    color: #353535;
}

.pc1-container { width: 32%; float: left; }
.pc2-left { margin-left: 1.9%; }
.pc3-left { margin-left: 1.9%; }
.pc1-container iframe { height: 230px !important; }
.pc1-container img { height: 350px; }

/* ─── Pagination ───────────────────────────────────────────── */

.pagination {
    width: 100%;
    clear: both;
    padding-top: 40px !important;
    text-align: center !important;
}

.pagination .nav-links a,
.pagination .nav-links .current {
    background-color: #171F2B;
    padding: 7px 12px;
    color: white;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
}

.pagination .nav-links .current { background-color: #1971A9; }
.screen-reader-text { display: none; }

/* ═══════════════════════════════════════════════════════════ */
/* ─── Responsive: ≤ 1100px ─────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
    .hscs-awards img {
        height: 72px;
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── Responsive: ≤ 980px ──────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════ */

@media (max-width: 980px) {

    /* Nav */
    .fixed-nav-position { height: 180px; }
    .secondary-header-content { width: 100%; padding: 15px 40px; font-size: 18px; }
    .shc-section { float: none; text-align: center; width: 100%; }
    .shc-section-2 { margin-left: 0px; margin-top: 10px; margin-bottom: 10px; }
    .ssh-content { width: 100%; padding: 18px 40px 6px 40px; }
    .ssh-section-1 img { width: 240px; }
    .ssh-section-2 { display: none; }
    #main-header { display: none; }
    .topnav { float: right; display: block; padding: 0px; position: relative; top: 4px; }
    .nav-li { display: none; }
    .nav-logo { padding-left: 0px; }

    /* Hero */
    .header-section { background-image: none; background-color: #181C26; }
    .header-section-content { display: block; }
    .hscs-1 { float: none; width: 100%; max-width: 100%; flex: none; }
    .hscs-1 img { height: auto; object-fit: unset; }
    .hscs-2 {
        float: none;
        width: 100%;
        max-width: 100%;
        flex: none;
        padding: 40px 40px 50px;
        display: block;
    }
    .hscs-2 .cta-btn {
        display: inline-block;
        margin-top: 28px;
    }

    /* Awards: 2x2 grid on mobile */
    .hscs-awards {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        margin-top: 28px;
        padding-top: 20px;
    }
    .hscs-awards img {
        height: 100px;
    }

    /* CTA band */
    .cta-main-container { display: block; }
    .cta-ms { float: none; }
    .cta-main-section-1 { width: 100%; }
    .cta-main-section-2 { width: 100%; padding: 30px 30px; }
    .cta-main-section-1 img { width: 80px; }
    .cta-main-section-text { padding: 30px 70px; }
    .cta-main-section-text h2 { font-size: 24px; }
    .cta-main-section-text p { font-size: 18px; }
    .cta-ms-success-icon { padding: 20px; float: left; }
    .cta-ms-success-icon .success-icon { font-size: 45px; }
    .cta-ms-success-text { font-size: 23px; }

    /* Podcast */
    .podcast-container, .podcast-container-1 { margin-top: 40px !important; }
    .left-podcast-section { width: 100%; float: none; margin-right: 0%; }
    .right-podcast-section { width: 100%; float: none; margin-left: 0%; }
    .podcast-1 { height: 250px; }
    .podcast-2 { height: 250px; margin-top: 40px !important; }
    .podcast-3 { height: 250px; margin-top: 20px !important; }
    .pc1-container { width: 100%; float: none; }
    .pc2-left { margin-left: 0%; margin-top: 40px; }
    .pc3-left { margin-left: 0%; margin-top: 40px; }

    /* Side nav sub-links */
    .top-nav-sub-link-2, .top-nav-sub-link-1, .top-nav-sub-link {
        padding-left: 50px !important;
        display: none;
        transition: all .3s ease-in-out 0s;
    }
    .top-nav-active {
        display: block;
        padding-left: 50px !important;
        transition: all .3s ease-in-out 0s;
    }

    #manage-ajax-response { padding: 60px 30px 40px !important; }
    .selectcont ul li { font-size: 24px !important; }
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── Responsive: ≤ 620px ──────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════ */

@media (max-width: 620px) {

    /* Nav */
    .fixed-nav-position { height: 185px; }
    .secondary-header-content { padding: 15px 30px; }
    .ssh-content { padding: 22px 20px 11px 20px; }
    .ssh-section-1 img { width: 210px; }
    .topnav { position: relative; top: 2px; }
    .btn-header { padding: 16px 20px !important; font-size: 12px; }
    .fa-times { position: absolute; top: 10px; font-size: 20px; color: white; right: 10px; cursor: pointer; }

    /* Hero */
    .hscs-2 { padding: 30px 24px 40px; }
    .hscs-2 h2 { font-size: 32px; }
    .hscs-awards {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        margin-top: 24px;
        padding-top: 18px;
    }
    .hscs-awards img {
        height: 90px;
    }

    /* CTA band */
    .cta-main-section-icon { flex: 30%; padding: 20px; float: left; }
    .cta-main-section-text { padding: 30px 40px; }
    .cta-main-section-text h2 { font-size: 24px; }
    .cta-main-section-text p { font-size: 18px; }
    .cta-main-section-1 img { width: 80px; }
    .cta-ms-success-icon { padding: 20px 10px 20px 20px; }
    .cta-ms-success-icon .success-icon { padding: 20px 16px; font-size: 35px; }
    .cta-ms-success-text { font-size: 18px; padding: 20px 20px 20px 10px; }
    .cta-ms-success-text p { position: relative; top: 0px; }

    /* Side nav sub-links */
    .top-nav-sub-link-2, .top-nav-sub-link-1, .top-nav-sub-link { padding-left: 20px !important; }
    .top-nav-active { padding-left: 20px !important; }
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── Responsive: ≤ 420px ──────────────────────────────────── */
/* ═══════════════════════════════════════════════════════════ */

@media (max-width: 420px) {

    .btn {
        font-size: 12px !important;
        padding: 15px 18px !important;
        letter-spacing: 1px !important;
        border-width: 1px !important;
    }

    .hscs-2 { padding: 24px 20px 36px; }

    .hscs-awards {
        gap: 10px;
    }
    .hscs-awards img {
        height: 100px;
    }

    .front-page-section-9 { padding: 40px 20px 50px !important; }
}
/* ═══════════════════════════════════════════════════════════ */
/* ─── Footer (moved from inline <style> in footer.php) ─────── */
/* ═══════════════════════════════════════════════════════════ */

.theme-footer-bottom {
    background-color: #171717;
    padding: 15px;
    text-align: center;
    color: #7f7f7f;
    font-size: 14px;
}

.theme-footer-bottom a {
    text-decoration: underline;
    color: #939393;
}

.theme-footer {
    background-color: #26303E;
    padding: 60px;
    overflow: auto;
}

.theme-footer .btn {
    box-sizing: border-box !important;
    margin-top: 20px;
    font-weight: 500;
    letter-spacing: 0px;
}

.tfs {
    width: 50%;
    float: left;
}

.theme-footer-section-1 {
    text-align: left;
    color: white;
}

.theme-footer-section-1 h2 {
    font-size: 28px;
    font-weight: 500;
    letter-spacing: 1px;
    color: white;
    line-height: 1.7em;
}

.theme-footer-section-1 h3 {
    font-size: 26px;
    font-weight: 700;
    letter-spacing: 1px;
    color: white;
    line-height: 1.6em;
    margin-bottom: 5px;
}

.theme-footer-section-2 {
    text-align: left;
    color: White;
    padding-left: 120px;
}

.theme-footer-section-2 h4 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    color: white;
    line-height: 1.7em;
}

.theme-footer-section-2 .mock-iframe {
    width: 100%;
    border: 2px solid #181B20;
    border-radius: 4px;
    height: 260px;
    margin-top: 8px;
}

.theme-footer-section-1 h4 {
    letter-spacing: 1px;
    font-size: 18px;
    font-weight: 500;
    color: white;
    margin-bottom: 10px;
    line-height: 1.7em;
}

.theme-footer-section-1 h6 {
    color: white;
    margin-top: 5px;
    font-weight: 600;
}

.theme-footer-section-1 h6 a {
    color: #0D8AEA;
    text-decoration: underline;
}

.desktop-footer-buttons {
    display: block;
}

.mobile-footer-buttons {
    display: none;
}

@media (max-width: 980px) {
    .tfs {
        width: 100%;
        float: none;
    }

    .theme-footer-section-2 {
        margin-top: 40px;
        padding-left: 0px;
    }

    .theme-footer-section-2 .mock-iframe {
        width: 100%;
        height: 260px;
        margin-top: 8px;
    }
}

@media (max-width: 620px) {
    .theme-footer {
        padding: 30px;
    }

    .theme-footer-section-1 h2 {
        font-size: 22px;
    }

    .theme-footer-section-1 h3 {
        font-size: 20px;
    }

    .theme-footer-section-2 h4 {
        font-size: 22px;
    }

    .desktop-footer-buttons {
        display: none;
    }

    .mobile-footer-buttons {
        display: block;
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── Dashboard-managed menus (Appearance → Menus) ─────────── */
/* Dropdowns for menu-driven nav position themselves relative   */
/* to their parent item instead of the hardcoded viewport       */
/* offsets the fallback nav uses.                               */
/* ═══════════════════════════════════════════════════════════ */

.menu-dropdown {
    position: relative;
    display: inline-block;
}

.menu-dropdown .dropdown-content {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.menu-dropdown:hover .dropdown-content {
    display: block;
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── Team member pages (single-team.php) ──────────────────── */
/* Scoped under .single-team: other templates still carry their */
/* own inline copies of these rules, so global definitions here */
/* would double up. Consolidate when the inline styles retire.  */
/* ═══════════════════════════════════════════════════════════ */

.single-team .service-header-section {
    padding: 80px 80px 140px;
    text-align: center;
    background-color: #171F2B;
}

.single-team .service-header-section-content h1 {
    color: white;
    font-size: 36px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.2em;
    text-transform: uppercase;
}

.single-team .service-cta-main {
    width: 85%;
    margin: 0 auto;
    margin-top: -60px;
    border: 1px solid #d1d1d1;
    border-radius: 4px !important;
    box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.85) !important;
    -webkit-appearance: none !important;
    background-color: white;
}

.single-team .service-cta-main-section-text {
    background-color: white;
    padding: 30px 40px 20px;
    text-align: left;
}

.single-team .service-cta-main-section-text h2 {
    font-size: 28px;
}

.single-team .service-cta-main-section-text p {
    color: #191919;
    font-size: 16px;
    line-height: 1.4em;
    margin-top: 5px;
    font-weight: 600;
}

.single-team .font-page-section-2 {
    margin-top: 20px;
    padding: 30px 30px 60px;
    background-color: white;
}

.single-team .profile-cards {
    overflow: hidden;
    padding: 40px 40px;
}

.single-team .left-profile-image {
    width: 35%;
    float: left;
}

.single-team .left-profile-image img,
.single-team .right-profile-image img {
    border-radius: 4px;
    box-shadow: 0px 0px 12px -3px rgba(0,0,0,0.55);
}

.single-team .right-profile-text {
    width: 65%;
    float: left;
    background-color: #F7F7F7;
    border-radius: 4px;
    padding: 40px 40px 60px;
    margin-top: 40px;
    position: relative;
    left: -20px;
    box-shadow: 0px 0px 15px -3px rgba(0,0,0,0.55);
}

.single-team .mobile-profile-img {
    display: none !important;
}

/* Extra full-width sections below the card (e.g. video grids). */

.single-team .theme-heading {
    text-align: center;
}

.single-team .theme-heading h1 {
    color: #171F2C;
    font-size: 38px;
    font-weight: bold;
}

.single-team .theme-divider {
    width: 14%;
    margin: 5px auto 40px;
    height: 4px;
    background-color: #171F2C;
}

.single-team .font-page-section-4 {
    padding: 60px 80px;
    background-color: #F7F7F7;
}

.single-team .font-page-section-4 .theme-heading h3 {
    margin-bottom: 10px;
}

.single-team .font-page-section-4 .theme-heading h2 {
    color: #1971A9;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px;
}

.single-team .fgs4-practice-area {
    width: 100%;
}

.single-team .fgs4par {
    overflow: auto;
}

.single-team .fgs4pas {
    width: 31.33%;
    float: left;
    margin: 15px 1%;
    text-align: left;
    border: 1px solid #cecece;
    border-radius: 4px;
    box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.65);
    transition: all .3s ease-in-out 0s;
    cursor: pointer;
}

.single-team .fgs4pas iframe {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
}

.single-team .fgs4pas-text {
    padding: 10px 20px 15px;
    background-color: white;
}

.single-team .fgs4pas h5 {
    font-size: 16px;
    color: #171f2c;
}

.single-team .mob-clear,
.single-team .tab-clear {
    display: none;
}

@media (max-width: 980px) {
    .single-team .service-header-section {
        padding: 120px 60px;
    }

    .single-team .service-cta-main {
        width: 100%;
        margin-top: 0px;
        border: none;
        border-radius: 0px !important;
        box-shadow: none !important;
    }

    .single-team .service-cta-main-section-text h2 {
        font-size: 24px;
    }

    .single-team .right-profile-text {
        padding: 40px 30px 60px;
    }

    .single-team .font-page-section-4 {
        padding: 60px 60px;
    }

    .single-team .fgs4pas {
        width: 48%;
        margin: 15px 1%;
    }
}

@media (max-width: 620px) {
    .single-team .service-header-section {
        padding: 120px 40px;
    }

    .single-team .service-header-section-content h1 {
        font-size: 26px;
    }

    .single-team .font-page-section-2 {
        margin-top: 0px;
        padding: 10px 0px 50px;
    }

    .single-team .left-profile-image {
        width: 100%;
        float: none;
    }

    .single-team .left-profile-image img {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .single-team .right-profile-text {
        width: 100%;
        float: none;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        padding: 30px 30px 50px;
        margin-top: -10px;
        left: 0px;
    }

    .single-team .font-page-section-4 {
        padding: 60px 30px;
    }

    .single-team .fgs4pas {
        width: 98%;
        margin: 15px 1%;
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── Service pages (page-service.php) ──────────────────────── */
/* Previously duplicated verbatim in ~50 individual practice-area */
/* templates (theft-page.php, bail-page.php, etc.) as a ~730-line */
/* inline <style> block. Consolidated here once in Phase 3.       */
/* ═══════════════════════════════════════════════════════════ */

.service-header-section {
    padding:80px 80px 140px;
            text-align:center;
            background-color:#171F2B;
}

.service-header-section-content {
    text-align:center;
}

.service-header-section-content h1 {
    color:white; 
            font-size:36px; 
            font-weight:600; 
            letter-spacing:1px; 
            line-height: 1.2em;
}

.service-cta-main {
    width:85%;
            margin:0 auto;
            margin-top:-60px;
            border:1px solid #d1d1d1;
            border-radius:4px !important;
            box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.85) !important;
            -webkit-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.85) !important; 
            -o-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.85) !important;
            -moz-box-shadow: 0px 0px 18px -5px rgba(0,0,0,0.85) !important;
            -webkit-appearance: none !important;
}

.service-cta-main-section-text {
    background-color:white;
            padding:30px 40px 20px;
            text-align:left;
}

.service-cta-main-section-text h2 {
    font-size:28px;
}

.service-cta-main-section-text p {
    color:#191919;
            font-size:16px;
            line-height:1.4em;
            margin-top:5px;
            font-weight:600;
}

.service-page-section-1 {
    margin-top:20px;
}

.service-page-sections {
    padding:60px 100px;
}

.service-page-sections h2 {
    color: #171F2C;
            font-size:32px;
            font-weight:600;
            letter-spacing: 1px;
            line-height: 1.3em;
}

.service-page-sections p {
    color:#353535;
            font-size:17px;
            line-height:1.3em;
}

.service-page-sections a {
    text-decoration: underline;
            color:black;
}

.service-page-sections iframe {
    width: 80%; 
            margin:0 auto;
            height:380px;
            border-radius:4px;
}

.font-page-section-1 {
    padding:40px 30px 60px;
            z-index:10;
            background-color:#F7F7F7;
}

.theme-heading {
    text-align: center;
}

.theme-heading h1 {
    color:#171F2C;
            font-size:38px;
            font-weight:bold;
}

.hidden-texton-desktop {
    display: none;
}

.theme-divider {
    width:14%;
            margin:-5px auto 40px;
            height:4px;
            background-color:#171F2C;
}

.font-page-section-1 .theme-heading h3 {
    margin-bottom:10px;
}

.font-page-section-1 .theme-heading h2 {
    color:#1971A9;
            font-weight:600;
            margin-bottom:10px;
            font-size:24px;
}

.font-page-section-1 .theme-heading p {
    font-size:16px;
            color:#494949;
            margin-bottom:30px;
}

.fgs1-practice-area {
    width:100%;
            margin-top:20px;
}

.fgs1par {
    overflow: auto;
            display: flex;
}

.fgs1pas {
    flex:29%;
            float:left;
            margin:15px 1.5%;
            text-align:center;
            padding:30px;
            border:1px solid #cecece;
            border-radius:4px;
            -webkit-box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.65); 
            box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.65);
            transition-property:all .3s ease-in-out 0s;
            -moz-transition:all .3s ease-in-out 0s;
            -webkit-transition:all .3s ease-in-out 0s;
            -o-transition:all .3s ease-in-out 0s;
            cursor: pointer;
            background-color:white;
}

.fgs1pas:hover {
    transform:scale(1.02);
            transition-property:all .3s ease-in-out 0s;
            -moz-transition:all .3s ease-in-out 0s;
            -webkit-transition:all .3s ease-in-out 0s;
            -o-transition:all .3s ease-in-out 0s;
            -webkit-box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.85); 
            box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.85);
}

.fgs1pas-hidden {
    visibility: hidden;
}

.mob-clear, .tab-clear {
    display:none;
}

.desk-clear {
    clear:both;
}

.fgs1pas img {
    width:70px;
}

.service-divider {
    width:30%;
            margin:10px auto 15px;
            height:3px;
            background-color:#171F2C;
}

.fgs1pas h5 {
    font-size:18px;
            margin-bottom:5px;
            color:#171f2c;
            font-weight:600;
}

.fgs1pas p {
    font-size:14px;
            color:#5b5b5b;
}

.front-page-section-6 {
    background-color: #F7F7F7;
            position: relative;
            padding:40px 50px 60px;
            overflow:auto;
}

.fps6-sections {
    overflow:auto;
            padding-top:20px;
}

.fps6-section-1 {
    width:65%;
            float:left;
            padding:0px 20px;
}

.fps6-section-2 {
    width:35%;
            float:left;
            padding:0px 20px;
}

.fps6s-info-section {
    overflow:auto;
            margin-bottom:20px;
}

.fps6s-img-section {
    float:left;
            width:20%;
}

.fps6s-img-section img {
    width:50px;
            cursor:pointer;
}

.fps6s-text-section {
    float:left;
            padding:5px 0 0 10px;
            width:80%;
}

.fps6s-text-section h4 {
    font-size:22px;
            color:#1971A9;
            font-weight:600;
            margin-bottom:10px;
            cursor:pointer;
}

.fps6s-text-section p {
    font-size:15px;
            color:#494949;
            cursor:pointer;
}

.front-page-section-7 {
    padding:40px 30px 60px;
            background-color:white;
}

.fgs7-practice-area {
    width:100%;
}

.fgs7par {
    overflow: auto;
            display: flex;
}

.fgs7pas {
    flex:23%;
            float:left;
            margin:15px 1%;
            text-align:center;
            border:1px solid #cecece;
            border-radius:4px;
            -webkit-box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.65); 
            box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.65);
            transition-property:all .3s ease-in-out 0s;
            -moz-transition:all .3s ease-in-out 0s;
            -webkit-transition:all .3s ease-in-out 0s;
            -o-transition:all .3s ease-in-out 0s;
            cursor: pointer;
            background-color:white;
}

.fgs7pas:hover {
    transition-property:all .3s ease-in-out 0s;
            -moz-transition:all .3s ease-in-out 0s;
            -webkit-transition:all .3s ease-in-out 0s;
            -o-transition:all .3s ease-in-out 0s;
            -webkit-box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.85); 
            box-shadow: 0px 0px 18px -7px rgba(0,0,0,0.85);
}

.fgs7pas .blog-image {
    width:100%;
            padding:140px 0;
            background-image: url("http://www.6ixdevelopers.com/nrlawyer/wp-content/uploads/2021/02/bigstock-Male-Lawyer-Or-Judge-Working-W-271058272.jpg");
            background-size: cover;
            background-position: center center;
}

.blog-text {
    padding: 15px 20px 20px 15px;
}

.fgs7pas h5 {
    font-size:16px;
            margin-bottom:5px;
            color:#171f2c;
            font-weight:600;
}

.fgs7pas p {
    font-size:14px;
            color:#2b2b2b;
}

.front-page-section-9 {
    position: relative;
            padding:40px 50px 60px;
            background-color:#1588C0;
}

.fgs9-content {
    overflow: hidden;
}

.new-fgs9c-column-2 h3 {
    color:white;
            font-size:22px;
            line-height: 1.2em;
}

.new-fgs9c-column-2 h2 {
    color:white;
            font-size:36px;
            font-weight:500;
            line-height: 1.2em;
}

.new-fgs9c-column-2 {
    width:100%;
            float:left;
            padding:10px 20px;
}

.new-fgs9c-column-2 p {
    color:white;
            font-size:16px;
            line-height:1.7em;
}

@media(max-width:980px) {

    .service-header-section {
        padding:120px 60px;
    }

    .service-header-section-content {
        
    }

    .service-cta-main {
        width:100%;
                    margin-top:0px;
                    border:none;
                    border-radius:0px !important;
                    box-shadow: none !important;
                    -webkit-box-shadow: none !important; 
                    -o-box-shadow: none !important;
                    -moz-box-shadow:none !important;
                    -webkit-appearance: none !important;
    }

    .service-cta-main-section-text h2 {
        font-size:24px;
    }

    .service-page-section-1 {
        margin-top:0px;
                    padding-top:20px !important;;
    }

    .service-page-sections {
        padding:60px 40px;
    }

    .service-page-sections h2 {
        font-size:22px;
    }

    .service-page-sections iframe {
        width: 100%; 
                    height:380px;
    }

    .service-page-sections p {
        font-size:16px;
    }

    .theme-heading h1 {
        font-size:28px;
    }

    .theme-divider {
        width:16%;
    }

    .tab-clear {
        display:block;
                    clear:both;
    }

    .fgs3par {
        display: block;
    }

    .fgs1par {
        display: flex;
    }

    .fgs1pas {
        flex:29%;
    }

    .fgs1pas-hidden {
        display: none;
    }

    .front-page-section-6 {
        padding:60px 60px;
    }

    .fps6-sections {
        padding-top:0px;
    }

    .fps6-section-1 {
        width:100%;
                    float:none;
                    padding:0px 0px;
    }

    .fps6-section-2 {
        width:100%;
                    float:none;
                    padding:40px 0px 0 0;
    }

    .fps6s-img-section {
        float:left;
                    width:60px;
    }

    .fps6s-text-section {
        float:left;
                    padding:10px 0 0 10px;
                    width:80%;
    }

    .fgs7par {
        display: block;
    }

    .fgs7pas {
        width:46%;
                    margin:10px 2% 20px;
    }

    .new-fgs9c-column-2 {
        width: 100%;
                    float:none;
                    padding:10px 20px 20px;
    }

    .new-fgs9c-column-2 h3 {
        font-size:22px;
    }

    .new-fgs9c-column-2 h2 {
        font-size:36px;
    }

}

@media(max-width:620px) {

    .service-header-section {
        padding:120px 40px;
    }

    .service-header-section-content h1 {
        font-size:26px;
    }

    .mob-clear {
        display:block;
                    clear: both;
    }

    .tab-clear {
        display:none;
                    clear:none;
    }

    .fgs1par {
        display: block;
    }

    .fgs1pas {
        width:97%;
                    margin:10px 1.5% 20px;
    }

    .fgs1-practice-area-section-8 {
        display: none;
    }

    .front-page-section-6 {
        padding:60px 40px;
    }

    .fps6-section-2 {
        padding:40px 0px 0 0;
    }

    .fps6s-img-section {
        width:20%;
    }

    .fps6s-text-section {
        width:80%;
    }

    .fgs7pas {
        width:97%;
                    margin:10px 1.5% 20px;
    }

    .front-page-section-9 {
        position: relative;
                    padding:60px 40px 50px;
                    background-color:#1588C0 !important;
    }

    .new-fgs9c-column-2 h3 {
        font-size:20px;
    }

    .new-fgs9c-column-2 {
        padding:10px 0px 20px;
    }

    .new-fgs9c-column-1 a {
        font-size:13px !important;
    }

    .new-fgs9c-column-2 h2 {
        font-size:32px;
                    line-height:1.4em;
    }

}

/* ═══════════════════════════════════════════════════════════ */
/* ─── [recent_successes] shortcode accordion ────────────────── */
/* Visual language matches the site's existing accordion cards   */
/* (front-page-css.css .ts/.show-btn), reimplemented with its    */
/* own classes to avoid colliding with the numbered show-btn-N   */
/* mechanism used elsewhere on the page.                         */
/* ═══════════════════════════════════════════════════════════ */

.rs-preview {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.rs-preview-item {
    background-color: #fff;
    color: #3f3f3f;
    box-shadow: 0 0 18px -10px rgba(0, 0, 0, .86);
    border-radius: 5px;
    text-align: left;
}

@media(max-width:768px) {
    .rs-preview {
        grid-template-columns: 1fr;
    }
}

.rs-preview-question {
    padding: 22px 45px 20px 22px;
    cursor: pointer;
    position: relative;
}

.rs-preview-question h3 {
    font-weight: 600;
    font-size: 16px;
    color: #171F2C;
    margin: 0;
}

.rs-preview-question .fa-plus-circle {
    position: absolute;
    top: 25px;
    right: 15px;
    color: #1971A9;
    transition: all .3s ease-in-out 0s;
}

.rs-preview-answer {
    padding: 0 22px 22px;
    font-size: 15px;
    line-height: 1.5em;
}

.rs-preview-answer a {
    color: #1971A9;
    text-decoration: underline;
    font-weight: 600;
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── FAQ / info accordions used by bespoke service pages ──── */
/* Two patterns pulled in from page-specific <style> blocks     */
/* (human-trafficking, forcible-confinement's siblings) when    */
/* those pages were folded into page-service.php in Phase 4:    */
/*  - .bs4-accordion / .ts / .show-btn: the numbered show-btn-N */
/*    accordion (JS already generalized in theme.js).           */
/*  - .sk-faq-container / .sk-article-container: a simpler h4   */
/*    toggle accordion on the dark front-page-section-9 band.   */
/* ═══════════════════════════════════════════════════════════ */

.front-page-section-2 {
    padding: 60px 40px;
    overflow: hidden;
    text-align: center;
    background-color: #171F2C;
}

.front-page-section-2 .theme-heading h1 {
    color: white;
}

.front-page-section-2 .theme-divider {
    background-color: #1971A9;
}

.bs4-accordion {
    float: left;
    width: 46%;
    margin: 0px 2% 0;
}

.ts {
    background-color: #fff;
    color: #3f3f3f;
    box-shadow: 0 0 18px -10px rgba(0, 0, 0, .86);
    font-weight: 600;
    z-index: 1;
    text-align: left;
    border-radius: 5px;
    margin: 25px 10px;
}

.ts h3 {
    font-weight: 600;
    font-size: 15px;
    color: #3f3f3f;
}

.ts p {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 600;
}

.show-btn {
    padding: 22px 35px 20px 22px;
    cursor: pointer;
    position: relative;
    display: block;
}

[class*="show-text-"] {
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: all .5s ease-in-out 0s;
}

.show-text-now {
    max-height: 800px !important;
    padding: 0px 25px 22px;
    overflow: visible;
    opacity: 1;
    transition: all .5s ease-in-out 0s;
}

.ts .fa-plus-circle {
    position: absolute;
    top: 25px;
    right: 15px;
    float: right;
    color: #1971A9;
    transition: all 1.2s ease-in-out 0s;
}

.ts .fa-minus-circle {
    transition: all 1.2s ease-in-out 0s;
}

.sk-faq-container,
.sk-faq-container * {
    color: #ffffff !important;
}

.sk-faq-container a {
    text-decoration: underline !important;
    color: #ffffff !important;
}

.sk-faq-container hr {
    border: none;
    border-top: 1px solid #ffffff;
    margin: 15px 0;
}

.sk-faq-container h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    font-weight: 600;
    font-size: 17px;
}

.sk-faq-container h4::after {
    content: "\25BC";
    font-size: 14px;
    transition: transform 0.3s ease;
}

.sk-faq-container h4.active::after {
    transform: rotate(180deg);
}

.sk-article-container,
.sk-article-container * {
    color: #ffffff !important;
    background-color: #1588C0 !important;
}

.sk-article-container a {
    text-decoration: underline !important;
    color: #ffffff !important;
}

@media (max-width: 980px) {
    .front-page-section-2 {
        padding: 70px 60px;
        visibility: visible;
    }

    .bs4-accordion {
        float: none;
        width: 100%;
        margin: 0;
    }

    .bs4-accordion:first-of-type {
        padding-top: 30px !important;
    }

    .ts h3 {
        font-size: 14px;
        font-weight: 500;
    }

    .ts p {
        font-size: 13px;
    }

    .show-btn {
        padding: 22px 10px 19px;
    }
}

@media (max-width: 620px) {
    .front-page-section-2 {
        padding: 70px 10px;
    }

    .ts .fa-plus-circle {
        right: 8px;
        font-size: 13px;
    }
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── Inline SVG icon library (replaces Font Awesome) ──────── */
/* See inc/icons.php. Base size is deliberately small since SVG */
/* doesn't inherit sizing from font-size the way an icon font    */
/* did — every context below sets an explicit width/height.      */
/* ═══════════════════════════════════════════════════════════ */

.icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    flex-shrink: 0;
    fill: currentColor;
}

/* Social icons — header/footer/side-nav. Fixes the bug this was     */
/* added to fix: these were raw 128×128px <img> tags with no CSS     */
/* size constraint anywhere, rendering oversized and unaligned.      */
.ss-icons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ss-icons .icon {
    width: 24px;
    height: 24px;
    vertical-align: middle;
}

/* Header "Urgent Assistance" phone icon */
.btn-sh .icon {
    width: 18px;
    height: 18px;
    vertical-align: -4px;
}

/* Nav dropdown/mobile-menu carets */
.icon-caret-down {
    width: 10px;
    height: 10px;
    vertical-align: 1px;
}

/* Contact tables (Team bios: location/phone/fax/email rows) */
table .icon {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 2px;
}

/* Accordion expand/collapse icons (.fa-plus-circle / .fa-minus-circle
   is toggled by theme.js — hide the vertical bar so the "+" becomes
   a "-" without needing to swap the whole icon). */
.icon-plus {
    width: 20px;
    height: 20px;
}

.fa-minus-circle .icon-vbar {
    display: none;
}

/* Video card "play" icon (front page Media Appearances, Video Centre) */
.icon-play {
    width: 14px;
    height: 14px;
    vertical-align: -2px;
    margin-right: 2px;
}

/* ═══════════════════════════════════════════════════════════ */
/* ─── Recent Successes: sidebar + content layout ────────────── */
/* Used by recent-successes-template.php and                    */
/* taxonomy-success_category.php. Scoped under .rs-layout since  */
/* .service-page-sections already exists globally for the        */
/* full-width classic service pages with different values —      */
/* this is a genuinely different (two-column) layout.            */
/* ═══════════════════════════════════════════════════════════ */

.rs-layout {
    overflow: auto;
}

.rs-layout .side-bar {
    float: left;
    border-right: 2px solid #e8e8e8;
    padding: 60px 0px 60px 30px;
    width: 30%;
}

.rs-layout .side-bar h2 {
    font-size: 20px !important;
    padding: 10px;
    color: white;
    background-color: #1971a9;
}

.rs-layout .side-bar ul {
    padding-left: 10px;
    list-style: none;
}

.rs-layout .side-bar ul li {
    line-height: 1.3em;
    padding: 10px 30px 10px 20px;
    font-size: 13px;
    font-weight: 600;
    border-left: 4px solid white;
    border-bottom: 1px solid #e8e8e8;
    transition: all .3s ease-in-out 0s;
}

.rs-layout .side-bar ul li:hover {
    background-color: #1971a9;
    border-left: 4px solid #124d72;
    color: white;
}

.rs-layout .side-bar ul li:hover a {
    color: white;
}

.rs-layout .side-bar ul li a {
    color: #171f2b;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    padding: 10px 0px;
}

.rs-layout .side-bar ul li a.active {
    color: white !important;
}

.rs-layout .side-bar section {
    margin-top: 40px;
}

.rs-layout .side-bar section select {
    margin-top: 20px;
    width: 85%;
    margin-left: 7.5%;
    margin-right: 7.5%;
    line-height: 1.7em;
    border: 2px solid #efefef;
    border-radius: 4px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
    padding: 12px 10px !important;
}

.side-bar-desk {
    display: block;
}

.side-bar-mob {
    display: none;
}

.rs-layout .service-page-section-1 {
    margin-top: 20px;
}

.rs-layout .service-page-sections {
    padding: 40px 60px 60px;
    float: left;
    width: 70%;
}

.rs-layout .service-page-sections h2 {
    color: #1971a9;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3em;
}

.rs-layout .service-page-sections h3 {
    color: #171f2b;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.3em;
    padding-top: 25px;
    margin-bottom: -10px;
}

.rs-layout .service-page-sections h3 a {
    color: inherit;
    text-decoration: none;
}

.rs-layout .service-page-sections h3 a:hover {
    text-decoration: underline;
}

.rs-layout .service-page-sections p {
    color: #353535;
    font-size: 16px;
    line-height: 1.5em;
}

.rs-layout .service-page-sections ul li {
    line-height: 1.3em;
    padding-bottom: 10px;
}

.rs-layout .service-page-sections a {
    text-decoration: underline;
    color: black;
}

.rs-layout iframe {
    border-radius: 4px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.canadian-lawfirm-post {
    visibility: visible;
    overflow: hidden;
    width: 100%;
    padding: 10px 0px 30px;
}

.clp-left {
    float: left;
    width: 48%;
    margin-right: 4%;
}

.clp-left img {
    border: 15px solid #231F20;
}

.clp-right {
    float: left;
    width: 48%;
}

.clpr-img1 {
    border: 6px solid #231F20;
}

@media (max-width: 980px) {
    .rs-layout .service-page-section-1 {
        margin-top: 0px;
        padding-top: 20px !important;
    }

    .rs-layout .service-page-sections {
        padding: 60px 40px;
        width: 100%;
        float: none;
    }

    .side-bar-desk {
        display: none;
    }

    .side-bar-mob {
        display: block;
    }

    .rs-layout .side-bar {
        float: none;
        border-right: none;
        padding: 60px 30px;
        width: 100%;
    }

    .rs-layout .service-page-sections h2 {
        font-size: 22px;
    }

    .rs-layout .service-page-sections p {
        font-size: 16px;
    }
}

@media (max-width: 620px) {
    .clp-left {
        float: none;
        width: 100%;
        margin-right: 0%;
    }

    .clp-right {
        float: none;
        width: 100%;
        text-align: center;
    }
}