@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);

@import url(/assets/styles/libs/components-font-awesome/font-awesome.css);

@font-face { font-family: 'NoSpace'; font-weight: normal; font-style: normal; src: url("/assets/fonts//zerowidthspaces.eot"); src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg"); }

/**

 * Media Queries

 * Media Queries for global elements based on screen variants:

 */

@font-face { font-family: 'NoSpace'; font-weight: normal; font-style: normal; src: url("/assets/fonts//zerowidthspaces.eot"); src: url("/assets/fonts//zerowidthspaces.woff") format("woff"), url("/assets/fonts//zerowidthspaces.ttf") format("truetype"), url("/assets/fonts//zerowidthspaces.svg#NoSpace") format("svg"); }

/**

 * Media Queries

 * Media Queries for global elements based on screen variants:

 */

p { margin: 0 0 24px; }



a { color: #578270; text-decoration: none; }

a:hover { color: #4B4B4B; }

a:active, a:focus { color: #4B4B4B;  }



hr { border-bottom: 1px solid #DDD; border-left: none; border-right: none; border-top: none; margin: 24px 0; }



img,
video { margin: 0; max-width: 100%; height: auto; }



abbr, acronym { border-bottom: 1px dotted #DDD; cursor: help; }



address { display: block; margin: 0 0 12px; }



hgroup { margin-bottom: 12px; }



del { color: #717171; }



blockquote { border: 0 none; color: #595959; margin: 0 0 24px 24px; }

@media screen and (min-width: 48em) {

    blockquote { border-left: 3px solid #DDD; padding-left: 36px; }
}



cite { color: #8b8b8b; font-style: italic; }

cite:before { content: '\2014 \00A0'; }



input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; }



/**

 * Heading groups and generic any-heading class.

 * To target any heading of any level simply apply a class of `.hN`, e.g.:

 *

   <hgroup>

       <h1 class=hN>inuit.css</h1>

       <h2 class=hN>Best. Framework. Ever!</h2>

   </hgroup>

 *

 */

hgroup .hN { margin-bottom: 0; }



/**

 * A series of classes for setting massive type; for use in heroes, mastheads,

 * promos, etc.

 */

/*------------------------------------*\

    $SMALLPRINT

\*------------------------------------*/

/**

 * A series of classes for setting tiny type; for use in smallprint etc.

 */

.content--news, .content--events, .search > ul { margin: 0; padding: 0; }

.content--news > li, .content--events > li, .search > ul > li { list-style: none; }



/** ClearFix **/

.professionals-listing > li, .search--container .dropdown-wrapper { zoom: 1; }

.professionals-listing > li:before, .search--container .dropdown-wrapper:before, .professionals-listing > li:after, .search--container .dropdown-wrapper:after { content: ""; display: table; height: 0; overflow: hidden; clear: both; }



.content--news, .content--events, .search > ul { margin: 0; padding: 0; }

.content--news > li, .content--events > li, .search > ul > li { list-style: none; }



.content--news, .content--events, .search > ul { width: 100%; font-family: "NoSpace"; }

.content--news > li, .content--events > li, .search > ul > li { font-family: Roboto, sans-serif; display: inline-block; vertical-align: top; }



.content--news > li, .content--events > li, .search > ul > li { width: 49%; margin-bottom: 1.4%; }

@media all and (max-width: 48em) {

    .content--news > li, .content--events > li, .search > ul > li { width: 100%; float: none; margin-left: 23px !important; }
}

.content--news > li:nth-child(odd), .content--events > li:nth-child(odd), .search > ul > li:nth-child(odd) { margin-right: 1%; padding-right: 2.5%; }

@media all and (max-width: 48em) {

    .content--news > li:nth-child(odd), .content--events > li:nth-child(odd), .search > ul > li:nth-child(odd) { margin-right: 0%; }
}



/** Buttons Base **/

.content--featured a.btn__view__inverted, .btn--view { display: inline-block; text-transform: uppercase; padding: 8px 12px; color: white; background: #989181; font-weight: 600; font-family: Roboto Condensed, sans-serif; margin: 20px 0; }



.content--featured a.btn__view__inverted { background: transparent; color: black; border: 2px solid black; }



/** Homepage Section Overviews **/

/** Interior Page Header **/

.content--grid > h1 { font: 2.6em/1.3em Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 10px; color: #595959; }



/** Interior Page Title **/

.content--section > h4 { font: 1.875rem/1em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.75rem; line-height: 1em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 15px; }



.content--section { margin-bottom: 1.5em; }



.listing { list-style: none; padding: 0; margin: 0; }

.listing > li { margin-bottom: 1.5rem; }



.listing__title { font: 1.35rem/1.2em Sentinel Ssm A, Sentinel Ssm B, serif; font-size: 1.35rem; line-height: 1.2em; font-family: Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 0px; }



.listing__date { font-size: 0.8em; font-weight: 700; color: #999999; }



.listing__tag { font-style: italic; }

.listing__tag a { color: #999999 !important; }

.listing__tag a:hover { color: black; }



/** Social Icon Mixin **/

p { margin: 0 0 24px; }



a { color: #578270; text-decoration: none; }

a:hover { color: #4B4B4B; }

a:active, a:focus { color: #4B4B4B;  }



hr { border-bottom: 1px solid #DDD; border-left: none; border-right: none; border-top: none; margin: 24px 0; }



img,
video { margin: 0; max-width: 100%; height: auto; }



abbr, acronym { border-bottom: 1px dotted #DDD; cursor: help; }



address { display: block; margin: 0 0 12px; }



hgroup { margin-bottom: 12px; }



del { color: #717171; }



blockquote { border: 0 none; color: #595959; margin: 0 0 24px 24px; }

@media screen and (min-width: 48em) {

    blockquote { border-left: 3px solid #DDD; padding-left: 36px; }
}



cite { color: #8b8b8b; font-style: italic; }

cite:before { content: '\2014 \00A0'; }



input, textarea { -webkit-appearance: none; -webkit-border-radius: 0; }



/**

 * Heading groups and generic any-heading class.

 * To target any heading of any level simply apply a class of `.hN`, e.g.:

 *

   <hgroup>

       <h1 class=hN>inuit.css</h1>

       <h2 class=hN>Best. Framework. Ever!</h2>

   </hgroup>

 *

 */

hgroup .hN { margin-bottom: 0; }



/**

 * A series of classes for setting massive type; for use in heroes, mastheads,

 * promos, etc.

 */

/*------------------------------------*\

    $SMALLPRINT

\*------------------------------------*/

/**

 * A series of classes for setting tiny type; for use in smallprint etc.

 */

.content--news, .content--events, .search > ul { margin: 0; padding: 0; }

.content--news > li, .content--events > li, .search > ul > li { list-style: none; }



.wrapper--featured > span { font: bold 0.9em Roboto Condensed, sans-serif; }

.wrapper--featured > h3 { font: 1.9em Sentinel Ssm A, Sentinel Ssm B, serif; margin-bottom: 40px; }

.wrapper--featured > h3 > a { color: #FFF; }

.wrapper--featured p { font-style: italic; margin-bottom: 0; }



.content--news > li:nth-child(odd), .content--events > li:nth-child(odd) { margin-right: 1.5%; }

@media all and (max-width: 48em) {

    .content--news > li, .content--events > li { margin-left: 0px !important; }
}

.content--news > li > span.industryicon, .content--events > li > span.industryicon { font: 0.9em Roboto Condensed, sans-serif; float: left; padding-left: 0px; }

.content--news > li > span, .content--events > li > span { padding-left: 11%; }

@media all and (max-width: 64em) {

    .content--news > li > span, .content--events > li > span { padding-left: 20%; }
}

@media all and (max-width: 48em) {

    .content--news > li > span, .content--events > li > span { padding-left: 22%; }
}

.content--news > li > h3, .content--events > li > h3 { font: 1.9em Sentinel Ssm A, Sentinel Ssm B, serif; padding-left: 11%; }

@media all and (max-width: 64em) {

    .content--news > li > h3, .content--events > li > h3 { padding-left: 20%; }
}

@media all and (max-width: 48em) {

    .content--news > li > h3, .content--events > li > h3 { padding-left: 22%; }
}

.content--news > li > h3 > a, .content--events > li > h3 > a { color: #003764; text-decoration: none !important; }

.content--news > li > h3:before, .content--events > li > h3:before { background-color: #003764; border-radius: 50%; content: ""; width: 65px; height: 65px; position: absolute; left: -27px; top: 5px; z-index: 2; }

@media all and (max-width: 64em) {

    .content--news > li > h3:before, .content--events > li > h3:before { left: 1px; }
}

.content--news > li p, .content--events > li p { font-style: italic; margin-bottom: 0; padding-left: 11%; }

@media all and (max-width: 64em) {

    .content--news > li p, .content--events > li p { padding-left: 20%; }
}

@media all and (max-width: 48em) {

    .content--news > li p, .content--events > li p { padding-left: 22%; }
}



.content--news > li, .content--events > li, .content--events > li { margin-bottom: 7%; }



.professionals-listing { list-style: none; padding-left: 0px; }

.professionals-listing > li { padding-bottom: 4%; }

.professionals-listing > li div { width: 32%; padding-right: 2%; float: left; }

@media all and (max-width: 48em) {

    .professionals-listing > li div { width: 56%; }
}

.professionals-listing > li div img { width: 100%; }

.professionals-listing > li div.professionals-image { width: 20%; }

@media all and (max-width: 48em) {

    .professionals-listing > li div.professionals-image { width: 40%; min-height: 100px; }
}

.professionals-listing > li div.offices { width: 16%; padding-right: 0%; }

@media all and (max-width: 48em) {

    .professionals-listing > li div.offices { width: 56%; }
}



.content--news, .content--events, .search > ul { margin: 0; padding: 0; }

.content--news > li, .content--events > li, .search > ul > li { list-style: none; }



.search--container { background: #578270; }



.search > ul { padding: 3em; }



.form--label { position: absolute; overflow: hidden; top: 0; right: 0; padding: 5px 3px; width: 50px; display: inline-block; background: #c1e1d4; text-indent: -100px; -webkit-transform: translate3d(0, 0, 3); transform: translate3d(0, 0, 3); z-index: 3; cursor: pointer; }

.form--label::after, .form--label:after { margin-top: .1em; content: "\f002"; font: 1.8em/1.3em "FontAwesome"; color: #578270; padding: 0; display: inline-block; text-indent: 58px; }

.form--label:hover::after, .form--label:hover:after { color: #4a917b; }

.form--label.close::after, .form--label.close:after { content: "\f00d"; }



.filter--btns--group { position: relative; margin-top: 40px; margin-left: 0.5%; margin-right: 1%; }

.filter--btns--group > button { padding: .575em .7em; text-transform: uppercase; color: #c1e1d4; background: #578270; border: 2px solid #c1e1d4; float: right; margin-left: 10px; font-family: Roboto Condensed, sans-serif; font-weight: bold; }

.filter--btns--group > button:hover { background: #c1e1d4; color: #456859; }

.filter--btns--group > button + button { border: none; padding: .7em .8em; background: #46685a; }

.filter--btns--group > button + button:hover { background: #8db2a3; color: #2c4138; }

.filter--btns--group > a { text-transform: uppercase; font-family: Roboto Condensed, sans-serif; font-weight: bold; color: #c1e1d4; }

.filter--btns--group > a:before { content: "+"; }

.filter--btns--group > a.expanded:before { content: "-"; }



.search--container .form--item:before, .search--container .form--item:after { position: absolute; content: ""; width: 0; height: 0; right: 16px; border-style: solid; border-width: 10px 10px 0 10px; }



.search--container ::-webkit-input-placeholder { color: #578270; }

.search--container :-moz-placeholder { /* FF 4-18 */ color: #578270; }

.search--container ::-moz-placeholder { /* FF 19+ */ color: #578270; }

.search--container :-ms-input-placeholder { /* IE 10+ */ color: #578270; }

.search--container.green { background: #578270; }

.search--container .btn { float: right; background: #4d7363; color: #c1e1d4; border: none; margin-left: .5em; padding: .5em; text-transform: uppercase; }

.search--container .btn:first-child { margin-left: 0; }

.search--container .btn:hover { background: white; color: #4d7363; }

.search--container .dropdown-wrapper { position: relative; }

.search--container .dropdown-wrapper input { height: 33px; width: 100%; padding: 0 .5em; border: none; background: #c1e1d4; }

.search--container .dropdown-wrapper input::after, .search--container .dropdown-wrapper input:after { content: "\f002"; position: absolute; top: 40%; left: 15px; font-family: "FontAwesome"; }

    .search--container .dropdown-wrapper .form--block { width: 74%; vertical-align: top; margin-left: 0; margin-top: .95%; display: inline-block; height: 51px; position: relative; }

.search--container .dropdown-wrapper .form--block > label { position: absolute; height: 51px; right: 0; }


@media all and (max-width: 64em) {

    .search--container .dropdown-wrapper .form--block { width: 98%; }
}

.search--container .dropdown-wrapper .form--block .form--items > input { display: inline-block; background: #c1e1d4; border: 0 none; color: #578270; font-size: 1.4em; font-family: sans-serif; padding: 10px 30px 10px 0.8em; width: 100%; margin-left: .8%; border: 0 none; height: 51px; }
.search--container .dropdown-wrapper .form--block .form--btn { border: 0; position: absolute; top: 0; right: 0; opacity: 0; background: transparent; height: 51px; }
.search--container .dropdown-wrapper .input-search { width: 25%; float: left; font-family: "FontAwesome"; }
.search--container .dropdown-wrapper .input-search:before { content: "\f002"; border: none; width: 1.2em; height: 1.2em; position: absolute; top: 20%; right: 7px; background-color: transparent; position: absolute; }
.search--container .dropdown-wrapper .input-search:after { display: none; }
.search--container .form--item { vertical-align: top; cursor: pointer; position: relative; width: 24.32%; display: inline-block; padding: .4em .4em .4em .8em; margin-left: .95%; margin-top: .95%; color: #578270; background: #c1e1d4; font-size: 1.4em; font-family: sans-serif; }

@media all and (max-width: 48em) {

    .search--container .form--item { width: 98%; }
}

@media all and (max-width: 30em) {

    .search--container .form--item { width: 98%; }
}

.search--container .form--item:hover { background: #b0d9c8; }
.search--container .form--item:hover:after { border-color: #b0d9c8 transparent; }
.search--container .form--item.active { padding-bottom: 30px; }
.search--container .form--item.first { margin-left: 0.5%; }
.search--container .form--item:before, .search--container .form--item:after { right: 16px; }
.search--container .form--item:before { top: 45%; border-color: #578270 transparent; }
.search--container .form--item:after { top: 38%; border-color: #c1e1d4 transparent; }
.search--container .search { background: #c1e1d4; overflow: visible; display: block; transition: height 0.3s; }

@media all and (max-width: 48em) {

    .search--container .search { width: 95.5%; margin-left: 0.95%; }
}

@media all and (max-width: 30em) {

    .search--container .search { width: 97%; margin-left: 0.95%; }
}

.search--container .search ul {
    display: block;
}

.search--container .search:not(.types) ul {
    -moz-columns: 2;
    -webkit-columns: 2;
    -ms-columns: 2;
    columns: 2;
}
@media screen and (max-width: 48em) {

    .search--container .search:not(.types) ul {        
        -moz-columns: 1;
        -webkit-columns: 1;
        -ms-columns: 1;
        columns: 1;
    }
}

.search--container .search:not(.types) li {
    line-height: 1.4;
    display: block;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 21px;
    position: relative;
}

@media all and (max-width: 30em) {

    .search--container .search li { width: 100%; }
}

.search--container .search a { font-size: 1em; text-decoration: none; color: #578270; padding: .2em 0; }

.search--container .search a:hover { color: #595959; }

.search--container .search a.active { color: #595959; }
    .search--container .search.types a.active {position:relative;}

    .search--container .search a.active:before {
        background: #595959;
        text-align: center;
        font-size: 12px;
        vertical-align: middle;
        width: 16px;
        height: 16px;
        color: #c1e1d4;
        content: "X";
        border-radius: 50%;
        position: absolute;
        left: -20px;
        top: 3px;
    }

.search--container .search.hidden { overflow: hidden; height: 0px; transition: height 0.3s; }

.search--container .search.hidden ul { display: none; }

.open-search { background: #578270; cursor: pointer; position: absolute; left: 4%; font-family: Roboto Condensed, sans-serif; color: white; padding: 0.2em .5em; text-transform: uppercase; }

.open-search:before { content: "\f067"; font-family: FontAwesome; color: white; margin-right: 5px; }

.open-search:hover.active { content: "\f068"; }

.open-search:hover:before { color: #595959; }

@font-face { font-family: selection-icons; src: url("/assets/fonts/selection/selection-icons.eot?6cw4ey"); src: url("/assets/fonts/selection/selection-icons.eot?#iefix6cw4ey") format("embedded-opentype"), url("/assets/fonts/selection/selection-icons.woff?6cw4ey") format("woff"), url("/assets/fonts/selection/selection-icons.ttf?6cw4ey") format("truetype"), url("/assets/fonts/selection/selection-icons.svg?6cw4ey#selection-icons") format("svg"); font-weight: normal; font-style: normal; }

.gray-box { background: #e6e6e6; }

.wrapper--featured { width: 70%; height: 100%; position: absolute; right: 0; top: 0;  padding: 24px; background: #003764; background: rgba(0, 55, 100, 0.7); }

@media all and (max-width: 48em) {

    .wrapper--featured { position: relative; left: 0; }
}

.content--featured { width: 100%; margin: 0 auto; padding-top: 45px; color: white; position: relative; }
.featured-news { width: 1160px; margin: 0 auto; }
.featured-news-item { float: left; width: 48%; min-height: 300px; display: inline-block; position: relative;  background: no-repeat center; background-size: auto 100%; }
.featured-news-item:first-child { margin-right: 44px; }

.featured-news.single-layout .featured-news-item { width: 100%; min-height: 300px; margin-right: 0; float: none; }
.featured-news.single-layout .wrapper--featured { width: 30%; right: 263px; }

@media all and (max-width: 64em) {
    .featured-news { width: 100%; }
    .featured-news-item { float: none; width: 100%; min-height: 230px; margin-bottom: 14px; background-size: cover; }
    .featured-news-item:first-child { margin-right: 0; }
    .wrapper--featured { width: 70%; position: relative; right: 0; top: 0; }
    .wrapper--featured > h3 { margin-bottom: 24px; }

    .featured-news.single-layout .featured-news-item { width: 100%; min-height: 300px; }
    .featured-news.single-layout .wrapper--featured { width: 50%; min-height: 300px; right: 0; left: 50%; }
}

.content--featured a.btn__view__inverted { color: white; border: 2px solid white; font-weight: 600; }

.content--featured a.btn__view__inverted img { width: 100%; }

.content--featured a.btn__view__inverted:hover { background-color: #003764; }

.content--grid .content--news li, .content--grid .content--events li { position: relative; }

.content--grid .content--news li svg, .content--grid .content--events li svg { width: 40px; position: absolute; left: -14px; top: 17px; height: 40px; z-index: 10; }

.content--grid .content--news li svg path, .content--grid .content--events li svg path { fill: #fff; }

@media all and (max-width: 64em) {

    .content--grid .content--news li svg, .content--grid .content--events li svg { left: 13px; }
}

.content--grid .content--news li a:hover, .content--grid .content--events li a:hover { color: #2B5B83; }

.content--grid .content--news li span.indicator, .content--grid .content--events li span.indicator { margin-left: 5px; }

.content--grid .content--news li span.indicator img, .content--grid .content--events li span.indicator img { width: 25px; }

.btn--view { text-align: center; display: table; background: #003764; font-size: 0.85em; margin: 20px auto; color: #7598B4; transition: color 0.8s; text-decoration: none !important; }

.btn--view:hover { color: #fff; }

.search--container .content { padding-bottom: 45px; }

@media all and (max-width: 48em) {

    .search--container .dropdown-wrapper .form--item.active { padding-bottom: 0.4em !important; }
}

@media screen and (min-width: 64em) {

    .search--container .dropdown-wrapper .form--item { position: absolute; top: 0px; }
}

@media screen and (max-width: 64em) {

    .search--container .dropdown-wrapper .form--item { width: 98%; position: relative; left: 0 !important; }
}

@media screen and (min-width: 48em) {

    .search--container .dropdown-wrapper .form--item[data-id="industry"] { left: 23.4%; }
}

@media screen and (min-width: 48em) {

    .search--container .dropdown-wrapper .form--item[data-id="practice"] { left: 49%; }
}

@media screen and (min-width: 48em) {

    .search--container .dropdown-wrapper .form--item[data-id="type"] {
        left: 74.8%;
    }
}

@media all and (max-width: 48em) {

    .search--container .dropdown-wrapper .form--block { width: 98%; position: relative; }
    .search--container .dropdown-wrapper .search { width: 98%; position: relative; }
}

@media screen and (min-width: 64em) {

    .search--container .dropdown-wrapper .search { top: 17px; position: relative; }
}

@media all and (max-width: 30em) {

    .search--container .dropdown-wrapper .search ul { padding: 1em 3em; }
}

@media all and (max-width: 30em) {

    .filter--btns--group { margin-top: 20px; }
}

.form--criteria { margin-bottom: 20px; margin-left: 10px; }

div.search ul { list-style: none; }

div.search a.non-option { color: #595959; cursor: context-menu; }

div.wrapper--featured h3 { margin-right: 2%; }
div.featured-news-item h3 { margin-right: 0; }


.content--EO-header {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
    .content--EO-header div {
        padding: 10px;
        background-color: #578270;
        color: #b5d9ce;
        border-right: 1px solid #b5d9ce;
    }
    .content--EO-header div:last-child {
        border: none;
    }
.content--EO-header-item-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.content--EO-item { display: flex; flex-wrap: wrap; width: 100%; padding: 10px 0; border-bottom: solid 1px #DDD; margin-bottom: 10px; }
    .content--EO-item.active { background-color: #e6e6e6; }

.sort-toggle { border: none; background: none; color: #b5d9ce; }

.content--EO-item > div { padding: 10px; }
.content--EO-header-date,
.content--EO-item-date {
    width: 40%;
}
.content--EO-header-title,
.content--EO-item-title {
    width: 60%;
}

.content--EO-header-item-container {
    color: #595959;
}

.EO-more-link { cursor: pointer; font-weight: 600; color: #578270; }
    .EO-more-link:hover {
        color: #000;
        font-weight: 800;
        text-decoration: underline;
    }
.EO-more-content {
    display: none;
    width: 100%;
    padding: 25px 5px;
    border-bottom: 1px solid #DEE0D9;
}
.EO-more-content-title {
    font-weight: 600;
}

.content--EO-header-topics, .content--EO-header-summary { display: none; }

.content--EO-item-summary { width: 100%; }
.content--EO-item-topics { width: 100% }
.content--EO-item-topics { order: 99; }

.content--EO-header-topics--mobile, .content--EO-header-summary--mobile { font-weight: 700; color: #595959; }

.content--EO-more-summary {display:none;}

@media all and (min-width: 650px) { .content--EO-header-date, .content--EO-item-date { width: 24%; }
    .content--EO-header-title,
    .content--EO-item-title { width: 38%; }
    .content--EO-header-summary--mobile { display: none; }
    .content--EO-header-summary { display: block; }
   .content--EO-header-summary, .content--EO-item-summary { width: 38%; }
}

@media all and (min-width: 1030px) { 
    .content--EO-header-topics { display:block;}
    .content--EO-header-date,
    .content--EO-item-date { width: 15%; }
    .content--EO-header-title,
    .content--EO-item-title { width: 25%; }
    .content--EO-header-summary, 
    .content--EO-item-summary { width: 35%; }
    .content--EO-header-topics--mobile { display: none; }
    .content--EO-header-topics, .content--EO-item-topics { width: 25%; }
    .content--EO-item-topics {order:unset;}
}