#flyout-contact { display: none; }

#footer-cta { text-align: center; }

#footer-cta h1 ,
#footer-cta .h1 {
    display: block;
    line-height: 30px;
}

#footer-cta a { margin-top: 40px; }

footer#site-footer > .flex {
    width: 90%;
    height: auto;
    margin: 0 auto;
    padding: 20px 0;
}

footer#site-footer .footer-col {
    width: 100%;
    margin-top: 30px;
}

footer#site-footer h2 { width: auto; }

footer#site-footer > p {
    position: static;
    bottom: auto;
    left: auto;
    padding: 0 5%;
    text-align: center;
    transform: none;
    font-size: 3vw;
}

/*
##    ##    ###    ##     ##
###   ##   ## ##   ##     ##
####  ##  ##   ##  ##     ##
## ## ## ##     ## ##     ##
##  #### #########  ##   ##
##   ### ##     ##   ## ##
##    ## ##     ##    ###
*/

nav#site-nav {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
    display: block;
    width: 300px;
    max-width: 100%;
    height: 100vh;
    padding: 20px;
    background-color: #FFF;
    box-sizing: border-box;

    transform: translateX( 100% );
    transition: transform 0.5s;
}

    body.admin-bar nav#site-nav {
        padding-top: 66px;
    }

    #switch-mobile_nav:checked ~ #stage > header#site-header > nav#site-nav {
        transform: translateX( 0 );
    }

nav#site-nav li + li { margin-left: 0; }

label[for="switch-mobile_nav"] { display: block; }

nav#site-nav label[for="switch-mobile_nav"] .dashicons {
    width: auto;
    height: auto;
    font-size: 6vw;
}

nav#site-nav a:hover:after,
nav#site-nav li.current-menu-item a:after { display: none; }


/*
######## ########   #######  ##    ## ######## ########     ###     ######   ########
##       ##     ## ##     ## ###   ##    ##    ##     ##   ## ##   ##    ##  ##
##       ##     ## ##     ## ####  ##    ##    ##     ##  ##   ##  ##        ##
######   ########  ##     ## ## ## ##    ##    ########  ##     ## ##   #### ######
##       ##   ##   ##     ## ##  ####    ##    ##        ######### ##    ##  ##
##       ##    ##  ##     ## ##   ###    ##    ##        ##     ## ##    ##  ##
##       ##     ##  #######  ##    ##    ##    ##        ##     ##  ######   ########
*/

body.home #section-3 .flex > div,
body.home #section-4 .flex > div { width: 100%; }

    body.home #section-3 .flex > div + div { margin-top: 100px; }

    body.home #section-4 .recoveries { margin-top: 30px; }

body.home #section-4 .recoveries li > .h2 {
    line-height: 24px;
}


/*
   ###    ########   #######  ##     ## ########
  ## ##   ##     ## ##     ## ##     ##    ##
 ##   ##  ##     ## ##     ## ##     ##    ##
##     ## ########  ##     ## ##     ##    ##
######### ##     ## ##     ## ##     ##    ##
##     ## ##     ## ##     ## ##     ##    ##
##     ## ########   #######   #######     ##
*/

body.page-template-page-about #attorneys { margin-top: 75px; }

body.page-template-page-about #attorneys ul { width: 100% }

body.page-template-page-about #attorneys ul > li {
    width: 100%;
}


/*
########  ########     ###     ######  ######## ####  ######  ########       ###    ########  ########    ###     ######
##     ## ##     ##   ## ##   ##    ##    ##     ##  ##    ## ##            ## ##   ##     ## ##         ## ##   ##    ##
##     ## ##     ##  ##   ##  ##          ##     ##  ##       ##           ##   ##  ##     ## ##        ##   ##  ##
########  ########  ##     ## ##          ##     ##  ##       ######      ##     ## ########  ######   ##     ##  ######
##        ##   ##   ######### ##          ##     ##  ##       ##          ######### ##   ##   ##       #########       ##
##        ##    ##  ##     ## ##    ##    ##     ##  ##    ## ##          ##     ## ##    ##  ##       ##     ## ##    ##
##        ##     ## ##     ##  ######     ##    ####  ######  ########    ##     ## ##     ## ######## ##     ##  ######
*/

#content > .quotes h3,
#content > .quotes .h3 { margin-top: 10px; }

#featured .practice-area .container--img,
#featured .practice-area .entry { width: 100%; }

    #featured .practice-area .container--img { margin-bottom: 25px; }

#complete-list li {
    width: 100%;
}


/*
########  ########  ######   #######  ##     ## ######## ########  #### ########  ######
##     ## ##       ##    ## ##     ## ##     ## ##       ##     ##  ##  ##       ##    ##
##     ## ##       ##       ##     ## ##     ## ##       ##     ##  ##  ##       ##
########  ######   ##       ##     ## ##     ## ######   ########   ##  ######    ######
##   ##   ##       ##       ##     ##  ##   ##  ##       ##   ##    ##  ##             ##
##    ##  ##       ##    ## ##     ##   ## ##   ##       ##    ##   ##  ##       ##    ##
##     ## ########  ######   #######     ###    ######## ##     ## #### ########  ######
*/

body.page-template-page-recoveries #section-2 { padding-bottom: 80px; }

body.page-template-page-recoveries #section-3 .entry {
    max-width: none;
    padding: 0;
}

body.page-template-page-recoveries #section-3 > .bg {
    position: static;
    right: auto;
    top: auto;
    width: 100%;
    height: 100vw;
    margin-top: 50px;
}

body.home #section-4 .recoveries li > .font-sentinel { font-size: 40px; line-height: 40px; }

body.page-template-page-recoveries #footer-cta { padding-top: 80px; }