/*
Theme Name: See Jane Redux
Theme URI: https://seejane.org
Author: Lynne Arnold
Author URI: https://lynnearnold.com
Description: Designed by <a href="https://lynnearnold.com">Lynne Arnold</a> for Geena Davis Institute
Version: 2.0
License: Lynne Arnold
License URI: https://lynnearnold.com

*/

body {
  margin: 0 auto;
  background: #ffffff;
  font-size: 100%;
}

body,
td,
th {
  color: #333333;
  font-family: Arial, Helvetica, sans-serif;
}

/* Headers */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 130%;
}
h1 {
  color: #777777;
}
article h2 {
  color: #228484;
}
article h3 {
  color: #228484;
}
article h4 {
  color: #000000;
  font-weight: normal;
  font-style: italic;
}
article h5 {
  color: #000000;
}
article h6 {
  color: #777777;
}
article .bio span {
  color: #228484;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 1em;
  line-height: 140%;
}
article .bio p.title {
  color: #228484;
  font-size: 1.2em;
  font-weight: bold;
}
article .bio img {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  border: 1px solid #c1b6ab;
}
article .calendar {
	margin-top:10px; 
	border:1px solid #a31f55; 
	padding-bottom:4px;
	font-weight:bold;
	line-height:105%; 
	text-align:center;
	display:block;
}
article .calendarMonth {
	padding:5px; 
	font-size:.9em; 
	display:block; 
	background-color:#a31f55; 
	color:#ffffff; 
	margin-bottom:3px;
}
article .calendarDay {
	font-size:2.25em; 
	display:block; 
	color:#a31f55;
	position: relative;
	line-height:100%;
}
article .calendarYear {
	font-size:.7em; 
	color:#a31f55; 
	letter-spacing: .1em;
}
article .data-sleeve {
  width: 75%;
  margin-right: 12.5%;
  margin-left: 12.5%;
  margin-bottom: 40px;
}
article .data-sleeve ul {
  margin-left: 20px;
}
article .data-sleeve .feature {
  border: 1px solid #528e9a;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: 30px;
  margin-left: 30px;
  margin-top: 30px;
  display: block;
  clear: both;
  position: relative;
}
article .data-sleeve table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin-top: 20px;
  margin-bottom: 20px;
}
article .data-sleeve table th {
  background-color: #7d0040;
  color: #ffffff;
  font: bold 1em 'Ubuntu', sans-serif;
  padding-top: 5px;
  padding-bottom: 6px;
  text-align: center;
}
article .data-sleeve table td.bullets {
  vertical-align: top;
  padding: 10px 8px 8px 10px;
}
article .data-sleeve table li {
  padding-bottom: 7px;
}
article .data-sleeve table td {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
article.full h2 {
  margin: 0.5em 0 0.5em 0;
  text-align: center;
  text-transform: uppercase;
}
article.full h3 {
  margin: 1em 0 0.5em 0;
  text-align: center;
}
article p.big {
	font-size: 1.2em;
}
article p.little {
	font-size: 0.8em;
}
article p.stretch {
	letter-spacing: .1em;
}
article .news-meta {
  margin-bottom: 20px;
  font-size: 0.9em;
  line-height: 135%;
  color: #528e9a;
}
article .photo-vert-list {
  border-bottom: 1px dotted #528e9a;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: center;
  color: #528e9a;
  display: block;
}
article .photo-vert-list img {
  margin-bottom: 5px;
  border: 1px solid #ccc;
}
article .photo-vert-list.small {
  max-width: 400px;
}
.photo-vert-list .cell {
  width: 45%;
}
.photo-vert-list .cell.left {
  float: left;
}
.photo-vert-list .cell.right {
  float: right;
}
article .photo-vert-list p {
  padding-right: 1%;
  padding-left: 1%;
}
article .pullquote {
	color: #228484;
	font-style: italic;
	display: block;
	font-family:'Ubuntu', sans-serif;
}
article .related-link {
  border: 1px solid #e1e1e0;
  margin: 0 0 15px 15px;
  padding: 10px 10px 0 10px;
}
article .related-pic {
	border: 1px solid #e1e1e0;
	margin: 0 0 15px 15px;
	padding: 10px 10px 0 10px;
}
article .rsvp {
  background-color: #c8ebf3;
  color: #ffffff;
  font: bold 1em 'Ubuntu', sans-serif;
  padding: 6px 6px 7px 6px;
  text-align: center;
  margin-bottom: 25px;
  width: 25%;
}
article .salongirl.border {
  margin-top: 20px;
  border-style: solid;
  border-top: 1px dotted;
  padding-top: 20px;
}
article .salongirl .name {
  font: bold 1.3em 'Ubuntu', sans-serif;
  display: inline;
  line-height: 120%;
  margin-bottom: 5px;
}
article section {
  margin-bottom: 1.8em;
  border-bottom: 1px dashed #c1b6ab;
  display: block;
  clear: both;
  position: relative;
  padding-bottom: 1em;
}
article section:last-of-type {
  border: none;
}
article section figure {
  display: block;
  height: auto;
  float: left;
}
article section figcaption {
  display: block;
  height: auto;
  float: right;
}
article section img {
  padding: 4px;
  border: 1px solid #c1b6ab;
}
article section .date {
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #8db1b8;
  font-size: 0.9em;
}
article section p {
  line-height: 140%;
}
article .segment {
  display: block;
  border-bottom: 1px dashed #c1b6ab;
  clear: both;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
article .segment:last-of-type {
  border-bottom: none;
}
article .segment h3 {
  color: #228484;
}
article .segment h3 {
  color: #228484;
}
article .segment h3 + p {
  font-weight: bold;
}
article .segment.shop h3 + p {
  font-weight: normal;
}
article .segment.no-bold h3 + p {
  font-weight: normal;
}
article .segment img {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  border: 1px solid #c1b6ab;
}
article .segment p:last-of-type {
  margin-bottom: 0;
}
article p.speakerPost {
  color: #228484;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
article .speaker img {
  float: left;
  margin-right: 20px;
  margin-bottom: 5px;
  border: 1px solid #c1b6ab;
}
article p.subHead {
  color: #228484;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
aside .board {
  margin: 0 1em 0.6em -1em;
}
aside .board img {
  float: right;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  margin-left: 15px;
  width: 100px;
  height: 100px;
}
aside figcaption {
  font-family: 'Ubuntu', sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  color: #ffffff;
  margin-bottom: 15px;
  display: block;
  text-transform: uppercase;
  background-color: #528e9a;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
aside h2 {
  color: #528e9a;
  margin-bottom: 15px;
  font-size: 1.2em;
  padding-top: 10px;
}

aside.grid4 h4 {
  padding-top: 1em;
}
aside h3 {
  color: #7d0040;
  font-weight: bold;
}
aside h4 {
  font-style: italic;
  font-weight: normal;
}
aside .join {
  margin-top: 1em;
}
aside ul {
  padding: 0;
  margin-left: 18px;
}
aside li {
  list-style-type: none;
  padding-left: 0;
  margin: 0 0 10px;
  line-height: 125%;
  list-style-position: outside;
  list-style-image: url(images/bullet.png);
}
.be-it {
  background-color: #7d0040;
  color: white;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  width: 100%;
  display: block;
  margin-top: 1em;
  font-weight: bold;
  font-family: 'Ubuntu', sans-serif;
}
.be-it.parents {
  background-color: #058586;
}
.feature-boxes {
  display: block;
  font-family: 'Ubuntu', sans-serif;
  line-height: 125%;
  border-bottom: 1px solid #939191;
  text-align: center;
}
.feature-boxes .cell {
  box-sizing: border-box;
  text-align: center;
}
.feature-boxes h2 {
  color: #7d013f;
  margin-bottom: 10px;
  text-align: center;
  text-transform: uppercase;
}
.feature-boxes p {
  margin-bottom: 10px;
}
.feature-boxes img {
  border: 1px solid #939191;
  margin-top: 5px;
}
.feature-horiz {
  display: block;
  position: relative;
}
.feature-horiz h1 {
  background-color: #7d0040;
  color: white;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  width: 100%;
  margin-top: -1px;
}
.feature-horiz.parents h1 {
  background-color: #058586;
}
feature-horiz img {
  margin: 0 auto;
  padding: 0;
}

.feature-news {
  text-align: left;
  display: block;
  font-family: 'Ubuntu', sans-serif;
  line-height: 125%;
  padding: 1em 0 1.3em 0;
}
.feature-news .call-outs {
	padding-bottom: 1em;
}
.feature-news .date {
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #8db1b8;
  font-size: 0.9em;
   text-align: left;
}
.feature-news h1 {
	text-align: center;
}
.feature-news h2 {
	text-align: center;
}
.feature-news img {
	margin-bottom: 1em;
}
.feature-news p {
	text-align: left;
}
.feature-news span {
	text-align: left;
}

.footer {
  color: #646464;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 10px;
  clear: both;
  font-size: 0.7em;
  line-height: 130%;
}
header {
  background-color: #c2e6ee;
}
header .logo {
  position: relative;
}
header .logo img {
  vertical-align: top;
}
header nav {
  background-color: #860744;
  text-align: center;
}
header nav .new-search-bg {
  background-color: #860744;
}
header .social-logo {
  display: block;
}
header .socialables {
  height: 80px;
  width: 224px;
  display: block;
  position: relative;
  vertical-align: top;
}
header .socialables ul {
  list-style-type: none;
  margin: 0;
  vertical-align: top;
  padding: 0;
}
header .socialables li {
  margin-right: 3px;
  display: inline-block;
  display: -moz-inline-stack;
  zoom: 1;
  *display: inline;
  vertical-align: top;
}
.home-page {
  display: block;
}
.home-page h1 {
  margin-bottom: 20px;
}
.gdiq {
  width: 960px;
  max-width: 960px;
  min-width: 960px;
  margin: 0 auto;
  position: relative;
  display: block;
  min-height: 1px;
}
.gdiq .panel {
  width: 900px;
  max-width: 900px;
  min-width: 900px;
  margin: 0 auto;
  position: relative;
  display: block;
  min-height: 1px;
}
.linkage {
  display: block;
  width: 100%;
  position: relative;
}
.linkage p {
  font-size: 0.8em;
  line-height: 100%;
  color: #777777;
}
.linkage img {
  float: left;
  border-style: none;
  margin: 0 0.7em 0.7em 0;
}

/* Links */

#menu-header-menu a {
  color: #ffffff;
  text-decoration: none;
}
#menu-header-menu a:link,
a:visited,
a:active {
  color: #ffffff;
  text-decoration: none;
}
#menu-header-menu li a:hover {
  color: #c4ecec;
}
#menu-header-menu li ul {
  z-index: 9999;
}
@media all and (min-width: 768px) {
  #menu-header-menu li ul {
    position: absolute;
  }
  nav ul li:hover ul.hidden,
  .hidden:hover {
    display: block !important;
  }
}
#menu-header-menu li ul li {
  padding-right: 0;
  padding-left: 0;
}

main .be-it a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
main .be-it a:link,
a:visited,
a:active {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
}
main .be-it a:hover {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}
main a {
  color: #880044;
  font-weight: bold;
  text-decoration: none;
}
main a:link,
a:visited,
a:active {
  color: #880044;
  font-weight: bold;
  text-decoration: none;
}
main a:hover {
  color: #880044;
  font-weight: bold;
  text-decoration: underline;
}

/* Fixed Size Boxes */
.fixed-size {
  width: 100%;
  margin: 30px auto 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}

.logo.fixed-size .cell {
  width: 145px;
  height: 62px;
  margin-bottom: 20px;
  padding: 5px 5px 8px;
}
.logo.fixed-size .cell img {
  margin-bottom: 8px;
}

.educ.fixed-size .cell {
  width: 155px;
  height: 170px;
  margin-bottom: 20px;
  border: 1px solid #accad0;
  padding: 5px 5px 8px;
}
.educ.fixed-size .cell img {
  margin-bottom: 8px;
}
.educ.fixed-size .cell .description {
  font-size: 0.8em;
  line-height: 125%;
}
.parents.fixed-size .cell {
  width: 135px;
  height: 190px;
  margin-bottom: 20px;
}
.parents.fixed-size .cell img {
  padding: 5px;
  width: 125px;
  border: 1px solid #ccc;
  margin-bottom: 8px;
}
.parents.fixed-size .cell p {
  font-size: 0.8em;
  line-height: 125%;
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 0;
}

.research.fixed-size .cell {
  width: 155px;
  min-height: 235px;
  margin: 0 20px 30px 20px;
  border: 1px solid #939191;
  padding: 0 0 5px 0;
  font-size: 0.8em;
  line-height: 125%;
  text-align: center;
}
.research.fixed-size .cell img {
  margin-bottom: 0;
}
.research.fixed-size .date {
  font-weight: bold;
  font-size: 1em;
  color: #ffffff;
  display: block;
  background-color: #7d013f;
  padding-top: 2px;
  margin-bottom: 5px;
}
.research.fixed-size .title {
  margin: 0 5px 0 5px;
  display: block;
}

.sponsor-logo.fixed-size .cell {
  width: 190px;
  height: 190px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
}
.sponsor-logo.fixed-size .cell img {
  padding: 5px;
}

/* Various Size Boxes */

.various-size {
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
.various-size.symposium .cell {
  padding: 10px;
}
.various-size.symposium .cell img {
  vertical-align: center;
}

/* Call Outs */

.call-outs {
  width: 100%;
  margin: 20px auto 0 auto;
}
.call-outs .cell {
  box-sizing: border-box;
  text-align: center;
  padding: 0 1% 1em 1%;
}
.call-outs .cell.left {
  text-align: left;
}
.call-outs .cell.one {
  flex-basis: 100%;
}
.call-outs .cell.two {
  flex-basis: 50%;
}
.call-outs.call-out-twoUp {
  flex-flow: row wrap;
  padding-bottom: 0;
}
.cell.twoUp {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 50%;
  margin-bottom: 25px;
}
.call-outs.call-out-threeUp {
  flex-flow: row wrap;
  padding-bottom: 0;
}
.cell.threeUp {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 33%;
  margin-bottom: 25px;
}
.call-outs .cell.three {
  flex-basis: 30%;
}
.call-outs .cell.four {
  flex-basis: 24%;
}
.call-outs .cell.five {
  flex-basis: 20%;
}
.call-outs .cell.six {
  flex-basis: 16%;
}
.call-outs .cell.seven {
  flex-basis: 75%;
}
.call-outs.friends li {
  text-align: left;
}
.call-outs.sponsor .cell {
  text-align: left;
  padding: 0 7% 1em 0;
}
.call-outs.host .cell {
  text-align: left;
}
.call-outs .cell.sponsor-header {
  text-align: left;
  padding: 0 1% 0 1%;
}
.call-outs.sponsor ul {
  margin: 0;
  text-align: left;
  padding-bottom: 0.5em;
}
.call-outs.sponsor ul:last-of-type {
  padding-bottom: 0;
}
.call-outs.sponsor li:last-of-type {
  padding-bottom: 0;
}
.call-outs.sponsor .level {
  font: bold 1.4em 'Ubuntu', sans-serif;
  display: block;
}
.call-outs.sponsor .benefit {
  margin: 0 0 0.3em 0;
  font: bold 1em 'Ubuntu', sans-serif;
  display: block;
}
.eventLocation   {
	margin-bottom: 20px;
	display: block;
}
.eventLocation h3  {
	margin: 20px auto 10px auto;
}
.eventLocation span {
  display: block;
  margin-bottom: 10px;
}
.eventLocation .call-outs.eventList {
  width: 100%;
}
.eventLocation .call-outs .cell.eventDate {
	flex-basis: 24%;
	background-color: #e9f1f3;
	color: #058586;
	font-weight: bold;
	text-align:left; 
	padding:7px 3px 8px 10px;
}
.eventLocation .call-outs .cell.eventTitle {
	flex-basis: 76%;
	text-align:left; 
	padding:7px 3px 8px 10px;
}

.education .call-outs {
  width: 100%;
  margin: 30px 0 0 0;
  line-height: 125%;
  text-align: center;
}
.education .cell {
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #939191;
  padding-bottom: 250px;
  min-height: 570px;
}
.education h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 1em;
}
.education p {
  margin-bottom: 10px;
  padding: 0 2% 0 2%;
  text-align: left;
}
.education ul {
  text-align: left;
  clear: all;
  display: block;
  margin-top: 0.3em;
  margin-left: 0.3em;
  position: relative;
}
.education li {
  padding-bottom: 0;
}
.education .cell:nth-child(1) {
  background: url(https://seejane.org/wp-content/uploads/education-guess-who.png)
    center bottom no-repeat;
}
.education .cell:nth-child(2) {
  background: url(https://seejane.org/wp-content/uploads/education-kids-media.png)
    center bottom no-repeat;
}
.education .cell:nth-child(3) {
  background: url(https://seejane.org/wp-content/uploads/education-chalk-board.png)
    center bottom no-repeat;
}
	
}
.get-involved .call-outs {
  width: 100%;
  margin: 30px auto 0 auto;
  line-height: 125%;
  text-align: center;
}
.get-involved .cell {
  box-sizing: border-box;
  text-align: center;
  border: 1px solid #939191;
  padding-bottom: 140px;
}
.get-involved h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 1em;
}
.get-involved p {
  margin-bottom: 10px;
  padding: 0 2% 0 2%;
}
.get-involved .cell:nth-child(1) {
  background: url(https://seejane.org/wp-content/uploads/get-involved-magenta-girl.png)
    center bottom no-repeat #fce5ef;
}
.get-involved .cell:nth-child(1) h2 a {
  color: #a31f55;
}

.get-involved .cell:nth-child(2) {
  background: url(https://seejane.org/wp-content/uploads/get-involved-green-girl.png)
    center bottom no-repeat #f9fbdb;
}
.get-involved .cell:nth-child(2) h2 a {
  color: #7b884b;
}

.get-involved .cell:nth-child(3) {
  background: url(https://seejane.org/wp-content/uploads/get-involved-purple-girl.png)
    center bottom no-repeat #eae5f1;
}
.get-involved .cell:nth-child(3) h2 a {
  color: #58447b;
}

.get-involved .cell:nth-child(4) {
  background: url(https://seejane.org/wp-content/uploads/get-involved-teal-girl.png)
    center bottom no-repeat #c8ebf3;
}
.get-involved .cell:nth-child(4) h2 a {
  color: #228484;
}

.infographic.call-outs {
  border: 1px solid #cccccc;
  background-color: #e0f3e4;
}
.infographic.call-outs img {
  padding: 0 0 10px 0;
}

.programs .call-outs {
  width: 90%;
  margin: 30px 5% 0 5%;
  line-height: 125%;
  text-align: center;
}
.programs .cell {
  box-sizing: border-box;
  text-align: center;
  align-content: center;
  border: 1px solid #939191;
  padding-bottom: 270px;
}
.programs h1 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 1em;
}
.programs h2 a {
  color: #228484;
}
.programs p {
  margin-bottom: 10px;
  padding: 0 2% 0 2%;
  width: 100%;
}
.programs .cell:nth-child(1) {
  background: url(https://seejane.org/wp-content/uploads/programs-orange-jane.png)
    center bottom no-repeat;
}
.programs .cell:nth-child(2) {
  background: url(https://seejane.org/wp-content/uploads/programs-pink-jane.png)
    center bottom no-repeat;
}

.programs .cell:nth-child(3) {
  background: url(https://seejane.org/wp-content/uploads/programs-purple-jane.png)
    center bottom no-repeat;
}

#gridcontainer {
  margin: 20px 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-wrap: wrap;
}
#gridcontainer h2 a {
  color: #77787a;
  font-size: 13px;
}
#gridcontainer .postimage {
  margin: 0 0 10px 0;
}
.videoGrid {
  width: 166px;
  height: 280px;
  padding-right: 17px;
  padding-left: 17px;
}
.videoGrid img {
  padding: 4px;
  border: 1px solid #c1b6ab;
  position: relative;
  display: block;
  margin: 0 auto;
  vertical-align: top;
}
.videoGrid .date {
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #228484;
  font-size: 0.8em;
  clear: both;
  margin-top: 10px;
  text-align: center;
  position: relative;
}
.videoGrid .title {
  color: #7d013f;
  display: block;
  padding-bottom: 5px;
  font: bold 0.8em/120% 'Ubuntu', sans-serif;
  clear: both;
  text-align: center;
}
.videoGrid.profile {
  width: 166px;
  height: 230px;
  padding-right: 17px;
  padding-left: 17px;
}
.videoGrid .title-profile {
  display: block;
  padding: 10px 0 5px 0;
  font: bold 0.9em/120% 'Ubuntu', sans-serif;
  clear: both;
  text-align: center;
}

.profileGrid {
  width: 166px;
  height: 290px;
  padding-right: 17px;
  padding-left: 17px;
}
.profileGrid img {
  padding: 4px;
  border: 1px solid #c1b6ab;
  position: relative;
  display: block;
  margin: 0 auto;
  vertical-align: top;
}
.profileGrid .name {
  display: block;
  padding: 10px 0 5px 0;
  font: bold 0.9em/120% 'Ubuntu', sans-serif;
  clear: both;
  text-align: center;
}
.profileGrid .title {
  display: block;
  padding: 0 0 5px 0;
  font: 0.9em/120% 'Ubuntu', sans-serif;
  clear: both;
  text-align: center;
  line-height: 120%;
}

/* Tables */

table.membershipGrid {
  margin: 0 auto 20px;
  width: 100%;
}
.membershipGrid th {
  border: 1px solid silver;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  padding: 8px 13px 10px;
  font-family: 'Ubuntu', sans-serif;
}
.membershipGrid td {
  border: 1px solid silver;
  vertical-align: top;
  line-height: 140%;
  color: #8f9091;
  text-align: center;
  padding: 0;
}
.membershipGrid .pad {
  padding: 8px;
}

table.events {
  border-collapse: collapse;
  border: 1px solid #97c2cb;
  width: 100%;
  margin-bottom: 25px;
}
.events td {
  padding: 10px 13px 10px 13px;
  border-collapse: collapse;
  border: 1px solid #97c2cb;
}
.events td.date {
  background-color: #e9f1f3;
  color: #058586;
  font-weight: bold;
  text-transform: none;
  letter-spacing: 0;
}
.events th {
  padding: 10px 13px 10px 13px;
  text-align: left;
  border: 1px solid #97c2cb;
}
.events th.date {
  background-color: #e9f1f3;
  color: #058586;
  font-weight: bold;
}

.educ-fixed-size span.date {
  background: #7d013f;
  color: #fff;
  display: block;
  text-align: center;
}

table.parents-grid {
  border-collapse: collapse;
  border: 1px solid #528e9a;
  font-size: 1em;
  margin-bottom: 30px;
  margin-top: 10px;
  width: 100%;
  clear: both;
}
.parents-grid th {
  background-color: #e9e8e8;
  font: bold 1em 'Ubuntu', sans-serif;
  border-collapse: collapse;
  border: 1px solid #528e9a;
  padding: 6px;
  text-align: left;
  color: #528e9a;
}
.parents-grid td {
  padding: 6px 6px 30px;
  border-collapse: collapse;
  border: 1px solid #528e9a;
  vertical-align: top;
}

table.basic {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin-bottom: 20px;
}

table.basic th {
  border: 1px solid #ccc;
  border-collapse: collapse;
  background-color: #288483;
  color: #ffffff;
  font-weight: bold;
  padding: 6px;
}

table.basic td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  padding: 6px;
}

/* Cannes Report */

.cannes .logo {
	display: block;
}
.cannes .logo img {
	display: block;
	margin: 0 auto;
}
.cannes ul.special {
	margin-bottom: 1em;
	margin-left: 0;
	list-style-type: none !important;
	list-style-position: inside;
}
.cannes .special li {
	padding: 10px;
	margin-bottom: .5em;
}
.cannes table.basic {
	font-size: .8em;
}

.ribbonTeal {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 50%;
 position: relative;
 background: #5cb3b9;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbonTeal:before, .ribbonTeal:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #468e93;
 z-index: -1;
}
.ribbonTeal:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbonTeal:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbonTeal .ribbon-contentTeal:before, .ribbon .ribbon-contentTeal:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #288483 transparent transparent transparent;
 bottom: -1em;
}
.ribbonTeal .ribbon-contentTeal:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbonTeal .ribbon-contentTeal:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

.ribbonMagenta {
 font-size: 16px !important;
 /* This ribbon is based on a 16px font side and a 24px vertical rhythm. I've used em's to position each element for scalability. If you want to use a different font size you may have to play with the position of the ribbon elements */

 width: 50%;
 position: relative;
 background: #b33c66;
 color: #fff;
 text-align: center;
 padding: 1em 2em; /* Adjust to suit */
 margin: 2em auto 3em; /* Based on 24px vertical rhythm. 48px bottom margin - normally 24 but the ribbon 'graphics' take up 24px themselves so we double it. */
}
.ribbonMagenta:before, .ribbonMagenta:after {
 content: "";
 position: absolute;
 display: block;
 bottom: -1em;
 border: 1.5em solid #d05681;
 z-index: -1;
}
.ribbonMagenta:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbonMagenta:after {
 right: -2em;
 border-left-width: 1.5em;
 border-right-color: transparent;
}
.ribbonMagenta .ribbon-contentMagenta:before, .ribbonMagenta .ribbon-contentMagenta:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #b33c66 transparent transparent transparent;
 bottom: -1em;
}
.ribbonMagenta .ribbon-contentMagenta:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbonMagenta .ribbon-contentMagenta:after {
 right: 0;
 border-width: 1em 1em 0 0;
}

/* Benchmark Report */

.benchmark-report .benchmark {
  color: #ffffff;
  padding: 20px 0 5px 0;
}
.benchmark-report .benchmark li {
  color: #ffffff;
}
.benchmark-report .benchmark .liner {
  margin: 0 auto;
}
.benchmark-report h1.bench {
  background-color: #7d0040;
  color: white;
  text-align: center;
  letter-spacing: 0.1em;
  width: 100%;
  display: block;
  font-weight: bold;
  font-family: 'Ubuntu', sans-serif;
  padding: 0.8em 0 0.8em 0;
  margin-top: -1px;
}
.benchmark-report .splatter h2.bench {
  text-align: center;
  margin: 1em 0 1em 0;
  color: #ffffff;
}

/* Consider This */

.consider {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
.consider .findings {
	background-color: #e9f1f3;
	padding: 1.5em 0 1em;
	margin: 0 0 1em 0;
	display: block;
}
.consider h3 {
	margin-top: 20px;
	text-align: cent;
}
.consider p {
	font-size: 1.1em;
}
.consider ul {
	list-style-image: url('https://seejane.org/wp-content/uploads/consider-bullet.png');
	margin-bottom: 1em;
	margin-left: 0;
	list-style-position: outside;
}
.consider li {
	background-color: #e9f1f3;
	padding: 10px;
	margin-bottom: .5em;
}
.consider .signup li {
	background-color: #ffffff;
}
.consider .signup li#field_58_1 {
	margin: 5px 0 0 0;
}
.consider .signup li#field_58_2 {
	margin: 0;
}
.consider .signup .gform_footer.top_label {
	margin: 0;
	padding: 5px 0 0 10px;
}
.consider .signup #input_58_1_6_container.name_last {
	margin-bottom: 0;
}
.consider .signup #input_58_1_6_container.name_last label {
	margin-bottom: 0;
}
.consider .signup #gform_wrapper_58 {
	margin-bottom: 0;
}
.consider .signup h6 {
	text-align: center;
	background-color: #228484;
	color: #ffffff;
	margin-top: -1px;
	text-transform: uppercase;
	padding: 3px 0 3px 0;
	letter-spacing: .1em;
}
.consider .socialables {
  height: 80px;
  width: 224px;
  display: block;
  position: relative;
  vertical-align: top;
  margin: 0 auto;
}
.consider .socialables ul {
  list-style-type: none;
  margin: 0 auto;
  vertical-align: top;
  padding: 0;
}
.consider .socialables li {
  margin-right: 3px;
  display: inline-block;
  display: -moz-inline-stack;
  zoom: 1;
  *display: inline;
  vertical-align: top;
  background-color: #ffffff;
}
.consider .video {
	background-color: #e9f1f3;
	display: block;
}

/* Taking the Lead */

.taking-lead {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
.taking-lead h1.lead {
  background-color: #7d0040;
  color: white;
  text-align: center;
  letter-spacing: 0.1em;
  width: 100%;
  display: block;
  font-weight: bold;
  font-family: 'Ubuntu', sans-serif;
  padding: 0.8em 0 0.8em 0;
  margin-top: -1px;
}
.taking-lead h1 {
	color: #1074b8;
	text-transform: uppercase;
	text-align: center;
}
.taking-lead h1.key {
	color: #ed7d21;
	text-transform: uppercase;
	margin-bottom: .5em;
}
.taking-lead h2 {
	color: #1074b8;
}
.taking-lead h3 {
	color: #1074b8;
}
.taking-lead .findings {
	background-color: #d2ecf4;
	padding: 1.5em 0 1em;
	margin: 0 0 1em 0;
	display: block;
}
.taking-lead p.intro {
	font-weight: bold;
}
.taking-lead ul {
	list-style-image: url('https://seejane.org/wp-content/uploads/taking-lead-bullet.png');
	margin-bottom: 1em;
	list-style-position: inside;
}
.taking-lead li {
	background-color: #d2ecf4;
	padding: 10px;
	margin-bottom: .5em;
}

/* Film */

.film {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
.film .call-outs .cell.three {
  flex-basis: 33.33%;
}
.film h1 {
	padding-top: .5em;
}
.film h2 {
	padding-top: .5em;
}
.film h4 {
	padding-top: .5em;
}
.film figcaption {
	font-size: .7em;
}


/* Toolkit */

.toolkitQuote {
  font-size: 1.5em;
  color: #288483;
  font-style: italic;
}
.toolkitLinks {
  border: 1px solid #e1e1e0;
  padding: 10px 10px 0 10px;
}

/* Landing */

.circles {
  display: inline-block;
}
.circles p.see {
  text-align: center;
}
.circles p {
  padding: 0 10% 0 10%;
  text-align: center;
}
.landing {
  font-family: 'Ubuntu', sans-serif;
}
.landing-be-it {
  background-color: #7d0040;
  color: white;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  width: 100%;
  display: block;
  font-weight: bold;
  font-family: 'Ubuntu', sans-serif;
  margin-top: 2em;
}
.landing-be-it a:link {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding-right: 20px;
}
.landing-be-it a:visited {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding-right: 20px;
}
.landing-be-it a:active {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  padding-right: 20px;
}
.landing .membershipGrid td {
  color: #000000;
  font-family: 'Ubuntu', sans-serif;
}
.landing .montage .call-outs .cell {
  text-align: left;
}
.landing h2 {
  color: #000000;
  letter-spacing: 0.2em;
  line-height: 110%;
  margin-bottom: 0.3em;
  font-weight: bold;
  text-transform: uppercase;
}
.landing p {
  font-family: 'Ubuntu', sans-serif;
  line-height: 140%;
  margin-bottom: 1em;
  font-size: 1.2em;
}
.montage {
  border-bottom: 1px solid #939191;
}
.montage2 {
  border-top: 15px solid #85518d;
  margin-top: 2em;
}
.movement {
  border-bottom: 15px solid #85518d;
}

/* Landing Gravity Forms */

.landing #field_50_28 {
  display: block;
  margin: 0 auto;
}
.landing ul#input_50_30.gfield_radio li {
  display: inline-block;
  *display: inline;
  padding: 10px !important;
  margin-right: 1em;
}
.landing #choice_50_28_0 {
  padding: 10px;
}
.landing input#gform_submit_button_66 {
	height: 35px;
}
.landing ul#input_50_30.gfield_radio {
  font-weight: bold;
}
.landing li#field_50_14 input#input_50_14_3 {
  margin: 0.5em 0 0.5em 0;
}
.landing li#field_50_14 input#input_50_14_6 {
  margin: 0.5em 0 0.5em 0;
}
.landing li#field_50_15 input#input_50_15 {
  margin: 0.5em 0 0.5em 0;
}
.landing li#field_50_16 input#input_50_16 {
  margin: 0.5em 0 0.5em 0;
}
.landing li#field_50_17 input#input_50_17_1 {
  margin-top: 0.5em;
}
.landing li#field_50_18 input#input_50_18 {
  margin: 0.5em 0 0.5em 0;
}
.landing li#field_50_18 input#input_50_18_2 {
  margin: 0.5em 0 0.5em 0;
}
.landing li#field_50_19 input#input_50_19 {
  margin: 0.5em 0 0.5em 0;
}
.landing li#field_50_20 textarea#input_50_20 {
  margin: 0.5em 0 0.5em 0;
}
.landing ul.gfield_radio input {
  padding: 10px !important;
}
.landing .radio_buttons label.gfield_label {
  width: 100%;
  text-align: center;
}
.landing .radio_buttons ul.gfield_radio li {
  display: inline-block;
  *display: inline;
  background-color: #e9f1f3;
  color: #058586;
  padding: 10px !important;
  margin-right: 1em;
  width: 200px;
  text-align: left;
}
.landing .radio_buttons h4 {
	font-size: 1.4em;
}
.landing .radio_buttons ul.gfield_radio label {
  padding-left: 5px;
}
.landing .radio_buttons .ginput_container {
  text-align: center;
}
.landing .radio_buttons input[type='radio'] {
  padding: 10px !important;
}
.landing li#field_50_9 {
  margin-top: 0.5em;
}
.landing li#field_50_11 {
  margin-top: 0.5em;
}
.landing li#field_50_24 {
  margin-top: 0.5em;
}

li.gfSpacer {
	padding: 10px 0 5px;
	display: block;
}

/* Rewrite */

.rewrite {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
.rewriteBox {
	display: block;
	padding: 15px 25px 5px 25px;
	margin-bottom: 25px;
	font-weight: bold;
}
.rewrite h1 {
	color: #3172b4;
	text-transform: uppercase;
	line-height: 110%;
}
.rewrite h2 {
	color: #94ceef;
	text-transform: uppercase;
	line-height: 110%;
}
.rewrite h3 {
	color: #000000;
	text-transform: uppercase;
	line-height: 110%;
}
.rewrite h4 {
	font-weight: bold;
	font-style: normal;
	line-height: 110%;
}
.rewrite p {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
.rewriteCircleWrapper img {
	float: left;
	margin: 25px 0 1em 0;
}
.rewriteCircle {
	padding: 10px 15px 15px 45px;
	margin-left: 75px;
}
h4.rewriteChunk {
	background-color: #3172b4;
	color: #fff;
	padding: 5px 0 5px 15px;
}
.rewriteCloseup {
	padding: 0 5% 20px 5%;
	margin-bottom: 1em;
}
.rewriteCloseup p {
	text-shadow:
	  2px 2px 0 #604f59,
	 -1px -1px 0 #604f59,  
	  1px -1px 0 #604f59,
	 -1px 1px 0 #604f59,
	  1px 1px 0 #604f59;
}
.rewriteCloseup h4 {
	text-shadow:
	  2px 2px 0 #604f59,
	 -1px -1px 0 #604f59,  
	  1px -1px 0 #604f59,
	 -1px 1px 0 #604f59,
	  1px 1px 0 #604f59;
}
.rewriteDream {
	color: #fff;
	padding: 1.5em 0 1em 0;
	margin-bottom: 1em;
}
.rewriteDream h1 {
	color: #fff;
}
.rewriteFilm {
	color: #fff;
	display: block;
	text-align: left;
	margin-top: -1px;
}
.rewriteFilm h3 {
	color: #fff;
}
.rewriteFilm img {
	float: left;
	padding: 0 20px 0 20px;
}
.rewriteFilm hr {
	border: 1px solid #fff;
	margin: 0 2% 1em 2%;
}
.rewriteFilmBottom {
	background: url(https://seejane.org/wp-content/uploads/rewrite-film-blue-bottom.png) 0 top repeat-x;
	height: 40px;
	margin: 0;
	padding: 0;
}
.rewriteFilmTop {
	background: url(https://seejane.org/wp-content/uploads/rewrite-film-blue-top.png) 0 top repeat-x;
	height: 37px;
}
.rewriteFilmBottomOrange {
	background: url(https://seejane.org/wp-content/uploads/rewrite-film-orange-bottom.png) 0 top repeat-x;
	height: 37px;
	margin: 0;
	padding: 0;
}
.rewriteFilmTopOrange {
	background: url(https://seejane.org/wp-content/uploads/rewrite-film-orange-top.png) 0 top repeat-x;
	height: 41px;
}
.rewriteIcon span {
	display: block;
	margin-top: -20px;
	padding: 30px 10px 5px 10px;
}
.rewriteIcon img {
	margin: 0 auto;
}
.rewriteLeadership h1 {
	color: #fff;
}
.rewriteLeadership h4 {
	color: #fff;
}
.rewriteLeadership img {
	float: right;
	padding: 0 0 5px 5px;
}
.rewriteLeadership p {
	color: #fff;
	font-weight: bold;
}
.rewritePartners {
	color: #fff;
	text-align: left;
	padding: 1.5em 0 1em 0;
}
.rewritePartners h1 {
	color: #fff;
}
.rewritePartners img {
	width: 20px;
	margin-top: 3px;
}
.rewriteQuotes {
	margin: .5em 0 1.5em 0;
	padding: 1em 0 1em 0;
}
.rewriteSpecial {
	padding: 1.5em 0 1em 0;
	margin-bottom: 1em;
}
/* Misc */

ul.checkbox {
  list-style-type: none;
  margin-left: 0;
}
input[type='checkbox'] {
  padding-bottom: 2px;
}

/* Add Ons */

.pad-top15 {
  padding-top: 15px;
}
.pad-bottom15 {
  padding-bottom: 15px;
}
.pad-top30 {
  padding-top: 30px;
}
.pad-bottom30 {
  padding-bottom: 30px;
}
