/*
Theme Name: Public Interest Law Center - 2018 
Author: Equivocal LLC
Author URI: http://equivocal.org/
Description: Custom Theme by Equivocal LLC for Public Interest Law Center
Version: 1.0
*/

/*
 *
 * 1- SETTINGS & CLASSES - PAGE STRUCTURE
 * 1.1- THREE COLUMN PRIMARY CONTENT WRAP
 * 2- SETTINGS & CLASSES - DISPLAY & TYPOGRAPHY
 * 2.1- GENERAL POST CONTENT STYLES
 * 2.2- PRACTICE AREA ICONS
 * 3- HEADER / MENU / ACTION TAB
 * 3.1- MOBILE MENU
 * 3.2- ACTION TAB 
 * 4- SPECIFIC PAGE CONTENT STYLES
 * 4.1- HOME PAGE
 * 4.2- PRACTICE AREAS HOME
 * 4.3- PRACTICE AREA LANDING
 * 4.4- PAGE CONTENT - SINGLE PRACTICE AREA POSTS 
 * 4.5- PAGE CONTENT - ABOUT US PAGES
 * 4.6- PAGE CONTENT - GET HELP CONTACT FORM      
 * 5-
 * 5.1- 
 * 5.2- NAVIGATION STYLES / PAGING LINKS
 * 5.3- SCROLL TOP LINK    
 * 6- IMAGES/GALLERIES/MEDIA
 * 7- FOOTER
 *
 */


html {}

html, body {}

body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-size: 15px;
  font-weight: 400;
  line-height: 1.625;
  color: #343434;
}

[canvas=container] {
  background: url(img/bg-body-header-blue-200x1.png)repeat-y scroll left top #ffffff;  
}



/* ====================================================================================================================
   1- SETTINGS & CLASSES - PAGE ELEMENTS AND STRUCTURE
   ================================================================================================================= */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

section.content-wrap {
  max-width: 1200px;
  min-height: 72vh;
  padding: 180px 0 1em 200px;
}

section.home-landing,
section.practice-areas-home,
section.practice-area-landing {
  padding-top: 174px;
}

.single section.content-wrap,
.page section.content-wrap,
.archive section.content-wrap,
.search section.content-wrap,
.error404 section.content-wrap {
  box-sizing: content-box;
}

section.content-wrap.practice-areas-home,
section.content-wrap.home-landing {
  max-width: 100%;
  padding-bottom: 0;
}

.page-wrap {
  max-width: 1200px;
  margin: 0;
  padding-right: 4%;
  padding-left: 4%;
}

.home .page-wrap,
.page .page-wrap,
.single .temp.page-wrap,
.project-home .page-wrap {
  padding-right: 4%;
  padding-left: 4%;
}



/* 1.1- THREE COLULMN PRIMARY CONTENT WRAP
   ========================================================================== */

.table-wrap {
  display: table;
  width: 100%;
}

.table-left-wrap,
.table-right-main,
.table-right-right {
  display: table-cell;
}

.table-left-wrap {
  width: 216px;
  padding: .5em 34px 0;
  vertical-align: top;
}

.table-right-wrap {
  margin-top: -70px;
  margin-bottom: 3em;
}

.table-right-main {
  width: 100%;
  max-width: 738px;
  padding-right: 5%;
}

.table-right-main.col-9-12 {
  width: 75%;
}

.table-right-main.col-8-12 {
  width: 66.667%;
}

.full-width-wrap .table-right-main {
  padding: 0 3% 0 2%;
}

.table-right-right.col-1-4 {
  width: 22%;
  margin-top: 80px;
  line-height: 1.5;
}

.table-right-right.col-1-3 {
  width: 30.333%;
  margin: 0 1.5%;
  line-height: 1.5;
}





/* ====================================================================================================================
   2- SETTINGS & CLASSES - DISPLAY & TYPOGRAPHY
   ================================================================================================================= */

.sr-hide {
  visibility: hidden;
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  backface-visibility: hidden;  
}

.white    { color: #ffffff; }
.black    { color: #000000; }
.orange   { color: #e2713a; }
.lt-blue  { color: #92c8d4; }
.med-blue { color: #2692aa; }
.dk-blue  { color: #1e5770; }
.lt-grey  { color: #f1f1f3; }

.bg-orange    { background-color: #e2713a; color: #ffffff; }
.bg-lt-tan    { background-color: #f5ebd3; }
.bg-tan       { background-color: #eeddb2; }
.bg-lt-blue   { background-color: #92c8d4; }
.bg-med-blue  { background-color: #2692aa; }
.bg-dk-blue   { background-color: #1e5770; color: #ffffff; }
.bg-lt-grey   { background-color: #f1f1f3; }

strong,b { font-weight: 600; color: #000000; }

em { font-style: italic; }

i { font-style: normal; }

p, ul, ol { margin: 1.25em 0; }

a, a:active, a:visited, a:focus { text-decoration: none; outline: none; }

a:hover,
.table-left-wrap a:hover,
.post-content-wrap a:hover,
.table-right-main .related-list-wrap a:hover .link,
.table-right-main .timeline-wrap p:hover a,
.single .post-content-wrap p a:hover,
.single .post-content-wrap li a:hover,
.post-content-wrap li:hover,
.post-content-wrap .main-side-links-wrap h3 a:hover,
.post-content-wrap .right-side-links-wrap h3 a:hover {
  color: #000000;
  border-color: #000000;
}

a.black:hover {
  color: #77787C; 
}

xa.page-heading:hover {
  color: #2692aa;
}

a[href^="tel:"] {
  border: 0 none!important;
  color: inherit!important;
  text-decoration: none!important;
}
a[href^="tel:"], a[href^="mailto:"] {
  font-style: normal;
  white-space: nowrap;  
}

a[href^="tel:"]:before {
  xcontent: "\260E";
  xdisplay: inline;
  xmargin-right: 0.25em;
  xmargin-left: .125em;
}

a.box-link,
input.box-link {
  -webkit-transition: color .3s, background-color .3s;
  transition: color .3s, background-color .3s;
}
a.box-link:hover,
input.box-link:hover {
  -webkit-transition: color .1s, background-color .1s;
  transition: color .1s, background-color .1s;
}

.post-content-wrap a.post-button-link {
  display: inline-block;
  margin: .5em 0;
  padding: .5em .875em;
  border: 0 none;
  font-family: 'Oswald', sans-serif;
  font-size: 1.375em;
  text-transform: uppercase;
  color: #ffffff;
  background-color: #e2713a;
}
.post-content-wrap a.post-button-link:hover,
.single .post-content-wrap a.post-button-link:hover {
  color: #ffffff;
  background-color: #d0581e;  
}

ul { list-style: none; }

.post-content-wrap ul,
.post-content-wrap ol {
  margin-left: 1.5em;
}

.post-content-wrap ul {
  list-style: initial;
  list-style: disc;
}
ul.no-bullet {
  list-style: none;
}
ul.no-indent {
  margin-left: 0;
}

blockquote {
  margin: 1.25em 0;
  padding: 3.625% 6.5% 4% 6.25%;
  font-size: 1.5em;
  background-color: #eeddb2;
  font-weight: 300;
  letter-spacing: .01em;
}

blockquote p {
  margin: 0;
}

.caps-heading, .all-caps {
  font-family: 'Oswald', sans-serif;
  font-size: 1.375em;
  line-height: 1.25;
  text-transform: uppercase;
}

.page-heading {
  display: block;
  font-family: 'Oswald', sans-serif;  
  font-size: 4.75em;
  line-height: 1.125;
  letter-spacing: -.0225em;
  color: #1e5770;
  text-transform: uppercase;
  text-align: center;
}

.caption {
  margin: .625em 0 2.25em;
  padding-right: 10%;
  font-size: .875em;
  font-style: italic;
  font-weight: 400; 
}

section.post-content-wrap + section.post-content-wrap {
  border-top: 2px solid #92c8d4;  
}
section.post-content-wrap.shortcode-inline {
  margin: 2em 0;
  padding-bottom: .75em;
}

section.post-content-wrap.shortcode-inline + section.post-content-wrap.shortcode-inline {
  border-top: 0 none;
}
section.post-content-wrap.shortcode-inline:last-child {
  border-bottom: 0 none;
}



/* 2.1- GENERAL POST CONTENT STYLES
   ========================================================================== */

.post-content-wrap p a,
.post-content-wrap li a,
.post-content-wrap h3 a,
.post-content-wrap h4 a,
.post-content-wrap h5 a,
.post-content-wrap h6 a {
  color: #e2713a;
  text-decoration: none;
  border-bottom: 1px solid #e2713a;
}

.post-content-wrap .main-side-links-wrap h3 a,
.post-content-wrap .right-side-links-wrap h3 a {
  color: inherit;
  border: 0 none;
}

.post-content-wrap.documents li a {
  border: 0 none;
}

.post-content-wrap p a:hover,
.post-content-wrap li a:hover,
.post-content-wrap h3 a:hover,
.post-content-wrap .right-side-links-wrap h3 a:hover,
.post-content-wrap h3+ul li a:hover,
.post-content-wrap h4 a:hover,
.post-content-wrap h5 a:hover,
.post-content-wrap h6 a:hover,
.post-content-wrap p a:active,
.post-content-wrap li a:active,
.post-content-wrap p a:click,
.post-content-wrap li a:click {
  color: #000000;
  border-color: #000000;
}

.post-content-wrap hr {
  width: 100%;
  border: 0;
  height: 2px;
  background-color: #e0e3e4;
  margin: 2.625em auto;
}
.post-type-archive-news .post-content-wrap hr:first-child {
  margin-top: 2.375em;
}


/* POST CONTENT HEADINGS */

.post-content-wrap h3,
.related-links-wrap h3,
.post-content-wrap h4,
.post-content-wrap h5,
.post-content-wrap h6 {
  line-height: 1.375;
}

.post-content-wrap h3,
.related-links-wrap h3,
.right-side-block-wrap h3 {
  margin: 1.625em 0 .625em;
  font-family: 'Oswald', sans-serif;
  font-size: 1.425em;
  line-height: 1.25;
  color: #2692aa;
  text-transform: uppercase;
}
.related-links-wrap h3:first-child {
  margin-top: 1em;
}

.post-content-wrap .right-side-links-wrap h3 {
  margin-top: 1em;
  margin-bottom: .225em;
}

.post-content-wrap h4,
.post-content-wrap h5 {
  color: #212121;
  font-family: 'Oswald', sans-serif;
  margin: 2.0833em 0 .5555em;
}
.post-content-wrap h4 {
  font-size: 1.25em;
  text-transform: uppercase;
}
.post-content-wrap h5 {
  font-size: 1.125em;
  text-transform: uppercase;
}

.post-content-wrap h6 {
  font-family: 'Oswald', sans-serif;
  font-size: 1.0625em;  
  color: #212121;
  margin: 2.345em 0 .625em; 
  text-transform: uppercase; 
}

.post-content-wrap h3 + p {
  margin-top: 0;
}
.post-content-wrap h4 + p,
.post-content-wrap h5 + p {
  margin-top: .9375em;
}
.post-content-wrap h6 + p {
  margin-top: .9375em;
}

.chinese-language h1, 
.chinese-language h2,
.chinese-language h3,
.chinese-language h4,
.chinese-language h5,
.chinese-language h6 {
  font-weight: bold;
}



/* POST CONTENT LIST STYLES */

.post-content-wrap ul,
.post-content-wrap ol {
  margin-top: 1.25em;
  margin-bottom: 1.75em;
}
.post-content-wrap ul ul {
  list-style: circle;
}
.post-content-wrap ul ul,
.post-content-wrap ol ol {
  margin-top: .75em;
  margin-bottom: 1.25em;
}

.post-content-wrap.documents ul {
  xcolor: #e2713a;
}

.post-content-wrap.documents ul li a {
  color: #e2713a;
  text-decoration: none;
}

.post-content-wrap ul,
.post-content-wrap ol {
  max-width: 95%;
  xcolor: #4c4c4c;
}

.post-content-wrap ul li,
.post-content-wrap ol li {
  margin-bottom: .5em;
}


/* POST CONTENT HEADINGS WITH LISTS */

.post-content-wrap h3+ul {
  list-style: none;
  margin-left: 1em;
}

.post-content-wrap h3+ul li {
  position: relative;
  padding-left: .475em;
}

.post-content-wrap h3+ul li:before {
  content: "";
  position: absolute;
  top: .5875em;
  left: -10px;
  display:inline-block;
  width: 6px;
  height: 6px;
  background-color:#e2713a;
  border-radius:50%
}

.post-content-wrap h3+ul li a {
  border: 0 none;
  color: #e2713a;
  text-decoration: none;
}






.post-content-wrap .main-side-links-wrap {
  line-height: 1.5;
}

.post-content-wrap .right-side-links-wrap h3+ul,
.post-content-wrap .main-side-links-wrap h3+ul {
  max-width: 100%;
  margin: 0;
  font-size: .95em;
}
.post-content-wrap .main-side-links-wrap h3+ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
}

.post-content-wrap .right-side-links-wrap h3+ul li,
.post-content-wrap .right-side-links-wrap a+ul li,
.post-content-wrap .main-side-links-wrap h3+ul li {
  margin: 0;
  padding-left: 0;
}
.post-content-wrap .main-side-links-wrap h3+ul li {
  display: inline-block;
  padding-bottom: 1.25em;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -o-column-break-inside: avoid;
  -ms-column-break-inside: avoid;
  column-break-inside: avoid;  
  -page-break-inside: avoid;
  page-break-inside: avoid;
       break-inside: avoid;
}

.post-content-wrap .right-side-links-wrap h3+ul li:before,
.post-content-wrap .right-side-links-wrap a+ul li:before,
.post-content-wrap .main-side-links-wrap h3+ul li:before {
  display: none;
}
.post-content-wrap .right-side-links-wrap h3+ul li a,
.post-content-wrap .right-side-links-wrap a+ul li a {
  display: block;
  padding: .5em 1.5em .5em 0;
  border-bottom: 2px solid #e2e2e2;
}
.post-content-wrap .main-side-links-wrap h3+ul li a {
  display: block;
}

.post-content-wrap .right-side-links-wrap h3+ul li:first-of-type a,
.post-content-wrap .right-side-links-wrap a+ul li:first-of-type a {
  padding-top: .566em;
  border-top: 0 none;
}
.post-content-wrap .right-side-links-wrap h3+ul li:last-of-type a,
.post-content-wrap .right-side-links-wrap a+ul li:last-of-type a {
  padding-bottom: .566em;
  border-bottom: 0 none;
}






.right-side-block-wrap {
  margin: 0 0 2em 0;
}
.right-side-block-wrap.bg-dk-blue {}

.right-side-block-wrap a {
  display: block;
  padding: 1em 1.25em 1.25em;
  line-height: 1.35;
  -webkit-transition: .3s;
  transition: .3s;
}

.right-side-block-wrap.bg-dk-blue a {
  padding: .75em 1.325em .75em 1.3425em;
  font-size: .95em;
  -webkit-transition: .3s;
  transition: .3s;
}
.right-side-block-wrap.bg-dk-blue a:hover {
  background: #1d4b5f;
  -webkit-transition: .15s;
  transition: .15s;
}
.right-side-block-wrap.bg-dk-blue a:nth-child(2) {
  padding-top: .75em;
}

.right-side-block-wrap.bg-dk-blue a:last-child {
  padding-bottom: 1.5em;
}

.right-side-block-wrap h3,
.post-content-wrap .right-side-block-wrap h3 {
  margin: 0 0 .25em;
  font-size: 1.325em;
  color: #ffffff;
}
.right-side-block-wrap.bg-dk-blue h3 {
  padding: .8125em 1em .25em;
}
.right-side-block-wrap p {
  margin: 0;
  font-size: .95em;
}
.right-side-block-wrap span.date {
  display: inline-block;
  padding-bottom: .5em;
}

.right-side-block-wrap:last-of-type {
  margin-bottom: 2em;
}






.archive-post-wrap {
  margin: 1.75em 0;
}
.archive-post-wrap p {
  margin-top: .125em; 
}






/* 2.2- PRACTICE AREA ICONS
   ========================================================================== */

.project-icons-grid [class*='col-'] {
  color: #343434;
  text-align: center;
}
.project-icon-wrap {
  display: block;
  max-width: 220px;
  margin: 0 auto;
}
.project-icon-bg {
  position: relative;
  display: block;
  width: 70%;
  height: 0;
  margin: 0 auto .75em;
  padding-bottom: 70%;
  border-radius: 50%;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.practice-areas-home .project-icon-bg {
  width: 54%;
  padding-bottom: 54%;
}


.home-landing .project-icon-bg,
.practice-area-landing .project-icon-bg {
  z-index: initial;
}

.project-icon-bg svg,
.project-icon-bg img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-width: 70%;
  max-height: 70%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);  
}


.home-landing .project-icon-bg svg,
.home-landing .project-icon-bg img,
.practice-areas-home .project-icon-bg svg,
.practice-areas-home .project-icon-bg img,
.practice-area-landing .project-icon-bg svg,
.practice-area-landing .project-icon-bg img,
.post-content-wrap .project-icon-bg svg,
.post-content-wrap .project-icon-bg img,
.single .table-left-wrap .project-icon-bg svg,
.single .table-left-wrap .project-icon-bg img,
.archive .table-left-wrap .project-icon-bg svg,
.archive .table-left-wrap .project-icon-bg img {
  top: auto;
  bottom: 0;
  max-width: inherit;
  max-height: inherit;
  -webkit-transform: translate(-50%,0);
  transform: translate(-50%,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.practice-area-landing .project-icon-bg svg,
.practice-area-landing .project-icon-bg img {
  max-width: 110px;
}


.home-landing svg.icon-healthcare,
.home-landing img.icon-healthcare,
.practice-areas-home svg.icon-healthcare,
.practice-areas-home img.icon-healthcare,
.practice-area-landing svg.icon-healthcare,
.practice-area-landing img.icon-healthcare,
.post-content-wrap svg.icon-education,
.post-content-wrap img.icon-education {
  width: 101%;
}
.post-content-wrap svg.icon-healthcare,
.post-content-wrap img.icon-healthcare {
  width: 102%;
}

.home-landing .project-icons-grid a,
.home-landing .project-icons-grid a .project-icon-label,
.practice-areas-home .project-icons-grid a,
.practice-area-landing .project-icons-grid a,
.practice-area-landing .project-icons-grid a .project-icon-label {
  -webkit-transition: color .3s, border-color .3s;
  transition: color .3s, border-color .3s;
}
.home-landing .project-icons-grid a:hover,
.home-landing .project-icons-grid a:hover .project-icon-label,
.practice-areas-home .project-icons-grid a:hover,
.practice-area-landing .project-icons-grid a:hover,
.practice-area-landing .project-icons-grid a:hover .project-icon-label {
  -webkit-transition: color .1s, border-color .1s;
  transition: color .1s, border-color .1s;
}
.practice-areas-home .project-icons-grid a .project-icon-label {
  -webkit-transition: border-color .3s, color .3s;
  transition: border-color .3s, color .3s;
}
.practice-areas-home .project-icons-grid a:hover .project-icon-label {
  -webkit-transition: border-color .3s, color .1s;
  transition: border-color .3s, color .1s;
}
.home-landing .project-icons-grid a svg path,
.home-landing .project-icons-grid a svg polygon,
.practice-areas-home .project-icons-grid a svg path,
.practice-areas-home .project-icons-grid a svg polygon,
.practice-area-landing .project-icons-grid a svg path,
.practice-area-landing .project-icons-grid a svg polygon {
  -webkit-transition: fill .3s, stroke .3s;
  transition: fill .3s, stroke .3s;
}
.home-landing .project-icons-grid a:hover svg path,
.home-landing .project-icons-grid a:hover svg polygon,
.practice-areas-home .project-icons-grid a:hover svg path,
.practice-areas-home .project-icons-grid a:hover svg polygon,
.practice-area-landing .project-icons-grid a:hover svg path,
.practice-area-landing .project-icons-grid a:hover svg polygon {
  -webkit-transition: fill .1s, xstroke .1s;
  transition: fill .1s, xstroke .1s;
}

xsvg .em0 { fill: #CEAF8A; stroke: #CEAF8A; }
xsvg .em1 { fill: #A87A50; stroke: #A87A50; }
xsvg .em2 { fill: #1E5871; stroke: #1E5871; }
xsvg	.em3 { fill: #288FA8; stroke: #288FA8; }
xsvg	.em4 { fill: #EDDCB3; stroke: #EDDCB3; }

.project-icons-grid a .hover-light,
.table-left-wrap a .hover-light {
  fill: #e0e3e4;
  stroke: #e0e3e4;
}

.project-icons-grid a:hover svg .hover-light,
.project-icons-grid a.active svg .hover-light,
.table-left-wrap a:hover svg .hover-light {
  fill: #eddcb3;
  stroke: #eddcb3;
}

/* orange-brown */
.practice-area-landing a:hover svg .em1,
.practice-area-landing a:hover svg .ej0,
.practice-area-landing a:hover svg .hc2,
.practice-area-landing a:hover svg .ed0,
.practice-area-landing a.active svg .em1,
.practice-area-landing a.active svg .ej0,
.practice-area-landing a.active svg .hc2,
.practice-area-landing a.active svg .ed0 {
  fill: #a87a50;
  stroke: #a87a50;
}

/* medium-brown */
.practice-area-landing a:hover svg .em0,
.practice-area-landing a:hover svg .hc0,
.practice-area-landing a:hover svg .ho0,
.practice-area-landing a:hover svg .vo0,
.practice-area-landing a.active svg .em0,
.practice-area-landing a.active svg .hc0,
.practice-area-landing a.active svg .ho0,
.practice-area-landing a.active svg .vo0 {
  fill: #ceaf8a;
  stroke: #ceaf8a;
}

/* light-brown */
.practice-area-landing a:hover svg .em4,
.practice-area-landing a:hover svg .ej2,
.practice-area-landing a:hover svg .hc6,
.practice-area-landing a:hover svg .ho4
.practice-area-landing a:hover svg .ed3,
.practice-area-landing a:hover svg .vo4,
.practice-area-landing a.active svg .em4,
.practice-area-landing a.active svg .ej2,
.practice-area-landing a.active svg .hc6,
.practice-area-landing a.active svg .ho4
.practice-area-landing a.active svg .ed3,
.practice-area-landing a.active svg .vo4 {
  fill: #eddcb3;
  stroke: #eddcb3;
}

/* dark-blue */
.practice-area-landing a:hover svg .em2,
.practice-area-landing a:hover svg .ej3,
.practice-area-landing a:hover svg .hc3,
.practice-area-landing a:hover svg .hc4,
.practice-area-landing a:hover svg .ho1,
.practice-area-landing a:hover svg .ed1,
.practice-area-landing a:hover svg .vo2,
.practice-area-landing a.active svg .em2,
.practice-area-landing a.active svg .ej3,
.practice-area-landing a.active svg .hc3,
.practice-area-landing a.active svg .hc4,
.practice-area-landing a.active svg .ho1,
.practice-area-landing a.active svg .ed1,
.practice-area-landing a.active svg .vo2 {
  fill: #1e5871;
  stroke: #1e5871;
}

/* medium-blue */
.practice-area-landing a:hover svg .em3,
.practice-area-landing a:hover svg .ej1,
.practice-area-landing a:hover svg .hc5,
.practice-area-landing a:hover svg .ho2,
.practice-area-landing a:hover svg .ed2,
.practice-area-landing a:hover svg .vo3,
.practice-area-landing a.active svg .em3,
.practice-area-landing a.active svg .ej1,
.practice-area-landing a.active svg .hc5,
.practice-area-landing a.active svg .ho2,
.practice-area-landing a.active svg .ed2,
.practice-area-landing a.active svg .vo3 {
  fill: #288fa8;
  stroke: #288fa8;
}

/* light-blue */
.practice-area-landing a:hover svg .vo5,
.practice-area-landing a.active svg .vo5 {
  fill: #42bfdb;
  stroke: #42bfdb;
}




/* PRACTICE AREA ICONS ROW?? */

.project-icons-row {
  position: relative;
}
.project-icons-row [class*='col-'] {
  margin-top: 1.5em; 
}
.home-landing .project-icons-row [class*='col-'],
.practice-area-landing .project-icons-row [class*='col-'] {
  width: 16.6%;
  margin-top: 0;
}
.home-landing .project-icons-row [class*='col-'] {
  -webkit-transform: translate(0,-50%);
          transform: translate(0,-50%);
}
.practice-area-landing .project-icons-row [class*='col-'] {
  font-size: 0;
  -webkit-transform: translate(0,-50%);
          transform: translate(0,-50%);
}





/* PRACTICE AREA ICONS LABELS */

.project-icon-label {
  display: block;
  height: 0;
  padding-top: 1em;
}
.project-icons-grid .project-icon-label {
  border-top: 2px solid #e2e2e2;
  font-size: 2em; 
  line-height: 1.125;
  text-align: left;
}

.practice-areas-home .project-icon-label {
  height: auto;
  margin-top: -1em;
}

.project-icons-grid a:hover .project-icon-label,
.table-left-wrap a:hover .project-icon-label {
  border-top-color: #2692aa;
}

.project-icons-grid a:hover .project-icon-label,
.project-icons-row a:hover .project-icon-label {
  color: #2692aa;
}

.home-landing .project-icons-grid a:hover .project-icon-label {
  color: #2692aa;
}

.project-icons-row span.all-caps {
  display: block;
  padding-top: .5em;
  font-size: .95em;
  line-height: 1.125;
}

.home-landing .project-icons-row span.all-caps {
  text-align: center;
  margin: 0;
  padding: 0;
  border: 0 none;
  font-size: 1.125em;
}





/* ====================================================================================================================
   3- HEADER / MENU / ACTION TAB
   ================================================================================================================= */

header { 
  float: left;
  width: 200px;
  min-height: 100%;
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  color: #ffffff;
  background-color: #2692aa;
}

.header-logo {
  position: absolute;
  left: 236px;
  top: 1.3125em;
  xtop: 1.75em;
  z-index: 1000;
  /*50YRS LOGO*/
  xleft: 226px;
  xtop: calc(1.75em - 9px);
  width: 154px;
}

.header-logo img {
  max-width: 100%;
}

nav {
  font-size: 1.1em;
}


/* WORDPRESS MENUS */
.menu .sub-menu {
  display: none;
}
.menu .current-menu-item .sub-menu,
.menu .current-menu-ancestor .sub-menu  {
  display: block;
}


.menu, .menu ul {
	margin: 1.375em 0 .25em;
  xmargin: 1.75em 0 .25em;
  list-style: none; 
	text-transform: uppercase;
}
.menu ul {
  margin: 0 0 1em;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
  font-size: .7125em;
  line-height: 1.25;
  letter-spacing: -.01875em;
}
.menu ul li {
  border: 0 none;
}
.menu li {
  margin: 0 10% 0 1.25em;
  border-bottom: 2px solid #5dabbd;
}
.menu li:last-child {
  border: 0 none;
}
.menu ul a {
  padding: .375em 0;
  color: #92c8d4;
}
.menu a {
  display: block;
  padding: .4em 0; 
  -webkit-transition: .075s; 
  transition: .075s;
}

.menu a,
.menu a.active,
.menu ul a:hover,
.menu .sub-menu .current-menu-item a,
.menu-social-icons a {
  color: #ffffff;
}

.menu a:hover,
.menu-social-icons a:hover {
 color: #cceef5;  
}

.menu-social-icons {
  margin-left: 6%;
  width: 66.67%;
  
}
.menu-social-icons a {
  display: block;
  width: 13.33%;
  height: 1em;
  padding: 10%;
  box-sizing: content-box;
}

.menu-social-icons .twitter span {
  margin-left: -1px;
  font-size: 1.1em;
}


/* 3.1- MOBILE MENU
   ========================================================================== */

.menu_button_container {
  display: none;
}
.menu_button_container {
  position: absolute;
  top: 1.75em;
  right: 5%;
  width: 34px;
  height: 29px;
  -webkit-transition: opacity .1s ease;
  transition: opacity .1s ease;
  cursor: pointer;
  z-index: 100;
}
.menu_button_container span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  border: none;
  border-radius: 15%;
  background-color: #2692aa;
  -webkit-transition: all .15s ease;
  transition: all .15s ease;
  cursor: pointer;
}
.menu_button_container span:nth-of-type(2) {
  top: 12px;
}
.menu_button_container span:nth-of-type(3) {
  top: 24px;
}
#mobile-menu {
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  background-color: #2692aa;
}
.menu-fixed-width {
  width: 200px;
}



/* 3.2- ACTION TAB
   ========================================================================== */
   
.action-tab {
  position: absolute;
  top: 0; 
  right: 2.5em;
  width: 480px;
  color: #ffffff;
  text-align: right;
}

.action-tab .second-row {
  position: relative;
  right: -2.5em;
}

.action-tab a {
  display: inline-block;
  margin: 0;
  padding: .425em 0;
  font-size: 18px;
  text-align: center;
  vertical-align: middle;
}

.action-tab .first-row a {
  width: 33.5%;
  color: #ffffff;
  -webkit-transition: .3s;
  transition: .3s;
}
.action-tab .first-row a:nth-child(2) {
  width: 41.5%;
}
.action-tab .first-row a:nth-child(3) {
  width: 25%;
}

.action-tab .second-row a {
  padding: .425em .875em .425em .125em;
  xpadding: .425em .875em;
  color: #000000;
}
div.second-row a:nth-child(3) {
  /*font-weight: 600;*/
}
div.first-row a:nth-child(1):hover,
div.first-row a:nth-child(2):hover,
div.first-row a:nth-child(3):hover {
  -webkit-transition: .15s;
  transition: .15s;
}
div.first-row a:nth-child(1):hover {
  background-color: #d0581e;
}
div.first-row a:nth-child(2):hover {
  background-color: #153e50;
}
div.first-row a:nth-child(3):hover {
  background-color: #217d92;
}
div.second-row a:hover {
  color: #77787C;
}



/* ACTION TAB SEARCH FUNCTION */

.action-tab .search-form-wrap {
  position: absolute;
  top: 0;
  right: -2.5em;
  height: 50.125%;
}

.action-tab form,
form input {
  height: 100%;
}

.search-form-wrap [type="text"] {
  position: absolute;
  right: 2.5em;
  padding: 0;
  border: 0 none;
  font-family: inherit;
  font-size: inherit;
  color: #ffffff;
  background: #343434;
  -webkit-transition: width .2s, padding .5s;
  transition: width .2s, padding .5s;
}

.search-form-wrap [type="text"].closed {
  width: 0;
}
.search-form-wrap [type="text"].open {
  width: 480px;
  padding: 0 1em;
}


.search-form-wrap [type="submit"] {
  width: 1.6667em;
  border: 0 none;
  font-size: 1.5em;
  color: #ffffff;
  background-color: #343434;
  cursor: pointer;
}

.search-form-wrap [type="submit"]:hover {
   background-color: #77787C;
}





/* ====================================================================================================================
   4- PAGE CONTENT
   ================================================================================================================= */

.page-heading-wrap {
  max-width: 1200px;
  top: 50%;
  -webkit-transform: translate(0,-100%);
          transform: translate(0,-100%);
}

.practice-areas-home .full-width-wrap,
.home-landing .full-width-wrap {
  background-color: #f5f7f7;   
}

.practice-areas-home .project-icons-grid,
.home-landing .project-icons-grid {
  max-width: 1200px;
  padding: 0 1.25%;
}
 


/* 4.1- HOME PAGE
   ========================================================================== */

.home .page-heading {
  padding-left: 22%;
  text-align: inherit;
}


/* HOME PAGE FEATURED CONTENT LINKS */

.home-feature-1 {
  position: relative;
  top: -3em;
  margin-bottom: 4.25em;
}

.home-feature-2,
.home-feature-2-3 {
  margin: 4% 0 4em;
}
.home-feature-3 {
  margin-top: 1em;
  margin-bottom: 3em;
}
.home-feature-2-3 .col-1-2 {
  padding-left: 2.5%;
}
.home-feature-2-3 .col-1-2:first-child {
  padding-right: 2.5%;
  padding-left: 0;
}

.home-feature-wrap {
  position: relative;
}

.home-feature-img-wrap {
  display: block;
  width: 100%;
  max-width: 740px;
  margin: 0;
}

.home-feature-text-wrap {
  display: block;
  position: absolute;
  right: -2px;
  bottom: -2px;
  width: 44%;
  padding: 1.5em 0 .6875em 1.875em;
  xpadding: 1.375em 0 .6875em 1.75em;
  background: #ffffff;
}

.home-feature-text-wrap a {
  font-size: 1.125em;
}
.home-feature-text-wrap a:first-child {
  display: block;
  margin-right: 6.25%;
  font-size: 2em;
  xfont-size: 1.6875em;
}
.home-feature-text-wrap p {
  margin: .5em 0 .75em;
}


.home-feature-text-wrap:after {
  content: "";
  position: absolute;
  top: 37%;
  left: -37%;
  width: 38%;
  height: 64%;
  background: url(img/public-interest-home-feature-corner-overlay-text.svg)scroll no-repeat right bottom transparent;
  background-size: contain;  
}

.home-feature-text-wrap .orange {
  -webkit-transition: .15s;
  transition: .15s;
}

.home-feature-wrap:hover .home-feature-img-wrap {}

.home-feature-text-wrap .orange:hover {
  color: #000000;
}


.home-feature-2-3 .home-feature-text-wrap {
  position: relative;
  right: 0;
  bottom: 0;
  width: auto;
  padding-top: 1.625em;
  padding-left: 0;
}
.home-feature-2-3 .home-feature-text-wrap:after {
  display: none;
}
.home-feature-2-3 figure .img-wrap:after {
  content: '';
  position: absolute;
  left: auto;
  top: auto;
  right: -.5%;
  bottom: -.575%;
  xbottom: -.5%;
  width: 34%;
  height: 50%;
  background: url(img/public-interest-home-feature-corner-overlay.svg)scroll no-repeat right bottom transparent;
  background-size: contain;      
}




/* HOME PAGE FULL-WIDTH DONATE BUTTON */

.home-donate {
  display: none;
  font-family: 'Oswald', sans-serif;  
  font-size: 3em;
  line-height: 1.125;
  text-transform: uppercase;
}
.home-donate .col-1-1 {
  padding: 1em 0;
}


/* HOME PAGE LINKS AND MISSION STATEMENT BLOCKS */

.home-links {
  padding-bottom: 2em;
}
.home-links .col-1-2 {
  padding-top: 2.125em;
  border-top: 2px solid #e2e2e2;
}
.home-links .col-1-2:nth-child(2) {
  padding-left: 2.5%;
}
.home-links ul {
  margin-top: .5em;
  padding-right: 15%;
}
.home-links li {
  padding: .5625em 0;
  font-size: .9em;
  border-bottom: 2px solid #e2e2e2;
}
.home-links li:last-child {
  border: 0 none;
}
.home-links li a {
  display: block;
  line-height: 1.5;
}
.home-links span {
  display: block;
  font-size: 1.3125em;
}
.home-links p {
  margin-top: .5em;
  margin-right: 10%;
  margin-bottom: 3em;
  font-size: 1.0625em;
  xcolor: #77787c;
}



/* 4.2- PRACTICE AREAS HOME
   ========================================================================== */

.practice-areas-home .grid {
  margin: 0;
  overflow: inherit;
}

.practice-areas-home a.col-1-3 {
  height: 360px;
  width: 29.33%;
  margin: -2.125em 2% 2.125em;
  text-align: left;
  -webkit-transform: translate(0,-9%);
          transform: translate(0,-9%);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0) scale(1.0, 1.0);
  transform: translateZ(0);
  -webkit-transition: none;
  transition: none;
}

.practice-areas-home .project-icon-bg svg,
.practice-areas-home .project-icon-bg img {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(0) translateZ(0) scale(1.0, 1.0);
  transform: translateX(-50%) translateY(0) translateZ(0);
}



.project-icons-grid .project-icon-label + p {
  margin-top: .25em;
}


/* 4.3- PRACTICE AREA LANDING
   ========================================================================== */

.practice-area-landing .table-wrap {
  position: relative;
  top: -1.9375em;
  max-width: 1200px;
  margin-bottom: -1.9375em;
  margin-left: 0;
  margin-right: 0;
  padding: 0 2.5% 2.875em;
}

.practice-area-landing .centered-pad-wrap {
  text-align: center;
  margin-bottom: 2.25em;
  padding: 0 5%;
}
.practice-area-landing .centered-pad-wrap hr {
  max-width: 85%;
  margin: 0 auto;
  background-color: #e2e2e2;
}

section.content-wrap.home-landing,
section.content-wrap.practice-area-landing {
  max-width: 100%;
  padding-bottom: 0;
}

.home-landing .full-width-wrap,
.practice-area-landing .full-width-wrap {
  background-color: #f5f7f7;   
}

.home-landing .project-icons-grid,
.practice-area-landing .project-icons-grid {
  max-width: 1200px;
  margin: 0;
  padding: 0 2% 0 2.25%;  
}
.home-landing .project-icons-grid {
  height: 3em;
}


/* RIGHT SIDEBAR BLOCK STYLES */

.right-side-block-wrap.bg-orange {
  -webkit-transition: .3s;
  transition: .3s;
}

.right-side-block-wrap.bg-orange:hover {
  background-color: #d0581e;
  -webkit-transition: .15s;
  transition: .15s;
}

.right-side-block-wrap.bg-orange a,
.right-side-block-wrap.bg-orange a:hover,
.right-side-block-wrap.bg-dk-blue a,
.right-side-block-wrap.bg-dk-blue a:hover {
  color: #ffffff;
}





/* 4.4- PAGE CONTENT - SINGLE PRACTICE AREA POSTS
   ========================================================================== */

.table-left-wrap .project-icon-wrap {
  max-width: 144px;  
}
.table-left-wrap .project-icon-label {
  height: auto;
  min-height: auto;
  margin-top: -.875em;
  padding-top: .625em;
  border-top: 2px solid #e2e2e2;
  font-size: 1.5em;
  text-align: center;
  -webkit-transition: .3s;
  transition: .3s;
}
.table-left-wrap a:hover .project-icon-label {
  border-color: #5dabbd;
  color: #2692aa;
  -webkit-transition: .1s;
  transition: .1s;
}

.table-left-wrap a svg [class*="hover-"] {
  -webkit-transition: .3s;
  transition: .3s;  
} 
.table-left-wrap a:hover svg [class*="hover-"] {
  -webkit-transition: .2s;
  transition: .2s;
}


.table-left-wrap ul {
  margin-top: .75em; 
  overflow: hidden;
}
.table-left-wrap li a {
  position: relative;
  display: block;
  min-height: 4.875em;
  margin-bottom: 3px;
  padding: .5em 0 .5em 1em;
  font-family: 'Open Sans', sans-serif;
  font-size: .8125em;
  font-weight: 600;
  line-height: 1.275;
  letter-spacing: -.00625em;
  color: #77787C;
  text-transform: uppercase;
}
.table-left-wrap li a span {
  display: block;
  position: absolute;
  top: 48.5%;
  max-width: 100%;
  padding-right: 1.85em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.table-left-wrap li a.active,
.table-left-wrap li a:hover {
  color: #343434;
  background-color: #eeddb2;
}





.table-right-main .breadcrumb {
  font-family: 'Open Sans', sans-serif;
  font-size: .8125em;
  font-weight: 600;
}

.table-right-main .primary-title {
  margin: .125em 0 .4375em;
  padding-right: 5%;
  padding-bottom: .375em;
  border-bottom: 2px solid #92c8d4;
  font-size: 2.25em;
}
.table-right-main .primary-title.section-heading {}

.table-right-main .secondary-title-wrap {
  margin-bottom: .75em;
  padding-right: 5%;
  padding-bottom: 1.625em;
  border-bottom: 2px solid #92c8d4; 
}

.table-right-main .secondary-title-wrap p.dk-blue {
  margin-bottom: 0;
}

.table-right-main .secondary-title {
  margin: .5em 0 0;
  line-height: 1.3125;
}


.practice-area-landing .primary-title {
  font-size: 3em;
  margin: .3125em 0 .425em;
  padding: 0;
  border: 0 none;
}

.single-people .primary-title,
.single-people .secondary-title {
  padding-bottom: 0;
  border: 0 none;
}


.table-right-main .featured-wrap {
  margin: 0 0 .875em;
  xmargin: 0 0 .5em;
  padding: 0 0 1em 0;
  border-bottom: 2px solid #92c8d4;
  font-size: 1.09375em;
}
.table-right-main .featured-wrap a {
  color: inherit;
  font-weight: 600;
  -webkit-transition: .15s;
  transition: .15s;
}

.table-right-main .featured-wrap a:not([href^="tel:"]):hover {
  color: #000;
  -webkit-transition: .05s;
  transition: .05s;
}

.type-events .table-right-main .featured-wrap {
  padding-top: .25em;
  font-size: 1.375em;
}

.table-right-main .post-content-wrap {
  min-height: 1.1875em;
  margin-bottom: .75em;
  overflow: hidden;
}




/* TIMELINE */

.table-right-main .timeline-wrap {
  margin-top: 1.875em;
  margin-bottom: 2em;
  margin-left: .625em;
  padding: 0 15% 0 1.5em; 
  border-left: 2px dotted #2692aa;
  font-size: .95em;
}
.table-right-main .timeline-wrap p {
  position: relative;
  line-height: 1.4375;
}
.table-right-main .timeline-wrap a {
  color: #e2713a;
}
.table-right-main .timeline-wrap .date,
.related-list-wrap .date {
  font-family: 'Open Sans', sans-serif;
  font-size: .875em;
  font-weight: 600;  
}
/* ABOUT US - Capitalize Dates */
.post-13488 .timeline-wrap .date.all-caps {
  text-transform: inherit;
}

.related-list-wrap .date {
  font-size: .809375em;
}

.table-right-main .timeline-wrap .date:before {
  content: "";
  top: 0;
  width: 18px;
  height: 18px;
  background: url(img/timeline-open-20x20x2-min.svg)no-repeat 0 0;    
  position: absolute;
  left: -.825em;
  font-size: 3em;
  font-weight: 100;
  color: #2692aa;
}
.table-right-main .timeline-wrap p:first-of-type .date:before {
  background: url(img/timeline-closed-20x20x2-min.svg)no-repeat 0 0; 
}




/* BUTTON LINKS */

.button-links-wrap {
  margin: 0 0 2.5em 0;
}
.publication-links.button-links-wrap {
  margin: 2em 0 .875em;
}
.press-room-link.button-links-wrap {
  margin: 2.5em 0 .5em;
}


.table-right-main .button-links-wrap a {
  width: 49.25%;
  padding: 1.25em 0 1.25em 1.25em;
}
.table-right-main .button-links-wrap a.box-link:hover {
  background-color: #e5e5e6;
}
.table-right-main .button-links-wrap a span {
  margin-left: .875em;
}
.table-right-main .button-links-wrap a span.doc-button {
  margin-left: .6875em;
}
.table-right-main .button-links-wrap a i {
  font-size: 1.5em;
}


.table-right-main .button-links-wrap a:first-of-type {
  margin-right: 1.5%;
}

.table-right-main .related-links-wrap,
.table-right-main .related-list-wrap {
  margin-top: 2.5em;
  padding-top: 1.25em;
  border-top: 2px solid #92c8d4;
}
.table-right-main .related-links-wrap a {
  position: relative;
  display: block;
  margin-bottom: .25em;
  padding: .5625em 5em .5625em 1em;
  font-size: .95em;
  line-height: 1.375; 
}

.table-right-main .related-links-wrap a:hover {
  color: #ffffff;
  background-color: #d0581e;
}

.table-right-main .related-links-wrap a i {
  position: absolute;
  top: 52%;
  right: .375em;
  font-size: 1.5em;
  -webkit-transform: translate(0,-50%);
          transform: translate(0,-50%); 
}

.table-right-main .related-list-wrap a {
  color: #343434;
}
.table-right-main .related-list-wrap a .link {
  color: #e2713a;
}

.related-list-wrap li {
  margin-bottom: 1.5em;
}

.related-list-wrap li:last-child {
  margin-bottom: 0;
}


.board-list-wrap {
  margin-top: 1.875em;
  margin-bottom: 3em;
}


.staff-list-wrap a {
  color: #343434;
}

.staff-list-wrap .thumb-wrap,
.board-list-wrap .thumb-wrap {
  width: 80px;
  height: 80px;
}

.staff-list-wrap a span:first-of-type img,
.board-list-wrap .table-wrap span:first-of-type img,
.spotlight-wrap .table-wrap img {
  width: 100%;
  max-width: 80px;
  height: auto;
  border-radius: 50%;  
}
.spotlight-wrap .thumb-wrap {
  display: table-cell;
  width: 80px;
  height: 80px;
  vertical-align: top;
}

.staff-list-wrap .table-wrap {
  margin-bottom: 1.75em;
}

.board-list-wrap .table-wrap {
  display: table;
  margin-bottom: 1.875em;
  font-size: .9em;
}

.staff-list-wrap .thumb-wrap,
.board-list-wrap .thumb-wrap,
.spotlight-wrap .spotlight-heading-wrap {
  display: table-cell;
  vertical-align: top;
}
.staff-list-wrap a .name-title-wrap,
.board-list-wrap a .name-title-wrap,
.spotlight-wrap .spotlight-heading-wrap {
  vertical-align: middle;
}

.staff-list-wrap .name-title-wrap,
.board-list-wrap .name-title-wrap {
  display: table-cell;
  padding-left: 1.5em;
  vertical-align: top;
}

.staff-list-wrap .name-title-wrap .all-caps {
  color: #2692aa;
}
.staff-list-wrap a:hover .name-title-wrap .all-caps {
  color: #000000;
}

.board-list-wrap .name-title-wrap span.all-caps,
.board-list-wrap .name-title-wrap span em {
  font-size: 1.3125em;
  margin-top: 0;
}
.board-list-wrap .name-title-wrap span em {
  font-size: 1.125em;
}
.board-list-wrap .small-caps {
  margin: 0;
  font-size: .8em;
  font-weight: 600;
  color: #000000;
  text-transform: uppercase;
  vertical-align: baseline;
}

.spotlight-wrap {
  margin: 1.875em 0 1.125em;
  padding: 2.875% 6.5% 2.875% 3.125%;
  background-color: #eeddb2;
}
.spotlight-wrap:first-child {
  margin-top: .8875em;
}

.spotlight-heading-wrap span {
  display: block;
  margin-left: 1em;
}
.spotlight-heading-wrap span:nth-child(2) {
  margin-top: .0625em;
  margin-left: .625em;
}
.spotlight-wrap .table-wrap + p {
  margin-top: 1em;
}




.table-right-right div {
  margin-bottom: 1.25em;
}

.table-right-right .bio-wrap span,
.table-right-right .bio-wrap p {
  display: block;
  background-color: #f1f1f3;
}
.table-right-right .bio-wrap .staff-thumb {
  margin: 0;
}
.single-people .staff-thumb {
  padding: 1em 0 0;
}

.table-right-right .bio-wrap img {
  width: 70%;
  max-width: 100px;
  height: auto;
  margin: 0 auto;
  border-radius: 50%;  
}
.single-people .bio-wrap img {
  max-width: 150px;
}

.table-right-right .staff-label {
  margin: .75em 0 0;
  font-size: inherit;
  font-style: inherit;
  color: inherit;
}

.table-right-right .bio-wrap span.heading,
.table-right-right .bio-wrap p {
  padding: .625em 5%;
}


.bio-wrap a.box-link:hover {
  background-color: #e5e5e6;
}

.single-cases_projects .bio-wrap a,
.single-cases_projects .table-right-right .bio-wrap span.heading {
  text-align: center;
}

.single-cases_projects .bio-wrap a {
  display: block;
  margin-top: 3px;
  padding: 1em;
  line-height: 1.25;
}

.table-right-right .bio-wrap p {
  margin: 0;
  border-top: 2px solid #ffffff;
  font-size: .95em;
  line-height: 1.25;
  color: #343434;
  word-break: break-all;
}

.table-right-right .bio-wrap p span {
  display: block;
  font-size: .95em;
  font-style: italic;
  line-height: 1.75;
}

.table-right-right .bio-wrap p.social-links a {
  display: inline-block;
  margin-right: 10%;
  padding: 2.5%;
}







.case-upcoming, .case-action {
  padding: 1.25em 1.5em 1.5em .875em;
}
.case-upcoming p, .case-action p {
  margin: 0;
  font-size: .95em;
  line-height: 1.5;
}
.case-upcoming .heading, .case-upcoming-date, .case-action .heading {
  display: block;
  padding-bottom: .875em;
}
.case-upcoming .heading, .case-action .heading {
  font-size: 1.25em;
}
.case-upcoming-date {
  padding-bottom: .25em;
}



span.case-current a {
  font-family: 'Open Sans';
  font-size: initial;
  text-transform: none;
}



/* 4.5- PAGE CONTENT - ABOUT US PAGES
   ========================================================================== */
   
/* BOARD PAGES - RULED SECTION HEADINGS */

.page-id-13572 .post-content-wrap h5,
.page-id-13594 .post-content-wrap h5 {
  padding-bottom: .5em;
  border-bottom: 2px solid #dedede;
} 

/* PUBLICATIONS PAGES - RULED SECTION HEADING */
.page-id-525 .post-content-wrap h3:first-child + hr,
.page-id-504 .post-content-wrap h3:first-child + hr {
  margin-top: .5em;
}



/* 4.6- PAGE CONTENT - GET HELP CONTACT FORM
   ========================================================================== */

.page .post-content-wrap form.wpcf7-form {
  margin-top: 1.75em;
}

input[type=checkbox] {
	-webkit-appearance: none;
  -moz-appearance: none;
	     appearance: none;
  margin: .375em 0;
  padding: 9px;
	display: inline-block;
	position: relative;
	background-color: #ececec;
  vertical-align: middle;
}

input[type=checkbox]:active,
input[type=checkbox]:checked:active {}

input[type=checkbox]:checked {
	background-color: #e9ecee;
	color: #000000;
}

input[type=checkbox]:checked:after {
	content: '\2714';
  font-size: 14px;
	position: absolute;
	top: 0px;
  left: 3px;
	color: #000000;
}



.wpcf7 table tr,
.wpcf7 table input[type="text"],
.wpcf7 table input[type="tel"],
.wpcf7 table input[type="email"],
.wpcf7 table textarea {
  width: 100%;
}

.wpcf7 table tr:nth-child(5) td {
  padding: 1em 0;
}

.wpcf7 table td {
  padding: .3125em 0;
}

.wpcf7 .span-1-4 { width: 25%; }
.wpcf7 .span-3-4 { width: 75%; }
.wpcf7 .span-4-4 { width: 100%; }


.wpcf7 table label,
.wpcf7-list-item-label {
  font-size: .95em;
  letter-spacing: -.0125em;
}

.wpcf7 table tr:nth-child(5) td label,
.wpcf7 table tr:nth-child(6) td label {
  display: inline-block;
  margin-bottom: .5em;
}


.wpcf7 table input[type="text"],
.wpcf7 table input[type="tel"],
.wpcf7 table input[type="email"],
.wpcf7 table textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: .625em;
  border: 0 none;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.05em;
  background-color: #ececec; 
}

span.wpcf7-list-item {
  width: 100%;
  margin: 0 0 0 .25em!important;
}

.wpcf7 form input[type='submit'] {
  margin: .25em 0 0;
  padding: .375em .875em;
  border: 0 none;
  color: #ffffff;
  background: none;
  background-color: #2692aa;
  cursor: pointer;
  -webkit-transition: .15s;
  transition: .15s;
}
.wpcf7 form input[type='submit']:hover {
  background-color: #217d92;
  -webkit-transition: .075s;
  transition: .075s;
}

.page-id-14807 div.wpcf7-response-output {
  margin: 1.5em 0 1.5em;
  padding: 0.75em 1em;
}

div.wpcf7 .ajax-loader {
  margin-bottom: .5em!important;
  margin-left: 1em!important;
}




/* 4.6- PAGE CONTENT - NEWS LANDING
   ========================================================================== */

.recent-practice-area-news-wrap {
  margin-bottom: 1em;
}

.recent-practice-area-news-wrap h4 {
  margin: 1.75em 0 .25em;
  font-size: .95em;
  color: #616264;
}

.recent-practice-area-news-wrap a {
  position: relative;
  display: block;
  margin-left: 1em;
  padding-left: .25em;
  
}

.recent-practice-area-news-wrap a:before {
  content: "";
  position: absolute;
  top: .625em;
  left: -10px;
  display: inline-block;
  width: 6px;
  height: 6px;
  background-color: #e2713a;
  border-radius: 50%;
}
.recent-practice-area-news-wrap a:hover:before {
  background-color: #616264;  
}




/* ====================================================================================================================
   5- ICON FONTS
   ================================================================================================================= */

@font-face {
  font-family: 'fontello';
    src: url('font/fontello.eot?6818109');
    src: url('font/fontello.eot?6818109#iefix') format('embedded-opentype'),
         url('font/fontello.woff?6818109') format('woff'),
         url('font/fontello.ttf?6818109') format('truetype'),
         url('font/fontello.svg?6818109#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
     
.icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
     
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  vertical-align: middle;
     
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
   
  /* fix buttons height, for twitter bootstrap */
  line-height: 0;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
   
  /* You can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
     
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon span {
  vertical-align: text-bottom;
}

.icon-facebook:before {
    content: "\f30c";
    font-size: 1.1em;
}
.icon-twitter:before {
    content: "\f309";
    font-size: 1.1em;
}
.icon-linkedin:before {
    content: "\f318";
    font-size: .95em;
}
.icon-search:before {
    content: "\e804";
}
.icon-arrow-right:before {
    content: "\e805";
}
.icon-documents:before {
    content: "\f0f6";
    font-size: .975em;
    margin-right: -.25em;
}
.icon-press:before {
    content: "\f1ea";
}
.icon-newsletters:before {
    content: "\e803";
}
.icon-annual-reports:before {
    content: "\e802";
}


/* Get Involved PAGE CONTENT ICONS */
.page-id-14022 .post-content-wrap .icon {
  margin-right: 4.5%;
  border: 0 none;
  font-size: 1.75em;
  line-height: 1;
  text-decoration: none;
}










/* 5.2- NAVIGATION STYLES / PAGING LINKS
   ========================================================================== */

.wp-pagenavi a, .wp-pagenavi span {
  margin-right: 4px;
  padding: .5em 3.125%;
  font-family: 'Oswald', sans-serif;
  font-size: 1.375em;
  color: #2692aa;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
}

.paging-nav-wrap {
  margin: 1em 0;
  padding-bottom: 1em;
}

.paging-nav-wrap .page-counter {
  display: block;
  margin: 0 0 1em;
  padding: 1em 0;
  border-top: 2px solid #92c8d4;
  font-size: 1.09375em;
}

.wp-pagenavi span.extend {
  padding: .375%;
}

.wp-pagenavi span.current {
  color: #ffffff;
  background-color: #e2713a;
}


.wp-pagenavi a,
.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.first,
.wp-pagenavi a.last {
  color: #2692aa;
  background-color: #f1f1f3
}

.wp-pagenavi a:hover,
.wp-pagenavi a.nextpostslink:hover,
.wp-pagenavi a.previouspostslink:hover,
.wp-pagenavi a.first:hover,
.wp-pagenavi a.last:hover {
  color: #000000;
  background-color: #e5e5e6;
}










/* 5.3- SCROLL TOP LINK
   ========================================================================== */
   
#scrollUp {
  cursor: pointer;
}
#scrollUp:hover {
  background-color: #217d92;
  -webkit-transition: background-color .15s, opacity .3s, transform .5s ease;  
          -webkit-transition: background-color .15s, opacity .3s, -webkit-transform .5s ease;  
          transition: background-color .15s, opacity .3s, -webkit-transform .5s ease;  
          transition: background-color .15s, opacity .3s, transform .5s ease;  
          transition: background-color .15s, opacity .3s, transform .5s ease, -webkit-transform .5s ease;
}

.scroll-top-wrap {
  position: fixed;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(100%,0);
          transform: translate(100%,0);
  font-size: .925em;
  color: #ffffff;
  z-index: 1;
  -webkit-transition: background-color .3s, opacity .3s, transform .5s ease;  
          -webkit-transition: background-color .3s, opacity .3s, -webkit-transform .5s ease;  
          transition: background-color .3s, opacity .3s, -webkit-transform .5s ease;  
          transition: background-color .3s, opacity .3s, transform .5s ease;  
          transition: background-color .3s, opacity .3s, transform .5s ease, -webkit-transform .5s ease;
}

.scroll-top-wrap.active {
  -webkit-transform: translate(0,0);
          transform: translate(0,0);  
}

.scroll-top-wrap span {
  display: block;
  float: right;
}

.scroll-top-title {
  padding: 1.125em 1em;
  border-right: 1px solid #ffffff;
  font-size: 1.2em;
  line-height: 0;
}

.scroll-top-icon {
  width: 3em;
  height: 2.6975em;
}

.scroll-top-wrap img {
    position: relative;
    left: 50%;
    top: 50%;
    height: 1.25em;
    -webkit-transform: translate(-50%,-48%);
            transform: translate(-50%,-48%);
}










/* ====================================================================================================================
   6- IMAGES / GALLERIES / MEDIA
   ================================================================================================================= */

img {
  display: block;
  max-width: 100%;
  height: auto;
}

figure {
  max-width: 100%;
  margin: 2.75em 0 2.25em;
  xmargin: 2em 0 2.25em;
}

figure .img-wrap {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.practice-area-landing figure .img-wrap {
  height: 0;
  overflow: hidden;
}

.home figure .img-wrap.bg-fill {
  height: 0;
  padding-bottom: 59.4615%;
}



figure .img-bg-fill {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: scroll; 
}

figure .img-bg-fill,
figure .img-inset-shadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 180px 0 rgba(0,0,0,0.1875);
}

.home figure .img-inset-shadow,
.home figure .img-bg-fill .img-inset-shadow {
  box-shadow: inset 0 0 200px 0 rgba(0,0,0,.1125); /* FF3.6-15 */
  background: -webkit-linear-gradient(-85deg,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.075) 65%,rgba(0,0,0,0.35) 100%); /* Chrome10-25,Safari5.1-6 */
  background: -webkit-linear-gradient(275deg,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.075) 65%,rgba(0,0,0,0.35) 100%);
  background: linear-gradient(175deg,  rgba(0,0,0,0) 30%,rgba(0,0,0,0.075) 65%,rgba(0,0,0,0.35) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

x.home figure .img-bg-fill {
  box-shadow: inset 0 0 200px 0 rgba(0,0,0,.1125);
}
.home figure .img-bg-fill, 
x.home figure .bg-fill .img-inset-shadow {
  box-shadow: none;
}


figcaption {
  margin: .5em .75em .125em .25em;
  font-size: .8125em;
  font-style: italic;
  font-weight: 400; 
  line-height: 1.5;
  color: #000000;
}
figcaption.practice-landing-featured-image {
  margin: -1px 0 0;
  padding: 1.125em 1.75em 1.25em 1.375em;
  font-size: .875em;
  line-height: 1.5625;
  color: #ffffff;
}

figure img {
  display: block;
  max-width: 100%;
  height: auto;
  font-size: inherit;
}

.home figure img {
  width: 100%;
}

.home figure img,
x.home figure .bg-fill,
.home figure .img-bg-fill,
.practice-area-landing figure img {
  opacity: .925;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=92)";
}

.home figure .img-bg-fill.full-opacity {
  opacity: 1.0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
}


figure.wp-caption {
  width: auto!important;
}


figure.alignleft,
figure.alignright {
  margin-top: 0;
  margin-bottom: 0;
}

figure.alignleft,
img.alignleft {
  float: left;
}
figure.alignright,
img.alignright {
  float: right;
}
  
figure.alignleft,
figure.alignright,
figure img.alignleft.size-medium,
figure img.alignright.size-medium {
  max-width: 50%;
  margin-top: .3125em;
  margin-bottom: .625em;
}

figure.alignleft img.size-thumbnail,
figure.alignright img.size-thumbnail,
figure img.alignleft.size-thumbnail,
figure img.alignright.size-thumbnail {
  width: 22.1%;
  max-width: 150px;
  margin-top: .25em;
  margin-bottom: 5%;
}

figure.alignleft,
img.alignleft.size-medium,
img.alignleft.size-thumbnail {
 margin-right: 5%;
}
figure.alignright,
img.alignright.size-medium,
img.alignright.size-thumbnail {
  margin-left: 3.75%;
}

/* FLUID VIDEO EMBEDS */

.video-container {
  position: relative;
  height: 0;
  margin: 1.875em 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





/* ====================================================================================================================
   7- FOOTER
   ================================================================================================================= */

footer {
  position: relative;
  bottom: -10px;
  width: 100%;
  padding: 3em 0 1em 200px;
	font-size: .925em;
  font-weight: 300;
  line-height: 1.8;
  color: #ffffff;
  background-color: #1e5770;
  z-index: 100;
}

footer .grid-wrap {
  margin-left: 0;
  margin-bottom: 3em;
}

footer .grid .col-4-12 {
  max-width: 130px;
}

footer .grid .col-1-3 {
  width: 28%;
  min-height: 182px;
  padding: 2em 0 2em 3.125%;
  border-left: 2px solid #517a90;
}

footer .grid .col-1-3:first-child {
  width: 44%;
  padding-left: 0;
  border: 0 none;
}

.footer-logo {
  float: left;
  width: 100%;
  max-width: 126px;
  margin-top: .3125em;
  padding-right: 20px;
}

footer .heading,
.dummy-submit {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  text-transform: uppercase;
}

form[name='board-portal-password'] {
  margin-top: 1.25em;
}

footer input[name='passwordfield'],
.post-content-wrap input[name='post_password'] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  max-width: 200px;
  margin-right: 3em;
  margin-bottom: .75em;
  padding: .375em .5em;
  border: 0 none;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.05em;
  background-color: #ffffff;
}

.post-content-wrap input[name='post_password'] {
  max-width: 100%;
  width: 50%;
  margin-top: .25em;
  margin-right: 0;
  padding-left: .875em; 
  height: 3em;
  font-size: 1.2em;
  color: #000000;
  background-color: #f1f1f3;  
}

footer input[name='passwordfield']::-webkit-input-placeholder,
.post-content-wrap input[name='post_password']::-webkit-input-placeholder {
  font-style: italic;
  font-weight: 400;
  color: #939598;
}

footer input[name='passwordfield']::-moz-placeholder,
.post-content-wrap input[name='post_password']::-moz-placeholder {
  font-style: italic;
  font-weight: 400;
  color: #939598;
}

footer input[name='passwordfield']:-ms-input-placeholder,
.post-content-wrap input[name='post_password']:-ms-input-placeholder {
  font-style: italic;
  font-weight: 400;
  color: #939598;
}

footer input[name='passwordfield']::placeholder,
.post-content-wrap input[name='post_password']::placeholder {
  font-style: italic;
  font-weight: 400;
  color: #939598;
}


footer input[name='submitpwd'],
.post-content-wrap input[value='Enter'] {
  display: block;
  padding: 1.125em .75em;
  border: 0 none;
  font-family: 'Oswald', sans-serif;
  font-size: 1.2em;
  line-height: 0;
  text-transform: uppercase;
  color: #ffffff;
  background: none;
  background-color: #2692aa;
  cursor: pointer;
  -webkit-transition: .15s;
  transition: .15s;
}
.post-content-wrap input[name='submit'] {
  display: inline;
  height: 3em;
}

footer input[name='submitpwd']:hover,
.post-content-wrap input[name='submit']:hover {
  background-color: #217d92;
  -webkit-transition: .075s;
  transition: .075s;
}


footer a {
  display: block;
  color: #ffffff;
}

footer .grid .col-1-3:first-child p {
  margin: 0 0 1.25em 3.125%;
}

footer .grid .col-1-3:nth-child(2) .heading {
  margin-bottom: .5em;
}

footer .grid .col-1-3:nth-child(2) a {
  display: block;
  padding: .125em 0;
}
footer .grid .col-1-3:nth-child(2) a:hover {
  color: #92c8d4;
}

.dummy-input {
  max-width: 200px;
  margin-right: 3em;
  margin-bottom: .75em;
  padding: .125em .5em;
  font-style: italic;
  font-weight: 400;
  color: #939598;
  background-color: #ffffff;
}

.dummy-submit {
  max-width: 2.125em;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0 .5em;
  color: #ffffff;
  background-color: #2692aa;
}

.dummy-submit:hover {
  color: #ffffff;
  background-color: #217d92;
}

.copyright {
  margin-right: 130px;
  font-size: .75em;
  letter-spacing: -.0125em;  
}
.copyright span {
  font-weight: 600;
}





/* ====================================================================================================================
   TEMP
   ================================================================================================================= */

form.paypal-shortcode-inline {
  margin: 1.625em 0 0;
}
form.paypal-shortcode-inline input[name="submit"] {
  max-width: 100%;
  height: auto;
  opacity: .85;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  -webkit-transition: .05s linear;
  transition: .05s linear;  
}

form.paypal-shortcode-inline input[name="submit"]:hover {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}





ul.pro-bono-partner-list {
  max-width: 100%;
  margin-top: 2.5em;
  margin-left: 0!important;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 3em;
     -moz-column-gap: 3em;
          column-gap: 3em;
}

ul.pro-bono-partner-list h4 {
  margin: 0;
}

ul.pro-bono-partner-list ul {
  margin: 0!important;
  padding: 0;
  list-style: none;
}
ul.pro-bono-partner-list li {
  display: inline-block;
  width: 100%;
  margin-bottom: .625em;
  margin-left: 1em;
  -webkit-column-break-inside: avoid;        
          column-break-inside: avoid;
           -page-break-inside: avoid;
                 page-break-inside: avoid;
       break-inside: avoid;
}
ul.pro-bono-partner-list ul li:before {
  content: none!important;
}
ul.pro-bono-partner-list ul li {
  display: block;
  margin: 0;
  padding: 0!important;
  margin: 0;
}
ul.pro-bono-partner-list ul li:first-child {
  margin-top: .5em;    
}
ul.pro-bono-partner-list ul li:last-child {
  margin-bottom: 1.5em;    
}


/* ANNUAL EVENT LIST STYLES */

ul.inline.no-bullet li {
  display: inline-block;
  padding-right: .5em;
  list-style: none;
}

ul.inline.no-bullet li:after {
  content: "\2022";
  display: inline;
  padding: 0 0 0 .5em;
}

ul.inline.no-bullet li:last-child::after {
  content: "";
}

ul.sponsor-list ul {
  margin: 0!important;
}

ul.sponsor-list ul li {
  display: block;
  padding-left: 0;
}

ul.sponsor-list ul li:before {
  display: none;
}




/* 50TH ANNIVERSARY EVENTS LIST PAGE */

.anniversary-events-list-wrap {
  margin-top: 3em;
}
.anniversary-events-list-item {
  margin-bottom: 3em;
}
.anniversary-events-list-item:not(:last-child) {
  padding-bottom: 2.65em;
  border-bottom: 2px solid #e0e3e4;
}
.anniversary-events-list-item a {
  display: block;
}



/* ACCESSIBLE ACCORDION CONTENT */

div[aria-hidden=true] {
  display: none;
}
div[id^='content-'] {
  margin: 2em 0 4em;
}

button.accordion-toggle {
    position: relative;
    display: inline-block;
    border: none;
    xpadding: 1rem 2rem;
    padding: .375em 5em .375em .6875em;
    margin: 0;
    text-decoration: none;
    background: #2692aa;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-size: 1em;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button.accordion-toggle:hover,
button.accordion-toggle:focus {
    background: #217d92;
}

xbutton.accordion-toggle:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
}

xbutton.accordion-toggle:active {
    transform: scale(0.99);
}

button.accordion-toggle .icon{
  display: inline-block;
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  right: .5em;
}
button.accordion-toggle[aria-expanded=true] .icon {
  transform: rotate(270deg);
}



/* TESTING */

.main-container {
  scroll-behavior: smooth;
}