mgg-socials-section > div a .fa-external-link-square ,
a.mgg-button .fa-external-link-square ,
a.mgg-callout .fa-external-link-square {
	display : none !important;
}

.mgg-callout {
	color : #ffffff !important;
	display : block;
	text-align : center;
	padding : 40px 40px 35px 40px;
	text-decoration : none;
	background-color : #f61800;
	border-bottom : none !important;
}
a.mgg-callout:active,
a.mgg-callout:focus,
a.mgg-callout:hover {
	text-decoration : underline;
}
.mgg-callout ,
.mgg-callout h2 {
	font-size : 67px;
	font-family: bebas-neue, sans-serif;
}
.mgg-callout h2 {
	max-width : 1340px;
	margin : 0 auto;
}
.mgg-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.mgg-video-wrapper iframe, .mgg-video-wrapper object, .mgg-video-wrapper embed, .mgg-video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; width: 100%; max-height: 100%; }

.mgg-pink {
	color : #faaead;
}
.mgg-button {
	background-color : #fb2f24;
	display : inline-block;
	color : #ffffff !important;
	text-decoration : none;
	line-height : 1.2;
	padding : 20px 20px 15px 20px;
	font-family: benton-sans, sans-serif;
	font-size : 20px;
	font-weight : 700;
	border-radius : 4px;
	border-bottom : none !important;
	text-align : center;
}
a.mgg-button:active,
a.mgg-button:focus,
a.mgg-button:hover {
	text-decoration : underline;
}

.mgg-button.full-width {
	width : 100%;
}
.mgg-button-white {
	background-color : #ffffff;
	display : inline-block;
	color : #000000 !important;
	text-decoration : none;
	line-height : 1.2;
	padding : 10px 20px 8px 20px;
	font-family: benton-sans, sans-serif;
	font-size : 20px;
	font-weight : 700;
	border-radius : 4px;
	border-bottom : none !important;
}
a.mgg-button-white:active,
a.mgg-button-white:focus,
a.mgg-button-white:hover {
	text-decoration : underline;
}

#page-content.mgg div.page__content .mgg-button.full-width {
	max-width : 768px;
}

.mgg-landing-banner {
	background-color : #f33533;
	height : 415px;
	margin-top : -20px;
}
.mgg-landing-banner div.mgg-banner-inner {
	display : flex;
	max-width : 1920px;
	height : 100%;
	margin : 0 auto;
	align-items: center;
}
.mgg-landing-banner div.mgg-title-column {
	text-align : center;
	width : 960px;
}
.mgg-landing-banner div.mgg-title-column h1 {
	font-size : 100.85px;
	color : #ffffff;
	margin-bottom : 0;
	font-weight : 400;
	font-family: bebas-neue, sans-serif;
}
.mgg-landing-banner div.mgg-image-column {
	background-image : url(./assets/images/mgg-banner-2022.png);
	background-size : cover;
	background-position : center center;
	height : 100%;
	flex-grow : 1;
}
@media screen and ( max-width : 1300px ) and ( min-width : 769px ){
	.mgg-landing-banner div.mgg-title-column {
		width : 66vw;
	}
	.mgg-landing-banner div.mgg-title-column h1 {
		font-size : 7.758vw;
	}
}
@media screen and ( max-width : 768px ){
	.mgg-landing-banner {
		height : auto;
	}
	.mgg-landing-banner div.mgg-banner-inner {
		display : block;
		height : auto;
	}
	.mgg-landing-banner div.mgg-title-column {
		padding: 40px 0;
		width : 100%;
	}
	.mgg-landing-banner div.mgg-image-column {
		height : 400px;
		width : 100%;
	}
	.mgg-landing-banner div.mgg-title-column h1 {
		font-size : 13.021vw;
	}
}

#page-content.mgg {
	padding : 50px  80px;
}
#page-content.mgg .container {
	max-width : 1750px;
	margin: 0 auto;
}
#page-content.mgg .grid {
	width : 100%;
	display : flex;
	flex-direction : row;
	margin-left : 0;
	margin-right : 0;
	align-items: center;	
}
#page-content.mgg .grid > div {
	flex-grow : 1;
}
#page-content.mgg .grid > div.mgg-video-column {
	padding-right : 60px;
	width : 50%;
}
#page-content.mgg .grid > div.mgg-video-column+div {
	padding-left : 60px;
	width : 50%;
}

@media screen and ( max-width : 1920px ){
	#page-content.mgg {
		padding : 50px  4.167vw;
	}
	#page-content.mgg .grid > div.mgg-video-column {
		padding-right : 3.125vw;
	}
	#page-content.mgg .grid > div.mgg-video-column+div {
		padding-left : 3.125vw;
	}
}
@media screen and ( min-width : 1301px ){
	.mgg-video-wrapper.mobile {
		display : none;
	}
}
@media screen and ( max-width : 1300px ){
	#page-content.mgg .grid > div.mgg-video-column {
		display : none;
	}
	#page-content.mgg .grid > div.mgg-video-column+div {
		padding-left : 0;
		width : 100%;
	}
}

.mgg-block-nav {
	display : flex;
	width : 100%;
	min-height : 400px;
	flex-direction : row;
	padding : 0 0;
}
.mgg-block-nav > a {
	width : 33.333%;
	background-color : #292728;
	display : block;
	color : #ffffff !important;
	text-decoration : none;
	text-align : center;
	padding : 60px;
	border-bottom : none !important;
	flex-grow : 1;
}
.mgg-block-nav h2 {
	font-size : 60px;
	margin-bottom : 1em;
	font-family: bebas-neue, sans-serif;
}
.mgg-block-nav a .link {
	display : block;
	font-family: benton-sans, sans-serif;
	font-size : 30px;
}
.mgg-block-nav a:focus .link ,
.mgg-block-nav a:active .link ,
.mgg-block-nav a:hover .link {
	text-decoration : underline;
}
@media screen and ( min-width : 1001px ){
	.mgg-block-nav > a+a {
		border-left : 	3px solid #ffffff;
	}
}
@media screen and ( max-width : 1400px ) and ( min-width : 1001px ){
	.mgg-block-nav h2 {
		font-size : 50px;
	}
}

@media screen and ( max-width : 1000px ){
	.mgg-block-nav {
		display : block;
	}
	.mgg-block-nav > a {
		width : 100%;
	}
	.mgg-block-nav > a+a {
		border-top : 	3px solid #ffffff;
	}
}

.mgg-stories-section {
	background-position : center center;
	background-size : cover;
	background-image: url(./assets/images/mgg-stories-background-2.jpg);
	display : table;
	width : 100%;
	min-height : 565px;
}
.mgg-stories-section * ,
.mgg-stories-section {
	color : #ffffff;
}
.mgg-stories-section > div {
	display : table-row;
}	
.mgg-stories-section > div  > div {
	padding : 40px;
	text-align : center;
	vertical-align : middle;
}
.mgg-stories-section p {
	font-size : 30px;
	max-width : 1365px;
	margin-left : auto;
	margin-right : auto;
	font-family: benton-sans, sans-serif;
	line-height : 1.2;
}
.mgg-stories-section h2 {
	font-size : 67px;
	color : #ffffff;
	font-family: bebas-neue, sans-serif;
}

section.mgg-socials-section {
	padding : 40px 60px 0 60px;
}
.mgg-socials-section > div {
	display : flex;
	flex-flow: row wrap;
	justify-content : space-between;
	align-items: center;
	width : 100%;
}
.mgg-socials-section > div > div {
	flex-grow : 0;
	margin : 0 0 40px 0;
	display : inline-block;
	text-align : center;
}
.mgg-socials-section > div a {
	color : #000000 !important;
	text-decoration : none;
	border-bottom : none !important;
	font-size : 25px;
	font-family: benton-sans, sans-serif;
	font-weight : 400;
}
.mgg-socials-section > div a:active,
.mgg-socials-section > div a:hover,
.mgg-socials-section > div a:focus {
	text-decoration : underline;
}
.mgg-socials-section > div a img {
	display : inline-block;
	vertical-align : middle;
	margin-right : 10px;
	transform : translateY(-4px);
}
@media screen and ( max-width : 1140px ){
	.mgg-socials-section > div > div {
		flex-grow : 1;
		flex-shrink : 1;
		flex-basis : 50%;
	}
}
@media screen and ( max-width : 720px ){
	.mgg-socials-section > div > div {
		flex-grow : 1;
		flex-shrink : 1;
		flex-basis : 100%;
	}
	section.mgg-socials-section {
		padding : 40px 20px 0 20px;
	}
}

.mgg-callout-section {
	background-color : #292728;
	padding : 50px 40px;
}
.mgg-callout-section a,
.mgg-callout-section * ,
.mgg-callout-section {
	color : #ffffff !important;
}
.mgg-callout-section h2 {
	font-size : 67px;
	color : #ffffff;
	font-family: bebas-neue, sans-serif;
}
.mgg-callout-section ,
.mgg-callout-section li ,
.mgg-callout-section p {
	font-size : 25px;
	font-weight : 400;
}

.mgg-partner-logos {
	text-align : center;
	padding : 40px;
}
.mgg-partner-logos div {
	max-width : 1280px;
	margin : 0 auto;
}
.mgg-partner-logos img {
	max-width : 200px;
	height : auto !important;
	display : inline-block;
	vertical-align : middle;
	margin : 20px;
}

.mgg-grid-navigation {
	display : flex;
	flex-wrap: wrap;
	flex-direction:row;
	justify-content : space-between;
	max-width : 1360px;
	margin : 0 auto;
}
.mgg-grid-navigation > a {
	display : inline-block;
	background-color : #292728;
	color : #ffffff !important;
	border-bottom : none !important;
	line-height : 1.2;
	margin : 30px;
	width : 260px;
}
.mgg-grid-navigation > a img {
	width : 100%;
}
.mgg-grid-navigation > a .img-wrap {
	overflow : hidden;
	height : 309px;
	line-height : 0;
}
.mgg-grid-navigation > a h2 {
	font-size : 40px;
	font-family: bebas-neue, sans-serif;
	color : #ffffff;
	line-height : 1.2;
	padding : 25px 25px 0 25px;
	margin : 0 !important;
}
.mgg-grid-navigation > a p {
	line-height : 1.2;
	font-size : 20px;
	padding : 25px;
	margin : 0 !important;
}
@media screen and ( max-width : 1920px ){
	.mgg-grid-navigation > a {
		margin : 30px 1.563vw;
	}
}
@media screen and ( max-width : 900px ){
	.mgg-grid-navigation {
		padding-left : 15px;
		padding-right : 15px;
	}
	.mgg-grid-navigation > a {
		margin-left : 0;
		margin-right : 0;
		width : 48%;
	}
	.mgg-grid-navigation > a .img-wrap {
		height : 52.778vw;
	}
}
@media screen and ( max-width : 580px ){
	.mgg-grid-navigation > a {
		width : 100%;
	}
	.mgg-grid-navigation > a .img-wrap {
		height : auto;
	}
	
}
.mgg-pagination {
	text-align : right;
	font-size : 30px;
	max-width : 1300px;
	margin : 0 auto;
}
.mgg-pagination span {
	color : #e63018;
	text-decoration : underline;
}
.mgg-pagination a ,
.mgg-pagination span {
	display : inline-block;
	vertical-align : top;
	padding-left : 10px;
	font-family: benton-sans, sans-serif;
	font-weight : 400;
}
.mgg-pagination a {
	color : #000000 !important;
	text-decoration : none;
	border : none !important;
}
.mgg-pagination a:active ,
.mgg-pagination a:focus ,
.mgg-pagination a:hover {
	text-decoration : underline;
}
section.single-mom {
	padding-bottom : 0;
}

.mgg-nav-wrapper {
	display : flex;
	justify-content : space-between;
	padding : 60px;
	max-width : 1820px;
	margin : 0 auto;
}
.mgg-nav-wrapper .mgg-button {
	border-radius : 0;
	padding : 10px 20px 8px 20px;
	text-transform : uppercase;
}
@media screen and ( min-width : 769px ){
	.mgg-nav-wrapper .mgg-button:last-child {
		display : none;
	}
}
@media screen and ( max-width : 768px ){
	.mgg-nav-wrapper {
		display : block;
		text-align : center;
	}
	.mgg-nav-wrapper .mgg-button {
		margin : 0 auto 40px auto;
		width : 100%;
		max-width : 300px;
		display : block;
	}
	.mgg-nav-wrapper .mgg-button:nth-child(2) {
		display : none;
	}
	.mgg-nav-wrapper .mgg-button:last-child {
		margin-bottom : 0; 
	}
}


.single-mom-columns {
	display : flex;
	padding :  0 60px 0 60px;
	max-width : 1820px;
	margin : 0 auto;
}
.single-mom-columns > div.single-mom-content {
	flex-grow : 1;
}
.single-mom-columns > div.single-mom-content > div {
	max-width : 900px;
}
.single-mom-columns > div.single-mom-image {
	width : 500px;
	margin-right : 50px;
	flex-grow : 0;
}
.single-mom-columns > div.single-mom-image img {
	width : 100%;
	height : auto !important;
}
.single-mom-columns > div.single-mom-image+div.single-mom-content {
	padding-top : 25px;
}

@media screen and ( max-width : 1920px ){
	.single-mom-columns {
		padding :  0 3.125vw 0 3.125vw;
	}
	.single-mom-columns > div.single-mom-image {
		min-width : 300px;
		width : 26.042vw;
		margin-right : 2.604vw;
	}
	.mgg-nav-wrapper {
		padding : 3.125vw;
	}
}
@media screen and ( max-width : 980px ){
	.single-mom-columns ,
	.single-mom-columns > div ,
	.single-mom-columns > div > div {
		display : block;
		width : 100% !important;
		max-width : 100%;
		margin-right : 0;
		min-width : 0 !important;
	}
	.single-mom-columns > div > img {
		width : auto !important;
		max-width : 100%;
	}
}

.single-mom_mgg .banner__image {
	background-color : #ffffff;
}
.page-template-moms-got-game-page .banner--no-content {
	margin-bottom : 0;
}
.single-mom_mgg .banner p ,
.single-mom_mgg .banner h1 {
	margin-top : 0;
	margin-bottom : 0;
}

.mgg-mom-footer-blocks {
	display : table;
	/* min-height : 215px; */
	align-items: center;
	background-color : #ff3023;
	width : 100%;
}
.mgg-mom-footer-blocks > div {
	display : table-row;
}
.mgg-mom-footer-blocks a {
	display : table-cell;
	text-decoration : none;
	border-bottom : none;
	color : #ffffff !important;
	/* height : 100%; */
	padding : 50px 40px 50px 80px;
	text-transform : uppercase;
	background-color : #292728;
	vertical-align : top;
	width : 33.333%;
}
.mgg-mom-footer-blocks a:active,
.mgg-mom-footer-blocks a:focus,
.mgg-mom-footer-blocks a:hover {
	text-decoration : underline;
}
.mgg-mom-footer-blocks a:last-child {
	background-color : transparent;
	text-align : center;
	height : auto;
	padding : 0;
	vertical-align : middle;
}
.mgg-mom-footer-blocks a h2 {
	font-size : 40px;
	font-family: bebas-neue, sans-serif;
	font-weight : 400;
	margin-bottom : 0;
}
.mgg-mom-footer-blocks a p {
	font-size : 30px;
	font-family: bebas-neue, sans-serif;
	font-weight : 400;
}
@media screen and ( max-width : 1920px ){
	.mgg-mom-footer-blocks a {
		padding : 50px 2.083vw 50px 4.167vw;
	}
	.mgg-mom-footer-blocks a:last-child {
		padding : 0;
	}
	
}
@media screen and ( min-width : 1025px ){
	.mgg-mom-footer-blocks a:nth-child(2) {
		border-left : 3px solid #ffffff;
		border-right : 3px solid #ffffff;
	}
}
@media screen and ( max-width : 1024px ){
	.mgg-mom-footer-blocks ,
	.mgg-mom-footer-blocks > div ,
	.mgg-mom-footer-blocks a {
		display : block;
		width : 100%;
		text-align : center;
	}
	.mgg-mom-footer-blocks a:nth-child(2) {
		border-top : 3px solid #ffffff;
		border-bottom : 3px solid #ffffff;
	}
	.mgg-mom-footer-blocks a ,
	.mgg-mom-footer-blocks a:last-child {
		padding : 40px;
	}
}
@media screen and ( max-width :1400px ){
	.single-mom_mgg  .banner__image.breakpoint-shown-md img {
		margin-left : -4.286vw;
		width : 60.214vw !important;
		height : auto !important;
		position : absolute;
		top : 50%;
		transform : translateY(-50%);
	}
}

.mgg-story-filters {
	display : flex;
	justify-content : space-between;
	max-width : 1360px;
	margin : 0 auto;
	padding : 0 30px;
	flex-flow: row wrap;
	flex-direction: row;
}
.mgg-story-filters h3 {
	margin-bottom : 10px;
	font-size : 20px;
}
.mgg-story-filters > div {
	/* flex-grow : 0; */
	width : 20%;
	/* flex: 1 0 0; */
}
.mgg-story-filters > div.mfs-sort {
	width : 15%;
}
.mgg-story-filters .mgg-button {
	padding : 25px 25px;
	border-radius : 0;
	width : 100%;
}
.mgg-story-filters .mfs-button .mgg-button {
	white-space : nowrap;
}
.mgg-drop-down {
	position : relative;
	padding-right : 40px !important;
	cursor : pointer;
}
.mgg-drop-down .mgg-drop-down-display {
	overflow : hidden;
	white-space : nowrap;
	text-transform : uppercase;
}
.mgg-drop-down::after {
	content : "\f107";
	position : absolute;
	right : 10px;
	top : 50%;
	transform : translateY(-50%);
	font-family: 'Font Awesome 5 Pro';
	font-size : 30px;
	font-weight : 400;
}
.mgg-drop-down .mgg-drop-down-list {
	display  : none;
}
.mgg-drop-down.toggled .mgg-drop-down-list {
	display  : block;
	position : absolute;
	top : 100%;
	left : 0;
	background-color : #fb2f24;
	max-width : 320px;
}
.mgg-drop-down.toggled .mgg-drop-down-list a {
	display : block;
	padding : 10px 25px;
	color : #ffffff !important;
	border-bottom : none !important;
}
.mgg-drop-down.toggled .mgg-drop-down-list a+a {
	border-top : 2px solid #ffffff;
}
.mgg-drop-down.toggled::after {
	content : "\f106";
}

.radio-link {
	margin-top : 15px;
	padding-left : 35px;
	display : block;
	font-size : 20px;
	color : #000000 !important;
	text-decoration : none;
	position : relative;
	border-bottom : none !important;
}
.radio-link+a {
	margin-top : 20px;
}
.radio-link::after {
	content : " ";
	position : absolute;
	left : 0;
	top : 50%;
	transform : translateY(-50%);
	width : 24px;
	height : 24px;
	border-radius : 100%;
	background-color : #ff3023;
	z-index : 1;
}
.radio-link.toggled::before {
	content : " ";
	position : absolute;
	width : 18px;
	height : 18px;
	border-radius : 100%;
	left : 3px;
	background-color : #ffffff;
	top : 50%;
	transform : translateY(-50%);
	z-index : 2;
}

@media screen and ( max-width : 1920px ){
	.mgg-story-filters {
		padding : 0px 1.563vw;
	}
}

@media screen and ( min-width : 1281px ){
	.mgg-story-filters.two {
		display : none;
	}
}
@media screen and ( max-width : 1280px ){
	.mgg-story-filters.one > div.mfs-button {
		display : none;
	}
	.mgg-story-filters {
		flex-wrap : wrap;
	}
	.mgg-story-filters > div.mfs-sport {
		width : auto;
		flex-grow : 1;
		margin-right : 20px;
	}
	.mgg-story-filters > div.mfs-sort {
		width : 200px;
	}
	.mgg-story-filters > div.mfs-button {
		width : 48%;
	}
	.mgg-drop-down.toggled .mgg-drop-down-list {
		max-width : 100%;
	}
	
}
@media screen and ( max-width : 900px ){
	.mgg-story-filters {
		padding : 0px 15px;
	}
}

@media screen and ( max-width : 768px ){
	.mgg-story-filters > div.mfs-sport {
		width : 100%;
		margin-right : 0;
		margin-bottom : 25px;
	}
	.mgg-story-filters > div.mfs-sort {
		width : 50%;
	}
	.mgg-story-filters.two > div.mfs-button {
		width : 100%;
	}
}
