@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700|Fjalla+One);

* {
	box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
}

body {
	background:#ffffff; 
	padding: 0px; 
	font-family: Lato, Calibri, "Open Sans", sans-serif;
	font-size: 16px;
	color: #2a2a2a;
	min-width: 320px;
	-ms-word-break: keep-all; /* Fixing word breaking issues across browsers */
	word-break: keep-all;
	-webkit-hyphens: none;
   	-moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Fjalla One", Lato, Calibri, "Open Sans", sans-serif;
	color:#8a1f03;
	text-transform: uppercase;
}

sup {
	font-size:40%;
	vertical-align:super;
}
/*fix duplicate border/decoration issue with FF */
abbr[title] {
	text-decoration: none !important;	
	cursor: inherit !important;	
}
h1 {
	font-size:3em;
	text-transform:uppercase;
}
h2 {
	font-size:2em;
	text-transform:uppercase;
}
h2.bigger {
	font-size:3em;
}
h3 {
	font-size:1em;
}
h4 {
	font-size:18px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:11px;
}

a {
	color:#0077be;
	text-decoration:none;	
}

p {
	-ms-word-break: keep-all;
	word-break: keep-all;
	-webkit-hyphens: none;
   	-moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

a:hover {
	color:#ee7421;
	text-decoration:none;	
}

a:focus { }

a,
.anchor-button {
	color:#8a1f03;
	text-decoration:none;
	transition: all 0.14s ease-in-out;   
}

a:hover,
.anchor-button:hover {
	color:#ee7421;
	text-decoration:none;  
}

a:focus,
.anchor-button:focus { }

.anchor-button {
    background:none!important;
    border:none;
   	padding:0!important;
}

/* Fix 2-col layout floating issues */
.col-xs-6:nth-child(odd), 
.col-sm-6:nth-child(odd),
.col-md-6:nth-child(odd),
.col-lg-6:nth-child(odd) {
	clear: both;
}
 
/* Alert Styling */
.alert {
    border-radius: 0px;
    border-color: #f2dede;
}
 
.alert-danger {
    color: #641D1B;
}
 
.close {
    font-size: 45px;
    line-height: 23px;
    font-weight: 900;
    opacity: 0.4;
}

hr {
	border-top: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ddd;
	/* -moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	-moz-use-text-color #FFFFFF; */
}

hr.section-divider { width: 50%; }
hr.section-divider::after {
	content: "";
	display: block;
	margin-bottom: 20px;
}

.lt-ie9 body {
	min-width: 0px !important;
}
.no-canvas body {
	min-width: 0px !important;
}

.wrapper {
	background: rgb(255, 255, 255); 
	/*box-shadow: 0px 0px 8px #c7c7c7;*/
}
.nopadding,
.container.nopadding {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.row {
	margin:40px 0px;	
}
.nomargin,
.row.nomargin {
	margin:0px;	
}
.row.nomargin-bottom {
	margin-bottom:0px;	
}
.pre-footer {
	margin-bottom:0px;	
}
.row.pad {
	padding-left:20px;
	padding-right:20px;	
}

.inner {
	padding:0px 100px;	
}

.border-between > [class*='col-']:before {
	background: #e3e3e3;
	bottom: 0;
	content: " ";
	left: 0;
	position: absolute;
	width: 1px;
	top: 0;
}
.border-between > [class*='col-']:first-child:before {
 	display: none;
}
.padleft10 {
	padding-left:10px;	
}
.padleft20 {
	padding-left:20px;	
}
.padleft30 {
	padding-left:30px;	
}
.padright10 {
	padding-right:10px;	
}
.padright20 {
	padding-right:20px;	
}
.padright30 {
	padding-right:30px;	
}
.padtop10 {
	padding-top:10px;	
}
.padtop20 {
	padding-top:20px;	
}
.padtop30 {
	padding-top:30px;	
}
.padtop40 {
	padding-top:40px;	
}

.padbottom10 {
	padding-bottom:10px;	
}
.padbottom20 {
	padding-bottom:20px;	
}
.padbottom30 {
	padding-bottom:30px;	
}
.padbottom40 {
	padding-bottom:40px;	
}
.padbottom50 {
	padding-bottom:50px;	
}
.padbottom60 {
	padding-bottom:60px;	
}

.pad10 {
	padding:10px;	
}
.pad20 {
	padding:20px;	
}
.pad30 {
	padding:30px;	
}
.pad40 {
	padding:40px;	
}
.m10 {
	margin:10px 0px;	
}
.m20 {
	margin:20px 0px;	
}
.m30 {
	margin:30px 0px;	
}
.m40 {
	margin:40px 0px;	
}


/* colors */

.bg-blue {
	background-color: #0077be;
}
.bg-lighttblue {
	background-color: #dfeaf0;
}

.bg-red {
	background-color: #8a1f03;
}
.bg-lightred {
	background-color: #ffb3b3;
}

.bg-dark-gray {
	background-color: #2a2a2a;
}
.bg-medium-gray {
	background-color: #4c4c4c;
}
.bg-orange {
	background-color: #ee7421;
}
.bg-white {
	background-color: #ffffff;
}

.ss-blue { 
	color: #0077be;
}
.ss-lightblue { 
	color: #dfeaf0;
}
.ss-red { 
	color:#8a1f03;
}
.ss-dark-gray { 
	color:#2a2a2a;
}
.ss-medium-gray { 
	color:#4c4c4c;
}
.ss-light-gray {
	color:#a4a4a4;	
}
.ss-orange { 
	color:#ee7421;
}
.ss-white { 
	color:#fff;
}

.main-container {
	/* padding-top: 20px; */
}

/* Override Bootstrap Sub-Arrow Styling */
.sub-arrow {
	
}

/* Links */
.ss-link {
	text-transform: uppercase;
	background: transparent;
	font-size: 15px;	
	cursor: pointer;
}

/* Flex content CTA colors */
.cta-content {
	padding:40px 0px 0px 0px;
}
.cta-content.bg-white h2,
.cta-content.bg-white p {
	
}
.cta-content.bg-lightblue h2,
.cta-content.bg-lightblue p {
	
}
.cta-content.bg-blue h2,
.cta-content.bg-blue p,
.cta-content.bg-medium-gray h2,
.cta-content.bg-medium-gray p,
.cta-content.bg-dark-gray h2,
.cta-content.bg-dark-gray p, 
.cta-content.bg-orange h2,
.cta-content.bg-orange p {
	color:#fff;	
}


/* buttons */
.alm-btn-wrap {
	margin-left:35%
}
.add-arrow:after {
	font-family: "Ionicons";
	content: " \f30f";
}

/* buttons */
[data-icon]:before {
  font-family: "../fonts/arrow-font-1" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "../fonts/arrow-font-1" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-ss-arrow:before {
  content: "\61";
}

.ss-btn {
	display: inline-block;
	margin: 5px 0;
	padding:15px 20px;
	color: #000;
	font-size: 16px;
	text-align: center;
	text-transform:uppercase;
	background:transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	border-radius:0px;
	-webkit-transition: all 0.14s ease-in-out;
	transition: all 0.14s ease-in-out;	
}

.ss-btn.done {
	display:none;
	-webkit-transition: all 3s ease;
	-moz-transition: all 3s ease;
	-ms-transition: all 3s ease;
	-o-transition: all 3s ease;
	transition: all 3s ease;	
}

/* Enlarge icons for all buttons */
.ss-btn > i { 
	display: inline-block;
	margin-left: 5px;
}

.ss-btn.arrow:after {
	content:'→'	
}
.ss-btn.arrowright  {
	background-image: url('../images/right-arrow.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
}

.cta-content.bg-orange .ss-btn.arrowright,
.cta-content.bg-blue .ss-btn.arrowright,
.cta-content.bg-medium-gray .ss-btn.arrowright,
.cta-content.bg-dark-gray .ss-btn.arrowright,
.ss-btn.white.arrowright,
.ss-btn.orange.solid.arrowright  {
	background-image: url('../images/right-arrow-white.png');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right:25px;
}

.cta-content.bg-orange .ss-btn.arrowright:hover,
.cta-content.bg-blue .ss-btn.arrowright:hover,
.cta-content.bg-dark-gray .ss-btn.arrowright:hover,
.ss-btn.white.arrowright:hover,
.ss-btn.orange.solid.arrowright:hover {

}

.ss-btn.orange.arrowright,
.ss-btn.arrowright:hover,
.ss-btn.blue.arrowright:hover  {
	padding-right:25px;	
	background-image: url('../images/right-arrow-orange.png');
	background-repeat: no-repeat;
	background-position: right center;
}

.ss-btn.small {
	font-size: 12px;
	padding:6px 15px 9px;
}
.ss-btn.medium {
	padding:20px 25px;
	font-size:16px;	
}
.ss-btn.large {
	padding:25px 30px;
	font-size:18px;	
}
.ss-btn:hover {
	color: #ee7421; 
	background:transparent;
	border-color: #ee7421;
}

.ss-btn.darkgray {
	border:1px solid #2a2a2a ;
	color:#2a2a2a;	
}

.ss-btn.gray.solid {
	background-color:#2a2a2a;
	color:#fff;
}

.ss-btn.gray {
	border:1px solid #4c4c4c ;
	color:#4c4c4c;	
}

.ss-btn.gray.solid {
	background-color:#4c4c4c;
	color:#fff;
}

.ss-btn.lightblue {
	border:1px solid #dfeaf0 ;
	color:#dfeaf0;	
}

.ss-btn.lightblue.solid {
	background-color:#dfeaf0;
	color:#2a2a2a;
}

.ss-btn.blue {
	border-color: #0077be ;
	color:#0077be;	
}

.ss-btn.blue:hover {
	color:#fff;	
	background: #0077be;
}

.ss-btn.blue.solid {
	color:#fff;
	background-color:#0077be;
}

.ss-btn.red {
	border-color: #8a1f03 ;
	color:#8a1f03;	
}

.ss-btn.red.solid:hover {
	color:#fff;	
	background: #d16d59;
}

.ss-btn.red.solid {
	color:#fff;
	background-color:#8a1f03;
}

.cta-content.bg-blue .ss-btn,
.ss-btn.orange {
	color:#ee7421;
	border:1px solid #ee7421;	
}

.cta-content.bg-blue .ss-btn,
.cta-content.bg-orange .ss-btn,
.ss-btn.orange.solid {
	color:#fff;	
	background-color:#ee7421;
}

.cta-content.bg-blue .ss-btn:hover,
.cta-content.bg-orange .ss-btn:hover,
.ss-btn.orange:hover,
.ss-btn.orange.solid:hover {
	background-color: #ff9e15;
	border-color: #ff9e15;
}

.cta-content.bg-medium-gray .ss-btn,
.cta-content.bg-dark-gray .ss-btn,
.cta-content.bg-orange .ss-btn,
.ss-btn.white {
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;	
}

.cta-content.bg-medium-gray .ss-btn:hover,
.cta-content.bg-dark-gray .ss-btn:hover,
.cta-content.bg-orange .ss-btn:hover,
.ss-btn.white:hover {
	color: #0077be;
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #ffffff;
}

.ss-btn.white.solid {
	background-color: #ffffff;
	color: #000;	
}

/* Header Styles */
header.main {
	background: rgb(255, 255, 255); 
	margin: auto; 
	padding: 15px 30px 0px; 
	width: 100%; 
	border-bottom: 1px solid #dddddd; 
	position: fixed; 
	z-index: 1000; 
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;	
}

#primemember-small-logo {
    display:none;
}

img {
    image-rendering: crisp-edges;
    -ms-interpolation-mode:bicubic;  /* IE (non-standard property) */
}

#cobrand-small-logo {
    display:none;
}

.head-container {
	min-width: 320px; 
	max-width: 1170px;	
	margin:0 auto;
}

.lt-ie9 header.main {
	width: 1170px; position: static;
}

.no-canvas header.main {
	width: 1170px; position: static;
}

header.main div.branding {
	display:inline-block;
	padding: 0px 0px 10px 15px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;		
}
header.main div.branding img {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}

/* Menu Styles */
header.main nav.main-nav {
	margin: 23px 0px 0px; 
	clear: right; 
	float: right; 
	position: relative;
}
header.main nav.main-nav {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;	
}
header.main nav.main-nav  .sm-clean a,
header.main nav.main-nav  #main-menu a {
	/* border-bottom: 1px solid #fff; */		
}

header.main nav.main-nav  .sm-clean a:hover,
header.main nav.main-nav  #main-menu a:hover {}

header.main nav.main-nav  .sm-clean a:active,
header.main nav.main-nav  #main-menu a:active {
	color: #ee7421;
}

header.main nav.main-nav  .btnEligibility a:hover,
header.main nav.main-nav  #main-menu .btnEligibility a:hover {
	/* border-bottom: 0px;	*/
	border-color: #ee7421;
}

header.main.shrink {
	padding-top: 5px;
	-webkit-transition: height 0.3s;
	-moz-transition: height 0.3s;
	-ms-transition: height 0.3s;
	-o-transition: height 0.3s;
	transition: height 0.3s;	
}
header.main.shrink nav.main-nav {
	margin-top: 13px;
}
header.main.shrink nav.main-nav ul li {
	padding-bottom: 12px;
}
header.main.shrink nav.main-nav ul li .menu {
	top: 38px;
}

/* Check Eligibility Button */
.btnEligibility .ss-btn {
	position: relative;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 5px;
	font-size: 18px !important;
	border: none;
    color: #ffffff;
    text-transform: none;
    background-color: #8a1f03;
}

.btnEligibility:hover .ss-btn {
	background-color:  #d0a97d;
    color: #ffffff;
}

/* Menu: Blog Links */
.blog-categories li  {
	display:inline;
	
}
.blog-categories li a  {
	padding:2px 10px;	
	line-height:11px;
	color:#2a2a2a;
}

.blog-categories li span:before {
	content:'|';	
	color:#0474bd;
}
.blog-categories li span {
	display:inline-block;	
	width:1px;
}
.blog-categories li:last-child span {
	display:none;	
}

/* Call To Action */
.cta-content {
	position: relative;
	z-index: 10;
	margin-top: -75px; /* TO DO: May need to double check across SSFP WP and .NET */	
}
.cta-content .cta-item img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;	
}

/* Main Content */
.main-content {
	position: relative;
}
.container.blank {
	min-width: 100%;
}
.blank .main-content {
	margin-top: 0px;
}
.lt-ie9 .main-content {
	margin-top: 0px;
}
.no-canvas .main-content {
	margin-top: 0px;
}

.wrapper {
	padding-top: 104px;
}

/* Banner section */
.header-banner {
	position: relative;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
	min-height:310px;	
	text-align:center;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size:cover;
}

.banner-content {	
	background: url('../images/video-placeholder.jpg') no-repeat 50% 30%;	
	background-size:cover;
	text-align:center;
	line-height:150%;
	padding-top:6%;	
	min-height:420px;
	max-height:420px;
}
.banner-content.learn {
	padding-top:3%;	
	background: url('../images/banner-learn.jpg') no-repeat 50% 50%;
	min-height:310px;
	background-size:cover;
}
.banner-content.join {
	padding-top:3%;	
	background: url('../images/banner-join.jpg') no-repeat 50% 50%;
	min-height:310px;
	background-size:cover;	
}
.banner-content.classes {
	padding-top:3%;	
	background: url('../images/banner-classes.jpg') no-repeat 50% 50%;
	min-height:310px;
	background-size:cover;	
}

.banner-title {
	margin: 2.5% 0 0 0;
	font-size: 7vw; /* viewport width scalable fontsize */
	color: #fff;
	text-transform: uppercase;
}
.banner-text {
	padding: 0 10% 55px 10%;
	font-family: Lato, Calibri, "Open Sans", sans-serif;
	font-size:1.3em;
	color:#fff;
}

.header-banner.inner .banner-title,
.banner-content.inner .banner-title {	
}

.header-banner.inner .banner-text, 
.banner-content.inner .banner-text {
	padding: 15px 10%;	
}

/* Videos */
/* This adjusts the BG video up a bit, to center the content better */
video.video--silver-sneakers {
	position: relative;
	transform: translateY(-25%);
	-ms-transform:  translateY(-25%);
	-webkit-transform: translateY(-25%);
} /* TO DO: Check this for all videos - class-specific vs. global element? */


#bgvid {
	position: absolute;
	top: 160px;
	left: 0;
	width: auto;
	min-width: 100%;
	height: auto;
	min-height: 100%;
	background-color: #444;
	background-size: cover;
	z-index: 3;
}

.video-content {
	/* height: 80%; */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin-top: auto;
	margin-bottom: auto;
	text-align: center;
	z-index: 4;
	
		
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	align-items: center;
}
.video-banner .playbutton,
.banner-content .playbutton {
	color:#ffffff;
	font-size:30px;
	text-indent:2px;
	border:1px solid #fff;
	border-radius:30px;
	padding:12px 16px;
	display:inline-block;
}

.downpage { display: none; }

.downpage:hover, 
.downpage:active {
	outline: none;	
}

/* Classes Section*/
.classes-content img { display:inline-block; }
.classes-content .description { padding:30px 20px; }
.class {
	position: relative; /* To allow position: absolute on .class_info child */
	margin: 10px 5px 25px 5px;
	padding: 20% 15px;
	min-height: 450px; /* TO DO: Check if need 30% (.NET) or 490px (WP) */
	height: 100%;
	max-height: 450px;
	color: #fff;
	background-size: cover !important;	
}

.page-participating-health-plans .class {
	min-height: 100px;
    padding: 10% 15px;
}
.class:nth-child(even) {
	margin-left: 0px;	
}
.class h2 { font-size: 46px; }

.class h2,
.class a { color:#fff; }

.classes-content .description p,
.class p { padding:5px 15%;	}
.class.gym { background: url("../images/bg-gym-fitness.jpg") no-repeat; }
.class.community { background: url("../images/bg-community-fitness.jpg") no-repeat;	}
.class.classes { background: url("../images/bg-classes.jpg") no-repeat;	}
.class.friends { background: url("../images/bg-friends.jpg") no-repeat;	}
.class .class_info {
	position: absolute;
	height: 60%;
	top: 0;
	right: 2%;
	bottom: 0;
	left: 2%;
	margin-top: auto;
	margin-bottom: auto;
}

.class .class_info .ss-btn { 
	display: inline-block;
	margin-top: 10px; 
}
.showclasses { border-top:1px solid #dfeaf0; }
.classtypes { padding:40px 0px 0 0; }
.class-list .class-image { padding-bottom:10px;	}
.class-list .class-list h2,
.class-list .class-list p { margin:0px 0px 4px 0px; }


.mid-line {
	clear:both;
	margin:0px 30%;
	padding:15px 0px;
	border-bottom:1px solid #ccc;
}
.mid-line.first {
	padding:0px;
	width:24%;
	margin:0 auto;
}
.mid-line.last { border-bottom:0px;	 }

/* Partners Section */
.partners-content img{
	display:inline-block;
}
.partners-content .description {
	padding:30px 20px;
}
.partner {
	background-size:cover !important;	
	height:100%;
	color:#fff;
	padding:10% 15px;
	margin:10px 5px 25px 5px;
	min-height: 30%;
}
.partner:nth-child(even) {
	margin-left:0px;	
}
.partner h2 {
	font-size:46px;
}
.partner h2,
.partner a {
	color:#fff;
}
.partneres-content .description p,
.partner p {
	padding:5px 15%;	
}
.partner.healthplans {
	background: url("../images/bg-partner-healthplans.jpg") no-repeat;
}
.partner.fitness {
	background: url("../images/bg-partner-fitness.jpg") no-repeat;	
}
.partner.instructors {
	background: url("../images/bg-partner-instructors.jpg") no-repeat;	
}
.partner.physicians {
	background: url("../images/bg-partner-physicians.jpg") no-repeat;	
}
.partner.flex-venues {
	background: url("../images/bg-partner-flex-venues.jpg") no-repeat;	
}

/* Location box */
.location-content {
	padding:20px 0px 30px 0px;	
}
.location-content  .location-image {
	text-align:right;
	width:45%;
	float:left;
}
.location-content .location-text  {
	width:40%;
	float:left;
	padding:35px 0 0 25px;
}


/* Stories Carousel, Top Content */
#stories-carousel {
	margin: 25px 0 0 0;
	padding: 0;
	list-style: none;
	display: block;	
	
}
		
#stories-carousel .slide {
	display: block;
	float: left;
	margin-left:25px;
}

#stories-carousel .slide .slide-image {
	text-align:center;
	float:right;
	width:40%;
	display:block;
}

#stories-carousel .slide .slide-image img {
	max-width:100%;
	height:auto;	
}

#stories-carousel .slide .slide-text {
	float:left;
	width:50%;
	display:block;
	margin-top:25px;
	padding-bottom: 10px;
}

/* TOP CONTENT FOR NOW */
.top-content_img { }
.top-content_img img { 
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.top-content_text { text-align: center; }

/*.prev,
.next {
	outline: 0;
	font-size:45px;	
	position:relative;
	z-index:12;
	top:150px;
	color:#2a2a2a
}*/

.prev.disabled,
.next.disabled {
	color:#f8f8f8;	
}
.prev:hover,
.next:hover,
.prev:focus,
.next:focus  {

}
.prev { float:left;  }
.next { float:right; }

/*Blog Post Paging Prev/Next*/
.page-numbers .prev,
.page-numbers .next {
	top:0px;	
	background-color: #0077be;
	border:1px solid #0077be;
	color: white; 
	font-size:16px;	
	
}

/* Join Today */
.join-content {
	margin-top: 0;
	margin-bottom: 0;
	padding: 40px 0 70px 0;
}


/* Blog Items*/

/* Featured Posts Custom Grid Layout */
.featured-posts .fp {
	position:relative;
}
.featured-posts .blog-title-bg {
	background: url("../images/bg-blue.png");
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	z-index:10;
	text-align:left;
	padding:3px 5px;
	min-height:26px;
	vertical-align:bottom
}
.featured-posts .post-title {
	display:inline-block;
	color:#fff;
	font-family: "Fjalla One", Lato, Calibri, "Open Sans", sans-serif;
	font-size: 18px;
	font-weight: 800;
	text-align: left;
	text-transform: uppercase;
}
.featured-posts img {
	width:100%;
	max-width:100%;
	height:auto;	
}
.featured-posts .post-left {
	width:46.55%;
	float:left;
	padding:0;
	
}
.featured-posts .post-right {
	width:53%;
	float:left;	
}
.featured-posts .post-small {
	width:46%;
	float:left;
	margin:0 0px 21px 20px;	
}
.featured-posts .post-small img {
	/*
		max-height:277px;	
		--adjust for WP
	*/
	max-height:269.5px; /* TO DO: Check if need 277px (.NET) or 269.5 (WP) */	
}

/* Recent Posts Extended Widget */
.recent-posts h4.widgettitle {
	font-size:18px;
	color:#a4a4a4;	
	margin-bottom:45px;	
}


.latest-posts .post-item  {
	margin-top:0px;
}
.latest-posts h3 {
	margin-top:0px;
	font-size:26px;
	text-transform:uppercase;
}

#latest-posts-more .post-item {
	display:none;	
}
.loadmore {
	display:none;	
}

.post .post-title {
	margin:0px 0px 5px 0px;	
	padding-top:0px;
}
.post .meta {
	margin:0px 0px 20px 0px;
}
.page .featured-image,
.post .post-featured-image {
	max-width:400px;
	height:auto;	
	margin-left:10px;
	margin-bottom:10px;
}
.post .post-featured-image img {
	max-width: 100%;
	height:auto;	
}
.meta {
	margin:20px 0px;
	font-size:14px;
}
.meta .author {
	padding-right:5px;	
}
.meta .date {
	padding-left:5px;
}

/* Post Comments */
.entry-comments ul,
.entry-comments ol {
	list-style-type:none;
	margin-left:-20px;
}
.entry-comments .comment-author img {
	border-radius:30px;
}
.entry-comments article {
	margin:15px 0px;	
}
.entry-comments .comment-list li {
	padding:5px 10px;	
}
.entry-comments .comment-list .children,
.commentlist .odd {
	background:	#dfeaf0
}

/* Recent Posts */
.more-link::before {
	content: " ";
	display: inline-block;
	width: 5px;
}

/* Sidebar Style */
.sidebar {
	margin-top:25px;	
}
.sidebar h4 {
	font-size:1.5em;
	text-transform:uppercase;	
}
.sidebar .widget {
	padding:10px;
	margin:5px 10px;	
}

.sidebar .widget:first-child h4 {
	margin-top:0px;	
}

#sidebar h2 {
	font-size:1.5em;	
}

#sidebar section:first-child h2 {
	margin-top:0px;	
}

#sidebar section:first-child {
	margin-top:0px;
	padding-top:5px;	
}

#sidebar section {
	padding:5px;
	margin:5px 0px;	
}

.sidebar .widget_text,
#sidebar section.widget_text {
	background-color:#dfeaf0
}

.sidebar .widget_categories,
#sidebar section.widget_categories { }

.sidebar .widget  ul {
	list-style-type:none;
}

#sidebar section.widget_categories ul {
	list-style-type:none;
	margin-left:-30px;	
}

.sidebar .widget_search,
#sidebar section.widget_search { }

/* Form Elements*/
label {
	font-weight:normal;
}	
.note {
	font-size:11px;	
}

input[type='search'],
input[type='text'],
input[type=email],
input[type=phone],
input[type=password],
input[type=url],
input[type=tel],
input[type=date], 
textarea
/*, select*/ 
{
	max-width:100%;
	width: 100%;	
	border:1px solid #a6a6a6;
	padding:4px;
	color:black; 
	height:35px;
	-webkit-appearance: none;
	border-radius:0px;
	margin: 5px 0;
}
/*select {
	-webkit-appearance:none; 
	overflow: hidden;
	background: transparent url("../images/br_down.png") no-repeat right center;
}*/

input[type="submit"][disabled="disabled"] {
    background-color: #999999 !important;
    border-color: #999999 !important;
    cursor: not-allowed;
}

form.blue  input,
form.blue  textarea,
form.blue  select  {
	border:1px solid #0077c0;	
}

form.gray  input,
form.gray  textarea,
form.gray  select  {
	border:1px solid #4c4c4c;	
}

.add-arrow:after {
	font-family: "Ionicons";
	content: " \f30f";
}

#commentform .comment-controls {
	margin-top:27px;	
}

#commentform .form-submit {
	padding-left:15px;
	display: inline-block;	
}
.logged-in #commentform .form-submit {
	margin-top:140px;
}
#commentform .comment-controls input {
	margin-bottom: 11px;	
}
.eligibility-form input[type=text] {
	
}
.sidebar section.widget_search input[type=submit],
.sidebar section.widget_search button,
.sidebar input[type=submit],
.sidebar button,
#searchform button,
#commentform  input[type=submit] {
	border: 1px solid #0077c0;
	color: #0077c0;
	background: #fff;
	text-transform: uppercase;
	background: transparent;
	border-radius:0px;
	padding: 3px 4px;
	font-size: 12px;
	height: 35px;
	position: relative;
	/* top: -2px;
	margin: 0; */	
}

.sidebar section.widget_tag_cloud,
#sidebar section.widget_tag_cloud {
		
}
.form-group select + i.form-control-feedback{
	right:30px !important;
}

/* health plans & Modal*/
.no-border .fancybox-skin,
.plan-modal .fancybox-skin {
	background:#fff;	
	padding:0px !important;
	border:0px !important;
	border-radius: 0 !important;
}
/* Close Button override*/
.fancybox-close {
	top:-5px !important;
	right:-5px !important;
	background-image: url('../images/fancybox-sprite.png') !important;
}


.plan-links {
	list-style-type:none;	
}
.plan-links li {
	margin:10px 0px;	
}

.plan-container {
	height:500px;
	width:99.5%;
	overflow-y:scroll;			
}

.plan-container .plan:nth-child(odd) {
	background:	#dfeaf0
}


/* social icons made with FontAwesome */
.socials {
	text-align:center;
	margin:20px 0px 20px 0px;
}
.socials  ul {
	list-style-type:none;	
}
.socials  ul li  {
	display:inline;
	margin:0px 6px;	
}
.socials  ul span  {	
	display:none;
}
.socials  ul li  a i {
	font-size:20px;
	height:44px;
	width:44px;
	color:#4b4b4b;
	background: #ffffff;
	padding:8px 12px;
	border-radius:22px;
	display:inline-block;
}

.socials  ul li  a:hover i {
	color:#ffffff;
	background: #666666;	
}



footer.main {
	background: #4b4b4b; 
	padding: 20px 0px; 
	text-align: center; 
	color: #ffffff; 
	font-size: 14px;
	line-height:200%;
}
footer.main a {
	color: #ffffff;
}
footer.main nav {
	
}
footer.main nav ul {
	margin: 0px; 
	padding: 0px; 
	list-style-type: none;
}
footer.main nav ul.mobile-only {
	display: none;
}
footer.main nav ul li {
	display: block;
}
footer.main nav ul li a {
	padding:0px;	
}
footer.main nav ul li a:hover {
	background:transparent;	
}
footer.main nav ul li:last-child a .divider {
	display:none;
}
.divider {
	display:inline-block;
	padding:0 5px;
}
footer.main div.copyright {
	
}

/* Member Portal Home */
/* == Author: RS 2016-07-11 */

/* Match video container div height to video */
.video--portal { height: 500px; }

.membership-info_card { 
	max-width: 100%;
	margin: 10px;
	/* padding: 10px; */
	border-radius: 25px;
    border: 2px solid black;
}

/* Member Portal Log In */
.account--log-in_header { 
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px #ccc solid; 
}

.account--create { text-align: center; }

/* Module Styling */
.module { /* clear: both; */ }

.module_header { height: 70px; }

.module_title,
.view-all { text-align: center; }

.view-all {
	display: block;
	color: #8a1f03;
	text-transform: uppercase;
}

.module_result {
	margin: 10px 0;
	vertical-align: top;
}

.module_result_header {
	font-family: Lato, Calibri, "Open Sans", sans-serif;
	font-size: 2rem;
	font-weight: bold;
	color: #2a2a2a;
}

a.module_result_header { color: #8a1f03; }

/* Nearest Locations */
.nearest-locations_distance { display: block; }

.nearest-locations_distance > i { padding-right: 5px; }

/* E-Books */
.ebooks_release {
	width: 50%;
	margin: 0 auto 2% auto;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

.ebooks_release_thumbnail { /* Link area for thumbnail */
	width: 100%;
	height: 100%;
}

.ebooks_release_thumbnail > img {
	width: 100%;
	height: 100%;
	margin-bottom: 4%;
	border: 1px #CCC solid;
}

/* Healthy Living Articles */
.featured-article {
	display: block;
	position: relative;
	height: 450px;
	text-align: center;
	background: url("/Content/App/images/zumba-class.jpg") center bottom no-repeat;
	background-size: cover;
	border: 1px #CCC solid;
}

.featured-article_caption {
	position: absolute;
	padding: 1% 1.5%;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(255,255,255,0.8);
}

.featured-article_caption > p { color: #2a2a2a; }

/* Class List */
.class-list {}

.class-list_find-program,
.class-list_learn { text-align: center; }

.class-list_find-program--img { display: none; }
.class-list_find-program--info {}

.class-list_find-program--find-program,
.class-list_learn--learn-about-flex { 
	display: block;
	margin: 20px auto 0 auto;
}

.class-list_item { padding: 20px 0; }
.class-list_item_img {}
.class-list_item_info {}
.class-list_item_info_learn-more {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Classes Detail */
.classes-detail {}
.classes-detail i { /* font-size: 1.5em; */ }
.classes-detail_content {}
.classes-detail_content_info { padding: 10px 0 5px 0; }
.classes-detail_content_info_item {}

.classes-detail_content_info_item .info-header { 
	font-weight: bold;
	text-transform: uppercase;
}

.classes-detail_content_info_item > i { 
	/* display: none; */ 
	font-size: 3.75rem;
	text-align: right;
}

.classes-detail_content_info_item h3 {
	margin-bottom: 5px; 
	color: #2a2a2a;
}

.classes-detail_sidebar {}

.classes-detail_sidebar_find-classes {
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.classes-detail_sidebar_info {}
.classes-detail_sidebar_info_item { padding: 2% 0; }
.classes-detail_sidebar_info_item.row { margin: 0;}
.classes-detail_sidebar_info_item > label { font-weight: bold; }
.classes-detail_sidebar_info_item--duration {}
.classes-detail_sidebar_info_item--intensity {}
.classes-detail_sidebar_info_item--intensity .intensity-rating {
	display: inline;
	width: 20px;
	height: 20px;
}

.classes-detail_sidebar_info_item--share {}

.classes-detail_sidebar_info_item--share > a {
	font-size: 1.5em;
	padding-right: 10px;
}

.classes-detail_sidebar_info_item--share > a:last-child { padding-right: 0; }

.classes-detail_sidebar_info_item--what-to-bring {}

/* Classes Detail > Other Videos */
classes-detail_other-videos_item {}

.classes-detail_other-videos_item {
	padding: 0 0 4% 0;
}

.classes-detail_other-videos_item > video {
	max-width: 100%;
}

.classes-detail_other-videos .other-videos--title {
	display: block;
	margin-bottom: 1%;
	font-weight: bold;
}

.classes-detail_other-videos .other-videos--promotional {
	width: 100%;
}

/* Grid List */
/* -- Used on Ebooks & Recipes page for 3-col list layout */
.grid-list {}
.grid-list_item {}
.grid-list_item_img {
	margin-bottom: 15px; 
	border: 1px #ddd solid;
}

/* Profile */
/* Profile sidebar */
.profile_sidebar {
	padding: 20px 0 !important;
}

.profile-user_avatar img {
  float: none;
  margin: 0 auto;
  width: 50%;
  height: 50%;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
}

.profile-user_info {
  text-align: center;
  margin-top: 20px;
}

.profile-user_info--name {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 7px;
}

.profile-user_info--job {
  text-transform: uppercase;
  color: #5b9bd1;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 15px;
}

/*
.profile-userbuttons {
  text-align: center;
  margin-top: 10px;
}

.profile-userbuttons .btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  padding: 6px 15px;
  margin-right: 5px;
}

.profile-userbuttons .btn:last-child {
  margin-right: 0px;
}
*/
    
.profile-user_navigation {
  margin-top: 30px;
}

.profile-user_navigation ul li:last-child {
  border-bottom: none;
}

.profile-user_navigation ul li a {
	color: #2a2a2a;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
}

.profile-user_navigation ul li a i {
	margin-right: 8px;
	font-size: 20px;
}

.profile-user_navigation ul li a:hover {
	/* background-color: #fafcfd; */
	color: #0077be;
}

.profile-user_navigation ul li.active {
	border-bottom: none;
}

.profile-user_navigation ul li.active a {
	color: #8a1f03;
	/* background-color: #f6f9fb; */
	border-left: 2px #8a1f03 solid;
}

/* Profile Content */
.profile_content {
	padding: 10px 20px;
	min-height: 460px;
	background: #fff;
}

/* Campaign > Begin */
.img-journey-begin {
	float: left;
}

.use-your-membership {
	padding: 30px;
	text-align: center;
	background: #ffe15d;
	background-image: url("../images/campaign-arrow-left.png"), url("../images/campaign-arrow-right.png");
	background-repeat: no-repeat;
	background-position: left bottom, right center;
}

.use-your-membership h2 { color: #000; }

.use-your-membership_info {
	list-style-type: none;
	margin-left: 0;
}

.use-your-membership_info_one,
.use-your-membership_info_two,
.use-your-membership_info_three {
	padding: 10px 0 10px 50px;
	background-position: left center;
	background-repeat: no-repeat;
}

.use-your-membership_info_one { background-image: url("../images/icon-number-1.png") }
.use-your-membership_info_two { background-image: url("../images/icon-number-2.png") }
.use-your-membership_info_three { background-image: url("../images/icon-number-3.png") }

/* TO DO: REMOVE GO-LIVE - This is temporary to simulate form placement until live form implemented */
.form-placeholder {
	margin-bottom: 20px;
	width: 100%;
	height: 100px;
	text-align: center;
	font-size: 2em;
	background-color: #ddd;
}

/* AARP */
.aarp-sign-up {
	display: inline-block;
	width: 250px;
    padding: 10px;
	color: #000;
	font-size: 24px;
    background: url('../images/bg-yellow-sign-up.png') left center / 100% no-repeat;
}

p.get-started-here {
	margin-bottom: 0;
	padding: 5px 10px;
    color: #ffffff;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	background-color: #bebab9;
}

p.get-started-here_info { 
	margin-top: 0;
	margin-bottom: 0;
	font-size: 19px;
	text-align: center;
}

.get-started-here_info_item {
	padding-right: 10px;
    text-align: center;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #939598;
}

.aarp-blue {
	display: block;
	color: #0077be;
	font-weight: strong;
}

.q-and-a { padding-top: 20px; }

/* Back to Top */
.cd-top {
	display: inline-block;
	width: 40px;
	height: 40px;
	position: fixed;
	z-index: 100;
	bottom: 10px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #8a1f03 url('../images/cd-top-arrow.svg') no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}

.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

.cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
}

.cd-top.cd-fade-out {
	/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
	opacity: .5;
}

.no-touch .cd-top:hover {
	background-color: #7b7871;
	opacity: 1;
}

/* Shortcode Styling for Eligibility Form */
input[type=checkbox].large-checkbox { display: none; }

input[type=checkbox].large-checkbox ~ span {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  border: 1px solid #0077bd;
  padding: 1px;
  margin: 5px;
  height: 23px;
  width: 23px;
}

input[type=checkbox].large-checkbox:checked ~ span {
  background: url("https://tools.primemember.com/Content/App/images/check-white.svg");
  background-size: 100%;
  background-color: #0077bd;
}

/* Already defined in Bootstrap4 */
.text-xs-center { text-align: center; }

.g-recaptcha {
  display: inline-block;
  margin-top: 5px;
}

.eligibility-small { font-size: 100% !important; }

/* Media Queries: Screens >= 480px */
@media all and (min-width: 480px) {

	.account--create { 
		position:absolute;
		top:20px; 
		right:0; 
		font-size: 14px; 
		text-align:right; 
	}

	.classes-detail_content_info_item {
		display: inline-block;
		width: 46%;
	}
	
	.classes-detail_content_info_item > i { 
		display: block;
		padding: 0;
	}
}

@media all and (min-width: 768px) {
    /* sticky footer */
    * {
    margin: 0;
    }
    html, body {
        height: 100%;
    }
    .wrapper {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        margin: 0 auto -180px; /* the bottom margin is the negative value of the footer's height */
    }
    .footer, .push {
        height: 180px; /* .push must be the same height as .footer */
    }

	/* Display content arrow for large screens */
	.downpage {
		display:block;
		margin: 0px auto;
		width:25px;
		font-size:46px;
		color: #2a2a2a;
		outline:none;
	}

	.downpage:hover, .downpage:active {
		outline:none;	
	}

	/* Video Content Height for Larger Screens */
	.video-content {
		/* height: 65%; */
	}

	/* Member Portal Home */
	.module_result_header { 
		display: inline;
		margin-top: 2%;
	}

	.module_title,
	.view-all { display: inline-block; }

	.module_title { text-align: left; }

	.view-all {
		padding: 25px 0 10px 0;
		text-align: right;
		vertical-align: middle;
	}

    #mainMenuProfileItem {
        padding-top:5px;
    }

    #mainMenuProfileIcon {
        display: inherit;
    }

    #mainMenuProfileText {
        display: none;
    }



	/* E-Books */
	.ebooks_release {
		display: inline-block;
		width: 29.5%;
		margin: 0 1%;
	}

	.ebooks-release:first-child { margin-left: 0; }

	/* Healthy Living Articles */
	.featured-article {
		height: 250px;
	}

	/* Profile */
	/* Uses Flexbox at screens >= 768px to achieve full height left nav */
	.profile {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		display: flex;
	}

	.banner-title {
		font-size: 5vw;
	}

	.class-list_find-program--find-program > a,
	.class-list_learn--learn-about-flex > a {
		display: block;
		width: 40%;
		margin-left: auto;
		margin-right: auto;
	}
	
	.class-list_item {
		position: relative;
		float: none;
		display: inline-block;
		width: 49%;
		vertical-align: top;
	}

	.class-list_item_info_learn-more {
		display: inline-block;
		margin-left: 0;
		margin-right: inherit;
	}

	.classes-detail_content_info {
		display: flex;
		flex-direction: row;
	}

	.classes-detail_content_info_item {
		flex-grow: 1;
		text-align: left;
		display: inline;
		width: auto;
	}

	.classes-detail_other-videos_item {
		padding: 0 30px 0 0;
	}

	.classes-detail_other-videos_item.other-videos--promotional {
		padding: 0;
	}

	/* Footer */
	footer.main nav ul li { display: inline-block; }

	footer.main nav ul li {
		padding: 0 1%;
		border-right: 1px #cccccc solid;
	}

	footer.main nav ul li:last-child { border-right: none; }
}

@media all and (min-width: 992px) {
	/* Home Class Info */
	/* Adjust class height for larger screens */
	.class { min-height: 30%; }
	
	.class .class_info {
		position: relative;
		height: auto;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin-top: 0;
		margin-bottom: 0;
	}

	/* Top Content (Flexible Content Template) */
	.top-content_img { 
		display: inline-block;
		margin-left: 0;
		margin-right: 0;
	}

	.top-content_text { text-align: left; }

	/* Nearest Locations */
	.nearest-locations_distance {
		float: right;
	}

	.module { clear: none; }

	/* E-Books */
	.ebooks_release {
		width: 30.9%;
	}

	.class-list_find-program,
	.class-list_learn { text-align: left; }

	.class-list_find-program--img { display: inline-block; }
	
	.class-list_find-program--img > img { 
		display: block;
		margin-left: auto; 
		margin-right: auto; 
	}

	.class-list_find-program--find-program > a,
	.class-list_learn--learn-about-flex > a {
		display: inline;
		width: auto;
		margin-left: inherit;
		margin-right: inherit;
	}

	/* Grid List */
	/* For 3-col layouts, clear row first child elements */
	.grid-list_item:nth-child(3n+1) {
		clear: both;
	}
}

/* Media Queries */
@media all and (min-width:1200px) {
	header.main { width: 100%; }

	.banner-title {
		height: 65px;
		font-size: 4em;
	}

	.banner-text {
		padding: 0.75% 20%;
	}
}
@media all and (max-width: 1200px) {	
	header.main div.branding {
		padding: 0 0 10px;
		/*margin-left:-15px;
        Mitchell Dyer 11/28/16: commented out to fix padding for primemember logo*/		
	}
	header.main nav.main-nav {
		right: -20px;
	}	
	/*
	.class {
		padding:8% 15px;
		min-height: 400px;
	}
	*/
	.container {
		width: 100%; 
	}
	.video-banner,
	.banner-content {
		padding-top:8%;		
	}

	.featured-posts {
		padding-left:15px;	
	}
	.featured-posts .post-left {
		width:46.4%;
	}
	.featured-posts .post-right {
		width:50.7%;
	}
	.featured-posts .post-small {
		width:44%;
	}	
	.latest-posts {
		padding-left:15px;	
	}
	.sidebar,
	#sidebar {
		padding-left:0px;	
	}	
	
}


@media all and (max-width:979px) {
	.main-content {
		margin-top: 0px;
	}

	.border-between > [class*='col-']:before {
		display: none;
	}

	.video-banner,
	.banner-content {
		min-height:390px;
	
	}

	/*
	.banner-title {
		margin-top:8%;
	}
	*/
	.banner-text {
		padding: 0 10%;
	}
	.classes-content .description p,
	.class p {
		padding: 5px 0;
	}

	.featured-posts .post-left {
		width:45.6%
	}
	.featured-posts .post-right {
		width:50%;
	}
	.featured-posts .post-small {
		width:43.4%;
	}		

	.plan-container {
		height:auto;
		width:100%;
	}
	
}
@media all and (max-width:900px) and (min-width:768px) {
    .featured-posts .post-small {
        width: 42.9%;
    }

    header.main {
        padding: 15px 20px 0px;
    }

    #main-menu {
        padding-left: 0px;
    }
}

/* Mobile Breakpoint // Menu */
@media all and (max-width:860px) {
	.wrapper {
		width: 100%; 
		max-width: 100%; 
		padding-top:0px;
	}

    #mainMenuProfileItem {
        padding-top: 13px;  /* Reset this value back to default value used for other main menu items */
    }

    #mainMenuProfileIcon {
        display: none;
    }

    #mainMenuProfileText {
        display: inherit;
    }

    .profile_sidebar {
	    display: none;
    }

	header.main nav.main-nav {
		width:100%;	
		margin: 15px 0 0;
		left:0px;
		padding-right:15px;
	}
    .main-menu-btn {
        margin-top: 0px;
        position:absolute;
        right: 10px;
        top: -50px;
    }

	header.main {	
		background: #ffffff; 
		width: 100%; 
		position: static; 
		max-width: 100%;
        padding: 0px; 
	}

    header.main div.branding {
        margin-left: 0px;
    }

    #primemember-main-logo {
        display:none;
    }

    #cobrand-main-logo {
        display:none;
    }

    #primemember-small-logo {
        display: inline;
        margin-left: 5px;
        margin-top: 5px;
    }

    #cobrand-small-logo {
        display: inline;
        margin-top: 5px;
    }

    header.main nav.main-nav {
        margin-top: 0px;
    }

	header.main nav.main-nav  #main-menu a,
	header.main nav.main-nav  #main-menu a:hover {
		border-bottom:0px solid #fff;	
	}
	
	header.main nav.main-nav .sm-clean a,
	header.main nav.main-nav  .sm-clean a:hover {
		border-bottom:0px solid #fff;	
	}
	
	h2.bigger {
		font-size:24px;
	}
	.class h2 {
		font-size:36px;
	}

	h2 .title-icon {
		max-height:80px;
		width:auto;
	}

	.btnEligibility .ss-btn,
	.btnEligibility:hover .ss-btn  {
		border:0px solid #000  !important;	
		text-transform:none;
		font-size: 17px !important;
		text-align:left;
		padding-left:13px;
		background-image:none;
	}
	.btnEligibility .ss-btn i {
		display:none;	
	}

	.blog .post .entry-content {
		padding: 0px 20px;	
	}

	/* this forces images full-width below tablet level to prevent weird paragraph wraps*/
	.entry-content img.alignright,
	.entry-content img.aligncenter,
	.entry-content img.alignleft {
		width:100%;	
	}

	.video-banner { 
		/* padding-top:12%; */
	}
	.banner-content {		
		background-position:65% 50%;
		padding-top:12%;	
	}
	/*
	.banner-title {
		margin-top:12%;
	}
	*/
	.banner-text {
		font-size:1.1em;
	}	
	.banner-content.inner {
		padding:0 50px
	}
	.banner-content.inner .banner-text {	
		padding: 25px 0;
	}
	.padleft10,	.padleft20,	.padleft30 {
		padding-left:0px;	
	}

	.location-content .location-text {
		padding:10px 50px;
		text-align:center;
		width:100%;
		float:none;
	}	
	.location-content  .location-image {
		text-align:center;
		width:100%;
		float:none;
	}
	.location-content  .location-image img	{
		max-width:80%;
		height:auto;
	}	
		
	.mobile-centered {
		text-align:center;	
	}
	
	.featured-posts .post-title {
		font-size:12px;
	}
	.featured-posts .post-left {
		width:45.6%
	}
	.featured-posts .post-right {
		width:50%;
	}
	.featured-posts .post-small {
		width:42.7%;
	}	

	.latest-posts .post-item  .post-featured-image img {	
		width:95%;
		height:auto;
		margin-bottom:20px;
		padding-left:15px;
	}	
	
	.page .featured-image,
	.post .post-featured-image {
		max-width:300px;
		margin-bottom:20px;	
	}

	.page .featured-image,
	.post .post-featured-image {
		max-width:90%;
		margin-bottom:20px;	
		margin-left:5%;
	}	

	footer.main {
		padding:20px;	
	}

	.sidebar {
		margin-left: -15px;
	}

}

@media all and (max-width:690px) {
	.cta-content {
		margin-top:-25px; /* TO DO: Verify if 15px (.NET) or -25 (WP) */	
	}	
	.cta-content .cta-item {
		margin-top:20px;
	}
	.banner-content.inner {
		min-height:250px;	
	}	

	/* carousel */
	#stories-carousel .slide {
		margin-left:10px;	
	}
	#stories-carousel .slide .slide-image {
		text-align:center;	
	}
	#stories-carousel .slide .slide-image,
	#stories-carousel .slide .slide-text {
		width:100%;
		float:none;	
	}
	.prev,
	.next {
		top:120px;
	}
	
	.featured-posts {
		padding-left:0px;	
	}
	.featured-posts .post-left,
	.featured-posts .post-right,
	.featured-posts .post-small {
		float:none;
		width:100%;	
		margin-left:0px;
		text-align:center;
	}
	.featured-posts .post-left,
	.featured-posts .post-small {
		padding:0px 5%;	
	}
	.featured-posts .post-right {
		margin-top:20px;	
	}
	.featured-posts .post-small img,
	.featured-posts .post-left img {
		width:100%;
		max-width:100%;
		height:auto;		
		max-height:none;		
	}	
	.featured-posts .post-title {
		font-size:14px;
		text-transform: uppercase;
	}
	.latest-posts .post-item  .post-featured-image img {	
		padding-left:10px;
	}
	.page .featured-image.pull-right,
	.post .post-featured-image.pull-right {
		float:none;
		max-width:100%;	
		width:100%;
		margin-left:0px;
	}	
	
	#chooser a{
		display:block;
		margin:10px auto;
		width:250px;
		max-width:100%;	
	}
	
	#commentform .form-submit {
		padding-left:0px;
	}	
	.comm-left,
	.comm-right {
		float:none;
		width:100%;
		padding-left:0px;
	}
	.comm-left {
		margin-top:-15px;	
	}
	.logged-in #commentform .form-submit {
		margin-top:15px;
	}	
}

@media all and (max-width:479px) {
	header.main {
		width: 100%; 
		max-width: 100%; 
	}
	.container {
		width: 100%; 
		max-width: 100%; 
	}
	
	.blog-categories {
		margin-left:-30px;
	}
	.blog-categories li  {
		display:block;
		
	}
	.blog-categories li a  {
		padding:20px 10px;	
		line-height:150%;
		font-size:18px;
	}
	
	.blog-categories li span:before {
		content:' ';	
	}
	.blog-categories li span {
		display:none;
	}

	#commentform .comment-controls {
		margin-top: 28px;
	}
	.header-banner.inner {
		padding:0px;	
	}
    #anthem-main-logo {
        width:230px
    }
				
}

@media all and (max-width:360px) {
	/*
	.socials  ul li  {
		display:block;
		margin:10px 6px;	
	}
	*/
    #anthem-main-logo {
        width:200px
    }
	.head-container {
		min-width:100%;
	}
	header.main div.branding img {
		max-height:78px;
	}
	
	.banner-text {
		font-size:14px;
	}
	
	.video-banner {
	    line-height: 110%;
	}	
	
	#commentform .comment-controls {
		margin-top:11px;	
	}		
}
@media (min-width: 894px) {
    .banner-stats_header { 
        padding-right: 30px;
        border-right: 1px rgba(255, 255, 255, 0.5) solid;
    }
    
    .banner-stats_header,
    .banner-stats_copy {
        display: inline-block;
        vertical-align: middle;
    }
    
    .banner-stats_copy { 
        margin: 0;
        padding: 0 30px; 
    }
    
    .banner-stats_btn { 
        display: block; 
        width: 40%; 
        margin-left: auto;
        margin-right: auto;
    }
}
/* WORDPRESS STYLING: To be added in a separate style-wp.css stylesheet */
/* Section: Banner Stats */
.banner-stats {
    padding: 5%;
    width: 100%;
    color: #fff;
    text-align: center;
    background: #8A1F03;
}

.banner-stats_header,
.banner-stats_copy { color: #fff !important; }
.banner-stats_header { margin: 0; }
.banner-stats_copy { font-size: 1.2em; }

.btn-muted {
    color: #BF311A;
    background: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #BF311A;
}

.btn-muted:hover {
    color: #8A1F03;
    border-color: #8A1F03;
}

.btn-muted:active {
  color: #fff;
}


:root {
	--textColor: #222;
	--brandColor: #AF292E;
	--brandTextColor: #ffffff;
	--primaryActionColor: #AF292E;
	--primaryActionHoverColor: #7A2426;
	--textColor: #2a2a2a;
	--tertiaryColor: #ffffff;
	--primaryActionTextColor: #fff;
	--headerTextColor: #313233;
}

.tile-container {
	width: 360px;
	margin-left: 20px;
}

.tile {
	font-size: 90%;
	color: var(--textColor);
	display: flex;
	flex-direction: column;
	box-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, .160784);
	border-radius: 1rem;
	text-decoration: none;
	/*        max-width: 25rem;*/
	box-sizing: border-box;
	font-family: Avenir, Avenir-Light, Helvetica, Arial, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	text-align: left;
}

.tile-img-container {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	background: #c7c7c7;
	position: relative;
	overflow: hidden;
}

.tile-img {
	height: 209px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.tile-title {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 1rem 1.8rem;
	color: #fff;
	font-weight: 700;
	background: linear-gradient(90deg, rgba(0, 0, 0, .75) 50%, transparent);
	font-size: 1.7rem;
	width: 100%;
	text-transform: none;
	font-family: inherit;
}

.tile .svg-icon {
	width: 1em;
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em;
}

.tile-body {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	height: 100%;
	flex: 1 1;
	padding: 1.8rem 1.5rem;
	border-bottom-left-radius: 1rem;
	border-bottom-right-radius: 1rem;
}

.tile-description {
	font-size: 1.3rem;
	margin: 0;
	padding-bottom: 1.5rem;
	line-height: 1.4;
}

.tile-button {
	text-decoration: none;
	color: #fff;
	display: block;
	font-family: Avenir, Avenir-Light, Helvetica, Arial, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	font-weight: 700;
	cursor: pointer;
	text-align: center;
	user-select: none;
	background-color: #041e42;
	background-color: var(--primaryActionColor);
	border: 1px solid transparent;
	padding: 0.7rem;
	font-size: 1.4rem;
	line-height: 1.5;
	border-radius: .5rem;
	transition: all .2s ease-in-out;
	text-decoration: none;
	position: relative;
	width: 100%;
}

	.tile-button .svg-icon {
		position: absolute;
		top: .3em;
		right: .3em;
		font-size: .75em;
		transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out;
	}

	.tile-button:hover {
		background-color: var(--primaryActionHoverColor, var(--primaryActionColor, #10305d));
		color: #fff;
	}