/*
@font-face{font-family:"HapticPro";
font-weight:400;
font-style:normal;
src:url(../../_shared/fonts/haptic/32EB80_0_0.eot);
src:url(../../_shared/fonts/haptic/32EB80_0_0.eot?#iefix) format("embedded-opentype"),url(../../_shared/fonts/haptic/32EB80_0_0.woff2) format("woff2"),url(../../_shared/fonts/haptic/32EB80_0_0.woff) format("woff"),url(../../_shared/fonts/haptic/32EB80_0_0.ttf) format("truetype")}
@font-face{font-family:"HapticPro";
font-weight:700;
font-style:normal;
src:url(../../_shared/fonts/haptic/32EB80_1_0.eot);
src:url(../../_shared/fonts/haptic/32EB80_1_0.eot?#iefix) format("embedded-opentype"),url(../../_shared/fonts/haptic/32EB80_1_0.woff2) format("woff2"),url(../../_shared/fonts/haptic/32EB80_1_0.woff) format("woff"),url(../../_shared/fonts/haptic/32EB80_1_0.ttf) format("truetype")}
@font-face{font-family:"HapticPro";
font-weight:600;
font-style:normal;
src:url(../../_shared/fonts/haptic/32EB80_2_0.eot);
src:url(../../_shared/fonts/haptic/32EB80_2_0.eot?#iefix) format("embedded-opentype"),url(../../_shared/fonts/haptic/32EB80_2_0.woff2) format("woff2"),url(../../_shared/fonts/haptic/32EB80_2_0.woff) format("woff"),url(../../_shared/fonts/haptic/32EB80_2_0.ttf) format("truetype")}
*/

@font-face{
	font-family:"BCAASansBold";
	src:url('../../_shared/fonts/bcaa/BCAASans-Bold.woff2');
}
@font-face{
	font-family:"BCAASansRegular";
	src:url('../../_shared/fonts/bcaa/BCAASans-Regular.woff2');
}
@font-face{
	font-family:"BCAASansMedium";
	src:url('../../_shared/fonts/bcaa/BCAASans-Medium.woff2');
}

body {
    padding-top: 0px;
    /*font-family: "HapticPro",sans-serif;*/
	/*font-family: 'Noto Sans', sans-serif;*/
	font-family: "BCAASansRegular",sans-serif;
	/*font-size:90%;*/
	font-size:1.25rem;
    color: #5a5a5a;
    -webkit-font-smoothing: antialiased;
}

header {
    position: relative;
    /*padding-top: 1em;*/
    width: 100%;
    height: inherit;
    background: radial-gradient(farthest-corner at 0 0,#0277d1 0%,#005aa8 85%) no-repeat center center;
    background-size: cover;
}

header div.bcaaBar {
    background-size: cover;
	/*background: radial-gradient(circle at 8% 50%,#0384c3 0%,#005aa8 30%);*/
	background-color:#0050c4;
    transition: opacity 200ms cubic-bezier(.39,.575,.565,1);
}

header div.hero {
	background: no-repeat center center;
	background-image:url("../../_shared/images/ssp-banner-image.jpg");
	background-size: cover;
	height: 55vw;
	max-height:560px;
}

@media only screen and (max-width: 768px) {
	header div.hero {
		background-image:url("../../_shared/images/ssp-banner-image-small.jpg");
	}
	header h1 { 
		max-width:80%;
	}
}
@media only screen and (max-width: 576px) {
	header h1 { 
		max-width:100%;
	}
}
@media only screen and (min-width: 576px) {
	header h1 { 
		font-size:4rem !important; 
		max-width:40%;
	}
}

.m-masthead__logo {
    width: 136px;
    height: 42px;
}

/*
header h1 {
    color: #fff;
    text-shadow: 0 2px 4px rgba(0,0,0,.4);
    text-transform: uppercase;
    transition: opacity 1000ms cubic-bezier(.39,.575,.565,1),margin-top 1000ms cubic-bezier(.39,.575,.565,1),transform 1000ms cubic-bezier(.39,.575,.565,1);
    transition: opacity 1000ms cubic-bezier(.39,.575,.565,1),margin-top 1000ms cubic-bezier(.39,.575,.565,1),transform 1000ms cubic-bezier(.39,.575,.565,1),-webkit-transform 1000ms cubic-bezier(.39,.575,.565,1);
    margin: 0 0 20px;
    font-family: "Archer A","Archer B","Archer",serif;
    font-weight: 900;
    font-size: 3.875rem;
    line-height: 3.75rem;
    max-width:700px;
	padding-top: 155px;
	padding-bottom:20px;
}
*/

header h1 {
    color: #fff;
    
    transition: opacity 1000ms cubic-bezier(.39,.575,.565,1),margin-top 1000ms cubic-bezier(.39,.575,.565,1),transform 1000ms cubic-bezier(.39,.575,.565,1);
    transition: opacity 1000ms cubic-bezier(.39,.575,.565,1),margin-top 1000ms cubic-bezier(.39,.575,.565,1),transform 1000ms cubic-bezier(.39,.575,.565,1),-webkit-transform 1000ms cubic-bezier(.39,.575,.565,1);
	text-shadow: 0 2px 7px rgb(0 0 0 / 40%);
    font-family: "BCAASansBold",sans-serif;
	/*
	font-family: "Archer A","Archer B","Archer",serif;
	text-shadow: 0 2px 4px rgba(0,0,0,.4);
    text-transform: uppercase;
	*/
	font-weight: 900;
	position: absolute;
	top: 30%;
	font-size:1.75rem; 
	line-height:initial;
	
	
	font-family:"BCAASansBold",sans-serif;
	font-size: 4rem;
	line-height: 4rem;
	color: #fff;
	text-shadow: 0 2px 7px rgba(0,0,0,.4);
	font-weight: 900;
	
	
	/*
    margin: 0 0 20px;
    font-size: 3.875rem;
    line-height: 3.75rem;
    max-width:700px;
	
    padding-top: 105px;
    padding-bottom: 80px;
	
	padding-top: 155px;
	padding-bottom:20px;
	*/
}

h1, h2, h3, h4, h5 {
/*font-family: "Archer A","Archer B","Archer",serif;
color: rgb(51, 51, 51);*/
font-family: "BCAASansBold",sans-serif;

}

h1 {
	line-height: 3.1875rem;
	font-size: 2.9375rem;
	font-weight:900;
	color: #0050c4;
}
h2 {
	font-family: "BCAASansMedium",sans-serif;
	font-size: 1.875rem;
	line-height: 2.1875rem;
	font-weight:900;
	color: #333;
}

.btn {
	font-family: "BCAASansBold",sans-serif;
}

div.homecard {
	position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    
}

div.homecard img {
	max-height:120px;
}

div.homecard h5 {
	font-weight:bold;
	font-size: 1.375rem;
	font-weight: 900;
}
div.homecard,div.homecard li {
	border:none;
}

div.homecard div.card-body {
	min-height:12em;
}

div.homecard a {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: .4rem;
	background-color: transparent;
	border-bottom: 3px solid #0277d1;
	color: #333;
	font-size: .875rem;
	line-height: 1.3125rem;
	outline: 0;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

div.infoPostCard{
	height:22em;
    max-height:22em;
    overflow:hidden;
    text-overflow: ellipsis;
    content: "";
    position:relative;
}
div.infoPostCard:before {
    content:'';
    width:100%;
    height:100%;    
    position:absolute;
    left:0;
    top:0;
    background:linear-gradient(transparent 4em, white);
}

a.readmore {
	text-transform: uppercase;
}

.bg-bcaa-simple {
    background: #0050c4;
    color:#FFF;
}
.bg-bcaa-grad {
    color:#FFF;
    background: radial-gradient(circle,#0074b2 0%,#005aa8 100%);
}

.a-tagline__line {
    display: block;
    color: #fff;
    text-align: center;
    font-family: "Archer A","Archer B","Archer",serif;
    font-size: .89375rem;
    line-height: .75rem;
}

.footer-tag-line .a-tagline__line:first-child {
    font-weight: 900;
    font-size: 1rem;
    line-height: 1rem;
    margin:0px 14px;
}

footer a, footer a:hover {
	color:white;
	text-decoration:none;
}

div.footer-social {
	font-weight:900;
	font-size:1em;
	/*font-family: "Archer A","Archer B","Archer",serif;*/
	font-family: "BCAASansRegular",sans-serif;
	text-transform: uppercase;
}

div.footer-txt p {
	font-size:1rem !important
}
.footer-txt a, .footer-txt a:hover {
	color:#FFF;
	text-decoration:underline;
	font-weight:bold;
}

.m-sub-footer__caa-link {
	max-width:100px;
	/*
    width: 109px;
    height: 33px;
    margin-top: 5px;
	*/
}

a.staffLogin {
	color:#FFF;
}

h5.card-title a {
	font-family: "BCAASansBold",sans-serif;
	color: #333;
}

h5.card-title a:hover {
	color:#007bff;
}

img.resImage {
	height: auto; 
    width: auto; 
    max-width: 100%; 
    max-height: 50em;
}

div.icon-promo img {
	max-height:80px;
	height:80px;
}
div.icon-promo h5 {
	font-weight:900;
	height:72px;
}

div.small p {
		font-size:.6rem !important;
	}

@media only screen and (max-width: 576px) {
	div.icon-promo h5 {
		height:auto;
	}
}

@media only screen and (min-width: 992px) {
	div.bcaaBar {
		min-width:95px;
	}
	header h1 {
		max-width:250px;
	}

	p,li,span,label {
		font-size:1.3rem !important;
	}
	h5 {
		font-size:1.6rem !important;
		font-weight:bold;
	}
	.home-callout div.alert {
		background:#0050c4;
		border-radius:0px;
		padding-right:2rem;
	}
	.home-callout p, .home-callout li {
		font-size:1rem !important;
		color:#FFF;
	}
	.home-callout li {
		margin-bottom:.5rem;
	}
	.home-callout h5 {
		font-size:1.6rem !important;
		color:#FFF;
	}
	.form-control {
		height:initial;
	}
	input.form-check-input {
		width:1.3rem;
		height:1.3rem;
	}
	label.form-check-label {
		margin-left:1rem;
	}
	div.icon-promo h5 {
		height:48px;
	}
	
}

@media only screen and (min-width: 2200px) {
	header div.hero {
		max-height:750px;
	}
}