@charset "utf-8";

/*
Theme Name: TribLIVE2025
Author: TribLIVE
Description: TribLIVE 2025 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;
	
}


/* END VARS */


/* START ALL SCREENS */


/* START DEV UTILITIES */

.dev-note {
	background: #FF00CC;
	color: #FFF !important;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: bold;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	display: inline-block;
	margin: 5px;
}

/* END DEV UTILITIES */




/* START FONTS */


@font-face{font-family:'open_sansregular';
src:url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-regular-webfont.eot');
src:url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-regular-webfont.woff2') format('woff2'),
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-regular-webfont.woff') format('woff'),
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-regular-webfont.ttf') format('truetype'),
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');font-weight:normal; font-style:normal}@font-face{font-family:'open_sanslight';src:
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-light-webfont.eot');
src:url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-light-webfont.woff2') format('woff2'),
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-light-webfont.woff') format('woff'),
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-light-webfont.ttf') format('truetype'),
url('https://development.triblive.com/wp-content/themes/TribLIVE2025/assets/visuals/fonts/opensans-light-webfont.svg#open_sanslight') format('svg');font-weight:normal;font-style:normal}.sl-comp-black{font-family:"Stainless Comp Bla";font-style:normal;font-weight:normal}.sl-cond-bold{font-family:"Stainless Cond Bd";font-style:normal;font-weight:normal}.sl-light{font-family:"Stainless Lt";font-style:normal;font-weight:normal}
	

/* END FONTS */




/* START BOOTSTRAP OVERRIDES  */

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 960px;
    }social-share-links
}

/* END BOOTSTRAP OVERRIDES  */





/* START DEFAULT ELEMENTS */


body {
	padding: 0;
	margin: 0;
	/* font-family: 'open_sansregular'; */
	font-family: 'open_sansregular', 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.42857143;
}

a {
	color: #000;
}

a:hover {
	color: #727272;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: "Stainless Cond Bd";
}

h1 {
	text-decoration: none;
	text-transform: uppercase;
}

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


/* END DEFAULT ELEMENTS */


/* 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);
}

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

header#header a {
	text-decoration: none;
}

#header-logo-search-desktop {
	margin: 20px 0;
}

#menu-home {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	height: 100%;
	align-self: stretch;
}

#header-nav-container {
	display: flex;
	justify-content: space-between;
}

#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 {
	position: relative;
}

.menu-item a {
	padding: 10px 14px;
	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;
}

#header-mobile {
	display: none;
}

/* 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);
}

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

#header-nav-main #menu-home a {
	font-family: "Stainless Cond Bd";
	text-transform: uppercase;
	align-content: center;
	
}

#header-nav-main #menu-home .sub-menu {
	padding: 24px;
}

#header-nav-main #menu-home .sub-menu a {
	word-break: break-word;
	font-size: 17px;
	line-height: 28px;
	padding: 0;
	text-transform: none;
}

#header-nav-main #menu-home .sub-menu a:hover {
	text-decoration: underline;
}





/* END CUSTOM ELEMENTS */

/* 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: #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 0 10px;
}

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

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

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

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

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

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

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

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



/* END FOOTER */



/* 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;
	}
	
	#header-mobile {
		display: flex;
		justify-content: space-between;
		padding: 8px;
		border-bottom: 1px solid #393939;
	}
	
	#header-mobile-menu-toggle, #header-mobile-menu-right-placeholder {
		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: 75%;
		transform: translateX(-100%);
		transition: transform 0.3s ease;
		z-index: 1000;
	}

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

	#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;
		border-top: solid var(--color-trib-red);5px;
	}
	
	
	#header-mobile-btn-toggle-container {
		
	}
	
	#header-mobile-btn-toggle {
		font-size: 1.25em;
		color: #727272;
	}
	
	#header-mobile-logo a img {
		width: 100%;
		max-width: 100px;
	}
	
	.search-in-nav {
    	background: #ececec;
    	padding: 16px 10px;
	}
	
	
	

	
	
	#header-nav-container {
		flex-direction: column;
	}
	
	
	
	#menu-home {
		flex-direction: column;
	}
	
	
	
	.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;
		color: #FFF;
		font-size: .9375em;
		
	 }
	
	.menu-item .submenu-toggle {
		padding: 10px;
		color: #FFF;
		font-size: 1.25em;
	 }
	
	#menu-home .sub-menu {
		display: none;
		position: static;
		width: 100%;
		list-style: none;
		margin: 0;
		padding: 0;
	 }
	
	#menu-home .submenu-open .sub-menu {
		border-top: solid 1px rgba(255, 255, 255, .4);
	}
	
	#menu-home .sub-menu .menu-item {
		border: none;
		font-family: "Stainless Cond Bd";
		text-transform: uppercase;
		background: transparent;
		padding: 0 0 0 10px;
	}

	
	#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 {
		padding: 12px;
	}
	
	#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;
	}
	
	.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;
	}
	
}

@media (min-width: 992px) {
	
	/* START DESKTOP HEADER */
	
	header#header {
		border-top: solid var(--color-trib-red) 8px;
	}

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

	#header-nav-tool a {
		text-decoration: none;
		padding: 11px 6px 10px;
		display: inline-block;
		color: #393939;
	}

	#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#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;
	}

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

	.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;
		align-items: flex-start; 
		/* max-width: 600px; */
		width: 600px;
	}
	
	#header-nav-main #menu-home .sub-menu .sub-menu {
		box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, .4); 
		border: solid 3px rgba(255, 255, 255, .2);
		width: 300px;
		border-radius: 8px;
	}
	
	#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%;
	}
	
	/* LOCAL */
	.menu li#menu-item-3771450:hover > .sub-menu {
		width: 800px;
	}
	
	#header-nav-main #menu-home.menu li#menu-item-3771450:hover > .sub-menu .sub-menu {
		width: 480px;
	}
	
	/* SPORTS */
	.menu li#menu-item-3754765:hover > .sub-menu {
		width: 600px;
	}
	
	#header-nav-main #menu-home.menu li#menu-item-3754765:hover > .sub-menu .sub-menu {
		width: 360px;
	}
	
	
	/* NEWS */
	.menu li#menu-item-3771562:hover > .sub-menu {
		width: 480px;
	}
	
	#header-nav-main #menu-home.menu li#menu-item-3771562:hover > .sub-menu .sub-menu {
		width: 440px;
	}
	
	/* OPINION */
	.menu li#menu-item-3754772:hover > .sub-menu {
		width: 370px;
	}
	
	/* AE */
	.menu li#menu-item-3756796:hover > .sub-menu {
		width: 460px;
	}
	
	#header-nav-main #menu-home.menu li#menu-item-3756796:hover > .sub-menu .sub-menu {
		width: 400px;
	}
	
	/* Lifestyles */
	.menu li#menu-item-3756797: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 li#menu-item-3754770:hover > .sub-menu li, .menu li#menu-item-3754765:hover > .sub-menu li, .menu li#menu-item-3771450: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 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;
}



/* END OLD TRIB */







/* need to clean this all up */