/*
Theme Name: Flozen Theme Child
Theme URI: https://demo.nasatheme.com/flozen-intro/
Description: This is a child theme for Flozen Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: flozen-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
html {
	overflow-x: hidden !important;
}
body {
	max-width: 100vw !important;
}
h1, h2, h3 {
	font-weight: 800 !important;
}
h3 {
	font-size: 4em !important;
	text-align: center !important;
}
.nasa-bg-dark {
	background-color: #000 !important;
}
#masthead {
	padding: 0 !important;
}

#masthead .nasa-elements-wrap {
	display: flex !important;
	justify-content: space-between !important;
	align-items: center !important;
}
#masthead .nasa-elements-wrap > :first-child {
  margin-right: auto;
}
#masthead .nasa-elements-wrap > :last-child {
  margin-left: auto;
}
#masthead .nasa-wrap-event-search {
	margin: 10px 0 !important;
}
#masthead table tr th, table tr td {
    padding: 0.4em 0em;
}
#masthead table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
	line-height:unset !important;
}
#masthead .logo-wrapper {
    line-height: unset !important;
}
#masthead .header-container-desktop {
	margin-left: 0px !important;
	margin-right: 0px !important;
	max-width: 100% !important;
}
.nasa-elements-wrap-main-menu {
	margin-top: 0 !important;
}

.nasa-menus-account {
	margin-left: 0px !important;
}

@media only screen and (max-width: 849px) {
    body .header-icons {
        margin: 0 !important;
		display: flex;
		align-items: center;
		height: 100%;
    }
}

.nasa-menus-account .menu-item {
	padding: 0 !important;
}

.nasa-login-title {
	display: none;
}

.mobile-navigation .nasa-login-title {
	display: unset;
}

.nasa-menus-account .menu-item::marker {
	content: '' !important;
}

.nasa-menus-account .menu-item .pe-7s-user {
    font-size: 160% !important;
	top: 0 !important;
}

.nasa-menus-account .menu-item > a, nasa-login-register-ajax {
    display: flex !important;
    align-items: center;
    height: 100%;
}

.nav-wrapper .root-item > a {
	padding: 6px 40px 6px 0 !important;
	font-size: 90% !important;
	text-transform: uppercase !important;
}

.header-icons > li {
    vertical-align: middle;
}

.header-icons > li a .nasa-icon, .topbar-menu-container ul li a i {
	font-weight: 900 !important;
}

.header-type-2 .search-icon {
	line-height: unset !important;
}
.header-type-2 .search-icon .nasa-icon, .header-icons > li a .nasa-icon {
  font-size: 125% !important;
  top: 2px !important;
}

#nasa-footer .footer-dark {
  background: #171717 !important;
  color: #ccc !important;
}
#nasa-footer .footer-dark p, #nasa-footer .footer-dark span {
  color: inherit;
}
#nasa-footer .footer-dark span.nasa-text-menu {
  color: #75a7d2;
}
#nasa-footer .footer-dark h1, #nasa-footer .footer-dark h2, #nasa-footer .footer-dark h3, #nasa-footer .footer-dark h4, #nasa-footer .footer-dark h5, #nasa-footer .footer-dark h6 {
  color: #FFF !important;
}
#nasa-footer .footer-dark .nasa-nav-sc-menu ul li a:hover {
  color: #FFF !important;
}
#nasa-footer .nasa-logo-img img {
  width:130px;
}
section.vc_section {
    margin: 0px;
	padding: 0px
}
.mobile-menu .logo-wrapper {
    text-align: left;
}

/* Homepage */
@media only screen and (min-width: 850px) {
    section.home-header {
		background-position: unset !important;
		height: calc(100vh - 93px) !important;
	}
	section.home-video-section {
		padding-top: 5vw !important;
	}
}
section.home-header {
	height: calc(100vh - 50px) !important;
}
.home-header-text {
    
}
.custom-button-blue a {
	font-size:18px !important;
	padding: 10px 24px !important;
	font-weight: 500 !important;
	border-width: 0 !important;
}
.home-paragraph p {
	font-size: 125% !important;
}
div.transparent-button {
	margin-top: 100px !important;
	width:100%;
	text-align:center;
}
.transparent-button button {
	color: #000 !important;
	padding: 10px 14px !important;
	font-size: 24px !important;
	font-weight: 900 !important;
	border: 4px solid #000 !important;
	background-color: transparent !important;
}
section.home-video-section {
	max-width: 100vw !important;
	background-size: cover !important;
    background-position: bottom !important;
	padding-top: 60px !important;
}
.home-video source, .home-video img {
	box-shadow: 0px 6px 21px #3a3a3a !important;
}

.wpb_single_image.home-video {
  position: relative;
  display: inline-block; /* shrink-wrap to the image */
  line-height: 0;        /* remove baseline gap that causes “downward” shift */
}

/* make the media not create extra baseline space */
.wpb_single_image.home-video picture,
.wpb_single_image.home-video img {
  display: block;
  width: 100%;
  height: auto;
}

/* the overlay (centered, responsive, click-through) */
.wpb_single_image.home-video::after {
  content: "";
  position: absolute;
  inset: 0;                /* cover the whole block */
  pointer-events: none;    /* let clicks go to your link/lightbox */
  z-index: 2;

  /* center the icon robustly without depending on child size */
  background:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'>\
  <circle cx='60' cy='60' r='46' fill='rgba(255,255,255,0.55)'/>\
  <polygon points='50,40 50,80 85,60' fill='white'/>\
</svg>") no-repeat center;
  background-size: clamp(56px, 12vw, 160px); /* scales on small screens, stays centered */
}

/* optional: subtle dim so the icon pops */
.wpb_single_image.home-video::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.08);
  z-index: 1;
  pointer-events: none;
}
.wpb_single_image.home-video:hover {
	cursor: pointer !important;
}
.wpb_single_image.home-video:hover::after {
	background:
    url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'>\
  <circle cx='60' cy='60' r='46' fill='rgba(255,255,255,0.8)'/>\
  <polygon points='50,40 50,80 85,60' fill='white'/>\
</svg>") no-repeat center;
  background-size: clamp(56px, 12vw, 160px); /* scales on small screens, stays centered */
}