/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/

/* COLORS
p3 project (orange) = #dc8832
documentary (yellow) = #d7b60a
green (donate) = #517136
teal (resources) = #2b788f
blue (training) = #62a6d7
dk blue (contact) = #1a4578
pink (articles) = #bd76b9




–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  max-width: 1280px;

  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  background:#ffffff; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }



  /* rainbow hr */
  .hr-red{display:inline-block;float:left;background-color:#be1217;}
  .hr-orange{display:inline-block;float:left;background-color:#dc8832;}
  .hr-yellow{display:inline-block;float:left;background-color:#f6db47;}
  .hr-lime{display:inline-block;float:left;background-color:#cce882;}
  .hr-green{display:inline-block;float:left;background-color:#517136;}
  .hr-teal{display:inline-block;float:left;background-color:#2b788f;}
  .hr-lt-blue{display:inline-block;float:left;background-color:#62a6d7;}
  .hr-blue{display:inline-block;float:left;background-color:#1a4578;}
  .hr-violet{display:inline-block;float:left;background-color:#bd76b9;}
  .hr-pink{display:inline-block;float:left;background-color:#f7bfcb;}

  /* HOME SECTIONS */
  .hide {display:none;}
  .utilities{display:block;height:55px;width:100%;position:relative;}
  /* email icon */
  .mail{position:absolute;top:0%;left:2%;z-index:100000;margin-top:15px;}
  .pnav-mobile{
    color:#efefef;
    position:absolute;
    top:15px;
    right:2%;
    z-index:100000;
    /*display:none;*/
    }


  /* GET INVOLVED */
  .involved{min-height:500px;background: url(/media/images/get-involved.jpg) 0 bottom no-repeat;}

  /* SPOTLIGHT */

  .spotlight h1, .spotlight h2, .spotlight h3, .spotlight h4, .spotlight h5, .spotlight h6{width:90%!important;color:#efefef;margin-left:0;}
  .spotlight p{width:90%!important;color:#efefef;margin-left:0;}
  .spotlight a{color:#f6db47;text-decoration:none;}
  .spotlight h2{font-size: 4.5rem;line-height:1;color:#efefef;margin-top:40px;}
  .spotlight h3{color:#BBBBBB; }
  .spotlight p{font-size:16px;line-height:24px;  }

  /* FOOTER */
.fnav{min-height:150px;background-color:#221e1f;text-align:center;font-family: 'Roboto Slab', serif;border-bottom: solid 5px #efefef;}
.fnav ul{display:block;margin:20px auto;}
.fnav li.pipe{width:2%;text-align:center;color:#656565;}
.fnav ul li a {color:#656565;text-decoration:none;}
.fnav ul li a:hover, .fnav ul li a.current{color:#efefef;}

  /* social icons */
.social ul{margin:5px auto;}
.social li{display:inline-block;}
.social li.spacer{width:1%;text-indent:-9000px;}
.social li a{}

  /* copyright */
.fnav .copyright{color:#656565;font-size:12px;padding-bottom:20px;text-align:center!important;}

  /* non-profit */
.fnav .nonprofit{color:#656565;font-size:12px;padding-bottom:20px;text-align:center!important;}

/* GLOBAL CONTENT COLUMN IMAGE STYLES */

body.about .content img, body.training .content img, body.about .content img, body.press .content img{display:block;float:left;margin:0 2% 0 0;max-width:250px!important; height:auto!important;}


/* P3 PROJECT STYLES */
.twelve.columns.blue{min-height:200px;background-color:#1a4578;padding:20px 0;}
.twelve.columns.blue p, .twelve.columns.blue h2, .twelve.columns.blue h3, .twelve.columns.blue h4, .twelve.columns.blue h5, .twelve.columns.blue h6{color:#efefef!important;}
.twelve.columns.supplemental{padding:20px 0;}
p strong, table strong, .author{font-weight:bold;color:#dc8832!important;}
body.p3-project table img{max-width:300px!important;height:auto;}

/* DOCUMENTARY STYLES */
.twelve.columns.centered{text-align:center;padding:20px 0;}

/* DONATE STYLES */
.description{font-weight:bold;color:#517136!important;}
.paypal a{display:block;background-color:#dc8832;color:#efefef;padding:20px 30px;max-width:340px;margin:0 auto;text-align:center;font-family: 'Roboto Slab', serif;font-size:24px;line-height:24px;}
.paypal a:hover{background-color:#517136;}

/* TRAINING STYLES */
body.training p a.button{display:block;background-color:#dc8832;color:#efefef;padding:20px 30px;max-width:340px;margin:0 auto;font-size:24px;line-height:24px;text-align:center;}
body.training p a.button:hover{background-color:#62a6d7;}

/* For devices larger than 400px */
@media (min-width: 400px) {

}
/* For devices larger than 550px */
@media (min-width: 550px) {

  .column,
  .columns {
    /*margin-left: 4%;*/ }

  .inline{display:inline-block!important;margin-right:2%;}

  body.articles .inline, body.press .inline {margin-right:0;}

  .no-format
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }






  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  /* homepage tiles */
  .orange{
    display:inline-block;
    width:640px!important;height:400px;
  }
  .yellow{
    display:inline-block;
    width:320px!important;height:400px;
  }
  .green{
    display:inline-block;
    width:320px!important;height:400px;
  }
  .teal{
    width:320px!important;height:400px;
  }
  .lt-blue{
    width:320px!important;height:400px;
  }
  .violet{
    width:640px!important;height:400px;
  }


  .one-third.column               { width: 30.6666666667%; }

  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }


}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family:'Open Sans', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif!important;
  color: #222;
  background:#232323;
  width:100%; }
img{
display:block;
width:100%;
height:auto;
}
img.thumb{margin-bottom:1.5rem;}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 400;
  font-family: 'Roboto Slab', serif;
  width:80%;
  margin:20px auto 0 auto; word-wrap: break-word; }
.inline h1, .inline h2, .inline h3, .inline h4, .inline h5, .inline h6 {width:100%;margin:5px 0 5px 0;}

h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;margin-bottom: 2rem;}
h2 { font-size: 3.6rem; line-height: 1.25; letter-spacing: -.1rem;margin-bottom: 2rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem;margin-bottom: 2rem; }
.inline h3{margin-top:0px!important;}
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem;margin-bottom: 2rem; }
h4.bio{margin-bottom:0;line-height:1.0;}
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem;margin-bottom: 2rem; }
h5.bio{line-height:1.0;margin-bottom: 1rem;}
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0;margin-bottom: 2rem; }

/* for titles and authors in entries */
h2.short, h3.short, h4.short, h5.short, h6.short{margin:.5rem auto .5rem auto;}

/*table p a{border-bottom:0!important;}*/
/* HEADER COLORS BY PAGE */

/* about */
body.about h1,body.about h2,body.about h3,body.about h4,body.about h5,body.about h6,
body.about h1 a,body.about h2 a,body.about h3 a,body.about h4 a,body.about h5 a,body.about h6 a,
body.about #ipnav li a,body.about #ipnav li.pipe, body.about p strong
{color:#62a6d7!important;}
body.about #ipnav li a:hover, body.about #ipnav li a.current, body.about table p a:hover
body.about h1 a:hover, body.about h2 a:hover, body.about h3 a:hover, body.about h4 a:hover, body.about h5 a:hover, body.about h6 a:hover{padding-bottom:1px;border-bottom:1px dotted #62a6d7!important;}

/* documentary */
body.documentary h1,body.documentary h2,body.documentary h3,body.documentary h4,body.documentary h5,body.documentary h6,
body.documentary h1 a,body.documentary h2 a,body.documentary h3 a,body.documentary h4 a,body.documentary h5 a,body.documentary h6 a,
body.documentary #ipnav li a,body.documentary #ipnav li.pipe
{color:#d7b60a;}
body.documentary #ipnav li a:hover, body.documentary #ipnav li a.current, body.documentary table p a:hover
body.documentary h1 a:hover, body.documentary h2 a:hover, body.documentary h3 a:hover, body.documentary h4 a:hover, body.documentary h5 a:hover, body.documentary h6 a:hover{padding-bottom:1px;border-bottom:1px dotted #d7b60a!important;}

/* p3 project */
body.p3-project h1,body.p3-project h2,body.p3-project h3,body.p3-project h4,body.p3-project h5,body.p3-project h6,
body.p3-project h1 a,body.p3-project h2 a,body.p3-project h3 a,body.p3-project h4 a,body.p3-project h5 a,body.p3-project h6 a,
body.p3-project #ipnav li a,body.p3-project #ipnav li.pipe
{color:#dc8832;}
body.p3-project #ipnav li a:hover, body.p3-project #ipnav li a.current, body.p3-project table p a:hover
body.p3-project h1 a:hover, body.p3-project h2 a:hover, body.p3-project h3 a:hover, body.p3-project h4 a:hover, body.p3-project h5 a:hover, body.p3-project h6 a:hover{padding-bottom:1px;border-bottom:1px dotted #dc8832!important;}

/* articles */
body.articles h1,body.articles h2,body.articles h3,body.articles h4,body.articles h5,body.articles h6,
body.articles h1 a,body.articles h2 a,body.articles h3 a,body.articles h4 a,body.articles h5 a,body.articles h6 a,
body.articles #ipnav li a,body.articles #ipnav li.pipe
{color:#bd76b9;}
body.articles #ipnav li a:hover, body.articles #ipnav li a.current, body.articles table p a:hover
body.articles h1 a:hover, body.articles h2 a:hover, body.articles h3 a:hover, body.articles h4 a:hover, body.articles h5 a:hover, body.articles h6 a:hover{padding-bottom:1px;border-bottom:1px dotted #bd76b9!important;}

/* training */
body.training h1,body.training h2,body.training h3,body.training h4,body.training h5,body.training h6,
body.training h1 a,body.training h2 a,body.training h3 a,body.training h4 a,body.training h5 a,body.training h6 a,
body.training #ipnav li a,body.training #ipnav li.pipe
{color:#62a6d7;}
body.training #ipnav li a:hover, body.training #ipnav li a.current, body.training table p a:hover
body.training h1 a:hover, body.training h2 a:hover, body.training h3 a:hover, body.training h4 a:hover, body.training h5 a:hover, body.training h6 a:hover{padding-bottom:1px;border-bottom:1px dotted #62a6d7!important;}

/* donate */
body.donate h1,body.donate h2,body.donate h3,body.donate h4,body.donate h5,body.donate h6,
body.donate h1 a,body.donate h2 a,body.donate h3 a,body.donate h4 a,body.donate h5 a,body.donate h6 a,
body.donate #ipnav li a,body.donate #ipnav li.pipe
{color:#517136;}
body.donate #ipnav li a:hover, body.donate #ipnav li a.current, body.donate table p a:hover
body.donate h1 a:hover, body.donate h2 a:hover, body.donate h3 a:hover, body.donate h4 a:hover, body.donate h5 a:hover, body.donate h6 a:hover{padding-bottom:1px;border-bottom:1px dotted #517136!important;}

/* resources */
body.resources h1,body.resources h2,body.resources h3,body.resources h4,body.resources h5,body.resources h6,
body.resources h1 a,body.resources h2 a,body.resources h3 a,body.resources h4 a,body.resources h5 a,body.resources h6 a,
body.resources #ipnav li a,body.resources #ipnav li.pipe
{color:#2b788f;}
body.resources #ipnav li a:hover, body.resources #ipnav li a.current, body.resources table p a:hover
body.resources h1 a:hover, body.resources h2 a:hover, body.resources h3 a:hover, body.resources h4 a:hover, body.resources h5 a:hover, body.resources h6 a:hover{padding-bottom:1px;border-bottom:1px dotted #2b788f!important;}

/* press */
body.press h1,body.press h2,body.press h3,body.press h4,body.press h5,body.press h6,
body.press h1 a,body.press h2 a,body.press h3 a,body.press h4 a,body.press h5 a,body.press h6 a,
body.press #ipnav li a,body.press #ipnav li.pipe
{color:#1a4578;}
body.press #ipnav li a:hover, body.press #ipnav li a.current, body.press table p a:hover
body.press h1 a:hover, body.press h2 a:hover, body.press h3 a:hover, body.press h4 a:hover, body.press h5 a:hover, body.press h6 a:hover {padding-bottom:1px;border-bottom:1px dotted #1a4578!important;}

/* contact */
body.contact h1,body.contact h2,body.contact h3,body.contact h4,body.contact h5,body.contact h6,
body.contact h1 a,body.contact h2 a,body.contact h3 a,body.contact h4 a,body.contact h5 a,body.contact h6 a,
body.contact #ipnav li a,body.contact #ipnav li.pipe
{color:#1a4578;}
body.contact #ipnav li a:hover, body.contact #ipnav li a.current, body.contact table p a:hover
body.resourcescontact h1 a:hover, body.contact h2 a:hover, body.contact h3 a:hover, body.contact h4 a:hover, body.contact h5 a:hover, body.contact h6 a:hover{padding-bottom:1px;border-bottom:1px dotted #1a4578!important;}

/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 4rem; }
  h3 { font-size: 3rem; }
  h4 { font-size: 2.5rem; }
  h5 { font-size: 2rem; }
  h6 { font-size: 1rem; }
}

p {
  width:80%;margin:0 auto; }
.inline p{width:100%;margin:0px 0 20px 0;}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color: #1EAEDB;text-decoration:none; }
a:hover {text-decoration:none; }

body.about p a {font-family: 'Roboto Slab', serif; color:#62a6d7;padding-bottom:1px;border-bottom:1px dotted #62a6d7;}
body.documentary p a {font-family: 'Roboto Slab', serif; color:#d7b60a;padding-bottom:1px;border-bottom:1px dotted #d7b60a;}
body.p3-project p a {font-family: 'Roboto Slab', serif; color:#dc8832;padding-bottom:1px;border-bottom:1px dotted #dc8832;}
body.articles p a {font-family: 'Roboto Slab', serif; color:#bd76b9;padding-bottom:1px;border-bottom:1px dotted #bd76b9;}
body.training p a {font-family: 'Roboto Slab', serif; color:#62a6d7;padding-bottom:1px;border-bottom:1px dotted #62a6d7;}
body.donate p a {font-family: 'Roboto Slab', serif; color:#517136;padding-bottom:1px;border-bottom:1px dotted #517136;}
body.resources p a {font-family: 'Roboto Slab', serif; color:#2b788f;padding-bottom:1px;border-bottom:1px dotted #2b788f;}
body.press p a {font-family: 'Roboto Slab', serif; color:#1a4578;padding-bottom:1px;border-bottom:1px dotted #1a4578;}
body.contact p a {font-family: 'Roboto Slab', serif; color:#1a4578;display:inline-block;padding-top:1.2rem;padding-bottom:.5rem;border-bottom:1px dotted #1a4578;}/* mod for contact table for link */

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button.float.right{float:right;}

/*.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }*/


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: disc outside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem;display:inline-block; }

/* li inline override */
.content ul{display:block;width:80%;margin:30px auto;}
.twelve.columns.content ul li{display:block!important;margin:20px 0;list-style: disc outside none!important;
display: list-item!important;
margin-left: 2em;}

/* li bottom margin override */
.tabs ul, .tabs li{margin-bottom:0!important;margin-top:0!important;}
/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
table{display:block;max-width:85%!important;margin:20px auto!important;}
table p {width:85%;}
table p a {line-height:1.5rem;}
table p a:hover {text-decoration:none;}

table h1,table h2,table h3,table h4,table h5,table h6{width:85%;text-align:left;}
th,
td {
  position:relative;
  padding: 12px 10px;
  text-align: left;
  vertical-align: top!important;
   }
th:first-child,
td:first-child {
  padding-left: 0; }
th:second-child,
td:second-child {
  border-bottom: 1px solid #E1E1E1;border-left: 1px solid #E1E1E1;border-right: 1px solid #E1E1E1;

}


th:last-child,
td:last-child {
  padding-right: 0;}


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf, .clearfix {
  content: "";
  display: table;
  clear: both; }

/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#pnav{
display:none;
background:#221e1f;
}
#pnav ul{
background:#221e1f;
}
#pnav ul li{
display:block;
}
.pnav ul li a{
font-family: 'Roboto Slab', serif;
font-size:24px;
display:block;
width:100%;
color:#656565;
text-decoration: none;
text-align:center;
}
.pnav ul li a:hover{
color:#efefef;
}

#fnav{
display:block;
}
#ipnav{
display:block;
background:#ffffff;
margin:10px 0 0 10%;
text-align:left;
}
#ipnav ul{
background:#ffffff;
margin-bottom:0px;
}
#ipnav ul li{
display:inline-block;
}
#ipnav ul li.pipe{
display:inline-block;
width:2%;
text-align:center!important;
}
#ipnav ul li a{
font-family: 'Roboto Slab', serif;
font-weight:400;
font-size:18px;
display:block;
width:100%;
text-decoration: none;
text-align:center;
}
#ipnav ul li a:hover, #ipnav ul li a.current{

}


/* CYCLE SLIDESHOW
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.slide{width:100%;}

.cycle-pager {
    text-align: left; /*width: 100%;*/ z-index: 1500; position: absolute; bottom: 0px;left:2%; overflow: hidden;
}
.cycle-pager.violet{height:50px;bottom:0px;}

.cycle-pager span {
    font-family: arial; font-size: 40px; width: 16px; height: 16px;
    display: inline-block; color: #efefef; cursor: pointer;
}

.cycle-pager span.cycle-pager-active { color: #dc8832;}
.cycle-pager.violet span.cycle-pager-active{color:#bd76b9;}
.cycle-pager > * { cursor: pointer;}



/* TAB NAVIGATION - RESOURCES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

header {
  position: relative;
  height: 160px;
  line-height: 180px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
header h1 {
  font-size: 20px;
  font-size: 1.25rem;
}
@media only screen and (min-width: 768px) {
  header {
    height: 200px;
    line-height: 225px;
  }
  header h1 {
    font-size: 26px;
    font-size: 1.625rem;
  }
}

.cd-tabs {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.cd-tabs h2{
margin:0 0 40px 0;
}
.cd-tabs:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs::after {

}
.no-cssgradients .cd-tabs::after {
  display: none;
}
.cd-tabs.is-ended::after {

}
.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #ffffff;
}
@media only screen and (min-width: 768px) {
  .cd-tabs::after {
    display: none;
  }
  .cd-tabs nav {

    height: 100%;
    z-index: 1;
  }
}
@media only screen and (min-width: 960px) {
  .cd-tabs nav {
    position: relative;
    float: none;
    background: transparent;
    box-shadow: none;
  }
}

.cd-tabs-navigation {
  margin-bottom:10px;
}
.cd-tabs-navigation:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tabs-navigation li {
  float: left;
}
.cd-tabs-navigation li.pipe {
  width:4rem;
  text-align:center;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #2b788f;
  font-size: 1.5rem;
  line-height:1.5rem;
}
 .cd-tabs-navigation a{
  position: relative;
  display: block;
  height: 40px;
  width: 60px;
  text-align: center;
  font-size: 1.5rem;
  line-height:1.5rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  color: #2b788f;
}
.cd-tabs-navigation a:hover{
color:#ff6600;/* hot orange */
}

.cd-tabs-navigation a.selected {
  background-color: #ffffff !important;
  color:#ff6600;/* hot orange */
}


@media only screen and (min-width: 768px) {
  .cd-tabs-navigation {

  }
  .cd-tabs-navigation a {

  }


}
@media only screen and (min-width: 960px) {
  .cd-tabs-navigation {
    /* tabbed on top on big devices */
    width: auto;
  }
  .cd-tabs-navigation a {
    width: auto;
    text-align: center;
    font-size: 2.2rem;
  }

}

.cd-tabs-content {
  background: #ffffff;
}
.cd-tabs-content li {
  display: none;
  /*padding: 1.4em;*/
}
.cd-tabs-content li.selected {
  display: block;
}

@media only screen and (min-width: 768px) {
  .cd-tabs-content {
    min-height: 480px;
  }
  .cd-tabs-content li {
    /*padding: 2em 2em 2em 7em;*/
  }
}
@media only screen and (min-width: 960px) {
  .cd-tabs-content {
    min-height: 0;
  }
  .cd-tabs-content li {
    /*padding: 3em;*/
  }

}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* ACCORDIONS - RESOURCES - ARTICLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.cd-accordion-menu {
  width: 90%;
  background: #d5dee1;
  margin: 4em auto;
}
.cd-accordion-menu ul {
  /* by default hide all sub menus */
  display: none;
}
.cd-accordion-menu li {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-accordion-menu input[type=checkbox] {
  /* hide native checkbox */
  position: absolute;
  opacity: 0;
}
.cd-accordion-menu label {
  position: relative;
  display: block;
  padding: 10px 18px 10px 44px;
  background: #2b788f;
  color: #efefef;
  font-size: 1.4rem;
}
.no-touch .cd-accordion-menu label:hover {
  background: #52565d;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after{
  /* icons */
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu label {
  cursor: pointer;
}
.cd-accordion-menu label::before, .cd-accordion-menu label::after {
  background-image: url(/media/images/cd-icons.svg);
  background-repeat: no-repeat;
}
.cd-accordion-menu label::before {
  /* arrow icon */
  left: 18px;
  background-position: 0 0;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-accordion-menu label::after {
  /* folder icons */
  display:none;
  left: 41px;
  background-position: -16px 0;
}
.cd-accordion-menu a::after {
  /* image icon */
  display:none;
  left: 36px;
  background: url(/media/images/cd-icons.svg) no-repeat -48px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label::before {
  /* rotate arrow */
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-accordion-menu input[type=checkbox]:checked + label::after {
  /* show open folder icon if item is checked */
  background-position: -32px 0;
}
.cd-accordion-menu input[type=checkbox]:checked + label + ul,
.cd-accordion-menu input[type=checkbox]:checked + label:nth-of-type(n) + ul {
  /* use label:nth-of-type(n) to fix a bug on safari (<= 8.0.8) with multiple adjacent-sibling selectors*/
  /* show children when item is checked */
  display: block;
  margin-left:1.5rem!important;
}
.cd-accordion-menu ul label{
  padding-left: 82px;
}
.no-touch .cd-accordion-menu ul label:hover{
  background: #3c3f45;

}
.cd-accordion-menu > li:last-of-type > label,
.cd-accordion-menu > li:last-of-type > a,
.cd-accordion-menu > li > ul > li:last-of-type label,
.cd-accordion-menu > li > ul > li:last-of-type a {
  box-shadow: none;
}
.cd-accordion-menu ul label::before {
  left: 36px;
}
.cd-accordion-menu ul label::after{
  left: 59px;
}
.cd-accordion-menu ul ul label{
  padding-left: 100px;
}
.cd-accordion-menu ul ul label::before {
  left: 54px;
}
.cd-accordion-menu ul ul label::after{
  left: 77px;
}
.cd-accordion-menu ul ul ul label{
  padding-left: 118px;
}
.cd-accordion-menu ul ul ul label::before {
  left: 72px;
}
.cd-accordion-menu ul ul ul label::after{
  left: 95px;
}
@media only screen and (min-width: 600px) {
  .cd-accordion-menu label {
    /*padding: 24px 24px 24px 82px;*/
    font-size: 1.9rem;
  }
  .cd-accordion-menu label::before {
    left: 24px;
  }
  .cd-accordion-menu label::after {
    /*left: 53px;*/
  }
  .cd-accordion-menu ul label{
    /*padding-left: 106px;*/
  }
  .cd-accordion-menu ul label::before {
    left: 48px;
  }
  .cd-accordion-menu ul label::after{
    left: 77px;
  }
  .cd-accordion-menu ul ul label{
    padding-left: 130px;
  }
  .cd-accordion-menu ul ul label::before {
    left: 72px;
  }
  .cd-accordion-menu ul ul label::after{
    left: 101px;
  }
  .cd-accordion-menu ul ul ul label{
    padding-left: 154px;
  }
  .cd-accordion-menu ul ul ul label::before {
    left: 96px;
  }
  .cd-accordion-menu ul ul ul label::after{
    left: 125px;
  }
}
.cd-accordion-menu.animated label::before {
  /* this class is used if you're using jquery to animate the accordion */
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}




/* MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 320px) {

  *[class=wrapto100pc] {width: 100% !important;height: auto !important;}
  #ipnav, #fnav{display:none;}
  .social{margin-top:20px;}
 .spotlight h2, .spotlight h3, .spotlight p{width:100%;}
  .youtube-player{width:320px!important;height:160px!important;}
  #logo{display:none!important;}
  #logo-mobile{display:inline-block;margin:0 auto;z-index:15000;}
  #logo-mobile a{color:transparent;text-decoration:none;display:block;width:240px;height:140px;background: url(/media/images/logo-mobile.png) 0 0 no-repeat;}
  .cd-accordion-menu.animated .five.columns.inline{width:99%!important;margin-right:0!important}/* inline mod for accordions */
  #home_slider .five.columns.spotlighttext h2, #home_slider .five.columns.spotlighttext h3, #home_slider .five.columns.spotlighttext h4 a, #home_slider .five.columns.spotlighttext p {width:90%;margin-left:1rem;}
  .spotlight h2{margin-top:1rem!important;}
  .spotlight{min-height:420px;overflow:hidden;background: #323232 url(/media/images/spiral.jpg) -210px -110px no-repeat;}
  .author{font-size:1.6rem!important;}
  img.thumb{margin-bottom:1.3rem!important;}
  .cd-tabs-navigation li.pipe {
  width:2rem;}
}

@media (min-width: 500px) {
body.articles .two.columns.inline{width:33%!important;}
body.articles .ten.columns.inline{width:67%!important;}
.spotlight{min-height:420px;overflow:hidden;background: #323232 url(/media/images/spiral.jpg) -80px -110px no-repeat;}

}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {

  #ipnav, #fnav{display:none;}
  .social{margin-top:20px;}
  .spotlight h2, .spotlight h3, .spotlight p{width:100%;}
  .youtube-player{width:480px!important;height:320px!important;}
  #logo{display:none!important;}
  #logo-mobile{display:inline-block;margin:0 auto;z-index:15000;}
  #logo-mobile a{color:transparent;text-decoration:none;display:block;width:240px;height:140px;background: url(/media/images/logo-mobile.png) 0 0 no-repeat;}
  /*#home_slider .five.columns.spotlighttext{width:90%;margin-left:1rem;}*/
.spotlight{min-height:420px;overflow:hidden;background: #323232 url(/media/images/spiral.jpg) -300px -140px no-repeat;}
#home_slider .five.columns.spotlighttext h2, #home_slider .five.columns.spotlighttext h3, #home_slider .five.columns.spotlighttext h4 a, #home_slider .five.columns.spotlighttext p {width:100%;margin-left:0;}

}

/* Larger than tablet */
@media (min-width: 551px) {/* mod to cover in-between devices */

  .pnav-mobile{display:block!important;}
  .mail{display:block!important;}
  #logo{display:none!important;}
  #logo-mobile{display:inline-block;margin:0 auto;z-index:15000;}
  #logo-mobile a{color:transparent;text-decoration:none;display:block;width:240px;height:140px;background: url(/media/images/logo-mobile.png) 0 0 no-repeat;}
  .container{width:640px!important;}
  #ipnav, #fnav{display:none;}
  .social{margin-top:20px;}
  .spotlight h2, .spotlight h3, .spotlight p{width:100%;}
  .youtube-player{width:480px!important;height:320px!important;}

}

/* Larger than tablet */
@media (min-width: 750px) {

  .pnav-mobile{display:block!important;}
  .mail{display:block!important;}
  #logo{display:none!important;}
  #logo-mobile{display:inline-block;margin:0 auto;z-index:15000;}
  #logo-mobile a{color:transparent;text-decoration:none;display:block;width:240px;height:140px;background: url(/media/images/logo-mobile.png) 0 0 no-repeat;}
  .container{width:640px!important;}
  #ipnav, #fnav{display:none;}
  .social{margin-top:20px;}
  .spotlight h2, .spotlight h3, .spotlight p{width:100%;}
  .youtube-player{width:480px!important;height:320px!important;}
  body.articles .two.columns.inline{width:33%!important;}
  body.articles .ten.columns.inline{width:67%!important;}
}

/* Larger than desktop */
@media (min-width: 1000px) {

  .container{width:640px!important;}
  .five.columns.inline{ width: 100%; }/* mod for resources listings */
  /*#ipnav{display:none}*/
  .social{margin-top:20px;}
  #ipnav, #fnav{display:none;}
  .spotlight h2, .spotlight h3, .spotlight p{width:100%;}
  .youtube-player{width:480px!important;height:320px!important;}
  #logo-mobile{display:inline-block;margin:0 auto;z-index:15000;}
  #logo-mobile a{color:transparent;text-decoration:none;display:block;width:240px;height:140px;background: url(/media/images/logo-mobile.png) 0 0 no-repeat;}
  .author{font-size:1.8rem!important;}
}

/* Larger than Desktop HD */
@media (min-width: 1280px) {

  #logo{display:block!important;}
  #logo-mobile{display:none!important;}
  #logo-mobile a{display:none!important;}
  .pnav-mobile{display:none!important;}
  .mail{display:none!important;}
  *[class=wrapto100pc] {width: 33% !important;height: auto !important;}
  .container{width:105%!important;}
  #ipnav, #fnav{display:block;}
  .social{margin-top:0;}
  .spotlight h2, .spotlight h3, .spotlight p{width:100%;}
  .youtube-player{width:480px!important;height:320px!important;}
  body.articles .two.columns.inline{width:13.3333333333%!important;}
  body.articles .ten.columns.inline{width:82.6666666667%!important;}
 .spotlight{min-height:420px;overflow:hidden;background: #323232 url(/media/images/spiral.jpg) 0 -140px no-repeat;}
#home_slider .five.columns.spotlighttext h2{margin-top:60px!important;}
}