
.navbar-dark {
	background:none;
	background-color: rgba(255, 255, 255, 0.1);

}
/* Show it is fixed to the top for fixed navbar */
body {
	background: #fff;
	/* background:url('assets/active_athlete_barbell_bodybuilder_bodybuilding.jpg'); */

	/*background-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(1, 39, 56));*/
	/*min-height: 75rem;*/
	/* padding-top: 3.5rem; remove this to start content at top */
}

.headnav {
	background:url(../assets/active_athlete_barbell_bodybuilder_bodybuilding.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll;
  background-size: cover;
  width:100%;
}
.inter-text {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

h1, 
h2,
h3,
h4,
h5,
h6 { 
 	font-family: "Inter", sans-serif;
	/* color:#000; */
}

h1 {
	 font-family: "Inter", sans-serif;
	 font-weight:900;
	  font-size: 3rem;
	  text-transform: uppercase;
}

h2 {
	 font-family: "Inter", sans-serif;
	 font-weight:700;
	 color:#61615a;
}

h3 {
	border-bottom:4px solid #a4cd2c;
	display:inline;
	/* padding:10px; */
	padding-bottom:5px;
	font-size: 32px;
	line-height:80px;

}

h4 {
	color:#fff;
		 font-family: "Inter", sans-serif;
	 font-weight:400;
	 font-size: 18px;
}

p { 
	font-family: "Inter", sans-serif;
	font-weight:200;
}



.btn-primary {
	border:0;
	background:#688023;
	font-family: "Inter", sans-serif;
	font-weight:300;
}

.btn-primary:hover {
	transform: scale(1.025, 1.025); 
	background:#739410;
}

.plainlink a {
	color: #063561; 
	text-decoration:none;
	padding:0;
}

.plainlink a:hover {
	border-bottom:1px solid #063561; 
}



.footer {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  color:#fff;
  padding:0;
  padding-top:20px;
  text-align:left;
}

 .footer p {
	font-family: "Inter", sans-serif;
	color:#ffffff; font-size: small;
	margin-left:0px;
 }

 .footer h6 {
	color:#ffffff;
 }

 .footer a, .contact a {
	color:#d2d2d2;
	text-decoration: none;
	/* border-bottom:1px solid rgb(66, 67, 67); */
 }

.footer a:hover , .contact a:hover {
	color:#ffffff;
 }

 .nav-item a {
	color: #ffffff; 
		font-family: "Inter", sans-serif;
	font-weight:200;

 }

.nav-item a:hover {
	border-bottom:1px solid #fafafa;
	color: #ffffff; 
 }

 .navbar-brand a {
	color:#ffffff;
	text-decoration:none;
	font-size:18px;
	font-family: "Inter", sans-serif;
	font-weight:200;
 }

 .navbar-brand a:hover {
	border-bottom:1px solid #fafafa;
	color: #ffffff; 
 }


 .active { /*used by navbar*/
  /* color: #063d9c !important;  */
  color:#fff !important;
  border-bottom:2px solid #d1fd51;
 }

 .green {
	color:#d1fd51;
 }

 .greendark {
	color:#a4cd2c;
 }

.green_bg {
	background:#688023;
 }

 .showcase .showcase-text {
	
  padding: 3rem;
}
.showcase .showcase-img {
	
  min-height: 25rem;
  background-size: cover;
}

.black_bg {
	background:#333332;
}
/* @media (min-width: 768px) {
  .showcase .showcase-text {
    padding: 7rem;
  }
} */


.fixedScrollUp {
	position:fixed; bottom:5%; right:5%; color:#fff; z-index:9999;
	height:5%; 
	cursor: pointer;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 50%;
	width:auto;
}

.fixedScrollUp i {
	font-size:36px; line-height:36px;
}

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}

.hide {
	display:none;
}

.show {
	display:inline;
}

.emailform_warn_arrow_up {
	margin-left:10px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #B8383B;
}

.emailform_warn {
	display:inline-block;
	/*padding:5px;*/
	width:100%;
	color:#fff;
	background:#B8383B;
	border-radius:6px;
	margin-bottom:5px;
	padding:2px;
	padding-left:5px;
}

input[type=text], textarea {
  font-size: 15px; padding:10px; margin-bottom:5px;
  border:none;
  border: 1px solid #b1b1b1;
  border-radius:15px;
  width:100%;
  resize:none;
  background:none;
  outline:none;
  color:#000;
}

.blackout {
	position: absolute;
	width:100%;
	height:100%;
	background:rgba(0, 23, 40, 0.5);
	left:0px;
	top:0px;
	display:block;
}

.whiteout {
	position: absolute;
	width:100%;
	height:100%;
	background:rgba(250, 251, 252, 0.5);
	left:0px;
	top:0px;
	display:block;
}



.masthead {
  position: relative;
  overflow: hidden;
  padding-top: calc(15rem + 0px);
  padding-bottom: 15rem;
  /* background: linear-gradient(0deg, #ff6a00 0%, #ee0979 100%); */
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}
.masthead .masthead-content {
  z-index: 1;
  position: relative;
}


/* @media (min-width: 992px) {
  header.masthead {
    padding-top: calc(10rem + 5px);
    padding-bottom: 10rem;
  }
} */

/* Smartphones (portrait and landscape) ----------- */
@media screen 
and (min-width: 320px) 
and (max-width: 600px) 
{
.hidemobile {
	display:none;
}

.mobile_center {
	text-align:center;
}

.footer {
	text-align:center;
}

header.masthead {
	/* background:#000; */
  position: relative;
  overflow: hidden;
  padding-top: calc(2rem + 0px);
  padding-bottom: 3rem;
  /* background: linear-gradient(0deg, #ff6a00 0%, #ee0979 100%); */
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
}

}