@charset "utf-8";

/*
Theme Name: TribLIVE2026z
Author: TribLIVE
Description: TribLIVE 2026 Zoz theme.
Version: 1.0
Requires at least: 5.06
Tested up to: 6.7.2
Requires PHP: 8.1 
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.htm
*/

/* NOTE: started 20250407 - need to clean up / follow good naming conventions */

/* START VARS */

:root {
	
	/* TRIB RED */	
	--color-trib-red: #b32025;
	
	/* TRIB GRAY */
	--color-trib-gray: #727272;
	
	/* LOCAL */	
	--color-local: #00446b;
	
	/* SPORTS */
	--color-sports: #e59a16;
	
	/* NEWS */
	--color-news: #b32025;
	
	/* OPINION */
	--color-opinion: #393939;
	
	/* A AND E */
	--color-aande: #970056;
	
	/* Lifestyles */
	--color-lifestyles: #6e9639;
	
	/* Obituaries */
	--color-obituaries: #000;
	
	
	/* 2026 ZOZ COLORS */
	/* TRIB 2026 RED ALT */	
	--color-trib-red-2026: #F05770;
	
	--color-trib-blue-2026: #0D4B8D;
	
	
}


/* END VARS */


/* START DEV UTILITIES */

.dev-note {
	border: 1px dashed #F0C;
	color: #F0C !important;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	display: block;
	margin: 5px;
	text-align: center;
	background: #000;
}

.dev-note::before {
  font-family: "Font Awesome 6 Free";
  content: "\f6e3";   /* hammer (solid) */
  font-style: normal;
	font-weight: 900; 
  display: inline-block;
  line-height: 1;
  vertical-align: -0.125em;
  margin-right: .375rem; 
}

/* END DEV UTILITIES */



/* START FONTS */

/* ===== TikTok Sans ===== */
@font-face {
  font-family: "TikTok Sans";
  font-style: normal;
  font-weight: 300; /* Light */
  font-display: swap;
  src: url("https://files.triblive.com/2026-site-assets/fonts/TikTokSans-Light.ttf") format("truetype");
}

@font-face {
  font-family: "TikTok Sans";
  font-style: normal;
  font-weight: 400; /* Regular / Normal (default) */
  font-display: swap;
  src: url("https://files.triblive.com/2026-site-assets/fonts/TikTokSans-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "TikTok Sans";
  font-style: normal;
  font-weight: 600; /* SemiBold */
  font-display: swap;
  src: url("https://files.triblive.com/2026-site-assets/fonts/TikTokSans-SemiBold.ttf") format("truetype");
}

/* ===== STIX Two Text ===== */
@font-face {
  font-family: "STIX Two Text";
  font-style: normal;
  font-weight: 400; /* Regular */
  font-display: swap;
  src: url("https://files.triblive.com/2026-site-assets/fonts/STIXTwoText-Regular.ttf") format("truetype");
}

@font-face {
  font-family: "STIX Two Text";
  font-style: normal;
  font-weight: 600; /* SemiBold */
  font-display: swap;
  src: url("https://files.triblive.com/2026-site-assets/fonts/STIXTwoText-SemiBold.ttf") format("truetype");
}


@font-face {
  font-family: "STIX Two Text";
  font-style: normal;
  font-weight: 700; /* Bold */
  font-display: swap;
  src: url("https://files.triblive.com/2026-site-assets/fonts/STIXTwoText-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "STIX Two Text";
  font-style: italic;
  font-weight: 700; /* Bold Italic */
  font-display: swap;
  src: url("https://files.triblive.com/2026-site-assets/fonts/STIXTwoText-BoldItalic.ttf") format("truetype");
}



/* END FONTS */




/* START BOOTSTRAP OVERRIDES  */


.dropdown {
	z-index: 999999;
}


@media (min-width: 992px) {
    /*
	.container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 960px;
    }
	*/
	
}
@media (min-width: 1400px) {
  	/*
	.container {
    max-width: 1471px;
    margin-left: auto;
    margin-right: auto;
  }
	*/
}

.row {
  --bs-gutter-x: 20px; /* horizontal gutter */
  --bs-gutter-y: 20px; /* vertical gutter */
}

.btn {
	border-radius: 2px;
	font-family: "TikTok Sans";
}



/* END BOOTSTRAP OVERRIDES  */



/* START DEFAULT ELEMENTS */


body {
	padding: 0;
	margin: 0;
	font-family: "STIX Two Text", serif;
	font-weight: normal;
	font-size: 17px;
	line-height: 23px;
	letter-spacing: .1px;
}

a {
	color: #2E2E2E;
}

a:hover {
	color: #890D11;
}

a:active {
	color: #BB141A;
	text-decoration: underline;
} 

h1, h2, h3, h4, h5, h6, h7 {
	/* font-family: "Stainless Cond Bd"; */
	font-family: "STIX Two Text", serif;
	/* font-family: "TikTok Sans"; */
}

h1 {
	text-decoration: none;
}

h2 {
	font-family: "TikTok Sans";
	padding: 8px 0;
	/* margin: 8px 0; */
	margin: 8px 0 32px;
	font-size: 18px;
}

hr, hr:not([size]) {
	border: 0;
	height: 0;
	margin: 0;
}

img {
  font-size: 0;       
  color: transparent; 
}

/* END DEFAULT ELEMENTS */


/* START CUSTOM ELEMENTS */

h2.section-head-border, h2.section-head-border-light {
	border-bottom: solid #000 2px;
	font-family: "TikTok Sans";
	padding: 0 0 8px;
	margin: 0 0 32px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}

h2.section-head a, h2.section-head-border a, h2.section-head-border-light a {
	text-decoration: none;
}

h2.section-head-border-light {
	border-bottom: 2px solid rgba(0, 0, 0, 0.20);
}

h2.section-head {
	font-family: "TikTok Sans";
	padding: 0 0 8px;
	margin: 0 0 32px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}

h2.section-head-link-out {
	font-family: "TikTok Sans";
	padding: 0 0 8px;
	margin: 0 0 32px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
}

h2.section-head-link-out a {
	display: flex;
	text-decoration: none;
	color: #1F1F1F;
	justify-content: space-between;
}

h2.section-head-link-out a span {
	display: block;
}

h2.section-head-link-out a i {
	display: block;
	color: #5C5C5C;
}

h2.section-head-link-out a i.fa-arrow-right {
	transform: rotate(-45deg);
}

.text-bg-trib-blue {
	background-color: var(--color-trib-blue-2026);
	color: #FFF;
}


.btn-outline-trib-red {
  color: #87262A;
  border: 1px solid #87262A;
  background-color: transparent;
  transition: all 0.2s ease-in-out;
}

.btn-outline-trib-red:hover,
.btn-outline-trib-red:focus {
  color: #fff;
  background-color: #87262A;
  border-color: #87262A;
}

.btn-trib-dark {
  color: #fff;                   
  background-color: #1F1F1F;    
  border-color: #1F1F1F;         
}

.btn-trib-dark:hover {
  color: #fff;
  background-color: #333333;    
  border-color: #333333;
}

.btn-trib-dark:focus,
.btn-trib-dark.focus {
  color: #fff;
  background-color: #333333;
  border-color: #333333;
  box-shadow: 0 0 0 0.25rem rgba(31, 31, 31, 0.5); 
}

.btn-trib-dark:active,
.btn-trib-dark.active,
.show > .btn-trib-dark.dropdown-toggle {
  color: #fff;
  background-color: #000000;     
  border-color: #000000;
}

.btn-trib-dark:disabled,
.btn-trib-dark.disabled {
  color: #ccc;
  background-color: #4d4d4d;
  border-color: #4d4d4d;
}


.btn-trib {
  color: #fff;
  background-color:var(--color-trib-red);
  border-color:var(--color-trib-red);
}

.btn-trib:hover {
  color: #fff;
  background-color: #9f1c21;
  border-color: #95191e;
}

.btn-trib:focus, 
.btn-trib.focus {
  color: #fff;
  background-color: #9f1c21;
  border-color: #95191e;
  box-shadow: 0 0 0 0.25rem rgba(179, 32, 37, 0.5);
}

.btn-trib:active, 
.btn-trib.active,
.show > .btn-custom-red.dropdown-toggle {
  color: #fff;
  background-color: #8a171b;
  border-color: #7e1519;
}

.btn-trib:active:focus,
.btn-trib.active:focus,
.show > .btn-custom-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(179, 32, 37, 0.5);
}

.btn-trib:disabled, 
.btn-trib.disabled {
  color: #fff;
  background-color:var(--color-trib-red);
  border-color:var(--color-trib-red);
  opacity: 0.65;
}


.global-article-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.global-article-list-item {
	margin: 0 0 32px;
	padding: 0;
}

.global-article-list-item a {
	text-decoration: none;
	display: flex;
}

.global-article-list-item a * {
	text-decoration: none;
}

.global-article-list-item a .global-article-list-item-img {
	margin: 0 0 0 8px;
	flex: 1 0 32%;
}

.global-article-list-item a .global-article-list-item-img img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	/* margin: 0 0 24px; */
}

.global-article-list-item a .global-article-list-item-text {
	flex: 0 1 auto;
}

.global-article-list-item a .global-article-list-item-text h3 {
	border: none;
	font-size: 18px;
	line-height: 21px;
	margin: 0 0 16px;
	font-family: "STIX Two Text", serif;
}

.global-article-list-item a h4 {
	font-family: "TikTok Sans";
	font-size: 14px;
	line-height: 18px;
	text-transform: uppercase;
	margin: 0 0 8px;
}

.global-article-list-item a h5 {
	font-family: "TikTok Sans";
	font-size: 12px;
	line-height: 11px;
	margin: 0 0 16px;
	text-transform: uppercase;
}

.global-article-list-item a h6 {
	font-family: "TikTok Sans";
	font-size: 10px;
	line-height: 11px;
	text-transform: uppercase;
}


.global-article-list-item a .global-article-list-read-length {
	font-weight: 700;
}

.global-article-list-item a .global-article-list-time-ago {
	
}


/* END CUSTOM ELEMENTS */

/* START HEADER */

#header {
	font-family: "TikTok Sans";
	text-transform: uppercase;
}

#header a {
	/* color: #727272; */
}

#header #logo {
	display: inline-block;
	width: auto;
}

#header .dropdown {
}

#header .dropdown ul {
	text-align: center;
}

#header .dropdown li {
		
}

#header .dropdown li a {
	padding: 24px 16px;
	text-transform: none;
	font-weight: 800;
	text-align: center;
	font-size: 12px;
}

#header-mobile #header-mobile-header {
		display: flex;
		justify-content: space-between;
		padding: 8px;
	}

	#header-mobile-init {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	#header-mobile-menu-toggle, #header-mobile-user {
		display: block;
		font-size: 1.25em;
		padding: 8px;
	}
	
	#header-mobile-menu-right-placeholder {
		color: #FFF;
	}
	

	#header-mobile-content {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		z-index: 1000;
	}

	#header-mobile-date-tag {
		background: #F1F1F1;
		display: flex;
		justify-content: center;
		padding: 8px;
		border-bottom: 1px solid #393939;
		margin: 8px 0;
	}

	#header-mobile-date-tag div {
		display: block;
		padding: 8px;
		font-size: 14px;
	}

	#header-mobile-date-tag div span {
		font-weight: 800;
	}

	#header-nav-main .container {
		padding: 0;	
	}

	#header-nav-main #menu-home a {
		text-decoration: none;
	}

	#header-mobile-content.open {
  		transform: translateX(0);
		display: flex;
	}
	
	#header-mobile-content-container {
		/* background: #fff;
		box-shadow: 2px 0 5px rgba(0, 0, 0, 0.2); */
		overflow-y: auto;
    	height: 100vh;
		width: 100%;
		background: #FFF;
		
	}
	
	
	#header-mobile-btn-toggle-container {
		
	}

	#header-mobile-btn-toggle-container i {
		font-size: 24px;
		color: #000;
	}
	
	#header-mobile-btn-toggle {
		font-size: 1.25em;
		color: #727272;
	}
	
	#header-mobile-logo {
		flex: 1 1 auto;
	}

	#header-mobile-logo a img {
		width: 100%;
		max-width: 153px;
	}
	
	#header-mobile-menu-logo {
	    text-align: left;
    	flex-grow: 1;
	}

	#header-mobile-menu-logo a img {
		width: 100%;
		max-width: 120px;
	}

	#header-mobile-search a {
		border-radius: 1000px;
		padding: 12px;
		aspect-ratio: 1;
		display: block;
		margin: 8px 36px 8px 8px;
		background: #ececec;
	}

	#header-mobile-search i {
		font-size: 18px;
		color: #464646;
	}
	
	
	
	#header-home-btn a{
		padding: 10px;
		display: block;
	}

	
	
	#header-nav-container {
		flex-direction: column;
	}
	
	
	
	#menu-home {
		flex-direction: column;
		margin: 0;
		padding: 0;
		border-top: solid 1px #E4E4E4;
	}
	

	.menu-item {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
    	/* border-top: 1px solid #fff;
		background: #727272; */
	 }
	
	.menu-item a {
		flex-grow: 1;
		word-break: break-all;
		white-space: normal;
		font-size: 14px;
		align-content: center;
		padding: 10px;
		text-decoration: none;
	 }

	.menu-item .submenu-toggle {
		padding: 20px 36px 20px 16px;
		/* font-size: 1.25em; */
		font-size: 14px;
	 }
	
	#menu-home .sub-menu {
		display: none;
		position: static;
		width: 100%;
		list-style: none;
		padding: 0;
		background: #FEFEFE;
	 }

	#header-mobile-extra-menu ul {
		list-style: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
	#menu-home .submenu-open .sub-menu {
		border-top: solid 1px rgba(255, 255, 255, .4);
	}

	#menu-home .submenu-open .sub-menu .sub-menu {
		background: #EFEFEF;
	}
	
	#menu-home .sub-menu .menu-item {
		border: none;
		/* font-family: "Stainless Cond Bd"; */
		text-transform: uppercase;
		background: transparent;
		padding: 0;
	}

	
	#menu-home .menu-item.submenu-open > .sub-menu {
		display: block;
		transition: transform 0.3s ease;
	}

	.submenu-toggle {
		background: none;
		border: none;
		padding-left: 8px;
		cursor: pointer;
		font-size: 0.9em;
		color: inherit;
	}

	.submenu-toggle .fa-caret-down {
		transition: transform 0.3s ease;
	}

	#header-nav-container .menu-home-container > #menu-home > .menu-item.submenu-open > .submenu-toggle .fa-chevron-right {
	transform: rotate(90deg);
	}
	
	#header-nav-container .menu-home-container > #menu-home .menu-item.submenu-open li.submenu-open .submenu-toggle .fa-chevron-right {
	transform: rotate(90deg);
	}
	
	#header-nav-container .menu-home-container > #menu-home > .menu-item.submenu-open li ul {
		padding: 12px 0 12px 0;
    	margin: 12px 0 12px 0;
    	border-bottom: solid 1px rgba(255, 255, 255, .4);
		border-top: solid 1px rgba(255, 255, 255, .4);
	}
	
	#header-nav-container .menu-home-container > #menu-home > .menu-item.submenu-open {
		
	}
	
	#header-nav-container .menu-home-container > #menu-home  .sub-menu .submenu-toggle {
		padding: 0 10px;
	}
	
	#header-nav-social {
		margin: 10px 0;
	}
	
	#header-nav-social a {
	padding: 20px 14px;
	}
	
	/*
	#header-mobile-tagline {
		border-bottom: solid 1px #727272;
		border-top: solid 1px #727272;
		padding: 12px;
		font-size: 10px !important; 
		line-height: 1.6429; 
		color: #727272 !important; 
	}
	*/
	
	#header-mobile-extra-menu {
	}
	
	#header-mobile-extra-menu a {
		display: block;
		padding: 4px 0;
	}
	
	#header-mobile-footer {
		background: #000;
		padding: 12px 12px 120px;
	}
	
	#header-mobile-footer a {
		color: #FFF;
		display: block;
		padding: 4px 0;
	}


#header-nav-main .current-menu-item, #header-nav-main .current-menu-item a, #header-nav-main .current_page_ancestor, #header-nav-main .current_page_ancestor a
{
	text-decoration: underline;
	color: #890D11;
}



/* END HEADER */


/* START SEARCH */
	
.search-area {
	font-family: 'open_sansregular';
    font-style: normal;
    font-weight: normal;
    position: relative;
}

.search-area .form-control {
    position: relative;
    z-index: 1;
    padding-right: 36px;
	border-radius: 16px;
	font-size: 12px;
}

.search-area .form-control:focus {
    box-shadow: none;
    border-color: var(--color-trib-red);
}

.search-area .search-now {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    font-size: 1px;
}

.search-area .fa-search {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 36px;
    height: 33px;
    padding: 6px 10px 6px 6px;
    cursor: pointer;
    font-size: 1.125em;
    color: #727272;
    transition: color 200ms;
    z-index: 2;
}

.search-area .fa-search:hover,.search-area .fa-search:active,.search-area .fa-search:focus {
    color:var(--color-trib-red);;
}
	
/* END SEARCH */

/* START FOOTER */

footer#footer {
	background: #1F1F1F;
	font-family: "TikTok Sans";
	color: #A3A3A3;
	font-size: 16px;
	line-height: normal;
}

footer#footer a {
	color: #A3A3A3;
	text-decoration: none;
	font-size: 15px;
}



footer#footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	
}

footer#footer li {
	margin: 8px 0;
}

footer#footer .row{
    --bs-gutter-x: 40px;
    --bs-gutter-y: 40px;
}



#logo-footer {
	
}

#logo-footer img {
	width: 100%;
}

footer#footer .footer-tagline {
	font-family: "STIX Two Text", serif;
	color: #FFF;
	font-style: italic;
	font-size: 11px;
}


footer#footer .footer-main-row {
}


footer#footer .footer-main-row .col-12:first-child {
	padding: 8px 0 20px 40px;
}

footer#footer .footer-main-row ul {
	border-left: 1px solid #5C5C5C;
	padding: 0 0 20px 20px;
}

footer#footer .footer-main-row ul li:first-child {
	margin: 0 0 8px;
} 

footer#footer .footer-main-row h2 {
	border: none;
	color: #FFF;
	text-transform: uppercase;
	border-left: 1px solid #5C5C5C;
	margin: 0;
	padding: 8px 0 20px 20px;
}

footer#footer #footer-social {
	list-style: none;
	padding: 0;
	margin: 0;
	border: none;
}

footer#footer #footer-social li {
	display: inline-block;
	margin: 0 10px;
}


footer#footer #footer-social li:first-child {
	margin: 0 10px 0 0;
}

footer#footer #footer-social li a {
	font-size: 20px;	
}

footer#footer #footer-social li a.fa-facebook:hover {
	color: #0a58ca;
}

footer#footer #footer-social li a.fa-x-twitter:hover {
	color: #339cc3;
}

footer#footer #footer-social li a.fa-instagram:hover {
	color: #005787;
}

footer#footer #footer-social li a.fa-linkedin:hover {
	color: #0A66C2;
}


footer#footer .footer-app-badges {
	
}

footer#footer .footer-app-badges img {
	width: 100%;
	max-width: 180px;
}

footer#footer .footer-app-badges img.footer-app-badges-apple {
	padding: 0;
}

footer#footer .footer-app-badges img.footer-app-badges-android {
	padding: 0;
}


footer#footer .footer-end-menus {
	background: #2E2E2E;
	margin: 80px 0 40px;
	padding: 32px 0;
}


footer#footer .footer-end-menus .col-12 {
	margin: 8px 0;
}

footer#footer .footer-end-menus .col-12:first-child {
	margin: 32px 0 8px;
}


footer#footer .footer-end-menus ul {
	display: flex;
	justify-content: center;
	border: none;
}

footer#footer .footer-end-menus ul li {
	display: block;
	margin: 8px 16px;
}

footer#footer .footer-end-menus ul li:first-child {
	font-weight: 600;
	color: #FFF;
}

footer#footer .footer-end-menus ul li a {
	
}





footer#footer .footer-copyright {
	text-align: center;
	color: #FFF;
}




/*

footer#footer {
	background: #000;
	color: #FFF;
}

footer#footer .ttm-logo {
	max-width: 260px;
}

footer#footer a {
	color: #FFF;
	text-decoration: none;
}

footer#footer h4 {
	font-size: 18px;
	border-bottom: 2px solid white;
    margin-bottom: 15px;
    text-align: left;
    padding-top: 8px;
    padding-bottom: 8px;
}

footer#footer .footer-contact p{
	font-size: 10px;
}

footer#footer p {
	margin: 0;
	line-height: normal;
}

footer#footer p a {
	font-size: 10px;
}



*/


/* END FOOTER */

/* START HOMEPAGE */

#home-hero {
	margin: 0 0 32px;
}

#home-hero a {
	text-decoration: none;
}

#home-hero a * {
	text-decoration: none;
}

#home-hero .home-hero-img {
	margin: 0 0 24px;
}

#home-hero .home-hero-img img {
	width: 100%;
}

#home-hero .home-hero-text {
}

#home-hero .home-hero-text h1 {
	font-size: 38px;
	line-height: 42px;
	margin: 0 0 24px;
}

#home-hero .home-hero-text h2 {
	font-size: 12px;
	border: none;
	font-family: "STIX Two Text", serif;
}

#home-hero .home-hero-text h3 {
	font-size: 12px;
	text-transform: uppercase;
	border: none;
	font-family: "TikTok Sans";
	margin: 0 0 16px;
	color: #A3A3A3;
}

#home-hero .home-hero-text .home-hero-desc {
	font-size: 18px;
	line-height: 24px;
	margin: 0 0 24px;
	color: #A3A3A3;
}

#home-hero .home-hero-text h4 {
	font-family: "TikTok Sans";
	font-size: 12px;
	text-transform: uppercase;
}

#home-latest {
	
}

#home-latest ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.home-latest-item {
	margin: 0 0 84px;
	padding: 0;
}

.home-latest-item a {
	text-decoration: none;
}

.home-latest-item a * {
	text-decoration: none;
}

.home-latest-item a .home-latest-item-img {
	margin: 0 0 16px;
}

.home-latest-item a .home-latest-item-img img {
	width: 100%;
	/* margin: 0 0 24px; */
}

.home-latest-item a .home-latest-item-text {
	
}

.home-latest-item a .home-latest-item-text h3 {
	border: none;
	font-size: 20px;
	line-height: 24px;
	margin: 0 0 16px;
	font-family: "STIX Two Text", serif;
}

.home-latest-item a .home-latest-item-text h4 {
	font-family: "TikTok Sans";
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 0 16px;
	color: #A3A3A3;
}

.home-latest-item a .home-latest-item-text h5 {
	font-family: "TikTok Sans";
	font-size: 10px;
	text-transform: uppercase;
	color: #A3A3A3;
}



#home-top-stories ul, #home-editors-picks ul {
	list-style: none;
	padding: 0;
	margin: 0 0 80px;
	
}

.home-top-stories-item, .home-editors-picks-item {
	margin: 0 0 32px;
	padding: 0;
}

.home-top-stories-item {
	border-bottom: 0.6px solid rgba(0, 0, 0, 0.20);
}

.home-top-stories-item a, .home-editors-picks-item a {
	text-decoration: none;
	display: flex;
	align-items: flex-start;
}

.home-top-stories-item a *, .home-editors-picks-item a * {
	text-decoration: none;
}


.home-top-stories-item a .home-top-stories-item-img, .home-editors-picks-item a .home-editors-picks-item-img {
	margin: 0 8px 20px 0;
	flex: 1 0 32%;
}


.home-top-stories-item a .home-top-stories-item-img.article-img-video-icon i, .home-editors-picks-item a .home-editors-picks-item-img.article-img-video-icon i {
	bottom: 8px;
    left: 8px;
    font-size: 18px;
}

.home-top-stories-item a .home-top-stories-item-img img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.home-top-stories-item a .home-top-stories-item-text, .home-editors-picks-item a .home-editors-picks-item-text {
	flex: 0 1 auto;
}

.home-top-stories-item a .home-top-stories-item-text h3, .home-editors-picks-item a .home-editors-picks-item-text h3 {
	border: none;
	font-size: 14px;
	line-height: 18px;
	margin: 0 0 16px;
	font-family: "STIX Two Text", serif;
}

.home-top-stories-item a .home-top-stories-item-text h4, .home-editors-picks-item a .home-editors-picks-item-text h4 {
	font-family: "TikTok Sans";
	font-size: 12px;
	line-height: 11px;
	text-transform: uppercase;
	margin: 0 0 8px;
}

.home-top-stories-item a .home-top-stories-item-text h5, .home-editors-picks-item a .home-editors-picks-item-text h5 {
	font-family: "TikTok Sans";
	font-size: 10px;
	text-transform: uppercase;
}


.global-article-list-first-img-hero {
	
}

.global-article-list-first-img-hero img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.global-article-list-first-img-hero ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.global-article-list-first-img-hero ul li {
	/*margin: 0 0 32px; */
	padding: 0;
}

.global-article-list-first-img-hero ul li a, .global-article-list-first-img-hero ul li a * {
	text-decoration: none;
}


.global-article-list-first-img-hero ul li h3 {
	border: none;
	font-size: 18px;
	line-height: 21px;
	margin: 0;
	font-family: "STIX Two Text", serif;
	padding: 16px 0;
	border-bottom: 1px solid #E5E5E5;
}


#home-sports .global-article-list-item-text {
	order: -1;
}


#home-editors-picks {
	
}

#home-editors-picks ul {
	flex-wrap: wrap;
	display: flex;
}

#home-editors-picks ul li {
	width: 25%;
	display: block;
}

#home-editors-picks ul li:first-child {
	width: 100%;
}

.home-editors-picks-item a .home-editors-picks-item-img {
	margin: 0 16px 20px 0;
}

.home-editors-picks-item a .home-editors-picks-item-img img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}

.home-editors-picks-item:first-child a .home-editors-picks-item-img img {
	width: 100%;
	aspect-ratio: auto;
	object-fit: cover;
}

#home-editors-picks ul li:first-child.home-editors-picks-item a .home-editors-picks-item-img {
	margin: 0 20px 0 0;
	flex: 1 0 62%;
}



#home-editors-picks ul li.home-editors-picks-item a h3 {
	font-size: 18px;
	line-height: normal;
}

#home-editors-picks ul li.home-editors-picks-item a h4 {
	font-family: "STIX Two Text", serif;
	color: #5C5C5C;
	text-transform: none;
	font-size: 16px;
	line-height: 20px;
}

#home-editors-picks ul li.home-editors-picks-item a h5 {
	font-size: 12px;
	line-height: 21px;
	color: #5C5C5C;
}

#home-editors-picks ul li.home-editors-picks-item a .home-editors-picks-item-text * {
	margin: 0;
}

#home-editors-picks ul li:first-child.home-editors-picks-item a h3 {
	font-size: 41px;
	line-height: 48px;
	margin: 0 0 20px;
}

#home-editors-picks ul li:first-child.home-editors-picks-item a h4 {
	font-size: 22px;
	line-height: normal;
}

#home-editors-picks ul li:first-child.home-editors-picks-item a h5 {
	display: none;
}

#home-editors-picks ul li.home-editors-picks-item a .home-editors-picks-item-text * {
	margin: 0 10px 0 0;
}

#home-videos {
	background: #1F1F1F;
	color: #FFF;
}

#home-videos.h2, #home-videos a {
	color: #FFF;
}


/* END HOMEPAGE */

/* START SECTION FRONTS */


#cat-featured {
	margin: 0 0 64px;
}

#cat-featured ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#cat-featured ul li {
	border-bottom: 0.6px solid rgba(0, 0, 0, 0.20);
}

#cat-featured a {
	padding: 16px 0;
}

#cat-featured a, #cat-featured a * {
	text-decoration: none;
}

#cat-featured .cat-featured-item-img img {
	width: 100%;
}

#cat-featured .cat-featured-item-text {
	
}

#cat-featured .cat-featured-item-text h2 {
	margin: 0;
	padding: 0;
	font-family: "STIX Two Text", serif;
}

#cat-featured .cat-featured-item-text h3 {
	font-family: "TikTok Sans";
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 0 16px;
    color: #A3A3A3;
}

#cat-featured  .cat-featured-item-text h4 {
	margin: 8px 0;
}

#cat-featured #cat-featured-col-1 ul li {
	border: none;
}

#cat-featured #cat-featured-col-1 .cat-featured-item-img {
	margin: 0 0 20px;
}

#cat-featured #cat-featured-col-1 .cat-featured-item-text {
}

#cat-featured #cat-featured-col-1 .cat-featured-item-text h2 {
	font-size: 38px;
    line-height: 42px;
}

#cat-featured #cat-featured-col-1 .cat-featured-item-text h3 {
	
}

#cat-featured #cat-featured-col-1 .cat-featured-item-text h4 {
	
}



#cat-featured #cat-featured-col-2 a {
	text-decoration: none;
	display: flex;
	align-items: flex-start;
}

#cat-featured #cat-featured-col-2 .cat-featured-item-img {
	margin: 0 8px 0 0;
	flex: 0 0 25%;
}

#cat-featured #cat-featured-col-2 .cat-featured-item-img img {
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}



#cat-featured #cat-featured-col-2 .cat-featured-item-text {
	
}

#cat-featured #cat-featured-col-2 .cat-featured-item-text h2 {
	font-size: 18px;
}

#cat-featured #cat-featured-col-2 .cat-featured-item-text h3 {
}

#cat-featured #cat-featured-col-2 .cat-featured-item-text h4 {
	
}

#cat-featured-col-3-headline h2 {
	text-transform: uppercase;
	font-weight: 700;
	margin: 0;
	padding: 16px 0;
}


#cat-featured #cat-featured-col-3 .cat-featured-item-img {
	display: none;
}

#cat-featured #cat-featured-col-3 .cat-featured-item-text {
	
}

#cat-featured #cat-featured-col-3 .cat-featured-item-text h2 {
	font-size: 18px;
	padding: 16px 0;
}

#cat-featured #cat-featured-col-3 .cat-featured-item-text h3 {
	display: none;
}

#cat-featured #cat-featured-col-3 .cat-featured-item-text h4 {
	display: none;
}



.article-list-cat-label {
	font-family: "TikTok Sans";
    font-size: 12px;
    line-height: 11px;
    margin: 8px 0;
    text-transform: uppercase;
}

.article-list-item-info, .article-list-item-info > * {
	font-family: "TikTok Sans";
    font-size: 10px;
    line-height: 11px;
    text-transform: uppercase;
}

.article-list-item-read-length {
	font-weight: 700;
}

.article-list-item-time-ago {
	
}


.page-template-gridMultiTopicR h1 {
	margin: 0 0 32px;
}

#sports-hero-pack {
	
}

#sports-hero-pack a {
	text-decoration: none;
	display: block;
}


#sports-cat-hero {
	margin: 0 0 32px;
}

#sports-cat-hero img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
	margin: 0 0 16px;
}

#sports-cat-hero h2 {
	font-size: 38px;
    line-height: 42px;
	font-family: "STIX Two Text", serif;
	margin: 0 0 8px;
}



#sports-cat-hero-subs {
	
}

#sports-cat-hero-subs a {
	padding: 8px 0;
	border-bottom: 0.6px solid rgba(0, 0, 0, 0.20);
	display: block;
}

#sports-cat-hero-subs h2 {
	    border: none;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 8px;
	padding: 0;
    font-family: "STIX Two Text", serif;
}

#sports-cat-hero-subs h3 {
	
}

#sports-cat-hero-subs h4 {
	
}

#sports-cat-hero-subs img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
	margin: 0 0 8px;
}

#sports-cat-hero-subs-cont {
	
}

#sports-cat-hero-subs-cont .row {
	margin: 16px 0;
}

#sports-cat-hero-subs-cont a {
	display: block;
	margin: 0 0 16px;
}

#sports-cat-hero-subs-cont img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1;
}

#sports-cat-hero-subs-cont h2 {
	    border: none;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 8px;
	padding: 0;
    font-family: "STIX Two Text", serif;
}

#sports-cat-hero-subs-cont h3 {
	
}

#sports-cat-hero-subs-cont h4 {
	
}



#sports-cat-hero-subs-cont-cont {
	margin: 32px 0;
}

#sports-cat-hero-subs-cont-cont .row {
	margin: 16px 0;
}

#sports-cat-hero-subs-cont-cont img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
}

#sports-cat-hero-subs-cont-cont h2 {
	border: none;
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 8px;
	padding: 0;
    font-family: "STIX Two Text", serif;
}

#sports-cat-hero-subs-cont-cont h3 {
	
}

#sports-cat-hero-subs-cont-cont h4 {
	
}





#sports-cat-columnists {
}

#sports-cat-columnists ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#sports-cat-columnists ul li{
	margin: 0 0 16px;
}



#sports-cat-columnists ul li a{
	text-decoration: none;
}

#sports-cat-columnists ul li a * {
	text-decoration: none;
}

#sports-cat-columnists img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 1;
}

#sports-cat-columnists h2 {
	border: none;
    font-size: 20px;
    line-height: 24px;
    margin: 0;
    padding: 0;
    font-family: "STIX Two Text", serif;
}

#sports-cat-columnists h3 {
	font-family: "TikTok Sans";
    font-size: 12px;
    line-height: 11px;
    margin: 8px 0;
    text-transform: uppercase;
}

#sports-cat-columnists h4 {
	
}


.sports-mod-topic-ripper-artilce-list {
	margin: 64px 0;
	
}

.sports-mod-topic-ripper-artilce-list img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

.sports-mod-topic-ripper-artilce-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sports-mod-topic-ripper-artilce-list ul li {
	border-bottom: 0.6px solid rgba(0, 0, 0, 0.20);
}

.sports-mod-topic-ripper-artilce-list ul li a {
	
}

.sports-mod-topic-ripper-artilce-list ul li a, .sports-mod-topic-ripper-artilce-list ul li a * {
	text-decoration: none;
}

.sports-mod-topic-ripper-artilce-list h3 {
	border: none;
    font-size: 20px;
    line-height: 24px;
    margin: 16px 0 8px;
    padding: 0;
    font-family: "STIX Two Text", serif;
}

.sports-mod-topic-ripper-artilce-list h4 {
	font-family: "TikTok Sans";
    font-size: 12px;
    line-height: 11px;
    margin: 8px 0;
    text-transform: uppercase;
}


.sports-mod-topic-ripper-artilce-list-img-items {
	
}

.sports-mod-topic-ripper-artilce-list-img-items ul li {
	margin: 0 0 32px;
	border: none;
}

.sports-mod-topic-ripper-artilce-list-img-items img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 16/9;
}

.sports-mod-topic-ripper-artilce-list-img-items h3 {
	font-size: 24px;
	margin: 8px 0;
}

.section-opinion-hero img {
	width: 100%;
	object-fit: cover;
	aspect-ratio: 4/3;
}


.page-template-gridMultiTopicR h1 {
	
}


/* END SECTION FRONTS */

/* START SINGLE */


#single-page-temp {
	
}

#single-page-temp #single-category-display-header h2 {
	font-family: "TikTok Sans";
	font-size: 20px;
	line-height: 29px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .4px;
	color: #C22126;
	padding: 0;
	margin: 0 0 16px;
}

#single-page-temp header  {
	display: flex;
	flex-direction: column;
	align-content: stretch;
	justify-content: space-between;
    height: 100%;
}

#single-page-temp header #article-header-top {
	flex-grow: 1;
}

#single-page-temp header #article-header-bottom {
	flex-grow: 0;
}

#single-page-temp h1 {
	font-weight: 700;
	font-size: 39px;
	line-height: 45px;
	letter-spacing: -.4px;
	text-transform: capitalize;
	color: #1F1F1F;
	margin: 0 0 24px;
	padding: 0;
}


#single-page-temp #article-excerpt {
	font-size: 25px;
	line-height: normal;
	color: #404040;
}


#single-page-temp #article-info-line #article-info-line-container {
	display: flex;
	justify-content: space-around;
	font-family: "TikTok Sans";
}

#single-page-temp #article-info-line #article-info-line-container > * {
	display: block;
	flex-grow: 1;
}

#single-page-temp #article-info-line #article-info-line-container #article-info-line-author-img {
	width: 40px;
	flex-grow: 0;
	margin: 0 8px 0 0;
}

#single-page-temp #article-info-line #article-info-line-container #article-info-line-author-img img {
	width: 100%;	
}

#single-page-temp #article-info-line #article-info-line-container #article-info-line-content {
	
}

#single-page-temp #article-info-line #article-info-line-container #article-info-line-content {
	
}

#single-page-temp #article-info-line #article-info-line-container #article-info-line-content #article-info-author {
	font-size: 20px;
	line-height: normal;
	
}

#single-page-temp #article-info-line #article-info-line-container #article-info-line-content #article-info-author-text {
	font-weight: 600;
	
}

#single-page-temp #article-info-line #article-info-line-container #article-info-line-content #article-info-date-time {
	font-size: 18px;
	line-height: normal;
}


#single-page-temp .article-share {
	margin: 16px 0;
	padding: 16px 0;
}

#single-page-temp .article-share ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

#single-page-temp .article-share ul li {
	display: block;
	margin: 8px;
}

#single-page-temp .article-share ul li a {
	padding: 4px;
	color: #404040;
}

#single-page-temp .article-share ul li a:hover {
	
}

#single-page-temp .article-share ul li a .fa-copy:hover {
	color: #333;
}


#single-page-temp .article-share ul li a .fa-facebook:hover {
	color: #0a58ca;
}

#single-page-temp .article-share ul li a .fa-x-twitter:hover {
	color: #339cc3;
}

#single-page-temp .article-share ul li a .fa-linkedin-in:hover {
	color: #0A66C2;
}

#single-page-temp .article-share ul li a .fa-reddit-alien:hover {
	color: #FF4500;
}

#single-page-temp .article-share ul li a .fa-envelope:hover {
	color: #333;
}

#single-page-temp .article-share ul li a .fa-print:hover {
	color: #333;
}


#single-page-temp .carousel-item {
		
}

#single-page-temp .carousel-item-image {
	
}

#single-page-temp .carousel-item-image img  {
		width: 100%;
		aspect-ratio: 3/2;
		object-fit: cover;
}



#single-page-temp .article-carousel-credit, #single-page-temp .article-carousel-caption {
	color: #404040;
	font-size: 16px;
	line-height: normal;
	margin: 4px 0;
	font-family: "TikTok Sans";
}

#single-page-temp .article-carousel-caption {
	
}

#single-page-temp #article-carousel-controls {
	display: flex;
	align-content: flex-end;
}

/*
#single-page-temp #article-carousel-controls button {
	
}

#single-page-temp #article-carousel-controls .carousel-control-next, #single-page-temp #article-carousel-controls .carousel-control-prev {
	position: relative;
}
*/

#single-page-temp .carousel-thumbnails {
	overflow: auto;
	flex-wrap: nowrap; 
}

#single-page-temp .carousel-thumbnails .thumbnail-img {
	margin: 0 8px 0 0;
}

#single-page-temp .carousel-thumbnails .thumbnail-img img {
	width: 140px;
	aspect-ratio: 3/2;
	object-fit: cover;
	cursor: pointer;
}

#single-page-temp .carousel-thumbnails .thumbnail-img.active-thumb {
}

#single-page-temp .carousel-thumbnails .thumbnail-img.active-thumb::after {
	content: " ";
	display: block;
	background-color:var(--color-trib-red);
	height: 4px;
	width: 100%;
	margin: 4px 0 0;
}


#single-page-temp #article-content {
	font-size: 23px;
	line-height: normal;
	color: #1F1F1F
}


#single-page-temp .tag-list {
	margin: 0 0 20px;
}

#single-page-temp .tag-list h2 {
	margin: 0 0 16px;
	text-transform: uppercase;
}

#single-page-temp .tag-list ul {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	flex-wrap: wrap;
}

#single-page-temp .tag-list ul li {
	display: block;	
	margin: 10px 8px 10px 0;
}

#single-page-temp .tag-list ul li a {
	/* padding: 8px 20px; */
	padding: 8px 10px;
	border-radius: 100px;
	border: 2px solid #B52F34;
	color: #B52F34;
	font-family: "TikTok Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: -0.032px;
	text-transform: uppercase;
	text-decoration: none;
}


#single-page-temp .all-stories-categories {

}

#single-page-temp .all-stories-tags {

}



#factBox {
	background: #F5F5F5;
	color: #4A4A4A;
	padding: 28px;
	font-size: 21px;
	line-height: normal;
}

#factBox .preview, #factBox .preview * {
	font-size: 21px;
	line-height: normal;
	color: #4A4A4A;
}

#factBox h2 {
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 20px;
}

#factBox .accordion-item {
	background-color: transparent;
}

#factBox .accordion-button {
	text-align: right;
}



.post-wdgt-wrapper {
	
}

.post-wdgt-wrapper h2 {
	margin: 0 0 20px;	
}


.post-wdgt{
	
}



.post-wdgt-item {
	
	border-bottom: solid 1px #CCC;
}


.partner {
	/* background-color: #ffe8e3; */
}
.post-wdgt-item img {
	display: none;
	/*
	width: 150px;
	height:auto;
	max-width: 150px;
	*/
}

.post-wdgt-item a {
	padding: 20px 0;
	display: block;
	text-decoration: none;
}

.post-wdgt-item a * {
	text-decoration: none;
}

.post-wdgt-item h3 {
	color: #1F1F1F;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
}

.post-wdgt-item a:hover h3 {
	color: #890D11;	
}

.post-wdgt-item .date {
	font-family: "TikTok Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; /* 150% */
	letter-spacing: 0.36px;
}
.partner-news {
	color: #C22126;
	font-family: "TikTok Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	margin: 0 0 8px;
	
}

.partner-news::before {
  content: "\f2b5"; /* Unicode for fa-handshake */
  font-family: "Font Awesome 6 Free";
  font-weight: 900; /* required for solid style */
  display: inline-block;
  margin-right: 0.4em; /* spacing before text */
}

.img-wrapper {
	/*
	width: 100%;
	height: auto;
	height:95px;
	display: flex;
	justify-content: center; 
	align-items: center; 
	overflow: hidden; 
	*/
}
.img-wrapper img {
	/*
	width: 100%; 
	height: auto;
	*/
}  


#single-page-temp  .single-bottom-more-stories {
	margin: 0 0 80px;
}

#single-page-temp  .single-bottom-more-stories .row {
	margin: 0 0 40px;
	
}


#single-page-temp  .single-bottom-more-stories h2 {
	color: #1F1F1F;
	font-family: "TikTok Sans";
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 56px; /* 254.545% */
	text-transform: uppercase;
}

#single-page-temp  .single-bottom-more-stories a {
	text-decoration: none;
}

#single-page-temp  .single-bottom-more-stories a * {
	text-decoration: none;
}

#single-page-temp  .single-bottom-more-stories a img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
}

#single-page-temp  .single-bottom-more-stories a h3 {
	color: #000;
	font-family: "STIX Two Text";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 120% */
	margin: 16px 0 8px;
}

#single-page-temp  .single-bottom-more-stories a h4 {
	color: #A3A3A3;
	font-family: "TikTok Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 18px; /* 150% */
	letter-spacing: 0.36px;
	text-transform: uppercase;
}


.msWdgt-carousel  {
	background: #333;
	border-radius: 8px;
	margin: 40px 0;
	padding: 20px 0 0;
	padding: 0;
	overflow: hidden;
}

.msWdgt-carousel h3  {
	background: #b32025;
	padding: 0 30px;
	text-align: center;
	color: #FFF;
	padding: 10px;
}

.msWdgt-carousel .cards { text-align: left; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; position: relative; font-size: 0; overflow: auto; padding: 30px 0 20px 10px; margin: -15px -20px -20px -10px; white-space: nowrap; }
.msWdgt-carousel .cards li a:hover .name { text-decoration: underline; }
.msWdgt-carousel .stage { color: var(--color-text); text-align: left; font-size: 0; white-space: nowrap; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; margin: -10px; padding: 10px; display: inline-block; }
.msWdgt-carousel .stage ul { color: var(--color-text); text-align: left; font-size: 0; white-space: nowrap; margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; }
.msWdgt-carousel .featured { color: var(--color-text); white-space: nowrap; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; position: relative; box-shadow: var(--card-shadow); border-radius: var(--border-radius); display: inline-block; height: 225px; width: 300px; font-size: 15px; line-height: 1; padding: 10px 12px; overflow: hidden; background: white; transition: all 0.3s ease; margin: 0 20px 0 0; height: 225px; }
.msWdgt-carousel .card-top { white-space: nowrap; font-size: 15px; line-height: 1; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; color: inherit; text-decoration: none; display: block; }
.msWdgt-carousel .image { white-space: nowrap; line-height: 1; color: inherit; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; font-size: 0; text-align: center; max-height: 550px; overflow: hidden; position: relative; height: 130px; background-size: cover; background-position: center center; background-color: #F5F5F5; margin: -12px -12px 15px; }
.msWdgt-carousel .card-info { white-space: nowrap; font-size: 15px; line-height: 1; color: inherit; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; position: relative; }
.msWdgt-carousel .name { text-wrap: wrap; line-height: 1; color: inherit; margin: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; font-size: 15px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 12px; }
.msWdgt-carousel .details .source { line-height: 1; margin: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; color: var(--color-text-70); font-weight: normal; padding: 0 0 12px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.msWdgt-carousel .carousel-item ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: normal;
	align-items: normal;
	align-content: normal;
	padding: 30px 40px;

}

.msWdgt-carousel .carousel-item li {
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	order: 0;
	margin: 0 10px;
	border-radius: 6px;
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

.msWdgt-carousel .carousel-item ul li:hover {
	-moz-transform: scale(1.06);
	-webkit-transform: scale(1.016));
	-o-transform: scale(1.06);
	-ms-transform: scale(1.06);
	transform: scale(1.06);
	z-index: 999;

}

/* --------------------- */

.msWdgt-carousel .carousel-control {
	width: 40px;
}

.msWdgt-carousel .carousel-control-next, .msWdgt-carousel .carousel-control-prev {
	background: transparent;
	color: #FFF;
	width: 50px;
}

.msWdgt-carousel .carousel-control span {
	font-size: 30px;
	display: inline-block;
	text-align: center;
	top: 50%;
	position: absolute;
	right: 0;
	left: 0;
}

/*.msWdgt-carousel span, .msWdgt-carousel span {
	background: none;
	position: absolute;
	width: 50px;
	text-align: center;
}*/

.msWdgt-carousel .carousel-item {
	transition-behavior: normal, normal, normal;
	transition-delay: 0s, 0s, 0s;
	transition-duration: 0.6s, 0.6s, 0.6s;
	transition-property: all;
	transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
}

.msWdgt-carousel .carousel-item .ol-partner-news {
	margin: 15px 0;
	font-size: 10px;
	text-transform: uppercase;
	background: #b32025;
	color: #FFF;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 4px;
}

.msWdgt-carousel .carousel-item .card-info .details {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* END SINGLE */



/* START MODULES */


.promo-email-newsletter {
	margin: 48px 0;
}

.promo-email-newsletter h2 {
	color: #87262A;
	margin: 0;
}

.promo-email-newsletter h2 i {
	font-size: 28px;
}

.promo-email-newsletter h2 span {
	display: block;
	font-family: "TikTok Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.2px;
}

.promo-email-newsletter p {
	color: #737373;
	font-family: "TikTok Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.16px;
}


.promo-email-newsletter .btn {
	display: block;
	width: 100%;
}

.promo-ad-free {
	margin: 48px 0;
}

.promo-ad-free h2 {
	color: #87262A;
	font-family: "TikTok Sans";
	font-size: 28px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.28px;
	margin: 0;
}

.promo-ad-free p {
	color: #5C5C5C;
	font-family: "TikTok Sans";
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.promo-ad-free > ul {
	list-style: none;
	margin: 24px 0;
	padding: 0;
}

.promo-ad-free > ul > li {
	border-radius: 20px;
	border: 3px solid #D6D6D6;
	padding: 24px 32px;
	margin: 16px 0;
}

.promo-ad-free > ul > li.best-value {
	border-color:var(--color-trib-blue-2026);
}

.promo-ad-free ul li h3 {
	color: #1F1F1F;
	font-family: "TikTok Sans";
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	letter-spacing: 0.2px;
}

.promo-ad-free ul li ul {
	list-style: disc;
}

.promo-ad-free ul li ul li {
	color: #4A4A4A;
	font-family: "TikTok Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 175% */
	letter-spacing: 0.16px;
}

.promo-ad-free .btn {
	display: block;
	width: 100%;
	margin: 12px 0;
}

.promo-ad-free .btn.btn-link {
	color: #87262A;
}

.article-img-video-icon {
	position: relative;
}

.article-img-video-icon i {
	position: absolute;
	bottom: 16px;
	left: 12px;
	color: #FFF;
	font-size: 24px;
}


.modSection6pack {
	margin: 32px 0;
}

.modSection6pack h2 {
	text-transform: uppercase;
	border-bottom: 0.6px solid rgba(0, 0, 0, 0.20);
	margin: 0 0 16px;
	font-weight: 700;
}

/*
.modSection6pack h2 a {
	display: flex;
    text-decoration: none;
    color: #1F1F1F;
    justify-content: space-between;
}

.modSection6pack h2 a > * {
	display: block;
}
*/

.modSection6pack .row {
	margin: 0 -10px 16px;
}

.modSection6pack .row > div {
	
}

.modSection6pack .modSection6pack-item:first-child {
}

.modSection6pack .modSection6pack-item:last-child {
}

.modSection6pack a {
	text-decoration: none;
}

.modSection6pack img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	margin: 0 0 16px;
}

.modSection6pack h3 {
	border: none;
	font-size: 18px;
	font-weight: 700;
	line-height: 21px;
	margin: 0 0 8px;
	font-family: "STIX Two Text", serif;
}

.modSection6pack h4 {
	font-family: "TikTok Sans";
	font-size: 10px;
	line-height: 11px;
	text-transform: uppercase;
}


.modSection6pack .modSection6pack-item .modSection6pack-item-read-length {
	font-weight: 700;
}

.modSection6pack .modSection6pack-item .modSection6pack-item-time-ago {
	
}


.modSection6pack .modSection6pack-text-items {
	display: flex;
	flex-wrap: wrap;
}

.modSection6pack .modSection6pack-text-item {
	width: 50%;
	padding: 0 20px 0 0;
}

.modSection6pack .modSection6pack-text-item:nth-child(even) {
	padding: 0 0 0 20px;
}

.modSection6pack .modSection6pack-text-item a {
	text-decoration: none;
	border-bottom: 0.6px solid rgba(0, 0, 0, 0.20); 
	display: block;
	padding: 16px 0;
}

.modSection6pack .modSection6pack-text-item a h3 {
	margin: 0;
	font-size: 18px;
	font-weight: normal;
}

.mod-story-generic-list {
	
}

.mod-story-generic-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mod-story-generic-list ul li {
	margin: 0 0 32px;
}

.mod-story-generic-list ul li a {
	text-decoration: none;
}

.mod-story-generic-list ul li a img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	margin: 0 0 16px;
}

.mod-story-generic-list ul li a h2 {
	font-size: 24px;
	margin: 0 0 8px;
	font-family: "STIX Two Text", serif;
	padding: 0;
	font-weight: 700;
}

.mod-story-generic-list ul li a h3 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	font-family: "TikTok Sans";
}

.section-4packs {
	
}

.section-4packs ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.section-4packs ul li {
	margin: 0 0 32px;
}

.section-4packs ul li a {
	text-decoration: none;
}

.section-4packs ul li a img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	margin: 0 0 16px;
}

.section-4packs ul li a h2 {
	font-size: 24px;
	margin: 0 0 8px;
	font-family: "STIX Two Text", serif;
	padding: 0;
}

.section-4packs ul li a h3 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	font-family: "TikTok Sans";
}


.mod-top-photo {
	margin: 0 0 32px;
}

.mod-top-photo img {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	margin: 0 0 16px;
}

.mod-top-photo a {
	text-decoration: none;
}

.mod-top-photo h2 {
	font-size: 24px;
	margin: 0 0 8px;
	font-family: "STIX Two Text", serif;
	padding: 0;
}

.s2n-player {
	margin: 0 0 32px;
}


.mod-breaking-list {
	
}

.mod-breaking-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.mod-breaking-list ul li {
	
}

.mod-breaking-list ul li a {
	text-decoration: none;
	padding: 8px 0;
	border-bottom: 1px solid #E5E5E5;
	display: block;
}

.mod-breaking-list ul li a h3 {
	font-family: "STIX Two Text", serif;
	font-size: 21px;
}





.tip-card{
  max-width: 720px;
  margin: 16px auto;
  padding: 22px clamp(16px, 3.2vw, 28px);
  color: #1c1c1c;
  border-radius: 18px + 6px);
  box-shadow: 0 6px 28px rgba(0,0,0,.08);
  border: 1px solid #f2f2f2;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
  line-height: 1.45;
}


.tip-card .btn-link {
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
    text-decoration: none;
    border-bottom: 2px solid var(--color-trib-red);
    color: var(--color-trib-red);
	font-size: 14px;
}

/* Brand */
.tip-card .tip-brand{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #333;
  margin-bottom: 18px;
	font-size: 18px;
}


.tip-card .tip-brand .brand-word{ font-weight: 700; }
.tip-card .tip-brand .brand-divider{ opacity:.5 }
.tip-card .tip-brand .brand-live{ color: #c7372f; }

/* Bubble headline */
.tip-card .tip-bubble{
  position: relative;
  background: #efefef;
  border-radius: 999px;
  padding: clamp(12px, 2.2vw, 18px) clamp(16px, 3vw, 28px);
  text-align: center;
  margin: 4px auto 16px;
}

.tip-card .tip-bubble::after{
  content:"";
  position: absolute;
  left: clamp(20px, 6vw, 48px);
  bottom: -10px;
  width: 22px; height: 22px;
  background: #efefef;
  transform: rotate(45deg);
  border-bottom-right-radius: 6px;
}

.tip-card .tip-bubble h2{
  margin: 0;
  /* font-size: clamp(22px, 3.4vw, 36px); */
	font-size: 24px;
  font-weight: 700;
}

/* CTA Button */
.tip-card .tip-cta{
  text-align: center;
  margin: 6px 0 18px;
}

/* Content blocks */
.tip-card .tip-block{
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 12px;
  align-items: start;
  margin: 12px 0 6px;
}
.tip-card .tip-block-icon svg{
  fill: currentColor;
  color: #1c1c1c;
  opacity: .9;
}
.tip-card .tip-block-title{
  margin: 0 0 4px 0;
  font-weight: 600;
	font-size: 18px;
}

/* Phone list */
.tip-card .tip-phones{
  grid-column: 2 / -1;
  list-style: disc;
  padding-left: 20px;
  margin: 0 0 2px 0;
	font-size: 18px;
}
.tip-card .tip-phones li{
  margin: 6px 0;
}
.tip-card .tip-phones a{
  color: inherit;
  text-decoration: none;
}
.tip-card .tip-phones a:hover,
.tip-card .tip-phones a:focus{
  text-decoration: underline;
}

.tip-card .tip-email-line{
  margin: 0;
	font-size: 18px;
}

.tip-card .muted{ color: #6b6b6b; }

/* Rules */
.tip-card .rule{
  border: 0;
  border-top: 1px solid #e5e5e5;
  margin: clamp(12px, 2.5vw, 20px) 0;
}

/* Service + note */
.tip-card .tip-service{
  margin: 0;
	font-size: 18px;
}
.tip-card .tip-note{
  margin: 0;
	font-size: 18px;
}


/* END MODULES */

/* START ADS */

.tpd-bottom-sticky {
	bottom: 35px;
}

/* END ADS */



@media (max-width: 430px) {

/* START DEFAULT ELEMENTS */
/* END DEFAULT ELEMENTS */

/* START CUSTOM ELEMENTS */
/* END CUSTOM ELEMENTS */

/* START HEADER */
/* END HEADER */

/* START SEARCH */
/* END SEARCH */

/* START FOOTER */
/* END FOOTER */

/* START HOMEPAGE */
/* END HOMEPAGE */

/* START SECTION FRONTS */
/* END SECTION FRONTS */

/* START SINGLE */
/* END SINGLE */

/* START SECTION THEME COLORS */
/* END SECTION THEME COLORS */
	
/* START MODULES */
	
	
/* START SPOTLIGHT NEWS MODULE */
.msWdgt-carousel {
	margin: 40px 5px;
}

.msWdgt-carousel .carousel-item ul {
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 10px 50px;

}

.msWdgt-carousel .carousel-item ul li {
		width: 100%;
		margin: 20px 0;
}

/* END SPOTLIGHT NEWS MODULE */
	
/* END MODULES */
	
/* START ADS */
/* END ADS */

}

@media (max-width: 575px) {

/* START DEFAULT ELEMENTS */
/* END DEFAULT ELEMENTS */

/* START CUSTOM ELEMENTS */
/* END CUSTOM ELEMENTS */

/* START HEADER */
/* END HEADER */

/* START SEARCH */
/* END SEARCH */

/* START FOOTER */
/* END FOOTER */

/* START HOMEPAGE */
/* END HOMEPAGE */

/* START SECTION FRONTS */
/* END SECTION FRONTS */

/* START SINGLE */
/* END SINGLE */

/* START SECTION THEME COLORS */
/* END SECTION THEME COLORS */
	
/* START MODULES */
/* END MODULES */
	
/* START ADS */
/* END ADS */

}


@media (max-width: 767px) {

/* START DEFAULT ELEMENTS */
/* END DEFAULT ELEMENTS */

/* START CUSTOM ELEMENTS */
/* END CUSTOM ELEMENTS */

/* START HEADER */
/* END HEADER */

/* START SEARCH */
/* END SEARCH */

/* START FOOTER */
/* END FOOTER */

/* START HOMEPAGE */
	
	.home-editors-picks-item {
		border-bottom: 1px solid #CCC;
		padding: 0 0 32px;
	}
	
	.home-editors-picks-item .home-editors-picks-item-text {
		order: -1;
	}
	
	#home-editors-picks ul li.home-editors-picks-item a .home-editors-picks-item-img {
		margin: 0 0;
	}
	
	#home-editors-picks ul li:first-child.home-editors-picks-item a .home-editors-picks-item-img {
		margin: 0 0 20px;
	}
	
	
	#home-editors-picks ul .home-editors-picks-item h4 {
		display: none;
	}
	
	
	#home-editors-picks ul .home-editors-picks-item:first-child a {
		flex-direction: column;
	}
	
	#home-editors-picks ul .home-editors-picks-item:first-child .home-editors-picks-item-text {
		order: 1;
	}
	
	#home-editors-picks ul .home-editors-picks-item:first-child h3 {
		font-size: 20px;
		line-height: 24px;
		margin: 0;
	}
	
	#home-editors-picks ul .home-editors-picks-item:first-child a .home-editors-picks-item-text h4 {
		display: block;
		font-size: 14px;
		line-height: 24px;
		margin: 0 0 20px;
	}
	
	
/* END HOMEPAGE */

/* START SECTION FRONTS */
/* END SECTION FRONTS */

/* START SINGLE */
/* END SINGLE */

/* START SECTION THEME COLORS */
/* END SECTION THEME COLORS */

/* START MODULES */
/* END MODULES */
	
/* START ADS */
/* END ADS */
	
}


@media (min-width: 768px) {

/* START DEFAULT ELEMENTS */
/* END DEFAULT ELEMENTS */

/* START CUSTOM ELEMENTS */
/* END CUSTOM ELEMENTS */

/* START HEADER */
/* END HEADER */

/* START SEARCH */
/* END SEARCH */

/* START FOOTER */
/* END FOOTER */

/* START HOMEPAGE */
	
/* END HOMEPAGE */

/* START SECTION FRONTS */
/* END SECTION FRONTS */

/* START SINGLE */
/* END SINGLE */

/* START SECTION THEME COLORS */
/* END SECTION THEME COLORS */
	
/* START MODULES */
/* END MODULES */
	
/* START ADS */
/* END ADS */

}

@media (max-width: 991px) {
	
	.p-0-mob {
		padding: 0 !important;
	}
	
	.nav-search {
		display: none;
	}
	
	#header-nav-main #menu-home li, #header-mobile-extra-menu li, #header-mobile-extra-menu li a.submenu-toggle {
		border-bottom: solid 1px #E4E4E4;
	}
	
	#header-nav-main #menu-home li a, #header-mobile-extra-menu li a {
		font-size: 16px;
		line-height: 16px;
		font-weight: 600;
		letter-spacing: .5px;
		padding: 20px 36px;
	}
	
	#header-mobile-extra-menu li a {
		font-weight: normal;
	}
	
	#header-mobile-extra-menu li.menu-item-has-children a {
		font-weight: 600;
	}
	
	
	#header-mobile-extra-menu .submenu-toggle {
	}

	#header-mobile-extra-menu .submenu-toggle:focus {
	  outline: none;
	  box-shadow: none;
	}

	#header-mobile-extra-menu .collapse a {
	  display: block;
	}

	#header-mobile-extra-menu .toggle-icon {
	  transition: transform 0.2s ease;
	}

	#header-mobile-extra-menu .submenu-toggle[aria-expanded="true"] .toggle-icon {
	  content: "–";
	}
	
	#home-editors-picks ul {
		flex-direction: column;
	}
	
	#home-editors-picks ul li {
	width: 100%;
	}
	
	
	
	h2.section-head-link-out {
		margin: 48px 0 32px;
		border-bottom: solid #000 2px;
		padding: 0 0 8px;
	}
	
	
	.home-hero-col {
		order: -1;
	}
	
	
	#logo-footer img {
		max-width: 180px;
	}
	
	footer#footer .footer-main-row ul, footer#footer .footer-main-row h2 {
		border: none;
	}

	footer#footer .footer-app-badges img.footer-app-badges-apple {
		/* padding: 12px 24px;*/
	}
	
	footer#footer .footer-end-menus ul {
		flex-direction: column;
	}
	
	
	.modSection6pack .modSection6pack-text-item, .modSection6pack .modSection6pack-text-item:nth-child(even) {
		width: 100%;
		padding: 0;
	}

	
}

@media (min-width: 992px) {

/* START DEFAULT ELEMENTS */
	
	body {
		font-size: 23px;
		line-height: 29px;
	}
	
/* END DEFAULT ELEMENTS */

/* START CUSTOM ELEMENTS */
/* END CUSTOM ELEMENTS */

/* START DESKTOP HEADER */
	
	#header-mobile {
	display: none;
}



header#header {
	/*border-top: solid var(--color-trib-red) 5px; */
	margin: 0 0 20px;
}

#header-body {
	margin: 20px 0;
	font-size: 14px;
}

#header-body .btn {
	color: #FFF;		
}
	
	#header-body * {
		/* line-height: normal; */
	}
	
	#header-body #header-dsk-date {
		font-size: 16px;
		line-height: 16px;
	}
	
	#header-body #header-dsk-tagline {
		font-size: 16px;
		line-height: 16px;
	}
	
#header .btn.btn-link {
	color: #727272;	
	text-decoration: none;
}
	
#site-logo {
  max-width: 250px;
  width: 100%;
  height: auto;
  display: block;
	margin: auto;
}
	
#header-mobile-content-container {
	border: none;
	height: auto;
	overflow-y: visible;
	/*
	border-top: solid var(--color-trib-red) 4px;
		border-image: linear-gradient(
			to right,
			#8F181C 0%,
			#F4777B 57%,
			#C22126 100%,
			#F4777B 57%, 
			#8F181C 0%
		  ) 1;
	*/
}
	
#header-mobile-search {
		
}
	
	
#menu-home {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	height: 100%;
	align-self: stretch;
	flex-direction: row;
	justify-content: space-evenly;
	border: none;
	/* position: relative; */
}

#header-nav-container {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	position: relative;
}

#menu-home {
	flex-grow: 1;
}

#menu-home-container {
	flex-grow: 1;
	align-self: stretch;
}

#header-home-btn {
    align-content: stretch;
    align-items: center;
	/* background: #727272; */
}


#header-home-btn a{
	align-self: stretch;
    display: block;
    align-content: center;
	text-decoration: none;
	height: 100%;
}

#header-home-btn a:hover {
	background: #FFF;
	color: #727272;
}

#header-home-btn div {
		display: flex;
		color: #FFF;
		align-items: center;
	}

	#header-home-btn div span {
		/* font-family: "Stainless Cond Bd"; */
		text-transform: uppercase;
		flex-grow: 1;
		word-break: break-all;
		white-space: normal;
		padding: 10px 14px;
	}

#header-home-btn a div i {
	padding: 10px;
	font-size: 1.3125em;
}
	
	

/*
#header-nav-social {
	flex-grow: 0;
}

#header-nav-social-container {
	display: flex;
	height: 100%;
	align-items: stretch;
}

#header-nav-social a {
	padding: 10px 14px;
	text-decoration: none;
	display: block;
	align-content: center;
	width: 25%;
    text-align: center;
	font-size: 20px;
}

#header-nav-social a.fa-cloud-sun:hover {
	background: #393939;
}

#header-nav-social a.fa-facebook-f:hover {
	background: #0a58ca;
}

#header-nav-social a.fa-x-twitter:hover {
	background: #339cc3;
}

#header-nav-social a.fa-instagram:hover {
	background: #005787;
}

	*/
	
.menu-home-container {
	flex-grow: 1;
}

.menu-item {
	border: none;
}

.menu-item a {
	padding: 4px 8px;
	text-decoration: none;
	display: block;
}



.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
    left: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	z-index: 999999;
}



/* LOCAL */	
/* .bg-local, .menu-item-local:hover, .menu-item-local.submenu-open, .menu-item-local .sub-menu,
#menu-item-3771450:hover, #menu-item-3771450.submenu-open, #menu-item-3771450 .sub-menu {
	background: var(--color-local);
} 

.text-local, main.local .four-pack.local .showcase.packed-2 a:hover .headline h2, main.local a:hover .focus, main.local a .fa {
	color: var(--color-local);
}
	
*/

/* SPORTS */
/*
.bg-sports, .menu-item-sports:hover, .menu-item-sports.submenu-open, .menu-item-sports .sub-menu,
#menu-item-3754765:hover, #menu-item-3754765.submenu-open, #menu-item-3754765 .sub-menu {
	background: var(--color-sports);
}
	

.text-sports, main.sports .four-pack.sports .showcase.packed-2 a:hover .headline h2, main.sports a:hover .focus, main.sports a .fa {
	color: var(--color-sports);
}
	
*/

/* NEWS */
	/*
.bg-news, .menu-item-news:hover, .menu-item-news.submenu-open, .menu-item-news .sub-menu,
#menu-item-3771562:hover, #menu-item-3771562.submenu-open, #menu-item-3771562 .sub-menu {
	background: var(--color-news);
}
	

.text-news, main.news .four-pack.news .showcase.packed-2 a:hover .headline h2, main.news a:hover .focus, main.news a .fa {
	color: var(--color-news);
}
	
*/

/* OPINION */
	/*
.bg-opinion, .menu-item-opinion:hover, .menu-item-opinion.submenu-open, .menu-item-opinion .sub-menu,
#menu-item-3754772:hover, #menu-item-3754772.submenu-open, #menu-item-3754772 .sub-menu {
	background: var(--color-opinion);
}
	
	

.text-opinion, main.opinion .four-pack.opinion .showcase.packed-2 a:hover .headline h2, main.opinion a:hover .focus, main.opinion a .fa {
	color: var(--color-opinion);
}
	
*/
	
/* A AND E */
	/*
.bg-aande, .menu-item-aande:hover, .menu-item-aande.submenu-open, .menu-item-aande .sub-menu,
#menu-item-3756796:hover, #menu-item-3756796.submenu-open, #menu-item-3756796 .sub-menu {
	background: var(--color-aande);
}
	

.text-aande, main.aande .four-pack.a-e .showcase.packed-2 a:hover .headline h2, main.aande a:hover .focus, main.aande a .fa {
	color: var(--color-aande);
}
	
	*/
	
/* Lifestyles */
	/*
.bg-lifestyles, .menu-item-lifestyles:hover, .menu-item-lifestyles.submenu-open, .menu-item-lifestyles .sub-menu,
#menu-item-3756797:hover, #menu-item-3756797.submenu-open, #menu-item-3756797 .sub-menu {
	background: var(--color-lifestyles);
}
	

.text-lifestyles, main.lifestyles .four-pack.lifestyles .showcase.packed-2 a:hover .headline h2, main.lifestyles a:hover .focus, main.lifestyles a .fa {
	color: var(--color-lifestyles);
}
	
	*/

/* Obituaries */
	/*
.bg-obituaries, .menu-item-obituaries:hover, .menu-item-obituaries.submenu-open, .menu-item-obituaries .sub-menu,
#menu-item-3767335:hover, #menu-item-3767335.submenu-open, #menu-item-3767335 .sub-menu {
	background: var(--color-obituaries);
}
*/



#header-nav-main #menu-home a, #header-nav-main a.nav-search {
	/* font-family: "Stainless Cond Bd"; */
	text-transform: uppercase;
	align-content: center;
	text-align: center;
	font-size: 14px;
	font-weight: 800;
	padding: 24px 8px;
}
	
	#header-nav-main #menu-home a:hover, #header-nav-main a.nav-search:hover {
		color: #BB141A;
		text-decoration: underline;
	}

#header-nav-main #menu-home .sub-menu {
	/* padding: 24px; */
}
	
#header-nav-main #menu-home .sub-menu li {
	/* padding: 24px; */
	/* max-width: 140px; */
}
	
#header-nav-main #menu-home .sub-menu a {
	word-break: break-word;
	font-size: 12px;
	line-height: 28px;
	padding: 8px 16px;
	text-transform: none;
	font-weight: 800;
	
}

#header-nav-main #menu-home .sub-menu a:hover {
	text-decoration: underline;
}
	
#header-nav-main #menu-home .sub-menu .sub-menu a {
	padding: 8px 4px 8px 16px;	
	font-weight: normal;
	line-height: normal;
	text-align: left;
}
	
	
	header#header {
		/* border-top: solid var(--color-trib-red) 8px; */
		border-bottom: solid var(--color-trib-red) 4px;
		
		border-image: linear-gradient(
			to right,
			#8F181C 0%,
			#F4777B 57%,
			#C22126 100%,
			#F4777B 57%, 
			#8F181C 0%
		  ) 1;
	}

	#header-nav-tool {
		border-bottom: 1px solid #CCC;
		font-size: 0.72em;
		font-size: 12px;
	}

	#header-nav-tool-mid a, #header-nav-tool-mid span, #header-nav-tool-mid div {
		padding: 0 4px;
		display: inline-block;
		color: #393939;
	}
	
	
	#header-nav-tool > .container > div > div {
		display: flex;
		justify-content: center;
	}
	
	#header-nav-tool > .container > div > div > * {
		display: block;
	}

	#header-nav-main {
		/* background: #727272;
		color: #FFF; */
	}



	/* START MAIN MENU */


	#header-home-btn div span {
		display: none;
	}

	#header-nav-main a {
		color: #FFF;
	}

	#header-home-btn a:hover div i {
		color: #727272;
	}

	.sub-menu { transition: all 0.3s ease;}

	.sub-menu.submenu-open {
	  display: block;
	}

	.submenu-toggle { display: none; }

	.menu-item {
		display: block;
		align-content: center;
	}


	/*
	.menu li:hover > .sub-menu {
		display: flex;
		flex-wrap: wrap;
		width: 600px;
	}
	
	*/
	
	#header-mobile-content {
		display: block;
    	position: relative;
    	transform: none;
    	width: 100%;
		height: auto;
	}

	header#header {
		/* border-top: solid var(--color-trib-red) 8px; */
	}

	#header-nav-tool {
	border-bottom: 1px solid #CCC;
	}

	#header-nav-main {
		/*
		background: #727272;
		color: #FFF;
		*/
	}


	#header-nav-main a {
		/* color: #FFF; */
		color: #727272;
	}

	#header-nav-main .sub-menu a {
		color: #2E2E2E;
	}
	
	#menu-home .sub-menu { 
		background: #FFF;
		border-top: 4px solid #8F181C;
		/* transition: all 0.3s ease;
		box-shadow: 2px 2px 5px rgba(0, 0, 0, .2);*/
		}

	.sub-menu.submenu-open {
	  display: block;
        position: absolute;
        top: 100%;
        left: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        z-index: 999999;
	}

	.submenu-toggle { display: none; }

	#menu-home .menu-item {
		display: block;
		align-content: center;
		width: auto;
	}

	#menu-home.menu > li:hover > .sub-menu {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start; 
		/* max-width: 600px; */
		width: 100%;
		position: absolute;
		justify-content: center;
		box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .4);
		padding: 88px 24px;
	}
	
	#header-nav-main #menu-home .sub-menu .sub-menu {
		box-shadow: none;
		/*box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .4); 
		border: solid 3px rgba(255, 255, 255, .2); /*
		/* width: 300px; */
		width: 100%;
		position: relative;
		display: block;
		border: none;
	}
	
	#header-nav-main #menu-home .sub-menu li {
		text-align: left;
	}
	
	#header-nav-main #menu-home .sub-menu li a {
		display: inline-block;
	}

	#header-nav-main #menu-home.menu > li:hover > .sub-menu li .sub-menu li {
		/* width: 50%; */
		text-align: left;
	}
	
	/* LOCAL */
	.menu > .menu-item-local:hover > .sub-menu {
		/* width: 800px; */
	}
	
	#header-nav-main #menu-home.menu > .menu-item-local:hover > .sub-menu .sub-menu {
		/* width: 480px; */
	}
	
	/* SPORTS */
	.menu > .menu-item-sports:hover > .sub-menu {
		/* width: 600px; */
	}
	
	#header-nav-main #menu-home.menu > .menu-item-sports:hover > .sub-menu .sub-menu {
		/* width: 360px; */
	}
	
	
	/* NEWS */
	.menu > .menu-item-news:hover > .sub-menu {
		/* width: 480px; */
	}
	
	#header-nav-main #menu-home.menu > .menu-item-news:hover > .sub-menu .sub-menu {
		/* width: 440px; */
	}
	
	/* OPINION */
	.menu > .menu-item-opinion:hover > .sub-menu {
		/* width: 370px; */
	}
	
	/* AE */
	.menu > .menu-item-aande:hover > .sub-menu {
		/* width: 460px; */
	}
	
	#header-nav-main #menu-home.menu > .menu-item-aande:hover > .sub-menu .sub-menu {
		/* width: 400px; */
	}
	
	/* Lifestyles */
	.menu > .menu-item-lifestyles:hover > .sub-menu {
		/* width: 370px; */
	}
	
	 

	.menu > li:hover > .sub-menu li {
		box-sizing: border-box;
		/* width: 50%; */
		padding: 0;
		margin: 0;
		white-space: normal;
		word-break: break-all;
	}
	
		
	.menu > .menu-item-sports:hover > .sub-menu li, .menu > .menu-item-local:hover > .sub-menu li {
		/* width: 25%; */
	}

	#header-mobile-tagline {
		display: none;
	}
	
	#header-nav-main #menu-home > li > .sub-menu.submenu-open > li.menu-item-has-children > a {
	/* background: rgba(255, 255, 255, .2); */
    /* padding-left: 5px; */
    border-radius: 4px;
	text-decoration: none;
	}

	#header-nav-main #menu-home > li > .sub-menu.submenu-open > li.menu-item-has-children > a:after {

	}

	#header-nav-main #menu-home > li > .sub-menu.submenu-open > li.menu-item-has-children > a:hover {

	}


	


	/* END MAIN MENU */

	/* END DESKTOP HEADER */

/* START SEARCH */
/* END SEARCH */

/* START FOOTER */	
/* END FOOTER */

/* START HOMEPAGE */
/* END HOMEPAGE */

/* START SECTION FRONTS */
/* END SECTION FRONTS */

/* START SINGLE */
	
	#single-category-display-header h2 {
		font-size: 20px;
		line-height: 20px;
	}
	
	article h1 {
		font-weight: 700;
		font-size: 39px;
		line-height: 51px;
		letter-spacing: -.1px;
		
	}
	
/* END SINGLE */

/* START SECTION THEME COLORS */
/* END SECTION THEME COLORS */
	
/* START MODULES */
/* END MODULES */
	
/* START ADS */
/* END ADS */

}

@media (min-width: 1200px) {

/* START DEFAULT ELEMENTS */
/* END DEFAULT ELEMENTS */

/* START CUSTOM ELEMENTS */
/* END CUSTOM ELEMENTS */

/* START HEADER */
/* END HEADER */

/* START SEARCH */
/* END SEARCH */

/* START FOOTER */
/* END FOOTER */

/* START HOMEPAGE */
/* END HOMEPAGE */

/* START SECTION FRONTS */
/* END SECTION FRONTS */

/* START SINGLE */
/* END SINGLE */

/* START SECTION THEME COLORS */
/* END SECTION THEME COLORS */
	
/* START MODULES */
/* END MODULES */
	
/* START ADS */
/* END ADS */

}




/* OLD ARCHIVED - GRAB AS NEEDED AND MOVE ABOVE */


@media not all { 

/* START CUSTOM ELEMENTS */


.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
    display: none !important;
}



.sm-hr {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    display: none !important;
}

.btn-trib {
  color: #fff;
  background-color:var(--color-trib-red);;
  border-color:var(--color-trib-red);;
}

.btn-trib:hover {
  color: #fff;
  background-color: #9f1c21;
  border-color: #95191e;
}

.btn-trib:focus, 
.btn-trib.focus {
  color: #fff;
  background-color: #9f1c21;
  border-color: #95191e;
  box-shadow: 0 0 0 0.25rem rgba(179, 32, 37, 0.5);
}

.btn-trib:active, 
.btn-trib.active,
.show > .btn-custom-red.dropdown-toggle {
  color: #fff;
  background-color: #8a171b;
  border-color: #7e1519;
}

.btn-trib:active:focus,
.btn-trib.active:focus,
.show > .btn-custom-red.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(179, 32, 37, 0.5);
}

.btn-trib:disabled, 
.btn-trib.disabled {
  color: #fff;
  background-color:var(--color-trib-red);;
  border-color:var(--color-trib-red);;
  opacity: 0.65;
}

.section .button, .button {
	/* font-family: "Stainless Cond Bd"; */
    font-style: normal;
    font-weight: normal;
    margin-top: 10px;
    text-transform: uppercase;
	text-decoration: none;
    color: var(--color-trib-red);
	border: 1px solid var(--color-trib-red);
    padding: 5px 7px;
    transition: border-color 0.3s, background 0.3s, color 0.3s;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    background-color: transparent;
    cursor: pointer;
}

.section-more-btn-container {
	text-align: right;
}

.section-more-btn-container .button {
	margin: 10px 0;
	display: inline-block;
}

main[class] .section-more-btn-container .button:hover {
	color: #FFF;
	background-color: var(--color-trib-red)
}

.section.hex-local .button, main.local .section-more-btn-container .button {
    color: var(--color-local);
    border-color: var(--color-local);
}

main.local .section-more-btn-container .button:hover {
    background-color: var(--color-local);
}

.section.hex-sports .button, main.sports .section-more-btn-container .button {
    color: var(--color-sports);
    border-color: var(--color-sports);
}

main.sports .section-more-btn-container .button:hover {
    background-color: var(--color-sports);
}

.section.hex-news .button, main.news .section-more-btn-container .button {
    color: var(--color-news);
    border-color: var(--color-news);
}

main.localnews .section-more-btn-container .button:hover {
    background-color: var(--color-news);
}

.section.hex-opinion .button, main.opinion .section-more-btn-container .button {
    color: var(--color-opinion);
    border-color: var(--color-opinion);
}

main.opinion .section-more-btn-container .button:hover {
    background-color: var(--color-opinion);
}

.section.hex-a-e .button, main.aande .section-more-btn-container .button {
    color: var(--color-aande);
    border-color: var(--color-aande);
}

main.aande .section-more-btn-container .button:hover {
    background-color: var(--color-aande);
}

.section.hex-lifestyles .button, main.lifestyles .section-more-btn-container .button {
    color: var(--color-lifestyles);
    border-color: var(--color-lifestyles);
}

main.lifestyles .section-more-btn-container .button:hover {
    background-color: var(--color-lifestyles);
}


.text-obituaries {
	color: var(--color-lifestyles);
}



/* END CUSTOM ELEMENTS */








/* START HOMEPAGE */

.four-pack-home {
	margin: 20px 0;
}

.four-pack-home h1 {
	font-size: 36px;
}

.four-pack-home h2 {
	font-size: 24px;	
}

.four-pack-home .row > div {
	height: 292px;
}

.four-pack-home a {
	text-decoration: none;
	position: relative;
	overflow: hidden;
	display: block;
    height: 100%;
	background: #000;
}

.four-pack-home a .photo {
	height: 100%;
	background: none;
}

.four-pack-home a .photo .hover {
	height: 100%;
	background: #000;
	background-size: cover;
	background-position: center center;
}

.four-pack-home .row .four-pack-home-multi-full-height {
	display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.four-pack-home .row .four-pack-home-multi-full-height > a {
	display: block;
	height: auto;
    flex: 1 1 auto;
}

.four-pack-home .row .four-pack-home-multi-full-height > a:first-child {
	margin-bottom: 4px;
}

.four-pack-home .row .four-pack-home-multi-full-height a .photo {
	height: 100%;
}



.four-pack-home a .headline {
	    position: absolute;
        width: 100%;
        max-height: 100%;
        padding: 21px 16px;
        left: 0;
        bottom: 0;
        color: #fff;
        text-shadow: 2px 2px 8px #393939;
	
}

.four-pack-home a:hover .photo .hover, .section a:hover .photo .hover {
		opacity: 50%;
}


.section a {
	text-decoration: none;
}

.section .top {
	padding: 8px;
	margin-bottom: 10px;
}

.section .top a {
	text-decoration: none;
	/* font-family: "Stainless Cond Bd"; */
	text-transform: uppercase;
}

.section.hex-local .top, main.local .top {
        border-bottom: solid 2px var(--color-local);
}

.section.hex-local .top a, .section.hex-local a:hover .focus, .section.hex-local a:active .focus, .section.hex-local a:focus .focus, main.local .top a, main.local .top  {
        color: var(--color-local);
}

.section.hex-sports .top, main.sports .top {
        border-bottom: solid 2px var(--color-sports);
}

.section.hex-sports .top a, .section.hex-sports a:hover .focus, .section.hex-sports a:active .focus, .section.hex-sports a:focus .focus, main.sports .top a, main.sports .top {
        color: var(--color-sports);
}

.section.hex-news .top, main.news .top {
        border-bottom: solid 2px var(--color-news);
}

.section.hex-news .top a, .section.hex-news a:hover .focus, .section.hex-news a:active .focus, .section.hex-news a:focus .focus, main.news .top a, main.news .top {
        color: var(--color-news);
}

.section.hex-opinion .top, main.opinion .top {
        border-bottom: solid 2px var(--color-opinion);
}

.section.hex-opinion .top a, .section.hex-opinion a:hover .focus, .section.hex-opinion a:active .focus, .section.hex-opinion a:focus .focus, main.opinion .top a, main.opinion .top {
        color: var(--color-opinion);
}

.section.hex-a-e .top, main.aande .top {
        border-bottom: solid 2px var(--color-aande);
}

.section.hex-a-e .top a, .section.hex-a-e a:hover .focus, .section.hex-a-e a:active .focus, .section.hex-a-e a:focus .focus, main.aande .top a, main.aande .top, ain.a-e .top a, main.a-e .top {
        color: var(--color-aande);
}

.section.hex-lifestyles .top, main.lifestyles .top {
        border-bottom: solid 2px var(--color-lifestyles);
}

.section.hex-lifestyles .top a, .section.hex-lifestyles a:hover .focus, .section.hex-lifestyles a:active .focus, .section.hex-lifestyles a:focus .focus, main.lifestyles .top a, main.lifestyles .top {
        color: var(--color-lifestyles);
}



.preview {
	padding: 18px 0;
	border-bottom: 1px solid #ccc;
}

.preview.breaking {
	font-size: 14px;
}

.preview a {
	text-decoration: none;
}

.preview a h5.focus {
	text-transform: none;
}

.preview a .desc {
	text-transform: none;
	font-size: 14px;
	color: #727272;
}

.preview a:visited {
	color: rgb(114, 114, 114);
}


.preview.left-half {
	padding:13px 0;
	border-bottom: 1px solid #ccc
}

.preview.left-half .tag {
	display: none
}

.preview.left-half .byline {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	color: var(--color-trib-gray);
}

.preview.left-half .photo,.preview.left-half .headline {
	display: table-cell;
	vertical-align: middle;
	line-height: 30px;
}

.preview.left-half .photo {
	width: 47%;
	padding-bottom: 31.25%
}

.preview.left-half .headline {
	width: 50%;
	padding-left: 3%
}

.preview.photo-above {
	/* margin-bottom: 18px; */
}

.preview.photo-above h4.focus {
	margin: 0;
}

.above {
	margin-bottom: 8px;
}

.hide-last-line .preview:last-child {
    border-bottom: none;
}




/* END HOMEPAGE */


/* START SECTION FRONTS */

.section-front-title h1 {
	text-transform: uppercase;
}

main[class] .showcase h1 {
	color: #FFF;
	border: none;
	font-size: 36px;
}

h2.top {
	text-transform: uppercase;
}

main[class] .four-pack .showcase.packed-1, .four-pack .showcase.packed-2 {
	width: 100%;	
}

/*
.four-pack .showcase.packed-2 {
	width: 50%;
	
}
*/

.four-pack .showcase.packed-2 a {
	text-decoration: none;
	color: #000;
}

.four-pack .showcase.packed-2 a .headline {
	position: relative;
	font-size: 17px;
	
	text-decoration: none;
}

.four-pack .showcase.packed-2 a .headline h2 {
	font-size: 17px;
	text-shadow: none;
	
}


a:hover .photo .hover {
	opacity: .6;
}

.preview.bullet {
    font-size: 14px;
	border: none;
	padding: 4px 0 8px 12px;
	text-transform: none;
	position: relative;
}

.preview.bullet a {
	text-decoration: none;
}

.bulleted .photo-above a {
	text-decoration: none;
}

.bulleted .photo-above h4 {
	font-size: 17px;
	text-decoration: none;
}

main .top {
	border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: var(--color-trib-gray);
	font-size: 17px;
	/* font-family: "Stainless Cond Bd"; */
}

main .top a {
	text-decoration: none;
	
}

main .top a:hover {
	color: #000;	
}

main[class] .four-pack {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
} 

main.sports .four-pack.sports {
	flex-wrap: nowrap;
} 

.four-pack .showcase.packed-2, .four-pack .showcase.packed-3, .four-pack .showcase.packed-4 {
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	/* margin-right: 6px; */
}

.four-pack.sports .showcase.packed-2, .four-pack.sports .showcase.packed-3, .four-pack.sports .showcase.packed-4 {
	-ms-flex: 1 1 50%;
	flex: 1 1 50%;
}

.four-pack.sports .showcase.packed-2:first-child, .four-pack.sports .showcase.packed-3:first-child, .four-pack.sports .showcase.packed-4:first-child {
	margin-right: 4px;
}

.four-pack.sports .showcase.packed-2:last-child, .four-pack.sports .showcase.packed-3:last-child, .four-pack.sports .showcase.packed-4:last-child {
	margin-left: 4px;
}


.preview a.standard {
    font-size: 14px;
}




body.category .four-pack.sports .showcase.packed-2, body.category .four-pack.sports .showcase.packed-3, body.category .four-pack.sports .showcase.packed-4 {
	-ms-flex: 0 0 32%;
    flex: 0 0 32%;
    /* margin-right: 6px; */
}


.button-container-sections {
	text-align: right;
}


.showcase-headline {
	
}





/* END SECTION FRONTS */



/* START SINGLE */

#single-category-display-header {
	display: flex;
	border-bottom: 2px solid var(--color-trib-red);
}

#single-category-display-header * {
	text-decoration: none;
	color: var(--color-trib-red);
}

#single-category-display-header h2 {
	flex-grow: 1;
	align-content: center;
	font-size: 1.0625em;
	text-transform: uppercase;
}

#single-category-display-header a {
	display: block;
	align-content: center;
}

#single-category-display-header a i {
	
}

.article-full h1 {
	text-transform: none;
}

.article-full #article-author {
	display: flex;
	justify-content: space-between;
    align-items: center;
	margin: 12px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


.article-full #article-author > * {
	
}

.article-full #article-author #article-author-headshot img {
	height: 40px;
	width: 40px;
}

.article-full #article-author #article-author-info {
	flex-grow: 1;
	margin: 0 20px;
	
}

.article-full #article-author #article-author-info .byline {
	/* font-family: "Stainless Cond Bd"; */
	font-size: 1em;
	color: #727272;
}


.article-full #article-author #article-author-info a.fa-envelope {
	margin: 0 5px;
    border-right: 1px solid #CCC;
    padding: 0 10px 0 0;
}

.article-full #article-author #article-author-info a {
	text-decoration: none;
}

.article-full #article-author #article-author-ad-free-cta a {
	color: var(--color-trib-red);
	padding: 0 10px;
}

.story-carousel-wrapper {
	/* max-width: 800px; */
	margin: 20px auto 40px;
}

#storyCarousel {
	
}

.story-carousel-item {
	/* aspect-ratio: 640/427; */
	/* aspect-ratio: 4/3; */

}


.story-carousel-item .story-carousel-item-image {
	background: #DEDEDE;
	width: 100%;
}

.story-carousel-item .story-carousel-item-image img {
	height: 320px;
	width: auto;
	/* height: 100%; */
	display: block;
	margin: 0 auto;
	max-width: 100%;
}



.story-carousel-item .story-carousel-item-info .story-carousel-credit {
	    text-transform: uppercase;
    letter-spacing: -0.15px;
    padding: 4px 0;
    color: #727272;
    font-size: .6563em;
    line-height: 1.3333;
    text-align: right;
}

.story-carousel-item .story-carousel-item-info .story-carousel-caption {
	color: #727272;
    letter-spacing: -0.18px;
    font-size: .75em;
    line-height: 1.36;
    padding: 4px 0;
}


.story-carousel .thumbnail-img.active-thumb {
  border: 2px solid var(--color-trib-red);
}


#promo-ad-free-story-bottom {
	width:100%; min-height:95px; margin-bottom:20px; padding:16px; background-color:#ececec;
}

#promo-ad-free-story-bottom a {
	text-decoration:none;
}

#promo-ad-free-story-bottom a span {
	color: var(--color-trib-red);
	font-weight:bold;
	text-decoration:none;
}

#promo-ad-free-story-bottom p {
	display:inline-block; 
	
}

#promo-notifications-sign-up-single {}

.promo-notifications-sign-up {
	background: var(--color-trib-red);
    margin-bottom: 15px;
    padding: 12px;
    position: relative;
}

.promo-notifications-sign-up a {
	text-decoration: none;
}

.promo-notifications-sign-up a div {
	position: absolute;
    right: 20px;
    top: 20px;
    transform: rotate(45deg);
}
.promo-notifications-sign-up a div i {
    color: #FFF; 
	font-size: 24px;	
}

.promo-notifications-sign-up h4 {
	color: #FFF;
    margin-right: 30px;
    text-decoration: none;
}

.promo-notifications-sign-up p {
    color: #FFF;
	margin-bottom: 0;
}

.single-bottom-more-stories {
	
}

.single-bottom-more-stories h4 {
	border-bottom: solid 2px var(--color-trib-red);
	color: var(--color-trib-red);
}

.single-bottom-more-stories ul {
	
}

.single-bottom-more-stories ul li {
	
}

.single-bottom-more-stories ul li a {
	padding: 8px 8px 8px 0;
	display: block;
	font-size: 14px;
}

 
.post-wdgt{
	/*
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
	grid-gap: .5rem;
	*/
	display: flex;
  	flex-wrap: wrap;
  	margin: -5px; /* To offset the child margins */
}

.post-wdgt-item {
		flex: 0 0 calc(25% - 10px);
  		margin: 5px;
	  	box-sizing: border-box;
	/*max-width: 150px;
	margin: .5em; /* Center the card within the column */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	background-color: white;
}

.post-wdgt-item a {
	text-decoration: none;
}

.partner {
	background-color: #ffe8e3;
}

.post-wdgt-item .img-wrapper {
	width: 100%;
	height: auto;
	/* height: 95px; */
	aspect-ratio: 4/3;
	background: #000;
	display: flex;
	justify-content: center; 
	align-items: center; 
	overflow: hidden; 
}

.post-wdgt-item img {
	height:auto;
	max-width: 240px;
	width: 100%; 
}
.post-wdgt-item h3 {
	font-size: .8em;
	font-weight: 200;
	margin-bottom: 0px;
	display: block;
	color:#000;
	margin: 5px;
	/* height: 5em; */
	overflow: hidden;
}
.post-wdgt-item .date {
	font-size: 0.6em;
	color: #777;
	margin: 4px;
	text-align: right;
}
.partner-news {
	background-color: #f00;
	color: #fff;
	text-align: center;
	padding: 0 2px;
	opacity:.9;
	margin-bottom: .25em;
	font-size: .8em;
	font-weight: bold;
}



#post-widget-2 .post-wdgt-item {
	flex: 0 0 calc(50% - 10px);
}

.msWdgt-carousel  {
		background: #333;
		border-radius: 8px;
		margin: 40px 0;
		padding: 20px 0 0;
		padding: 0;
    	overflow: hidden;
	}
	
	.msWdgt-carousel h3  {
		background: var(--color-trib-red);
		padding: 0 30px;
		text-align: center;
		color: #FFF;
		padding: 10px;
	}
	
  .msWdgt-carousel .cards { text-align: left; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; position: relative; font-size: 0; overflow: auto; padding: 30px 0 20px 10px; margin: -15px -20px -20px -10px; white-space: nowrap; }
  .msWdgt-carousel .cards li a:hover .name { text-decoration: underline; }
  .msWdgt-carousel .stage { color: var(--color-text); text-align: left; font-size: 0; white-space: nowrap; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; margin: -10px; padding: 10px; display: inline-block; }
  .msWdgt-carousel .stage ul { color: var(--color-text); text-align: left; font-size: 0; white-space: nowrap; margin: 0; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; }
  .msWdgt-carousel .featured { color: var(--color-text); white-space: nowrap; box-sizing: border-box; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; position: relative; box-shadow: var(--card-shadow); border-radius: var(--border-radius); display: inline-block; height: 225px; width: 300px; font-size: 15px; line-height: 1; padding: 10px 12px; overflow: hidden; background: white; transition: all 0.3s ease; margin: 0 20px 0 0; height: 225px; }
  .msWdgt-carousel .card-top { white-space: nowrap; font-size: 15px; line-height: 1; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; color: inherit; text-decoration: none; display: block; }
  .msWdgt-carousel .image { white-space: nowrap; line-height: 1; color: inherit; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; font-size: 0; text-align: center; max-height: 550px; overflow: hidden; position: relative; height: 130px; background-size: cover; background-position: center center; background-color: #F5F5F5; margin: -12px -12px 15px; }
  .msWdgt-carousel .card-info { white-space: nowrap; font-size: 15px; line-height: 1; color: inherit; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; position: relative; }
  .msWdgt-carousel .name { text-wrap: wrap; line-height: 1; color: inherit; margin: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; font-size: 15px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 0 12px; }
  .msWdgt-carousel .details .source { line-height: 1; margin: 0; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; list-style: none; user-select: none; color: var(--color-text-70); font-weight: normal; padding: 0 0 12px; font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-overflow: ellipsis;
    display: block;}

	
		
	.msWdgt-carousel .carousel-item ul {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: normal;
		align-items: normal;
		align-content: normal;
		padding: 30px 40px;
		
	}
	
	.msWdgt-carousel .carousel-item ul li {
		display: block;
		flex-grow: 1;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: auto;
		order: 0;
		margin: 0 10px;
		border-radius: 6px;
		-webkit-transition: all .6s ease;
		-moz-transition: all .6s ease;
		-ms-transition: all .6s ease;
		-o-transition: all .6s ease;
		transition: all .6s ease;
		height: 235px;
	}
	
	.msWdgt-carousel .carousel-item ul li:hover {
		-moz-transform: scale(1.06);
		-webkit-transform: scale(1.016));
		-o-transform: scale(1.06);
		-ms-transform: scale(1.06);
		transform: scale(1.06);
		z-index: 999;

	}
	
	/* --------------------- */
	
	.msWdgt-carousel .carousel-control {
		width: 40px;
	}
	
	.msWdgt-carousel .carousel-control.left, .msWdgt-carousel .carousel-control.right {
		background: transparent;
		color: #FFF;
		width: 50px;
	}
	
	.msWdgt-carousel .carousel-control .fa-solid {
		font-size: 30px;
		display: inline-block;
    	text-align: center;
		top: 50%;
		position: absolute;
		right: 0;
    	left: 0;
	}
	
	.msWdgt-carousel .fa-chevron-left, .msWdgt-carousel .fa-chevron-right {
		background: none;
		position: absolute;
		width: 50px;
		text-align: center;
	}

	.msWdgt-carousel .carousel-item {
		transition-behavior: normal, normal, normal;
		transition-delay: 0s, 0s, 0s;
		transition-duration: 0.6s, 0.6s, 0.6s;
		transition-property: all;
		transition-timing-function: ease-in-out, ease-in-out, ease-in-out;
	}
	
	.msWdgt-carousel .carousel-item .ol-partner-news {
		margin: 15px 0;
		font-size: 10px;
		text-transform: uppercase;
		background: var(--color-trib-red);
		color: #FFF;
		display: inline-block;
		padding: 5px 10px;
		border-radius: 4px;
	}
	
	.msWdgt-carousel .carousel-item .card-info .details {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.msWdgt-carousel .carousel-control-next, .msWdgt-carousel .carousel-control-prev {
	width: 40px;
}


.editors-picks {
	
}

.editors-picks ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

.editors-picks ul li {
	
}

.editors-picks ul li a {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	display: block;
	font-size: .875em;
}

.editors-picks ul li a:hover {
	
}


.video:after, .playable .photo:after {
    content: "\f01d";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    z-index: 2;
    transition: text-shadow .4s;
}

.post-share {
	margin-top: 30px;
	padding: 10px 0;
}
.social-share-links {
	list-style: none;
	display: flex;
	gap: 10px;
	padding: 0;
}
.social-share-links li a {
	display: inline-block;
	padding: 8px 12px;
	background: #f4f4f4;
	border-radius: 5px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
}
.social-share-links li a:hover {
	background: #ddd;
}	

/* END SINGLE */



/* START SECTION THEME COLORS */

#single-category-display-header {
	display: flex;
	border-bottom: 2px solid var(--color-trib-red);
}

#single-category-display-header * {
	text-decoration: none;
	color: var(--color-trib-red);
}




/* LOCAL */	
main.local #single-category-display-header {
	border-bottom: solid 2px #00446b;
}

main.local #single-category-display-header * {
	color: #00446b;
}


main.local h1 {
	color: var(--color-local);
	border-bottom: solid 2px var(--color-local);
}



/* SPORTS */
main.sports #single-category-display-header {
	border-bottom: solid 2px var(--color-sports);
}

main.sports #single-category-display-header * {
	color: var(--color-sports);
}


main.sports h1 {
	color: var(--color-sports);
	border-bottom: solid 2px var(--color-sports);
}


/* NEWS */
main.news #single-category-display-header {
	border-bottom: solid 2px var(--color-trib-red);
}

main.news #single-category-display-header * {
	color: var(--color-trib-red);
}


main.news h1 {
	color: var(--color-news);
	border-bottom: solid 2px var(--color-news);
}



main.news .four-pack-home h1 {
	color: #FFF;
	border: none;
}

/* OPINION */
main.opinion #single-category-display-header {
	border-bottom: solid 2px #393939;
}

main.opinion #single-category-display-header * {
	color: #393939;
}


main.opinion h1 {
	color: var(--color-opinion);
	border-bottom: solid 2px var(--color-opinion);
}

	
/* A AND E */


main.a-e #single-category-display-header {
	border-bottom: solid 2px var(--color-aande);
}

main.a-e #single-category-display-header *, main.aande #single-category-display-header * {
	color: var(--color-aande);
}


main.a-e h1, main.aande h1 {
	color: var(--color-aande);
	border-bottom: solid 2px var(--color-aande);
}

	
/* LIFESTYLES */
main.lifestyles #single-category-display-header {
	border-bottom: solid 2px var(--color-lifestyles);
}

main.lifestyles #single-category-display-header * {
	color: var(--color-lifestyles);
}


main.lifestyles h1 {
	color: var(--color-lifestyles);
	border-bottom: solid 2px var(--color-lifestyles);
}


/* END SECTION THEME COLORS */


main[class] .article-full h1 {
	color: #000;
	border: none;
	font-size: 36px;
}

body  .article-related-box.related {
    float: right;
    width: 224px;
    padding: 0 16px 14px;
    margin-left: 20px;
    margin-bottom: 20px;
    position: relative;
    background: #ececec;
    color: #727272;
    font-size: .7813em;
    line-height: 1.28;
}

body  .article-related-box.related .top {
	text-transform: uppercase;
}

/* END ALL SCREENS */





@media (max-width: 767px) {
	
	main.sports .four-pack.sports {
		flex-wrap: wrap;
	}
	
	main.sports .four-pack.sports .showcase.packed-2,main.sports .four-pack.sports .showcase.packed-3, main.sports .four-pack.sports .showcase.packed-4 {
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	
	main.sports .four-pack.sports .showcase.packed.packed-2.packed-a a, main.sports .four-pack.sports .showcase.packed.packed-2.packed-b a {
		display: flex;
		align-items: center;
	}
	
	main.sports .four-pack.sports .showcase.packed.packed-2.packed-a a > div, main.sports .four-pack.sports .showcase.packed.packed-2.packed-b a > div {
		-ms-flex: 1 1 50%;
    	flex: 1 1 50%;
	}
	
	main.sports .four-pack.sports .showcase.packed.packed-2.packed-a a h2, main.sports .four-pack.sports .showcase.packed.packed-2.packed-b a h2 {
		margin: 0 8px;
	}
	
	main.sports .four-pack.sports .showcase.packed.packed-2.packed-a a .photo, main.sports .four-pack.sports .showcase.packed.packed-2.packed-b a .photo {
		padding: 0;
		aspect-ratio: 4/3;
	}
	
	.four-pack.sports .showcase.packed-2:last-child, .four-pack.sports .showcase.packed-3:last-child, .four-pack.sports .showcase.packed-4:last-child {
		margin-left: 0;
	}
	
	.four-pack .showcase.packed-2, .four-pack .showcase.packed-3, .four-pack .showcase.packed-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-right: 0;
	}
	
	
	
}



@media (max-width: 430px) {

	.story-carousel-item .story-carousel-item-image img {
		/* aspect-ratio: 640/427; */
		/* aspect-ratio: 4/3; */
		height: 200px;
	}
	
	.post-wdgt-item {
		flex: 0 0 calc(50% - 10px);
	}
	
	.msWdgt-carousel {
			margin: 40px 5px;
		}
		
	.msWdgt-carousel .carousel-item ul {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
   		padding: 10px 50px;

	}
		
	.msWdgt-carousel .carousel-item ul li {
		width: 100%;
    	margin: 20px 0;
	}

}




@media (max-width: 991px) { 
	
	hr, hr:not([size]) {
		border-top: 1px solid #d2d2d2;
		margin: 20px 0;
		height: 1px;
	}
	
	
	
	.four-pack-home .row > div {
		height: auto;
	}

	
	.four-pack-home .row .four-pack-home-multi-full-height {
		flex-direction: row;
		justify-content: space-between;
	}
	
	
	.four-pack-home .row .four-pack-home-multi-full-height > a:first-child {
    	margin-right: 4px;
	}
	
	.story-carousel-item .story-carousel-item-image img {
		/* aspect-ratio: 640/427; */
		/* aspect-ratio: 4/3; */
		height: 260px;
	}
	
	.four-pack {
		display: block;
	}
	
	.four-pack.sports {
		display: block;
	}
	
	.four-pack.sports .showcase.packed-2, .four-pack.sports .showcase.packed-3, .four-pack.sports .showcase.packed-4 {
		width: 100%;
	}
	
	
	main.news .four-pack-home .row > div.col-md-9 {
		width: 58.33333333%;
	}
	
	
	main.news .four-pack-home .row > div.col-md-3 {
		width: 41.66666667%;
	}
	
	main.news .four-pack-home .row .four-pack-home-multi-full-height {
		flex-direction: row;
	}
	
	
	
}



@media (min-width: 768px) {
	
	 .sm-hr {
        float: left;
        width: 100%;
    }
	
	.showcase.packed-2 .headline, .showcase.packed-3 .headline, .showcase.packed-4 .headline {
		position: relative;
		padding: 4px 0;
	}
	
	.showcase.packed-2 .headline h2, .showcase.packed-3 .headline h2, .showcase.packed-4 .headline h2 { 
		text-shadow: none;
		font-size: 17px;
		word-wrap: break-word;
	}
	
	
	.tip-card{ padding: 28px 36px; }
  	.tip-card .tip-phones{ column-count: 1; } /* Keep vertical like the mock */
	
	
}

@media (min-width: 992px) {
	
	
	
	
	/* START HOMEPAGE */
	
	.preview.bullet:before {
        content: '\2022\a0';
        position: absolute;
        left: 0;
        color: #000;
    }
	
	.bulleted .photo-above {
        border-bottom: none;
    }
	
	/* END HOMEPAGE */
	
	/* START SINGLE */
	
	.carousel-item .carousel-item-image img {
		/* aspect-ratio: 640/427; */
		/* aspect-ratio: 4/3; */
		height: 420px;
	}
	
	/* END SINGLE */
	
	/* START SECTION FRONTS */

	main.news .four-pack-home .row > div.col-lg-6 {
		width: 100%;
	}

	main.news .four-pack-home .row > div.col-lg-3 {
		width: 50%;
	}

	
	/* END SECTION FRONTS */
	
}

@media (max-width: 767px) {
	
	main[class] .showcase .headline, main[class] .showcase h1 {
		color: #000;
		font-size: 24px;
		text-transform: none;
		text-decoration: none;
		padding: 4px 0;
	}
	
	main[class] .showcase h1 {
		padding: 0;
	}
	
	.showcase.packed-2 .headline h2, .showcase.packed-3 .headline h2, .showcase.packed-4 .headline h2 {
		font-size: 24px;
	}
	
	.four-pack-home .row .four-pack-home-multi-full-height {
		flex-direction: column;
		justify-content: space-between;
	}
	
	
	.four-pack-home .row .four-pack-home-multi-full-height > a:first-child {
    	margin-bottom: 4px;
	}
	
	.four-pack-home a {
		height: auto;
		position: static;
		background: none;
	}
	
	.four-pack-home a .headline {
    	position: static;
		padding: 10px 3% 20px;
		text-shadow: none;
		color: #FFF;
	}
	
	.four-pack-home a .photo {
		position: static;
		padding: 0;
		height: auto;
	}
	
	.four-pack-home a .photo .hover {
		aspect-ratio: 16 / 9;
		height: auto;
		position: static;
	}
	
	.four-pack-home h1, .four-pack-home h2, main.news .four-pack-home h1 {
		text-shadow: none;
		color: #000;
		position: static;
		font-size: 24px;
	}
	
	.four-pack-home .row .four-pack-home-multi-full-height a .photo {
		height: auto;
	}
	
	.four-pack .showcase.packed-2 {
    	width: 100%;
	}
	
	.four-pack .showcase.packed-2 .headline, .four-pack .showcase.packed-3 .headline, .four-pack .showcase.packed-4 .headline {
        position: relative;
        padding: 4px 0;
        color: #000;
        text-shadow: none;
    }
	
	.showcase .headline {
			padding: 21px 16px;
	}
	
	body.category .four-pack .showcase.packed-2, body.category .four-pack .showcase.packed-3, body.category .four-pack .showcase.packed-4, body.category .four-pack.sports .showcase.packed-2, body.category .four-pack.sports .showcase.packed-3, body.category .four-pack.sports .showcase.packed-4 {
	    -ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-right: 0;
	}
	
	main.news .four-pack-home .row > div.col-md-9, main.news .four-pack-home .row > div.col-md-3, main.news .four-pack-home .four-pack-home-multi-full-height a {
		width: 100%;
	}
	
	main.news .four-pack-home .row .four-pack-home-multi-full-height {
		flex-direction: column;	
	}

}

@media (min-width: 1200px) {


	
	.four-pack-home .row > div {
		height: 344px;
	}
	
	.msWdgt-carousel .carousel-item ul li {
		height: 285px;
	}
	
	 .msWdgt-carousel .image { 
		 height: 180px;
	}

}



@media (min-width: 1400px) {

}



@media (max-width: 575px) { 
	
	main > div.container {
		padding: 0;
		margin: 0;
	}
	
	main > div.container > .row>*, main > div.container > .row>* .row>* {
		padding-left: 0;
		padding-right: 0;
	}
	
	main > div.container > .row, main > div.container > .row>* .row {
		margin: 0;
	}
	
	.four-pack .showcase.packed-2 .headline, .four-pack .showcase.packed-3 .headline, .four-pack .showcase.packed-4 .headline, .showcase .headline, .preview .headline, main[class] .showcase h1 {
		padding: 10px 3% 20px;
	}
	
	
	/* main[class] .showcase .headline */
	
	.story-carousel-item .story-carousel-item-image img {
		/* aspect-ratio: 640/427; */
		/* aspect-ratio: 4/3; */
		height: 260px;
	}
	
	.post-wdgt-item {
		flex: 0 0 calc(33% - 10px);
	}

	
	.section .top {
		border: none;
	}
	
	.section .top a, .section.hex-local .top a, .section.hex-sports .top a, .section.hex-news .top a, .section.hex-opinion .top a, .section.hex-a-e .top a, .section.hex-lifestyles .top a {
		color: #FFF;
	}
	
	.section.hex-local .top {
			background: var(--color-local);
	}
	
	

	.section.hex-sports .top {
			background: var(--color-sports);
	}
	
	

	.section.hex-news .top {
			background: var(--color-news);
	}
	
	

	.section.hex-opinion .top {
			background: var(--color-opinion);
	}
	
	
	
	.section.hex-a-e .top {
			background: var(--color-aande);
	}

	.section.hex-lifestyles .top {
			background: var(--color-lifestyles);
	}
	
	.four-pack .showcase.packed-2 .headline, .four-pack .showcase.packed-3 .headline, .four-pack .showcase.packed-4 .headline  {
        padding: 10px 3% 20px;
    }
	
	/* main[class] .showcase h1 , main[class] .showcase .headline */
	
	main.sports .four-pack.sports {
		flex-wrap: wrap;
	}
	
	main.sports .four-pack.sports .showcase.packed-2,main.sports .four-pack.sports .showcase.packed-3, main.sports .four-pack.sports .showcase.packed-4 {
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	
	main.sports .four-pack.sports .showcase.packed.packed-2.packed-a a, main.sports .four-pack.sports .showcase.packed.packed-2.packed-b a {
		display: block;
	}
	
	main.sports .four-pack.sports .showcase.packed.packed-2.packed-a a > div, main.sports .four-pack.sports .showcase.packed.packed-2.packed-b a > div {
		-ms-flex: 1 1 100%;
		flex: 1 1 100%;
	}
	
	main.sports .four-pack.sports .showcase.packed.packed-2.packed-a a h2, main.sports .four-pack.sports .showcase.packed.packed-2.packed-b a h2 {
		margin: 0;
	}
	
	main.sports .four-pack.sports .showcase.packed.packed-2.packed-a a .photo, main.sports .four-pack.sports .showcase.packed.packed-2.packed-b a .photo {
		padding-bottom: 56.25%;
		aspect-ratio: auto;
	}
	
	.four-pack.sports .showcase.packed-2:last-child, .four-pack.sports .showcase.packed-3:last-child, .four-pack.sports .showcase.packed-4:last-child {
		margin-left: 4px;
	}
	
	.preview {
		padding: 10px 3% 20px;
	}
	
}

/* START OLD TRIB */

/* 4 Pack on Home Page */

.section.hex-news a {
	color: #000;
}
.photo {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	background: #000;
}
.hover {
	opacity: 1;
	transition: opacity .4s;
}
.photo .hover {
	-webkit-transform: translateZ(0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.showcase {
	position: relative;
	width: auto;
	overflow: hidden;
	padding: 0;
	border-bottom: none;
	margin-bottom: 10px;
	flex: 1 1 auto;
}

	
@media (min-width: 768px) {
		
		
		.showcase {
			margin-bottom: 6px;
		}
		
		/*
		.four-pack.sports .showcase.packed-1 {
			width: 48%;
		}
		.four-pack.sports .showcase.packed-2 {
			width: 50%;
		}
		
		.four-pack.sports .showcase.packed-3, .four-pack.sports .showcase.packed-4 {
			width: 50%;
			float: right;
			margin-right: 0;
		}
		.four-pack.sports .showcase.packed-1, .four-pack.sports .showcase.packed-2 {
			float: left;
			padding-right: 7px;
		}
		.four-pack.sports .showcase.packed-1 .photo {
			padding-bottom: 63%;
		}
		
		*/
		
		
		.showcase a {
			color: #fff;
		}
		
		
		.showcase.packed-1 .headline, .showcase.top-photo .headline {
			position: absolute;
			width: 100%;
			max-height: 100%;
			padding: 21px 16px;
			left: 0;
			bottom: 0;
			
			text-shadow: 2px 2px 8px #393939;
		}
		
		
		/*
		.four-pack .showcase a:hover .headline h1.focus, .four-pack .showcase a:focus .headline h1.focus, .four-pack .showcase a:active .headline h1.focus, .four-pack .showcase a:hover .headline h2.focus, .four-pack .showcase a:focus .headline h2.focus, .four-pack .showcase a:active .headline h2.focus {
			color: #fff;
		}
		*/
}


	a {
		transition: color .3s;
		cursor: pointer;
		color: #000;
	}
	.showcase a {
		display: block;
		overflow: hidden;
		text-decoration: none;
	}
	.section.hex-news a {
		color: #000;
	}

.push-down {
    margin-top: 10px;
}

.post-wdgt{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
	grid-gap: .5rem;
}

.post-wdgt-item {
	flex-basis: 20%;
	position:relative;
	box-sizing: border-box;
	/*max-width: 150px;
	margin: .5em; /* Center the card within the column */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	text-align: full;
	background-color: white;
}
.partner {
	background-color: #ffe8e3;
}
.post-wdgt-item img {
	width: 150px;
	height:auto;
	max-width: 150px;
}
.post-wdgt-item h3 {
	font-size: .8em;
	font-weight: 200;
	margin-bottom: 0px;
	display: block;
	color:#000;
	margin: 5px;
	/* height: 5em; */
	overflow: hidden;
}
.post-wdgt-item .date {
	font-size: 0.6em;
	color: #777;
	margin: 4px;
	text-align: right;
}
.partner-news {
	background-color: #f00;
	color: #fff;
	text-align: center;
	padding: 0 2px;
	opacity:.9;
	margin-bottom: .25em;
	font-size: .8em;
	font-weight: bold;
}
.img-wrapper {
	width: 100%;
	height: auto;
	height:95px;
	display: flex;
	justify-content: center; /* Center the image horizontally */
	align-items: center; /* Center the image vertically */
	overflow: hidden; /* Ensure the image doesn"t overflow the container */
}
.img-wrapper img {
	width: 100%; /* Ensure the image fills the width of the wrapper */
	

/* END OLD TRIB */




}


/* need to clean this all up */
	
	



