/*
Theme Name: Space Foundation
Theme URI: http://www.spacefoundation.org
Version: 1.0
Description: Founded in Colorado Springs in 1983, the Space Foundation is the world's premier organization to inspire, educate, connect, and advocate on behalf of the global space community. We are a nonprofit leader in space awareness activities, educational programs, and major industry events, including the annual Space Symposium to be held each April.
Author: Space Foundation
Author URI: http://www.spacefoundation.org
template: bb-theme
*/

/* Nav Styling */

.fl-page-header {
    height: 214px;
    position: relative;
}
.fl-page-content {
    min-height: calc(100vh - 300px);
}
.fl-page-nav-right .fl-page-header-logo {
    padding-top: 8px;
}
.fl-page-nav .navbar-nav>li>a.nav-link {
    text-transform: uppercase;
    font-size: 15px;
}
.fl-page-nav ul.sub-menu li a {
    text-transform: uppercase;
}
.fl-page-nav ul.sub-menu {
    background-color:rgba(0,0,0,.85);
    border-top:none;
}
.fl-page-nav-left .fl-page-header-row, 
.fl-page-nav-right .fl-page-header-row {
    padding: 5px 29px;
}
.fl-page-header-wrap {
    padding-top: 0;
    border-bottom:none!important;
}
.fl-page-header-container{
    background-color:rgba(0,0,0,.85);
    z-index:10;
    position: absolute;
}
.angle-bottom {
    height: 6vw;
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: 0;
    background-color: #fff;
    clip-path: polygon( 0 90%, /* left top */ 100% 0, /* right top */ 100% 100%, /* right bottom */ 0 100% /* left bottom */ );
    -webkit-clip-path: polygon( 0 90%, /* left top */ 100% 0, /* right top */ 100% 100%, /* right bottom */ 0 100% /* left bottom */ );
}
.fl-page-nav-search form {
    border-top: none;
}
/* Remove Below to Add Global Nav */
.fl-page-nav-right .fl-page-header-container {
    padding-bottom: 3px;
    /*margin-top: 27px;*/
}

/* nav styling for mobile */

.fl-page-header-container {
    background-color: rgba(0,0,0,.65);
    z-index: 10;
    position: absolute;
}

/* Footer Styling */

.fl-page-footer {
    border: none;
}
footer li a,
footer p {
    opacity: 0.6;
}
footer li a b {
    font-weight: 800;
    font-size: 1.15em;
}

/* Form Elements */

button, 
input[type=button], 
input[type=submit] {
    background-color: #66cc00;
    border:none;
    border-radius:0;
    text-transform:uppercase;
    padding: 10px 45px;
    border-radius: .25rem;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 100%;
}

/*Downloads */

ul.downloads-list {
	padding-left:0;
	list-style: none;
}
ul.downloads-list .small {
	margin-top:15px;
	margin-bottom:5px;
}

/* certification styling */

.member_type-space-certification-partner img {
    max-height: 80px;
    width: auto !important;
}

/* news post styling */

.post-item {
    border-bottom:1px solid #f1f1f1;
    margin-bottom:20px;
}
h1.fl-heading {
    color: #003399;
    font-size: 48px;
}
.fl-module-content {
    margin: 20px;
}

/* homepage styling */

.homepage-slider .fl-row-content-wrap {
    clip-path: polygon(0 0, 100% 0, 100% 86%, 0 100%);
}
.homepage-slider .fl-slide-text h2 {
    color: #00ffff !important;
    line-height:20px;
}
.homepage-slider span.small-head {
    font-size: 18px;
}
.home .featured-story .fl-post-slider-content {
    position: absolute !important;
    bottom: 0px;
}
.home .fl-slide-text h2 {
    text-shadow: 2px 2px 3px #000;
}
.donate-nav-bar {
	position:absolute;z-index:20;top:0px;right: 0px;
}
.donate-nav-bar .btn {
	border-radius:0; height:27px; padding:0px 10px; line-height:27px; margin: 0px; border: none; font-family: roboto;
    font-weight: 200;
}
.donate-nav-bar .btn-success {
	background-color: #66cc00;
}
.donate-nav-bar .btn-primary {
	background-color: #0d0d6e;
}
.alert p {
    margin-bottom: 0 !important;
    text-align: center;
}

/* Utility */

[data-hide="true"] {
  display:none;
}

/* Mobile Media Queries */

@media (max-width: 991px) {
	.fl-post-header {
    	margin-bottom: 0px;
	}
}
@media (max-width: 767px) {
	.home .fl-page-header {
    	height: 140px;
	}
	.post-item img {
    	padding: 19px 0;
	}
	h1 {
		line-height: 1.2;
	}
	.single-post .fl-content img {
		width:100%!important;
	}
}
@media (max-width: 450px) {
	.donate-nav-bar {
    	position: relative;
	}
	.fl-page-header-wrap {
    	padding-top: initial; 
	}
	.donate-nav-bar .btn {
		height: auto;
		width: 100%;
	}
	.home .fl-row-content-wrap {
    	margin-top: -35px;
	}
}

/* adjust images to align left from drupal import */
.size-full {
float: left;
margin: 5px 20px 20px 0;
}