@charset "UTF-8";
/* CSS Document */
html, body {
	padding: 0px;
	margin: 0px;
	width: 100vw;
	overflow-x: hidden;
}
body {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #000;
	font-weight: 400;
}
section, section .container {
	position: relative;
}
section .container {
	z-index: 100;
}
.saira {
    font-family: 'Saira Condensed', sans-serif;
    font-size: 18px;
}
.lato {
    font-family: 'Lato', sans-serif;
}
h1 {
	font-family: 'Saira Condensed', sans-serif;
	color: white;
	text-transform: uppercase;
	font-weight: 900;
}
h2 {
	font-family: 'Saira Condensed', sans-serif;
	color: #990000;
	text-transform: uppercase;
	font-size: 2.5rem;
	margin: 0 0 1.25rem 0;
	padding: 0px;
	line-height: 2rem;
	font-weight: 900;
}
.decorate {
	margin-left: 49px;
	display: block;
	position: relative;
	margin-bottom: 25px;
}
.decorate::before {
	display: block;
	position: absolute;
	left: -50px;
	top: calc(50% - 36px);
	width: 50px;
	height: 65px;
	background: url('/wp-content/themes/mfrall/assets/img/h2-decorate.svg')no-repeat;
	background-size: contain;
	content:'';
}
.full-width-color {
	background: #027ff5 url('/wp-content/themes/mfrall/assets/img/gritty-color.png')no-repeat;
	background-size: cover;
	background-position: left -50px;
	color: #fff;
	z-index: 120;
	border-top: solid 8px #c1c3c5;
	border-bottom: solid 8px #c1c3c5;
	padding: 40px 0;
	font-size: 1.3rem;
	position: relative;
}
.full-width-color.quote {
	margin: 40px 0;
	padding: 70px 0;
	font-size: 1.4rem;
	font-style: italic;
	font-weight: 300;
}
.full-width-color.quote p.attribute {
	font-style: normal;
	padding: 10px 0;
	font-weight: 400;
}
.full-width-color.quote p:first-child {
	position: relative;
}
.full-width-color.quote p:first-child::before {
	position: absolute;
	width: 120px;
	height: 120px;
	background: url('/wp-content/themes/mfrall/assets/img/quote.png')no-repeat center;
	background-size: contain;
	top: -60px;
	left: -120px;
	content:' ';
}
.full-width-color.quote p:first-child::after {
	position: absolute;
	bottom: -120px;
	right: -120px;
	content:' ';
	width: 120px;
	height: 120px;
	background: url('/wp-content/themes/mfrall/assets/img/quote.png')no-repeat center;
	background-size: contain;
	transform: rotate(180deg);
}
.full-width-color .container {
	position: relative;
	z-index: 500;
}
.full-width-color::before {
	width: 60%;
	height: 70%;
	position:absolute;
	right: 0;
	bottom: -1.4rem;
	background: url('/wp-content/themes/mfrall/assets/img/triangle-group.svg') no-repeat;
	background-position: 50% bottom;
	background-size: contain;
	opacity: 0.3;
	z-index: 1;
	content: '';
}
.full-width-color h2, .full-width-color h3 {
	color: #fff;
}
.full-width-color ul {
	list-style: none;
	display: flex;
	flex-flow: column;
	flex: 0 0 100%;
	margin: 40px 0 0 0;
	font-size: 1.4rem;
	line-height: 1.75rem;
	font-weight: 700;
}
.full-width-color ul li {
	flex: 0 0 0%;
	position: relative;
	padding-left: 36px;
	padding-right: 40px;
	margin-bottom: 30px;
}
.full-width-color ul li::before {
	width: 22px;
	height: 22px;
	display: inline-block;
	border-radius: 15px;
	background: url('/wp-content/themes/mfrall/assets/img/check-circle-solid.svg')no-repeat center;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 3px;
	margin-right: 4px;
	content: '';
}
.centered {
	text-align: center;
}
h2.centered, h3.centered {
	text-align: center;
}
h3 {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 1.25rem;
	margin: 0px;
	padding: 0px;
}
a {
	color: #990000;
}
a.button::after {
	position: absolute;
	z-index: -1;
	content: "";
	right: -10%;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: inherit;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-ms-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
/**
a.button {
	display: inline-block;
	font-family: 'Saira Condensed', sans-serif;
	background :red;
    -webkit-transform: perspective(300px) rotateX(-20deg);
    -o-transform: perspective(300px) rotateX(-20deg);
    -moz-transform: perspective(300px) rotateX(-20deg);
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    -o-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    margin: 10px 90px;
} **/

.slant-button {
	display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgb(8,95,197);
	background: linear-gradient(36deg, rgba(8,95,197,1) 30%, rgba(2,127,245,1) 64%);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 500;
	height: 50px;
	align-items: center;
	align-self: flex-start;
}
.slant-button:hover {
	background:rgba(2,127,245,1);
}
.slant-button a {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding: 0 16px 0px 19px;
	color: white;
	position: relative;
	z-index: 50;
	height: 50px;
	text-decoration: none !important;
}
.slant-button a::after {
	display: inline-block;
	content: url(/wp-content/themes/mfrall/assets/img/white-arrow.svg);
	color: #fff;
	margin-left: 4px;
	right: -8px;
	top: 12px;
	width: 12px;
	height: 12px;
	transition: all .3s ease;
}
.slant-button:hover a::after {
	right: -12px;
}
#watch-listen .slant-button {
	margin: 0 auto;
}
.slant-button::after {
    content: "";
    position: absolute;
	top: 0;
	width: 60px;
	right: -40px;
	z-index: 1;
	height: 50px;
    border-top: 50px solid #027ff5 ;
	border-right: 30px solid transparent;
}
header {
	background: #fff;
	display: flex;
	align-items: center;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	z-index: 1000;
	height: 80px;
}
header.scrolled {
	border-bottom: solid 2px rgba(142,148,155,0.2);
}
header .container .row .col-7.col-md-6.col-lg-4 {
	display: flex;
	align-items: center;
}
#logo {
	max-width: 100%;
}
.primary-navigation {
	display: none;
}
.two-column .col-md-6 {
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.two-column img {
	width: calc(100% - 85px);
	margin: 0 auto;
	display: block;
}
button.menu-toggle {
	display: block;
	border :none;
	background: white;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 30px;
	top: 0;
}
.hamburger-box {
	width: 40px;
	height: 24px;
	display: inline-block;
	position: relative;
}
.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color: #000;
	border-radius: 4px;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}
.hamburger-inner::before, .hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -10px;
}
.hamburger-inner::after {
	bottom: -10px;
}
.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse .hamburger-inner::after {
	top: -20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse.is-active .hamburger-inner {
transform: translate3d(0, -10px, 0) rotate(-45deg);
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(-90deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}


.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-duration: 0.13s;
	transition-delay: 0.13s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse-r .hamburger-inner::after {
	top: -20px;
	transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
}
.hamburger--collapse-r .hamburger-inner::before {
	transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--collapse-r.is-active .hamburger-inner {
	transform: translate3d(0, -10px, 0) rotate(45deg);
	transition-delay: 0.22s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.hamburger--collapse-r.is-active .hamburger-inner::after {
	top: 0;
	opacity: 0;
	transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
}
.hamburger--collapse-r.is-active .hamburger-inner::before {
	top: 0;
	transform: rotate(90deg);
	transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
}
button.menu-toggle {
	outline: none;
}
.handheld-navigation {
	position: fixed;
	top: 80px;
	left: 100vw;
	width: 100%;
	padding: 30px;
	z-index: 1000;
	background: rgb(139,0,6);
	background: linear-gradient(0deg, rgba(139,0,6,1) 21%, rgba(172,0,3,1) 100%);
	font-size: 24px;
	border-top: solid 2px rgba(142,148,155,0.2);
	border-bottom: solid 2px rgba(142,148,155,0.2);
	transition: all .3s ease;
}
.handheld-navigation.show {
	left: 0;
}
.handheld-navigation ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.handheld-navigation ul li a {
	color: #fff;
}
.handheld-navigation ul li .sub-menu {
	display: block;
	position: relative;
	float: none;
	border: none;
	font-size: 1.125rem;
	margin-left: 1.5rem;
	line-height: 2rem;
}
/** FOOTER **/
	footer {
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a1a6a9+0,848a93+100 */
		background: #a1a6a9; /* Old browsers */
		background: -moz-linear-gradient(left,  #a1a6a9 0%, #848a93 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #a1a6a9 0%,#848a93 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #a1a6a9 0%,#848a93 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1a6a9', endColorstr='#848a93',GradientType=1 ); /* IE6-9 */
		color: #fff;
		padding: 72px 0;
		font-size: 1rem;
		line-height: 1.8375rem;
		position: relative;
		z-index: 2;
		margin-top: 80px;
		overflow: hidden;
	}
	#footer-over {
		position:absolute;
		top: -8px;
		left: 50vw;
		width: 1500px;
		height: auto;
		z-index: -1;
	}
	footer::before {
		position: absolute;
		top: 0px;
		left: 0;
		height: 8px;
		width: calc(50vw + 10px);
		background: #990000;
		content: '';
		z-index: 2;
	}
	#footer-right {
		position: absolute;
		right: -100px;
		top: 40px;
		width: 420px;
		z-index: -1;
	}
	#footer-left {
		position: absolute;
		left: -100px;
		top: 0px;
		width: 600px;
		z-index: -1;
	}
	footer .container .row .col-12.col-lg-3,
	footer .container .row .col.col-lg-5 {
		z-index: 500;
	}
	footer a:hover {
		color: #990000;
	}
	footer a {
		color: #fff;
	}
	footer .col {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: center;
	}
	footer .col p{
		display: block;
		width: 100%;
		margin-bottom: 0;
	}
	footer .col:last-child {
		justify-content: flex-end;
	}
	#footer-logo {
		max-width: 146px;
	}
	#footer-nav {
		margin: 0 0 0 0;
		padding: 0 0 0 200px;
	}
	#footer-nav li {
		display: inline-flex;
	}
	#footer-nav li::after {
		display: inline-flex;
		width: 25px;
		height: 10px;
		content: "/";
		justify-content: center;
	}
	#footer-nav li:last-child::after {
		display: none;
	}
/** END FOOTER **/

/** HOME **/
main {
	padding-top: 80px;
}
main:not(.home) section {
	margin: 40px 0;
}
section.slant-left::after, section.slant-right::after  {
	position: absolute;
	top: -80px;
	width: 100%;
	height: 600px;
	z-index: 1;
	background: url(/wp-content/themes/mfrall/assets/img/graydient.svg) no-repeat;
	background-size: 50% auto;
	background-position: right top;
	content: '';
}
#home-hero button {
	color: #990000;
	background-color: transparent;
	border: none;
}
section.slant-right::after {
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
#home-hero, #inner-hero {
	position: relative;
	border-bottom: solid 8px #990000;
	background: linear-gradient(72deg, rgba(103,97,97,1) 1%, rgba(142,6,15,1) 31%, rgba(142,6,15,1) 69%, rgba(103,97,97,1) 100%);
	margin-bottom: 90px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

#home-hero, #inner-hero.has-image {
	height: 596px;
}
#home-hero::before, #inner-hero::before {
	width: 50%;
	height: 50%;
	position:absolute;
	left: 0;
	bottom: -.5rem;
	background: url('/wp-content/themes/mfrall/assets/img/triangle-group.svg') no-repeat;
	background-position: left;
	background-size: contain;
	opacity: 1;
	z-index: 3;
	content: '';
}
#home-hero #hero-gradient {
	background-size: cover !important;
	opacity: 0.4;
}
#home-hero::after, #inner-hero::after {
	width: 25%;
	height: 50%;
	position:absolute;
	right: 0;
	bottom: -.5rem;
	background: url('/wp-content/themes/mfrall/assets/img/triangle-group2.svg') no-repeat;
	background-position: right;
	background-size: contain;
	opacity: 0.95;
	z-index: 3;
	content: '';
}
#home-hero h1 {
	font-size: 2.5rem;
}
#home-hero h3 {
	font-size: 1.25rem;
	font-weight: 300;
	text-transform: none;
}
.hero-button {
	width: 196px;
	height: auto;
}
.hero-button .st0{
	stroke:#FFFFFF;
	stroke-miterlimit:10;
	fill: transparent;
	transition: all .3s ease;
}
.hero-button:hover .st0{
	fill:#FFFFFF;
}
.hero-button .st1{
	fill:#FFFFFF;
	font-family:'SairaCondensed-ExtraBold';
	font-size:17px;
	transition: all .3s ease;
	text-transform: uppercase;
}
.hero-button:hover .st1{
	fill:rgba(142,6,15,1);
}

.hero-button.reversed .st0{
	stroke:#FFFFFF;
	fill: #FFFFFF;
}
.hero-button.reversed:hover .st0{
	fill:transparent;
}
.hero-button.reversed .st1{
	fill:rgba(142,6,15,1);
}
.hero-button.reversed:hover .st1{
	fill:#FFFFFF;
}

#hero-over {
	position: absolute;
	bottom: -9px;
	left: 50vw;
	width: 1500px;
	z-index: 80;
}
#home-hero .container, #inner-hero .container {
	position: relative;
	z-index: 800;
}
@media(min-width: 768px) {
	#home-hero h1 {
		font-size: 3rem;
	}
	#home-hero h3 {
		font-size: 1.5rem;
		font-weight: 300;
	}
	#footer-nav {
		display: flex;
	}
}
@media(max-width: 991px) {
	#footer-nav {
		display: inline;
	}
}

@media(max-width: 991px) {
	#inner-hero .container {
		max-width: 100%;
	}
}

#hero-gradient {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: linear-gradient(72deg, rgba(103,97,97,1) 1%, rgba(142,6,15,1) 31%, rgba(142,6,15,1) 69%, rgba(103,97,97,1) 100%), url('/wp-content/themes/mfrall/assets/img/hero.jpg')no-repeat;
	background-size: cover;
	background-blend-mode: overlay;
	opacity: 0.7;
}
#hero-image {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 30;
	background: linear-gradient(72deg, rgba(103,97,97,1) 1%, rgba(142,6,15,1) 31%, rgba(142,6,15,1) 69%, rgba(103,97,97,1) 100%);
	background-size: cover;
	background-blend-mode: multiply;
	opacity: 0.7;
	background-repeat: no-repeat;
}
#home-hero h1, #inner-hero h1 {
	color: #fff;
}
#home-hero ul {
	list-style: none;
	display: flex;
	flex-flow: column;
	margin: 0 auto;
	justify-content: center;
}
#home-hero ul li {
	margin: 10px 15px;
	flex: 0 1 0%;
}
#home-hero ul li a.hero-button {
  position: relative;
  background: none;
  display: inline-block;
  color: white;
  padding: .5375rem 2rem .5375rem .5375rem;
  overflow: hidden;
  border-left: 1px solid white;
  font-size: 1.125rem;
}
#home-hero ul li a:hover::after {
	background-color: rgba(255,255,255,1);
}
#home-hero ul li a.hero-button::before {
	content: '';
	height: 1px;
	position: absolute;
	bottom: 1px;
	left: 0;
	width: calc(100% - 1.8rem);
	background: white;
}
#home-hero ul li a.hero-button::after {
	z-index: 1;
	content: "";
	position: absolute;
	top: 0;
	left: -30px;
	height: 100%;
	width: 110%;
	background-color: rgba(255,255,255,0.0);
	border: 1px solid #fff;
	-webkit-transform: skewX(-25deg);
	-moz-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
	transition: background-color .3s ease;
}

#home-hero ul li .hero-button a {
	color: #fff;

}
#benefits-area {
	background: #A1A6A9;
	/* background: linear-gradient(to right, #A1A6A9 0%, #848A93 100%); */
	/* color: white; */
	color: #000000;
	padding: 3.125rem 0;
	/* border-bottom: .75rem solid #027ff5; */
	font-weight: 300;
	position: relative;
	overflow: hidden;
	margin: 6rem 0 0 0;
	border-bottom: solid 8px #990000;
}
#benefits-area #bene-top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	z-index: 400;
}
#benefits-area .container {
	position: relative;
	z-index: 800;
}
#benefits-area .benefits-header {
	background: url('/wp-content/themes/mfrall/assets/img/benefit-header.png') no-repeat top center;
	background-size: auto 100%;
	padding: 2rem 0 4rem 0;
	align-items: center; /* Center horizontally */
    text-align: center; /* Center text */
}
#benefits-area::before {
	position: absolute;
	top: 15%;
	left: 0%;
	width: 25%;
	height: 25%;
	opacity: 0.5;
	background: url(/wp-content/themes/mfrall/assets/img/benefits-triangles.svg)no-repeat;
	content: '';
	z-index: 1;
}
#benefits-area::after {
	position: absolute;
	bottom: -5%;
	right: -15%;
	width: 40%;
	height: 40%;
	opacity: 0.4;
	background: url(/wp-content/themes/mfrall/assets/img/triangle-group.svg)no-repeat;
	background-size: contain;
	content: '';
	z-index: 1;
}
/* #benefits-area .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/wp-content/themes/mfrall/assets/img/gritty.png)no-repeat;
	background-size: cover;
	content: '';
	z-index: 1;
} */
#benefits-area h2, #benefits-area h3 {
	color: #990000;

	font-family: 'Saira Condensed', sans-serif;
	font-weight: 900;
}
#benefits-area h4 {
	font-size: 30px;
	font-weight: 900;
	color: #990000;
	font-family: 'Saira Condensed', sans-serif;
	text-align: center;
}
#benefits-area .col {
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 2.5rem;
	position: relative;
	background: linear-gradient(125deg, #F4F6F9 50%, #fff 50%);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	text-align: center;
}
#benefits-area .col:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); /* Darker shadow on hover */
}
#benefits-area .col.check::before {
	position: absolute;
	top: .2rem;
	/* border-radius: 50%; */
	left: .5rem;
	content: ' ';
	width: 4rem;
	height: 4rem;
	background: url('/wp-content/themes/mfrall/assets/img/red-triangles.png')no-repeat center;
	background-size: 50%;
}

#benefits-area .col:last-child {
	font-weight: 300;
}
.home #membership {
	overflow: hidden;
	padding: 5rem 0 3rem;
}
.home #membership::after {
	position: absolute;
	top: -80px;
	width: 100%;
	height: 600px;
	z-index: 1;
	background: url(/wp-content/themes/mfrall/assets/img/graydient.svg) no-repeat;
	background-size: 50% auto;
	background-position: right top;
	content: '';
}

.home #membership .slant-button {
	margin-left: 45px;
}
.home #membership ol {
	list-style: none;
	counter-reset: circle-counter;
	margin: -20px 0 20px 45px;
	padding: 0;
}
.home #membership ol li {
	counter-increment: circle-counter;
  }
  .home #membership ol li::before {
	content: counter(circle-counter) "";
	color: #fff;
	font-weight: bold;
	background: #970028;
	font-family: 'Saira Condensed', sans-serif;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: .25rem .5rem .25rem 0;
  }
#watch-listen {
	text-align: center;
	margin-top: 0px;
}
#watch-listen .col {
	padding-left: 40px;
	padding-right: 40px;
}
#watch-listen .image-col {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	padding-bottom: 1.4rem;
}
/** END HOME **/

/** INTERIOR HERO **/

#inner-hero {
	text-align: left;
	color: #fff;
	min-height: 150px;
	height: auto;
}
#inner-hero:not(.has-image) .container {
	padding-top: 20px;
}
#inner-hero:not(.has-image) {
	margin-bottom: 25px;
}
#inner-hero.has-image {
	height: 78vh;
}
#inner-hero .container {
	position: relative;
	height: 100%;
	z-index: 50;
}
#inner-hero .container .row .col-12 {
	background: rgba(142,6,15,0.95);
	width: 100%;
	padding: 20px 20px 60px 20px;
	margin-top: -20px;
	display: flex;
	flex-direction: column;
}
#inner-hero.has-image .container .row .col-12 {
	position: absolute;
	top: 235px;
	left: 0;
	background: rgba(142,6,15,0.0);
	width: 100%;
	padding: 0px 15px;
	margin-top: -40px;
}
#inner-hero #hero-gradient {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 40;
	background: linear-gradient(85deg, rgba(142,6,15,1) 1%, rgba(142,6,15,1) 100%);
	background-size: cover;
	background-blend-mode: overlay;
	opacity: 0.95;
}
#inner-hero::before, #inner-hero::after {
	z-index: 100;
}
#inner-hero::before {
	width: 90%;
	opacity: 0.8;
}
#inner-hero::after {
	opacity: 0;
}
#inner-hero #hero-image {
	opacity: 1;
	background-size: 140% auto;
	background-blend-mode:normal;
	background-position: right top;
}
.card-deck {
	width: 100%;
}
.card-deck, .card-deck .card {
	position: relative;
	z-index: 500;
}
.card-deck .card .image-top {
	width: 100%;
	padding-top: 56.25%;
	background-size: cover !important;
	position: relative;
	z-index: 400;
}
.card-deck .card {
	border-radius: 0px;
	border: none;
	background: #f8f8f9;
	background-size: cover;
	position: relative;
	-webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.14);
	box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.14);
	transition: all .3s ease;
}
.card-deck .card:hover {
	-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.30);
	box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.30);
}
.card-deck .card:last-child:after {
	position: absolute;
	bottom: -80px;
	right: -70px;
	content: url(/wp-content/themes/mfrall/assets/img/blue-triangle.svg);
	width: 300px;
	height: 300px;
	opacity: 0.2;
	transform: rotate(90deg);
	z-index: 1;
}
.card-deck .card h4.card-title {
	font-family: 'Saira Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #910009;
	font-weight: 900;
	margin-bottom: 0;
}
.card-deck .card h5  {
	font-size: 1rem;
	color: #102e7c;
	font-weight: 400;
	margin-top: .7rem;
}
.card-deck .card h6  {
	font-size: 0.75rem;
	color: #5b616d;
	font-weight: 400;
	margin-top: .7rem;
}
.card-deck .card .back-gradient{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
.card-deck .card .card-body, .card-deck .card .card-footer {
	z-index: 50;
	background: transparent;
	border: none;
	position: relative;
}
.card-deck .card .card-body .cert-level {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 31px;
	height: auto;
}
#certifications .card-deck::before {
	position: absolute;
	top: -30px;
	left: -140px;
	content: url(/wp-content/themes/mfrall/assets/img/blue-triangle.svg);
	transform: rotate(-90deg);
	width: 300px;
	height: 300px;
	opacity: 0.2;
}
#certifications .card-deck .card:last-child:after {
	position: absolute;
	bottom: -50px;
	right: -70px;
	content: url(/wp-content/themes/mfrall/assets/img/red-triangle-sm.svg);
	width: 150px;
	height: 150px;
	opacity: 0.2;
	z-index: 1;
}
.card-deck .card .card-footer .card-button, .slant-button {
	display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgb(8,95,197);
	background: linear-gradient(36deg, rgba(8,95,197,1) 30%, rgba(2,127,245,1) 64%);
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 500;
	align-items: center;
	margin-bottom: 10px;
}
.card-deck .card .card-footer .card-button:hover {
	background:rgba(2,127,245,1);
}
.card-deck .card .card-footer .card-button a, .slant-button a {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	padding: 0 16px 0px 19px;
	color: white;
	position: relative;
	z-index: 50;
	height: 44px;
	text-decoration: none !important;
}
.card-deck .card .card-footer .card-button::before {
	font-size: 1rem;
	content:'';
    background: url(/wp-content/themes/mfrall/assets/img/button-arrow.svg) no-repeat center;
	background-size: 11px auto;
    position: absolute;
	top: 0;
	width: 22px;
	right: -10px;
	z-index: 10;
	height: 44px;
	align-items: center;
	display: flex;
	transition: all .3s ease;
}
.card-deck .card .card-footer .card-button:hover::before {
	right: -14px;
}
.card-deck .card .card-footer .card-button::after {
    content: "";
    position: absolute;
	top: 0;
	width: 60px;
	right: -40px;
	z-index: 1;
	height: 44px;
    border-top: 44px solid #027ff5 ;
	border-right: 30px solid transparent;
}
#certifications .card-deck {
	margin-top: 40px;
}
#certifications .card-deck .card h4.card-title {
	font-family: 'Saira Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 1.75rem;
	line-height: 1.5rem;
	color: #910009;
	font-weight: 900;
	margin-bottom: 0;
}
#certifications .card-deck .card h5.certification-level {
	font-size: 0.875rem;
	color: #5b616d;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 1.2rem;
}
#certifications .card-deck .card h5.certification-level {
	font-size: 0.875rem;
	color: #5b616d;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 1.2rem;
}
#pod-vid::after  {
	position: absolute;
	top: -90px;
	width: 100%;
	height: 600px;
	z-index: 1;
	background: url(/wp-content/themes/mfrall/assets/img/pod-slant.svg) no-repeat;
	background-size: 50% auto;
	background-position: left top;
	content: '';
}
#pod-vid .card-deck::before {
	position: absolute;
	top: -30px;
	left: -140px;
	content: url(/wp-content/themes/mfrall/assets/img/blue-triangle.svg);
	transform: rotate(-90deg);
	width: 300px;
	height: 300px;
	opacity: 0.2;
}
#pod-vid.podcasts .card-deck::after {
	position: absolute;
	bottom: -170px;
	right: -70px;
	content: url(/wp-content/themes/mfrall/assets/img/pod-vid-triangles.svg);
	width: 410px;
	height: 417px;
	transform: rotate(0deg);
	opacity: 1;
	z-index: 1;
}
#pod-vid.videos .card-deck .card:after,
#pod-vid.videos .card-deck:before {
	display: none;
}
#pod-vid.videos .container .row::before {
	position: absolute;
	top: -40px;
	left: -140px;
	content: url(/wp-content/themes/mfrall/assets/img/blue-triangle.svg);
	transform: rotate(-90deg);
	width: 300px;
	height: 300px;
	opacity: 0.2;
}

#pod-vid.videos .card-deck:last-child .card:last-child:after {
	position: absolute;
	display: block;
	bottom: -170px;
	right: -70px;
	content: url(/wp-content/themes/mfrall/assets/img/pod-vid-triangles.svg);
	width: 470px;
	height: 527px;
	transform: rotate(0deg);
	opacity: 1;
	z-index: 1;
}
#pod-vid .card-deck .card .card-footer .card-button {
    background: rgb(129,0,7);
	background: linear-gradient(36deg, rgba(129,0,7,1) 30%, rgba(172,0,3,1) 60%);
}
#pod-vid .card-deck .card .card-footer .card-button::after {
    content: "";
    position: absolute;
	top: 0;
	width: 60px;
	right: -40px;
	z-index: 1;
	height: 44px;
    border-top: 44px solid rgba(172,0,3,1) ;
	border-right: 30px solid transparent;
}
#pod-vid.videos .card-deck .card .card-footer .card-button::before {
	font-size: 1rem;
    content: '';
    background-size: 11px auto;
    position: absolute;
    top: -2px;
    width: 22px;
    right: -10px;
    z-index: 10;
    height: 44px;
    align-items: center;
    display: flex;
    transition: all .3s ease;
}
#pod-vid .card-deck .card .card-footer .card-button:hover {
	background:rgba(172,0,3,1);
}
#pod-vid.podcasts .card-deck .card .image-top {
	width: 160px;
	height: 160px;
	border-radius: 50%;
	background-size: cover !important;
	background-position: center !important;
	padding-top: 0;
	margin: 25px auto;
	position: relative;
	z-index: 600 !important;
	display: block;
}
#pod-vid.podcasts .card-deck .card .image-back {
	content: '';
	position: absolute;
	z-index: 100 !important;
	top: 17px;
	left: calc(50% - 88px);
	width: 176px;
	height: 176px;
	border-radius: 50%;
	background: rgb(143,0,12);
	background: linear-gradient(23deg, rgba(143,0,12,1) 30%, rgba(162,144,148,1) 100%);
	padding-top: 0;
}
#pod-vid.podcasts .card-deck .card .back-gradient{
	position: absolute;
	left: 0;
	top: 0;
	height: 50%;
	width: 100%;
	z-index: 10;
}
#pod-vid.podcasts .card-deck .card .card-body{
	padding-bottom: 0;
}
#pod-vid.podcasts .card-deck .card .card-footer{
	padding-top: 0;
}
#pod-vid.videos .card-deck .card .image-back {
	content: '';
	position: absolute;
	z-index: 600 !important;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 55%;
	background: url(/wp-content/themes/mfrall/assets/img/video-overlay.png) no-repeat center;
	background-size: 64px auto;
	opacity: 0.5;
}
#pod-vid.videos .card-body {
	padding-bottom: 0;
}
#pod-vid.videos .card-deck .card .card-footer .members-only {
	color: #102e7c;
	font-weight: 500;
}
#pod-vid.videos .card-deck .card .card-footer .members-only::before {
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(/wp-content/themes/mfrall/assets/img/lock.svg) no-repeat center;
	margin-right: 4px;
	content:'';
}
.video-filters {
	margin: 20px 0 30px 0 !important;
}
.video-filters #topic-filter {
	margin-bottom: 15px;
}
.video-filters #cat-filter {
	max-width: 95%;
}
#pod-links {
	list-style: none;
	margin: 1.5rem 0 1rem 0;
	padding: 0;
	display: flex;
	flex-flow: row;
}
#pod-links li {
	display: flex;
	margin-right: 20px;
	align-items: center;
	font-size: .875rem;
	text-transform: uppercase;
}
#pod-links li a {
	color: #000;
}
#pod-links li img {
	width: 23px;
	height: auto;
	margin-top: -5px;
}
.sidebar {
	background: #f8f8f9 url(/wp-content/themes/mfrall/assets/img/sidebar.png)no-repeat;
	background-size: cover;
	box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.14);
	padding: 20px;
}
.sidebar .ctct-form-embed.form_1 .ctct-form-defaults {
	background: transparent;
}
.sidebar h2, .sidebar .ctct-form-embed.form_1 .ctct-form-defaults .ctct-form-header {
	color: #102e7c;
	font-size: 1.75rem;
	line-height: 1.7rem;
	font-family: 'Saira Condensed', sans-serif;
}

.sidebar .finePrint {
	font-size: 0.6875rem;
	line-height: 0.875rem;
	padding-top: 20px;
	color: #5b616d;
}
.sidebar form {
	margin-top: 20px;
}
.sidebar input[type=text], .sidebar input[type=email] {
	border-radius: 0px;
}
.sidebar form button, .sidebar .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button {
	display: inline-flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgb(8,95,197);
	background: linear-gradient(36deg, rgba(8,95,197,1) 30%, rgba(2,127,245,1) 64%);
	font-size: 18px;
	font-weight: 600;
	outline: none;
	height: 50px;
	border: none;
	border-radius: 0;
	text-decoration: none;
	text-transform: uppercase;
	position: relative;
	z-index: 500;
	align-items: center;
	width: 70%;
}
.sidebar form button:hover, .sidebar .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button:hover {
	background:rgba(2,127,245,1);
	border:none;
}
.sidebar form button::before, .sidebar .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button::before {
	font-size: 1rem;
	content:'';
    background: url(/wp-content/themes/mfrall/assets/img/button-arrow.svg) no-repeat center;
	background-size: 11px auto;
    position: absolute;
	top: 1px;
	width: 22px;
	right: -20px;
	z-index: 10;
	height: 44px;
	align-items: center;
	display: flex;
	transition: all .3s ease;
}
.sidebar form button::after, .sidebar .ctct-form-embed.form_1 .ctct-form-custom .ctct-form-button::after {
	content: "";
	position: absolute;
	top: 0px;
	width: 60px;
	right: -59px;
	z-index: 1;
	height: 40px;
	border-top: 50px solid #027ff5 ;
	border-right: 30px solid transparent;
}
ul.peer-groups {
	list-style: none;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	flex: 0 0 100%;
	margin-bottom: 5rem;
}
ul.peer-groups li {
	width: 100%;
	padding-bottom: 1rem;
	margin-left: 10px;
}
ul.peer-groups li a {
	color: #102e7c;
}
ul.peer-groups li a::after {
	content: url(/wp-content/themes/mfrall/assets/img/blue-arrow.svg);
	display: inline-block;
	margin-left: 6px;
	width: 10px;
	height: 10px;
}
ul.check {
	list-style: none;
	color: #2a2e45;
	font-size: 1.125rem;
	line-height: 1.125rem;
}
ul.check li {
	padding: 4px 0;
	position: relative;
}
ul.check li::before {
	content: url('/wp-content/themes/mfrall/assets/img/check-circle.svg');
	width: 18px;
	height: 18px;
	display: inline-flex;
	margin: -3px 10px 0 -10px;
	position: absolute;
	left: -15px;
	top: 8px;
}
ul.steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	width: 55%;
	margin: 0 auto 55px auto;
}
ul.steps li {
	position: relative;
	display: flex;
	height: 160px;
	align-items: flex-start;
	justify-content: center;
	flex: 0 0 100%;
	flex-flow: column;
	flex-wrap: wrap;
	background: url('/wp-content/themes/mfrall/assets/img/step-arrow.png')no-repeat;
	background-position: left center;
	background-size: auto 100%;
	padding-left: 60px;
	font-size: 1.125rem;
	line-height: 1.2rem;
	font-weight: 400;
}
ul.steps li .step {
	font-size: 0.875rem;
	color: #102e7c;
	font-weight: 700;
}
ul.steps li:first-child {
	padding-left: 40px;
}
ul.steps li .number {
	position: absolute;
	left:0;
	width: auto;
	height: 64px;
}
ul.steps li::after {
	position: absolute;
	left :25%;
	content: url('/wp-content/themes/mfrall/assets/img/red-triangle.svg');
	transform: rotate(-90deg);
	width: 75%;
	height: auto;
	opacity: 0.2;
}
ul.steps li:last-child::after {
	display: none;
}
.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	width: 100%;
	z-index: 400;
	display: block;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	z-index: 666;
	border:none;
}
.video-wrapper::before {
	width: 50%;
	height: 100%;
	left: -12px;
	top: 0px;
	content: '';
	background: url('/wp-content/themes/mfrall/assets/img/video-corner.png') no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 1;
}
.video-wrapper::after {
	width: 65%;
	height: 100%;
	right: -20px;
	bottom: -30px;
	content: '';
	background: url('/wp-content/themes/mfrall/assets/img/video-triangle.png') no-repeat;
	background-size: contain;
	position: absolute;
	z-index: 1;
}
#show-more-button {
	height: 43px;
  	width: 165px;
  	border: none;
  	background: none;
  	cursor: pointer;
}
#show-more-button:focus {
	outline: none;
}

#show-more-button::-moz-focus-inner {
	border: 0;
}
#show-more-button svg {
	outline: none;
	transition: transform 0.15s linear;
}
#show-more-button svg .back{
	fill:#FFFFFF;
	transition: fill .3s ease;
}
#show-more-button svg .border {
	fill:#910009;
}
#show-more-button svg .txt {
	fill:#910009;
	transition: fill .3s ease;
}
#show-more-button:hover svg .txt {
	fill:#fff;
}
#show-more-button:hover svg .back{
	fill:#910009;
}
.small-nav-item {
	margin-left: 10px !important;
	font-size: 12px !important;
}
.small-nav-item a {
	font-size: 12px !important;
}
@media(min-width: 768px){
	.full-width-color ul {
		flex-flow: row;
		flex-wrap: wrap;
	}
	.full-width-color ul li {
		flex: 0 0 33.333%;
		padding-right: 0;
	}
	header {
		height: 100px;
	}
	main {
		padding-top: 100px;
	}

	#home-hero ul {
		flex-flow: row;
		margin: 0 auto;
	}
	#home-hero ul li {
		margin: 20px 15px;
	}
	#inner-hero #hero-image {
		background-size: cover;
	}
	#inner-hero .container {
		height: auto;
	}
	#inner-hero .container .row .col-12 {
		position: relative;
		top: 0;
		background: transparent;
		width: 100%;
		padding: 0px 15px;
	}
	#inner-hero #hero-gradient {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 40;
		background: linear-gradient(85deg, rgba(142,6,15,1) 1%, rgba(142,6,15,1) 10%, rgba(142,6,15,1) 45%, rgba(142,6,15,0) 69%, rgba(103,97,97,0) 100%);
		background-size: cover;
		background-blend-mode: overlay;
		opacity: 0.95;
	}
	#inner-hero.has-image .container .row .col-12 {
		top: -55px;
	}
	#inner-hero.has-image, #inner-hero {
		height: 400px;
	}
	#inner-hero:not(.has-image) {
		height: 205px;
	}
	#inner-hero #hero-gradient {
		display: block;
	}
	#inner-hero::before, #inner-hero::after {
		opacity: 1;
	}
	#inner-hero::before {
		width: 50%;
	}
	#certifications .card-deck .card, .card-deck.three-wide .card {
		flex: 0 0 calc(33.33333% - 30px);
		margin-bottom :30px;
	}
	#pod-vid .card-deck .card {
		flex: 0 0 calc(50% - 30px);
		margin-bottom :100px;
	}
	.card-deck.four-wide .card {
		flex: 0 0 calc(50% - 30px);
		margin-bottom :30px;
	}
	#pod-vid .card-deck .card {
		position: relative;
		z-index: 500;
	}
	#pod-vid.podcasts .card-deck .card .image-top {
		width: 160px;
		height: 160px;
		border-radius: 50%;
		background-size: cover !important;
		background-position: center !important;
		padding-top: 0;
		margin: 25px auto;
		position: relative;
		z-index: 600 !important;
		display: block;
	}
	#pod-vid.podcasts .card-deck .card .image-back {
		content: '';
		position: absolute;
		z-index: 100 !important;
		top: 17px;
		left: calc(50% - 88px);
		width: 176px;
		height: 176px;
		border-radius: 50%;
		background: rgb(143,0,12);
		background: linear-gradient(23deg, rgba(143,0,12,1) 30%, rgba(162,144,148,1) 100%);
		padding-top: 0;
	}
	.single-post #pod-vid.podcasts .card-deck .card:first-child {
		flex: 0 0 calc(100% - 30px);
		margin-bottom :30px;
		min-height: 285px;
	}
	.single-post #pod-vid.podcasts .card-deck .card:first-child .back-gradient {
		display: none;
	}
	.single-post #pod-vid.podcasts .card-deck .card:first-child .image-back{
		flex: 0 0 calc(100% - 30px);
		margin-bottom :30px;
		width: 243px;
		height: 243px;
		left: calc(100% - 263px);
	}
	.single-post #pod-vid.podcasts .card-deck .card:first-child .image-top {
		position: absolute;
		width: 223px;
		height: 223px;
		right: 30px;
		top:2px;
	}
	#pod-vid.podcasts .card-deck .audio-container{
		margin-left: -5px;
	}
	#pod-vid.podcasts .card-deck .audio-container .wp-block-audio audio {
		min-width: auto;
		max-width: 100%;
	}
	.single-post #pod-vid.podcasts .card-deck .card:first-child .card-body {
		flex: 0 0 60%;
		max-width: 60%;
		display: flex;
		flex-flow: column;
	}
	ul.peer-groups li {
		width: 33.3333%;
		margin-left: 0;
	}
	ul.check li {
		padding: 4px 0;
		display: flex;
		align-items: center;
	}
	ul.steps {
		flex-wrap: nowrap;
		width: 100%;
	}
	ul.steps li {
		flex: 0 0 25%;
	}
	.video-wrapper {
		margin-bottom: 80px;
	}
}

#tab-horizontal {
	padding-left: 0;
	justify-content: center;
}
#tab-horizontal li {
	border-radius: 20px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);
    transition: box-shadow .2s ease;
    cursor: pointer;
	display: inline-block;
    padding: 5px 15px;
    background-color: white;
    text-align: center;
}
#tab-horizontal li:hover {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.25)
}
#tab-horizontal li.selected {
    color: #83001a
}

@media(min-width: 992px){
	header #logo {
		max-width: 90%;
		margin-top: 30px;
	}
	#inner-hero.has-image .container .row .col-12 {
		top: 0;
	}
	.handheld-navigation, button.menu-toggle {
		display: none;
	}
	#site-navigation {
		display: flex;
		justify-content: flex-end;
		margin-top: 30px;
	}
	.primary-navigation {
		display: flex;
		white-space: nowrap;
		justify-content: flex-end;
	}
	.primary-navigation #nav-menu {
		list-style: none;
		display: flex;
		align-items: center;
		flex: 0 0 100%;
	}
	.primary-navigation #nav-menu .menu-item.menu-item-has-children{
		position: relative;
		margin-right: 10px;
	}
	.dropdown-toggle::after {
		content: url('assets/img/menu-arrow.svg');
		border: none;
		width: 12px;
		height: 15px;
		position: absolute;
		top: 11px;
	}

	.primary-navigation #nav-menu a{
		color: #000;
		font-size: 1.125rem;
		font-weight: 400;
		text-transform: uppercase;
		transition: color .3s ease;
	}
	.primary-navigation #nav-menu a:hover{
		color: #ad0003;
	}
	.primary-navigation #nav-menu .menu-item .dropdown-menu {
		border-radius: 0px;
		padding: 15px 15px 12px 15px;
		-webkit-box-shadow: 0px 6px 7px 2px rgba(0,0,0,0.15);
		box-shadow: 0px 6px 7px 2px rgba(0,0,0,0.15);
		border: none;
	}
	.primary-navigation #nav-menu .menu-item .dropdown-menu li {
		margin-left: 0;
		margin-bottom: 3px;
	}
	.primary-navigation #nav-menu .menu-item .dropdown-menu li a{
		text-transform: none;
		font-size: 1rem;
		margin-bottom: 4px;
	}
	.primary-navigation #nav-menu .menu-item .dropdown-menu li a:focus{
		background: rgba(0,0,0,0.1);
	}
	.card-deck.four-wide .card {
		flex: 0 0 calc(25% - 30px);
		margin-bottom :30px;
	}
	#pod-vid .card-deck .card {
		flex: 0 0 calc(33.33333% - 30px);
		margin-bottom :100px;
	}
	.single-post #pod-vid.podcasts .card-deck .card:first-child .card-body {
		flex: 0 0 75%;
		max-width: 75%;
	}
	#pod-vid.podcasts {
		background: url(/wp-content/themes/mfrall/assets/img/graydient-2.svg) no-repeat;
		background-position: left 95%;
	}
	#pod-vid.videos {
		background: url(/wp-content/themes/mfrall/assets/img/graydient-2.svg) no-repeat;
		background-position: left bottom;
	}
	#pod-links {
		margin: 0 0 0rem 0;
		justify-content: space-between;
	}
	#pod-links li {
		flex: 0 0 33%;
		margin-right: 0;
	}
	ul.steps li .step {
		font-size: 1.125rem;
	}
	ul.steps li {
		font-size: 1.4375rem;
		line-height: 1.4rem;
	}
	#inner-hero #hero-image {
		background-position: right bottom;
		background-size: auto 100%;
	}
	.video-count {
		display: inline-block;
		width: 50%;
		float: left;
	}
	.video-filters {
		/* margin: 0 0 30px 0 !important; */
		display: inline-flex;
		width: 100%;
		justify-content: flex-end;
	}
	.page-template-podcasts-template .video-filters,.page-template-videos-template .video-filters {
		justify-content: center;
	}
	.video-filters #cat-filter{
		max-width: 68%;
	}
	.video-filters #topic-filter {
		margin-bottom: 0;
	}
}
.tabsButtons  {
	margin: 6px;
}

@media(min-width: 1460px){
	header #logo {
		margin-top: 17px;
	}
	.container {
		max-width: 1400px;
	}
	#home-hero h1 {
		font-size: 4.5rem;
	}
	#home-hero h3 {
		font-size: 1.5rem;
	}
	header #logo {
		max-width: 100%;
	}
	.primary-navigation #nav-menu .menu-item{
		margin-left: 40px;
	}
	.home #membership .container .row .col-md-6:first-child {
		padding-left: 80px;
	}

}

/* Fix admin bar overlaying header */
body.admin-bar header {
	margin-top: 32px !important;
}

section.full-width.grey_background {
    background: #f1f1f1;
}

/** PROGRAM PAGE **/

.program-main-container .row {
	display: flex;
	flex-direction: column;
}
.program-main-container .breadcrumb {
	background: transparent;
	font-size: 14px;
	padding-left: 0;
	text-transform: capitalize;
	color: #990000;
	position: absolute;
	top: -50px;
}
.program-main-container .breadcrumb .program-link:hover,
.program-main-container .breadcrumb .course-link:hover {
	text-decoration: underline;
	cursor: pointer;
}
.program-main-container .row {
    display: flex;
	box-sizing: border-box;
	flex-direction: column;
	flex: 0 0 100%;
    padding: 10px;
}
.program-main-container .row .column.main-content {
    flex-direction: column;
}
.program-main-container .row .column.main-content .video {
    position: relative;
  	padding-bottom: 56.25%; /* 16:9 */
  	height: 0;
	margin-bottom: 25px;
	display: none;
}
.program-main-container .row .column.main-content .video.show {
	display: block;
}
.program-main-container .row .column.main-content .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }
.program-main-container .row .column.content-right {
    float: left;
    width: 100%;
    padding: 10px;
	position: relative;
	margin-top: 60px;
}
.program-main-container .row .column.content-right #sidebar {
    float: left;
    width: 100%;
    padding: 10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	position: relative;
}
.program-main-container .row .column.content-right #sidebar:before {
    width: 50%;
    height: 100%;
    left: -10px;
    top: -10px;
    content: '';
    background: url(/wp-content/themes/mfrall/assets/img/video-corner.png) no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1;
}
.program-main-container .row .column.content-right #sidebar .backer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	overflow: hidden;
	z-index: 20;
}
.program-main-container .row .column.content-right #sidebar .backer:before {
	display: block;
	content: '';
	width: 650px;
	height: 650px;;
	background: #f8f8f9;
	position: absolute;
	z-index: 1;
	top: -450px;
	left: -325px;
	transform: rotate(45deg);
	opacity: 0.5;
}
.program-main-container .row .column.content-right #sidebar .backer:after {
	display: block;
	content: '';
	width: 650px;
	height: 650px;;
	background: #f4f6f9;
	opacity: 0.5;
	position: absolute;
	z-index: 1;
	bottom: -450px;
	left: -325px;
	transform: rotate(45deg);
}
.program-main-container .main-content .description {
	font-size: 16px;
	line-height: 25px;
	text-align: left !important;
}
.program-resources-container, .lesson-resources-container, .contact-coach {
    margin: 20px;
	padding-bottom: 12px;
	position: relative;
	z-index: 100;
}
.lesson-resources-container, .contact-coach {
	padding-top: 20px;
	border-top: solid 1px #1c3178;
}
.contact-coach a {
	color: #990000;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 22px;
	font-family: 'Saira Condensed', sans-serif;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.contact-coach a:after {
	display: inline-flex;
	content: '';
	width: 20px;
	height: 20px;
	background: url('/wp-content/themes/mfrall/assets/img/angles-right.svg')no-repeat center;
	margin-left:4px;
	background-size: contain;
	transition: all .3s ease;
}
.contact-coach a:hover {
	filter: brightness(120%);
	text-decoration: none;
}
.contact-coach a:hover:after {
	margin-left :8px;
}
.column.content-right #sidebar .links {
	border-top: solid 1px #1c3178;
	width: calc(100% - 40px);
	position: relative;
	bottom: 0;
	z-index: 100;
    padding: 15px 0px;
    display: inline-block;
    margin: 20px;
}
.column.content-right #sidebar .next_item {
	position: relative;
    color: #1c3178;
	text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
}
.column.content-right #sidebar .links:after {
	display: block;
	content: '';
	width: 40px;
	height: 40px;
	background: url('https://www.mfrall.com/wp-content/themes/mfrall/assets/img/h2-decorate.svg')no-repeat center;
	background-size: contain;
	position: absolute;
	right: 0;
	top: calc(50% - 20px);
}
.column.content-right #sidebar .links .link-next {
	color: #990000;
	font-weight: 700;
	text-transform: capitalize;
	font-size: 19px;
	line-height: 1.1;
	font-family: 'Saira Condensed', sans-serif;
	transition: all .3s ease;
	padding-right: 40px;
}
.column.content-right .links .link-next:hover {
	filter: brightness(120%);
}
.program-resources-container h3, .lesson-resources-container h3 {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 700;
	color: #1c3178;
	font-size: 22px;
	text-transform: uppercase;
	margin-bottom: 8px;
}
.program-resources .resource-item, .lesson-resources .resource-item {
	margin-bottom: 8px;
	font-size: 15px;
	line-height: 1;
}
.resource-item a {
	display: flex;
	position: relative;
	align-items: flex-start;
	margin-bottom: 15px;
	min-height: 20px;
	padding-left: 24px;
	padding-top: 4px;
	transition: all .3s ease;
}
.resource-item a:hover {
	color :#b01c36;
}
.resource-item a:before {
	position: absolute;
	left: 0;
	top: 0;
	content:'';
	display: inline-flex;
	width: 20px;
	height: 20px;
}
.resource-item a.word:before {
	background: url('/wp-content/themes/mfrall/assets/img/file-word.svg')no-repeat left center ;
	background-size: contain;
}
.resource-item a.excel:before {
	background: url('/wp-content/themes/mfrall/assets/img/file-excel.svg')no-repeat left center ;
	background-size: contain;
}
.resource-item a.pdf:before {
	background: url('/wp-content/themes/mfrall/assets/img/file-pdf.svg')no-repeat left center ;
	background-size: contain;
}
.program-main-container .list-container {
	margin-top: 30px;
}
.program-main-container .list-container .list-item {
	display: flex;
	padding: 10px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.15);
	border: solid 1px #fff;
	margin-bottom: 6px;
	align-items: center;
	justify-content: space-between;
}
.program-main-container .list-container .list-item {
	cursor: pointer;
}
.program-main-container .list-container .list-item .list-item-duration {
	color: #2862c0;
	width: 110px;
	font-size: 15px;
	position: relative;
	display: flex;
	align-items: center;
}
.program-main-container .list-container .list-item .list-item-duration:before {
	display: inline-flex;
	content: '';
	width: 15px;
	height: 15px;
	background: url('/wp-content/themes/mfrall/assets/img/duration.svg')no-repeat center;
	background-size: contain;
	margin-right: 5px;
}
.program-main-container .list-container .list-item .counter {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 900;
	color: #1c3178;
	font-size: 20px;
	width: 30px;
}
.program-main-container .list-container .list-item .list-item-name {
	font-family: 'Saira Condensed', sans-serif;
	font-weight: 900;
	color: #990000;
	font-size: 20px;
	width: 80%;
	text-transform: capitalize;
}
.program-main-container .list-container .list-item:hover .list-item-name {
	filter: brightness(120%);
}
.program-main-container .list-container .list-item.current .counter,
.program-main-container .list-container .list-item .current .list-item-name {
	color: #3286f2;
}
.program-main-container .list-container .list-item.current {
	border-color: rgba(227,239,255,1);
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(227,239,255,1) 67%);
	-webkit-box-shadow: 0px 0px 8px 0px rgba(227,239,255,1);
	-moz-box-shadow: 0px 0px 8px 0px rgba(227,239,255,1);
	box-shadow: 0px 0px 8px 0px rgba(227,239,255,1);
}
.program-main-container .list-container .list-item .list-item-name {

}
@media(min-width: 992px) {
	.program-main-container .row {
		flex-direction: row;
	}
	.program-main-container .row .column.main-content {
		padding-right: 70px;
	}
	.program-main-container .row .column.main-content {
		flex: 0 0 65%;
		max-width: 65%;
	}
	.program-main-container .row .column.content-right {
		flex: 0 0 35%;
		max-width: 35%;
		margin-top: 0;
	}
	.column.content-right #sidebar .links {
		border-top: solid 1px #1c3178;
		padding: 15px 0px;
		margin: 10px 20px;
		cursor: pointer;
	}
}
@media(min-width: 1240px) {
	.program-main-container .row .column.main-content {
		flex: 0 0 70%;
		max-width: 70%;
	}
	.program-main-container .row .column.content-right  {
		flex: 0 0 30%;
		max-width: 30%;
	}
}
#bbp-forum-0{
	display:flex;
	flex-direction:column;
}
.bbp-header li{
	color: #910009;
	font-family: "Saira Condensed", sans-serif;
  font-size: 1.5rem;
	font-weight: 900;
  text-transform: uppercase;
	margin-top: 1em;
	margin-bottom: 0.5em;
  line-height: 1.5rem;
	padding: 15px;
	top: 0;
  position: relative;
  overflow: hidden;
	display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  border-radius: .25rem;

}
.bbp-body > ul{
	border:1px solid #e1e1e1;
	roder-radius:8px;
	box-shadow: 0 2px 6px rgba(0,0,0,0.08);
	overflow: hidden;
	display:flex;
	flex-direction: row;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	padding: 15px;
	background: linear-gradient(135deg, #F1F1F1 120px, transparent 120px) !important;
	margin-top: 5px !important;;
	margin-bottom: 5px !important;;
}
.bbp-body ul::before{
	content:"";
	position:absolute;
	inset:0;

}
.bbp-body > ul:hover{
	box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.30) !important;
}
#bbpress-forums li.bbp-body ul.topic {
  padding: 15px 8px !important;
}
.bbp-body > ul:last-of-type {
  margin-bottom: 0 !important;
}
.bbp-body > ul > * {
	position: relative;
	z-index: 1;
}
.bbp-topic-permalink{
	font-family: "Saira Condensed", sans-serif;
	font-size: 1.5rem;
	font-weight: 900;
	color: #910009;
	text-transform: uppercase;
	margin-top: 1em;
	margin-bottom: 0.5em;
	text-decoration: none;
}
.bbp-topic-meta{
	font-size: 1rem !important;;
}
.bbp-topic-reply-count{
	align-items:center;
	display:grid;
	font-size: 1rem;
}
.bbp-topic-voice-count{
	align-items:center;
	display: grid;
	font-size: 1rem;
}
.bbp-topic-freshness{
	align-items:center;
	display: grid;
	font-size: 1rem;
}
#bbpress-forums ul{
	margin-top:5px;
	margin-bottom: 5px;
}
#bbpress-forums > ul.bbp-topics{
  border: none !important;
}
#bbpress-forums li.bbp-footer {
  background: #fff;
}

/* topic page */
body.topic {
  .bbp-replies-list {
    flex-direction: column;
  }

  .bbp-body > ul {
    background: transparent !important;
  }

  .topic,
  .reply {
    background: linear-gradient(135deg, #f8f8f9 34%, transparent 20%) !important;
  }

  #bbpress-forums li.bbp-header,
  #bbpress-forums li.bbp-footer {
    padding: 20px 8px !important;

    .bbp-reply-author,
    .bbp-reply-content {
      color: #910009;
      font-family: "Saira Condensed", sans-serif;
      font-size: 1.5rem;
      font-weight: 900;
      text-transform: uppercase;
    }
  }

  #bbpress-forums .bbp-reply-header {
    background-color: #990000 !important;

    .bbp-reply-post-date,
    .bbp-reply-permalink,
    .bbp-admin-links a {
      color: #fff;
    }
  }
}

/* Responsive: improve bbPress forum layout on small screens */
@media (max-width: 768px) {
  /* forums page */
  body.forum-archive {
    /* Prevent topic row overflow */
    .bbp-body > ul{
      padding: 10px;
      background-clip: padding-box;
    }

    /* Preserve table-like row layout on narrow screens — keep columns aligned */
    .bbp-body > ul > * {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      min-width: 0; /* allow columns to shrink but not clip labels */
      margin-bottom: 0; /* spacing handled by the parent ul */
      gap: 8px;
    }

    /* Allow the topic-title column to wrap so `.bbp-topic-meta` can drop
      beneath the permalink instead of appearing above it. More specific
      selector overrides the `flex-wrap: nowrap` above. */
    .bbp-body > ul > li.bbp-topic-title {
      flex-wrap: wrap;
      align-items: flex-start;
    }

    /* Tweak font sizes and wrapping for titles/meta */
    .bbp-topic-permalink{
      font-size: 1.15rem;
      line-height: 1.3;
      display: block;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .bbp-header li{ /* smaller header on mobile */
      font-size: 1.125rem;
      padding: 10px;
    }
    /* Smaller meta/counts on very small screens. Force `.bbp-topic-meta`
      to behave like a block inside the title column so it stays below the
      permalink (prevent accidental ordering issues). */
    .bbp-topic-meta, .bbp-topic-reply-count, .bbp-topic-voice-count, .bbp-topic-freshness{
      font-size: 0.95rem;
      margin-top: 6px;
    }

    .bbp-body > ul > li.bbp-topic-title > .bbp-topic-meta {
      display: block !important;
      order: 99 !important;
      width: 100% !important;
      flex: 0 0 100% !important;
    }

    .bbp-topic-freshness {
      flex-direction: column;
    }

    /* Make images and embeds responsive inside forum */
    #bbpress-forums img, .bbp-body img { max-width: 100%; height: auto; }

    /* Reduce heavy shadows/padding on very small screens */
    .bbp-body > ul { box-shadow: none; padding: 8px; }
  }
}

@media (max-width: 1000px) {
  /* forums page */
  body.forum-archive {
    /* Prevent header titles from wrapping — keep table-like alignment */
    .bbp-header .forum-titles {
      display: flex;
      flex-wrap: nowrap;
      gap: 8px;
      align-items: center;
    }

    .bbp-header li{ /* smaller header on mobile */
      font-size: 1.25rem;
    }

    /* Keep topic rows visible so counts are not clipped */
    .bbp-body > ul { overflow: visible; }

    /* Make header columns and topic columns share the same sizing */
    .bbp-header .forum-titles > li,
    .bbp-body > ul > li {
      box-sizing: border-box;
      padding: 0 8px;
      min-width: 0;
    }

    /* Topic column (title) — shrinkable but dominant */
    .bbp-header .forum-titles > li.bbp-topic-title,
    .bbp-body > ul > li.bbp-topic-title {
      flex: 1 1 60%;
      max-width: 60%;
      min-width: 0;
      overflow: hidden;
    }

    /* Replies column */
    .bbp-header .forum-titles > li.bbp-topic-reply-count,
    .bbp-body > ul > li.bbp-topic-reply-count {
      flex: 0 0 72px;
      max-width: 72px;
      text-align: center;
    }

    /* Voices column — fixed to prevent clipping */
    .bbp-header .forum-titles > li.bbp-topic-voice-count,
    .bbp-body > ul > li.bbp-topic-voice-count {
      flex: 0 0 64px;
      max-width: 64px;
      text-align: center;
    }

    /* Freshness column */
    .bbp-header .forum-titles > li.bbp-topic-freshness,
    .bbp-body > ul > li.bbp-topic-freshness {
      flex: 0 0 140px;
      max-width: 140px;
      text-align: center;
    }

    /* Truncate long topic titles instead of wrapping */
    .bbp-topic-permalink {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      display: block;
      max-width: 100%;
      flex: 1 1 auto;
      min-width: 0; /* allow ellipsis to work inside flex */
    }

    /* Keep attachments/count inline with the topic title */
    .bbp-body .bbp-topic-title,
    .bbp-body > ul > li.bbp-topic-title {
      display: flex !important;
      align-items: center;
      column-gap: 8px;
      flex-wrap: wrap; /* allow meta to drop to second line */
      min-width: 0;
    }

    /* Ensure permalink and counts stay on the first line */
    .bbp-body .bbp-topic-title > .bbp-topic-permalink,
    .bbp-body .bbp-topic-title .bbp-topic-permalink {
      order: 1;
      flex: 1 1 auto;
      min-width: 0;
    }

    .bbp-body .bbp-topic-title .bbp-attachments-count,
    .bbp-body .bbp-topic-title .bbp-topic-reply-count,
    .bbp-body .bbp-topic-title .bbp-topic-voice-count {
      order: 1;
      flex: 0 0 auto;
      white-space: nowrap;
      margin-left: 6px;
      align-self: center;
    }

    /* Put topic meta on its own line under the title (force via specific selector)
      - Use high-specificity + !important to prevent plugin/theme overrides */
    .bbp-body > ul > li.bbp-topic-title > .bbp-topic-meta {
      order: 99 !important;
      flex: 0 0 100% !important;
      width: 100% !important;
      display: block !important;
      margin-top: 6px !important;
      align-self: flex-start !important;
    }

    /* Ensure permalink remains on the first line */
    .bbp-body .bbp-topic-title > .bbp-topic-permalink,
    .bbp-body .bbp-topic-title .bbp-topic-permalink {
      order: 1 !important;
      flex: 1 1 auto !important;
      min-width: 0 !important;
    }

    /* Fallback: if a plugin outputs the attachment count as a block, force inline */
    .bbp-topic .attachment-count, .attachment-count {
      display: inline-block !important;
      vertical-align: middle;
      margin-left: 6px;
    }
  }
}

@media (max-width: 420px) {
  /* forums page */
  body.forum-archive {
    #bbpress-forums { margin-left: -15px; }
    .bbp-topic-permalink{ font-size: 1.05rem; }
    .bbp-header { padding-left: 0 !important; padding-right: 0 !important; }
    .bbp-header > .forum-titles > .bbp-topic-title { padding: 0 !important; }
    .bbp-header > .forum-titles > .bbp-topic-voice-count { flex: 0 0 50px !important; max-width: 50px !important; padding: 0; text-align: center; }
    .bbp-header > .forum-titles > .bbp-topic-reply-count { flex: 0 0 40px !important; max-width: 40px !important; padding: 0; text-align: center; }
    .bbp-header li{ font-size: 1rem; padding: 8px; }
    .bbp-author-name, .bbp-topic-started-by, .bbp-topic-started-in { white-space: normal !important; }

    /* Narrow the replies & voices columns to save horizontal space */
    /* separate selectors so we can nudge the inline counts inside the title */
    .bbp-body > ul > li.bbp-topic-reply-count {
      flex: 0 0 20px !important;
      max-width: 20px !important;
      text-align: center;
      padding-left: 4px;
      padding-right: 4px;
      margin-left: 8px !important; /* nudge the column slightly right */
    }

    .bbp-body .bbp-topic-title .bbp-topic-reply-count {
      flex: 0 0 20px !important;
      max-width: 20px !important;
      text-align: center;
      padding-left: 4px;
      padding-right: 4px;
      margin-left: 12px !important; /* push inline post count a bit right */
    }

    .bbp-body > ul > li.bbp-topic-voice-count {
      flex: 0 0 20px !important;
      max-width: 20px !important;
      text-align: center;
      padding-left: 4px;
      padding-right: 4px;
      margin-left: 8px !important; /* nudge the column slightly right */
    }

    .bbp-body .bbp-topic-title .bbp-topic-voice-count {
      flex: 0 0 20px !important;
      max-width: 20px !important;
      text-align: center;
      padding-left: 4px;
      padding-right: 4px;
      margin-left: 12px !important; /* push inline voice count a bit right */
    }

    /* Remove left/right padding on the topic row */
    .bbp-body > ul.topic {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }

    /* Remove left padding on the title column */
    .bbp-body > ul > li.bbp-topic-title,
    .bbp-body .bbp-topic-title {
      padding-left: 0 !important;
    }

    /* Narrow Last Post (freshness) column + remove right padding */
    .bbp-header .forum-titles > li.bbp-topic-freshness,
    .bbp-body > ul > li.bbp-topic-freshness {
      flex: 0 0 96px !important;
      max-width: 96px !important;
      text-align: right !important; /* align timestamps/names to the right */
      padding-right: 0 !important;
      padding-left: 6px !important; /* small inset so content doesn't touch edge */
    }
  }
}