/* LCR Colors ------------------------------

International Orange
rgb(255, 79, 0)
#FF4F00

New England Mill
rgb(145, 85, 81)
#915551
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23915551' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");

Emerald Green
rgb(68, 189, 124)
#79DEA8

Warm Gray
rgb(128, 128, 128)
#808080
background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23808080' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");

Warm Gray tint
#F1F0F0


------------------------------ */

/* MIGRATION REPLACE: http://localhost:8888/wordpress/ http://lawyersforcivilrights.org/ */

/* 00 MASTER STYLES ------------------------------ */
html,
body {
   margin:0;
   padding:0;
   height:100%;
}

*, html, body {font-size: 16px; font-family: 'UntitledSansWeb', Helvetica, Arial, sans-serif; line-height: 1.5em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

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

hr {border: 1px solid #F1F0F0; margin: 15px 0;}

.orange  {color: #FF4F00;}
.mill {color: #915551;}

/* 01 FONTS ------------------------------ */
@font-face {
  font-family: UntitledSansWeb;
  font-weight: bold;
  font-style: normal;
  src: url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Bold.eot');
  src: url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Bold.woff2') format('woff2'),
    url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Bold.woff') format('woff');
}
@font-face {
  font-family: UntitledSansWeb;
  font-weight: bold;
  font-style: italic;
  src: url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Bold.eot');
  src: url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Bold.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Bold.woff2') format('woff2'),
    url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Bold.woff') format('woff');
}
@font-face {
  font-family: UntitledSansWeb;
  font-weight: normal;
  font-style: normal;
  src: url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Regular.eot');
  src: url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Regular.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Regular.woff2') format('woff2'),
    url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-Regular.woff') format('woff');
}
@font-face {
  font-family: UntitledSansWeb;
  font-weight: normal;
  font-style: italic;
  src: url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-RegularItalic.eot');
  src: url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-RegularItalic.eot?#iefix') format('embedded-opentype'),
    url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-RegularItalic.woff2') format('woff2'),
    url('/wp-content/themes/lcrboston/fonts/UntitledSansWeb-RegularItalic.woff') format('woff');
}

/* 02 TYPOGRAPHY ------------------------------ */
h1, h2, h3, h4, p {margin: 0; padding: 0;}
h1 a, h2 a, h3 a, h4 a, p a {font-size: 1em;}

h1  {font-size: 1.661875em; font-weight: bold; color: #000; margin-bottom: .25em;} /* 1.661875em = 26.59px */
  h1 em {font-size: 1em; font-style: italic;}
  h1 .normal {font-size: 1em; font-weight: normal; color: rgb(128, 128, 128);}
h2  {font-size: 1.36125em; font-weight: normal; color: rgb(128, 128, 128); margin-bottom: 1em;} /* 1.36125em = 21.78px */
  h2#tagline  {font-weight: bold;}
  h2 em {font-size: 1em; font-style: italic;}
h3  {font-size: 1em; font-weight: bold; color: #000;}
h4  {font-size: 1em; font-weight: bold; color: #000; margin-top: 1em;}
h5  {font-size: .75em; color: #000; margin: 0 0 1em 0;}
p   {font-size: 1em; font-weight: normal; color: rgb(128, 128, 128); margin: 1em 0;}

/* 03 LINKS ------------------------------ */
a, a:link, a:visited, a:hover {text-decoration: none;}
a:link {color: #000;}
a:visited {color: #000;}
a:hover {color: #FF4F00;}
a:active {color: #FF4F00;}

p a {color: #000;}
p a:hover {color: #FF4F00;}

::-moz-selection {background: yellow;}
::selection {background: yellow;}

/* 04 LIST STYLES ------------------------------ */
ul {
    list-style-type: square;
    list-style-position: outside;
    margin: 0 0 0 30px;
    padding: 0;
    color: rgb(128, 128, 128);
}

ul.noIndent {margin: 0;}

.sidebar-module ul {
  list-style-type: none;
  margin: 0;
}

ul.post-meta li span.post-meta-key {
  font-size: 1.36125em; font-weight: bold; color: #FF4F00; margin-bottom: 1em;

}

.sidebar-module ul li {
  margin-bottom: 1em;
}

.post-categories, .post-categories a {
  color: #FF4F00;
}

.post-categories a:hover {
  color: #000000;
}

.categories {margin-bottom: 30px;}


/* 05 OBJECT STYLES ------------------------------ */
button {
    background-color: #79DEA8;
    color: #FFFFFF;
    border: none;
    cursor: auto;
    padding: 3px 5px;
  }

button.pagination {
  margin: 30px auto;
  padding: 15px 25px;
    border: 1px solid #F1F0F0;
    background-color: inherit;
}

button.pagination a {
  color: rgb(128, 128, 128);
}

button.pagination:hover a {
  color: #000;
}

button.pagination:hover {
  border: 1px solid #000;
  background-color: inherit;
}

.ccf-submit-button, #mc_signup_submit, #searchsubmit, #mc-embedded-subscribe{
    background-color: #000;
    color: #FFFFFF;
    border: none;
    cursor: auto;
    padding: 3px 5px;
}

.ccf-submit-button:hover, button:hover, #mc_signup_submit:hover, #searchsubmit:hover, #mc-embedded-subscribe:hover {background-color: #FF4F00;}

.mc_header  {display: block;}
.mc_input {width: 225px; margin: 15px 0;}

.cls-1 {
  width: 225px;
  height: auto;
  fill:none;
  stroke:#808080;
  stroke-miterlimit:10;
}

.box  {
  list-style-type: none;
  background: #F1F0F0;

    width: 225px;
    height: 225px;

    overflow: hidden;
    vertical-align: top;

    display: inline-block;
    padding: 15px;
    margin: 20px;
}

.box p  {
  word-wrap: break-word;
  overflow-wrap: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;

}

.boxContainer {
  margin: -20px!important;
}

    .help {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ff4f00' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
      border: 1px solid #FF4F00;
    }
      .help h2  {color: #FF4F00; font-weight: bold;}
      .help button  {background-color: rgb(128, 128, 128);}
        .help:hover button  {background-color: #FF4F00;}

    .donate {
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2379dea8' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
      border: 1px solid #79DEA8;
    }
      .donate button  {background-color: rgb(128, 128, 128);}
      .donate:hover button  {background-color: #79DEA8;}

    .twitter  {
      background-color: #FFFFFF;
      padding: 0;
      overflow: visible;
    }

    .twitter p  {
      font-size: .8em;
    }

    .impact p {
      margin-top: 0;
    }

    .impact ul  {
      margin-left: 15px; padding: 0;
    }

    .impact div aside img {
      width: 40px;
      height: auto;
    }

    .identity {
      background-color: #FFFFFF;
      border-left: 1px solid #FF4F00;
    }

    .identity p {
      color: #FF4F00;
      margin-top: 0;
    }

.impactContainer {
  margin-bottom: 60px;
  /*border-left: 2px solid #79DEA8;*/
}

.portrait img {
  max-width: 200px;
  margin-bottom: 1em;
}

.icon img {
  width: 50px;
  display: inline-block;
  padding-top: 10px;
  float: right;
}

.block  {margin: 15px 0 45px 0;}

.text {
  border-left: 2px solid #79DEA8;
}

h2.screen-reader-text, label.screen-reader-text {display: none;}

/* 06a MAIN NAVIGATION ------------------------------ */

.navPages {max-width: 300px;}

ul.menu {
  -webkit-column-width: 140px;
  -moz-column-width: 140px;
  column-width: 140px;

  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.menu li {display: block;}
  .menu-item a  {font-size: 1.36125em; line-height: normal; color: rgb(128, 128, 128);}
  .menu-item a:hover  {color: #000;}
  .menu-item a:active {color: #000;}
  .menu-item.active a {color: #000;}
  .submenu .menu-item.active a {color: #000; border-left: 2px solid #79DEA8; padding-left: 7.5px;}


.navBrand img {width: 400px; max-width: 100%; height: auto; display: block; margin-top: 3px;}


.socialIcons li  {display: inline-block;}


/* 06b SUBPAGE NAVIGATION ------------------------------ */

.submenu  {
  margin-bottom: 2em;
}

.menu-impact-areas-container ul.menu {column-count: 1;}
  .menu-impact-areas-container ul.menu li {line-height: 2em;}
  .menu-impact-areas-container ul.menu li a {font-size: 1em;}

.menu-who-we-are-container ul.menu {column-count: 1;}
  .menu-who-we-are-container ul.menu li {line-height: 2em;}
  .menu-who-we-are-container ul.menu li a {font-size: 1em;}

.menu-get-involved-container ul.menu {column-count: 1;}
  .menu-get-involved-container ul.menu li {line-height: 2em;}
  .menu-get-involved-container ul.menu li a {font-size: 1em;}


/* 07 MAIN CONTAINER ------------------------------ */

main  {
   min-height:100%;
   position:relative;
   padding-bottom: 275px;
}

.section-impactArea {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2379dea8' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  margin: 0 -30px 30px -30px;
  padding: 30px;
}

.section-impactArea .child {
  background-color: #fff;
  padding: 30px;
}

.section-whoWeAre {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23915551' fill-opacity='.7' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  margin: 15px -30px 30px -30px;
  padding: 30px;
}

.section-whoWeAre .child {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.section-getInvolved {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23808080' fill-opacity='.7' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  margin: 15px -30px 30px -30px;
  padding: 30px;
}

.section-getInvolved .child {
  background-color: #fff;
  padding: 30px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.section-getHelp {
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23808080' fill-opacity='.7' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  margin: 0 -30px 30px -30px;
  padding: 30px;
}

.section-getHelp .child {
  background-color: #fff;
  padding: 30px;
}

.child  {
  background-color: #fff;
  padding: 15px;
}


/* 08 FOOTER ------------------------------ */
.footer {
  background: #FFFFFF;
  color: #000;
  display: block;
  position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 275px;

  padding: 30px;
}

h3.widget-title {
  margin-bottom: 1em;
}

/* 09 MEDIA BREAKPOINTS ------------------------------ */

.navToggle-container  {display: none;}
.navMain {position: relative; display: block; height: auto; padding: 30px 0; margin-bottom: 30px;}
.navToggle  {display: none;}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 575.98px) {
  .icon img {
    float: left;
    margin-bottom: 15px;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767.98px) {
  main  {
     padding-top: 130px;
  }

  .navMain {
    background-color: #ffffff;
    position: fixed;
      top: 130px;
      right: 0;
      left: 0;

      width: 100%;
      height: auto;
      padding: 0 15px 30px 30px;

      display: none;
	  overflow: auto;

    margin-bottom: 0;
    z-index: 3;
  }

  .navToggle-container  {
    background-color: #ffffff;
    position:fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 130px;
      padding: 15px 30px 30px 30px;

    display: block;
    z-index: 3;
  }

  .navToggle {position: static; display: inline-block; z-index: 1; vertical-align: middle;}
    .navBrandm {height: 65px; width: 300px; display: block;}
    .navBrandm img {max-width: 100%; height: auto; display: block; margin: 0 auto;}

  .navToggle-text {display: inline-block; z-index: 1;}

  .navPages {margin-bottom: 15px;}
  ul.socialIcons  {margin: 5px 0 0 0;}

  h1  {font-size: 1.36125em; font-weight: bold; color: #000; margin-bottom: .25em;} /* 1.661875em = 26.59px */
  h2  {font-size: 1.180625em; font-weight: normal; color: rgb(128, 128, 128); margin-bottom: 1em;} /* 1.36125em = 21.78px */
    h2#tagline  {font-weight: bold;}
  .cls-1, .box {}
  .hidden-sm  {display: none;}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 991.98px) {
  ul.menu {column-count: 1;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}