/*
Theme Name: MI F-35
Template: hf-foundation
Author: Jordan Dorley @ Hunchfree
Author URI: plea.hunchfree.com/
Description: Child Theme Styles for MI F-35
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: hf_found
*/

/* V I S I B L E . T O P . N A V */
#site-visible-header {}

#mobile-nav-pad {
	/* used to place spacing for sticky navigation */
	height: 52px;
	display: none;
}
.theme-sticky-nav #mobile-nav-pad,
.theme-sticky-mobile-nav #mobile-nav-pad {
	display: block;
}
#mobile-nav-block {
	width: 100%;
	background: #000;
	color: #FFF;
	padding: 0.5rem;
	height: 52px;
}

.theme-sticky-nav #mobile-nav-block,
.theme-sticky-mobile-nav #mobile-nav-block {
	height: 52px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.admin-bar .theme-sticky-nav #mobile-nav-block,
.admin-bar .theme-sticky-mobile-nav #mobile-nav-block {
	top: 46px;
}

#hideable-nav-block {
	display: none;
	width: 100%;
	background-color: #FFF;
}

.theme-sticky-nav #hideable-nav-block,
.theme-sticky-mobile-nav #hideable-nav-block {
	position: fixed;
	top: 52px;
	left: 0;
	z-index: 1000;
}
.admin-bar .theme-sticky-nav #hideable-nav-block,
.admin-bar .theme-sticky-mobile-nav #hideable-nav-block {
	top: 98px;
}

#site-visible-header .header-text-data {
	font-size: 1.25em;
	font-weight: bold;
}
#site-visible-header .header-text-data a {
	color: #000;
}
#site-visible-header .header-text-data.has-logo {
	padding-left: 0.5em;
}
#site-visible-header .site-description {
	font-size: 0.9em;
	color: #000;
}
#site-visible-header .site-description p {
	margin-bottom: 0;
}

.post-list article {
	background-color: #FFF;
	opacity: 0.8;
	border-radius:1em;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
}
/* M A I N . T H E M E . A R E A */
#outer-content-wrap {}

/* V I S I B L E . F O O T E R */
#alt-top-nav {
	display: none;
}
.no-js #alt-top-nav {
	display: block;
}

/* Privateer Drop Down Menu coloring and styling */
ul.pvtdd {}
ul.pvtdd ul {
	margin-left: 1.25em;
}
ul.pvtdd li a {
	color: #333333;
}
ul.pvtdd li a:hover {
	color: #000000;
}
ul.pvtdd ul a {}
ul.pvtdd ul a:hover {}

/* Wordpress Image Alignment Styles and Captions */

.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.maybe-alignright {
	margin-left: auto;
	margin-right: auto;
}
.maybe-alignleft {
	margin-left: auto;
	margin-right: auto;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	text-align: center;
	margin-bottom: 0.5em;
	max-width: 100%;
}
img.alignleft,
.wp_caption.alignleft {
	margin-right: 1em;
	margin-bottom: 0.5em;
}
img.alignright,
.wp_caption.alignright {
	margin-left: 1em;
	margin-bottom: 0.5em;
}
img.maybe-alignright,
img.maybe-alignleft,
.wp_caption.maybe-alignright,
.wp_caption.maybe-alignleft {
	margin-bottom: 0.5em;
}.navi {
	border: 1rem solid #525252;
}

/* override sticky class in posts */
article.sticky {
	position: relative;
	-webkit-transform:none;
	transform:none;
	border-radius: 0.5em;
	box-shadow: 0 1px 3px #333;
	margin-bottom: 1em;
}

a.more {
	display: block;
}

/* Special Comment Styles */

/* Special Widget Styles */
.widget_nav_menu .menu > li {
	display: block;
}
.widget_nav_menu .sub-menu {
	background-color: transparent;
	padding-bottom: 0.75em;
}
.widget_nav_menu .menu > li > a {
	padding: 0 0 0.75em 0;
}
/* Navigation Styles */
.theme-navi.next-previous,
.theme-navi.next-previous a {
	font-size: 0.9em;
}
.theme-navi.next-previous a span {
	display: block;
	font-size: 0.9em;
}

/* Comments */
ul.commentlist {
	list-style-type: none;
	margin-left: 0;
}
ul.commentlist ul {
	list-style-type: none;
}
#comment-wrap article {
	padding: 0.25em 0.5em;
}
#comment-wrap article footer {
	position: relative;
}
/* byuser indicates currently logged in user */
#comment-wrap .comment.byuser > article {
	box-shadow: 0 1px 4px #000;
	border: 1px solid #000;
}
#comment-wrap .comment.comment-author-pwsadmin > article {
	box-shadow: 0 1px 4px #900;
	border-color: #900;
}

li.thread-even > article {
	background-color: #EEE;
}
li.thread-odd > article {
	background-color: #FFF;
}
li.thread-even .even > article,
li.thread-odd .even > article {
	background-color: #EEE;
}
li.thread-even .odd > article,
li.thread-odd .odd > article {
	background-color: #FFF;
}

li.depth-1 {
	box-shadow: 0 1px 4px #AAA;
	margin-bottom: 1em;
}
.comment-metadata {
	font-size: 0.8em;
}

/* Video Responsive Styles */
.video-wrap{
	width: 98%;
	margin: 0 auto 1em auto;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	box-shadow: 0 0 4px #333;
}
.video-wrap iframe,
.video-wrap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Post Format Styles */
.post_format-post-format-chat .page-content > p:nth-of-type(2n + 1) {
	background-color: #CCC;
}

/* The wordpress admin menu changes height here */
@media only all and (min-width: 783px) {
	.admin-bar .theme-sticky-mobile-nav #mobile-nav-block,
	.admin-bar .theme-sticky-nav #mobile-nav-block {
		top: 32px;
	}
	.admin-bar .theme-sticky-nav #hideable-nav-block,
	.admin-bar .theme-sticky-mobile-nav #hideable-nav-block {
		top: 85px;
	}
}

/* Special styles for medium and larger screens */
@media only all and (min-width: 40em) {
	.post-title h1 {
		font-size: 2rem;
	}
	.post-content a.featured-image {
		float: left;
		margin-right: 1em;
		max-width: 25%;
	}
	.comment article footer .comment-metadata {
		position: absolute;
		top: 0.25em;
		right: 0.25em;
	}

}

/* Special Styles for Large Screens */

@media only all and (min-width: 851px) {

	/* hide the mobile navigation block at this size */
	#mobile-nav-block {
		display: none;
	}
	#mobile-nav-pad,
	.theme-sticky-mobile-nav #mobile-nav-pad {
		display: none;
	}
	.theme-sticky-nav #mobile-nav-pad,
	.admin-bar .theme-sticky-nav #mobile-nav-pad {
		/* the height of the pad should be the height of the sticky nav */
		display: block;
		height: 78px;
	}

	/* show the hideable nav block at this size */
	#hideable-nav-block {
		display: block;
		background-color: transparent;
	}
	/* unstick the hideable nav if only the mobile nav is sticky */
	.theme-sticky-mobile-nav #hideable-nav-block,
	.admin-bar .theme-sticky-mobile-nav #hideable-nav-block {
		position: relative;
		top: 0;
	}
	.theme-sticky-nav #hideable-nav-block {
		top: 0;
	}
	.admin-bar .theme-sticky-nav #hideable-nav-block {
		top: 32px;
	}
	/* add a box shadow and opacity if the user has scrolled down to
		ensure that the header is distinct from the other content
	*/
	.scrolled .theme-sticky-nav #hideable-nav-block {
		opacity: 0.9;
		box-shadow: 0 1px 3px #333;
		background-color: #FFF;
	}

	/* Privateer Drop Down Menus */
	ul.pvtdd,
	ul.pvtdd ul,
	ul.pvtdd li {
		list-style: none;
		margin: 0;
		padding: 0;
		border-collapse: collapse;
	}
	ul.pvtdd {
		position: relative;
		z-index: 500;
		padding-top: 5px;
		display: inline-block;
	}

	ul.pvtdd ul {
		visibility: hidden;
		position: absolute;
		top: 100%;
		left: 0;
	}

	ul.pvtdd li {
		vertical-align: middle;
		float: left;
		zoom: 1;
	}

	ul.pvtdd li.hover,
	ul.pvtdd li:hover {
		position: relative;
	}

	ul.pvtdd li a,
	ul.pvtdd ul li a {
		margin: 0;
		display: block;
	}

	ul.pvtdd ul li {
		float: none;
		/* padding-left: 0.5em; */
	}

	ul.pvtdd ul ul {
		top: 0;
		left: 100%;
	}

	ul.pvtdd li:hover > ul {
		visibility: visible;
	}

	/* horizontal downward tweaks - Values for margins should be 2 times border thickness */

	ul.pvtdd-h-down ul ul {
		margin-top: 0;
	}

	ul.sub-menu {
		display:block;
		background-color: #383838;
		opacity: 0.95;
		text-align: left;
		border: 0 none;
		width: 270px;
	}
	ul.pvtdd li {
		display: inline;
		/* width: 25%; */
		/* float: left; */
		text-align: left;
		margin-top: 0em;
		line-height: 2;
	}

	ul.pvtdd li a {
		border: 0 none;
		width: auto;
		display: inline;
		padding: 0.25em 1em;
		margin: 0;
		color: #444;
		background-color: transparent;
	}
	ul.pvtdd > li:first-of-type a {
		padding-left: 0;
	}
	ul.pvtdd > li:last-of-type a {
		padding-right: 0;
	}
	ul.pvtdd li a:hover {
		background-color: transparent;
	}
	ul.pvtdd ul li {
		margin: 0;
	}
	ul.pvtdd li.no_mobile {
		display: block;
	}
	ul.pvtdd ul.sub-menu a {
		padding-left: 0.5em;
		background-image: none;
		color: #FFF;
	}

	/* Add any special styling for large displays of the drop down menus here */
}



/* --- SITE STYLES --- */
body {
    background: #383838;
}
h1, h2, h3, h4, h5 {
	font-family: 'Oswald', sans-serif;
}

h2 {
	font-size: 2.5rem;
	text-transform: uppercase;
}

p {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.3rem;
}

a {
  color: #ebd56a;
}

a:hover, a:focus  {
  color: #9e8400;
}

@media screen and (min-width: 851px) {
    .mobile {
        display: none;
    }
}

@media screen and (max-width: 850px) {
    .desktop {
    display: none;
    }
}

.hide {
  display: none;
}

.visible {
  visibility: visible;
}

.button {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 2rem;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #ebd56a;
    color: #484848;
}

.button:hover, .button:focus {
    background-color: #9e8400;
    color: #fefefe;
    cursor: pointer;
    cursor: hand;
}

.button.hollow {
    border: 2px solid #ebd56a;
    color: #ebd56a;
    border-radius: 2rem;
    cursor: pointer;
    cursor: hand;
}

.button.hollow:hover, .button.hollow:focus {
    border: 2px solid #ebd56a;
    color: #484848;
    background-color: #ebd56a;
    cursor: pointer !important;
    cursor: hand;

}

.shadow {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.nav {
	color: #fefefe;
  padding-top:0.5rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  transition: all 0.2s ease-in-out;
  height: auto;
  background-color:transparent;
  z-index: 10001;
}

.active {
  background-color: #1d1d1d !important;
}

.desktop.nav .logo {
  padding: 1rem 0 1rem 0;
}

.mobile.nav .logo {
  padding: 1rem 0 1rem 0;
}

.mobile-logo {
  padding: 1rem 0 1rem 0;
}

.nav .menu {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
  	padding-top: 0.5rem;
  	padding-bottom: 1rem;
}

.nav .menu.interior {
  padding-top: 0rem;
  padding-bottom: 1rem;
}

.nav .menu a {
	color: #ebd56a;
}

.nav .menu .button {
  font-size: 1.3rem;
  line-height: 0.8;
}

.nav .menu a:hover {
	color: #9e8400;
    cursor: pointer;
}

.nav .menu-centered {
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.1rem;
  padding-top: 1rem;
}

.nav .menu-centered a {
  color: #ebd56a;
}

.nav .menu-centered .button {
  font-size: 1.3rem;
  line-height: 0.8;
}

.nav .menu-centered a:hover {
  color: #9e8400;
    cursor: pointer;
}

.is-page {
    position: relative;
    display: inline-block;
    padding-bottom: 0.5rem;
}

.is-page::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 3px;
    bottom: 0;
    left: calc(50% - 25%);
    background-color: #ebd56a;
}

.footer {
	background-color: #1d1d1d;
  padding: 1rem 0 1rem 0;
}

.footer p {
    color: #fefefe;
    font-size: 1rem;
}

.accordion {
    background: none;
}

.accordion-item.is-active {
  margin: 2rem 0 2rem 0;
}

.accordion-title {
    font-family: 'Oswald', sans-serif;
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    border: 0;
    border-bottom: 1px solid rgba(254, 254, 254, 0.15);
    font-size: 1.4rem;
    line-height: 1;
    color: #fefefe;
    background: none;
}

.accordion-title:hover, .accordion-title:focus {
    background: none;
    color: #ebd56a;
}

.accordion-content {
    display: none;
    padding: 1rem;
    border: 0;
    border-bottom: 0;
    background: none;
    color: #fefefe;
    font-size: 1.2rem;
}

:last-child:not(.is-active) > .accordion-title {
    border-bottom: 0;
    border-radius: 0 0 0 0;
}

:last-child > .accordion-content:last-child {
    border-bottom: 0;
}

.reveal {
    padding: 5rem 0 0 0;
    width: 100%;
    z-index: 10000;
    overflow: hidden;
    background: none;
    border: none;
}

  @media screen and (max-width: 39.9375em) {
  .reveal {
  top: 0;
  left: 0;
  width: 100% !important;
  height: auto;
  margin-left: 0;
  border: 0;
  border-radius: 0;
    }
  }

.reveal-overlay {
    z-index: 10002;
}

.close-button, .close-button.medium {
    right: 0rem;
    top: 0.15rem;
    font-size: 2em;
    line-height: 1;
}

.close-button:hover, .close-button:focus {
    color: #ebd56a;
}

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* -------------------------------------
------------ OVERLAY EFFECT --------------
--------------------------------------*/

/* Overlay style */
.overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(10, 10, 10, 0.9);
    z-index: 10003;
    overflow: scroll;
}

/* Overlay closing cross */
.overlay .overlay-close {
    width: 45px;
    height: 45px;
    position: absolute;
    right: 20px;
    top: 20px;
    overflow: hidden;
    border: none;
    color: #fefefe;
    outline: none;
    z-index: 100;
}

/* Menu style */
.overlay nav {
    text-align: center;
    position: relative;
    top: 50%;
    height: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    width: 80%;
}

.overlay ul li {
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-bottom: 1px solid rgba(254, 254, 254, 0.35);
}

.overlay ul li.is-accordion-submenu-item {
    border-bottom: none;
}

.overlay ul li a {
    font-family: 'Oswald', sans-serif;
    color: #fefefe;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.25rem;
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
}

.overlay .is-accordion-submenu-item a {
    font-size: 1.2rem;
    border-bottom: none;
    }
    
.overlay ul li a:hover,
.overlay ul li a:focus {
    color: #6f6651;
}

.overlay .menu > li > a:first-child {
    /* padding-right: 0rem; */
    padding: 0.7rem 1rem;
    }

.overlay .menu.nested {
    margin-left: 0rem;
    }

/* Effects */
.overlay-slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
    }

.overlay-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    }

@media screen and (max-height: 30.5em) {
    .overlay nav {
        height: 70%;
        font-size: 34px;
    }
    .overlay ul li {
        min-height: 34px;
    }
}

#trigger-overlay {
    color: #ebd56a;
    height: 100%;
    line-height: 100%;
    position: absolute;
    right: 1rem;
}

/* --- HOME PAGE --- */


#video-background {
  position: absolute;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
  pointer-events: none;
}

.hero h1{
  text-transform: uppercase;
  font-size: 10rem;
  text-align: center;
  margin: auto;
  position: relative;
  top: 7rem;
  z-index: 10;
  color: #fefefe;
  line-height: 1;
}

.hero h2{
  font-style: italic;
  text-transform: uppercase;
  font-size: 2.5rem;
  text-align: center;
  margin: auto;
  position: relative;
  top: -15rem;
  z-index: 10;
  color: #fefefe;
  line-height: 1;
}

.hero-img{
  max-width: 100%;
  margin: auto;
  display: block;
  z-index: 20;
  position: relative;
  top:-5rem;
}

.hero {
    color: #484848;
    padding: 0rem 0 0rem 0;
    width: 100%;
    position: relative;
    background-color: transparent;
}

@media screen and (max-width: 850px) {
.hero {
    color: #484848;
    padding: 0rem 0 0rem 0;
    width: 100%;
    position: relative;
    background-image: url('/wp-content/uploads/2017/03/hero-mobile-bg.png');
  }
}

.hero .see-why {
    font-size: 1.5rem;
    display: block;
    position: absolute;
    bottom: 3em;
    left: 50%;
    right: 50%;
    color: #fff;
    width: 16em;
    margin-left: -8em;
    color: rgba(255,255,255,.6);
}

.cta, .cta-bar {
    display: block;
    box-sizing: border-box;
}

@media screen and (max-width: 1100px) {
    .hero h1{
      font-size: 7rem;
      top: 7rem;
    }
    .hero-img{
      top: -3rem;
      max-width: 75%;
    }
    .hero h2{
      font-style: italic;
      text-transform: uppercase;
      font-size: 2rem;
      text-align: center;
      margin: auto;
      position: relative;
      top: -10rem;
      z-index: 10;
      color: #fefefe;
      line-height: 1;
    }

    .hero .see-why {
    font-size: 1.3rem;
    display: block;
    position: absolute;
    bottom: 1em;
    left: 50%;
    right: 50%;
    color: #fff;
    width: 16em;
    margin-left: -8em;
    color: rgba(255,255,255,.6);
  }
}

@media screen and (max-width: 980px) {
    .hero h1{
      font-size: 7rem;
      top: 7rem;
    }
    .hero-img{
      top: -2rem;
      max-width: 75%;
    }
    .hero h2{
      font-style: italic;
      text-transform: uppercase;
      font-size: 2rem;
      text-align: center;
      margin: auto;
      position: relative;
      top: -8rem;
      z-index: 10;
      color: #fefefe;
      line-height: 1;
    }

    .hero .see-why {
    font-size: 1rem;
    display: block;
    position: absolute;
    bottom: 0.5em;
    left: 50%;
    right: 50%;
    color: #fff;
    width: 16em;
    margin-left: -8em;
    color: rgba(255,255,255,.6);
  }
}

@media screen and (max-width: 785px) {
    .hero h1{
      font-size: 6rem;
      top: 6rem;
    }
    .hero-img{
      top: -2rem;
      max-width: 75%;
    }
    .hero h2{
      font-style: italic;
      text-transform: uppercase;
      font-size: 2rem;
      text-align: center;
      margin: auto;
      position: relative;
      top: -7rem;
      z-index: 10;
      color: #fefefe;
      line-height: 1;
    }

    .hero .see-why {
    font-size: 1rem;
    display: block;
    position: absolute;
    bottom: 0.5em;
    left: 50%;
    right: 50%;
    color: #fff;
    width: 16em;
    margin-left: -8em;
    color: rgba(255,255,255,.6);
  }
}

@media screen and (max-width: 675px) {
    .hero h1{
      font-size: 5rem;
      top: 6rem;
    }
    .hero-img{
      top: 0rem;
      max-width: 75%;
    }
    .hero h2{
      font-style: italic;
      text-transform: uppercase;
      font-size: 2rem;
      text-align: center;
      margin: auto;
      position: relative;
      top: -4rem;
      z-index: 10;
      color: #fefefe;
      line-height: 1;
    }

    .hero .see-why {
    display: none;
  }
}

@media screen and (max-width: 560px) {
    .hero h1{
      font-size: 4rem;
      top: 5rem;
      z-index: 10000;
    }
    .hero-img{
      top: 0rem;
      max-width: 75%;
      z-index: 10000;
    }
    .hero h2{
      font-style: italic;
      text-transform: uppercase;
      font-size: 1.5rem;
      text-align: center;
      margin: auto;
      position: relative;
      top: -3rem;
      z-index: 10;
      color: #fefefe;
      line-height: 1;
      z-index: 10000;
    }

    .hero .see-why {
    display: none;
  }

  .hero {
    background-position: 100% 30%;
  }
}

@media screen and (max-width: 460px) {
    .hero h1{
      font-size: 3rem;
      top: 3.5rem;
      z-index: 10000;
    }
    .hero-img{
      top: 0rem;
      max-width: 75%;
    }
    .hero h2{
      font-style: italic;
      text-transform: uppercase;
      font-size: 1.1rem;
      text-align: center;
      margin: auto;
      position: relative;
      top: -2.5rem;
      z-index: 10;
      color: #fefefe;
      line-height: 1;
      z-index: 10000;
    }

    .hero .see-why {
    display: none;
  }
}

.emp-intro {
    background: #383838;
    color: #fefefe;
}

.emp-intro-img {
    position: relative;
}

.emp-intro-bg {
    position: relative;
    min-height: 400px;
    background:url('/wp-content/uploads/2017/03/vid-thumbnail.jpg') no-repeat center center;
    background-size: cover;
}

.emp-intro-bg:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 998;
}

.emp-intro-bg:hover:before {
  background: rgba(0, 0, 0, 0.10);
}

.asg-intro-bg {
    position: relative;
    min-height: 400px;
    background:url('/wp-content/uploads/2017/03/general-thumb.jpg') no-repeat center center;
    background-size: cover;
}

.asg-intro-bg:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 998;
}

.asg-intro-bg:hover:before {
  background: rgba(0, 0, 0, 0.10);
}

.asg-intro-icon {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
    position: relative;
    z-index: 1000;
}

.asg-intro-icon [class^="pe-7s-"], [class*=" pe-7s-"] {
    line-height: 400px;
}

.asg-intro-bg h1 {
    font-size: 8rem;
    color: #ebd56a;
}

.asg-intro-bg h1:hover {
    font-size: 8rem;
    color: #9e8400;
}

.data-intro-bg {
    position: relative;
    min-height: 400px;
    background:url('/wp-content/uploads/2017/05/Screen-Shot-2017-05-26-at-3.04.18-PM.png') no-repeat center center;
    background-size: cover;
}

.data-intro-bg:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 998;
}

.data-intro-bg:hover:before {
  background: rgba(0, 0, 0, 0.10);
}

.data-intro-icon {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
    position: relative;
    z-index: 1000;
}

.data-intro-icon [class^="pe-7s-"], [class*=" pe-7s-"] {
    line-height: 400px;
}

.data-intro-bg h1 {
    font-size: 8rem;
    color: #ebd56a;
}

.data-intro-bg h1:hover {
    font-size: 8rem;
    color: #9e8400;
}

.emp-intro-bg h1 {
    font-size: 8rem;
    color: #ebd56a;
}

.emp-intro-bg h1:hover {
    font-size: 8rem;
    color: #9e8400;
}
    

.emp-intro-icon {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
    position: relative;
    z-index: 1000;
}

.emp-intro-icon [class^="pe-7s-"], [class*=" pe-7s-"] {
    line-height: 400px;
}

.emp-intro-info {
    padding: 1rem 2rem 1rem 2rem;
}

.emp-intro-info h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.emp-intro-info h2::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #fefefe;
}

.reveal-overlay {
    background-color: rgba(10, 10, 10, 0.9);
}

.hp-data {
	padding: 5rem 0 5rem 0;
	background: #484848;
	color: #fefefe;
}

.hp-data h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.hp-data h2::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    bottom: 0;
    left: calc(50% - 12.5%);
    background-color: #fefefe;
}

.data {
	padding: 2rem 0 3rem 0;
}

.hp-community {
	color: #fefefe;
	padding: 10rem 0 10rem 0;
	width: 100%;
    position: relative;
    background-size: cover;
    background-position: 40% 50%;
    background-image: url('/wp-content/uploads/2017/03/hp-community.jpg');
}


.hp-community h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.hp-community h2::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    bottom: 0;
    left: calc(50% - 12.5%);
    background-color: #fefefe;
}

.hp-community-content {
    position: relative;
    z-index: 1000;
}

.hp-community:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 998;
}

@media screen and (max-width: 810px) {
  .hp-community {
  padding: 5rem 0 4rem 0;
  background-position: 90% 50%;

  }
}

/* --- SELFRIDGE PAGE --- */

.base-head {
    color: #fefefe;
    padding: 15rem 0 15rem 0;
    width: 100%;
    background-size: cover;
    background-position: 40% 15%;
    background-image: url('/wp-content/uploads/2017/03/base-header.jpg');
    position: relative;
}

.base-head:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
}


.base-head h2{
  font-style: italic;
  text-transform: none;
  font-size: 2.5rem;
  text-align: center;
  margin: auto;
  position: relative;
  z-index: 1000;
  color: #fefefe;
  line-height: 1.3;
}

.base-head h3{
  z-index: 1000;
  color: #fefefe;
  position: relative;
  padding-top: 1.5rem;
}

@media screen and (max-width: 1075px) {
  .base-head {
    padding: 10rem 0 10rem 0;
  }

  .base-head h2{
    font-style: italic;
    text-transform: none;
    font-size: 2rem;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 1000;
    color: #fefefe;
    line-height: 1.3;
  }

  .base-head h3{
    font-size: 1.3rem;
  }
}

@media screen and (max-width: 780px) {
  .base-head {
    padding: 10rem 0 7rem 0;
  }

  .base-head h2{
    font-style: italic;
    text-transform: none;
    font-size: 1.5rem;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 1000;
    color: #fefefe;
    line-height: 1.3;
  }

  .base-head h3{
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 780px) {
  .base-head {
    padding: 7rem 0 5rem 0;
  }

  .base-head h2{
    font-style: italic;
    text-transform: none;
    font-size: 1.3rem;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 1000;
    color: #fefefe;
    line-height: 1.3;
  }

  .base-head h3{
    font-size: 1rem;
  }
}

.base-intro {
  padding: 5rem 0 5rem 0;
  color: #fefefe;
}

.base-intro h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.base-intro h2::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #fefefe;
}

.base-intro p {
  font-size: 1.1rem;
}

.base-location {
    background: #484848;
    color: #fefefe;
}

.base-location-img {
    position: relative;
}

.base-location-bg {
    position: relative;
    min-height: 400px;
    background:url('/wp-content/uploads/2017/03/base-location.png') no-repeat center center;
    background-size: cover;
}

.base-location-bg:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 998;
}

.base-location-info {
    padding: 3rem;
}

.base-location-info h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.base-location-info h2::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #fefefe;
}

.network p {
  font-size: 1.1rem !important;
}

/* --- COMMUNITY PAGE --- */

.community-head {
    color: #fefefe;
    padding: 13rem 0 10rem 0;
    width: 100%;
    background-size: cover;
    background-position: 40% 5%;
    background-image: url('/wp-content/uploads/2017/03/community-header.jpg');
    position: relative;
}

.community-head:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
}


.community-head h2{
  font-style: italic;
  text-transform: none;
  font-size: 2.5rem;
  text-align: center;
  margin: auto;
  position: relative;
  z-index: 1000;
  color: #fefefe;
  line-height: 1.3;
}

.community-head h3{
  z-index: 1000;
  color: #fefefe;
  position: relative;
  padding-top: 1.5rem;
}

@media screen and (max-width: 780px) {
  .community-head {
    padding: 10rem 0 7rem 0;
  }

  .community-head h2{
    font-style: italic;
    text-transform: none;
    font-size: 1.5rem;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 1000;
    color: #fefefe;
    line-height: 1.3;
  }

  .community-head h3{
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 580px) {
  .community-head {
    padding: 7rem 0 5rem 0;
  }

  .community-head h2{
    font-style: italic;
    text-transform: none;
    font-size: 1.3rem;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 1000;
    color: #fefefe;
    line-height: 1.3;
  }

  .community-head h3{
    font-size: 1rem;
  }
}

.base-intro {
  padding: 5rem 0 5rem 0;
  color: #fefefe;
}

.base-intro h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.base-intro h2::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    bottom: 0;
    left: calc(50% - 12.5%);
    background-color: #fefefe;
}

.base-intro p {
  font-size: 1.3rem;
}

.f35-head {
    color: #fefefe;
    padding: 15rem 0 10rem 0;
    width: 100%;
    background-size: cover;
    background-position: 40% 15%;
    background-image: url('/wp-content/uploads/2017/03/f35-header.jpg');
    position: relative;
}

.f35-head:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 998;
}


.f35-head h2{
  font-style: italic;
  text-transform: none;
  font-size: 2.5rem;
  text-align: center;
  margin: auto;
  position: relative;
  z-index: 1000;
  color: #fefefe;
  line-height: 1.3;
}

@media screen and (max-width: 780px) {
  .f35-head {
    padding: 10rem 0 7rem 0;
  }

  .f35-head h2{
    font-style: italic;
    text-transform: none;
    font-size: 1.5rem;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 1000;
    color: #fefefe;
    line-height: 1.3;
  }

  .f35-head h3{
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 580px) {
  .f35-head {
    padding: 7rem 0 5rem 0;
  }

  .f35-head h2{
    font-style: italic;
    text-transform: none;
    font-size: 1.3rem;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 1000;
    color: #fefefe;
    line-height: 1.3;
  }

  .f35-head h3{
    font-size: 1rem;
  }
}


.f35-intro {
  padding: 5rem 0 5rem 0;
  color: #fefefe;
}

.f35-intro h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.f35-intro h2::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #fefefe;
}

.video-intro-bg {
    position: relative;
    min-height: 400px;
    min-width: 600px;
    background:url('/wp-content/uploads/2017/03/f35-thumb.jpg') no-repeat center center;
    background-size: cover;
    padding: 0 0 1rem 1rem;
    float: right
}

.video-intro-bg:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 998;
}

.video-intro-bg:hover:before {
  background: rgba(0, 0, 0, 0.10);
}

.video-intro-icon {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
    position: relative;
    z-index: 1000;
}

.video-intro-icon [class^="pe-7s-"], [class*=" pe-7s-"] {
    line-height: 400px;
}

.video-intro-bg h1 {
    font-size: 8rem;
    color: #ebd56a;
}

.video-intro-bg h1:hover {
    font-size: 8rem;
    color: #9e8400;
}

.video-intro-bg-2 {
    position: relative;
    width: 100%;
    min-height: 400px;
    background:url('/wp-content/uploads/2017/03/f35-thumb.jpg') no-repeat center center;
    background-size: cover;
}

.video-intro-bg-2:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 998;
}

.video-intro-bg-2:hover:before {
  background: rgba(0, 0, 0, 0.10);
}

.video-intro-icon-2 {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px;
    position: relative;
    z-index: 1000;
}

.video-intro-icon-2 [class^="pe-7s-"], [class*=" pe-7s-"] {
    line-height: 400px;
}

.video-intro-bg-2 h1 {
    font-size: 8rem;
    color: #ebd56a;
}

.video-intro-bg-2 h1:hover {
    font-size: 8rem;
    color: #9e8400;
}
@media screen and (min-width: 981px) {
.video-intro-bg-2 {
  display: none;
}
}

@media screen and (max-width: 980px) {
.video-intro-bg {
    display:none;
  }

.img-break {
  display: none;
  }
}

.base-intro p {
  font-size: 1.3rem;
}

.f-35-body {
  padding: 5rem 0 5rem 0;
  background: #484848;
  color: #fefefe;
}

.f-35-body h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.f-35-body h2::after {
    content: '';
    position: absolute;
    width: 25%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #fefefe;
}

.quote {
  border-top: 2px solid #fefefe;
  border-bottom: 2px solid #fefefe;
  padding: 1rem;
  margin-top: 4rem;
}

.quote h3 {
  font-size: 1.8rem;
  font-style: italic;
}

.img-break {
    background-position: center;
    padding-bottom: 75%;
    position: relative;
    background-image: url('');
    background-size: cover;
    overflow: hidden;
    background-repeat: no-repeat;
}

.img-break:before {
  content: "";
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: rgba(0, 0, 0, 0.25);
  z-index: 998;
  overflow: hidden;
}

@media screen and (min-width: 780px) {
.img-break {
    background-image: url('/wp-content/uploads/2017/03/img-break-m.jpg');
    padding-bottom: 45%;
    background-size: cover;
}
}

@media screen and (min-width: 1200px) {
.img-break {
    background-image: url('/wp-content/uploads/2017/03/img-break.jpg');
    padding-bottom: 23%;
    background-size: cover;
}
}

.img-break-images {
    box-sizing: border-box;
}

.card {
  color: #fefefe;
  background: none;
  border: none;
}

.card h3 {
  font-size: 1.5rem;
}

.card p {
  font-size: 1rem;
}

.card-section {
    padding: 0rem;
}

.news h3 {
padding-top: 3rem;
}

p.news-excerpt {
	padding-bottom: 3rem;
}

.news p {
	color: #fefefe !important;
}

.post-byline {
	font-size: 1rem;
	font-weight: 400;
	margin-bottom: 0.5rem;
	}
	
.blog-posts {
    padding: 5rem 0 5rem 0;
    background: #484848;
}

.news {
    background: #484848;
    }

label {
    display: block;
    margin: 0;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.8;
    color: #fefefe;
}

.blog-body {
    padding: 5rem 0 5rem 0;
    background: #484848;
    color: #fefefe;
}

.blog-body h1 {
	line-height: 1;
	}

.blog-body h2, .blog-body h3, .blog-body p {
    color: #fefefe;
}

.blog-body h3 {
    position: relative;
    display: inline-block;
    padding-bottom: 1rem;
}

.blog-body h3::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #fefefe;
}

    .hero .error-button {
    font-size: 1.5rem;
    display: block;
    position: absolute;
    bottom: 3em;
    left: 50%;
    right: 50%;
    width: 16em;
    margin-left: -8em;
}


@media screen and (max-width: 1100px) {
    .hero .error-button {
    font-size: 1.3rem;
    display: block;
    position: absolute;
    bottom: 1em;
    left: 50%;
    right: 50%;
    width: 16em;
    margin-left: -8em;
  }
}

@media screen and (max-width: 980px) {
    .hero .error-button {
    font-size: 1rem;
    display: block;
    position: absolute;
    bottom: 0.5em;
    left: 50%;
    right: 50%;
    width: 16em;
    margin-left: -8em;
  }
}

@media screen and (max-width: 785px) {
    .hero .error-button {
    font-size: 1rem;
    display: block;
    position: absolute;
    bottom: 0.5em;
    left: 50%;
    right: 50%;
    width: 16em;
    margin-left: -8em;
  }
}

@media screen and (max-width: 675px) {
    .hero .error-button {
    position: relative;
  }
}


.nav .menu.utility {
    font-family: 'Open Sans', sans-serif;
    text-transform: none;
    font-size: 1rem;
    padding-top: 0.25rem;
    padding-bottom: 0rem;
}