* {
    margin: 0;
    padding: 0;
    background-position: left top;
    background-repeat: no-repeat;
    box-sizing: border-box;
}

html {
    background-color: #CCC;
}

@media ( min-width: 768px ) {

    body { min-width: 1460px; }

}

html.no-js .hide-if-no-js { display: none; }

.screen-reader-text {
    clip: rect( 1px, 1px, 1px, 1px );
    clip-path: polygon( 0px 0px, 0px 0px,0px 0px, 0px 0px );
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.el-switch,
#flyout-contact { display: none; }

#stage {
    width: 100%;
    max-width: 1920px;
    background-color: #FFF;
}


/*
 ######  #### ######## ########    ##     ## ########    ###    ########  ######## ########
##    ##  ##     ##    ##          ##     ## ##         ## ##   ##     ## ##       ##     ##
##        ##     ##    ##          ##     ## ##        ##   ##  ##     ## ##       ##     ##
 ######   ##     ##    ######      ######### ######   ##     ## ##     ## ######   ########
      ##media  ##     ##    ##          ##     ## ##       ######### ##     ## ##       ##   ##
##    ##  ##     ##    ##          ##     ## ##       ##     ## ##     ## ##       ##    ##
 ######  ####    ##    ########    ##     ## ######## ##     ## ########  ######## ##     ##
*/

header#site-header {
    padding: 30px 100px 10px;
}

#site-phone {
    width: 100%;
    font-size: 18px;
}

    body.white-header #site-phone {
        margin-bottom: 125px;
    }

#site-phone a {
    margin-left: 25px;
    text-decoration: none;
    font-size: 1.78em;
    color: #101010;
}

h1#logo img {
    display: block;
    width: 350px;
}

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

nav ul { list-style: none; }

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

nav#site-nav a {
    position: relative;
    text-decoration: none;
    letter-spacing: 4.5px;
    font-size: 16px;
    color: #262626;
}

    nav#site-nav li.current-menu-item a:after,
    html.no-touchevents nav#site-nav a:hover:after {
        content: '';
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        height: 7px;
        margin-top: 15px;
        background-color: #B38F00;
    }

        html.no-touchevents header#site-header.color-white nav#site-nav a:hover:after {
            background-color: #FFF;
        }

body:not( .white-header ) #torso { padding-top: 50px; }


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

body.white-header header#site-header {
    position: relative;
    z-index: 2;
}

@media ( min-width: 768px ) {

    body.white-header nav#site-nav a { color: #FFF; }

}

/*body.white-header #torso:before {
    content: '';
    display: block;
    width: 1px;
    padding-top: 35%;
}*/

body.white-header #hero {
    /*position: absolute;
    left: 0;
    top: 85px;*/
    z-index: 1;
    width: 100%;
    margin-top: -190px;
    background-position: center;
    background-size: cover;
}

    body.no-post-thumbnail.white-header #hero { background-color: #CCC; }

body.white-header #hero > .aspect-ratio { width: 100%; }

body.white-header #hero > .aspect-ratio:before {
    content: '';
    float: left;
    width: 1px;
    height: 0;
    margin-left: -1px;
    padding-top: 51.042%;
}

body.white-header #hero > .aspect-ratio:after {
    content: '';
    display: table;
    clear: both;
}

body.white-header #hero > .aspect-ratio > .container {
    height: 100%;
    min-height: 100%;
    padding-top: 195px;
    box-sizing: border-box;
}


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

body.page-template-page-about main {
    position: relative;
}

@media ( min-width: 768px ) {

    body.page-template-page-about main #sidebar {
        width: 48.95%;
        max-width: 940px;
        will-change: min-height;
    }

        body.page-template-page-about main #sidebar {
            order: 2;
        }

    body.page-template-page-about main #sidebar-img {
        transform: translate( 0, 0 );
        transform: translate3d( 0, 0, 0 );
        will-change: position, transform;
    }

}

body.page-template-page-about main #sidebar .img img {
    width: 100%;
    height: auto;
}

body.page-template-page-about main .entry {
    width: 48%;
    max-width: 740px;
    padding-bottom: 30px;
}


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

body.page-template-page-attorneys main > .container {
    width: 90%;
    max-width: 1735px;
}

body.page-template-page-attorneys main > .container > .entry.container {
    width: 1237px;
    max-width: 71%;
    padding-top: 70px;
}

body.page-template-page-attorneys main > .container > .entry.container h1 {
    padding-bottom: 30px;
}

body.page-template-page-attorneys main > .container > .entry.container h1 + * { margin-top: 30px; }

body.page-template-page-attorneys main #attorneys {
    margin-top: 150px;
}

body.page-template-page-attorneys main #attorneys article.attorney {
    width: 46%;
    margin-bottom: 160px;
}

body.page-template-page-attorneys main #attorneys article.attorney .container--img {
    position: relative;
    width: 42.5%;
    max-width: 340px;
}

.attorney-img, .practice-area-img {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center
}

body.page-template-page-attorneys main #attorneys article.attorney .container--img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

body.page-template-page-attorneys main #attorneys article.attorney .container--img + .entry {
    position: relative;
    width: 53.125%;
    padding-bottom: 45px;
}

body.page-template-page-attorneys main #attorneys article.attorney .container--img + .entry h1 {
    margin-bottom: 15px;
    padding-bottom: 20px;
}

body.page-template-page-attorneys main #attorneys article.attorney .container--img + .entry h1 a {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 600;
}

body.page-template-page-attorneys main #attorneys article.attorney .container--img + .entry h1 + p { margin-top: 15px; }

body.page-template-page-attorneys main #attorneys article.attorney .container--img + .entry p.learn-more {
    position: absolute;
    left: 0;
    bottom: 0;
}

body.page-template-page-attorneys main #attorneys article.attorney a.btn {
    display: inline-block;
    padding: 3px 30px 0 20px;
    text-transform: uppercase;
    font-size: 14px;
}

body.page-template-page-attorneys main #attorneys article.attorney a.btn:after {
    right: 16px;
    width: 6px;
}


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

body.attorney-template-default main {
    padding: 100px 0 50px;
}

body.attorney-template-default #profile {
    width: 38.25%;
    max-width: 595px;
    text-align: center;
}

body.attorney-template-default #profile > .sticky {
    padding-top: 50px;
}

body.attorney-template-default #profile .container--img {
    position: relative;
    width: 100%;
    padding-top: 100%;
    margin-bottom: 60px;
    border-radius: 5000px;
    overflow: hidden;
}

body.attorney-template-default #profile .container--img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate( -50%, -50% );
}

body.attorney-template-default #profile h1 {
    padding-bottom: 20px;
    text-transform: uppercase;
}

body.attorney-template-default #profile h1:after {
    width: 235px;
}

body.attorney-template-default #profile a.btn {
    padding: 3px 30px 0 20px;
}

body.attorney-template-default #profile a.btn:after {
    right: 16px;
    width: 6px;
}

body.attorney-template-default #avvo-rating {
    margin-top: 60px;
}

body.attorney-template-default #avvo-rating > span.num {
    margin-left: 15px;
    letter-spacing: 1px;
    font-size: 50px;
}

body.attorney-template-default #bio {
    width: 49%;
    max-width: 760px;

}


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

#content {
    max-width: 1300px;
}

#content > .quotes {
    position: relative;
    padding-top: 70px;
}

#content > .quotes:before,
#content > .quotes:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    display: inline-block;
    width: 215px;
    height: 185px;
    /*background-image: url( ../../img/quote.png );
    background-size: 100% auto;*/
}

    #content > .quotes:after {
        left: auto;
        right: 0;
        transform: rotate( 180deg );
    }

#content > .quotes h1,
#content > .quotes .h1 {
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 40px;
}

#content > .quotes h1:after,
#content > .quotes .h1:after {
    content: none;
}

#content > .quotes h3,
#content > .quotes .h3 {
    margin-top: 0;
    font-size: 16px;
}

#content > .quotes > .entry {
    position: relative;
    z-index: 2;
}

#featured { padding-top: 150px; }

#featured .practice-area {
    width: 49%;
    margin-bottom: 120px;
}

#featured .practice-area .container--img {
    position: relative;
    width: 42%;
    min-height: 377px;
}

#featured .practice-area .container--img img {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    transform: translate( -50%, -50% );
    background-size: cover;
}

#featured .practice-area .entry {
    position: relative;
    width: 51%;
    padding-bottom: 45px;
}

#featured .practice-area .h2 { margin-bottom: 30px; }

#featured .practice-area .h2 a { text-decoration: none; }

@media ( min-width: 768px ) {

    #featured .practice-area p.learn-more {
        position: absolute;
        left: 0;
        bottom: 0;
    }

}

#featured .practice-area a.btn {
    padding: 3px 30px 0 20px;
}

#featured .practice-area a.btn:after {
    right: 16px;
    width: 6px;
}

#complete {
    padding: 85px 0;
}

#complete a { text-decoration: none; }

    #complete a:hover { text-decoration: underline; }


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

body.page-template-page-recoveries main {
    position: relative;
}

body.page-template-page-recoveries main > .bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 56%;
    height: 100%;
    background-position: right center;
}

    body.page-template-page-recoveries:not( .logged-in ) main.no-post-thumbnail > .bg { display: none; }

body.page-template-page-recoveries main > .bg:after {
    content: '';
    position: absolute;
    left: -1px;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: linear-gradient( 90deg, #FFFFFF 3%, rgba( 255, 255, 255, 0.80 ) 31%, rgba( 255, 255, 255, 0.00 ) 64% );
}

body.page-template-page-recoveries main .entry {
    width: 100%;
    max-width: 600px;
    padding: 100px 0;
}

body.page-template-page-recoveries main .entry h1.h2 { margin-bottom: 30px; }

body.page-template-page-recoveries main .entry h1 + h3 { margin-top: 35px; }

body.page-template-page-recoveries #recoveries {
    padding: 90px 0;
    background-color: #F3F3F3;
}

body.page-template-page-recoveries #recoveries > .list {
    width: 80%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

    body.page-template-page-recoveries #recoveries > .list:not( .slick-initialized ) {
        display: -ms-flexbox;
        display: -webkit-flex;
                display: flex;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
        -ms-flex-line-pack: stretch;
        -webkit-align-content: stretch;
                align-content: stretch;
    }

body.page-template-page-recoveries #recoveries > .list .recovery {
    width: 29%;
    margin-left: 30px;
    margin-right: 30px;
    outline: none;
}

    body.page-template-page-recoveries #recoveries > .list:not( .slick-initialized ) .recovery:nth-of-type( n + 4 ) { display: none; }

body.page-template-page-recoveries #recoveries > .list .recovery .h2 {
    padding-bottom: 25px;
    text-transform: uppercase;
    font-size: 24px;
}

body.page-template-page-recoveries #recoveries > .list .recovery .h3 {
    margin-top: 25px;
    font-size: 20px;
}

body.page-template-page-recoveries #recoveries > .list .recovery .h3 + p { margin-top: 10px; }


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

body.practice-area-template-default #hero h1 {
    margin-bottom: 30px;
}

body.practice-area-template-default.white-header #hero > .aspect-ratio:before {
    padding-top: 35%;
}

body.practice-area-template-default #hero h1:after {
    width: 55px;
    background-color: #FFF;
}

body.practice-area-template-default #hero .entry {
    width: 100%;
    max-width: 920px;
    padding: 100px 0;
}

body.practice-area-template-default #content {
    max-width: 1550px;
    padding-top: 90px;
}
body.faq-template-default #content{
     max-width: 1550px;
    padding-top: 90px;
}

body.practice-area-template-default main {
    width: 60%;
    max-width: 910px;
}
body.faq-template-default main {
    width: 60%;
    max-width: 910px;
}

body.practice-area-template-default main .entry {
    width: 100%;
}

body.faq-template-default #content aside {
    width: 28%;
    max-width: 440px;
}
body.practice-area-template-default #content aside {
    width: 28%;
    max-width: 440px;
}

body.practice-area-template-default #content aside img {
    width: 100%;
    margin-bottom: 20px;
}

body.practice-area-template-default #content aside ul {
    text-transform: uppercase;
    list-style: none;
    font-size: 18px;
}

body.practice-area-template-default #content aside ul > li + li {
    margin-top: 0.5em;
}

body.practice-area-template-default #content aside a { text-decoration: none; }


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

body.recovery-template-default #hero h1 {
    margin-bottom: 30px;
}

body.recovery-template-default.white-header #hero > .aspect-ratio:before {
    padding-top: 35%;
}

body.recovery-template-default #hero h1:after {
    width: 55px;
    background-color: #FFF;
}

body.recovery-template-default #hero .entry {
    width: 100%;
    max-width: 920px;
    padding: 100px 0;
}

body.recovery-template-default #content {
    max-width: 1550px;
    padding-top: 90px;
}

body.recovery-template-default main {
    width: 60%;
    max-width: 910px;
}

body.recovery-template-default main .entry {
    width: 100%;
}

body.recovery-template-default #content aside {
    width: 28%;
    max-width: 440px;
}

body.recovery-template-default #content aside img {
    width: 100%;
    margin-bottom: 20px;
}

body.recovery-template-default #content aside ul {
    text-transform: uppercase;
    list-style: none;
    font-size: 18px;
}

body.recovery-template-default #content aside ul > li + li {
    margin-top: 0.5em;
}

body.recovery-template-default #content aside a { text-decoration: none; }


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

body.page-template-page-contact #hero .aspect-ratio:before {
    padding-top: 45%;
}

body.page-template-page-contact #hero + main { margin-top: 50px; }

body.page-template-page-contact main form { margin-top: 100px; }

body.page-template-page-contact main form ul { list-style: none; }

body.page-template-page-contact main form > ul > li {
    position: relative;
    width: 48%;
    margin-bottom: 40px;
}

    body.page-template-page-contact main form > ul > li.full { width: 100%; }

body.page-template-page-contact main form ul ul > li { width: 30%; }

    body.page-template-page-contact main form ul ul > li + li { margin-left: 5%; }

body.page-template-page-contact main form input:not( [type="submit"] ),
body.page-template-page-contact main form textarea {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #bbb;
    resize: vertical;
    font-size: 16px;
    outline: none;
}

body.page-template-page-contact main form input::placeholder,
body.page-template-page-contact main form textarea::placeholder {
    letter-spacing: 2.29px;
    font-size: 16px;
    color: #BBB;
}

body.page-template-page-contact main form .btn {
    width: 100%;
    padding: 3px 20px 0;
}

    body.page-template-page-contact main form input.btn {
        width: auto;
        padding: 13px 20px 10px;
    }

    body.page-template-page-contact main form input:checked + label.btn {
        background-color: #B38F00;
        color: #FFF;
    }

body.page-template-page-contact main form .btn:after { content: none; }

body.page-template-page-contact #footer-cta { display: none; }

#best_time > span.wpcf7-list-item > input[type="radio"] {
	width: 25px;
}

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

body.home.white-header #hero { max-height: 970px; }

body.home.white-header #hero .entry {
    width: 50%;
    padding-bottom: 60px;
}

body.home.white-header #hero h1:after { background-color: #FFF; }

body.home.white-header #hero a.btn {
    padding-top: 13px;
    padding-bottom: 10px;
    background-color: transparent;
    border-color: #FFF;
    color: #FFF;
}

body.home.white-header #hero a.btn:after {
    background-image: url( /wp-content/themes/wooten/img/arrow-btn-white.png );
}

body.home #awards {
    position: relative;
    padding: 10px 0 15px;
    box-shadow: 0 6px 8px 0 rgba( 172, 172, 172, 0.3 );
}

body.home #awards > .list {
    width: 80%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
}

    body.home #awards > .list:not( .slick-initialized ) {
        display: -ms-flexbox;
        display: -webkit-flex;
                display: flex;
        -webkit-flex-direction: row;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: nowrap;
            -ms-flex-wrap: nowrap;
                flex-wrap: nowrap;
        -ms-flex-pack: distribute;
        -webkit-justify-content: space-around;
                justify-content: space-around;
        -ms-flex-line-pack: stretch;
        -webkit-align-content: stretch;
                align-content: stretch;
    }

body.home #awards .award {
    max-height: 230px;
    margin: 0 50px;
    padding: 100px 0;
    background-image: url( /wp-content/themes/wooten/img/leaves.png );
    background-position: center;
    background-size: auto 75%;
    text-align: center;
    outline: none;
}

    body.home #awards > .list:not( .slick-initialized ) .award:nth-child( n + 4 ) { display: none; }

body.home #awards .award .entry {
    position: relative;
}

body.home #awards .award .entry > p { letter-spacing: 2px;height: 10px;line-height: 21px; }

body.home #awards .award .entry > p.float {
    position: absolute;
    left: 50%;
    top: 100%;
    margin-top: 35px;
    transform: translateX( -50% );
    white-space: nowrap;
    letter-spacing: 3px;
    font-size: 13px;
}

    body.home #awards .award .entry > p.float + p.float {
        margin-top: 35px;
        letter-spacing: normal;
        font-size: 11px;
    }


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

body.blog.white-header #torso:before { padding-top: 13%; }

body.blog.white-header #hero > .aspect-ratio:before { padding-top: 30%; }

body.blog.white-header #hero + * { margin-top: 200px; }

body.blog .posts,
body.archive .posts {
    display: inline-block;
    width: 63.4%;
    max-width: 913px;
}

body.blog .posts article,
body.archive .posts article { margin-bottom: 120px; }

body.blog .posts h1,
body.archive .posts h1 {
    text-transform: uppercase;
}

body.blog .posts h1 a,
body.archive .posts h1 a {
    text-decoration: none;
}

body.blog .posts img,
body.archive .posts img {
    width: 100%;
}


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

body.single-post main { margin-bottom: 100px; }

body.single-post main h2 {
    margin: 0 0 40px;
    text-align: center;
    font-style: italic;
    font-weight: 300;
}

body.single-post main h1 {
    text-transform: uppercase;
}


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

.slick-arrow {
    position: absolute;
    right: -60px;
    top: 50%;
    width: 28px;
    height: 75px;
    transform: translateY( -50% );
    text-indent: -9999px;
    overflow: hidden;
    background-image: url( ../../img/arrow-slider.png );
    background-size: 100% auto;
}

    .slick-arrow.slick-prev {
        right: auto;
        left: -60px;
        transform: translateY( -50% ) rotate( 180deg );
    }

#nGageLH > div > div.bottom-invite-image-container > div.circle-number {
    display: none !important;
}

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

@media ( max-width: 767px ) {



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

        body.white-header header#site-header > label[for="switch-mobile_nav"] .dashicons { color: #FFF; }

}

@media (min-width:1023px) and (max-width:1367px){
body.white-header #site-phone {
    margin-bottom: 80px;
}
}