/*
Theme Name:     NSF 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-sample-3-2.css");

/**** Colors *****/

/* Dark Grey: #707070
/* light blue: #e1eff4 (big heading)
/* Blue buttons: hover color: #0D647E
/* Golden buttons hoover color: #C48D12
/* Red: #e5584c
*/
/* ## Headings and Fonts */

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

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

h1, h1.entry-title {
	font-family: 'Lato', sans-serif;
	color:#D6A841;
    font-size:40px;
    font-weight:bold;
    text-transform:uppercase;
}

h2, h2.entry-title  {
	color:#0083A9;
    font-size:30px;
}

h3 {
	font-size: 20px;
	color:#0083A9;
}

h4 {
	font-size: 16px;
}
body > div {
    font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: normal;
    color:#707070;
    line-height:1.3em;
}
p {
	margin-bottom:1.2em;
    font-family: 'Lato', sans-serif;
	font-size: 20px;
	font-weight: normal;
    color:#707070;
    line-height:1.4em;
}
a, a:visited, .entry-title a, a:hover {
	color:#e5584c;
}
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  */
}
tr, tbody {
    border:none;
}
/********** Page Layout **********/

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

/********* header settings *************/
.site-header {
    	box-shadow:none;
    	z-index:0;
    	position:relative;
}
.site-header .wrap {
	margin-top:30px;
	margin-bottom:0px;
}
.title-area p, .title-area h1 {
	display:none;
}
.site-header .wrap .widget {
    margin-bottom:0;
}
/* set dimensions of logo */
.logo {
	max-width:215px;
	height: auto;
	visibility:hidden
	}
.logo-image {
    position:relative;
	z-index:30000;
}	
.new-logo {
    position:absolute;
    top:60px;
    left:calc(50% - 620px);
    width:215px;
}
.top-menu {
    float:right;
    width:440px; /* buy ticket - was 400 for donate */
    margin-top:45px;
    margin-right:40px;
}
.top-menu a {
    padding-left:20px;
}
.top-menu img {
    margin-top:-2px;
    background-color:#929397;
    border-radius:50px;
}
.top-menu img:hover {
  background-color:#797A7E;
}
.topmenu-contact-link {
    color:#0083A9 !important;
    font-size:15px;
}
.topmenu-contact-link:hover {
    color:#0D647E !important;
    text-decoration:none;
}
.topmenu-donate-link, .topmenu-donate-link:visited {
    color:#fff;
    font-size:16px;
    font-weight:900;
    background-color:#D6A841;
    padding:10px 20px 10px 20px;
    margin-left:35px;
    letter-spacing:0.8px;
    
}
.topmenu-donate-link:hover {
    background-color:#C48D12;
    color:#fff;
    text-decoration:none;
}

/* reduce space bewteen content and footer */
.page .entry {
	margin-bottom:0px;
}
.content {
	width: 100%;
	}

/********** navigation ****************/	
/* move main menu to right of logo */
.nav-primary {
    width:100%;
    margin-top:-45px;
    background: transparent linear-gradient(to right, #fff 70%, #e1e1e1 30%) 0% 0% no-repeat padding-box; 
    padding-top:0;
    position:relative;
    padding-bottom:0;
    padding-right:30px;
}

.genesis-nav-menu {
   width:560px;
   float:right;
   text-transform:uppercase;
   font-family: "Lato", sans-serif;
   font-size:16px;
   font-weight: normal;
   background: transparent linear-gradient(90deg, #FFFFFF 0%, #e1e1e1 100%) 0% 0% no-repeat padding-box;
}
.nav-primary .menu-item {
    float:left;
}
/* remove sub-menu arrow indicator */
.nav-primary .sf-sub-indicator {
    display:none;
}
.mobile-menu-only {
    display:none !important;
}
.nav-primary .genesis-nav-menu a {
	 padding:15px 25px 15px 25px;
}
.genesis-nav-menu li a {
	 color:#707070;
	 text-decoration: none;
}
.genesis-nav-menu li a:hover {
	 color:#0083A9 !important;
	 text-decoration: none;
}

/* submenu width */
.genesis-nav-menu .sub-menu{
	position:absolute !important;
	width:180px;
}

.genesis-nav-menu ul.sub-menu li a {
	text-transform:capitalize;
	font-size: 15px !important;
	padding-top:0px !important;
	font-family:'Lato', sans-serif;
	color:#707070;
	border:none;
	}
.genesis-nav-menu ul.sub-menu li a:hover {
    color:#0083A9;
}
/* submenu background color */
.genesis-nav-menu ul.sub-menu, .genesis-nav-menu ul.sub-menu li a {
	background-color:#ececec;
	}

.genesis-nav-menu ul.sub-menu {
	border:none;
	padding-top:15px;
	padding-bottom:5px;
}
/* color of current menu item */
.genesis-nav-menu .current-menu-item a, .genesis-nav-menu .sub-menu .current-menu-item a, .genesis-nav-menu .current-menu-parent a {
	color:#0083A9;
}
.genesis-nav-menu li:not(.current-menu-item):not(.current-menu-parent) a, .genesis-nav-menu .sub-menu li:not(.current-menu-item) a {
	color:#707070;
}


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

.home .nav-primary {
    margin-bottom:0;
}
.home .content {
 /*   margin-top:-18px; */
}
.home-banner figure, .home-banner .vc_single_image-wrapper, .home-banner img {
    width:100%;
}
.home-happening-image img {
    width:100%;
    max-width:600px;
    max-height:400px;
    margin-left:auto;
    margin-right:auto;
    object-fit:contain;
}
.home h2 {
    text-align: center;
    font-weight:bold ;
    font-size: 115px;
    letter-spacing: 10px;
    text-transform: uppercase;
}
.home-happening h2 {
    color: #e1eff4;
}
.home-happening-headline a:hover {
    text-decoration:none;
}
.home-happening-headline h3:hover {
   color:#c48d12;
}
.home-happening-headline h3 {
    text-align: center;
    font-size:30px;
    letter-spacing: 2px;
    color: #D6A841;
    text-transform: uppercase;
    line-height:40px;
}
.home-happening-headline {
    margin-bottom:25px;
}
.home-happening-text p {
    font-size: 25px;
    color: #707070;
    line-height:1.5em;
}
.home-happening-text {
        margin-bottom:60px !important;
}
.bold-blue-button a {
    font-size:16px;
    text-transform:uppercase;
    color:#fff;
    background-color:#0683A9;
    padding:10px 20px 10px 20px;
    font-weight:900;
    letter-spacing:0.8px;
}
.bold-blue-button a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#0D647E;
}
.home-news {
    background-image:url('/wp-content/uploads/home-news-background.jpg');
    background-size:cover;
    background-position:top right;
}
.home-news h2 {
    color: #fefcf9;
    padding-top:25px;
}
/* home news loop */
.home-news-loop {
    display:flex;
    justify-content:space-between;
}
.home .nsf_news {
    flex-basis:30%;
    margin-bottom:30px;
}
/* reorder the image and the title */
.home .nsf_news header {
    display:flex;
    flex-wrap:wrap;
}
.home .nsf_news h2 {
    font-size:30px;
    letter-spacing:0;
    text-transform:none;
    flex-basis:100%;
    order:2;
    text-align:left;
    line-height:1.25em;
}
.home .nsf_news h2 a {
    color:#0083A9;
}
.home .nsf_news h2 a:hover {
    color:#0D647E;
    text-decoration:none;
}
.home .news-image {
    flex-basis:100%;
    order:1;
    width:100%;
    padding-top:45%;
    position:relative;
}
.home .news-image img {
    width:100%;
    max-width:372px;
    max-height:167px;
    object-fit:contain;
    position:absolute;
    top:0;
    height:100%;
}

.home .nsf_news p, .home .nsf_news .entry-content {
    line-height:1.25em;
}
.home .nsf_news p {
    margin-bottom:0;
}
/* .read-more class is generated by advanced excerpt plugin */
/* not using moretag anymore */
.home .nsf_news .moretag, .home .nsf_news .read-more p {
    font-size:14px;
    margin-top:10px;
}
.home .nsf_news .moretag a, .home .nsf_news .read-more p {
    color:#E5584C;
}
.home .nsf_news .news-date {
    display:none;
}
.blue-link a {
    color:#0083A9;
}
.home .blue-link a:hover {
    color:#0D647E;
    text-decoration:none;
}

.home-waystogive h2 {
    color:#dde8e8;
    padding-top:25px;
}
.home-waystogive {
    background-image:url('/wp-content/uploads/home-waystogive_background.jpg');
    background-size:cover;
    background-position:right;
    padding-bottom:30px;
}
.waystogive-button  {
    padding-left:20px;
    padding-right:20px;
}
.waystogive-button img {
    background-color:#0083A9;
}
.waystogive-button img:hover {
    background-color:#0D647E;
}
.home-waystogive-text-row {
    margin-top:35px;
}
.home-waystogive-text p {
    font-size: 22px;
    color: #707070;
    line-height:1.6em;
    text-align:center;
    max-width:900px;
    margin-left:auto;
    margin-right:auto;
}
.home-video-col {
    padding-right:3% !important;
}
.home-nominate-col {
    padding-left:3% !important;
}
.home-video-text img {
    width:85%;
}
.home-nominate-text img {
    position:absolute;
    width:46%;
    top:25%;
    left:30%;
}
.home-nominate-text img {
     background-color:rgba(214, 168, 65, .9); 
     padding:20px;
}
.home-nominate-text img:hover {
    background-color:rgba(196, 141, 18, .9);
}
.home-video-text {
    background-color:#D6A841;
}
.home-video {
    margin-bottom:0 !important;
}
.home-sponsors h2 {
    color:#fcfcfd;
}

	
/***** secondary pages *********/
/* limit content area to 850px */
body:not(.home) .content {
	max-width: 1300px !important;
	padding-top:50px;
	padding-left: 5%;
	margin-left: auto;
	margin-right: auto;
}
/* subpage headings */
.banner-container {
    width:100%;
    background-color:#0083A9;
    padding-top:40px;
}
.banner-background {
    width:100%;
    max-width:1300px;
    margin-left:auto;
    margin-right:auto;
    padding-left:30px;
    padding-right:30px;
}
/* don't show page headers */
.page .entry-header h1 {
    display:none;
}

.image-caption p {
    font-size:15px;
    font-weight:bold;
    margin-top:-15px;
    max-width:430px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}
.subpage-whitebox-section {
    background-image:url('/wp-content/uploads/about-swoop@2x-noborder.jpg');
    background-size:cover;
    background-position:top 15px right;
    margin-top:40px;
    padding-top:60px;
    padding-bottom:60px;
}
.subpage-whitebox-row {
    max-width:calc(1060px - 6%);
    margin-left:auto !important;
    margin-right:auto !important;
    background-color:#fff;
    padding-left:3%;
    padding-right:3%;
}
.subpage-whitebox-row li {
    margin-bottom:10px;
}
.subpage-whitebox-row a {
    color:#E5584C;
}
.subpage-whitebox-button a {
    font-size:24px;
    text-transform:uppercase;
    color:#fff;
    background-color:#0683A9;
    padding:20px 35px 20px 35px;
    font-weight:normal;
}
.subpage-whitebox-button a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#0D647E;
}
.subpage-whitebox-button {
    padding-top:20px;
    padding-bottom:30px;
}
.subpage-text p, .subpage-text form {
    max-width:960px;
}
.subpage-intro p {
    max-width:1060px;
}
.subpage-redlink a {
    color:#E5584C;
}
.subpage-whitebox-quote p {
    color:#0083A9;
    margin-left:20px;
    margin-right:10px;
}
/***** About Page ****/
.page-id-15 p strong {
    color:#0083A9;
}
.about-topsection-rightcol {
    width:45% !important;
}
.about-topsection-leftcol {
    width:55% !important;
}
.about-mission-image img {
    width:100%;
    max-width:480px;
    max-height:650px;
    margin-left:auto;
    margin-right:auto;
    object-fit:contain;
}

/***** Board and Staff page *******/
.nsf-staff-loop, .nsf-directors-loop, .nsf-advisory-loop {
    margin-bottom:40px;
}
.nsf-staff-loop h2.entry-title, .nsf-directors-loop h2.entry-title, .nsf-advisory-loop h2.entry-title {
    display:none;
}
.staff-link a::after {
    content:">>";
    letter-spacing:1px;
    font-size:20px;
    color:#E5584C;
    margin-left:5px;
    font-weight:600;
}
.staff-link a {
    color:#707070;
}
.staff-link a:hover {
    color:#D6A841;
    text-decoration:none;
}
.nsf-directors-loop {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    height:270px;
}
.nsf-directors-loop .nsf_staff {
    flex-basis:14%;
    width:33%;
    padding-bottom:10px;
}
.nsf-advisory-loop {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    height:200px;
}
.nsf-advisory-loop .nsf_staff {
    flex-basis:20%;
    width:33%;
    padding-bottom:10px;
}
.single-nsf_staff h1.entry-title {
    display:none;
}
.single-nsf_staff h1 {
    font-size:30px;
    text-transform:none;
}
body.single-nsf_staff .content {
    max-width:900px !important;
    margin-left:0;
}
/**** join our team page *****/
.page-id-1418 p {
    font-size:16px;
}
.page-id-1418 ul {
    margin-top:-6px;
}
.page-id-1418 li {
    font-size:16px;
    line-height:24px;
    margin-bottom:6px;
}
/***** educators page ******/
.educators-criteria-section {
    max-width:1000px;
}
.educators-image img {
    width:100%;
    max-width:560px;
    max-height:300px;
    margin-left:auto;
    margin-right:auto;
    object-fit:contain;
}
/* make icons and text closer together */
/* these styles are for the revised annual appeals page with pillar icons */
.nsf-funding-goals .nsf-goals-icon-col {
    width:100px !important;
}
.nsf-funding-goals .nsf-goals-text-col {
    width:calc(100% - 100px) !important;
}

/****** impact page ******/
.page-id-21 .content {
    padding-top:0 !important;
}
.impact-whitebox-section {
    margin-top:0;
    padding-top:70px;
    padding-bottom:70px;
}
.impact-whitebox-row {
    max-width:calc(1300px - 6%);
}
.impact-whitebox-row ul {
    padding-left:25px;
    font-weight:bold;
}
.impact-whitebox-row li {
    margin-bottom:15px;
}

.impact-whitebox-row .impact-achievement, .impact-whitebox-row .impact-initiatives, .impact-whitebox-row .impact-profdev {
    margin-bottom:15px !important;
    margin-left:25px;
}

/* colored dots next to pie chart */
.impact-achievement p::before {
    content:" ";
    margin-left:15px;
    margin-bottom:-3px;
    margin-left:-25px;
    margin-right:10px;
    height: 16px;
    width: 16px;
    border-radius:50px;
    background-color: #E5584C;
    display: inline-block;
}

.impact-initiatives p::before {
    content:" ";
    margin-left:15px;
    margin-bottom:-3px;
    margin-left:-25px;
    margin-right:10px;
    height: 16px;
    width: 16px;
    border-radius:50px;
    background-color: #D6A841;
    display: inline-block;
}

.impact-profdev p::before {
    content:" ";
    margin-left:15px;
    margin-bottom:-3px;
    margin-left:-25px;
    margin-right:10px;
    height: 16px;
    width: 16px;
    border-radius:50px;
    background-color: #0083A9;
    display: inline-block;
}
.impact-bullets-col {
    margin-top:20px;
}
.impact-bullets-col p {
    font-size:16px;
}

.impact-programs-heading h2 {
    max-width:810px;
    margin-left:auto;
    margin-right:auto;
}
.impact-filter {
    width:440px;
    margin-left:auto;
    margin-right:auto;
    background-color:#fbf6ed;
    padding:10px 10px 30px 10px;
}
/* impact filters */
.impact-filter a, .impact-filter p {
    font-size:15px;
    margin-bottom:10px !important;
}
.impact-filter p:not(:first-of-type) {
   float:left;
   margin-left:15px;
   cursor:pointer;
}
/* dots after filter options */
.impact-filter .impact-select:not(:last-child)::after {
    content:" ";
    margin-left:15px;
    margin-bottom:3px;
    height: 5px;
    width: 5px;
    border-radius:50px;
    background-color: #707070;
    display: inline-block;
}
.impact-filter .impact-select:not(.first-child) {
    margin-left:10px;
}
.impact-filter .impact-select:hover {
    text-decoration:none;
    color:#E5584C;
}
.impact-elementary, .impact-middle, .impact-high {
    display:none;
}
.impact-all-button {
    color:#E5584C;
}
.impact-column-icon {
    margin-bottom:20px !important;
    margin-top:20px;
}
.impact-column-heading {
    height:60px;
    margin-bottom:20px !important;
}
.impact-archive-button {
    font-size:18px;
}

/****** propgram posts ******/
.programs-loop .nsf_programs .entry-content, .programs-loop .nsf_programs .entry-header {
    display:none;
}
.programs-loop .nsf_programs .program-info {
    display:none;
    max-width:500px;
    margin-bottom:20px;
}
.programs-loop .nsf_programs .program-header {
    background-color:#e5f2f6;
    padding:5px 10px 5px 10px;
    margin-bottom:10px;
    max-width:500px;
}
.program-new {
    color:#E5584C;
    font-size:14px;
    padding-left:5px;
}
.programs-loop .nsf_programs .program-header:hover, .programs-loop .nsf_programs .program-header:hover p {
    cursor:pointer;
    background-color:#fbf6ed;
    color:#e5584c;
}
.program-applicant, .program-school, .program-approved, .program-amount {
    font-size:16px;
    margin-bottom:10px;
}
.program-label {
    color:#0083A9;
    font-weight:600;
}
.single-nsf_programs h1.entry-title {
    font-size:30px !important;
}
.single-nsf_programs .nsf_programs {
    max-width:600px;
}

/**** Support Page *****/
.donate-textbox a {
    color:#E5584C;
}
.small-text p  {
    font-size:14px;
}
.support-waystogive-image img {
    width: 100%;
    max-width: 480px;
    max-height: 420px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
}
.bold-gold-button a {
    font-size:16px;
    text-transform:uppercase;
    color:#fff;
    background-color:#D6A841;
    padding:10px 20px 10px 20px;
    font-weight:900;
    letter-spacing:0.8px;
}
.bold-gold-button a:hover {
    color:#fff;
    text-decoration:none;
    background-color:#C48D12;
}

.support-gold-button a {
     color:#fff !important;
    text-decoration:none;
    font-size:16px !important;
    line-height:1.5em !important;
    font-weight:900 !important;
    text-transform:uppercase;
    background-color:#D6A841 !important;
    border-color:#D6A841 !important;
    background-image:none !important;
    letter-spacing:.8px;
}
.support-gold-button a:hover {
    background-color:#C48D12 !important;
        border-color:#C48D12 !important;
}
.annual-appeal-bluetext {
    max-width:500px;
    margin-left:auto;
    margin-right:auto;
    margin-top:15px;
}
.annualappeal-intro ul li {
    margin-bottom:10px;
}
.annualappeal-whitebox-row {
    padding-top:5px;
    max-width:calc(1300px - 6%);
}
.annualappeal-impact-quote p {
    margin-bottom:15px;
}
/* these styles are for the revised annual appeals page with pillar icons */
.annualappeal-whitebox-row .nsf-goals-icon-col {
    width:100px !important;
}
.annualappeal-whitebox-row .nsf-goals-text-col {
    width:calc(100% - 100px) !important;
}
.annualappeal-whitebox-row .subpage-whitebox-quote p {
    margin-left:0;
}
.calcproject-whitebox-row {
    padding-top:45px;
    max-width:calc(1300px - 6%);
}

.calcproject-videocaption {
    background-color:#D6A841;
}
.calcproject-videocaption p {
    color:#fff;
    font-size:25px;
    font-weight:bold;
    padding-top:10px;
    padding-bottom:10px;
    margin-top:3px;
}
/**** Newton Inspires Page ****/
.newton-inspires-intro {
   /* max-width:1060px; */
}
.newton-inspires-intro-text p {
    line-height:1.7em;
}
.newton-inspires-intro-text {
    margin-top:30px;
}
.newton-inspires-intro img {
    max-width:200px !important;
    width:100%;
}
.ni-register-gold-button {
    margin-top:30px;
}
.ni-register-gold-button a {
    font-size:16px;
    letter-spacing:none;
}
.ni-sponsor-bluebutton img {
    max-width:240px;
    /*
    margin-left:auto;
    margin-right:auto; 
    */
    background-color:#0083A9;
}
.ni-sponsor-bluebutton p {
    padding-top:7px;
    width:100%;
}
.ni-sponsor-bluebutton {
    max-width:240px;
    /*
    margin-left:auto;
    margin-right:auto;
   margin-top:30px; 
   */
}

.ni-sponsor-bluebutton img:hover {
    background-color:#0D647E;
}
.ni-whitebox-section {
    background-color:#f6efdc;
    background-size:150%;
    background-repeat:no-repeat;
    padding-top:20px;
    margin-top:0;
}
.ni-whitebox-row {
    padding-top:40px;
    max-width:calc(1300px - 6%);
}
.ni-speaker-loop {
    display:flex;
    flex-wrap:wrap;
    margin-top:80px;
    justify-content:space-between;
}
.ni-speaker-loop .ni_speaker header, .single-ni_speaker h1.entry-title {
    display:none;
}
.ni_speaker .ni-name {
    color:#D6A841;
    margin-bottom:5px;
}
.ni_speaker {
    flex-basis:45%;
    padding-bottom:50px;
}
.ni_speaker .ni-date {
    color:#0083A9;
    margin-bottom:0px;
    font-weight:700;
}
.ni_speaker .ni-time {
    color:#0083A9;
    margin-bottom:15px;
}
.ni_speaker .ni-topic {
    margin-bottom:20px;
}
.ni-speaker-loop .ni_speaker .ni-bio {
    display:none;
    margin-bottom:30px;
}
.ni-speaker-loop .ni_speaker .ni-moreinfo, .ni-speaker-loop .ni_speaker .ni-lessinfo {
    cursor:pointer;
    color:#E5584C;
    font-size:15px;
    margin-bottom:10px !important;
}
.ni-speaker-loop .ni_speaker .ni-zoomlink a {
    font-size:15px;
}
.ni-speaker-loop .ni_speaker .ni-zoomlink {
    margin-top:25px;
}
.ni-speaker-loop .ni_speaker .ni-moreinfo::after, .ni-speaker-loop .ni_speaker .ni-lessinfo::after {
    content:">>";
    letter-spacing:1px;
    font-size:20px;
    color:#E5584C;
    margin-left:5px;
    font-weight:600;
}
/*** upcoming speakers ***/
.ni-upcoming .ni-name {
    color:#D6A841;
    margin-bottom:5px;
    font-size:30px;
}
.ni-upcoming .ni-date {
    color:#0083A9;
    margin-bottom:0px;
    font-weight:700;
}
.ni-upcoming .ni-time {
    color:#0083A9;
    margin-bottom:25px;
}
.ni-sponsors-row h1 {
    font-size:30px;
}
/*** sponsor newton inspires ****/
.sponsor-newton-inspires-text {
    max-width:400px;
}
.sponsor-newton-inspires-text form {
    margin-top:-40px;
}
.sponsor-newton-inspires-image img {
    max-width:250px !important;
}
.sponsor-newton-inspires-text input[name="submit"] {
    border:none;
}
/**** Honor Thy Teacher page ****/

/**** contact page *****/
.nsf_contact_form_button {
    border-radius:0 !important;
    background-color:#D6A841 !important;
    text-transform:uppercase !important;
    font-weight:bold !important;
}
.nsf_contact_form_button:hover {
    background-color:#C48D12 !important;
}
.wpforms-confirmation-container-full {
    background-color:#f6efdc !important;
}
.htt-image img {
    width:100%;
    max-width:550px;
    max-height:400px;
    margin-left:auto;
    margin-right:auto;
    object-fit:contain;
}
/*** Honor Thy Teacher List ***/
.htt-teacher-list p {
    margin-bottom:5px;
    font-size:13px;
}
.htt-list-button a {
    background-color:#E5584C !important;
    color:#fff !important;
    font-weight:bold;
    background-image:none !important;
    padding:15px !important;
}
/***** sponsors ******/
.lead-sponsor-loop header, 
.major-sponsor-loop header, 
.premium-sponsor-loop header, 
.inkind-sponsor-loop header,
.default-sponsor-loop {
    display:none;
}
.lead-sponsor-loop, 
.premium-sponsor-loop, 
.major-sponsor-loop, 
.inkind-sponsor-loop,
.default-sponsor-loop {
    display:flex;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
    align-items:center;
    /* justify-content:center; */
    margin-top:20px;
    flex-wrap:wrap;
}
.home .lead-sponsor-loop {
    margin-bottom:30px;
}

.lead-sponsor-loop .nsf_sponsor_logos {
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    margin-left:2%;
    margin-right:2%;
}

.home .lead-sponsor-loop .nsf_sponsor_logos {
    flex-basis:46%;
}
body:not(.home) .lead-sponsor-loop .nsf_sponsor_logos {
    flex-basis:29%;
}

.premium-sponsor-loop .nsf_sponsor_logos {
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
    margin-left:2%;
    margin-right:2%;
    margin-bottom:20px;
}

.premium-sponsor-loop .nsf_sponsor_logos {
    flex-basis:21%;
}

.major-sponsor-loop .nsf_sponsor_logos,
.inkind-sponsor-loop .nsf_sponsor_logos,
.default-sponsor-loop .nsf_sponsor_logos
{
    margin-left:2%;
    margin-right:2%;
    display:flex;
    justify-content:center;
    flex-direction:column;
    align-items:center;
}

.major-sponsor-loop .nsf_sponsor_logos,
.inkind-sponsor-loop .nsf_sponsor_logos,
.default-sponsor-loop .nsf_sponsor_logos {
    flex-basis:11%;
}

.lead-sponsor-loop .nsf_sponsor_logos .nsf-sponsor a, 
.major-sponsor-loop .nsf_sponsor_logos .nsf-sponsor a, 
.premium-sponsor-loop .nsf_sponsor_logos .nsf-sponsor a,
.inkind-sponsor-loop .nsf_sponsor_logos .nsf-sponsor a,
.default-sponsor-loop .nsf_sponsor_logos .nsf-sponsor a {
    margin-left:auto;
    margin-right:auto;
}


/**** news posts *****/
.single-nsf_news h1 {
    font-size:24px;
    text-transform:none;
    margin-bottom:25px;
}
body.single-nsf_news .content {
    max-width:900px !important;
    margin-left:0;
}

.news-loop .nsf_news {
    margin-bottom:30px;
}
/* home news loop */
.news-loop {
    display:flex;
    flex-wrap:wrap;
}
.news-loop .nsf_news {
    flex-basis:27%;
    margin-bottom:30px;
    margin-left:3%;
    margin-right:3%;
}
/* reorder the image and the title */
.news-loop .nsf_news header {
    display:flex;
    flex-wrap:wrap;
}
.news-loop .nsf_news h2 {
    font-size:24px;
    letter-spacing:0;
    text-transform:none;
    flex-basis:100%;
    order:2;
    text-align:left;
    line-height:1.25em;
}

.news-loop .news-image {
    flex-basis:100%;
    order:1;
    width:100%;
    padding-top:45%;
    position:relative;
}
.news-loop h2.entry-title {
    order:2;
    margin-top:20px;
}
.news-loop .news-date {
    order:3;
    font-size:16px;
    margin-bottom:10px !important;
}
.news-loop .news-image img {
    width:100%;
    max-width:372px;
    max-height:167px;
    object-fit:contain;
    position:absolute;
    top:0;
    height:100%;
}

.news-loop .nsf_news p, .news-loop .nsf_news .entry-content {
    line-height:1.25em;
}

.news-loop .nsf_news h2.entry-title a {
    color:#0083A9;
}
.news-loop .nsf_news h2.entry-title a:hover {
    color:#0D647E;
    text-decoration:none;
}
/* not using the moretag in anymore but would use this is not using the advanced excerpt plugin */
.news-loop .nsf_news .moretag a, .news-loop .nsf_news .moretag a:hover {
    color:#E5584C;
    font-size:16px;
}
.news-loop .nsf_news .moretag {
    margin-top:10px;
}
/* .read-more class is generated by advanced excerpt plugin */
.news-loop .nsf_news .read-more p, .news-loop .nsf_news .read-more p:hover {
    color:#E5584C;
    font-size:16px;
    margin-top:10px;
}
.news-loop .nsf_news .news-date {

}
.news-loop .nsf_news .entry-content p {
    margin-bottom:15px;
}
.single-nsf_news .news-date {
    font-size:16px;
    margin-bottom:10px;
}
/* reorder the image and the title */
.single-nsf_news .nsf_news header {
    display:flex;
    flex-wrap:wrap;
}

.single-nsf_news h1.entry-title {
    order:2;
    margin-top:20px;
    flex-basis:100%;
}
.single-nsf_news .news-date {
    order:3;
    font-size:16px;
    margin-bottom:10px !important;
}
.single-nsf_news .news-image img {
    max-width:372px;
    max-height:167px;
    object-fit:contain;
}

/**** cutsom post loop pagination *****/
/*** make pagination lineup horizontally **/
.pagination li {
	float:left;
	margin-left:5px;
}
/* set page nav color */
.pagination li a {
	color:#0083A9;
    background-color:#fff;
}
 
/* set achive page nav color */
.pagination li.active a, .pagination li a:hover {
	color:#0b6981; 
    background-color:#fff;
}
/* add flexbox to center pagination */
.pagination {
	padding-bottom:50px;
	display:flex;
	justify-content: center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
/***** hustle popup ******/
.hustle-layout .hustle-layout-content {
    background-color:#fff;
}
.hustle-layout .hustle-button-cta {
    font-weight:600 !important; 
    padding:10px 30px 10px 30px !important;
}
.hustle-cta-container {
    margin-bottom:30px !important;
}
.hustle-ui.module_id_4 .hustle-popup-content {
    max-width:450px !important;
}
.hustle-group-content h2 {
    margin-bottom:25px !important;
    color:#0083A9 !important;
}
.hustle-group-content p {
    font-size:18px !important;
}
.hustle-group-content img {
    width:150px;
}
.hustle-button, .hustle-button-cta {
    width:220px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/******* footer ************/
/********** basic footer setting *********/
/* remove genesis gototop */
.site-footer .gototop {
	display:none;
}
.site-footer {
    border-top:0px;
    padding-top:0;
}
.footer-left {
    float:left;
    padding-left:30px;
}
.footer-right {
    float:right;
    padding-right:30px;
}
.footer-right a {
    color:#707070;
}
.footer-widgets .wrap, .site-footer .wrap {
	padding-top:25px;
	padding-bottom:25px;
	max-width: 1300px;
	margin-left:auto;
	margin-right:auto;
}
.footer-widgets {
	/* set background color and add paint splash images */
	background-color:#0083A9 !important;
	background-image:url("/wp-content/uploads/footer-logo.png");
	background-repeat:no-repeat;
	padding-top:0;
	padding-bottom:0;
	background-size:45%;
	background-position:-15% 0;
	margin-top:5px;
}
.footer-widgets .wrap {
    display:flex;
    align-items:center;
}
/* 2 Footer widgets */
.footer-widgets .widget-area {
	flex-basis:50%;
}
.footer-widgets-2 p {
    text-align:right;
}
.footer-widgets-2 a {
    font-size:27px;
    color:#fff;
    font-weight:bold;
    background-color:#D6A841;
    padding:20px 30px 20px 30px;
}
.footer-widgets-2 a:hover {
    text-decoration:none;
    color:#fff;
   background-color:#C48D12;
}

.footer-widgets-1 p {
	color:#fff;
	font-size:20px;
	font-weight:bold;
}

@media only screen and (max-width:1400px) {
    .home h2 {
        font-size:9vw;
        letter-spacing:5px;
    }
    .new-logo {
        left:5%
    }
    .top-menu {
        margin-right:2.5%;
    }
 
}/* 1400 */
@media only screen and (max-width:1300px) {
    body:not(.home) .content {
        padding-left:3%;
        padding-right:3%;
    }
    .waystogive-button {
        padding-left:0;
        padding-right:0;
    }
    .footer-left {
        padding-left:0;
    }
} /* 1300 */
@media only screen and (max-width:1200px) {
	 .waystogive-col {
        width:50% !important;
        float:left;
    }
    .waystogive-buttons-row {
        max-width:750px;
        margin-left:auto !important;
        margin-right:auto !important;
    }
    .waystogive-button {
        margin-bottom:45px !important;
    }
    .home-waystogive-text-row {
        margin-top:0;
    }
    .impact-bullets-col, .impact-piechart-col {
        width:100% !important;
    }
    .impact-bullets-col {
        margin-top:0px;
        margin-bottom:15px;
    }   

} /* 1200 */
@media only screen and (max-width:1100px) {

    .nsf-directors-loop {
        height:400px;
    }
    .nsf-directors-loop .nsf_staff {
        flex-basis:10%;
        width:350px;
    }
    .nsf-advisory-loop {
         height:300px;
    }
    .nsf-advisory-loop .nsf_staff {
        flex-basis:12%;
        width:350px;
    }
 
} /* 1100 */
@media only screen and (max-width:995px) {
    .impact-column-heading {
        height:80px;
    }
    .htt-top-row .vc_col-sm-6 {
        width:100% !important;
    }
    .news-loop .nsf_news {
        flex-basis:44%;
    }
    .ni-register-row .vc_col-sm-4 {
        width:50%;
    }
    .ni-register-row .ni-register-button-column {
        width:100%;
        margin-top:50px;
    }
    

} /* 995 */
@media only screen and (max-width:950px) {
    .impact-stats-left-col, .impact-stats-right-col {
        width:100% !important;
    }
    .impact-piechart-col, .impact-bullets-col {
        width:50% !important;
    }
    .impact-bullets-col {
            margin-top:40px;
    }

    .calcproject-whitebox-row .vc_col-sm-6 {
        width:100% !important;
    }
    .support-intro-row .vc_col-sm-6 {
       width:100% !important;
    }
} /* 950 */
@media only screen and (max-width:900px) {
    .home .nsf_news h2 {
        font-size:25px;
    }    
    /* hustle popup */
	.hustle-layout-content {
	    padding:0 !important;
	}
	.subpage-topsection-rightcol {
         width:100% !important;
    }
    .subpage-topsection-leftcol {
         width:100% !important;
    }
    .annualappeal-impact-quote p {
         padding-left:0px !important;
    }
    .home-happening-row .vc_col-sm-6 {
        width:100% !important;
    }
	
} /* 900 */
@media only screen and (max-width:850px) {
     /* switch to mobile menu */
	.nav-primary {
		display:none;
	}
	.top-menu {
        margin-right:1%;
        width:304px;
    }
    /* add this for buy-tickets */
    .topmenu-donate-link, .topmenu-donate-link:visited {
        font-size:12px;
        margin-left:15px;
        padding: 10px 15px 10px 15px
    }
    /* end buy tickets */
    
    /* remove contact from top menu  and add to mobile menu*/
	.mobile-menu-only {
	    display:block !important;
	}
	.topmenu-contact-link {
	    display:none;
	}
	/* style slideout menu */
	div#responsive-menu-container.slide-left {
		background-color:transparent;
		}	
	div#responsive-menu-wrapper {
		padding-top:30px;
		padding-bottom:50px;
		padding-right:20px;
		background-color:#ececec !important;
		}
	#responsive-menu-container #responsive-menu li, #responsive-menu-container #responsive-menu li a {
	    background-color:#ececec !important;
	}
	li.responsive-menu-item .responsive-menu-item-link, li.responsive-menu-item  .responsive-menu-item-link:hover {
		border:0px !important;
		outline:0px !important;
		}
    .responsive-menu-subarrow {
        display:none;
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a {
        color:#555555 !important;
        font-size:16px !important;
        text-transform:uppercase;
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-item a:hover {
        color:#0083A9 !important;
    }
    #responsive-menu-container #responsive-menu li.responsive-menu-current-item > .responsive-menu-item-link, #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-current-item > .responsive-menu-item-link {
        color:#0083A9 !important;
    }
     #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a {
         font-size:15px !important;
         text-transform:none;
         line-height:30px !important;
         height:30px !important;
         color:#707070 !important;
    }
    #responsive-menu-container #responsive-menu ul.responsive-menu-submenu li.responsive-menu-item a:hover {
            color:#0083A9 !important;
    }
    .home-nominate-text img {
        width:55%;
        top:18%;
        left:25%;
        padding:10px 0 15px 0;
     }
} /* 850 */

@media only screen and (max-width:770px) {
    .impact-column-heading {
        height:100px;
    }
} /* 770 */
@media only screen and (max-width:767px) {
    .site-header {
        margin-bottom:30px;
    }
    .site-header .title-area {
        width:5px;
        height:200px;
    }
    .site-inner {
            padding-left:3%;
            padding-right:3%;
    }
   
	.home .content {
	    margin-top:0;
	}
	.home-news-loop {
	    flex-wrap:wrap;
	}
	.home .nsf_news {
	    flex-basis:100%;
	    margin-bottom:45px;
	    max-width:600px;
	}
	.home .nsf_news .news-image {
	    padding-top:0;
	}
	.home .nsf_news .news-image img {
	    position:relative;
	}
	.home-nominate-text img {
        width:46%;
        top:25%;
        left:30%;
        padding:20px !important;
    }
    .impact-piechart-col, .impact-bullets-col {
        float:left;
    }
    .impact-column-heading {
        height:auto;
        margin-bottom:30px !important;
    }
    .programs-loop .nsf_programs {
        max-width:500px;
        margin-left:auto;
        margin-right:auto;
    }
	.hustle-content-wrap {
	    padding-top:0 !important;
	}
	.hustle-group-content h2 {
         font-size:22px !important;
    }
    .hustle-group-content p {
         line-height:26px !important;
    }
    .hustle-group-content img {
         margin-bottom:20px !important;
    }
    .hustle-cta-container {
        margin-top:0 !important;
    }
    .hustle-layout-footer {
        padding-bottom:10px !important;
    }

    .nsf-funding-goals .vc_row {
        display:flex;
    }
    .nsf-goals-icon-col {
         flex-basis:16%;
    }
    .nsf-goals-text-col {
         flex-basis:84%;
    }
    .newton-inspires-intro {
        display:flex;
        flex-wrap:wrap;
    }
    .newton-inspires-intro .vc_col-sm-8 {
        order:2;
    }
    .newton-inspires-intro .vc_col-sm-4 {
        order:1;
    }
    .ni-register-row .vc_col-sm-4 {
        width:100%;
    }
    /* keep htt list in two colums */
    .htt-teacher-list {
        display:flex;
        flex-wrap:wrap;
    }
    .htt-teacher-list .vc_column_container {
        flex-basis:50%;
        width:50% !important;
    }
    
	.footer-widgets .wrap {
        flex-wrap:wrap;
    }
    .footer-widgets .widget-area {
	    flex-basis:100%;
	    margin-bottom:25px;
    }
    .footer-widgets-2 p {
        text-align:left;
        margin-top:25px;
    }

}/* 767 */

@media only screen and (max-width:700px) {
    .waystogive-button {
        margin-bottom:25px !important;
    }
    .nsf-directors-loop, .nsf-advisory-loop  {
        display:block;
        margin-bottom:40px;
        height:auto;
    }
    .nsf-advisory-loop .nsf_staff, .nsf-directors-loop .nsf_staff{
        width:100%;
        margin-bottom:10px;
    }
    .ni-speaker-loop .ni_speaker {
        flex-basis:100%;
    }
    body:not(.home) .lead-sponsor-loop .nsf_sponsor_logos {
        flex-basis:46%;
    }
   .premium-sponsor-loop .nsf_sponsor_logos {
        flex-basis:29%;
    }
    .major-sponsor-loop .nsf_sponsor_logos,
    .inkind-sponsor-loop .nsf_sponsor_logos,
    .default-sponsor-loop .nsf_sponsor_logos {
        flex-basis:16%;
    }
    .ni-sponsors-row h1 {
        font-size:24px;
    }
    .news-loop .nsf_news {
        flex-basis:100%;
        margin-left:0;
        margin-right:0;
    }
    .news-loop .nsf_news .news-image {
	    padding-top:0;
	}
	.news-loop .nsf_news .news-image img {
	    position:relative;
	}

} /* 700 */
@media only screen and (max-width:650px) {
    .impact-bullets-col, .impact-piechart-col {
        width:100% !important;
        margin-top:0;
    }
    /* shift topmenu above logo */
    .top-menu {
        margin-top:0;
        margin-right:0;
    }
    .new-logo {
        top:100px;
    }
} /* 650 */

@media only screen and (max-width:600px) {

} /* 600 */

@media only screen and (max-width:550px) {
	.new-logo {
        width:200px;
    }
    .waystogive-col {
        width:100% !important;
        float:none;
    }
    .footer-right {
        float:left;
        clear:both;
        padding-left:0;
        padding-top:10px;
    }
     .nsf-funding-goals .vc_row {
        flex-wrap:wrap;
    }
    .nsf-goals-icon-col {
         flex-basis:100%;
    }
    .nsf-goals-text-col {
         flex-basis:100%;
    }
    .nsf-goals-icon-col .wpb_single_image {
        margin-bottom:15px;
    }
    .home-nominate-text img {
        width:55%;
        top:18%;
        left:25%;
        padding:10px 0px 15px 0 !important;
     }
     .subpage-whitebox-section {
         padding-left:5% !important;
         padding-right:5% !important;
     }

} /* 550 */
@media only screen and (max-width:500px) {
    .home-happening h2 {
        color: #b2dae5;
    }
    .home-news h2, .home-waystogive h2, .home-sponsors h2 {
        color:#fff;
    }
    .impact-filter p  {
        text-align:center;
        float:none;
        width:100%;
    }
    .impact-filter {
        width:250px;
        height:170px;
    }
    .impact-select::after {
        display:none !important;
    }
    .impact-filter .impact-select:not(.first-child) {
        margin-left:0;
    }
    body:not(.home) .lead-sponsor-loop .nsf_sponsor_logos, 
    .home .lead-sponsor-loop .nsf_sponsor_logos {
        flex-basis:100%;
        margin-bottom:20px;
    }
   .premium-sponsor-loop .nsf_sponsor_logos {
        flex-basis:46%;
        margin-bottom:20px;
    }
    .major-sponsor-loop .nsf_sponsor_logos,
    .inkind-sponsor-loop .nsf_sponsor_logos,
    .default-sponsor-loop .nsf_sponsor_logos {
        flex-basis:29%;
        margin-bottom:20px;
    }
} /* 500 */
@media only screen and (max-width:375px) {
    .top-menu {
        float:none;
        width:290px; /* changed for buy-tickets from 280 */
    }
    .top-menu a {
        padding-left:15px;
    }
    .topmenu-donate-link {
        margin-left:25px !important;
    }
    /* change font for join our email list */
    .footer-widgets-2 a {
        font-size:22px;
    }
    /* change font for footer address */
    .footer-widgets-1 p {
        font-size:16px;
    }
} /* 375 */
@media only screen and (max-width:350px) {
    .new-logo {
        width:175px;
    }
    /* htt list one column */
     .htt-teacher-list .vc_column_container {
        flex-basis:100%;
        width:100% !important;
    }
	
} /* 350 */