@font-face {
  font-family: "Inter";
  src: url("/fonts/Inter/Inter-Regular.woff2") format("woff2"),
    url("/fonts/Inter/Inter-Regular.ttf") format("truetype"),
    url("/fonts/Inter/Inter-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Inter Semibold";
  src: url("/fonts/Inter/Inter-SemiBold.woff2") format("woff2"),
    url("/fonts/Inter/Inter-SemiBold.ttf") format("truetype"),
    url("/fonts/Inter/Inter-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
}
.container-fluid {
  max-width:1200px;
}

/*** COLORS ***/
.darkblue,
.label,
a.label:hover,
footer a,
h1,
h2,
h3,
h4,
h5,
h6,
p,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.footer-content a,
.navbar-nav a,
.footer-links a:hover {
  color: #0d1d47;
}
.txtUnderline {
  text-decoration: underline;
}

.darkblue-bg {
  background-color: #0d1d47;
}

.steelblue,
.mainArticleSection .caption {
  color: #8897a6;
}

.steelblue-bg {
  background-color: #8897a6;
}

.orange-bg {
  background-color: #ff621a;
}

.orange,
.orange.cta:hover,
p a,
.mainArticleSection li a {
  color: #ff621a;
}

.orange-border {
  border-bottom-color: #ff621a;
}

.grey-bg {
  background-color: #e5e7e8;
}

.grey {
  color: #e5e7e8 !important;
}

.white,
.white a:hover,
a.white:hover {
  color: #ffffff;
}
.noHub {
  background-color: #ff621a;
}

.rv-petrel {
  background-color: #45d4f9;
}

.space {
  background-color: #039fe2;
}

.about-paul {
  background-color: #68a1f7;
}

.oceans {
  background-color: #9ccfee;
}

.tech-innovations {
  background-color: #1dc2bc;
}

.bioscience {
  background-color: #9cea7f;
}

.wildlife {
  background-color: #3ddba2;
}

.human-crisis-response {
  background-color: #f96557;
}

.arts-and-culture {
  background-color: #ff75ce;
}

.film {
  background-color: #cf75ff;
}

.community {
  background-color: #8e80e0;
}

.sports {
  background-color: #8897a6;
}

/*** END COLORS ***/
body{
  transition: all 0.3s ease;
}

/*** FONTS ***/
body,
p {
  font-family: "Inter", Arial, sans-serif;
}

strong {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-weight: 600;
}

h1 {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 48px;
  line-height: 54px;
}

@media (max-width: 767px) {
  h1 {
    font-size: 36px;
    line-height: 42px;
  }
}

h2 {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 36px;
  line-height: 42px;
}

@media (max-width: 767px) {
  h2 {
    font-size: 30px;
    line-height: 34px;
  }
}

h3 {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
}

h4,
.categories .label {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

h5,
.categories-sm .label {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 16px;
  line-height: 20px;
}

h6 {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 14px;
  line-height: 17px;
}

.label {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
}

p {
  font-family: "Inter", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

p a,
p a:hover,
.mainArticleSection li a,
.mainArticleSection li a:hover {
  text-decoration: underline;
}

.small {
  font-family: "Inter", Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.quoteLeft {
  background: #ffffff;
  margin: 1.5em 10px;
  padding: 15px;
  position: relative;
  quotes: "\201C""\201D""\2018""\2019";
  width: 50%;
    float: left;
}
.quoteLeft p{
  color: #0D1D47;	
  font-family: "Inter", Arial, sans-serif;
  font-size: 20px;	
  font-weight: 600;	
  line-height: 30px;
  
}
.quoteLeft:before { 
  content: open-quote;
  color: #FF621A;	
  font-family: Inter;	
  font-size: 48px;	
  font-weight: 600;
  margin-top: -18px;
  left: -5px;
  position: absolute;
} 



.quoteRight {
  background: #ffffff;
  margin: 1.5em 10px;
  padding: 15px;
  position: relative;
  quotes: "\201C""\201D""\2018""\2019";
  width: 50%;
    float: right;
}
.quoteRight p{
  color: #0D1D47;	
  font-family: "Inter", Arial, sans-serif;
  font-size: 20px;	
  font-weight: 600;	
  line-height: 30px;
  
}
.quoteRight:before { 
  content: open-quote;
  color: #FF621A;	
  font-family: Inter;	
  font-size: 48px;	
  font-weight: 600;
  margin-top: -18px;
  left: -5px;
  position: absolute;
} 

.quoteFull{
  background: #ffffff;
  margin: 1.5em 10px;
  padding: 15px;
  position: relative;
  quotes: "\201C""\201D""\2018""\2019";
  width: 100%;
  float: left;
}
.quoteFull p{
  color: #0D1D47;	
  font-family: "Inter", Arial, sans-serif;
  font-size: 20px;	
  font-weight: 600;	
  line-height: 30px;
  
}
.quoteFull:before { 
  content: open-quote;
  color: #FF621A;	
  font-family: Inter;	
  font-size: 48px;	
  font-weight: 600;
  margin-top: -18px;
  left: -5px;
  position: absolute;
} 
@media (max-width: 767px) {
  .quoteRight{width:100%;}
  .quoteLeft{width:100%;}
}

blockquote p {
  display: inline;
}

.white a:hover,
a.white:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.footer-links a:hover {
  text-decoration: underline;
}
/*** END FONTS ***/

/*** GLOBALS ***/
a:hover {
  text-decoration: none;
}

.row {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .row {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

.row.no-padding {
  padding-top: 0;
  padding-bottom: 0;
}

.no-margin {
  margin: 0;
}

.container {
  padding: 0;
}

@media (max-width: 767px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.no-padding {
    padding-left: 0;
    padding-right: 0;
  }
}

.full-height {
  height: 100%;
}

.label {
  text-transform: uppercase;
  padding: 3px 10px;
  display: inline-block;
}

.clearfix {
  clear: both;
}

.cta.white:after {
  background-image: url("/images/icon_arrow_right_white.svg");
  background-size: 10px 20px;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 2px;
  vertical-align: middle;
  width: 10px;
  height: 20px;
  content: "";
}

.cta.orange:after {
  background-image: url("/images/icon_arrow_right_orange.svg");
  background-size: 10px 20px;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 2px;
  vertical-align: middle;
  width: 10px;
  height: 20px;
  content: "";
}

.cta:after {
  background-image: url("/images/icon_arrow_right_blue.svg");
  background-size: 10px 20px;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 2px;
  vertical-align: middle;
  width: 10px;
  height: 20px;
  content: "";
}

.button {
  padding: 15px;
  border: none;
}

.vertical-center {
  margin-top: auto;
  margin-bottom: auto;
}

.float-right {
  float: right;
}

.float-left {
  float: left;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

textarea:focus,
input:focus,
button:focus {
  outline: none;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

/*** END GLOBALS ***/

/*** NAVIGATION ***/
.headerLogo {
  width: 180px;
  height: 80px;
}

nav.header .headerLogoLink {
  display: flex;
  margin-right: 214px;
}

@media (max-width: 1199px) {
  nav.header .headerLogoLink {
    margin-right: 175px;
  }
}

@media (max-width: 992px) {
  nav.header .headerLogoLink {
    margin-right: 135px;
  }
}
@media (max-width: 767px) {
  nav.header .headerLogoLink {
    margin-right: 0px;
  }
}

nav.header {
  position: relative;
  height: 80px;
  display: flex;
  align-items: right;
  background: #ffffff;
}

nav.header h1 {
  display: flex;
  align-self: stretch;
  align-items: center;
  background: #d8d8d8;
  color: #404040;
  padding: 0 1.5rem;
  font-weight: bold;
}

nav.header button {
  align-self: stretch;
  transition: all 0.4s ease-out;
  padding: 0 1rem 0 1.5rem;
  outline: 0;
  border: 0;
  background: #fff;
  color: #0d1d47;
  font-size: 14px;
  font-family: "Inter Semibold", Arial, sans-serif;
  text-transform: uppercase;
  padding: 0px;
  padding-bottom: 4px;
  padding-left: 25px;
}

/* ms edge fix */
_:-ms-lang(x), _:-webkit-full-screen, nav.header button { padding-bottom:0px; }

nav.header button.hidden {
  transition: none;
  border-right: 0.5rem solid #b6b6b6;
  width: 0;
  padding: 0;
  overflow: hidden;
}

nav.header button::after {
  /* content: attr(count);
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    background: #9f9f9f;
    color: #f2f2f2;
    box-shadow: 0 0 1px 0 rgba(0,0,0,0.8);
    border-radius: 50%;
    font-size: 14px;
    line-height: 14px;
    margin-left: 1rem;
    margin-right: calc(-1rem + -8px); */
}

ul.links {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  overflow: hidden;
  margin: 0;
  max-width: 655px;
  padding: 0px;
  margin-right: 0px;
}

ul.links li {
  flex: none;
  padding: 1rem;
  list-style: none;
  margin-right: 10px;
  font-size: 14px;
  line-height: 17px;
  padding: 30px 0px;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0px;
}

ul.links li a {
  color: #0d1d47;
  font-size: 14px;
  font-family: "Inter Semibold", Arial, sans-serif;
  text-transform: uppercase;
  padding: 10px 10px 5px;
  border-bottom: 5px solid #fff;
  transition: 0.5s;
  
  
  /* text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.15em;
  display: inline-block;
  padding: 15px 20px; */
  position: relative;
}

/* ul.links li a:after{
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #039fe2;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
} */
/* ul.links li a:hover:after { 
  width: 100%; 
  left: 0; 
  background: #039fe2;
} */
ul.hidden-links {
  position: absolute;
  background: #d8d8d8;
  right: 0;
  top: 100%;
  z-index: 1;
  padding: 15px;
}
ul.hidden-links-mobile {
  /* position: absolute; */
  background: #d8d8d8;
  right: 0;
  top: 100%;
  z-index: 1;
  padding: 15px;
}
@media (max-width: 767px) {
  .navLinkWrapper {
    display: flex;
    justify-content: flex-end;
  }
}

ul.hidden-links li {
  list-style: none;
  text-align: right;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 15px;
}
ul.hidden-links-mobile li {
  list-style: none;
  text-align: right;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 0px;
}
@media (max-width: 1199px) {
  ul.hidden-links-mobile li {
    padding-bottom: 0px;
    padding-top: 0px;
  }
}

ul.hidden-links li a {
  color: #0d1d47;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  font-family: "Inter Semibold", Arial, sans-serif;
  padding: 10px 10px 5px;
}
ul.hidden-links-mobile li a {
  color: #0d1d47;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  font-family: "Inter Semibold", Arial, sans-serif;
  padding: 5px;
  padding-left: 0px;
  padding-right: 0px;
  margin-bottom: 10px;
}

ul.hidden-links.hidden {
  display: none;
}

.nav-rv-petrel:hover a {
  /* border-bottom: 5px solid #45d4f9; */
}
.nav-rv-petrel div a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #45d4f9;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-rv-petrel:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-rv-petrel:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-rv-petrel .navLinkWrapper{
  position: relative;
}
.nav-rv-petrel .navLinkWrapper .active {
  border-bottom: 5px solid #45d4f9;
}

.nav-space:hover a {
  /* border-bottom: 5px solid #039fe2; */
}
.nav-space a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #039fe2;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-space:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-space:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-space .navLinkWrapper{
  position: relative;
}
.nav-space .navLinkWrapper .active {
  border-bottom: 5px solid #039fe2;
}

ul.hidden-links li a {
  border-bottom: 5px solid #d8d8d8;
  transition: 0.9s;
}
ul.hidden-links-mobile li a {
  border-bottom: 5px solid #d8d8d8;
  transition: 0.9s;
}
.nav-about-paul:hover a {
  /* border-bottom: 5px solid #68a1f7; */
}
.nav-about-paul a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #68a1f7;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-about-paul:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-about-paul:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-about-paul .navLinkWrapper{
  position: relative;
}
.nav-about-paul .navLinkWrapper .active {
  border-bottom: 5px solid #68a1f7;
}

.nav-oceans:hover a {
  /* border-bottom: 5px solid #9ccfee; */
}
.nav-oceans a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #9ccfee;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-oceans:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-oceans:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-oceans .navLinkWrapper{
  position: relative;
}
.nav-oceans .navLinkWrapper .active {
  border-bottom: 5px solid #9ccfee;
}


.nav-tech-innovations:hover a {
  /* border-bottom: 5px solid #1dc2bc; */
}
.nav-tech-innovations div a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #1dc2bc;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-tech-innovations:hover div a:after { 
  width: 100%; 
  left: 0; 
}
.nav-tech-innovations:focus div a:after { 
  width: 0; 
  left: 0; 
}
.nav-tech-innovations .navLinkWrapper{
  position: relative;
}
.nav-tech-innovations .navLinkWrapper .active {
  border-bottom: 5px solid #1dc2bc;
}

.nav-bioscience:hover a {
  /* border-bottom: 5px solid #9cea7f; */
}
.nav-bioscience a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #9cea7f;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-bioscience:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-bioscience:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-bioscience .navLinkWrapper{
  position: relative;
}
.nav-bioscience .navLinkWrapper .active {
  border-bottom: 5px solid #9cea7f;
}

.nav-wildlife:hover a {
  /* border-bottom: 5px solid #3ddba2; */
}

.nav-wildlife a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #3ddba2;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-wildlife:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-wildlife:focus a:after { 
  width: 0; 
  left: 0; 
}

.nav-wildlife .navLinkWrapper{
  position: relative;
}
.nav-wildlife .navLinkWrapper .active {
  border-bottom: 5px solid #3ddba2;
}

.nav-human-crisis-response:hover a {
  /* border-bottom: 5px solid #f96557; */
}
.nav-human-crisis-response a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #f96557;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-human-crisis-response:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-human-crisis-response:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-human-crisis-response .navLinkWrapper{
  position: relative;
}
.nav-human-crisis-response .navLinkWrapper .active {
  border-bottom: 5px solid #f96557;
}

.nav-arts-and-culture:hover a {
  /* border-bottom: 5px solid #ff75ce; */
}

.nav-arts-and-culture a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #ff75ce;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-arts-and-culture:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-arts-and-culture:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-arts-and-culture .navLinkWrapper{
  position: relative;
}
.nav-arts-and-culture .navLinkWrapper .active {
  border-bottom: 5px solid #ff75ce;
}

.nav-film:hover a {
  /* border-bottom: 5px solid #cf75ff; */
}
.nav-film a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #cf75ff;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-film:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-film:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-film .navLinkWrapper{
  position: relative;
}
.nav-film .navLinkWrapper .active {
  border-bottom: 5px solid #cf75ff;
}

.nav-community:hover a {
  /* border-bottom: 5px solid #8e80e0; */
}
.nav-community a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #8e80e0;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-community:hover a:after { 
  width: 100%; 
  left: 0; 
}
.nav-community:focus a:after { 
  width: 0; 
  left: 0; 
}
.nav-community .navLinkWrapper{
  position: relative;
}
.nav-community .navLinkWrapper .active {
  border-bottom: 5px solid #8e80e0;
}

.nav-sports:hover a {
  /* border-bottom: 5px solid #8897a6; */
}
.nav-sports a:after{
  bottom: -5;
  content: "";
  display: block;
  height: 5px;
  left: 50%;
  position: absolute;
  background: #8897a6;
  transition: 0.2s;
	transition-timing-function: cubic-bezier(0, 0.75, 0.75, 1);
  width: 0;
}
.nav-sports:hover a:after { 
  width: 100%; 
  left: 0; 
}

.nav-sports .navLinkWrapper{
  position: relative;
}
.nav-sports .navLinkWrapper .active {
  border-bottom: 5px solid #8897a6;
}



@media (hover: none) {
  .nav-sports:hover a { 
    border-bottom: 5px solid #8897a6;
  }
  .nav-rv-petrel div a:after,
  .nav-space div a:after,
  .nav-oceans a:after,
  .nav-about-paul a:after,
  .nav-tech-innovations div a:after,
  .nav-bioscience a:after,
  .nav-wildlife a:after,
  .nav-human-crisis-response a:after,
  .nav-arts-and-culture a:after,
  .nav-film a:after,
  .nav-community a:after,
  .nav-sports a:after{
    transition: none;
  }
}

.navWrapper {
  position: relative;
}
.navLinkWrapper{
  position: absolute;
  right: 0px;
}
.navLinkWrapper a{
  position: relative;
}
.navSearch {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 50px;
  cursor: pointer;
}

.navSearchClose {
  cursor: pointer;
}

.mainNav {
  width: 100%;
  padding: 0px;
  margin: 0px;
  z-index: 2;
  background-color: #fff;
  display: flex;
}
@media (max-width: 767px) {
  .mainNav {
    min-width: 100%;
    justify-content: space-between;
  }
  .navSearch {
    padding-left: 0px;
    margin-right: 55px;
  }
}

.search {
  position: absolute;
  top: 0px;
  right: 0;
  background-color: #e5e7e8;
  padding: 20px 20px;
  z-index: 1;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
  opacity: 0;
}
.search.hidden {
  top: 80px;
  opacity: 1;
}
@media (max-width: 767px) {
  .search.hidden {
    min-width: 100%;
  }
  .search-input {
    width: 78%;
  }
}

.search-input {
  font-family: "Inter", Arial, sans-serif;
  width: 300px;
  padding-bottom: 5px;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-color: #ff621a;
  border-right: none;
  border-left: none;
  border-top: none;
  margin-right: 30px;
  background-color: #e5e7e8;
}

@media (max-width: 420px) {
  .search-input {
    width: 78%;
  }
}
.mobileNav {
  position: absolute;
  right: -83px;
  top: -20px;
}

#menuToggle {
  display: none;
  position: relative;
  top: 18px;
  right: 42px;
  z-index: 11;
  -webkit-user-select: none;
  user-select: none;
  height: 40px;
}
#menuToggle.active{
  left: -280px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/*
 * hamburger
 */
.mobileNav {
  display: none;
}
@media (max-width: 767px) {
  #menuToggle {
    display: block;
    cursor: pointer;
    padding: 10px;
  }
  .mobileNav {
    display: flex;
  }
  ul.links {
    display: none;
  }
  .moreBtn {
    display: none;
  }
}
#menuToggle span {
  display: block;
  width: 33px;
  height: 2px;
  margin-bottom: 8px;
  margin-top: 1px;
  position: relative;
  background: #0e1d47;
  border-radius: 3px;
  z-index: 1;
  transform-origin: 8px 0px;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
}

#menuToggle span:first-child {
  transform-origin: 0% 0%;
}

#menuToggle.active span:nth-last-child(2) {
  transform-origin: 0% 100%;
}

#menuToggle.active span {
  opacity: 1;
  transform: rotate(45deg) translate(-0.5px, -18px);
  background: #fff;
}

#menuToggle.active span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
#menuToggle.active span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, 20px);
}

#menu {
  position: absolute;
  width: 300px;
  margin: 3px 0 0px -178px;
  padding: 50px;
  background: #ededed;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  transform-origin: 0% 0%;
  transform: translate(300px, 0);
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
}

#menu li {
  padding: 10px 0;
  font-size: 22px;
}

#menuToggle input:checked ~ ul {
  transform: none;
}
/* General styles for mobile menus */
.cbp-spmenu {
  background: #d8d8d8;
  position: fixed;
}

.cbp-spmenu h3 {
  color: #afdefa;
  font-size: 1.9em;
  padding: 20px;
  margin: 0;
  font-weight: 300;
  background: #0d77b6;
}

.cbp-spmenu a {
  display: block;
  color: #fff;
  font-size: 1.1em;
  font-weight: 300;
}

.menuslide {
  width: 240px;
  height: 100%;
  top: 0;
  z-index: 1000;
}

.cbp-spmenu-left {
  left: -240px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cbp-spmenu-right {
  right: -240px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cbp-spmenu-left.cbp-spmenu-open {
  left: 0px;
}

.cbp-spmenu-right.cbp-spmenu-open {
  right: 0px;
}

/* Push classes applied to the body */


.cbp-spmenu-push {
  position: relative;
  left: 0;
}

.cbp-spmenu-push-toright {
  left: 240px;
}

.cbp-spmenu-push-toleft {
  /* right: 240px; */
  /* left: -240px; */
  /* -webkit-transition: all 0.3s ease; */
  /* -moz-transition: all 0.3s ease; */
  transition: all 0.3s ease;  /* overflow-y: hidden; */
}

.noscroll{
  overflow: hidden;
  position: fixed;
  width:100%;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
  /* -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease; */
}

/* Example media queries */

@media screen and (max-width: 55.1875em) {
  .cbp-spmenu-horizontal {
    font-size: 75%;
    height: 110px;
  }

  .cbp-spmenu-top {
    top: -110px;
  }

  .cbp-spmenu-bottom {
    bottom: -110px;
  }
}

@media screen and (max-height: 26.375em) {
  .menuslide {
    font-size: 90%;
    width: 190px;
  }

  .cbp-spmenu-left,
  .cbp-spmenu-push-toleft {
    left: -190px;
  }

  .cbp-spmenu-right {
    right: -190px;
  }

  .cbp-spmenu-push-toright {
    left: 190px;
  }
}

/*** END NAVIGATION ***/

/*** FOOTER ***/
footer {
  z-index: 1;
  position: relative;
}

.footerSocial{
  padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-icons img {
  display: inline-block;
  margin-right: 15px;
  height: 25px;
  width: 25px;
}

.social-icons {
  margin-bottom: 10px;
}
@media (max-width: 992px) {
  .social-icons {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .social{
    padding-top: 30px;
  }
  .social p{
    text-align: center;
  }
}


.footer-newsletter {
  padding: 30px 0;
  padding-right: 15px;
}

@media (max-width: 767px) {
  .footer-newsletter {
    padding: 30px 15px;
  }

  .footer-newsletter h2 {
    margin-bottom: 20px;
  }
}


.footer-newsletter .newsletter-input {
  padding: 13px;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0px;
}
.newsletter-form .newsletter-input {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

.footer-newsletter .button {
  padding: 13px;
}

.footer-links {
  padding: 30px 0 0 0;
  justify-content: space-between;
  margin-right: 0px;
  margin-left: 0px;
}

.footer-links ul {
  list-style-type: none;
  padding: 0;
  line-height: 14px;
  margin-bottom: 30px;
}

.footer-links ul li {
  margin-bottom: 14px;
}
.footer-links ul li a{
  font-family: "Inter", Arial, sans-serif;
    font-size: 11px;
  line-height: 15px;
}

.footer-links h6 {
  margin-bottom: 20px;
}

.footer-bg {
  background-color: #e5e7e8;
}

.footer-content {
  height: 80px;
  align-items: center;
}

.footer-content p {
  margin-bottom: 0;
  font-size: 12px;
}

.footer-content a {
  text-decoration: none;
}

#footer-logo {
  height: 20px;
}

#footer-privacy p.small {
  float: right;
}

.footer-extra-margin {
  margin-bottom: 30px !important;
}

@media (max-width: 991px) {
  .footer-content {
    padding-top: 30px !important;
    height: auto;
  }

  #footer-rights {
    order: 3;
    padding-bottom: 30px;
  }

  #footer-privacy {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  #footer-privacy p.small {
    float: none;
  }

  #footer-privacy p a,
  #footer-privacy p a:hover {
    text-decoration: none;
  }

  #footer-logo-wrapper {
    text-align: center;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  .footer-links {
    flex-wrap: nowrap;
  }

  .footer-links div {
    flex-basis: 25%;
    margin: 0 15px;
  }
}

@media (max-width: 767px) {
  .footer-links div {
    flex-basis: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer-links {
    padding: 30px 0;
  }

  .social {
    padding-top: 30px;
    padding-bottom: 0;
  }

  .footer-links div:last-child {
    margin-bottom: -20px;
  }
}

/*** END FOOTER ***/

/*** LABELS ***/
.label.rv-petrel:after {
  /* content: "R/V Petrel"; */
  content: attr(data-text);
}

.label.space:after {
  /* content: "Space"; */
  content: attr(data-text);
}

.label.about-paul:after {
  /* content: "About Paul"; */
  content: attr(data-text);
}

.label.oceans:after {
  /* content: "Oceans"; */
  content: attr(data-text);
}

.label.tech-innovations:after {
  /* content: "Tech Innovations"; */
  content: attr(data-text);
}

.label.bioscience:after {
  /* content: "Bio Science"; */
  content: attr(data-text);
}

.label.wildlife:after {
  /* content: "Wildlife"; */
  content: attr(data-text);
}

.label.human-crisis-response:after {
  /* content: "Human Crisis Response"; */
  content: attr(data-text);
}

.label.arts-and-culture:after {
  /* content: "Arts & Culture"; */
  content: attr(data-text);
}

.label.film:after {
  /* content: "Film"; */
  content: attr(data-text);
}

.label.community:after {
  /* content: "Community"; */
  content: attr(data-text);
}

.label.sports:after {
  /* content: "Sports"; */
  content: attr(data-text);
}

a.label:hover {
  /* -moz-box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 0 50px rgba(0, 0, 0, 0.25); */
  text-decoration: underline;
}

/*** END LABELS ***/

/*** CONTENT LARGE ***/
.content-lg-wrapper {
  margin-bottom: 50px;
}

.content-lg {
  height: 200px;
  background-position: center;
  background-size: cover;
  display: block;
}

.content-lg-label {
  margin-top: -21px;
}

.content-lg-title {
  padding: 12px 10px 0 10px;
}

@media (max-width: 767px) {
  .content-lg {
    height: 180px;
  }

  .content-lg-wrapper {
    margin-bottom: 30px;
  }

  .content-lg-title {
    margin-bottom: 30px;
  }
}

@media all and (min-width: 400px) and (max-width: 767px) {
  .content-lg {
    height: 225px;
  }
}

/*** END CONTENT LARGE ***/

/*** CONTENT MEDIUM ***/
.content-md-wrapper {
  margin-bottom: 30px;
}

.content-md {
  height: 150px;
  width: 265px;
  float: left;
  margin-right: 15px;
  background-position: center;
  background-size: cover;
}

.content-md .label {
  position: absolute;
  left: 240px;
}

.content-md-text {
  min-height: 130px;
}

.content-md-text:last-child {
  margin-bottom: 0;
}

.content-md-text h3 {
  margin-bottom: 0;
  padding-top: 15px;
  margin-left: 280px;
}

@media (max-width: 767px) {
  .content-md-wrapper {
    margin-bottom: 20px;
  }

  .content-md {
    height: 100px;
    width: 130px;
  }

  .content-md .label {
    left: 105px;
  }

  .content-md-text {
    min-height: 80px;
  }

  .content-md-text h3 {
    font-size: 15px;
    line-height: 18px;
    margin-left: 145px;
  }
}

/*** END CONTENT MEDIUM ***/

/*** CONTENT SMALL ***/
.content-sm-wrapper {
  margin-bottom: 20px;
}

.content-sm {
  height: 100px;
  width: 130px;
  float: left;
  margin-right: 15px;
  background-position: center;
  background-size: cover;
}

.content-sm-label {
  margin-left: -55px;
}

.content-sm-text {
  min-height: 80px;
}

.content-sm-text:last-child {
  margin-bottom: 0;
}

.content-sm-text h5 {
  margin-bottom: 0;
  padding-top: 15px;
  margin-left: 145px;
}

@media (max-width: 1199px) {
  .content-sm-text h5 {
    font-size: 15px;
    line-height: 18px;
  }
}

/*** END CONTENT SMALL ***/

/*** HUB CONTENT FEATURE ***/
.hub-feature {
  height: 400px;
  background-position: center;
  background-size: cover;
  display: block;
}

.hub-feature-wrapper {
  margin-bottom: 50px;
}

.hub-feature-wrapper h2,
.hub-feature-wrapper p {
  margin: 20px 10px 0px 10px;
}

@media all and (min-width: 767px) and (max-width: 991px) {
  .hub-secondary {
    display: flex;
    flex-wrap: nowrap;
  }

  .hub-secondary .content-lg-wrapper {
    flex-basis: 50%;
  }

  .hub-secondary .content-lg-wrapper:first-child {
    margin-right: 15px;
  }

  .hub-secondary .content-lg-wrapper:last-child {
    margin-left: 15px;
  }

  .hub-reading-tablet {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
  }

  .hub-reading-tablet .content-sm-wrapper {
    flex-basis: 50%;
    padding: 0 15px;
  }
}

@media (max-width: 767px) {
  .hub-feature-wrapper {
    margin-bottom: 30px;
  }

  .hub-feature {
    height: 200px;
  }
}

/*** END HUB CONTENT FEATURE ***/

/*** FEATURE TILE SMALL ***/
.feature-sm {
  height: 300px;
  background-position: center;
  background-size: cover;
  position: relative;
}

.feature-sm-gradient {
  background: linear-gradient(40deg, #0d1d47 0%, rgba(13, 29, 71, 0) 80%);
}

.feature-sm .label {
  height: 20px;
  width: 147px;
  margin-top: 22px;
  position: relative;
  left: -20px;
}

.feature-sm-wrapper {
  padding: 20px 20px 0 20px;
  position: absolute;
  bottom: 0;
}

@media (max-width: 767px) {
  .feature-sm {
    margin: 20px 0;
  }
}

/*** END FEATURE TILE SMALL ***/

/*** FEATURE TILE LARGE ***/
.feature-lg {
  height: 400px;
  margin: 0;
  padding: 0;
  background-position: center;
  background-size: cover;
}

.feature-lg-gradient {
  background: linear-gradient(40deg, #0d1d47 0%, rgba(13, 29, 71, 0) 65%);
}

.feature-lg h5 {
  margin-top: 20px;
}

.feature-lg .label {
  height: 20px;
  width: 147px;
  margin-top: 22px;
  position: relative;
  left: -30px;
}

.feature-lg-wrapper {
  padding: 30px 30px 0 30px;
  position: absolute;
  bottom: 0;
}
.calloutLink:hover > div > .feature-lg-wrapper > h2,
.calloutLink:hover > div > .feature-lg-wrapper > h5{
  text-decoration: underline;
}

@media (max-width: 767px) {
  .feature-lg {
    margin: 20px 0;
  }
}

/*** END FEATURE TILE LARGE ***/

/*** AD UNIT ***/
.category-ads-wrapper {
  margin: 50px 0;
  text-align: right;
}

.category-ads {
  height: 230px;
  background-position: center;
  background-size: cover;
}
.category-ads-link:hover .category-ads > .ad-gradient > .category-ads-content > h5,
.category-ads-link:hover .category-ads > .ad-gradient > .category-ads-content > h3{
  text-decoration: underline;
}

.ad-gradient {
  background: linear-gradient(40deg, #0d1d47 0%, rgba(13, 29, 71, 0) 80%);
}

.category-ads-content {
  padding: 0px 20px 30px 20px;
  /* display: flex;
  flex-wrap: wrap;
  align-content: flex-end; */
}
.category-ads-content {
  display: flex;
  display: -webkit-flex;
  justify-content: left;
  -webkit-justify-content: left;
  align-items: flex-end;
  -webkit-align-items: left;
}

.category-ads-content h3,
.category-ads-content h5,
.category-ads-cta {
  text-align: left;
}
.category-ads-content h3 span {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 16px;
  line-height: 44px;
}

.category-ads-content h5 {
  margin-bottom: 20px;
}

.category-ads-cta {
  padding: 15px 18px;
}

.category-ads-cta h5 {
  margin-bottom: 0;
}

.home-ad-block .category-ads-wrapper {
  margin: 0;
}
.addLink:hover #smallFeature > div > div > h3{
  text-decoration: underline;
}

/*** END AD UNIT ***/

/*** CATEGORIES ***/
.categories .label {
  padding: 13px 15px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.categories h2 {
  margin-bottom: 30px;
}

.categories h4 {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .categories .label {
    padding: 5px 10px;
  }

  .categories h4 {
    font-size: 16px;
    line-height: 20px;
  }
}

/*** END CATEGORIES ***/

/*** CATEGORIES SMALL ***/
.categories-sm .label {
  padding: 5px 10px;
  margin-right: 5px;
  margin-bottom: 10px;
}

.categories-sm h3 {
  margin-bottom: 30px;
}

.categories-sm h4 {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .categories-sm .label {
    padding: 5px 10px;
  }

  .categories-sm h4 {
    font-size: 16px;
    line-height: 20px;
  }
}

/*** END CATEGORIES SMALL ***/

/*** HOME - HERO ***/
.hero {
  /* background-image: url(/images/img_article_stratolaunch_01.jpg); */
  background-size: cover;
  background-position: center;
  height: 450px;
}

.hero-gradient {
  height: 100%;
  background: linear-gradient(40deg, #0d1d47 0%, rgba(13, 29, 71, 0) 65%);
}

.hero-col {
  position: relative;
}

.hero-content {
  position: absolute;
  bottom: 30px;
}

.hero-content .label,
.hero-content h1 {
  margin-bottom: 12px;
}

.hero-mobile {
  display: none;
}

@media (max-width: 767px) {
  .hero {
    height: 225px;
  }

  .hero-gradient {
    display: none;
  }

  .hero-mobile {
    display: block;
    background-color: #0d1d47;
    padding-bottom: 30px;
  }

  .hero-mobile .label {
    top: -21px;
    position: relative;
  }

  .hero-mobile #hero-header {
    font-size: 36px;
    line-height: 42px;
    margin-bottom: 20px;
  }

  .hero-mobile #hero-header,
  .hero-mobile .cta {
    padding: 0 10px;
  }
}

/*** END HOME - HERO ***/

/*** HOME - FEATURED CONTENT ***/
.home-featured {
  padding-bottom: 0px;
}

#homeArticle3 {
  background-image: url(/images/img_article_doolittle.jpg);
}

#homeArticle4 {
  background-image: url(/images/img_article_freeSalmon.jpg);
}

#homeArticle5 {
  background-image: url(/images/img_article_freeSalmon.jpg);
}

#homeArticle6 {
  background-image: url(/images/img_article_AIReducingPandemics.png);
}

#homeArticle7 {
  background-image: url(/images/img_article_doolittle.jpg);
}

#homeArticle8 {
  background-image: url(/images/img_article_freeSalmon.jpg);
}

#homeArticle9 {
  background-image: url(/images/img_article_AIReducingPandemics.png);
}

#homeArticle10 {
  background-image: url(/images/img_article_freeSalmon.jpg);
}

#homeArticle11 {
  background-image: url(/images/img_article_doolittle.jpg);
}

.featured-articles .content-lg-title {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .featured-articles .content-lg-title {
    margin-bottom: 30px;
  }
}

.partnerCallout > h2 {
  margin-bottom: 0px;
}

/*** END HOME - FEATURED CONTENT ***/

/*** HOME - NEWSLETTER ***/
#newletterWrapper{
  padding-top:0px;
  padding-bottom:0px;

}
#newsletter {
  padding-top: 50px;
  padding-bottom: 50px;
  margin: 0;
}
#newsletter-article {
  padding-top: 8px;
  padding-bottom: 30px;
  margin: 0;
}

#newsletter h2 {
  margin-bottom: 0;
}
#newsletter-article h2 {
  margin-bottom: 0;
}
.newsletter-cta{
  margin-top:30px;
  margin-bottom:30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.newsletter-cta button{
  margin-left: 50px;
}
@media (max-width: 767px) {
  .newsletter-cta{
    flex-direction: column;
  }
  .newsletter-cta button{
    margin-left: 0px;
  }
}

@media (max-width: 992px) {
  #newsletter{
    padding-top: 25px;
  }

}

.newsletter-title-article{
  margin-top:15px;
 }

.newsletter-form form {
  margin-bottom: 0;
  display: flex;
}

.newsletter-form button {
  cursor: pointer;
}

.newsletter-form h5 {
  margin-bottom: 0;
}

.newsletter-form h5:hover {
  text-decoration: underline;
}

.newsletter-input {
  padding: 30px;
  padding-bottom:5px;
  padding-left:0px;
  border: none;
  flex: 2;
}
#formError{
  display: none;
  padding-top:20px;
  padding-bottom: 20px;
  width: 100%;
}
#formError h4{
  color: #ff621a;
}

#formConfirm{
  display: none;
}
#formConfirm h4{
  color:#fff;
}
#formErrorFooter{
  display: none;
  position: absolute;
}
#formErrorFooter h4{
  color: #ff621a;
}

#formConfirmFooter{
  display: none;
}
#formConfirmFooter h4{
  color:#fff;
}

@media (max-width: 991px) {
  #newsletter h2 {
    font-size: 28px;
  }

  .newsletter-input {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #newsletter h2 {
    margin-bottom: 20px;
  }
  #newsletter-article h2 {
    margin-bottom: 20px;
  }

  #newsletter {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  #newsletter-article {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}

/*** END HOME - NEWSLETTER ***/

/*** SCROLL BAR ***/
#scroll-bar {
  position: fixed;
  top: 0;
  width: 10px;
  height: 0;
}
/*** END SCROLL BAR ***/

/*** ARTICLE PAGE ***/
.article-hero {
  height: 400px;
  /* background-image: url(/images/img_article_stratolaunch_runway_test.jpg); */
  background-size: cover;
  background-position: center;
}

@media all and (min-width: 992px) and (max-width: 1199px) {
  .article-hero {
    height: 350px;
  }
}

@media all and (min-width: 767px) and (max-width: 992px) {
  .article-hero {
    height: 315px;
  }
}

@media (max-width: 767px) {
  .article-hero {
    height: 225px;
  }
}

.article-hero .col-lg-10 {
  margin-top: auto;
}

.article-hero .label {
  /* margin-left: -10px; */
}

.article-content .row {
  padding-top: 30px;
}

.article-date {
  margin: 30px 0;
}

.article-share .label,
.article-gallery .label {
  padding: 0;
  display: block;
  padding-top: 7px;
}

.article-share .label {
  padding-top: 7px;
}

.article-share img {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .article-share img {
    margin-right: 10px;
  }
}

.share-static {
  position: static;
}

@media (min-width: 992px) {
  .share-static.active {
    position: -webkit-sticky;
    position: sticky;
    top: 30;
    width: 50px;
  }
}

.article-content iframe {
  margin-bottom: 30px;
}

.article-gallery {
  position: relative;
}

.article-gallery .label {
  text-transform: none;
  margin-bottom: 6px;
}

.article-gallery .gallery-img {
  width: 100%;
}

.gallery-arrows {
  top: 50%;
  position: absolute;
  width: 100%;
}

.gallery-right {
  float: right;
}

.gallery-caption.label {
  margin-top: 5px;
  padding: 0;
  display: block;
  font-family: "Inter", Arial, sans-serif;
}

.article-full-width {
  width: 100%;
}
.mainArticleSection > h1 {
  font-family: "Inter Semibold", Arial, sans-serif;
  font-size: 36px;
  line-height: 42px;
}
.mainArticleSection > p {
  margin-bottom: 30px;
}
.mainArticleSection a:hover{
    color: #ff621a;
}
.mainArticleSection > .twitter-tweet {
  margin-bottom: 30px !important;
}
@media (max-width: 767px) {
  .mainArticleSection {
    padding-right: 25px;
    padding-left: 25px;
  }
  .article-share {
    padding-right: 25px;
    padding-left: 25px;
  }
  .related-articles {
    padding-right: 25px;
    padding-left: 25px;
  }
  .mainArticleSection > h1 {
    font-size: 30px;
    line-height: 34px;
  }
}
.mainArticleSection > h3 {
  margin-top: 2rem;
}

.mainArticleSection .caption {
  text-align: left;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 30px;
}

.mainArticleSection .caption img {
  margin-bottom: 10px;
}

.mainArticleSection iframe {
  width: 100%;
}

.article-half-width {
  width: 50%;
}
.mainArticleSection > img {
  margin-bottom: 30px;
}
.mainArticleSection > p > img {
  width: 100%;
}

/*** END ARTICLE PAGE ***/

/*** RELATED ARTICLES/ADS ***/
@media (max-width: 767px) {
  .article-content .row {
    padding-bottom: 0px;
  }
  .related-articles {
    /* z-index: -1; */
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #e5e7e8;
    margin-top: 75px;
  }
}

@media all and (min-width: 768px) and (max-width: 991px) {
  .related-articles {
    display: flex;
    padding-top: 50px;
  }

  .related-wrapper {
    flex-basis: 50%;
  }

  .related-wrapper:first-child {
    padding-right: 15px;
  }

  .related-wrapped:last-child {
    padding-left: 15px;
  }
}

#relatedArticles {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  #relatedArticles {
    /* margin-top: 30px; */
  }
}
.mainArticleSection > p.caption33L {
  text-align: left;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 20px;
  width: 33%;
  float: left;
  padding-right: 20px;
  padding-top: 6px;
  padding-bottom: 10px;
  color: #8897a6;
}
.mainArticleSection > p.caption33R {
  text-align: Right;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 20px;
  width: 33%;
  float: right;
  padding-left: 20px;
  padding-top: 6px;
  padding-bottom: 10px;
  color: #8897a6;
}

.mainArticleSection > p.caption50L {
  text-align: left;
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 20px;
  width: 50%;
  float: left;
  padding-right: 20px;
  padding-top: 6px;
  padding-bottom: 10px;
  color: #8897a6;
}
.mainArticleSection > p.caption50R {
  /* text-align: Right; */
  font-size: 12px;
  line-height: 15px;
  margin-bottom: 20px;
  width: 50%;
  float: right;
  padding-left: 20px;
  padding-top: 6px;
  padding-bottom: 10px;
  color: #8897a6;
}

.mainArticleSection > p > img.ArtImg33L {
  width: 33%;
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.mainArticleSection > p > img.ArtImg33R {
  width: 33%;
  float: right;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.mainArticleSection > p > img.ArtImg50L {
  width: 50%;
  float: left;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.mainArticleSection > p > img.ArtImg50R {
  width: 50%;
  float: right;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.mainArticleSection > .caption33L > img.ArtImg33L {
  width: 100%;
  float: left;
  padding: 0px;
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  color: #8897a6;
}
.mainArticleSection > .caption33R > img.ArtImg33R {
  width: 100%;
  float: right;
  padding: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  color: #8897a6;
}
.mainArticleSection > .caption50L > img.ArtImg50L {
  width: 100%;
  float: left;
  padding: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-bottom: 10px;
  color: #8897a6;
}
.mainArticleSection > .caption50R > img.ArtImg50R {
  width: 100%;
  float: right;
  padding: 0px;
  padding-left: 0px;
  padding-top: 0px;
  padding-bottom: 10px;
  color: #8897a6;
}
@media (max-width: 767px) {
  .mainArticleSection > p > img.ArtImg50L {
    width: 100%;
    padding-left: 0px;
  }
  .mainArticleSection > p > img.ArtImg50R {
    width: 100%;
    padding-right: 0px;
  }
}

/*** END RELATED ARTICLES ***/

/*** HUB LAYOUT ***/
.hub-content .row {
  padding-top: 30px;
}

.hub-head {
  height: 40px;
}

#hub-reading {
  padding-top: 10px;
  margin-bottom: 30px;
}

.load-more {
  text-align: center;
}

@media (max-width: 991px) {
  .load-more {
    margin-bottom: 50px;
  }
}

.load-bar {
  height: 5px;
}

.load-more .button {
  margin-top: -5px;
  padding: 18px 20px;
}

.load-more h5 {
  margin-bottom: 0;
}

.load-more h5:after {
  background-image: url("/images/icon_arrow_down_white.svg");
  background-size: 20px 10px;
  display: inline-block;
  margin-left: 10px;
  margin-bottom: 2px;
  vertical-align: middle;
  width: 20px;
  height: 10px;
  content: "";
}
/*** END HUB LAYOUT ***/

/*** GALLERY SLIDESHOW ***/
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

.mySlides {
  display: none;
  height: 400px;
  width: 100%;
  background-color: #000;
}

.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.galleryCaption {
  font-family: "Inter", Arial, sans-serif;
  padding: 8px 0px;
  /* position: absolute; */
  bottom: -60px;
  width: 100%;
  text-align: left;
}

.galleryfade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.8s;
  animation-name: fade;
  animation-duration: 1.8s;
}

@-webkit-keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

@keyframes fade {
  from {
    opacity: 0.4;
  }

  to {
    opacity: 1;
  }
}

.galleryImage {
  background-repeat: no-repeat;
  /* background-position: center; */
  /* background-size:contain;  */
  background-position: center center;
  /* background-size: 100% auto; */
  width: auto;
  height: 100%;
}
/*** END GALLERY SLIDESHOW ***/

/*** SEARCH PAGE ***/
#searchHeader .search-input {
  font-size: 24px;
  line-height: 29px;
  width: 100%;
  position: relative;
}

#searchHeader img {
  position: absolute;
  top: 0px;
  right: 15px;
  height: 25px;
  width: auto;
}

.search-sidebar .categories-sm {
  margin-top: 30px;
}

.search-results p {
  margin-bottom: 0;
  margin-top: 10px;
  margin-left: 280px;
}

.search-results h3 {
  padding-top: 10px;
}

@media (max-width: 991px) {
  .search-results .load-more {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .search-results p {
    margin-left: 145px;
  }
}

/*** END SEARCH PAGE ***/

/*** PREVIEW PAGE ***/
.preview {
  padding-bottom: 40px;
}
@media (max-width: 991px) {
  .preview {
    display: none;
  }
  .preview-mobile {
    margin-top: 30px;
  }
}

.preview-mobile .content-lg {
  height: 180px;
}

.preview .content-sm {
  margin-bottom: 60px;
}

body {
  position: relative;
}
.overlay.active {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background-color: rgba(13, 29, 71, 0.7); /*dim the background*/
  
}
/*** END PREVIEW PAGE ***/

/*** ABOUT PAUL ***/
.about-paul-head {
  /* background-image: url(/images/pga-hero.jpg); */
  background-size: cover;
  background-position: 70% 50%;
}

.paul-sidebar .content-sm-wrapper {
  margin: 30px 0;
}

.paul-sidebar .content-sm {
  /* height: 100%; */
}

.paul-sidebar .content-sm-text {
  margin-bottom: 30px;
}

.paul-sidebar .content-sm-text h5 {
  padding-top: 0;
}

.paul-sidebar .content-sm-text h6 {
  font-family: "Inter", Arial, sans-serif;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 145px;
}

#paulMusic {
  padding-top: 75px;
}

@media (max-width: 991px) {
  .paul-noshow {
    display: none;
  }
  .paul-sidebar {
    background-color: #e5e7e8;
    padding-top: 30px;
    margin-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .about-paul-head {
    height: 400px;
  }
}
@media (min-width: 992px) {
  .paul-tablet {
    display: none;
  }
}
/*** END ABOUT PAUL ***/

/*** PLACEHOLDER IMAGES ***/
#hubFeature {
  background-image: url(/images/img_article_stratolaunch_runway_test.jpg);
}

#hubArticle1 {
  background-image: url(/images/img_article_stratolaunch_fuel_test.jpg);
}

#hubArticle2 {
  background-image: url(/images/img_article_7_biggest_2017.jpg);
}

#hubArticle3 {
  background-image: url(/images/img_article_stratolaunch_by_numbers.jpg);
}

#hubArticle4 {
  background-image: url(/images/img_article_stratolaunch_taxi_test.png);
}

#hubArticle5 {
  background-image: url(/images/img_article_stratolaunch_engine_test.jpg);
}

#paulFeature {
  background-image: url(/images/img_article_paul_timeline.png);
}

#paul1 {
  background-image: url(/images/pga-book.jpg);
}

#paul2 {
  background-image: url(/images/pga-everywhere.jpg);
}

#paulArticle1 {
  background-image: url(/images/img_article_social_media.png);
}

#paulArticle2 {
  background-image: url(/images/img_article_world_responds.png);
}
/*** END PLACEHOLDER IMAGES ***/

/*** 404 ***/
#error {
  font-size: 130px;
  line-height: 136px;
}

.error-page .cta {
  padding-top: 4px;
}

.nothing-found {
  margin-top: 20px;
}

.nothing-found h5 {
  margin-bottom: 10px;
}

.error-page .search-input {
  margin-right: 0;
  margin-bottom: 60px;
}

.error-search {
  padding-top: 15px;
}
/*** END 404 ***/


/*** MODAL POPUP NEWSLETTER ***/
@media (max-width: 767px) {
#open-modal{
  margin-top: 20px;
}
#open-modal-footer{
  margin-top: 20px;
}
#newletterWrapperFooter{
  padding:0px;
}
.social {
  padding-top: 0px;
  padding-bottom: 30px;
}
.footerSocial {
  flex-direction: column-reverse;
}
}

#modal-submit h5{
  margin-bottom: 0px;
}
#open-modal h5{
  margin-bottom:0px;
}
#open-modal-footer h5{
  margin-bottom: 0px;
}
#newsletter-modal{
  width: 100%;
  height: 100%;
  top: 0;
  bottom:0;
  position: fixed;
  visibility: hidden;
  display: none;
  background-color: rgba(13, 29, 71, 0.7); /* complimenting your modal colors */
  z-index: 10;
  align-items: center;
  justify-content: center;
}
#newsletter-modal.active{
  visibility: visible;
    display: flex;
}

.formWrapper{
  width: 360px;
  background-color: #E5E7E8;
  position: fixed;
  margin: 0 auto;
  padding:30px;
  
}
.formWrapper .newsletter-modal-form form .newsletter-input{
  border-bottom: 5px #0D1D47 solid;
  background-color: #E5E7E8;
  width: 100%;
 border-radius: 0px;
}
.formWrapper .newsletter-modal-form form #zipInput{
  border-bottom: 5px #0D1D47 solid;
  background-color: #E5E7E8;
  width: 150px;
}
.formWrapper .newsletter-modal-form form input::selection,
.formWrapper .newsletter-modal-form form input:-webkit-autofill,
.formWrapper .newsletter-modal-form form input:-webkit-autofill:hover,
.formWrapper .newsletter-modal-form form input:-webkit-autofill:active,
.formWrapper .newsletter-modal-form form input:-webkit-autofill:focus {
    background-color: #E5E7E8 !important;
    color: #0D1D47 !important;
    -webkit-box-shadow: 0 0 0 1000px #E5E7E8 inset !important;
    -webkit-text-fill-color: #0D1D47 !important;
    }
.formWrapper .newsletter-modal-form form .newsletter-checkbox{
  
  background-color: #E5E7E8;
  margin-top: 30px;
  margin-right: 10px;
  border-radius: 0px;
  border-color: #0D1D47;
 
}
.newsletter-modal-title{
  color: #0D1D47;	font-family: "Inter Semibold", Arial, sans-serif;	font-size: 36px;	line-height: 42px;}

  #newsletter-modal button{
    margin-top: 30px;
  }
  #newsletter-modal{
    color: #0D1D47;	font-family: Inter;	font-size: 16px;	line-height: 20px;
  }
  #newsletter-modal .checkbox{
    color: #FF621A;	font-family: Inter;	font-size: 16px;	line-height: 20px;
  }
  #newsletter-modal a{
    color: #ff621a;
  }

  .modal-close{
    position: absolute;
    top: 30px;
    right: 30px;
    color: #0D1D47;	font-family: Inter;	font-size: 30px;	font-weight: 600;
  }
  .modal-close:hover{
    cursor: pointer;
    text-decoration: underline;
  }
  #open-modal:hover{
    cursor: pointer;
    text-decoration: underline;
  }
  #open-modal-footer:hover{
    cursor: pointer;
    text-decoration: underline;
  }
  #modal-submit:hover{
    cursor: pointer;
    text-decoration: underline;
  }


  .no-text{
    color: transparent; 
  }
  .no-text:hover{
    color: transparent; 
  }

  .hubCalloutDesktop{
    margin-bottom:50px;
    display: flex;
  }
  .hubCalloutDesktop .feature-lg{
    height: 300px;
  }
  .hubCalloutDesktop .feature-lg .partnerCallout h2{
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
  }

  .hubCalloutMobile{
    display:none;
    margin-bottom:50px;
  }
  .hubCalloutMobile .feature-lg{
    height: 300px;
  }
  .hubCalloutMobile .feature-lg .partnerCallout h2{
    font-size: 30px;
    font-weight: 600;
    line-height: 34px;
  }

  @media (max-width: 991px) {
    .hubCalloutMobile{
      display:flex;}
      .hubCalloutDesktop{display:none;}
  }