/*
Theme Name:     Beyond Benign Genesis child theme 3.0
Description:    This is a child theme of Genesis
Author:         Golin Web Design
Template:       genesis

(optional values you can add: Theme URI, Author URI, Version)
*/

/* @import url("../genesis/style.css");  Use code below for genesis 3.x */
@import url("style-genesis-2-10-1.css");

/* Colors */
:root {
/* Dark Blue (About) #0b6981 */
--darkblue:#0b6981;
/* Blue (k12) -  #13acd3 */
--blue:#13acd3;
/* blue hover - #008FB5 */
--bluehover:#008FB5;
/* Light Blue ((footer text) #b4d8e6 */
--lightblue:#b4d8e6;
/* Dark Green Online Communities */
--darkgreen:#006938;
/* Leaf Green (Higher Ed) #74c043 */
--leafgreen:#74c043;
/* teal green (High School) #22b19e */
--tealgreen:#22b19e;
/* Lime Green - Curriculum */
--limegreen:#D9E01F;
/* Orange Community and News */
--orange:#eb9c2e;
/* Purple - Prof Dev */
--purple:87288c;
}

/* ## Headings and Fonts
--------------------------------------------- */

h2,
h3,
h4,
h5,
h6 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	line-height: 1.5;
	margin: 0 0 15px;
}

h1, h1.entry-title {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	font-weight: 700;
	margin-bottom:35px;
    color:#13acd3;
}

h2, h2.entry-title  {
	font-size: 38px;
    color:#13acd3;
    font-weight:400;
}

h3 {
	font-size: 18px;
    color:#13acd3;
}

h4 {
	font-size: 16px;
    color:#222222;
}
body > div {
    font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
    color:#0b6981;
}
p {
	margin-bottom:1.2em;
    font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
    color:#0b6981;
}
a, a:visited, .entry-title a, a:hover {
	color:#13acd3;
}
a, a:visited, .entry-title a {
	text-decoration: none;
	/* -webkit-tap-highlight-color: transparent; use this if you don't want a tap color feedback */
}
a:hover, .entry-title a:hover {
	text-decoration:underline;
}
a:active {
    outline:none;
	/*-moz-outline-style: none; not sure if I need this too  */
}

/* image captions */
.wp-caption-text {
	font-weight: normal;
	font-size: 13px;
	font-family: "Open Sans", sans-seric;
}

/********** Page Layout **********/

/* set site width, header width and nav width*/
.content-sidebar-wrap, .site-header .wrap, .nav-primary .wrap {
	max-width: 1020px;
	margin-left: auto;
	margin-right: auto; 
	padding-left: 1.618em;
	padding-right: 1.618em;
}
.content {
    width:1020px;
}
.site-inner {
    padding-top:0;
}

/********* header settings *************/
.site-header .wrap {
    padding-top:20px;
    padding-bottom:20px;
}
.title-area {
    max-width:300px;
}
.title-area p {
	display:none;
}
/* set dimensions of logo */
.logo {
	max-width:300px;
	height: auto;
	}
/* reduce space bewteen content and footer */
.page .entry {
	margin-bottom:5px;
}
/************* top menu bar ********************/
.menutopwrapper {
	background-color:#0b6981;
	height:52px;
}
.menutopcontainer {
	float:right;
	padding-right:15px;
	}
.toplink {
	color:#fff !important;
	font-size:15px !important;
	font-weight:600;
	font-family:"open sans", arial, sans-serif;
	margin-left:30px !important;
	top:5px;
	position:relative;
	}
.menutop {
	margin-left:auto;
	margin-right:auto;
	padding:10px 0px 0px;
	background-color:#0b6981;
	width:100%;
	max-width:1020px;
	}
.menutopcontainer img {
    margin:5px 15px 15px 0;
}
/********** navigation ****************/	
.bb-ubermenu {
    width: 100%;
    max-width: 1020px;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    margin-bottom:0px;
}
.ubermenu-main {
	margin-top:-80px !important;
	width:100% !important;
	}
/* set color of current menu item in submenu */
.ubermenu-skin-white .ubermenu-submenu .ubermenu-current-menu-item > .ubermenu-target {
	color:#0b6981 !important;
	}
/* set hover color menu item in submenu */
.ubermenu-skin-white .ubermenu-submenu li a:hover {
	color:#0b6981 !important;
	}
/** don't display donate in main nav menu until mobile **/
.main-donate-menu,
.main-subscribe-menu {
    display:none !important;
}
/***** responsive menu ********/
.ubermenu-skin-white  {
	border-top:0 !important;
	border-bottom:0 !important;
	}

/* set colors for submenu headers on responsive menu */
/* this heading is found in the uber custom content entry at the top of the first column */
.submenu-header-about a, .submenu-header-k12 a, .submenu-header-highered a, .submenu-header-curriculum a, .submenu-header-comengage a, .submenu-header-profdev a, .submenu-header-onlinecommunity a,
.submenu-header-about a:hover, .submenu-header-k12 a:hover, .submenu-header-highered a:hover, .submenu-header-curriculum a:hover, .submenu-header-comengage a:hover, .submenu-header-profdev a:hover, .submenu-header-onlinecommunity a:hover {
	font-size:14px;
	font-weight:600 !important;
	text-transform:uppercase;
	color: #555555 !important;
	text-decoration:none;
	}
.submenu-header-about, .submenu-header-k12, .submenu-header-highered, .submenu-header-curriculum, .submenu-header-comengage, .submenu-header-profdev, .submenu-header-onlinecommunity {
	margin-bottom:10px !important;
	margin-top:-15px !important;
	padding:0 0 5px 20px;
}
/* put underline below subemenu responsive headers */
.submenu-header-about {
	border-bottom:3px solid #0b6981;
	}
.submenu-header-k12 {
	border-bottom:3px solid #13acd3;
	}
.submenu-header-highered {
	border-bottom:3px solid #74c043;
	}
.submenu-header-comengage {
	border-bottom:3px solid #faa21b;
	}
.submenu-header-curriculum {
	border-bottom:3px solid #d1d819;
	}
.submenu-header-profdev {
	border-bottom:3px solid #8a288f;
	}
.submenu-header-onlinecommunity {
    border-bottom:3px solid #006938;
}
/* adjust margin on first column */
li.submenu-col1 {
	margin-top:10px !important;
	}
/* change the sub-sub menus to indent left and up */
li.indent-submenu ul.ubermenu-submenu-type-mega {
	margin-top:-20px !important;
	margin-left:65px !important;
	margin-right:30px;
	}
/* show overflow for leadteacher submenu */
.leadteacher-submenu ul.ubermenu-submenu a, .leadteacher-submenu ul.ubermenu-submenu-type-mega a {
	padding-top:9px;
	}

/**** turn off genesis menu ***/
.nav-primary {
    display:none;
}


/********** homepage ***********/
/* don't display page title */
.home h1.entry-title {
	display:none;
}

/********** homepage banner ***************/
.home-banner-background {
	width: 100%; 
	background-repeat:no-repeat;
	background-size: cover;
}
.home-banner-text p {
	color:#fff !important;
	font-size:22px;
	line-height:40px;
	}
.home-banner-text {
	padding-left:5%;
	}
.home-bannercontainer{
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	position: relative; 
	max-width: 1020px;	
	padding-top:5%;
	padding-bottom:50px;
}
/**** countdown timer ****/
.countdown-timer h4 {
    display:none;
}
.countdown-timer span {
    font-size:180px !important;
    color:#0d6a38;
    margin-top:0px !important;
}
.countdown-launchdays {
    z-index:1000;
    position:relative;
}
.countdown-text p {
    font-size:40px;
    line-height:50px;
    color:#000;
}
.countdown-logo {
    max-width:650px;
    margin-left:auto;
    margin-right:auto;
    margin-top:-10px;
}

/* set width of icon columns */
.icon-column {
	width:33% !important;
	}
	.icon-column img:hover {
	    filter:brightness(92%);
	}
/* style icon text */
.home-icontext p {
	font-size:15px !important;
	line-height:20px !important;
	color:#0b6981 !important;
	font-weight:600 !important;
	}
/* text shouldn't be wider than icon */	
.home-icontext {
	max-width:250px;
	margin-left:auto;
	margin-right:auto;
	height:55px;
	}
	.home-learnapproach:hover {
	    filter:brightness(92%);
	}
/* style join text */
.home-join p {
	font-size:37px !important;
	color:#fff !important;
	float:left;
	margin-bottom:0;
	}
.home-join {
	padding:20px 0 50px 8%;
	}	
.home-join img {
	padding:12px 0 0 80px !important;
	width:220px;
	margin-top:8px;
	}
.home-join img:hover {
    filter:brightness(94%);
}
/*** new resources section and top announcement section ****/
.home-newresources,
.home-topannouncement {
    padding-top:20px !important;
    padding-bottom:20px;    
}
.home-newresources-col {
    align-items:flex-start !important;
}
.home-newresources h2 {
    color:#fff;
}
.home-topannouncement h2 {
    color:#fff;
    font-weight:normal;
}
.home-topannouncement-image img {
    width:100%;
    /*max-width:450px !important; - for GCTLC */
    max-width:200px !important; /* for toxicology */
}
.home-newresources .home-newresources-text p {
    color:#fff;
    font-size:20px;
}
.home-topannouncement .home-topannouncement-text p {
    color:#fff;
    font-size:18px;
    font-size: 15px;
    max-width: 180px;
    margin-left: auto;
    margin-right: auto;
    line-height: 22px;
    margin-top: 10px;
}
.home-newresources .home-newresources-text,
.home-topannouncement .home-topannouncement-text {
    margin-bottom:20px;
}
.home-newresources-button a {
    color:#fff !important;
    background-color:#13acd3;
    padding:5px 25px 5px 25px;
    border-radius:15px;
    font-weight:600;
}
.home-newresources-button a:hover {
    text-decoration:none;
    background-color:#0093BA;
}
/* reduce space below icon */
.icon-image {
	margin-bottom:15px;
	}
/* subscribe now */
.home-subscribenow-button img:hover {
    filter:brightness(92%);
}
/* theory of change */
.home-theory-learnmore img:hover {
    filter:brightness(94%);
}

/* style newsletter signup */
.news-letter-text p, .news-letter-text h3 {
	color:#fff !important;
	font-family:"open sans", arial, sans-serif !important;
	}
.news-letter-text h3 {
	font-weight:400 !important;
	font-size:24px;
	}
.news-letter-row {
	padding-left:30px;
	}

.news-letter-row .vc_column-inner {
	padding-top:25px !important;
	}
.news-letter-form {
	margin-bottom:20px !important;
	}
/* style text of theory of change */
.home-theory p {
	color:#0b6981 !important;
	font-weight:600 !important;
	}
/* add some space between twitter column and theory image */
.twitter-column .vc_column-inner {
	padding-left:15px;
	margin-left:15px;
	border-left: 1px solid #959595;
	}
/* in full width display multiple tweets, hide single tweet */
.onetweet {
	display:none;
	}
/* style three quotes */
.home-quote-text p {
	font-family:"Oswald", ariel, sans-serif !important;
	font-weight:bold !important;
	line-height:22px !important;
	font-size:17px !important;
	color:#959595 !important;
	}
.home-quote-text {
	margin-bottom:5px !important;
	}
.home-quote-signature p {
	font-family:"Open sans", ariel, sans-serif !important;
	font-weight:normal!important;
	font-size:14px !important;
	color:#13acd3 !important;
	text-align:right;
	}
.news-events-image {
	margin-bottom:0px;
	}
/* add padding around news events columns */
.news-events-row {
	padding-left:30px;
	padding-right:30px;
	}
.news-events-row .vc_grid-item {
    padding-bottom:0 !important;
}
	
/***** secondary pages *********/
/* limit content area to 1020px */
body:not(.home) .content {
	max-width: 1020px;
	padding-left: 1.618em;
	padding-right: 1.618em;
	margin-left: auto;
	margin-right: auto;
	padding-top:35px;
}
/* remove top padding for pages with a background in the top intro */
.intro-background-removepadding {
    margin-top:-35px;
}
.page .entry-title {
    display:none;
}
/* add white space to pages with no background in the first section */
/* about (44) people (163) faqs (676) leadteacherblog (1403) higher-ed (39) */
/* whos committed (189) faculty fellowship program (196) 
.page-id-44 .content, .page-id-163 .content, .page-id-676 .content, .page-id-37 .content, .page-id-1403 .content, .page-id-39 .content, .page-id-196 .content, .page-id-189 .content, .single-people .content {
    padding-top:35px;
}
*/
/****************** subpages *****************/
/******* styles for banner image, banner icon and title bar *****/

.banner-background {
	width: 100%; 
	background-repeat:no-repeat;
	background-size: cover;
	border-bottom:2px solid #fff;
}
.titlebar-background {
	width:100%;
	}
.bannercontainer, .titlebar-container {
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	position: relative; 
	max-width: 1020px;	
}

/* style text overlay on background image */
.topicon {
	width:100%;
}
/*** subpage banner image ****/
.topimage {
	background-size:cover;
	}
/* style subpage page title  */
.baricon {
	padding:10px 20px 10px !important;
	float:left;
	}
.subpage-title h1 {
	font-size:25px !important;
	color:#fff !important;
	text-transform:uppercase;
	font-weight:bold;
	padding-top:25px;
	letter-spacing:1.5px;
	margin-bottom:0;
	}
.subpage-title {
	padding-bottom:28px;
	}
/* style subpage intro text */
.subpage-intro p, .subpage-intro li {
	font-family:"Open Sans", arial, sans-serif;
	font-size:20px !important;
	color:#0b6981 !important;
	Line-height:30px;
	}
.subpage-intro {
	max-width:900px;
	}
/* make intro a bit smaller on about missionvision page */
.page-id-159 .subpage-intro {
	max-width:825px;
	margin-left:auto;
	margin-right:auto;
	}
/* style subpage icons and text */
.subpage-icon {
	margin-bottom:15px;
	}
.subpage-icon img:hover {
    filter:brightness(92%);
}

.subpage-icontext p, .subpage-icontext a, .subpage-icontext a:hover {
	color:#0b6981;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
	text-transform:uppercase;
	text-decoration:none;
	}
/* add indentation to second row of higher-ed icons */
.higher-ed-icons .subpage-3icon-row {
	margin-left:80px !important;
	margin-right:80px !important;
	}
/**** subpage PRETTY FAQS *******/
/* bring faqs closer to heading */

/* make sure long answers show over other content */
.faqrow {
	overflow:visible !important;
	}

.prettyfaq-container {
	position:relative;
	width:30%;
	padding-left:1.5%;
	padding-right:1.5%;
	float:left;
	padding-bottom:20px;	
	}
.prettyfaq-container img {
	width:100%;
	}
.prettyfaq-question {
	position:absolute;
	top:13px;
	width:76%;
	cursor:pointer;
	margin-left:5%;
	margin-right:5%;
	}
.prettyfaq-answer {
	position:absolute;
	top:-5px;
	padding:10px 20px;
	width:120%;
	cursor:pointer;
	min-height:150px;
	left:-10%;
	}
.xclose {
	color:#fff !important;
	text-align:right;
	margin-right:-5px;
	margin-bottom:0;
	}
.prettyfaq-answerleft {
	background-color:#13acd3;
	z-index:5000;
	}
.prettyfaq-answerright {
	background-color:#0b6981;
	z-index:5000;
	}
.prettyfaq-answermiddle {
	background-color:#74c043;
	z-index:5000;
	}
.prettyfaq-answertext {
	color:#fff !important;
	font-size:16px !important;
	padding-bottom:15px;
	line-height:28px !important;
	}
.prettyfaq-text {
	text-align:center;
	color:#fff !important;
	font-size:20px !important;
	line-height:25px !important;
	display:flex;
	justify-content: center;
  	flex-direction: column;
  	height:100px;
	}
.prettyfaq-answer {
    display: none;
} 
.prettyfaq-more {
	padding-bottom:20px;
	text-align:center;
	clear:both;
	}
.prettyfaq-more a, prettyfaq-more a:hover {
	font-weight:bold;
	text-transform:uppercase;
	color:#15a8ce;
	}	

/*********** getting started pages ************/
.getstarted-container {
	width:100%;
	clear:both;
	}
.getstarted-image {
	float:left;
	margin-right:25px;
	padding-bottom:25px !important;
	height:105px !important;
	width:105px !important;
	}
.getstarted-text {
	float:left;
	width:calc(100% - 150px);
	padding-bottom:15px;
	}
h2.getstarted-title, .getstarted-title a, .getstarted-title a:hover {
	margin-bottom:0 !important;
	text-transform:uppercase;
	color:#13acd3;
	font-size:15px;
	}
.getstarted-desc {
	color:#0b6981 !important;
	}
/**** in practice section of getting started page */
.inpractice-container {
	width:100%;
	clear:both;
	}
.inpractice-image {
	float:left;
	margin-right:25px;
	padding-bottom:25px !important;

	}
h2.inpractice-title, h2.inpractice-title a, h2.inpractice-title a:hover {
	margin-bottom:0 !important;
	text-transform:uppercase;
	color:#13acd3;
	font-size:15px;
	}
.inpractice-text {
	float:left;
	width:calc(100% - 325px);
	padding-bottom:15px;
	}
.inpractice-link, inpractice-link:hover {
	margin-bottom:0 !important;
	color:#13acd3 !important;
	font-size:15px;
	}
.inpractice-desc {
	color:#0b6981 !important;
	}

/************** quotes ************************/
.quote-container {
	background-color:#c2cccf;
	}
.quote-text {
	padding:0px 0 40px 0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:900px;
	}
.quote-image {
	margin-left:auto;
	margin-right:auto;
	}
.quote-text p {
	text-align:center;
	}
.quote-quote {
	font-family:"Oswald", arial, sans-serif !important;
	font-size:24px !important;
	line-height:31px !important;
	color:#0b6981 !important;
	font-weight:bold !important;
	}
.quote-signature {
	font-family:"Open Sans", arial, sans-serif !important;
	font-size:15px !important;
	color:#0b6981 !important;
	}
	
/********** news grid (homepage, and higher ed page)  and Community News loop ****************/
/* visual composer post grid */
.news-post-grid .vc_column-inner {
	padding-top:0px !important;
	}
/* visual composer post grid */
.community-news-grid .vc_grid-pagination li a {
    font-size:16px;
}
.news-grid-image img {
    max-width:350px !important;
    width:100%;
}
/* bb-news-grid items are from the visual composer grid 
   tax-news_categories is for the taxonomy category pages 
   news-post-loop is the shortcode posts 
*/

.tax-news_categories .next, .tax-news_categories .page-numbers, .news-post-loop .next, .news-post-loop .page-numbers, .woo-pagination .next, .woo-pagination .page-numbers {
    background-color:#fff !important;
}
.news-post-loop .post-more {
    display:none;
}
.bb-news-grid-title h3 a, .bb-news-grid-title h3 a:hover, .tax-news_categories  h2 , .news-post-loop h2 {
	font-size:18px !important;
	color:#13acd3;
	font-weight:600 !important;
	line-height:26px;
	}
.bb-news-grid-title h3 a:hover {
    color:#008FB5 !important;
}
.news-post-date {
    font-size:13px !important;
}
/**** news loop on Community news page */
.news-post-loop .news-image img {
    max-width:350px;
    margin-bottom:20px;
    width:100%;
}

 .tax-news_categories .news {
     margin-bottom:0px;
 }
.news-post-loop {
    display:flex;
    flex-wrap:wrap;
}
.news-post-loop .news {
    flex-basis:29%;
    margin-right:2%;
    margin-left:2%;
    margin-bottom:30px;
}
 .tax-news_categories  .entry-header, .news-post-loop .entry-header {
    display:none;
 }
 .news-post-loop .news-post-category-list {
     display:none;
 }
 .tax-news_categories  .entry-header h2 , .news-post-loop .entry-header h2 {
     margin-bottom:8px;
}
 .tax-news_categories  .entry-meta , .news-post-loop .entry-meta {
     font-size:13px;
 } 
/*** news category page *****/
.category-title {
    font-size:24px;
    margin-bottom:35px;
    line-height:30px;
}
.tax-news_categories  h2, .news-post-loop h2 {
    margin-bottom:8px !important;
}
.tax-news_categories h2:hover, .tax-news_categories .news-readmore, .news-post-loop .news-readmore{
    text-decoration:none;
}
.tax-news_categories .news-readmore:hover, .news-post-loop .news-readmore:hover, .bb-news-grid-readmore a:hover {
    background-color:#008FB5 !important;
}
.tax-news_categories .entry-content, .news-post-loop .entry-content  {
   display:none;
}
.tax-news_categories .bb-news_categories-post, .news-post-loop .bb-news_categories-post  {
    margin-bottom:45px;
}
.tax-news_categories .bb-news_categories-post .news-image  {
    display:none;
}
/* list generated by shortcode and in news tax page */
.news-category-list-menu p {
    margin-bottom:5px !important;
    font-size:13px !important ;
}
/***** category menu on community news page *****/
.news-category-list-row {
    margin-bottom:25px;
}
.news-category-list-row .news-category-list-menu {
    width:720px;
    margin-left:auto;
    margin-right:auto;
    max-width:100%;
}
.news-category-list-row .news-category-list-menu p {
    float:left;
    margin-top:12px;
}
.news-category-list-row .news-category-list-menu a {
    color:#0b6981;
    padding:3px 13px 3px 13px;
    background-color:#aacbba;
    border-radius:15px;
    font-weight:600;
}
.news-category-list-row .news-category-list-menu a:hover {
    text-decoration:none;
    background-color:#9ecce2;
}
.news-category-list-row .news-category-list-menu p:not(:last-child) {
    margin-right:15px;
} 

/* list at bottom of post and single post */
.news-post-category-list {
    font-size:13px !important;
}
/***** category menu on news tax page *****/
.tax-news_categories .content-sidebar-wrap {
    display:flex;
}
.tax-news_categories .tax-category-menu {
    margin-top:35px;
    flex-basis:25%;
}
.tax-news_categories .content {
    flex-basis:75%;
}
.bb-news-grid-title {
	margin-bottom:0 !important;
	}
.bb-news-grid-readmore .vc_btn3.vc_btn3-size-sm, .tax-news_categories .news-readmore, .news-post-loop .news-readmore {
	background-color:#15a8ce;
	padding:1px 25px 3px 25px;
	font-family:"Open Sans", arial, sans-serif;
	color:#fff;
	font-size:13px;
	border-radius:15px;
	text-transform:uppercase;
	font-weight:700;
	}
/******* news post ********/

.single-news .news h1 {
    font-size:24px;
    line-height:30px;
    margin-bottom:15px !important;
    font-weight: normal;
}
.single-news .news h2 {
    font-size:22px;
    line-height:30px;
    font-weight:normal;
}
.single-news h3 {
    margin-bottom:20px;
}

.single-news .bb-news_categories-post {
    border-top:1px solid #0b6981;
    padding-top:5px;
    margin-top:30px;
    margin-bottom:30px;
}
/********** lessons grid ****************/
.bb-lessons-grid-title h3 a, .bb-lessons-grid-title h3 a:hover {
	font-size:18px !important;
	color:#13acd3;
	font-weight:600;
	}
.bb-lessons-grid-title {
	margin-bottom:0 !important;
	}
.bb-lessons-grid-readmore .vc_btn3.vc_btn3-size-sm, .bb-lessons-grid-readmore .vc_btn3.vc_btn3-size-sm:hover {
	background-color:#15a8ce;
	padding:1px 25px 3px 25px;
	font-family:"Open Sans", arial, sans-serif;
	color:#fff;
	font-size:13px;
	border-radius:15px;
	text-transform:uppercase;
	font-weight:700;
	}
	
/********** single topic page lessons loop ****************/
.single-curriculum_topic .entry-header {
    display:none;
}
.single-curriculum_topic .curriculum_topic {
    margin-bottom:0;
} 
.single-curriculum_topic h2 {
    margin-bottom:35px;
}
.single-curriculum_topic .lessons h1.entry-title {
    display:none;
}
.single-topic-page {
    display:flex;
}
.lesson-sidebar-menu {
    flex-basis:32%;
}
.lesson-post-loop .lessons .entry-header {
    display:none;
}
.lesson-post-loop {
    flex-basis:68%;
    margin-top:-25px;
    margin-bottom:50px;
}
.lesson-post-loop h3 {
    font-size:18px !important;
	color:#13acd3;
	font-weight:600;
	margin-bottom:10px;
	margin-top:30px;
}
.lesson-post-loop h3 a:hover {
    text-decoration:underline;
}
.lesson-post-loop h3 a {
 /*   pointer-events:none; */
}
.lesson-post-loop .lesson_topics-complete-unit h3 a {
    color:#0b6981;
    font-size:22px;
}

.lesson-post-loop .download-lesson-button {
	font-family:"Open Sans", arial, sans-serif;
	color:#fff;
	font-size:13px;
	border-radius:15px;
	text-transform:uppercase;
	font-weight:700;
	opacity:.9;
} 
.lesson-post-loop .download-single-lesson-button {
       background-color:#15a8ce;
       padding:3px 25px 3px 25px;
}
.lesson-post-loop .download-unit-button {
       background-color:#0b6981;
       margin-bottom:20px;
       padding:3px 35px 3px 35px;
}
.lesson-post-loop .download-unit-button:hover {
       background-color:#00556D;
        text-decoration:none;
}
    
.lesson-post-loop .download-single-lesson-button:hover {
    background-color:#008FB5;
    text-decoration:none;
}

.lesson-post-loop .lessons {
    margin-bottom:0px;
}


/**** Green Chemistry Resource Guide Sign-up Page *****/
.greenchem-resourceguide-text .resource-guide-cover {
    width:30%;
    margin-top: -10px;
    margin-bottom:5px;
    float:right;
    margin-left:25px;
}
.inorganic-resourceguide-text .inorganic-resource-guide-cover {
    width:30%;
    margin-top: -10px;
    margin-bottom:5px;
    float:right;
    margin-left:25px;
}
/* add space between fields in gravity form */
.form-separator {
    margin-bottom:30px !important;
}
/* change color of submit button */
.gform_button {
    background-color:#15a8ce !important;
    text-transform:uppercase !important;
    letter-spacing:.5px !important;
}
.gform_button:hover {
    background-color:#008FB5 !important;
}
/* change color of errors and confirmations */
.gform_confirmation_message {
    font-size:18px;
    border:1px solid #008FB5;
    padding:15px;
}
/***** Greener Chemistry Inorganic Resource Guide Sign-up Page *****/

/*** topic sidebar menu ***/

.lesson-sidebar-menu p {
    margin-bottom:0px;
}
.lesson-sidebar-menu {
    margin-bottom:30px;
}
.curriculum-topic-menu-loop a {
    font-size:12px;
}
.curriculum-topic-menu-loop a:hover {
    text-decoration:none;
    color:#0b6981;
}
.curriculum-topic-menu-item.thistopic {
    color:#0b6981;
}
/*** curriculum topic gradelevel pages *****/

.curriculum-topic-post-loop {
    display:flex;
    flex-wrap:wrap;
    width:92%;
    max-width:930px;
    margin-left:auto;
    margin-right:auto;
}
.curriculum-topic-post-loop .topicbox  {
    flex-basis:205px;
    min-height:110px;
    margin-left:12px;
    margin-right:12px;
    margin-bottom:30px !important;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}
.curriculum-topic-post-loop .curriculum-topic-menu-item {
    color:#fff;
    align-self:center;
    flex:1;
    font-weight:600;
    padding-left:10px;
    padding-right:10px;
    padding-top:20px;
    padding-bottom:20px;
}

.curriculum-topic-post-loop .curriculum-topic-menu-item:hover {
    text-decoration:none;
}
.curriculum-topic-post-loop.gradelevel-elementary-school .topicbox {
        background-color:#15a8ce;
}
.curriculum-topic-post-loop.gradelevel-elementary-school .topicbox:hover {
        background-color:#0699BF;
}
.curriculum-topic-post-loop.gradelevel-high-school .topicbox {
        background-color:#22b19e;
}
.curriculum-topic-post-loop.gradelevel-high-school .topicbox:hover {
        background-color:#13A28F;
}
.curriculum-topic-post-loop.gradelevel-middle-school .topicbox {
        background-color:#0b6981;
}
.curriculum-topic-post-loop.gradelevel-middle-school .topicbox:hover {
        background-color:#005A72;
}
.curriculum-topic-post-loop.gradelevel-higher-ed .topicbox, .curriculum-topic-post-loop.gradelevel-jv-test-grade-level .topicbox {
        background-color:#74c043;
}
.curriculum-topic-post-loop.gradelevel-higher-ed .topicbox:hover {
        background-color:#65B134;
}
/*********** About Pages ***********************/
/********** About Overview ***********************/
/* don't display mobile version of image */
.about-theory-mobile {
	display:none;
	}
.about-theorychange .wpb_text_column {
	margin-bottom:25px !important;
	}
/* icons on overview page */
.about-icon {
	margin-bottom:10px !important;
	}
.about-whatwedo-icontext {
    color:#0b6981 !important;
    font-weight:700;
    font-size:18px;
    text-transform:uppercase;
    margin-top:32px;
    float:left;
    line-height:21px;
}
.about-whatwedo-icontext:hover {
    color:#15a8ce !important;
    text-decoration:none;
}
.about-whatwedo-heading img {
    margin-bottom:12px !important;
}
.about-whatwedo-heading img:hover {
    filter:brightness(92%);
}
.about-whatwedo-heading {
    margin-top:-30px;
}
.subpage-icondescription {
	margin-bottom:25px;
	clear:both;
	}
.about-serviceimpact img {
	margin:0 !important;
	padding:0 !important;
	}
/***** about Green Chemistry */
/* limit width of 3 things boxes */
.about-GC-threethings .threethings {
	max-width:260px;
	margin-left:auto;
	margin-right:auto;
	}

/***** faq page *****/
body:not(.home).page-id-676 .content {
	max-width: 850px;
	float:left;
	padding-left:50px;
	padding-right:50px;
}
.faqpage-heading p {
	font-size:18px !important;
	}
/* indent all the faqs on the faq page */
.page-id-676 .vc_toggle {
	padding-left:25px;
	}
/************ people (custom post type )*********************/
.single-people .entry-meta, .single-people h1.entry-title {
	display:none;
	}
.single-people .content {
	max-width:860px !important;
	}
.single-people h2 {
	font-size:24px !important;
	margin-top:15px;
	}
.people-certified {
    text-transform:uppercase;
    color:#7d2982;
}
.people-alum {
    text-transform:uppercase;
    color:#71c23b;
}
/*certified or alum field */
.eg-bb-lead-teachers-element-21 {
    padding-top:2px;
}
/* make sure people grid content area is a fixed size */
.eg-bb-people-content {
	height:100px;
	}
/* add elipses afer excerpt */
.eg-bb-people-element-3::after {
	content:"...";
	}
/* set color of full bio button text to white */
.eg-bb-people-element-12, .eg-bb-people-element-12:hover {
	color:#fff !important;
	}
/******** GCC advisory **********/	
/* set background color of content on people grid on GCC page */
.page-id-182 .eg-bb-people-content, .page-id-182 .eg-bb-people-element-11, .page-id-182 .eg-bb-people-element-14 {
	background-color:#ccecf4;
	}
.people-grid h2 {
	text-align:center;
	margin-bottom:25px;
	}	

/*********** 12 principals grid ***************/
/* fix ios bug */

li.eg-12-principles-wrapper.isvisiblenow{
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0.9999916666666666)!important;
}

/* zoom grid on hover */
.esg-overflowtrick {overflow: visible !important}
 
.esg-grid li.eg-12-principles-wrapper {
 	-webkit-transform-origin: center center;
 	-moz-transform-origin: center center;
 	-o-transform-origin: center center;
 	-ms-transform-origin: center center;
 	transform-origin: center center;
 
 	-webkit-transition: transform 0.3s ease-out;
 	-moz-transition: transform 0.3s ease-out;
	 -o-transition: transform 0.3s ease-out;
 	transition: transform 0.3s ease-out;
	}
 
.esg-grid li.eg-12-principles-wrapper:hover {
 	-webkit-transform: scale(1.25, 1.25) !important;
	 -moz-transform: scale(1.25, 1.25) !important;
 	-o-transform: scale(1.25, 1.25) !important;
	 -ms-transform: scale(1.25, 1.25) !important;
 	transform: scale(1.25, 1.25) !important;
 	z-index: 9999 !important;
	}
	
/***** partnership page**********/
.sponsor-grid {
	height:120px !important; 
	}
.partner-grid {
	max-width:300px;
	min-width:220px;
	margin-left:auto;
	margin-right:auto;
	height:80px;
	}

/*** partners and sponsors post loops ***/
.partner-post-loop, .sponsor-post-loop {
    display:flex;
    flex-wrap:wrap;
    margin-top:30px;
}

.sponsor-post-loop .partners {
    flex-basis:25%;
    padding-left:2.5%;
    padding-right:2.5%;
    margin-bottom:30px !important;
    text-align:center;
}
.partner-post-loop .partners {
    flex-basis:33%;
    padding-left:2.5%;
    padding-right:2.5%;
    margin-bottom:30px;
}
.partner-post-loop .partners a {
    color:#0b6981;
}
.partner-post-loop .partners a:hover {
    text-decoration:none;
    color:#13acd3;
}
.partners .entry-meta {
    display:none;
}
/*** tiered sponsors ***/
.sponsor-tiers {
    padding-top:10px !important;
}
.sponsor-tiers .vc_row {
    margin-bottom:10px;
}
.sponsor-tiers h3 {
    font-size:22px;
    color:#707070;
    font-weight:600;
    text-transform:uppercase;
}
.sponsor-tiers .sponsor-post-loop {
    align-items:center;
    justify-content:space-evenly;
}
/* visionary sponsors should be bigger */
.sponsor-tiers .sponsor-post-loop.visionary .partners {
    flex-basis:33%;
    padding-left:2.5%;
    padding-right:2.5%;
    margin-bottom:30px !important;
    text-align:center;
}
/* Other sponsors should be smaller */
.sponsor-tiers .sponsor-post-loop.Other .partners {
    flex-basis:20%;
    padding-left:2.5%;
    padding-right:2.5%;
    margin-bottom:30px !important;
    text-align:center;
}
/**** regional communities post loop ****/

.regcom-post-loop {
    display:flex;
    margin-top:30px;
    max-width:700px;
    margin-left:auto;
    margin-right:auto;
    flex-wrap:wrap;
}
.regcom-post-loop .bb_regcom {
    flex-basis:33%;
    padding-right:20px;
}
.regcom-post-loop .bb_regcom img {
    max-width:150px;
    width:100%;
}

.bb_regcom .entry-meta {
    display:none;
}
/******** search results page ****/
/* display the post titles */
.search h1.archive_header {
	color:#13acd3 !important;
	}
.search h2.entry-title, .search h2.entry-title , .search-results .bb-news_categories-post h2 a {
	display:block !important;
	font-size:16px !important;
	color:#13acd3 !important;
	}
.search-results a:hover {
	 color:#13acd3;
}

.search article {
	margin-bottom:25px !important;
	}
.searchform, #searchform, .search-form {
	width:150px;
	height:20px;
	margin-left:15px;
	float:left;
	margin-top: 5px;
    position: relative;
     border-color: #efefef;
    border-width: 2px;
    border-style: solid;
    border-radius: 3px;
	}
/* position input field */
.searchform input.s, #searchform input#s  {
	padding-top:0 !important;
	}
#searchform input#s {
   padding: 8px;
   width: 85%;
   margin: 0;
   border: none;
   background: none;
   color: #777 !important;
   position: absolute;
   font-size:14px !important;
}

/* size and position search icon */
.searchform button.submit {
	top:-2px;
	right:-35px;
	background: none;
    position: absolute;
    border: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
	}
.searchform .fa-search::before {
	font-size:18px;
	color:#fff;
	}
.fa-search::before {
   content: url("/wordpress/wp-content/uploads/icons8-search-24.png");

}
/* genesis search form */
.search-form-input {
   color: #777 !important;
   font-size:14px !important;
   width:150px !important;
   padding:0;
   box-sizing:none;
   border-radius:0;
}
.search-form .search-form-submit {
    content: "\f179";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font: normal 25px/1 'dashicons';
    vertical-align: middle;
    background: none;
    border: none;
    padding: 0 0 0 15px;
    color:#fff;
}
.search-form .search-form-submit:hover {
    background-color:transparent;
    color:#fff;
}
.search-form {
    height:30px;
    width:250px;
    border:0px;
}

/* bug in genesis, can't set posts to excerpt so hide content in search results */
.search-results .entry-content {
    display:none;
}
.search-results .bb-news_categories-post p:not(.news-post-date) {
    display:none;
}
.search-results .bb-news_categories-post .news-post-date {
    margin-bottom:40px;
    font-size:16px !important;
}
/**** FAQ Page  ******/
.page-id-676 h4 {
	color:#13acd3;
	font-weight:600;
	}

/****** higher-ed webinars *******/
.webinars .esg-filters {
	margin-bottom:30px !important;
	}
.webinars .esg-dropdown-wrapper {
	width:215px;	
	}
.webinars .esg-filterbutton {
	border:none !important;
	box-shadow:none !important;
	line-height:20px !important;
	margin-bottom:15px !important;
	}

.esg-selected-filterbutton {
	font-size:15px;
	} 
.webinar-filters .esg-filter-checked {
	margin-right:5px;
	display:none;
	}
.single-webinar h1.entry-title {
	color:#13acd3;
	font-weight:600;
	margin-bottom:25px;
	}
.single-webinar .entry-meta {
	display:none;
	}
.single-webinar .webinar-date {
	color:#0b6981;
	font-size:18px;
	font-weight:600;
	border:none;
	text-decoration:none;
	margin-bottom:10px;
	}

/* styles for esg skins */
/* title */
a.eg-webinars-element-3 {
	color:#fff !important;
	}
a.eg-webinars-element-3:hover{
	color:#fff !important;
	}
/* set background image for webinar essential grid */
.esg-grid .mainul li.eg-webinars-wrapper {
	background-image:url('/wordpress/wp-content/uploads/ProvDev_HighEd_Webinar.jpg') !important;
	background-color:transparent !important;
	}
/* add space between grid and pagination */
.webinar-archive-grid .esg-pagination {
	margin-top:20px;
	}
/* make sure category dropdown menu shows over footer */
.webinar-section {
	overflow:visible !important;
	}

/**** k12 overview page ******/
.page-id-37 .home-newresources h2, .page-id-37 .home-newresources p {
    color:#0b6981;
}
.page-id-37 .home-newresources h2 {
    line-height:48px;
}
.page-id-37 .home-newresources {
    padding-bottom:5px;
}
.home-newresources .k12-newresources-justin {
    padding-left:20px;
}/**** k12 overview page ******/
.page-id-37 .home-newresources h2, .page-id-37 .home-newresources p {
    color:#0b6981;
}
.page-id-37 .home-newresources h2 {
    line-height:48px;
}
.page-id-37 .home-newresources {
    padding-bottom:5px;
}
.home-newresources .k12-newresources-justin {
    padding-left:20px;
}

/********** k12 lead teachers ************/
.leadteacher-map {
	background-size:cover;
	}
/**** leader teacher blog grid styles **********/
.leadteacher-blog-grid-author {
	font-weight:600;
	margin-bottom:5px;
	}
.leadteacher-blog-grid-title h3 {
	text-transform:uppercase;
	margin-bottom:0 !important;
	}
.leadteacher-blog-grid-readmore a, .leadteacher-blog-grid-readmore a:hover {
	font-size:15px !important;
	color:#13acd3 !important;
	padding:0 !important;
	margin-top:-20px
	}
/* set max size of image */
.leadteacher-blog-grid-image img {
	max-width:200px !important;
	width:100%;
	}

/***** lead teacher blog posts *****/
/* allow comments */
/* hide comments on custom post types */
.single-leadteacherblog .entry-comments, .single-leadteacherblog .comment-respond {
	display:block;
}
/*set the style for post title for lead teacher posts */
.leadteacherblog h1.entry-title, .leadteacherblog .entry-meta  {
    display:none;
}
.leadteacherblog h1 {
	font-weight:600 !important;
	margin-top:25px;
	margin-bottom:10px;
	}
/* remove padding from last item in list */
.leadteacher-blog-grid .vc_grid-item:last-child {
	padding-bottom:0 !important;
	}
/******** lead teacher post *******/

/* format name */
.single-leadteacher h2 {
	font-size:24px !important;
	margin-top:15px;
	}
/* don't display title and date */
.single-leadteacher h1.entry-title, .single-leadteacher .entry-meta {
	display:none;
	}
/* set color of full bio button text to white */
.eg-bb-lead-teachers-element-12, .eg-bb-lead-teachers-element-12:hover {
	color:#fff !important;
	}
/* make sure grid content area is a fixed size */
.eg-bb-lead-teachers-content {
	height:145px;
	}
.esg-grid .mainul li.eg-bb-lead-teachers-wrapper {
    background:transparent !important;
}
/* hide leadteacher grid category filter button for now since there are no categories */
.page-id-170 .esg-filters .esg-allfilter {
	/*display:none !important;*/
	}
.page-id-170 .esg-dropdown-wrapper {
	width:180px;
	}
.page-id-170 .esg-filterbutton {
	border:none !important;
	box-shadow:none !important;
	}
/* lead teacher blog post commments */
p.comment-form-url {
	display:none;
	}
.comment-form input#submit.submit {
	background-color:#13acd3 !important;
	}
.entry-comments .nocomments {
	color:#0b6981;
	font-family:"open sans", sans-serif;
	}
/* lead teacher mailchimp signup form */
div#mc_embed_signup_scroll p {
	max-width: 200px;
	float: left;
	}
div#mc_embed_signup_scroll input::placeholder {
    	font-size:14px;
    	color:#ddd;
}
div#mc_embed_signup_scroll input {
    	font-size:14px;
    	padding:10px;
}
.lt-blog-form {
	width:100px;
	float:left;
	margin-left:10px;
	}
.lt-blog-form .button, .lt-blog-form .button:hover {
	background-color:#0b6981;
	margin-top:23px;
	font-size:13px;
	font-weight:500;
	margin-left:10px;
	}
.lt-blog-page div#mc_embed_signup_scroll, .lt-blog-page .lt-blog-form {
	float:right;
	}
.lt-blog-page div#mc_embed_signup_scroll {
	margin-bottom:20px !important;
}
.lt-blog-page div#mc_embed_signup {
	margin-top:-30px;
}

/***** lead teacher blog page ***********/
/* style pagination */
.vc_grid-pagination_rounded_square_light li.vc_grid-active a, .vc_grid-pagination_rounded_square_light li.vc_grid-page a {
	color: #555555 !important;
	padding: 10px 15px !important;
	font-size: 13px !important;
	}
.vc_grid-pagination .vc_grid-pagination-list.vc_grid-pagination_rounded_square_light > li > a {
	color:#555555 !important;
	border-color: #555555 !important;
	}


/**** higher-ed overview page ******/
.home-newresources .highered-newresources-justin h2 {
    line-height:48px;
}
.page-id-39 .home-newresources {
    padding-bottom:10px;
}
.home-newresources .highered-newresources-justin {
    padding-left:20px;
}
.home-newresources .highered-newresources-guide {
    padding-right:20px;
}

/****** GCC Commit Now page **********/
.commit-button a {
	font-family:"Open Sans", arial, sans-serif;
	color:#fff !important;
	font-size:15px;
	text-transform:uppercase;
	font-weight:700;
	opacity:.9;
	background-color:#74c043;
    padding:10px 25px 10px 25px;
} 
.commit-button a:hover {
    background-color:#217b37;
    text-decoration:none;
}
.how-to-commit-steps li {
    font-size:16px;
    margin-bottom:10px;
}
/***** GCC Commitment Page *******/
.wpb_gmaps_widget .wpb_wrapper {
    padding:0;
}
.gcc-commit-now-row img {

}
/* top row of GCC Get Started */
.gcc-landing-top {
    background-image: url(https://www.beyondbenign.org/wordpress/wp-content/uploads/GCC-Landing-Page-header-08-1-400x341-1.png);
    background-size:contain;
    background-position:80%;
    background-repeat:no-repeat;
    margin-top:50px;
}
/* new design of GCC landing doesn't use this button
.page-id-182 .commit-button a {
    padding:10px 40px 10px 40px;
    font-size:20px;
} 
.page-id-182 .commit-button a:hover {
    background-color:#13acd3;
    text-decoration:none;
}
*/
.gcc-get-started-link-column {

}
.signer-map-buttons-row a {
    font-size:16px !important;
}
/********** whose committed page ************/
/* set color of school profile button text to white */
.eg-gcc-committed-element-11, .eg-gcc-committed-element-11:hover {
	color:#fff !important;
	}
/* set background color of grid element to white */
.esg-grid .mainul li.eg-gcc-committed-wrapper {
	background-color:#fff !important;
	}
/********** school profiles **************/
.single-school_profiles .entry-header {
    display:none;
}
/* display the content in two columns */
.profile-left-col {
	width:30%;
	font-weight:bold;
	clear:both;
	float:left;
	padding:15px;
	}
.profile-right-col {
	width:60%;
	float:left;
	padding:15px;
	border-left:1px solid #000;
	min-height:55px;
	}
/* pad implementation row because label is two lines */
.profile-right-implementation {
    min-height:80px;
}
/* style lists in profile */
.profile-right-col ul {
	list-style:disc;
	margin-bottom:15px;
	}
.profile-right-col ul li {
	margin-left:25px;
	margin-bottom:5px;
	}
.school-profile-name {
	width:calc(100% - 230px);
	margin-top:-35px;
	float:left;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 203px;
	}

.school-profile-logo {
	float:right;
	width:220px;
	margin-top:-35px;
	margin-bottom:20px;
	}
.profile-row {
	clear:both;
	border-bottom:1px solid #000;
	}
.school-profile {
	border-left:1px solid #000;
	border-right:1px solid #000;
	margin-bottom:30px;
	clear:both;
	margin-top:20px;
	}
	
/* Student Learning Objectives page */
.student-learning-obj-text-col .wpb_text_column, .student-learning-obj-img-col .wpb_single_image {
    margin-bottom:0px !important;
}
.student-learning-obj-row {
    margin-bottom:15px;
}
.student-learning-obj-row h3 {
    color:#0b6981;
    margin-bottom:2px;
    font-weight:600;
}
.student-learning-obj-img-col img {
    max-width:130px !important;
    width:100%;
}
.casestudy-post-loop .entry-header,	.casestudy-post-loop .entry-meta {
	    display:none;
	}
.casestudy-post-loop {
    display:flex;
    flex-wrap:wrap;
    margin-top:50px;
}
.casestudy-post-loop .school_profiles {
    flex-basis:25%;
    padding-right:8%;
}
/************** toxicology past presentations page ***********/
.tox-presentations .vc_tta-panel-heading {
	padding:10px;
	}
.tox-presentations .vc_tta-panel {
	margin-bottom:10px;
	}
.tox-presentations h4 a, .tox-presentations h4 a:hover {
	color:#13acd3 !important;
	}	

/**** covid news page *****/
.page-id-4910 h2 {
    font-size:25px;
    font-weight:600;
    line-height:35px;
}
/******* GCC Awards Page ***********************/
.greenbutton a {
	font-family:"Open Sans", arial, sans-serif;
	color:#fff !important;
	font-size:16px;
	text-transform:uppercase;
	font-weight:600;
	background-color:var(--leafgreen);
    padding:5px 18px 5px 18px;
    width:230px;
    margin-left:auto;
    margin-right:auto;
}
.greenbutton a:hover {
    background-color:var(--darkblue);
    text-decoration:none;
}
.award-label {
    font-weight:bold;
    color:var(--darkblue);
}
.gcc-awards-row .vc_column-inner {
    padding:0 !important;
}
.awards-loop-heading {
    padding:15px 35px 15px 25px;
}
.awards-loop {

}
.award-sponsor-logo {
    max-width:100px;
    margin-left:15px;
}
.award-sponsor {
    display:flex;
    align-items:center;
}
.gcc_awards .entry-meta {
    display:none;
}
.awards-loop {
    display:flex;
    flex-wrap:wrap;
}
.gcc_awards {
    flex-basis:50%;
    margin-bottom:40px !important;
    padding-left:25px;
    padding-right:35px;
}

.gcc_awards .award-moreinfo,
.gcc_awards .award-lessinfo {
    color:var(--blue);
    font-weight:bold;
    margin-top:20px;
    cursor:pointer;
}
.award-moreinfo-content,
.award-lessinfo {
    display:none;
}
/*********** Chemists Invent Green Page *********************************/

.bluebutton a {
	font-family:"Open Sans", arial, sans-serif;
	color:#fff !important;
	font-size:14px;
	border-radius:15px;
	text-transform:uppercase;
	font-weight:600;
	background-color:#15a8ce;
    padding:5px 18px 5px 18px;
    width:230px;
    margin-left:auto;
    margin-right:auto;
}

.bluebutton a:hover {
    background-color:#008FB5;
    text-decoration:none;
}
.chemist-invent-intro p {
    max-width:550px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-size:17px !important;
}
.greenchemist-row .vc_column-inner {
    padding-left:0 !important;
    padding-right:0 !important;
}
.greenchemist-post-loop {
    display:flex;
    flex-wrap:wrap;
}
.greenchemist-post-loop .green_chemist {
    flex-basis:23%;
    padding-right:1%;
    padding-left:1%;
    position:relative;
}
.greenchemist-post-loop .green_chemist_status-hidden {
    padding-bottom:40px;
}
.greenchemist-post-loop .green_chemist .greenchemist-imagetop {
    position:absolute;
    opacity:0;
    width:92%;
}

.greenchemist-post-loop .green_chemist .greenchemist-imagetop:hover {
    opacity:1;
}

.greenchemist-post-loop .green_chemist .greenchemist-teaser {
    position:absolute;
    top:0;
    width:92%;
    opacity:0;
    height:calc(100% - 100px);
    background-color:rgba(0,0,0,.7);
}
.greenchemist-post-loop .chemnamelink {
    height:90px;
}
.greenchemist-post-loop .green_chemist .greenchemist-teaser p {
    color:#fff;
    margin-top:10%;
    font-size:16px;
    background-color:rgba(130,130,130,.5);
    padding:5px 5px 5px 10px;
}

.greenchemist-post-loop .greenchemist-name {
    font-size:16px;
    margin-top:8px;
}
.greenchemist-post-loop .green_chemist .greenchemist-teaser:hover {
    opacity:1;
}
.greenchemist-post-loop .greenchemist-name,  .greenchemist-post-loop .greenchemist-link {
    text-align:center;
}
.greenchemist-post-loop .post-more, .greenchemist-post-loop .entry-meta {
    display:none;
}
/*** single green chemist posts */

/* allow comments */
.single-green_chemist .entry-comments, .single-green_chemist .comment-respond {
	display:block;
}

.single-green_chemist h3 {
    color:#0b6981;
}
.single-green_chemist .entry-title, .single-green_chemist .entry-meta {
    display:none;
}
.single-green_chemist .greenchemist-name  {
    margin-top:8px;
    font-size:26px;
    color:#13acd3;
    line-height:36px;
}
.single-green_chemist .greenchemist-title, .single-green_chemist .greenchemist-org  {  
    font-size:17px;
    line-height:22px;
    width:375px;
    max-width:45%;
}
.single-green_chemist .greenchemist-title {
    margin-bottom:4px;
    margin-top:2px;
}
.single-green_chemist .greenchemist-story {
    margin-top:40px;
}
.single-green_chemist .greenchemist-story h2 {
    margin-bottom:25px;
    font-size:26px;
}
.single-green_chemist .greenchemist-top {
    display:flex;
}
.single-green_chemist .greenchemist-topleft {
    flex-basis:40%;
    max-width:350px;
}
.single-green_chemist .greenchemist-topright {
    margin-left:6%;
    align-self:center;
    flex-basis:60%;
}
.single-green_chemist .greenchemist-bigtrait-under {
    display:none;
}
.single-green_chemist .chemquote {
    margin-top:65px;
    padding-top:20px;
}


/*************** curriculum topic pages ***************/
/* styles for esg skins  for lessons */
/* title */
a.eg-hs-topics-element-3, a.eg-he-topics-element-3, a.eg-ms-topics-element-3, a.eg-es-topics-element-3{
	color:#fff !important;
	}
a.eg-hs-topics-element-3:hover, a.eg-he-topics-element-3:hover, a.eg-ms-topics-element-3:hover, a.eg-es-topics-element-3:hover {
	color:#fff !important;
	}
/* set background color high school */
.esg-grid .mainul li.eg-hs-topics-wrapper {
	background-color:#22b19e !important;
	}
/* set background color higher ed */
.esg-grid .mainul li.eg-he-topics-wrapper {
	background-color:#74c043 !important;
	}
/* set background color middle school */
.esg-grid .mainul li.eg-ms-topics-wrapper {
	background-color:#0b6981 !important;
	}
/* set background color elementary school */
.esg-grid .mainul li.eg-es-topics-wrapper {
	background-color:#13acd3 !important;
	}
/* remove indent from sidebar topics menu */
.curriculum-sidebar-topics ul {
	padding-left:0;
	}
/** high school curriculum summary section **/
.curr-hs-summary li a {
    color:#0b6981;
}

/* curriculum featured lessons *****/
.curriculum-featured-lesson-text {
	padding-left:15px;
	padding-right:15px;
	min-height:50px;
	}
.curriculum-featured-lesson-text p, .curriculum-featured-lesson-text a, .curriculum-featured-lesson-text a:hover {
	font-size:18px !important;
	font-weight:bold !important;
	}

/* set max width 
  {
	margin-left:30px;
	margin-right:30px;
	max-width: calc(50% - 60px);
	margin-bottom:40px;
	} */
.featured-lesson-highered, .featured-lesson-highschool, .featured-lesson-middleschool, .featured-lesson-elementaryschool {
	max-width:450px;
	margin-let:auto;
	margin-right:auto;
	}
/****** Single Lesson Post Page ******/
.single-lessons .entry-header {
    display:none;
}
.single-lessons .lessons {
    margin-bottom:0;
} 
.single-lessons .content .entry-content {
	display:flex;
	flex-wrap:wrap;
	}
.single-lessons .lesson-sidebar-menu {
	flex-basis:25%;
	margin-right:5%;
	}
.single-lessons .lesson-sidebar-menu p {
    margin-bottom:5px;
}
.single-lessons .lesson-sidebar-menu a {
         font-size:12px;
}
.single-lessons .lesson-content {
	flex-basis:65%;
	}
.single-post-h2 {
    font-size:30px;
    line-height:40px;
}
/**** GCTLC Page *************/
.gctlc-bb-logo img {
    max-width:350px !important;
    width:100%;
}
.GCTLC-about-image img {
    max-width:450px !important;
    width:100%;
}
.GCTLC-about-video {
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
    margin-top:25px;
}
.page-id-7191 .sponsor-post-loop {
    justify-content:center;
}
/************* contact page **************/
/* make text of select subject bigger */
select.wpcf7-select {
	font-size:13px !important;
	color:#0b6981 !important;
	margin-top:5px;
	}
.wpcf7-submit {

    background-color:#13acd3 !important;
}
.wpcf7-submit:hover {
    background-color:#008FB5 !important;
}

/****** Donate Page ********/
.page-id-1243 h3 {
	text-transform:uppercase !important;;
	color:#13acd3;
	font-size:15px !important;;
	font-weight:normal !important;
	}
/***** professional development page **************/
.prof-dev-events-button a {
    color:#fff !important;
    text-transform:uppercase;
    font-weight:600;
    font-size:13px;
    background-color:#0b6981;
    padding:3px 25px 3px 25px;
    border-radius:15px;
}
.prof-dev-events-button a:hover {
    text-decoration:none;
    background-color:#00556D;
}
/*** teacher training, online courses, webinars ***/
/* make whitespace at bottom smaller 
.page-id-1127 .post-112, .page-id-1137 .post-1137,  .page-id-1268 .post-1268 {
    margin-bottom:5px;
}
*/
/**** The Events Calendar CSS *****/

/* month-day in photo view */
.tribe-events-pro .tribe-events-pro-photo__event-date-tag-datetime {
    flex-direction:row !important;
    align-items:baseline;
}
.tribe-events-pro-photo__event-date-tag-month {
    margin-right:5px !important;
    font-size:14px !important;
}
.tribe-events-pro .tribe-events-pro-photo__event-date-tag-month {
    margin-bottom:-1px !important;
    color:#0b6981;
    font-weight:bold;
}
.tribe-events-pro-photo__event-date-tag-daynum {
    color:#0b6981 !important;
    font-size:16px !important;
}
/* featured image in photo view */
.tribe-events-pro-photo__event-featured-image  {
    max-width:350px !important;
    width:100%;
    
}

/*
.tribe-events-pro .tribe-events-pro-photo__event-details-wrapper {
    flex-wrap:wrap;
}
.tribe-events-pro .tribe-events-pro-photo__event-date-tag {
    width:100% !important;
    flex-basis:100%;
}
*/
/* tribe buttons */
.tribe-events .tribe-events-calendar-month__day-cell--selected, 
.tribe-events .tribe-events-calendar-month__day-cell--selected:focus, 
.tribe-events .tribe-events-calendar-month__day-cell--selected:hover
.tribe-common .tribe-events-c-search__button,
.tribe-common .tribe-common-c-btn:focus, 
.tribe-common .tribe-common-c-btn:hover, 
.tribe-common a.tribe-common-c-btn:focus, 
.tribe-common a.tribe-common-c-btn:hover {
    background-color:#0b6981 !important;
}
.tribe-common .tribe-common-c-btn:focus, 
.tribe-common .tribe-common-c-btn:hover, 
.tribe-common a.tribe-common-c-btn:focus, 
.tribe-common a.tribe-common-c-btn:hover {
    background-color:#00556D !important;
}
/***** New Views CSS *******/
.tribe-common h1, 
.tribe-common h2, 
.tribe-common h3, 
.tribe-common h4, 
.tribe-common h5, 
.tribe-common h6, 
.tribe-common p {
    font-family:"Open Sans", sans-serif !important;
}
/* color of photo, month list and single titles */
.tribe-events-pro-photo__event-title a, .tribe-events-pro-photo__event-title a:hover,
.tribe-events-calendar-month__calendar-event-title a, .tribe-events-calendar-month__calendar-event-title a:hover,
.tribe-events-calendar-month-mobile-events__mobile-event-title a, .tribe-events-calendar-month-mobile-events__mobile-event-title a:hover,
.tribe-events-calendar-month__calendar-event-tooltip-title a, .tribe-events-calendar-month__calendar-event-tooltip-title a:hover,
.tribe-events-calendar-list__event-title a, .tribe-events-calendar-list__event-title a:hover,
.tribe-events-single-event-title
{
    color:#13acd3 !important;
}
/* month view title size */
.tribe-events-calendar-month__calendar-event-title a, .tribe-events-calendar-month__calendar-event-title a:hover,
.tribe-events-calendar-month__calendar-event-tooltip-title a:hover
{
    font-size:14px;
}
/* list view title size */
.tribe-events-calendar-list__event-title a, .tribe-events-calendar-list__event-title a:hover
{
    font-size:20px;
}
.tribe-events-calendar-list__event-title {
    line-height:26px !important;
}
.tribe-events-single-event-title {
    font-size:24px !important;
    line-height:34px !important;
}
/* photo, month, list view hover underline */
.tribe-events-pro-photo__event-title a:hover,
.tribe-events-calendar-month__calendar-event-title a:hover,
.tribe-events-calendar-month-mobile-events__mobile-event-title a:hover,
.tribe-events-calendar-month__calendar-event-tooltip-title a:hover,
.tribe-events-calendar-list__event-title a:hover
{
    border-bottom-color:#13acd3 !important;
}
/* color of current day in month view */
.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
    color:#13acd3 !important;
}
/* Search bar */
.tribe-common-c-btn, .tribe-events-c-search__button  {
    background-color:#0b6981 !important;
    padding:5px 10px 5px 10px !important;
    border-radius:none !important;
}
.tribe-events .tribe-events-c-view-selector__list-item-text {
    font-size:18px;
    color:#0b6981;
}
.tribe-events .tribe-events-c-events-bar__search-form {
    max-width:500px;
    padding-right:25px;
    border:1px solid #e4e4e4;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
    border:none !important;
}
/* make date-time bigger in list view */
.tribe-events-calendar-list__event-header .tribe-common-b2 {
    font-size:16px !important;
    color:#0b6981;
    font-weight:bold;
}
/* keep date-time font bigger in mobile list and photo view */
.tribe-common .tribe-common-b2 {
    font-size:14px;
    color:#0b6981;
    font-weight:bold;
}
/* month view date-time */
.tribe-events .tribe-events-calendar-month__calendar-event-datetime,
.tribe-events .tribe-events-calendar-month__day--past .tribe-events-calendar-month__calendar-event-datetime,
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-datetime {
    color:#0b6981;
    font-weight:bold;
}
/* list view featured image */
.tribe-events-calendar-list__event-featured-image-wrapper img {
    max-width:300px;
    width:100%;
}
/* list view month separator */
.tribe-events-calendar-list__month-separator time {
    font-size:24px !important;
}
/* list view weekday */
.tribe-events-calendar-list__event-date-tag-weekday {
    font-size:14px !important;
}
/* add space between items in photo view mobile */
.tribe-common--breakpoint-xsmall.tribe-events-pro .tribe-events-pro-photo__even,
.tribe-events-pro .tribe-events-pro-photo__event {
    margin-bottom:35px !important;
}

/* remove pagination from tribe events pages */
.post-type-archive-tribe_events .archive-pagination, 
.post-type-archive-tribe_events.pagination {
    display:none;
}

/**** Old Events Calendar Views CSS *******/
.tribe-events-list .tribe-events-loop .tribe-events-event-image	{
		float:none;
}
/* upcoming events - events calendar shortcode plugin CSS */
.ecs-event h2.entry-title {
    display:block;
    font-size:18px;
    line-height:22px;
    margin-bottom:10px;
    margin-top:10px;
    font-weight:600;
}
.ecs-event h2 a {
    font-size:18px !important;
}
.ecs-event h2 a:hover {
    color:#13acd3;
}
.ecs-event .ecs-events-list-event-description {
    margin-top:10px;
}
    
/*** posts ************************************************************/
/* size headers on archive pages */
body.archive h2.entry-title a, body.archive h2.entry-title {
	font-family: "Open Sans", sans-serif;
	font-size:24px;
	font-weight: bold;
	margin-bottom:15px;
	}
a.moretag, a:visited.moretag, a:hover.moretag {
	color:#6ebae4 !important;
	font-size:14px;
	font-family:"Open Sans", sans-serif;
}
/* hide "continue reading because we added readmore */
.post .post-more {
	display:none;
}
/* hide comments on custom post types */
.entry-comments, .comment-respond {
	display:none;
}
/**** cutsom post loop pagination *****/
/*** make pagination lineup horizontally **/
.pagination li {
	float:left;
	margin-left:5px;
}
/* set page nav color */
.pagination li a {
	color:#13acd3;
}
 
/* set acive page nav color */
.pagination li.active a, .pagination li a:hover {
	color:#0b6981; 
}
/* add flexbox to center pagination */
.pagination {
	padding-bottom:50px;
	display:flex;
	justify-content: center;
	width:100%;
}
/* make sure paging  starts on a new line in the flex box 
.page-id-25 .navigation {
	flex:100%;
}
*/
.navigation ul {
	flex-grow:0;
}
.pagination ul li {
	list-style-type: none;
	}

/*************** footer *********************/
.site-footer {
	background-color:#fff !important;
	padding-left:30px;
	padding-right:30px;
		}

/* remove genesis gototop */
.site-footer .gototop {
	display:none;
}
/* line up footer widgets area with content */
.footer-widgets .wrap, .site-footer {
	padding-top:25px;
	padding-bottom:25px;
	max-width: 1020px;
	margin-left:auto;
	margin-right:auto;
}

/* 4 Footer widgets */
.footer-widgets .widget-area {
	width:25%;
	float:left;
}

/**** beyond benign footer styles ****/
/* copyright area */
.site-footer {
   font: 300 13px/1.4em Arial, sans-serif;
   color: #999999;
}
.copyright {
    margin-bottom:20px;
}

.footer-widgets {
    background-color: #0b6981 !important;
	padding-left:30px;
	padding-right:30px;
	margin-left:auto;
	margin-right:auto;
	}
/* style footer headings */
.footer-widgets h4 {
	color:#fff;
	border-bottom:0;
	font-size:15px;
	font-family:"open sans", arial, sans-serif;
	font-weight:bold;
	text-transform:none;
	}
/* style footer text and links */
.footer-widgets p, .footer-widgets a {
	font-size:14px;
	font-weight:600;
	color:#b4d8e6 !important;
	line-height:22px;
	margin-bottom:10px;
	font-family:"Open Sans", arial, sans-serif;
	}
	
/****** responsive adjustments ************/
@media only screen and (max-width:1800px) {
	 /* top row of GCC Get Started */
    .gcc-landing-top {
        background-size:35%;
        background-position:right;
    }
} /* 1800*/
@media only screen and (max-width:1280px) {
        /* move home learn more button below join... and center */
	.home-join p {
		float:none;
		text-align:center;
		font-size:3vw !important;
		}
	.home-join {
		padding:2% 0 40px 0;
		}
	.home-join p img {
		padding:10px 20px !important;
		margin-left:calc(50% - 90px);
		}
	.home-join img {
	    width:200px;
	}
} /* 1280 */
@media only screen and (max-width:1030px) {
        .site-inner, .wrap, .site-header .wrap {
	}
    .curriculum-topic-post-loop .topicbox {
        flex-basis:180px;
    }
    .curriculum-topic-post-loop {
        width:816px;
        max-width:100%;
    }
    .greenchemist-post-loop .green_chemist {
        flex-basis:31%;
    }
    .greenchemist-post-loop .green_chemist .greenchemist-imagetop {
        width:94%;
    }

    .greenchemist-post-loop .green_chemist .greenchemist-teaser {
        width:94%;
    }
    .greenchemist-post-loop .green_chemist .greenchemist-teaser p {
            padding:5%;
    }


} /* 1030 */
@media only screen and (max-width:1020px) {
	/* adjust top menu bar to line up with main menu bar */
	.menutopcontainer {
		padding-right:20px;
	}
	/* change top banners from cover background to proportional sizing */
	.topimage, .home-banner-background {
		background-size:100%;
		background-repeat:no-repeat;
		}
	.home-banner-text p {
		font-size:2.2vw;
		line-height:4vw;
		}
	.home-bannercontainer {
		padding-bottom:30px;
		padding-top:30px;
		}
	.home-learnapproach {
		width:30%;
		}
	/* make text in faq boxes responsive */
	.prettyfaq-text, .prettyfaq-answertext {
		font-size:1.7vw !important;
		line-height:2.7vw !important;
	}
	.prettyfaq-text {
		height:85px;
		} 
	/* adjust width of getting started elements */
	.getstarted-text {
		max-width:750px;
		width:calc(100% - 150px);
	}
	/* adjust width of quotes */
	.quote-container {
		margin-right:-80px;
		margin-left:-80px;
	}
	.quote-text {
		width: calc(100% - 160px);
	}


} /* 1020 */
@media only screen and (max-width:980px) {
	
} /* 980 */
@media only screen and (max-width:920px) {
    .curriculum-topic-post-loop {
        width:612px;
    }
     /*** JV invent team banner announcement and highered new resource banner *****/
    .home-newresources .k12-newresources-justin, .home-newresources .k12-newresources-guide, .home-newresources .highered-newresources-justin, .home-newresources .highered-newresources-guide {
        width:100%;
    }
     .k12-newresources-justin  h2, .highered-newresources-justin h2    {
          text-align:center !important;
     }
     .k12-newresources-guide,   .highered-newresources-guide {
         padding-left:20px;
     }
    .home-newresources  .k12-newresources-justin, .home-newresources .highered-newresources-justin {
         padding-left:0px;
    }
    .highered-newresources-guide img {
        max-width:180px !important;
    }
} /* 920 */

@media only screen and (max-width:900px) {
/* when mobile menu is on adjust margins and spacing */
	.ubermenu-main {
		clear:both;
		float:left !important;
		margin-top:0px !important;
		background-color:#fff !important;
		padding-bottom:20px !important;
	}
	.ubermenu-nav li a {
		padding-bottom:15px !important;
		}
	.bb-ubermenu {
	    margin-top:-100px;
	    margin-bottom:35px;
	}
	
	/* submenu dropdown width */
	.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
		width:300px !important;
		min-width:300px !important;
		max-width:300px !important;
		margin-left:130px !important;
		margin-top:-85px;
		}
	 .ubermenu-retractor-mobile {
	 	float:right;
	 	}
	 li.submenu-col2 {
	 	margin-top:-20px !important;
	 	}
	 /* remove indent of uber sub-sub-menus */
	li.indent-submenu ul.ubermenu-submenu-type-mega {
		margin-left:0px !important;
	}
	/** display donate in mobile nav **/
    .main-donate-menu,
    .main-subscribe-menu {
       display:block !important;
     }
    /* remove donate from top-menu */
    .donate-toplink,
    .subscribe-toplink {
        display:none;
    }
	.icon-image {
		margin-left:25px;
		margin-right:25px;
		}
	/* remove big overview button from menus */
	li.bigbutton {
		display:none !important;
		}
	/* style subpage icons */
	.subpage-4icon-row .subpage-icon img, .higher-ed-icons .subpage-3icon-row .subpage-icon img {
		width:80% !important;
	}
	.subpage-4icon-row .subpage-icontext p, .subpage-4icon-row .subpage-icontext a, .subpage-4icon-row .subpage-icontext a:hover,
	.subpage-3icon-row .subpage-icontext p, .subpage-3icon-row .subpage-icontext a, .subpage-3icon-row .subpage-icontext a:hover,
	.subpage-2icon-row .subpage-icontext p, .subpage-2icon-row .subpage-icontext a, .subpage-2icon-row .subpage-icontext a:hover {
		font-size:16px;
	}
	/* adjust size of inpractice section on getting started page */
	.inpractice-image {
		width:30%;
		height:auto !important;
		}
	.inpractice-text {
		width:calc(70% - 25px);
		}
	/*** homepage new resources and overview page new resources */
	.home-newresources-text-col {
	    max-width:400px;
	    margin-left:auto;
	    margin-right:auto;
	}
	.page-id-30 .home-newresources-text p, .page-id-30 .home-newresources-button p {
	    text-align:center;
	    max-width:400px;
	    margin-left:auto;
	    margin-right:auto;
	}
	/********* about page *********/
	#about-theory-section  {
		margin-left:-15px !important;
		margin-right:-15px !important;
		}
	/* stack prettyfaqs */
	.prettyfaq-container {
		float:none;
		margin-left:auto;
		margin-right:auto;
		width:100%;
		max-width:300px;
		}
	.prettyfaq-question {
	    top:10px;
	}
	/* make text in faq boxes fixed size */
	.prettyfaq-text {
		font-size:20px !important;
		line-height:25px !important;
	}
	.prettyfaq-text {
		height:120px;
		} 
	.prettyfaq-answertext {
		font-size:16px !important;
		line-height:28px !important;
		}
	.prettyfaq-answer {
		width:100%;
		}
	/*** homepage new resources section ****/
	/* stack images on top */
	.home-newresources-col .vc_row {
	    display:flex;
	    flex-wrap:wrap;
	}
	.home-newresources-cover img {
	    max-width:200px !important;
	}
	.home-newresources-cover-col, .home-newresources-text-col {
	    flex-basis:100%;
	}
	.home-newresources-text-col {
	    max-width:400px;
	}
	/* stack footer widgets */
	.footer-widgets-3 {
	    clear:both;
	}
	.footer-widgets-3, .footer-widgets-4 {
	    margin-top:25px;
	}
	.footer-widgets .widget-area {
	    width:50%;
	}
	.news-post-loop .news {
        flex-basis:46%;
    }
		
} /* 900 */

@media only screen and (max-width:830px) {
    .commit-now-buttons-row .vc_col-sm-4 {
            width:100% !important;
          }
    .signer-map-buttons-row .vc_col-sm-6 {
        width:100% !important;
    }
} /* 830 */

@media only screen and (max-width:768px) {
	.tribe-events-loop .tribe-events-event-meta {
		background-color:#fff;
		border:none;
	}
	/* change background color and text color of next and previous */
	.tribe-events-sub-nav li a {
		background-color:#fff;
		color:#13acd3 !important;		
		}
 
 } /* 768 */

@media only screen and (max-width:767px) {
	/* add padding to header */
	#header-container {
		padding-bottom:30px;
		}
	/* remove padding from top of content on homepage */
	#content {
		padding-top:0px;
		}
	/* set max size of content for all pages */
	body:not(.home) #main {
		padding-left:2%;
		padding-right:2%;
	}
	/* adjust page title icon */
	.baricon {
		width:70px;
		padding-right:10px !important;
		padding-left:2% !important;
		margin-top:2px;
		margin-right:5px;
		}
	.subpage-title h1 {
		font-size:20px !important;
		color:#fff !important;
		}
	.subpage-title {
		padding-bottom:22px;
		}
	.beautybarcontainer {
		margin-left:2%;
		}
	/* adjust position of mobile nav */
	.ubermenu-responsive.ubermenu .ubermenu-nav {
		margin-top:25px;
		}
	.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
		margin-top:-75px;
		}
	/* make homepage and subpage icons stay two in row */
	.icon-column {
		width:50% !important;
		float:left;
		}
	.subpage-4icon-row .subpage-icon-column, .subpage-3icon-row .subpage-icon-column, .subpage-2icon-row .subpage-icon-column {
		width:50%;
		float:left;
		}
	/* style subpage icons */
	.subpage-4icon-row .subpage-icon img, .higher-ed-icons .subpage-3icon-row .subpage-icon img {
		width:100% !important;
	}
	/* add indentation to second row of higher-ed icons */
	.higher-ed-icons .subpage-4icon-row, .higher-ed-icons .subpage-3icon-row, .prof-dev-icons .subpage-2icon-row {
		margin-left:40px !important;
		margin-right:40px !important;
	}
	/* on mobile display one tweet instead of scrolling window */
	.onetweet  {
		display:block;
		max-width:450px;
		}
	.tweetlist {
		display:none;
		}
	/* remove padding add border from twitter widget */
	/* add some space between twitter column and theory image */
	.twitter-column .vc_column-inner {
		padding-left:0px;
		border-left: 0px;
	}
	.mailchimp-form-col .vc_column-inner {
		padding-top:0 !important;
		}
	/* limit size of text and heading when news and events on homepage stack */
	.news-events-text, .news-events-heading, .news-events-button {
		max-width:430px;
		margin-left:auto !Important;
		margin-right:auto !important;
		}
	/* adjust size of inpractice section on getting started page */
	.inpractice-image {
		width:100%;
		max-width:300px;
		}
	.inpractice-text {
		width:100%;
		float:none;
		clear:both;
		}
	/**** about pages ****/
	.about-theory-v {
		display:none;
		}
	.about-theory-mobile {
		display:block;
		}
	.about-sustainable .wpb_text_column {
		margin-bottom:0 !important;
		}
	.about-sustainable {
		padding-bottom:25px;
		}
	/********* news grid ***********/
	.news-post-grid .vc_grid-item {
		padding-bottom:0 !important;
		}
	/*** about green chem three things **/
	.about-GC-threethings .wpb_text_column {
		margin-bottom:15px !important;
		}
	.about-GC-threethings {
		padding-bottom:35px !important;
		}
	/* limit size of people grid when it goes to two columns */
	.people-grid {	
		max-width:725px;
		margin-left:auto;
		margin-right:auto;
		}
	.eg-12-principles-element-10 {
		font-size:15px !important;
		line-height:22px !important;
		font-weight:normal !important;
 		}
 	/* 12 priniciples - turn off zoom on mobile */
	.esg-grid li.eg-12-principles-wrapper:hover {
 		-webkit-transform: scale(1.0, 1.0) !important;
 		-moz-transform: scale(1.0, 1.0) !important;
 		-o-transform: scale(1.0, 1.0) !important;
 		-ms-transform: scale(1.0, 1.0) !important;
 		transform: scale(1.0, 1.0) !important;
 		}
 	/* don't stack the ABC on the top of the leadteacher page */
 	.leadteacher-abc .vc_column_container {
 		width:33%;
 		float:left;
 		}
 	.leadteacher-abc {
 		margin-left:20px;
 		margin-right:20px;
 		}

 	/* set student fellow grid to two across with a max height */
 	.fellows-grid {
 		max-height:220px;
 		}
 
 	.student-fellows-grid .vc_grid-item {
 		width:50%;
 		float:left !important;
 		}
 	/**** curriculum featured lessons ****/
 	/* curriculum featured lessons *****/
        /* make sure title is not wider than image */
        .curriculum-featured-lesson-text {
	   max-width:450px;
	   margin-left:auto;
	   margin-right:auto;
	   padding-left:10px;
	   padding-right:10px;
	   }
       /* set max width when items stack */
       .featured-lesson-highered, .featured-lesson-highschool, .featured-lesson-middleschool, .featured-lesson-elementaryschool {
	   max-width:450px;
	   margin-left:auto;
	   margin-right:auto;
	   }
	/**** school profiles - stack name and logo ****/
	.school-profile-name {
		width:100%;
		float:none;
		margin-top:-10px;
		height:auto;
		}
	
	.school-profile-logo {
		margin-top:10px;
		float:none;
		margin-bottom:0;
		}
	.school-profile {
		margin-top:20px;
		}
	
	/* gcc get started page **/
	.gcc-get-started-icon-column {
	    display:none !important;
	}
	 /* top row of GCC Get Started */
    .gcc-landing-top {
        background-size:contain;
        background-position:top center;
        padding-top:170px;
    }
    /* gcc-landing-studentlearning-image */
    .gcc-landing-studentlearning-image .vc_column-inner {
        margin-bottom:0 !important;
    }
    .gcc-landing-meetadvisoryboard {
        margin-bottom:0 !important;
        margin-top:25px;
    }
	/* student learning objectives page */
	.student-learning-obj-text-col {
	    flex-basis:75%;
	}
	.student-learning-obj-img-col {
	    flex-basis:25%;
	}
	.casestudy-post-loop .school_profiles {
        flex-basis:33%;
    }
	/*** visionary partners and sponsors ***/
	.sponsor-tiers .sponsor-post-loop.visionary .partners {
	    flex-basis:45%;
	}
	/*** Other partners and sponsors ***/
	.sponsor-tiers .sponsor-post-loop.Other .partners {
	    flex-basis:25%;
	}
	/*** all other tiers partners and sponsors ***/
	.sponsor-post-loop .partners {
	    flex-basis:33%;
	}
	.partner-post-loop .partners {
	    flex-basis:100%;
	    text-align:center;
	}
	/*** get started section on all get started pages ***/
	.getstarted-container img {
	    padding-bottom:5px !important;
	}
	/**** lesson topic pages ****/
	.single-topic-page {
       flex-wrap:wrap;
    }
    .lesson-sidebar-menu {
       flex-basis:100%;
       order:2;
    }
    .single-lessons .lesson-content {
       flex-basis:100%;
       max-width:650px;
       order:1; 
    }
    .lesson-post-loop{
       flex-basis:100%;
       max-width:650px;
       order:1;
    }
    .greenchemist-post-loop .green_chemist {
        flex-basis:48%;
    }
    .greenchemist-post-loop .green_chemist .greenchemist-imagetop {
        width:96%;
    }
    .greenchemist-post-loop .green_chemist .greenchemist-teaser {
        width:96%;
    }
    .greenchemist-post-loop .green_chemist .greenchemist-teaser p {
            padding:5%;
    }
        
    .single-green_chemist .greenchemist-topright {
       display:none;
    }
   .single-green_chemist .greenchemist-bigtrait-under {
        display:block;
        margin-top:40px;
        max-width:500px;
    }
    .single-green_chemist .greenchemist-topleft {
        flex-basis:100%;
    }
    .single-green_chemist .greenchemist-title, .single-green_chemist .greenchemist-org  {  
      max-width:100%;
    }
    /**** Curriculum - Green Chemistry Organic Resource Guide Sign-up ***/
    .greenchem-resourceguide-text .resource-guide-cover,
     .inorganic-resourceguide-text .inorganic-resource-guide-cover {
         max-width:300px;
         width:100%;
         float:none;
         margin-left:auto;
         margin-right:auto;
         margin-bottom:25px;
     }
    .inorganic-resourceguide-text .inorganic-resource-guide-cover img {
        margin-bottom:25px;
    }
     .inorganic-resourceguide-text p {
         clear:both;
     }

	/* category menu on news tax page */
   .tax-news_categories #main-sidebar-container {
      flex-wrap:wrap;
   }
   .tax-news_categories .tax-category-menu {
      flex-basis:100%;
      padding-left:2%;
      margin-bottom:25px;
      order:2;
   }
   .tax-news_categories #main {
      flex-basis:100%;
      order:1;
   }

	.sitecredit {
		float:left !important;
		max-width:200px;
		margin-top:25px !important;
		clear:both;
		}
	  /*** new resources announcement 
	   (homepage and k12 and highered overview pages *****/
	 .home-topannouncement-image {
	     text-align:center !important;
	 }
    
     .home-newresources-text p,   .home-newresources-button p {
         text-align:center;
     }
     .home-newresources img {
         max-width:250px !important;
     }
     .home-topannouncement .home-newresources-button  {
         margin-bottom:10px;
     }
     .home-newresources h2 {
         line-height:48px;
     }
   .home-newresources .k12-newresources-guide, .home-newresources .highered-newresources-guide {
            max-width:500PX;
            margin-left:auto;
            margin-right:auto;
            padding-left:0px;
     }
     .home-newresources .highered-newresources-guide img {
         max-width:180px !important;
     }
     /* swap order of icon and text */
          .home-newresources .k12-newresources-guide, .home-newresources .highered-newresources-guide {
         display:flex;
     }
       .k12-newresource-text, .highered-newresource-text {
         order:2;
     }
       .k12-newresource-icon, .highered-newresource-icon {
         order:1;
     }


} /* 767 */

@media only screen and (max-width:715px) {
 	.about-12principles {
 		max-width:550px !important;
 		margin-left:auto;
 		margin-right:auto;
 		}
 	.eg-12-principles-element-10 {
		font-size:16px !important;
		line-height:24px !important;
		font-weight:normal !important;
 		}

	/* school profiles - stack table */
	.profile-right-col {
		width:90%;
		border-left:none;
		}
	.profile-left-col {
		width:100%;
		padding-bottom:0;
		}
	.single-lessons .lesson-sidebar-menu {
		flex-basis:100%;
		margin-right:0;
		order:2;
	}
	.single-lessons .lesson-content {
		flex-basis:100%;
		order:1;
	}

    .curriculum-topic-post-loop .topicbox {
        flex-basis:170px;
    }
    .curriculum-topic-post-loop {
        width:582px;
    }

 } /* 715 */
@media only screen and (max-width:625px) {
    .curriculum-topic-post-loop {
        width:368px;
    }
    .curriculum-topic-post-loop .topicbox {
        flex-basis:160px;
        margin-bottom:25px;
    }
    .gcc_awards {
        flex-basis:100%;
        margin-right:0;
    }
}
@media only screen and (max-width:600px) {
	.higher-ed-icons .subpage-4icon-row, .higher-ed-icons .subpage-3icon-row, .prof-dev-icons .subpage-2icon-row {
		margin-left:0 !important;
		margin-right:0 !important;
	}
	/* adjust top gray bar items to stack */
	.menutopwrapper {
		height:100px;
		}
	.menutopcontainer {
		float:none;
		padding-top:15px;
		padding-left:15px;
		clear:both;
		}
	.search #searchform {
		float:none;
		}
	/**** about overview */
	.about-impact img {
		width:33% !important;
		}
	/* stack getting started section */
	.getstarted-text {
		width:100%;
		}
	.eg-12-principles-element-10 {
		font-size:15px !important;
		line-height:21px !important;
		font-weight:normal !important;
 		}
 	/* set max with of webinar grid item */
	.webinar-archive-grid  {
		max-width:300px;
		margin-left:auto;
		margin-right:auto;
		}
	/* set max with of lessons grid item */
	.curriculum-topics-grid  {
		max-width:300px;
		margin-left:auto;
		margin-right:auto;
		}
	/* adjust homepage banner text and image */
	.home-banner-text p {
		font-size:2.8vw;
		line-height:5vw;
		}
	.home-join img {
	    width:180px;
	}
	.home-learnapproach-p {
		margin-left:40%;
		margin-top:-9%;
		}
	.home-learnapproach {
		width:60%;
		}
	.home-bannercontainer {
		padding-top:5%;
		padding-bottom:5%;
		}

	/*** visionary partners and sponsors ***/
	.sponsor-tiers .sponsor-post-loop.visionary .partners {
	    flex-basis:100%;
	}
	/*** Other partners and sponsors ***/
	.sponsor-tiers .sponsor-post-loop.Other .partners {
	    flex-basis:33%;
	}
	/*** all other tiers partners and sponsors ***/
	.sponsor-post-loop .partners {
	    flex-basis:50%;
	}
	/* chemists invent green */
	.page-id-4358 .small-indent {
	    margin-left:0;
	    margin-right:0;
	}
	.page-id-4358 .small-indent-row {
	    padding-left:0;
	    padding-right:0;
	}
	.footer-widgets-1, .footer-widgets-2 {
	    margin-top:25px;
	}
	.footer-widgets .widget-area {
	    width:100%;
	}
	.home-icontext p {
		font-size:14px !important;
		}
	.news-post-loop .news {
        flex-basis:100%;
    }
	
} /* 600 */

@media only screen and (max-width:500px) {
	/* make headers a bit smaller  - but not on lead teacher page */
	body:not(.page-id-170) h2 {
		font-size:28px !important;
		line-height:35px !important;
		}
    .bb-news_categories-post h2 a {
        font-size:18px !important;
        line-height:26px !important;
        display:block;
    } 
	/* move home learn more button below join... and center */
	.home-join p {
		font-size:4.5vw !important;
		}
	.home-join {
		padding:20px 0 40px 0;
		}
	/* adjust homepage icons size and text */
	.icon-image {
		margin-left:15px;
		margin-right:15px;
		}
	.home-icontext p {
		font-size:13px !important;
		}
	.home-icontext {
		height:65px !important;
		}
	.icon-image {
		margin-bottom:5px !important;
		}
	/* make text in faq boxes fixed size */
	.prettyfaq-text {
		font-size:18px !important;
	}
	.greenchemist-post-loop .green_chemist {
        flex-basis:100%;
        margin-left:auto;
        margin-right:auto;
    }
    .greenchemist-post-loop .green_chemist .greenchemist-imagetop {
        width:98%;
    }
	.greenchemist-post-loop .green_chemist .greenchemist-imagebottom {
        width:100%;
    }
    .greenchemist-post-loop .green_chemist .greenchemist-teaser {
        width:98%;
    }
    .greenchemist-post-loop .green_chemist .greenchemist-teaser p {
        margin-top:30px;
    }
    /* student learning objectives page */
	.student-learning-obj-text-col {
	    flex-basis:100%;
	    margin-bottom:20px;
	}
	.student-learning-obj-img-col {
	    flex-basis:100%;
	    margin-bottom:10px;
	}
	.student-learning-obj-img-col img {
	    width:90px;
	}
	.casestudy-post-loop .school_profiles {
        flex-basis:50%;
    }
 	
} /* 500 */
@media only screen and (max-width:479px) {
	/* remove padding from header */
	/* add padding to header */
	#header-container {
		padding-bottom:0px;
		}
	/* adjust this to fix weird but in firefox */
	.intro-with-background {
		margin-top:-32px;
	}
	.bb-ubermenu {
	    margin-top:-20px;
	    padding-bottom:20px;
	}
	/* adjust position of mobile nav on smaller phones */
	.ubermenu-responsive.ubermenu .ubermenu-nav {
		margin-top:0px;
		}
	.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main {
		margin-top:0px;
		float:left;
		}
	/* resize icons in submenu */
	.ubermenu-submenu li a img {
		width:25px;
		height:25px;
		margin-right:10px !important;
		}
		.ubermenu-submenu li a .ubermenu-target-title {
			padding-top:3px !important;
			padding-left:0px !important;
		}
	/* submenu dropdown width */
	.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
		margin-left:90px !important;
		width:250px !important;
		max-width:250px !important;
		min-width:250px !important;
		}

	/* adjust page title */
	.baricon {
		width:55px;
		padding-top:8px !Important;
		}
	.subpage-title h1 {
		font-size:16px !important;
		padding-top:18px;
		}
	.subpage-title {
		padding-bottom:18px;
		}
	/* reduce size of subpage overview icon text */
	.subpage-4icon-row .subpage-icontext p, .subpage-4icon-row .subpage-icontext a, .subpage-4icon-row .subpage-icontext a:hover,
	.subpage-3icon-row .subpage-icontext p, .subpage-3icon-row .subpage-icontext a, .subpage-3icon-row .subpage-icontext a:hover {
		font-size:13px;
	}
	/* style subpage icons */
	.subpage-4icon-row .subpage-icon img, .higher-ed-icons .subpage-3icon-row .subpage-icon img, .subpage-3icon-row .subpage-icon img {
		width:80% !important;
	}
	.getstarted-text {
		clear:both;	
	}
	.getstarted-image {
		padding-bottom:10px !important;
		}
	/* limit size of people grid when it goes to two columns */
	.people-grid {	
		max-width:300px;
		margin-left:auto;
		margin-right:auto;
		}
	/* adjust position of excerpt */
	.eg-bb-people-element-3 {
		margin-top:40px !important;
		font-size: 15px !important;
    		line-height: 22px !important;
		}
	/* adjust font on 12principles grid */
	.about-12principles {
		max-width:300px !important;
		}
	.eg-12-principles-element-10 {
		font-size:16px !important;
		line-height:26px !important;
		font-weight:normal !important;
 	}
 	/* adjust mailchimp lead teacher signup form */
	div#mc_embed_signup_scroll p {
		max-width: 100%;
		float: none;
		margin-bottom:0;
	}
	.lt-blog-form .button, .lt-blog-form {
		margin-top:0;
		margin-left:0;
		}
	.lt-blog-page div#mc_embed_signup_scroll, .lt-blog-page .lt-blog-form {
		float:none;
	}
body:not(.home)	.content-sidebar-wrap {
	    padding-left:1%;
	    padding-right:1%;
	}
	
} /* 479 */

@media only screen and (max-width:400px) {
	/* adjust fonts and spacing of top menu bar */
	.toplink {
		font-size:13px !important;
		margin-left:15px !important;
	}
	/* adjust homepage icons size and text */
	.home-icontext p {
		font-size:12px !important;
		}
    .curriculum-topic-post-loop {
        width:229px;
    }
   .curriculum-topic-post-loop .topicbox {
        flex-basis:205px;
    }
    .gctlc-bluebutton a {
        font-size:12px;
    }
    .countdown-text p {
        font-size:40px;
    }
} /* 400 */
@media only screen and (max-width:379px) {
	/* remove some padding from header */
	#header {
		padding-left:10px !important;
		}
	/* adjust homepage icons size and text */
	.icon-column {
		width:100% !important;
		margin-bottom:20px;
		}
	.icon-image {
		margin-left:60px;
		margin-right:60px;
		}
	.home-icontext p {
		font-size:15px !important;
		}
	.home-icontext {
	    margin-bottom:15px !important;
	}
	.icon-column .wpb_single_image {
	 	margin-bottom:5px;
	 	}
	 .icon-image {
		margin-bottom:10px !important;
		}
	/* submenu dropdown width */
	.ubermenu-responsive .ubermenu-nav .ubermenu-item .ubermenu-submenu.ubermenu-submenu-drop {
		margin-left:60px !important;
		}
	/* fix weird bug in firefox */
	.subpage-icon-column .vc_column-inner {
		padding-left: 1%;
		padding-right:1%;
		}
    .signer-map-buttons-row a {
         font-size:14px !important;
         padding:10px !important;
    }
	
} /* 379 */
@media only screen and (max-width:365px) {
 	
 } /* 365 */