/*
Theme Name: oceankind
Theme URI:
Author: Imaginary Office
Author URI: https://imaginaryoffice.com
Description: A theme based on blankslate
Version: 1.0
Text Domain: oceankind
Oceankind WordPress Theme © 2020 Oceankind
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

html{
    font-size:18px;
}
html, body{height:100%;margin:0;}

.mobile-only { display: none; } 

.offscreen { text-indent: -9999px;position:absolute;height:0;}
.clear, .group:after {content: "";display: table;clear: both;}

h1,h2,h3,h4 {font-family: 'Judson', serif;font-weight:700;margin:0 0 20px 0;}
h1{font-size:2.3rem;color:#ffffff;margin:80px 0 10px 0;}
p,li {font-family: 'Poppins', sans-serif; font-size:1rem;font-weight:400;margin:0 0 20px 0; line-height:1.4;color:#333333;}
li {font-weight:400;font-size:0.9rem;}
em {font-style:italic;}
a,a:visited,a:hover,a:active {text-decoration:underline;cursor: pointer;color:inherit;}
strong{color:#666666;font-weight:600;}
blockquote, blockquote p {color:#047db6;margin:20px 30px;}
.wp-caption-text, .slide-caption {font-size:0.7rem; color:#696969; font-family: 'Poppins', sans-serif;}
#wrapper{
    width:100%;
    min-height:100%;
    background-position:right 65%;
    background-repeat: no-repeat;
    background-size: auto 200px;
    z-index:auto;
    }
header#header, footer#footer, #footer-wave.home-page-only {position:relative;width:100%;}
footer#footer {background-color:transparent;height:220px;margin-top:-220px;}
footer#footer.home-page {height:120px;margin-top:-120px;}
.push {height:220px;}
.push.home-page-only {height:0;}
#container {position:relative;width:100%;max-width:1000px;margin:0 auto 80px;}
.printonly {display:none;}

/* wp editor styles , main content div */
.header.child-page h1.entry-title {color:#00437b; margin:0 0 40px 0;text-shadow:none;}
.entry-content.editor-styles p {padding:0 10% 0 0;}
.editor-styles h2 {font-size:1.6rem;color:#00437b;} /*values, programs*/
.editor-styles h3, .editor-styles h3 a  {font-family: 'Poppins', sans-serif; color:#00437b;font-size:1rem;text-decoration:none;margin:0;} /*name*/
.editor-styles h4 {font-family: 'Poppins', sans-serif; font-weight:500;color:#666666;font-size:0.9rem;} /*role*/
/* philosophy */
.ocean-planet {padding: 0 5% 0 0;margin: 0 0 50px 0;}
.ocean-planet h2 {font-size:1.2rem; font-family: 'Poppins', sans-serif; color:#5dc1ee;}
.ocean-planet h3 {font-size:2.4rem; font-family: 'Judson', serif; color:#00437b;}
.ocean-planet p {font-size: 1.3rem; font-family: 'Judson', serif;font-weight:500;color:#047db6;}
.ocean-planet strong {color:#00437b;font-size:1.3rem;}
/* values repeater list */
ul.values-container {display: flex; flex-wrap: wrap;margin-bottom:40px;}
ul.values-container li.single_value_list {width:30%;margin:20px 3% 20px 0; height:auto; min-height:0; }
.entry-content.editor-styles ul.values-container li p {height:auto; padding:0 20px 0 0; margin:0;}
ul.values-container li h2 {width:auto;max-width:300px;margin: 0 0 10px 0;}
hr {margin-bottom:50px;}
/* people repeater list */
ul.people-list {display: flex; flex-wrap: wrap; flex-direction: row;}
ul.people-list li.person_list {width:30%;height:auto;margin:0 1% 20px 0; display: flex; flex-wrap: wrap; flex-direction: column;}
ul.people-list li h3, ul.people-list li a {font-family: 'Poppins', sans-serif; color:#00437b;font-size:1rem;text-decoration:none;margin:0;} /*name*/
ul.people-list li a, ul.people-list li a:visited, ul.people-list li a:active {text-decoration:none;}
ul.people-list li a:hover, ul.people-list li a:focus {text-decoration:underline;}
ul.people-list li h4 {font-family: 'Poppins', sans-serif; font-weight:500;color:#666666;font-size:0.9rem;} /*role*/
div#headshot-container {
    width:185px;height:185px;
    border:1px solid #ffffff;
    border-radius:50%;
    background-color:gray;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
    overflow:hidden;
    margin: 0 0 10px 0;
  }
div#headshot-container img{width:100%; height:auto;}

/* approach */

.single-program-list  {
  display: flex;
  flex-direction:row;
  flex-wrap:wrap;
  height:auto;
  align-items:flex-start;
  margin-top:30px;
}
.single-program-list div {margin:0; display:inline-block; width: 28%; margin-right:1%; margin-bottom:20px; background:#ffffff; border-top: solid 1px #00437b; padding:10px 2%; vertical-align: top; }

.single-program-list.two div {width: 44%; }
.single-program-list.two div ul {margin-left:20px;}
.single-program-list.two div li {list-style: disc;}

.entry-content.editor-styles .single-program-list div p {padding-right:0;}

.entry-content.editor-styles .single-program-list div h3 {
  margin: 10px 0;
  line-height:1.3;
  color: #047db6;
  font-size:1.1rem;
}

/* footer */
#copyright {position:relative;color:#ffffff;padding:51px 120px;height:18px;background-color:#047db6;}
#copyright p {margin:0;color:#ffffff;display:inline;float:left;line-height:1;vertical-align:baseline;}
#copyright p.credits, #copyright p.credits.home-page, #copyright p.credits.photo-credit-home-mobile, #copyright p.fineprint {font-size:0.6rem;letter-spacing:1px;text-transform:uppercase;margin:0 0 0 20px;padding-top:5px;}
#copyright p.credits.home-page {padding-top:4px;}
#copyright p.credits a{text-decoration:none;}
#copyright p.credits a:hover{text-decoration:underline;}
#copyright p.credits.photo-credit-home-mobile{display:none;font-size:0.6rem;font-weight:500;text-transform:none;}
#copyright p.fineprint{font-weight:400;text-transform:none;letter-spacing:normal;display:block;padding-top:10px;margin:0;line-height:1.2;}
#copyright p.fineprint.home-page{display:inline;margin:0 0 0 20px;line-height:1.2;padding-top:4px;}
#footer-wave {width:100%; height:100px;
    background-image:url("images/pattern-blue-2000.png");
    background-position:right bottom;
    background-repeat: no-repeat;
    background-size: auto 90%;}
footer#footer #copyright{height:18px;}
.footer-link, .footer-link a{text-decoration:none;font-size:0.6rem;margin:0 0 0 40px;}
.footer-link:hover{text-decoration:underline;}


/* headers , landing page headers */
.page-banner {width:100%;margin:0 0 50px 0; height:auto; min-height:150px;
    position:relative;
    top:0;left:0;
    background-color:#047db6;
}
.landing-page-banner {
    width:100%;
    height:650px;
    margin:0 0 50px 0;
    position:relative;
    top:0;left:0;
    background-color: #00437b;
}
.landing-page-banner.philosophy-page{
   background-image: url("images/philosophy.jpg");
    background-position:center center;
	background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
}
.landing-page-banner.approach-page{
   background-image: url("images/approach.jpg");
    background-position:50% 100%;
	background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
}
.landing-page-banner.people-page{
     background-image: url("images/people.jpg");
	 background-position:center center;
	background-attachment: fixed;
    background-repeat:no-repeat;
    background-size: cover;
}
.landing-page-banner.grants-page{
  height:200px;
     background-image: url("images/grants.jpg");
	    background-position:center;
    background-repeat:no-repeat;
    background-size: cover;
}

/* FacetWP */
.fwpl-result, .fs-wrap.multiple, .facetwp-content { font-size: .778rem; line-height: 1.1rem;}
.fwpl-tax-grantee { font-size: 1.125rem; font-weight: bold; }
.facetwp-template { font-family:'Poppins', sans-serif; line-height: 1.375rem; }
.facetwp-facet {font-family:'Poppins', sans-serif; }
.facetwp-content { max-width: 1000px; margin: 0 auto; }
.grants-table-wrapper.facet p { padding-left: 0 !important; }
.facetwp-facet input.facetwp-search { padding: 0 !important; }

.grants-table-wrapper .filters.level2 { display: flex; }
.grants-table-wrapper .filters.level2 div { flex: 1 ; }
.grants-table-wrapper .filters.level2 div { flex: 1 ; }
.facetwp-type-slider { width: 85%; }
.grants-table-wrapper .filters.text { display: flex; font-family:'Poppins', sans-serif; margin: 10px 0; gap: 10px; }
.grants-table-wrapper .filters.text .fs-wrap { width: 100%; }
.grants-table-wrapper .filters.text .fs-label-wrap { font-family:'Poppins', sans-serif; background: #047db6; color: white; padding: 5px 2px; border: none;  }

.noUi-target { background: #888 !important; border: none !important; border-radius: 0 !important; }
.noUi-connect { background: #047db6 !important; }
.noUi-handle {
  background: #7BCEF5 !important;
  border: none !important;
  border-radius: 50% !important;
  top: -6px !important;
 }
/* face flyout styles */

.flyout-row.name-sort_ { display: none; }
 .facetwp-flyout { background: #00437b !important; }
 .facetwp-flyout-close, .facetwp-flyout-content {
  padding: 10px 20px !important;
}

.flyout-row.name-reset h3 { display: none; }
/*.flyout-row.name-sort_ { display: none; } */

.flyout-item .facetwp-facet input.facetwp-search { font-size: 1.25rem; }

.flyout-item button.facetwp-reset {
  width: 100%;
  margin-left: 0px;}

.flyout-item .facetwp-facet.facetwp-facet-search {
  margin-top: 16px;
  margin-bottom: 48px;
}
.noUi-horizontal {
  height: 8px !important;
}
.facetwp-flyout-close { color: white;}
.facetwp-flyout .facetwp-radio { margin-bottom: 8px; }
.flyout-row.name-approach h3, .flyout-row.name-mobile_result_counter h3 { display: none; }
.flyout-row.name-mobile_result_counter { color: white;}
.facetwp-flyout h3 {
  font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: .75rem;
    color: #fff;
    letter-spacing: 1px;
    padding-bottom: 0px;
    display: block;
}
.facetwp-slider-reset { display: none; }
.facetwp-slider-label {font-family:'Poppins', sans-serif;  color: white;  border: none;  }
.facetwp-facet.facetwp-facet-result_count { font-size:  1.25rem; color: #00437b; font-weight: bold; margin-bottom: 16px; }
.grants-table-wrapper .filters.text div { flex: 33.333%; }
.grants-table-wrapper .facetwp-content label { font-family:'Poppins', sans-serif; text-transform: uppercase; font-size: .75rem; color: #fff; letter-spacing: 1px; padding-bottom: 16px; display: block; }
.grants-table-wrapper .facetwp-slider-reset {
  border: none;
  border-radius: none;
  background: none;
  box-shadow: none;
  padding: 0;
  cursor: pointer;
  color: #eee;
  text-decoration: underline;
  margin-top: 10px;
  }
  .fs-dropdown { border: none !important;}

  .fs-arrow {
    border-top: 5px solid #fff !important;
    right: 18px !important;
    transition: none !important;
}

.facetwp-type-pager { display: flex; }

.mobile-only-amount, .mobile-only-year, .mobile-only-term { display:none; }


  .fs-label-wrap .fs-label { font-weight: 700; font-size: .8rem; }
  .loading-text { font-size: 1.25rem; color: #00437b; margin-bottom: 14px; }
  .facetwp-selections li {
    display: inline-block;
    line-height: 1;
    background: #dddddd;
    margin-right: 12px;
    padding: 5px;
}
.facetwp-facet-search, .facetwp-facet input.facetwp-search { width: 100%; font-size: 1.5rem; color: #7BCEF5; font-family:'Poppins', sans-serif; background: transparent; border: none; width: 100%;}
.facetwp-facet.facetwp-facet-search { border-bottom: 3px solid  #7BCEF5; margin-bottom: 72px; }
.facetwp-input-wrap { width: 100%; }
.facetwp-facet-search, .facetwp-facet input.facetwp-search::placeholder { color: #7BCEF5; margin-top: 40px;}
.facetwp-facet-search, .facetwp-facet input.facetwp-search::focus { border: none; }
button.facetwp-reset, button.facetwp-load-more, button.facetwp-flyout-open, button.print-button, button.csv-button {
  padding: 10px 16px;
  background: #047db6;
  color: #ffffff;
  text-decoration: none;
  font-family: 'Poppins', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 1px;
  border: none;
}

button.print-button, button.csv-button { background: #777;  font-size: .625rem;}
utton.csv-button { margin-left: 4px; }

.facetwp-facet.facetwp-facet-sort_ { display: flex; justify-content: flex-start; margin-bottom: 16px;  }
button.facetwp-flyout-open { width: 100%; margin-bottom: 16px; margin-top: 16px; }
button.facetwp-reset {
width: calc(100% - 10px);
margin-left: 10px;
background: transparent;
border: 3px solid #047db6;
}

button.facetwp-load-more { margin: 0 auto; }
.facet-listing-header { display: flex; flex-direction: row; text-transform: uppercase; font-family: 'Poppins', sans-serif; letter-spacing: .5px; margin-bottom: 24px; font-size: .875rem; }
.facet-listing-header .grantee { width: 60%; }
.facet-listing-header .amount, .facet-listing-header .startyear { width: 20%; }
.facet-listing-header .amount { text-align: right; padding-right: 40px; width: calc(20% - 40px);}
.facet-count-sort { display: flex; flex-direction: row; margin-top: 100px; justify-content: space-between; margin-bottom: 40px; }
.facetwp-facet-approach { color: white; }
.facetwp-radio {  background-image: url(images/facetwp/radio.png) !important;  }

.facetwp-radio.checked { background-image: url(images/facetwp/radio-on.png) !important; }
.column-amount { padding-right: 40px; }
.facetwp-type-search .facetwp-icon:before {
  display: inline-block;
  content: '';
  width: 36px;
  height: 100%;
  background: url(images/facetwp/icon-search.png) no-repeat;
  background-position: 5px 50%;
  background-size: 24px 24px;
}



.text-container {width:100%; max-width:1000px;margin:0 auto;z-index:2;position:relative; text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20);}
.intro-text, .intro-text p {font-family: 'Judson', serif;font-weight:700;color:#ffffff;font-size:1.4rem;width:53%;line-height:1.2;}
.intro-text p {width:100%;}
.color-overlay{background-color:rgba(0, 67, 123, 0.2);mix-blend-mode: multiply;width:100%; height:650px;z-index:1;position:absolute;top:0;left:0;text-align:center;transition: background-color 1s;}
.color-overlay:hover {background-color:rgba(0, 67, 123, 0.1);}
.color-overlay i.fas.fa-angle-down {font-size:2rem;color:#ffffff;position:absolute;bottom:0;margin-bottom:30px;}
.photo-caption{width:50%;height:auto;position:absolute;right:0;bottom:0;font-family:'Poppins', sans-serif; font-size:0.6rem;font-weight:500;margin:0 30px 30px 0;line-height:1;color:#eeeeee;text-align:right;letter-spacing:1px;text-transform:uppercase;z-index:10; text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px rgba(0,0,0,0.25);}
.photo-caption:hover + .color-overlay {background-color:rgba(0, 67, 123, 0.1);}
.photo-caption:hover {color:#ffffff;cursor:pointer;}

.top-container {width:calc(100% - 120px);padding:45px 60px;background-color:transparent;position:relative;z-index:10;}
#branding, #menu {width:50%;display:inline;float:left;}
#menu-mobile{display:none;}
.mobile-nav-button {display:none;width:50px; height:50px;font-size:1.5rem;color:#ffffff;position:absolute;top:0;right:0;z-index:100;margin-top:25px;cursor:pointer;}
a.mobile-email-link {text-decoration:none;}
#site-logo {width:228px;height:44px;background-image:url("images/oceankind-logo-228@2x.png");background-repeat:no-repeat;background-size:contain;}
#menu {position:absolute;right:60px;}
ul#menu-primary {width:auto;float:right;}
ul#menu-primary li {display:inline; }
ul#menu-primary li a {font-weight:700; color:#ffffff; text-decoration:none; margin:0 10px 0 0;text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px rgba(0,0,0,0.25)}

/* home page */
.intro-text.home-page{margin:0;padding:80px 25% 20px 0;width:75%;font-size:1.7rem;line-height:1.2; text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px rgba(0,0,0,0.25);}
.intro-text.home-page p {width:100%;}
.intro-text-readmore {width:75%;z-index:2;}
.intro-text-readmore p {font-family: 'Judson', serif;font-weight:700;color:#ffffff;font-size:1.3rem;margin:10px 0;}
.landing-page-banner.home-page, .color-overlay.home-page {margin:0 0 0 0; height:100vh;}
header#header.home-page {height:100%;margin-bottom:-120px;}
#container.home-page {display:none;}
#footer-wave.home-page-only {
    width:100%; height:120px;
    background-color:transparent;
    background-image:url("images/pattern-white-2000.png");
    background-position:right bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    opacity:0.2;
    z-index:5;
    }
footer#footer.home-page{
    margin-top:-120px;}
footer#footer.home-page #copyright  {
    z-index:10;
    background-color:transparent;
  	text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.25), -1px -1px 1px rgba(0,0,0,0.25);
}
.landing-page-banner.home-page{
    background-repeat:no-repeat;
    background-position:center center;
    background-size: cover;
}
.landing-page-banner.home-page.bg1{
    background-image: url("images/bg/bg1.jpg");
}
.landing-page-banner.home-page.bg2{
    background-image: url("images/bg/bg2.jpg");
}
.landing-page-banner.home-page.bg3{
    background-image: url("images/bg/bg3.jpg");
}
.landing-page-banner.home-page.bg4{
    background-image: url("images/bg/bg4.jpg");
}
.landing-page-banner.home-page.bg5{
    background-image: url("images/bg/bg5.jpg");
    background-position:top center;
}
.landing-page-banner.home-page.bg1:before,
.landing-page-banner.home-page.bg2:before,
.landing-page-banner.home-page.bg3:before,
.landing-page-banner.home-page.bg4:before,
.landing-page-banner.home-page.bg5:before {
	content: 'Kelp forest. Photo: Andrew Stowe'; /*kelp*/
	width:auto;max-width:30%;height:auto;position:absolute;left:0;bottom:0;font-family:'Poppins', sans-serif; font-size:0.6rem;font-weight:500;margin:0 0 30px 120px;line-height:1;color:#efefef;text-align:left;text-transform:none;z-index:10;
}
.landing-page-banner.home-page.bg2:before {
	content: 'Donut Nudibranch. Photo: Joe Belanger'; /*nudibranch*/
	text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20);
}
.landing-page-banner.home-page.bg3:before {
	content: 'Red day octopus. Photo: Ocean Bodhi'; /*octopus*/
	text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20);
}
.landing-page-banner.home-page.bg4:before {
	content: 'Orca pod. Photo: Ken Canning'; /*orca*/
	text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20);
}
.landing-page-banner.home-page.bg5:before {
	content: 'Hawaiian green sea turtle. Photo: Elyse Butler'; /*turtle*/
	text-shadow: 0px 0px 10px rgba(0,0,0,0.15), 1px 1px 1px rgba(0,0,0,0.20), -1px -1px 1px rgba(0,0,0,0.20);
}
.landing-page-banner.home-page.bg1:hover:before,
.landing-page-banner.home-page.bg2:hover:before,
.landing-page-banner.home-page.bg3:hover:before {color:#ffffff;}
.color-overlay.home-page:hover {background-color:rgba(0, 67, 123, 0.1);padding-tp:5px;}

/* posts */

#content.posts-only {width:80%; margin: 0 auto;}

.posts-only h1 {color: #000000; margin: 80px 0;}

.posts-only ul, .posts-only ol {margin-left: 20px;}
.posts-only ul {list-style: disc;}
.posts-only ol {list-style: decimal;}
.posts-only strong {color:inherit;}
.posts-only a {color:#047db6;}
.posts-only .wp-caption {margin: 30px auto;}

.entry-meta {font-family: 'Poppins', sans-serif; font-size:0.9rem;font-weight:500;margin:0 0 20px 0; line-height:1.4;color:#696969;}
.callout-box {background: rgba(4, 125, 182, 0.1); padding:30px 50px;}

/* PROMOS */

/* all full-width promos */

.promo.full-width {width:100%; height:auto; padding: 0; margin:20px 0; background: rgba(4, 125, 182, 0.1);}
.promo.full-width h2 {font-size:1.6rem;}
.promo.full-width p {font-size:0.9rem;}
.promo.full-width span.slide-caption{font-size:0.6rem;}
.promo.full-width a.learnmore-link{padding:10px;background:#047db6;color:#ffffff;text-decoration:none; font-family: 'Poppins', sans-serif; font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px; display: block; width: fit-content;}
    .promo.full-width a.learnmore-link:hover,
    .promo.full-width a.learnmore-link:focus{background:#00437b;}

/* full-width promo : all purpose 1000 wide */

.promo-allpurpose-item {width:100%;height:auto;max-width:1000px;margin:0px auto;position:relative;list-style-type:none;}
.promo-allpurpose-item .slide-image{display:inline-block;float:right;width:33.3333%;height:auto; padding:50px 0;}
.promo-allpurpose-item .slide-image img {width:100%;}
.promo-allpurpose-item .slide-text {width:60%;height:auto;float:left;padding:50px 0;}




/* grants table */

#footable_146 { border: none; }

#footable_146 .currency {}
#footable_146 thead tr.footable-filtering th {
  height: 320px; border: none;
  padding-top: 30px !important;
  padding-bottom: 60px !important;
}

 .footable_parent, .grants-table-wrapper h2  {
     overflow-x: auto;
     width: 100%;
     max-width: 1000px;
     margin: 0 auto;
  }

.grants-table-wrapper {
  width: 100vw !important;
  margin-left: calc(-1 * (50vw - 500px));
  background: linear-gradient( rgba(0, 67, 123, 1), rgba(0, 67, 123, 1) 500px, white 500px, white 800px);
  padding-top: 34px;
  margin-top: 50px;
}

.grants-table-wrapper p { color: white;  padding: 0 0 0 20px !important; max-width: 1000px !important; margin: 0 auto;}

#footable_146 .thousands { 
    text-align: right; 
    padding-right: 40px !important; 
}

.footable_parent table.foo-table.vertical_centered tbody>tr>td, .footable_parent table.foo-table.vertical_centered thead>tr>th { vertical-align: top !important;
width: auto!important;}
.footable-filtering .SumoSelect>.optWrapper, .footable-filtering .SumoSelect>.optWrapper>.options {
  width: 100% !important; /* filter submenus */
}
.footable-filtering .reset-all  {
display:none!important;}

.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio>label, .ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox>label { color: white; font-size: .8rem !important; }
button.ninja_button_print, button.ninja_button_csv { cursor: pointer; border: 0; margin-right: 5px; padding: 8px 12px !important; font-family: 'Poppins', sans-serif!important;}
.ninja_custom_radio { margin-bottom: 20px !important; }
.csv-button:hover, .print-button:hover { background: rgba(0, 67, 123, 1) !important; cursor: pointer; }
.footable-filtering .SumoSelect>.CaptionCont {
  background-color: #047db6 !important;
  border: none !important;
  border-radius: 0 !important;
  color: white !important;
  padding: 8px !important;
}

.footable-filtering .SumoSelect>.optWrapper.multiple>.options li.opt {
    background: #013159 !important;
    margin: 0 !important;
    color: white !important;
    border: none !important;
}

.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline>.form-group.footable-filtering-search input { font-size: 1.25rem; }

.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search {
  width: 100% !important;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group>.ninja_filter_title {
    display: block;
    text-transform: uppercase !important;
    font-size: .625rem !important;
}

.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .input-group .input-group-btn {
  z-index: 5;
}
.footable-filtering .SumoSelect.open>.optWrapper {
  border: none;
}

.footable-filtering .SumoSelect>.CaptionCont>span.placeholder {
  color: white !important;
}

.footable_parent table.foo-table.vertical_centered thead>tr>th { padding-top: 50px !important; }
.footable .header-results { color: #00437b; font-weight: bold; font-size: 1.25rem; padding-left: 10px; margin-top: 20px; background: transparent; }



.footable,
#footable_146 {
  font-family: 'Poppins', sans-serif !important;
}

#footable_146 > tbody > tr {
  border-top: 2px solid #7BCEF5;
}

.footable-details.table>tbody>tr>td, .footable-details.table>tbody>tr>th, .footable-details.table>tfoot>tr>td, .footable-details.table>tfoot>tr>th, .footable-details.table>thead>tr>td, .footable-details.table>thead>tr>th, .footable.table>tbody>tr>td, .footable.table>tbody>tr>th, .footable.table>tfoot>tr>td, .footable.table>tfoot>tr>th, .footable.table>thead>tr>td, .footable.table>thead>tr>th {
  padding: 20px 8px 30px 8px !important;
}

.ninja_table_wrapper table thead .footable-filtering .ninja_custom_select_checkbox>label, .ninja_table_wrapper table thead .footable-filtering .ninja_filter_title {
  color: white;
}
.footable .form-control {
  background: transparent !important;
  border: 0 !important;
}

.footable-filtering-search input {
  font-size: 1.5rem !important;
  color: #7BCEF5 !important;
  padding-left: 0 !important;
}
.footable .form-control input {
  font-family: 'Judson', serif;
}
.footable .form-control::focus {
  border: 0 !important;
  outline: none;
}

.footable-header { text-transform: uppercase; }
.footable .form-control::placeholder {
  color: #7BCEF5 !important;
}

.nt-label-caps { text-transform: uppercase; color: #696969; letter-spacing: .5px; }
.nt-label { color: #696969; }

.footable-filtering .SumoSelect>.optWrapper.multiple>.options li.opt {
  font-size: 14px;
}

.footable-filtering .SumoSelect>.optWrapper.multiple>.options li.opt.selected {
background: #333 !important;
}


.ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group {
  border-bottom: 4px solid #7BCEF5;
  padding-bottom: 12px;
}

.ninja_table_wrapper .ninja_table_afd_inline thead .footable-filtering th .form-inline>.form-group {
  display: block;
}

.ninja_table_wrapper table thead .footable-filtering .ninja_custom_radio>label {
  text-align: left !important;
   display: block !important;
  font-size: .888889rem;
  margin-bottom: 2px;
  line-height: 1.5rem;
}

.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline>.form-group.footable-filtering-search {
  width: 100%;
}

.ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline>.form-group.footable-filtering-search input {
  font-size: 1.5rem;
  color: #7BCEF5 !important;
  padding-left: 0 !important;
}

.ninja_filter_title {
  font-weight: 500 !important;
  letter-spacing: 1px;
  margin-bottom: 10px;
  font-size: .77778rem;
}

.foo-table button.btn.btn-default.dropdown-toggle { display: none !important; }
.footable_parent .fooicon-search:before { content: "" !important;}
.footable_parent .fooicon-search:after { content: " Submit Search" !important; font-family: 'Poppins', sans-serif;}

.footable_parent .fooicon-remove:after { content: " Reset Search" !important; font-family: sans-serif;}

#footable_146 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    background: transparent !important;
    color: white;
}

.foo-table button.btn.btn-default.dropdown-toggle {
}

.semantic_ui .ui.inverted.table tbody tr td.selectable:hover, .semantic_ui .ui.selectable.inverted.table tbody tr:hover {
    background: hsla(0,0%,100%,1) !important;
    color: #fff !important;
}

#footable_146 .form-group .input-group .input-group-btn {
    width:150px!important;
}
.fooicon-sort-asc,
.fooicon-sort-desc,
.fooicon-sort-asc:before,
.fooicon-sort-desc:before,
td.footable-sortable>span.fooicon, 
th.footable-sortable>span.fooicon {
    display:none!important;
}
/* media queries */

@media only screen and (max-width: 1440px) {
    #container {max-width:1000px;}
}
@media only screen and (max-width: 1024px) {
    #container {width:80%;margin:0 10%;}
    .landing-page-banner { }
    .text-container {width:80%; ;margin:0 10%;}
    #copyright {padding:50px 5%;}
    .landing-page-banner.philosophy-page, .landing-page-banner.approach-page, .landing-page-banner.people-page, .landing-page-banner.home-page {
      background-attachment: scroll;}
    .color-overlay{background-color:rgba(0,67,123,0.4);}
    .landing-page-banner.people-page{background-position:center top;}
    .landing-page-banner.home-page.bg1:before,
    .landing-page-banner.home-page.bg2:before,
    .landing-page-banner.home-page.bg3:before,
    .landing-page-banner.home-page.bg4:before,
    .landing-page-banner.home-page.bg5:before {
    	margin:0 0 20px 5%;max-width:100%;padding:0;
    }
    .landing-page-banner.home-page.bg3/*octo*/{
        background-position: right center;
    }
    .landing-page-banner.home-page.bg2/*nudibranch*/{
        background-position: left center;
    }
    .landing-page-banner.home-page.bg4/*orca*/,
    .landing-page-banner.home-page.bg1/*kelp*/{
      background-position:30% center;
    }
    ul.values-container li.single_value_list {margin:20px 3% 20px 0;}

    .single-program-list  {
      flex-direction:column;
      margin-bottom:20px;
    }
    .single-program-list div, .single-program-list.two div {width: 100%; min-height:0; margin:0; }

    /* grants database */
    .grants-table-wrapper {
    margin-left: calc(-1 * (50vw - 50%));
    width: calc(100vw - 40px) !important;
    padding-left: 20px;
    padding-right: 20px;
  }

.ninja_table_wrapper .ninja_table_buttons.ninja_buttons_left { margin-left: 20px; }

.promo-allpurpose-item {width:90%; max-width:100%; padding: 0 5%;}
.posts-only .entry-content img,
.posts-only .wp-caption {max-width:100%;}

}
@media only screen and (max-width: 768px) {
    #branding, #menu {width:50%;}
    .intro-text {width:90%;}
    .text-container {width:70%; ;margin:0 15%;}
    div#headshot-container {width:160px;height:160px;}
    .intro-text.home-page {width:100%;margin:50px 0 0 0;font-size:1.4rem;padding:20px 0 20px 0;}
    .intro-text-readmore {width:100%;font-size:1.2rem;}
    .ocean-planet{padding:0;}
    .entry-content.editor-styles p {padding-right:0;}
    ul.values-container li.single_value_list {width:48%; margin:20px 2% 20px 0;}
    div.single-program-list {margin:50px 5% 20px 0;}
    .landing-page-banner.philosophy-page{
        background-position:right top;
        background-size:160% auto;
    }
    .landing-page-banner.approach-page{background-position:center top;}
    .landing-page-banner.people-page{background-size:150% auto;}
    .photo-caption, .landing-page-banner.home-page.bg1:before, .landing-page-banner.home-page.bg2:before, .landing-page-banner.home-page.bg3:before, .landing-page-banner.home-page.bg4:before {
        width:50%;line-height:1.2;margin:0 0 20px 5%;}
	.photo-caption{margin:0 30px 30px 0;}
	h1.entry-title{margin:60px 0 10px 0;}
    #copyright p.fineprint.home-page{clear:both;display:block;margin:0;padding-top:8px;}

    #content.posts-only {width:100%; margin: 0;}

    .grants-table-wrapper {
      background: linear-gradient( rgba(0, 67, 123, 1), rgba(0, 67, 123, 1) 180px, white 180px, white 800px); /* filters in flyout */
}

.print-csv-buttons { margin-top: 70px; }
  .footable .header-results {  margin: 70px 0 20px 0; }

  .grants-table-wrapper p { padding-left: 14px !important; }

  #footable_146 .thousands { text-align: left; }

  .ninja_table_wrapper .ninja_table_afcs_columns_4 thead .footable-filtering th .form-inline>.form-group.footable-filtering-search input { font-size: 1.25rem; }

.ninja_footable tbody, .footable-details.table {
    border: none !important;
}

.footable-details.table>tbody>tr>td, .footable-details.table>tbody>tr>th, .footable-details.table>tfoot>tr>td, .footable-details.table>tfoot>tr>th, .footable-details.table>thead>tr>td, .footable-details.table>thead>tr>th, .footable.table>tbody>tr>td, .footable.table>tbody>tr>th, .footable.table>tfoot>tr>td, .footable.table>tfoot>tr>th, .footable.table>thead>tr>td, .footable.table>thead>tr>th {
    padding: 10px 8px !important;
}


/* facets */
.mobile-only { display: block; }
.mobile-only .facetwp-reset { background: #047db6; color: #FFF; width: 100%;margin: 0;  border: none; }
.filters, .grants-table-wrapper .filters.text, .grants-table-wrapper .filters.level2, .grants-table-wrapper .facetwp-type-search { display: none; }
/* .grants-table-wrapper .filters.text { display: block; } */
.flyout-row h3 { color: white; }
/* .flyout-row.name-search { display: none;} */
.flyout-item .fs-arrow {border-top: 5px solid #333 !important;}
.flyout-item .facetwp-facet-result_count { color: white;}
.flyout-only { display: none; }
.facet-count-sort { display: block; }
.facetwp-content .print-button, .facetwp-content .csv-button { display: none; }
.row-grid { grid-template-columns: 100% !important; }
.mobile-only-amount, .mobile-only-year, .mobile-only-term {
  display:block;
}
.column-amount, .column-year { display: none; }
.facet-listing-header .amount {
  text-align: left;
  padding-right: 0px; 
  width: 20%;
}

.facet-listing-header { display: none; }

.facet-listing-header .startyear { padding-left: 12px;}
.column-year { padding-left: 12px; }

}
@media only screen and (max-width: 767px) { 
    .promo-allpurpose-item {padding: 20px 5%;}
    .promo-allpurpose-item .slide-image {width:100%; display:block; float:none; padding:0;}
    .promo-allpurpose-item {margin:0; padding:;}
    .promo-allpurpose-item a.learnmore-link,
    .promo-allpurpose-item .slide-text {width:100%; display:block;float:none; padding:30px 0 10px 0 ;}
    .promo-allpurpose-item a.learnmore-link {width:auto; text-align:center;}
   
}
@media only screen and (max-width: 600px) {

  html{
      font-size:16px;
  }
    .top-container {width:80%;padding:45px 10%;}
    .text-container {width:80%; ;margin:0 10%;}
    .intro-text {width:100%;}
    .intro-text, .intro-text.home-page, .intro-text p, .intro-text.home-page p{letter-spacing:normal;margin:30px 0 0 0;font-size:1.2rem;}
    .intro-text.home-page{padding:0 0 20px 0;}
    .ocean-planet h2 {font-size:1rem;}
    .ocean-planet h3{font-size:2rem;}
    .ocean-planet p{font-size:1.1rem;}
    ul.values-container li.single_value_list {width:100%;margin:0 1% 10px 0; min-height:0;}
    .entry-content.editor-styles ul.values-container li p {margin:0 0 10px 0;}
    div.single-program-list {display:block;width:100%;margin:0 0 20px 0;}
    ul.people-list li.person_list {width:100%;text-align:center;}
    div#headshot-container {width:100px;height:100px;margin:0 auto;display:inline-block;}
    ul.people-list li h3{margin:10px 0 0 0;font-size:0.8rem;min-width:200px;}

    .mobile-nav-button{display:block;}
  #copyright, footer#footer #copyright {padding:25px 10%;height:68px;/*;overflow:hidden;*/}
    #menu {display:none;}
    #menu-mobile {
        display:none;
        width:100%;
        height:100vh;
        background-color:#00437b;
        position:absolute;
        top:0;
        left:0;
        z-index:99;
    }
    #menu-mobile ul#menu-primary-1 {
        float:none;
        padding:10% 10% 0 10%;
    }
    #menu-mobile ul#menu-primary-1 li, #menu-mobile.logo-mobile {
        display:block;
        text-align:left;
    }
    #menu-mobile ul#menu-primary-1 li a, #menu-mobile p {
        color:#ffffff;font-weight:700;text-decoration:none;text-align:left;
        font-size:1rem;
    }
    #menu-mobile p {
        padding:0 10%;
        margin:10px 0;
    }
    #menu-mobile .logo-mobile {
        width:150px;height:150px;
        background-image:url("images/oceankind-logo-centered.png");
        background-repeat:no-repeat;
        background-size:150px auto;
        background-position:center top;
        margin:100px auto;
    }
    #site-logo{background-size:cover;}
    footer#footer.home-page #copyright  {
    z-index:6;}
    .color-overlay{background-color:rgba(0,67,123,0.2);}
    .color-overlay.home-page{background-color:rgba(0,67,123,0.3);}
    #copyright p, #copyright p.credits, #copyright p.credits.home-page {display:block; width:100%;margin:0 0 5px 0;}
    #copyright p.credits, #copyright p.credits.home-page {display:inline;width:auto;margin:0 10px 5px 0;}
    #copyright p.credits.photo-credit-home-mobile {display:block;margin:0 0 5px 0;letter-spacing:normal;} /* kelp forest */

    .landing-page-banner.home-page.bg1:before, .landing-page-banner.home-page.bg2:before, .landing-page-banner.home-page.bg3:before, .landing-page-banner.home-page.bg4:before, .landing-page-banner.home-page.bg5:before  {display:none;}
    #footer-wave.home-page-only {opacity:0.2;}
    /*.push.home-page-only {height:120px;}*/
    footer#footer.home-page{/*margin-top:-120px;*/margin-top:-142px;height:142px;}
    header#header.home-page{height:100vh;}
    .landing-page-banner.home-page{
       background-image: url("images/home-mobile.jpg");
       background-position: top center;
       background-size: cover;
    }
    #wrapper{background-position:left 65%;}
    .landing-page-banner.philosophy-page{
        background-image:url("images/philosophy-mobile.jpg");
        background-size:100% auto;
        background-position:center top;
    }
    .landing-page-banner.approach-page{
       background-image: url("images/approach-mobile.jpg");
        background-position:top center;
        background-size:100% auto;
    }
    .landing-page-banner.people-page{
        background-image: url("images/people-mobile.jpg");
    	 background-position:top center;
       background-size:cover;
    }
    .approach-page .intro-text{
      width:95%;
    }


    /* grants table */

    .footable-filtering-search input { font-size: 1.25rem !important; }

    .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .input-group .input-group-btn { margin-top: 60px; left: 0;}
    .footable-filtering .SumoSelect>.optWrapper {     -webkit-box-shadow: 2px 3px 3px rgb(0 0 0 / 14%) !important;    box-shadow: 2px 3px 3px rgb(0 0 0 / 24%) !important; }
    .footable-filtering .SumoSelect>.optWrapper.multiple>.MultiControls>p { color: black !important; }
    .footable-filtering .SumoSelect>.optWrapper.multiple>.MultiControls>p.btnOk { border-right: 1px solid #555555; }

    .print-csv-buttons { margin-top: 110px; left: 0; }
    .footable .header-results { margin-bottom: 70px; }

    blockquote, blockquote p {margin:30px 10px;}
    .callout-box {padding:20px;}
}

@media only screen and (max-width: 414px) {
    .intro-text-readmore p{font-size:1rem;}
    #copyright p{font-size:0.8rem;}
    .photo-caption{font-size:0.5rem;margin:0 30px 30px 30px;width:calc(100% - 60px);text-align:left;}
}
@media only screen and (max-width: 320px) {
    html{font-size:16px;}
    #site-logo{background-size:80% auto;}
    .intro-text.home-page, .intro-text, .intro-text.home-page p, .intro-text p{margin:30px 0 0 0;font-size:1.1rem;}
    .intro-text-readmore p{margin:0;font-size:1rem;}
    .color-overlay i.fas.fa-angle-down {bottom:60px;}
    h1.entry-title{margin:50px 0 10px 0;}
    ul.person-list h3{min-width:0;}
    .landing-page-banner.philosophy-page{background-size:120% auto;}
    .editor-styles h4{font-size:0.8rem;}

}
@media only screen and (min-width: 1920px) {
    .text-container{margin:100px auto;}

}

@media print {

  html , body {  font-size: 11px;  }

    .donotprint, #menu, #menu-mobile, #footer, .print-csv-buttons, .footable-pagination-wrapper, .remove,
    .landing-page-banner.home-page.bg1:before,
    .landing-page-banner.home-page.bg2:before,
    .landing-page-banner.home-page.bg3:before,
    .landing-page-banner.home-page.bg4:before,
    .landing-page-banner.home-page.bg5:before,
    div#headshot-container,
    .page-awarded-grants .page-banner,
    .top-container,
    .color-overlay,
    .photo-caption
     {
      display: none; }
      .printonly { display: block; }

    .footable-details.table>thead>tr>td, .footable-details.table>thead>tr>th, .footable.table>thead>tr>td, .footable.table>thead>tr>th { border: none; }
    tr.footable-filtering { display: none;}
    .grants-table-wrapper { background: none; margin-left: 0; margin-top: 0; padding-top: 0; }
    .footable_parent table.foo-table.vertical_centered thead>tr>th { border: none !important;}


    .grants-table-wrapper .filters.level2, .grants-table-wrapper .filters.text,
    .page-template-page-awarded-grants-facet .intro,
    .facetwp-facet-search,
    button { display: none; }

    .fwpl-row.el-4t0oxi { padding-bottom: 12px; }
      /*show urls after the link*/
      a:after {
        content: " (" attr(href) ")";
        font-size: 80%;
      }
      a {
        word-wrap: break-word;
      }
      /* adjust styles for print */
      h1, p, .text-container p, .grants-table-wrapper p {color:#000000; text-shadow:none;}
      .single-program-list div, .single-program-list.two div, ul.values-container li.single_value_list, ul.people-list li.person_list {width:100%;}
      .page-banner,
      .landing-page-banner.people-page,
      .landing-page-banner.philosophy-page,
      .landing-page-banner.approach-page,
      .landing-page-banner.home-page.bg1,
      .landing-page-banner.home-page.bg2,
      .landing-page-banner.home-page.bg3,
      .landing-page-banner.home-page.bg4,
      .landing-page-banner.home-page.bg5
      {background-image:none; background-color:transparent; height:auto; margin:0;}

}