@charset "utf-8";
/* PSF ErasNews custom CSS: complete replacement, September 30, 2026.
   Merges repaired PSF styles with selected DuBoisLIVE treatments.
   JT3 Module Class Suffix: a leading space followed by psf-main-slider.
   Requires Font Awesome 6 Free (solid, regular and brands) from T4.
   No additional icon library is imported here. Disable duplicate FA4/FA5
   loaders in the template/extensions separately; CSS cannot unload them.
   Actual PSF positions: sidebar-1 left, sidebar-2 right, main-top above content.
   CSS styles rendered modules; it cannot repair a server-side HTTP 500.
*/

@font-face{
    font-family:'Oswald';
    src:url('../fonts/oswald/oswald-regular-webfont.woff2') format('woff2'),
         url('../fonts/oswald/oswald-regular-webfont.woff') format('woff');
    font-weight:normal;
    font-style:normal;}

@font-face{
    font-family:'Helvetica Neue Light';
    src:url('../fonts/helvetica/HelveticaNeueLT-Light.woff2') format('woff2'),
        url('../fonts/helvetica/HelveticaNeueLT-Light.woff') format('woff');
    font-weight:100;
    font-style:normal;}

.t4-content-inner{box-sizing:border-box;position:relative;max-width:100%;min-height:100vh;width:1320px;padding-left:1rem;padding-right:1rem;box-shadow:0 3px 20px 0 rgba(0,0,0,0.19);z-index:2;margin:65px auto 0px auto;background-color:var(--containerbg-color);}

body.layout-fullwidth .t4-content-inner{width:auto;padding-left:0;padding-right:0;}
body.layout-fullwidth .t4-col.highlighter,body.layout-fullwidth .t4-col.head-search{border-top:0!important;}
body.layout-fullwidth .t4-footer,body.layout-fullwidth .t4-copyright{margin-left:0px;margin-right:0;}
body.layout-fullwidth .wrap.highlighter{border-top:3px solid var(--color-primary)!important;}

body.layout-fullwidth .mainnav,body.layout-fullwidth.not-at-top .t4-sticky .mainnav{width:100%;max-width:100%;margin:0;z-index:99;}
body.layout-fullwidth .mainnav .navbar,body.layout-fullwidth.not-at-top .t4-sticky .mainnav .navbar {width:1320px;max-width:100%;left:50%;transform:translateX(-50%);}
 
.btn-primary{border-color:var(--color-primary);}
a:hover,.topbar ul.nav li a:hover,.topbar li a:hover ,.topbar a:hover,.topbar i:hover,#register-link a:hover,#bt_ul.eranews li a:hover,#btl .btl-panel.eranews > span:hover, .btl-panel.eranews button.btl-buttonsubmit:hover, .btl-panel.eranews input.btl-buttonsubmit:hover,.readmore.eranews:hover,.readmore.eranews a:hover{color:var(--color-primary);transition:all 0.3s linear 0s;}
.t4-col.highlighter,.t4-col.head-search{border-top:3px solid var(--color-primary)!important;background:var(--color-light);}
.gkHighlighterInterface.eranews,.head-search .form-inline.eranews{background-color:var(--color-primary)!important;}
.gkHighlighterWrapperSub.eranews a{color:var(--color-secondary);}
.highlighter-inner .gkHighlighterWrapper {margin-left:130px!important;}
.t4-col.highlighter{padding-left:0;}
.t4-col.head-search{padding-right:0;}
.t4-hightlighter .row{margin-right:0;margin-left:0;}

.top-social-icons{text-align:right;}

.head-search .form-search.eranews .mod-finder__search .btn-primary::before{border-right:5px solid var(--color-primary)!important;}
.head-search .search::before {display:none!important;}
.head-search .form-search.eranews .mod-finder__search .btn-primary{background:var(--color-primary) url(../images/searchButton.png) no-repeat center;}
.head-search label{display:none;}

.logo-text .site-slogan{color:var(--color-primary)!important;}
.t3-megamenu .mega > .mega-dropdown-menu{background:var(--color-secondary) url(../images/nav-glade-bg.png) no-repeat top left!important;}
.mainnav .navbar-nav > li > a,.mainnav .navbar-nav > li > .separator,.mainnav .navbar-nav > li span{;}
.t3-navbar-collapse .dropdown-menu > li > a{color:var(--color-secondary)!important;}
.t3-navbar-collapse .dropdown-menu > li > a:hover{color:var(--color-primary)!important;}
#t3-mainnav.navbar-default .nav-border,body.fullwidth-layout .t3-mainnav{border-top:1px solid var(--color-secondary)!important;border-bottom:5px solid var(--color-secondary)!important;}
.mainnav .navbar-nav > li > a:hover,.mainnav .navbar-nav > li > a:focus,.mainnav .navbar-nav > li.active > a,.mainnav .navbar-nav > li > .separator:hover{color:var(--color-primary);}

.t3-megamenu .nav > .dropdown > .dropdown-toggle:hover .caret,.mainnav .navbar-nav > li.active .caret{border-top-color:var(--color-primary)!important;}
.module-title span{border:0;}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .inputbox:focus
{background-color:#FFF;background-image:none;outline:none;border-color:var(--color-primary)!important;box-shadow:0 0 1px var(--color-primary)!important;transition:all 0.3s  linear 0s;}
.jt3-category {background-color:var(--color-primary)!important;}
a.selected::after,a.toc::after{background-color:var(--color-primary)!important;}
:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .module-title,:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .module-title,.maintop-1-2-wrap .module-title{border-bottom:4px solid var(--color-secondary);}
:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .module-title span,:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .module-title span,.maintop-2 .module-title span,.module-title.titlecard span {background:var(--color-secondary);color:#fff;padding:12px 30px 9px 15px!important;display:inline-block;}
.main-top .moduletable h3,.main-top h3,.t3-content h3,.module-title{color:var(--color-secondary);border-bottom:5px solid var(--color-secondary) ;}
.moduletable,.module{border:0;border-bottom:2px solid var(--color-secondary);}
.module-title, .module-title span{background:none;color:var(--heading-color);font-family:var(--heading-font-family);padding:0;}
.maintop-1 .module-title span{padding:0 0 6px 0;}
.maintop-1 h3.module-title span{font-size:24px;}
.t4-module {margin-bottom:2rem;padding-bottom:1rem;}

.jt-cs.eranews .owl-carousel .owl-nav button.owl-next,.jt-cs.eranews  .owl-carousel .owl-nav button.owl-prev, .jt-cs.eranews .owl-carousel button.owl-dot {color:var(--color-primary);}
.jt-cs.eranews .owl-dots .active span {background:var(--color-primary);}
.jt-cs.eranews .owl-dots span {border:2px solid var(--color-primary);}
.jt-cs.eranews.scrolling-news .owl-carousel .owl-nav button.owl-next,.jt-cs.eranews.scrolling-news  .owl-carousel .owl-nav button.owl-prev{background:var(--color-secondary);color:var(--color-white);}

.table-striped > tbody > tr:nth-of-type(2n+1) > * {--t4-table-bg-type:var(--t4-table-bg);}
.table-hover > tbody > tr:hover > * {--t4-table-bg-state:var(--color-light);}

.t4-copyright{background-color:var(--color-primary)!important;}
.t4-footer :is(.fa, .fas, .far, .fab){background:var(--color-secondary-light);}
.t4-footer .module-followus  :is(.fa, .fas, .far, .fab):hover{color:var(--color-primary);transition:all 0.3s linear 0s;}
#t3-footer.t4-footer .jt-author.eranews a{color:var(--color-secondary-light);}
#t3-footer .jt-cs.eranews .slide,p.footer-text,.footer-logo,#t4-footer .jt-cs.eranews .slide, p.footer-text, .footer-logo  {border-bottom:1px solid var(--footer-border-color);}
.footerbase-2 ul.nav li a:hover,.footerbase-2 a:hover{color:var(--color-secondary)!important;}

.jt-cs.eranews.popularnews .jtcs-author-date,.jt-cs.popularnews .jt-author.eranews, .jt-cs.popularnews .jt-author.eranews a, .jt-cs.popularnews .jt-date.eranews,.jt-cs.eranews.popularnews :is(.fa, .fas, .far, .fab){color:var(--color-primary);transition:all 0.3s linear 0s;}

.jt-cs.eranews .slide{border-bottom:1px solid var(--color-secondary);}
.nsp-eranews a.readon {color:var(--body-text-color);}
.nspLinks.eranews .nspLinkScroll1 ul li,.submain-3 .nspArts,.submain-4 .nspArts,.jt_list_content.eranews{border-bottom:1px solid var(--border-color, #e4e4e4);}
.alert-warning, .alert{;}


.jt-cs .jt-extra.eranews.popularnews .jt-author.eranews, .jt-cs .jt-extra.eranews.popularnews .jt-author.eranews a, .jt-cs .jt-extra.eranews.popularnews .jt-date.eranews{color:var(--color-primary);transition:all 0.3s linear 0s;}
.module-title.nostyle,.module-title.nostyle span{color:var(--color-secondary)!important;}
.module-title.nostyle span {background:none!important;padding-left:0;}
.module-title.primarybg-noborder span{background-color:var(--color-primary)!important;}
.module-title.primarybg-noborder {border-bottom:0!important;}
.copyright, .copyright p {margin-bottom:0!important;}

.tagspopular ul > li > a {background-color:var(--color-white);border:1px solid var(--color-light);color:var(--body-text-color);}
.tagspopular ul > li > a:hover, .tagspopular ul > li > a:focus, .tagspopular ul > li > a:active {background:var(--color-primary);transition:all 0.3s linear 0s;text-decoration:none;}
:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) ul.menu li a,:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) ul.menu li a{color:var(--color-secondary)!important;}
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) ul.menu li a:hover,:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) ul.menu li.active > a, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) ul.menu li.active > a:hover, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) ul.menu li.active > a:focus, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) ul.menu li a:hover,:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) ul.menu li.active > a, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) ul.menu li.active > a:hover, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) ul.menu li.active > a:focus{color:var(--color-primary)!important;}
.alert-warning, .alert{border:1px solid var(--color-secondary)!important;color:var(--color-secondary)!important;}
.alert-warning .alert-message{color:var(--color-secondary)!important;}
.alert h4{color:var(--color-primary-dark)!important;}
#login-form li a{color:var(--color-secondary)!important;}

h1, .h1, .h1 a {
    font-size:var(--h1-font-size);}

h2, .h2, .h2 a {
    font-size:var(--h2-font-size);}

h3, .h3, .h3 a {
    font-size:var(--h3-font-size);}

h4, .h4, .h4 a {
    font-size:var(--h4-font-size);}

h5, .h5, .h5 a {
    font-size:var(--h5-font-size);}

h6, .h6, .h6 a {
    font-size:var(--h6-font-size);}


h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6
,h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a,.logo-text a ,.logo-text,.nsp-eranews .nspArt h4.nspHeader a,.nsp-eranews .nspArt h4.nspHeader,.nspLinks.eranews ul li h4,.nspLinks.eranews ul li h4 a,.jt-cs .jt-inner .jt-title.eranews,.jt-cs .jt-inner .jt-title.eranews.blogstyle {color:var(--heading-color);}
#t3-footer .jt-cs .jt-inner .jt-title.eranews,#t3-footer .jt-cs .jt-inner .jt-title.eranews.blogstyle {color:var(--color-white)!important;}
.jt-cs.eranews.homestyle-2 .jt-inner .jt-category{background:var(--color-secondary)!important;}
.jt-imagewrap.eranews.blogstyle i{color:var(--color-primary)!important;border:2px solid var(--color-primary);}
.jt-cs .jt-author.eranews,.jt-cs .jt-author.eranews a,.jt-cs .jt-date.eranews {color:var(--color-gray-dark);}
.jt-cs.eranews.homestyle-2 .readmore.eranews,.jt-cs.eranews.homestyle-2 .readmore.eranews a{color:var(--color-white);}
.readmore.eranews,.readmore.eranews a{color:var(--body-text-color);transition:all 0.3s linear 0s;font-family:var(--heading-font-family);font-weight:400;}
.jt-cs.eranews.eranews-2 .slide,.jt-cs.eranews.popularnews .slide{border-bottom:1px solid var(--border-color, #e4e4e4);}
.readmore.eranews.blogstyle a.btn:hover{background-color:var(--color-primary)!important;color:#fff!important;}
.eranews-blogstyle .bt_handles_num li.current a {background:var(--color-primary)!important;}
#t3-mainnav.navbar-default.affix .nav-border{border-top:1px solid var(--color-primary)!important;border-bottom:5px solid var(--color-primary)!important;}

.counters .counter-icon ,.avs_input_search input#search_btn{background:var(--color-primary-dark)!important;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title:hover,.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a:hover{color:var(--color-primary)!important;}
.pagenav li > a {color:var(--body-text-color);}

.yendif-video-share-title a{color:var(--heading-color);}
@media screen and (min-width:1200px){
.container, .t4-masthead .t4-masthead-detail, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {;}
}
@media screen and (max-width:767px){
#t3-mainnav.affix.navbar-default{background:var(--color-white) url(../images/logo-small.png) no-repeat left 15px!important;}
}
/*******************************************************************************************************************************************************************************/
body.fullwidth-layout{background:#fff;}
body.fullwidth-layout .container{background:none;}
body.fullwidth-layout #background-shadow{box-shadow:none;margin-top:0;}
body.fullwidth-layout #t3-mainnav.t3-mainnav.navbar-default .nav-border{border-top:0!important;border-bottom:0!important;/* */;}
body.fullwidth-layout .highlighter-inner{border-top:0!important;}


a:link, a:visited, a strong,a{text-decoration:none;transition:all 0.3s linear 0s;}
a:hover{transition:all 0.3s linear 0s;}
.background-imagewrapper{padding-top:35px;background-image:url(../images/fixedbgimage.jpg)!important;background-repeat:no-repeat;background-size:cover;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;
z-index:0;}
.background-patternwrapper{padding-top:35px;background-repeat:repeat;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0;}
.background-coloroverlay{padding-top:35px;background-repeat:repeat;height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0;}
#background-shadow{margin-top:20px;box-shadow:0 3px 20px 0 rgba(0, 0, 0, 0.19);position:relative;z-index:1;}
.t4-module ul.nav{width:100%;}
.t4-module .nav li{display:block;}
.t4-module .nav li a, .t4-card .nav li a, .moduletable .nav li a, .module_menu .nav li a {position:relative;display:block;padding:10px 15px;}

.t3-module .module-inner {padding:0 0 20px 0;}
.t3-sl {padding-bottom:0;padding-top:0;}
.t3-sl.t3-sl-1{padding-bottom:0;padding-top:30px;}
h1, .h1,h2, .h2,h3, .h3 {margin-top:0;}
.btn-primary{border-radius:0px;transition:all 0.3s linear 0s;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus{outline:none;transition:all 0.3s linear 0s;}
.module-title.primarybg-noborder {border-bottom:0;}
.maintop-2 .module-title.primarybg-noborder span{padding:7px 10px;}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox{border:1px solid #e4e4e4;border-radius:0px;box-shadow:none;}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn{border-radius:0px;box-shadow:none;border:1px solid #e4e4e4;}
.input-group-addon:first-child {border-right:0 none;}
.dropdown-menu,.dropdown-submenu > .dropdown-menu{border-radius:0px;}
.nav-pills > li > a,:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) ul.menu li a,:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) ul.menu li a{border-radius:0px;}
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) ul.nav li a,:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) ul.nav li a{border-bottom:1px solid #eee;font-family:var(--heading-font-family);color:var(--heading-color)!important;font-size:17px;font-weight:normal;transition:all 0.3s  linear 0s;}
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l)  ul.nav li.active > a, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l)  ul.nav li.active > a:hover, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l)  ul.nav li.active > a:focus,:is(.sidebar-2, .sidebar-r, .t4-sidebar-r)  ul.nav li.active > a, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r)  ul.nav li.active > a:hover, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r)  ul.nav li.active > a:focus{background-color:transparent;color:var(--color-primary)!important;}
.t4-module .nav li a:hover, .t4-module .nav li a:active, .t4-module .nav li a:focus, .t4-card .nav li a:hover, .t4-card .nav li a:active, .t4-card .nav li a:focus, .moduletable .nav li a:hover, .moduletable .nav li a:active, .moduletable .nav li a:focus, .module_menu .nav li a:hover, .module_menu .nav li a:active, .module_menu .nav li a:focus{color:var(--color-primary)!important;}
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l), :is(.sidebar-2, .sidebar-r, .t4-sidebar-r){padding-top:0;}
.alert-warning, .alert{border-radius:0px;}
#login-form li{list-style:none;}
#login-form ul.unstyled{padding-left:0;}
.registration .form-horizontal .control-label{text-align:left;font-weight:400;}
#member-registration legend{padding-bottom:20px;}
.registration .text label {font-size:12px; font-weight:400;}
.article-content.clearfix[itemprop="articleBody"]{clear:none;}
.left.item-image{margin-right:30px;margin-bottom:30px;float:left;}
h1.article-title,h2.article-title{font-size:26px;text-transform:uppercase;}
.article-info dd a{color:#999;}
.article-info {margin:10px 0;}
.moduletable-noborderbottom{border-bottom:0;}
#t3-content img{max-width:100%;height:auto;}
.alert-message{padding:5px 15px;}
.pagenavigation .pagination a.previous{margin-right:10px;}
.pagenavigation .pagination a{border:1px solid rgba(0,0,0,0.15);border-radius:0px;}
.btn-default {border-radius:0px;}
input {filter:none;}
 .contact .contact-miscinfo {color:var(--body-text-color);background-color:transparent;border:0;}
/*
	=======================================
		TOPBAR START
	=======================================
*/
.topbar {min-height:42px;position:absolute;width:100%;top:0;left:0;display:flex;align-items:center;padding:0;}
.topbar .container{background:none;min-height:40px;padding:10px 40px;}
.topbar::after{position:absolute;top:0;left:0;width:100%;height:42px;content:"";background:var(--color-secondary);z-index:-1;}

.topbar [class*=' col-']{padding-left:0;padding-right:0;}
.topbar-left-inner [class*=' col-']{padding-left:0;}
.topbar-right [class*=' col-']{padding-right:0;}

.topbar .navbar{padding:0;}
.topbar ul.nav {flex-direction:row;}
.topbar ul.nav li,.topbar li{margin:0;}
.topbar ul.nav li a,.topbar li a {text-transform:uppercase;color:#fff;font-size:14px; font-weight:300; border-radius:0px;padding:0 10px;}
.topbar p,.top-login {color:#fff;}
.topbar i{color:#fff;margin-right:10px;}
.topbar ul.nav li a:hover,.topbar li a:hover ,.topbar a:hover{background:none;transition:all 0.3s linear 0s;}
.topbar ul.nav li.active a,.topbar li.active a {background:none;}
.topbar ul.dropdown-menu{background:#333;border-radius:0px;}

.topbar-left ul.nav li a,.topbar-left li a{font-family:var(--heading-font-family);font-weight:400;}

#jtl.eranews{text-align:right;}
#jtl.eranews > button,#jtl.eranews button.modal-toggle, #jtl.eranews button.login-toggle, #jtl.eranews button.register-toggle{background-color:transparent!important;text-transform:uppercase;color:#fff;font-size:14px;font-weight:400;line-height:1;margin:0;border-radius:0px;padding:0px 10px;font-family:var(--heading-font-family);}
#jtl.eranews > button:hover,#jtl.eranews button.modal-toggle:hover, #jtl.eranews button.login-toggle:hover, #jtl.eranews button.register-toggle:hover{color:var(--color-primary);}

#jtl.eranews .jtl-content-login,#jtl.eranews .jtl-content-register,#jtl.eranews .modal-dialog .modal-content {width:350px;padding:10px 20px;font-weight:400;overflow:hidden;background:#111;border-radius:0px;border:1px solid #191919;box-shadow:inset 0 0 2px 1px rgba(255,255,255,0.08), 0 16px 10px -8px rgba(0, 0, 0, 0.6);margin-top:0;}
#jtl.eranews .jtl-content-login label, #jtl.eranews .jtl-content-register label,#jtl.eranews .jtl-content-register .jtl-label,#jtl.eranews .modal-dialog .modal-content label, #jtl.eranews .modal-dialog .modal-content .jtl-label{text-align:left;font-size:12px;color:#ddd;text-transform:uppercase;float:left;font-weight:400;margin-top:5px;}
#register-link a,#jtl.eranews .jtl-note{color:#999;transition:all 0.3s linear 0s;font-size:13px;padding:5px 0;}
#jtl.eranews {text-align:left;font-size:12px;margin-top:5px;float:right;}
#jtl.eranews .jtl-content-login input[type="text"],#jtl.eranews .jtl-content-login input[type="password"],#jtl.eranews .jtl-content-login #recaptcha > input,#jtl.eranews .jtl-content-register  input,#jtl.eranews .modal-dialog .modal-content input[type="text"],#jtl.eranews .modal-dialog .modal-content input[type="password"],#jtl.eranews .modal-dialog .modal-content .jtl-content-register-modal input{float:left;padding:1px 5px;margin-bottom:10px;font-size:12px;background:#1f2124;background:linear-gradient(#1f2124, #27292c);border:1px solid #000;box-shadow:0 1px 0 rgba(255,255,255,0.1);border-radius:0px;color:#fff;transition:border 0.2s linear 0s, box-shadow 0.2s linear 0s;margin-left:20px;text-indent:5px;width:190px;height:26px;filter:none!important;}
#jtl.eranews .jtl-content-login::before,#jtl.eranews .jtl-content-register::before  {content:"";width:8px;height:5px;position:absolute;left:16%;top:-7px;border-radius:50%;box-shadow:0 0 6px 4px #fff;}
#jtl.eranews .jtl-content-login:after,#jtl.eranews .jtl-content-register::after {content:"";height:1px;width:33%;position:absolute;left:1%;top:0;background:linear-gradient(to right, transparent, #444, #b6b6b8, #444, transparent);}
#jtl.eranews .jtl-content-login input[type="text"]::after{position:absolute;top:0;left:0;width:100%;height:100%;content:""; background:#000;}
#jtl.eranews div.jtl-content-login,#jtl.eranews div.jtl-content-register{ right:0;}

#jtl.eranews .input-group{width:auto;}
#jtl.eranews .jtl-field {margin-bottom:7px;display:flex;justify-content:space-between;}
#jtl.eranews .mod-login__remember.form-group,#jtl.eranews .modal-dialog .modal-content .mod-login__remember.form-group{float:left!important;width:50%;}
#jtl.eranews .mod-login__remember.form-group input{margin-left:0;}
#jtl.eranews .mod-login__submit.form-group {border-top:0;margin:5px 0 0 0;float:right;width:50%;}
#jtl.eranews .mod-login__remember.form-group .form-check label{text-transform:none;}
#jtl.eranews .mod-login__remember.form-group .form-check input{margin-right:5px;}
#jtl.eranews .mod-login__submit.form-group button,#jtl.eranews .jtl-content-register .jtl-buttonsubmit button,#jtl.eranews ul.mod-login-logout__options li a,#jtl.eranews  .jtl-buttonsubmit button.btn, #jtl.eranews  button.btn{border-radius:0px;box-shadow:none;text-transform:uppercase;color:#999;font-size:14px; font-weight:300;line-height:1;margin:0;background:#000!important;min-width:75px;float:right;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.1);}
#jtl.eranews .jtl-content-login .mod-login__options.list-unstyled,#jtl.eranews .modal-dialog .modal-content .mod-login__options.list-unstyled{padding-left:20px;margin:0px 0 10px 0 !important;display:flex;justify-content:flex-start;width:100%;}
#jtl.eranews .jtl-content-login .mod-login__options.list-unstyled li a,#jtl.eranews .modal-dialog .modal-content .mod-login__options.list-unstyled li a{color:#999;text-transform:none;font-size:12px;}
#jtl.eranews .jtl-content-register .input-group{width:auto;}
#jtl.eranews .jtl-content-register  .jtl-field{display:flex;justify-content:space-between;}
#jtl.eranews ul.mod-login-logout__options {float:left;margin-right:10px;}
#jtl.eranews ul.mod-login-logout__options li a,#jtl.eranews  .jtl-buttonsubmit button.btn, #jtl.eranews  button.btn{padding:6px 12px;text-transform:uppercase;line-height:1;font-size:14px;}
#jtl.eranews .mod-login-logout__login-greeting{margin-bottom:7px;}
#jtl.eranews  .btn-close{border-radius:0px;box-shadow:none;text-transform:uppercase;color:#fff;line-height:1;margin:0;background:#000!important;border:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3), inset 0 10px 10px rgba(255,255,255,0.1);}
#register-link.eranews::before{content:"";width:250px;height:100px;position:absolute;top:45px;left:0px;transform:rotate(75deg);background:linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));pointer-events:none;}
#jtl.eranews  .jtl-note::before{content:"";width:550px;height:100px;position:absolute;top:45px;left:-150px;transform:rotate(75deg);background:linear-gradient(50deg, rgba(255,255,255,0.15), rgba(0,0,0,0));pointer-events:none;}


.t4-header {border-bottom:0;}
.t4-header-r > * {margin:0;}
/*
	=======================================
		TOPBAR
	=======================================
*/
#background-shadow.container{padding:0;}
.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl{background-color:var(--containerbg-color);}

.head-search {margin-top:0px;float:right;}
.t4-section.t4-hightlighter,.t4-section.t4-header {box-shadow:none!important;}
.highlighter-inner [class*=' col-']{padding-left:0;padding-right:0;}
.gkHighlighterInterface.eranews{min-height:30px;}
.gkHighlighterInterface.eranews span.text{font-size:15px;line-height:24px;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);}
.gkHighlighterWrapperSub.eranews{font-weight:400;font-size:13px;line-height:28px;overflow:hidden;text-indent:5px;}
.gkHighlighterWrapperSub.eranews a{margin-right:20px;font-weight:300;}
.gkHighlighterWrapper .gkHighlighterItem {z-index:10!important;}
.gkHighlighterWrapperSub.eranews a{color:var(--body-text-color);}

.head-search .form-inline.eranews input.button{margin:0;padding:0;height:30px;line-height:30px;float:right;}
.head-search .form-search.eranews .mod-finder__search input{border-radius:0px;border:1px solid #ececec;box-shadow:none;height:30px;box-sizing:border-box;padding:4px 5px;border-left:1px solid #e6e6e6;font-size:12px;transition:all 0.3s linear 0s;width:150px;max-width:150px;position:relative;z-index:1;}
.head-search .form-search.eranews .mod-finder__search input:focus{transition:all 0.3s linear 0s;width:200px;max-width:200px;border-top:1px solid transparent;}
.head-search .search::before{display:none;}
.head-search .mod-finder{float:right;}

.navbar-brand.logo-control img.logo-img {max-height:none;}
.logo{;}
.logo-text a {font-weight:600;}
.logo-text .site-slogan{font-size:17px;letter-spacing:0.5px;margin-top:0;}
.head-search .form-search.eranews .mod-finder__search .btn-primary{text-indent:-9999px;width:30px;height:30px;vertical-align:top;border:0;}
.js-finder-searchform .btn{vertical-align:top;}
.js-finder-searchform .awesomplete .visually-hidden {position:absolute;clip:inherit;width:max-content;top:110%;left:-40%;}
.head-search .form-search.eranews .mod-finder__search .btn-primary::before{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;content:"";position:absolute;right:30px;top:10px;z-index:9 ;}
#t4-header .container{padding-top:30px;padding-bottom:30px;}
/*
	=======================================
		NAV MENU
	=======================================
*/
.t4-nav-height-sm .t4-megamenu .navbar-nav > li > a, .t4-nav-height-sm .t4-megamenu .navbar-nav > li > .nav-link {margin:0;height:50px;line-height:30px;transition:all 0.3s linear 0s;padding:15px 15px;}
.mainnav .dropdown-menu{background:var(--color-secondary) url(../images/nav-glade-bg.png) no-repeat top left;border-radius:0px;padding:0;}
.mainnav .dropdown-menu.level1:after {content:"";height:1px;width:33%;position:absolute;left:1%;top:0;background:linear-gradient(to right, transparent, #444, #b6b6b8, #444, transparent);}
.mainnav .dropdown-menu.level1.show:before {content:"";width:8px;height:1px;position:absolute;left:16%;top:0px;border-radius:50%;box-shadow:0 0 6px 4px #fff;opacity:0.45;}
.t4-megamenu .dropdown-menu li > a:hover, .t4-megamenu .dropdown-menu li > a:focus, .t4-megamenu .dropdown-menu li > a:active, .t4-megamenu .dropdown-menu li > .nav-link:hover, .t4-megamenu .dropdown-menu li > .nav-link:focus, .t4-megamenu .dropdown-menu li > .nav-link:active, .t4-megamenu .dropdown-menu li .dropdown-item:hover, .t4-megamenu .dropdown-menu li .dropdown-item:focus, .t4-megamenu .dropdown-menu li .dropdown-item:active,.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item{transition:all 0.3s  linear 0s;}
.t4-megamenu .dropdown-toggle .dropdown-menu  .item-caret::before{border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;}
.t4-megamenu .dropdown-menu .dropdown-toggle  .item-caret::before {border-top:4px solid rgba(0,0,0,0);border-right:4px solid rgba(0,0,0,0);border-bottom:4px solid rgba(0,0,0,0);border-left:4px solid var(--dropdown-link-color);transition:all 0.3s  linear 0s;}
.t4-megamenu .dropdown-menu .dropdown-toggle:hover  .item-caret::before {border-left:4px solid var(--dropdown-link-hover-color);transition:all 0.3s  linear 0s;}
#t3-mainnav.navbar-default{border:0;background-color:transparent;}
.mainnav .navbar-nav > li > a,.mainnav .navbar-nav > li > .separator,.mainnav .navbar-nav > li span{cursor:pointer;text-transform:uppercase;}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item, .t4-megamenu .dropdown > li > a, .t4-megamenu .dropdown > li > .nav-link{text-transform:uppercase;color:var(--dropdown-link-color);padding:10px 15px;border-bottom:1px solid #000;border-top:1px solid rgba(255, 255, 255, 0.1);font-weight:400;font-size:15px;transition:all 0.3s linear 0s;}
.t3-navbar-collapse .dropdown-menu > li > a{text-transform:uppercase;transition:all 0.3s linear 0s;}
.t3-megamenu li.dropdown-submenu >.separator , .t3-megamenu li.dropdown-submenu >.separator a,.t3-megamenu .mega-nav > li .separator{cursor:pointer;color:#ddd!important;transition:all 0.3s linear 0s;}

.t3-megamenu .dropdown-header, .t3-megamenu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header{color:#ddd;text-transform:uppercase;padding:10px 15px;border-bottom:1px solid #000;border-top:1px solid rgba(255, 255, 255, 0.1);font-weight:400;font-size:17px;}
.t3-megamenu .dropdown-header:hover, .t3-megamenu .mega-nav .mega-group > .dropdown-header:hover, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:hover, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:hover, .t3-megamenu .dropdown-header:active, .t3-megamenu .mega-nav .mega-group > .dropdown-header:active, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:active, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:active, .t3-megamenu .dropdown-header:focus, .t3-megamenu .mega-nav .mega-group > .dropdown-header:focus, .t3-megamenu .dropdown-menu .mega-nav .mega-group > .dropdown-header:focus, .t3-megamenu .dropdown-menu .active .mega-nav .mega-group > .dropdown-header:focus,.t3-megamenu .dropdown-menu .mega-group .mega-nav > li.active a{color:#fff;}
.t3-megamenu .mega >.mega-dropdown-menu .col-xs-12.mega-col-nav{padding:0;}
.t3-megamenu .mega-inner {padding:0;}
.affix .container {padding-left:0;padding-right:0;}
.affix{opacity:0.95;}
.navbar-toggler{padding:0;height:35px;line-height:35px;width:35px;margin-left:15px;border-radius:3px;border:1px solid var(--color-gray-light);}
.mainnav .video-menu {padding:0px 15px 15px 15px;}
.mainnav .video-menu h3.module-title,.mainnav .video-menu h3.module-title span {margin:5px 0;padding-bottom:5px;color:#ddd!important;border:0!important;}
#t3-mainnav.navbar-default  .navbar-nav.video-title > li span{color:#fff!important;}
#back-to-top .btn,.chzn-container-single .chzn-single{border-radius:0px;}
#back-to-top {background-color:transparent;border-radius:0px;border:2px solid var(--color-primary);color:var(--color-primary);opacity:0.7;}
#back-to-top i {color:var(--color-primary);font-size:20px;}
#back-to-top:hover, #back-to-top:focus, #back-to-top:active {background-color:transparent;color:var(--color-primary);opacity:1;}
.input-group-btn .btn{height:35px;}
.t3-navbar .h1,.t3-navbar .h2,.t3-navbar .h3,.t3-navbar .h4,.t3-navbar .h5,.t3-navbar .h6 {margin-bottom:0;}
.container-lg.collapse-static{display:flex;}
.t4-offcanvas-toggle{background-color:var(--color-primary)!important;border-radius:0;border:0;padding:0;width:50px;height:50px;line-height:50px;position:relative;}
.t4-offcanvas-toggle i{color:#ffffff;transition:all 0.25s;}
.mainnav .container-lg{padding-left:0;padding-right:0;background-color:transparent;}
.mainnav {border-top:1px solid var(--color-secondary) !important;border-bottom:5px solid var(--color-secondary) !important;width:100%;}
.not-at-top .t4-sticky,.t4-header{box-shadow:0 3px 5px rgba(0,0,0,0.08);background-color:var(--containerbg-color);border-bottom:0;}
.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link,.t4-navbar .navbar-nav,.t4-navbar .navbar-nav > li > a, .t4-navbar .navbar-nav > li > .nav-link,.t4-navbar .nav{font-weight:var(--megamenu-font-weight)!important;font-size:var(--megamenu-font-size)!important;font-family:var(--megamenu-font-family)!important;}
/**********************************************************************************************************************************************************/
@keyframes fadein {
    from {
        opacity:0;
		top:10px;}
    to {
        opacity:1;
		top:0;}
}
@-moz-keyframes fadein {/* Firefox */
    from {
        opacity:0;
		top:10px;}
    to {
        opacity:1;
		top:0;}
}
@-webkit-keyframes fadein {/* Safari and Chrome */
    from {
        opacity:0;
		top:10px;}
    to {
        opacity:1;top:0;}
}
@-o-keyframes fadein {/* Opera */
    from {
        opacity:0;
		top:10px;}
    to {
        opacity:1;
		top:0;}
}

.not-at-top .t4-sticky .mainnav {position:fixed;animation:fadein 0.5s;opacity:1;z-index:99;top:0 !important;box-shadow:0 3px 5px rgba(0,0,0,0.08);background-color:var(--containerbg-color);width:inherit;max-width:1320px;margin:0 auto;left:auto;opacity:0.95;margin-left:0;border-top:1px solid var(--color-primary)!important;border-bottom:5px solid var(--color-primary)!important;}
/*
	=======================================
		HEADLINE JT3 - MAIN SLIDER
	=======================================
*/
.jt3sliderwrapper.eranews{position:relative;}
.jt3-title-cat-desc{position:absolute;bottom:0;left:0;z-index:40;}
.jt3-black-overlay{background:rgba(0, 0, 0, 0.6);padding:15px;}
.jt3-title,.jt3-title a,.jt3-title h4{color:#fff;font-size:20px;font-weight:400;text-transform:uppercase;margin-top:0;margin-bottom:12px;line-height:1;}
.jt3-extra,.jt3-author,.jt3-date,.jt3-introtext,.jt3-introtext p{color:#fff;}
.jt3-extra,.jt3-author,.jt3-date{font-size:11px;font-weight:bold;color:#ddd;margin-bottom:10px;}
.jt3-category{color:#fff;padding:5px;}
#jt3_headline-news_wrapper p.introtext,#jt3_headline-news_wrapper p.readmore{margin-bottom:0;}
.little_thumbnails a.selected  img {opacity:1;}
a.toc,a.selected{position:relative;display:inline;float:left;z-index:42;}
.prevbutton_outer.eranews{left:-15px;}
.nextbutton_outer.eranews{right:-15px;}
.nextbutton_outer.eranews,.prevbutton_outer.eranews{z-index:43;transition:all 0.3s linear 0s;opacity:0;}
.jt3sliderwrapper.eranews .flex-control-thumbs li::after{bottom:100%;content:"";left:0;opacity:0;position:absolute;right:0;transform:scale(0) translateZ(0px);transition:transform 0.30s ease 0s, opacity 0.40s ease 0s;background-color:var(--color-primary) ;}
.jt3sliderwrapper.eranews .flex-control-thumbs li:hover::after{width:100%;height:4px;content:"";position:absolute;left:0px;top:0px;transform:scale(1) translateZ(0px);opacity:1;}
#jt3_headline-news_wrapper h4, #jt3_headline-news_wrapper h4 a {color:#fff!important;}
.little_thumbnails.eranews{width:100%;margin:0;}
.bottomthumbnails:hover .nextbutton_outer.eranews,.bottomthumbnails:hover .prevbutton_outer.eranews{opacity:1;transition:all 0.3s linear 0s;}
.bottomthumbnails:hover .nextbutton_outer.eranews{right:5px;}
.bottomthumbnails:hover .prevbutton_outer.eranews{left:5px;}
.dotted-overlay{background:url(../images/dots-overlay.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:39;}
.jt3sliderwrapper.eranews .flex-direction-nav a:before {font-size:26px;display:inline-block;color:rgba(255, 255, 255, 1);text-shadow:1px 1px 0 rgba(0, 0, 0, 0.3);}
.jt3sliderwrapper.eranews .flex-direction-nav a{color:rgba(255, 255, 255, 1);z-index:2;}
.jt3sliderwrapper.eranews .flex-direction-nav .flex-next{opacity:1;}
.jt3sliderwrapper.eranews .show_all_cont {display:grid;place-items:center;}

/**************************/
/*
	=======================================
		JT-CONTENT SLIDER MODULE 
	=======================================
*/
.jtcs_item_wrapper.jt-cs.eranews .jt-author-date{gap:0px;margin:0;}
.jt-cs .jt-inner.eranews{padding:0;position:relative;}
.jt-cs .jt-inner.eranews img{border:0;outline:0;max-width:100%;}
.jt-cs.eranews .jt-inner .jt-title.eranews{text-transform:none; font-size:16px;font-weight:normal;padding-left:1px;}
.slides_container.eranews .slide{padding:0px 0;}
.jt-cs .jt-introtext.eranews {padding-left:1px;margin:0;}
.jt-cs.eranews .bt_handles li.current a {background-position:0 -7px!important;}
.jt-cs.eranews .bt_handles li a{padding:7px 0 0 0 !important;width:7px!important;}
.jt-cs.eranews .jt-author.eranews,.jt-cs.eranews .jt-author.eranews a,.jt-cs.eranews .jt-date.eranews {text-transform:uppercase;font-size:10px;}
.jt-author.eranews,.jt-date.eranews{margin-right:7px;}
.jt-cs.eranews .jt-author-date i {margin-right:2px;}
.jt-cs.eranews .readmore.eranews,.readmore.eranews a{text-transform:uppercase;font-size:13px;margin-top:15px!important;}
.jt-cs.eranews .readmore.eranews{margin-top:12px;}
.jt-row-separate.eranews{margin:20px 0px 15px 0;}
.jt-cs .jt-extra.eranews{clear:none;margin-top:0;line-height:1.1;padding-left:1px;}
.jt-cs .jt-extra.eranews :is(.fa, .fas, .far, .fab){margin-right:5px;color:#999999;opacity:0.6;}
.jt-row-separate.eranews-2{margin:0px 0px 15px 0px;}
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .module-title,:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .module-title {font-size:16px;text-transform:uppercase;line-height:1;font-weight:400;}
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) h3.module-title,:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) h3.module-title{padding-bottom:0px;}
.slide.eranews{padding-bottom:5px;}
.jt-cs.eranews.eranews-2 .slide,.jt-cs.eranews.popularnews .slide{border-bottom:1px solid var(--border-color);}
:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h1, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h2, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h3, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h4, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h5, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h6,
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h1, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h2, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h3, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h4, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h5, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h6,
:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h1 a, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h2 a, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h3 a, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h4 a, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h5 a, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews h6 a,
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h1 a, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h2 a, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h3 a, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h4 a, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h5 a, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews h6 a,
:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews .h1, :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews .h1 a,
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews .h1, :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews .h1 a {margin:0;}



.module-title.nostyle span {background:none;padding-left:0;}
.jt-cs.eranews .slide {margin-bottom:15px;margin-top:0px;clear:both;padding:0px 0;}

.jt-cs.eranews.homestyle-2 .jt-title-cat-intro-eranews{position:absolute;bottom:0;left:0;padding:30px;width:85%;z-index:4;}
.jt-cs.eranews.homestyle-2 .jt-inner img{margin-bottom:0;transition:all 0.3s ease-in-out 0s;}
.jt-cs.eranews.homestyle-2 .jt-inner .jt-category{font-size:15px;color:#fff;font-weight:normal;padding:8px 5px 5px 5px;text-transform:uppercase;}
.jt-cs.eranews.homestyle-2 .jt-inner .jt-category a{color:#fff;}
.jt-cs.eranews.homestyle-2 .jt-inner .jt-title{color:#fff;font-weight:normal;margin-top:7px;}
.jt-cs.eranews.homestyle-2 .jt-inner:hover img {transition:all 0.5s ease-in-out 0s;transform:scale(1.1);}
.jt-cs.eranews.homestyle-2 .jt-image-link:after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#000;opacity:0;transition:all 0.5s ease-in-out 0s;z-index:1;}
.jt-cs .jt-inner.eranews.homestyle2:hover .jt-image-link:after{transition:all 0.5s ease-in-out 0s;opacity:0.3;}

.picturenews-right .eranews.homestyle-2 .jt-title-cat-intro-eranews{position:absolute;bottom:0;left:0;padding:15px;width:100%;z-index:4;}
.picturenews-right .eranews.homestyle-2 .jt-inner .jt-title{font-size:15px;color:#fff;font-weight:normal;}
.jt-imagewrap.eranews{z-index:2;position:relative;overflow:hidden;}
.picturenews-right .jt-imagewrap.eranews{margin-bottom:3px;transition:all 0.3s ease-in-out 0s;overflow:hidden;}
.picturenews-right .jt-cs.eranews .readmore.eranews {margin:0px 0 7px 0;line-height:1;}
.picturenews-right .jt-cs.eranews .slide {margin-bottom:2px;}

.jt-cs .jt-imagewrap.eranews.blogstyle img{margin-bottom:0;transition:all 0.3s ease-in-out 0s;}
.jt-cs .jt-imagewrap.eranews.blogstyle:hover img {transition:all 0.5s ease-in-out 0s;transform:scale(1.1);}
.blogstyle .jt-title{border-bottom: 4px solid var(--color-black); padding-bottom:10px;}
.eranews-blogstyle .jt-image-link:after{position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:#000;opacity:0;transition:all 0.5s ease-in-out 0s;z-index:1;}
.jt-imagewrap.eranews.blogstyle:hover .jt-image-link:after{transition:all 0.5s ease-in-out 0s;opacity:0.4;}
.jt-row-separate.eranews.blogstyle{height:30px;border-bottom:0;}
.jt-imagewrap.eranews.blogstyle i{position:absolute;font-size:30px;backface-visibility:hidden;border-radius:100%;width:60px;height:60px;left:50%;line-height:60px;margin:-20px 0 0 -20px;opacity:0;text-align:center;top:50%;transition:all 0.3s ease-in-out 0s;z-index:1;}
.jt-imagewrap.eranews.blogstyle:hover i{opacity:1;transition:all 0.3s ease-in-out 0s;}
.jt-cs .jt-inner .jt-title.eranews.blogstyle{font-size:18px;font-weight:normal; text-transform:uppercase;}
.jt-cs .jt-extra.eranews.blogstyle{margin-top:5px;margin-bottom:10px ;}
.readmore.eranews.blogstyle,.readmore.eranews.blogstyle a{color:#fff;text-transform:uppercase;font-size:14px;font-family:"Helvetica Neue Light",Helvetica,Arial,sans-serif!important;margin-top:15px;}

.jt-cs .next.eranews, .jt-cs .prev.eranews{display:inline-block;bottom:0px;height:31px;width:31px;}
.jt-arrows.eranews{position:relative;margin-top:40px;}
.jt-cs .eranews-blogstyle .bt_handles_num {position:relative!important;z-index:1;}
.jt-cs .eranews-blogstyle .bt_handles_num li{float:none;display:inline-block;margin:0 5px!important;}
.jt-cs .eranews-blogstyle .bt_handles_num li a{font-size:14px;line-height:30px;height:31px;width:31px;float:none;}
.eranews-blogstyle .bt_handles_num li a:hover{color:#fff!important;}
.jt-cs a.prev.eranews{left:30%;z-index:2;}
.jt-cs a.next.eranews{right:30%;z-index:2;}
.jt-cs.eranews .owl-carousel .owl-nav .owl-next,.jt-cs.eranews .owl-carousel .owl-nav .owl-prev {font-size:36px;}
.jt-cs.eranews .hover-icons {z-index:5;}
/*
	=======================================
		JT TABS MODULE - TABBED NEWS
	=======================================
*/
.jttabs-wrapper.layout-default.eranews  ul.nav-tabs > li.nav-item button{border-radius:0px;font-size:13px;text-transform:uppercase;margin-right:-1px;padding:10px 15px;}
.jttabs-wrapper.layout-default.eranews .nav-tabs > li.active > a,.jttabs-wrapper.layout-default.eranews .nav-tabs > li.active > a:hover,.jttabs-wrapper.layout-default.eranews .nav-tabs > li.active > a:focus{;}
.tab-pane.fade.in.active{opacity:1!important;}
.jttabs-wrapper.layout-default.eranews .tab-content{ border-bottom:1px solid var(--border-color);border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);}
.jttabs-wrapper.layout-default.eranews  ul.nav-tabs > li.nav-item button{color:var(--body-text-color);border:1px solid var(--color-gray-light);font-weight:400;background:var(--color-light);font-family:var(--heading-font-family);}
.jttabs-wrapper.layout-default.eranews .nav-tabs {border-bottom:1px solid var(--border-color);flex-flow:row;}
.jttabs-wrapper.layout-default.eranews  ul.nav-tabs > li.nav-item > .nav-link.active, .jttabs-wrapper.layout-default.eranews  ul.nav-tabs > li.nav-item > .nav-link.active:hover, .jttabs-wrapper.layout-default.eranews .nav-tabs > li.nav-item > .nav-link.active:focus{background:var(--color-white);border-color:var(--border-color);}
.yendif-video-share-title a{color:var(--heading-color);}
/**************************************************/


.main-top .moduletable{;}
.moduletable h3,h3,.module-title,.main-top h3,.t4-content h3,.blogstyle .jt-title,[itemprop="headline"]{font-weight:normal;margin-bottom:15px;text-transform:uppercase;color:var(--heading-color);}
.nsp-eranews .nspArts{padding:0;}
.nsp-eranews .nspArt p.nspText{padding-left:1px!important;}
.nsp-eranews .nspArt .nspInfo,.nspLinks.eranews .nspInfo{color:#999999;text-transform:uppercase;font-size:11px;text-indent:1px;}
.nspLinks.eranews .nspInfo{margin-top:5px;}
.nsp-eranews .nspArt .nspInfo .category a{color:#999999;}
.nsp-eranews .nspArt .nspInfo span,.nspLinks.eranews .nspInfo span{padding-right:5px;}
.nsp-eranews .nspArt h4.nspHeader{text-indent:1px;padding-top:5px;padding-bottom:5px;}
.nsp-eranews .nspArt .nspInfo :is(.fa, .fas, .far, .fab),.nspLinks.eranews .nspInfo :is(.fa, .fas, .far, .fab){margin-right:5px;color:#999999;opacity:0.6;}
.nsp-eranews .nspArt h4.nspHeader a,.nsp-eranews .nspArt h4.nspHeader{font-size:18px;font-weight:normal;text-transform:uppercase;}

.nspLinks.eranews{padding:0;overflow:hidden;}
.nspLinks.eranews.nspLinkScroll1 ul li:first-child{border-top:none;}
.nspLinks.eranews .nspLinkScroll1 ul li {border-top:0;padding:0px 0px 15px 0px;margin-bottom:15px!important;background:none;}
.nspLinks.eranews .nspLinkScroll1 ul li::after {content:"";display:table;clear:both;}
.nspLinks.eranews ul li h4,.nspLinks.eranews ul li h4 a{margin-top:0;font-size:16px;text-transform:capitalize;}
.nspPagination.eranews li{text-indent:-9999px;}
.nspNext.eranews, .nspPrev.eranews{border:0;width:16px;height:20px;}
.nspPrev.eranews::before{border:10px solid #ccc;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:none;content:"";display:block;float:left;margin:3px 0 0 4px;}
.nspNext.eranews::before{border:10px solid #ccc;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:none;content:"";display:block;float:left;margin:3px 0 0 6px;}
.nspTopInterface.eranews{margin:5px 15px 5px 0;}
.nspLinks.eranews ul li p {margin:0px;}
.nspLinks.eranews ul li h4 {margin-bottom:5px;}
.nspLinks.eranews .nspLinkScroll1 ul li.separator-eranews{border-bottom:1px solid #e4e4e4;margin:0 15px!important;}

.submain-3,.submain-4{float:left;}
.submain-3{;}
.submain-4{;}
.nsp-eranews a.readon{text-transform:uppercase;font-size:13px;color:var(--heading-color);font-family:var(--heading-font-family);}
.submain-3 .nspArts,.submain-4 .nspArts{margin-bottom:15px;}
.submain .module-ct ul:last-child{margin-bottom:1rem;}
/*
	=======================================
		PICTURE NEWS - JT CONTENT SLIDER 
	=======================================
*/
a.modal.eranews{display:inline-block;position:static;width:auto;height:auto;overflow:visible;}

/*
	=======================================
		SCROLLING NEWS - JT CONTENT SLIDER 
	=======================================
*/
.jt-cs.scrolling-news .next,.jt-cs.scrolling-news .prev {width:25px;height:20px;top:0;opacity:1;display:inline-block;}
.jt-cs.scrolling-news a.next {text-indent:-9999px;position:absolute;z-index:100;margin:0;padding:0;right:0px;top:-40px;}
.jt-cs.scrolling-news a.prev {text-indent:-9999px;position:absolute;z-index:100;margin:0;padding:0;right:27px;top:-40px;left:auto;}
.jt-inner.eranews.scrolling-news {padding:0 15px 0 0;}
.slide.eranews {padding-left:0px;}
.jt-introtext.eranews {padding-left:1px;}
.jt-cs.eranews.scrolling-news  .owl-carousel .owl-nav {;}
.jt-cs.eranews.scrolling-news .owl-carousel .owl-nav button.owl-next,.jt-cs.eranews.scrolling-news .owl-carousel .owl-nav button.owl-prev{font-size:14px;transition:opacity 0.4s ease;opacity:1;position:absolute;top:0%;margin-top:-40px;padding:1px 6px!important;}
.jt-cs.eranews.scrolling-news .owl-carousel .owl-nav .owl-prev {right:15px;left:auto;}
.jt-cs.eranews.scrolling-news .owl-carousel .owl-nav button.owl-next{right:-10px;}
.jt-cs.eranews.scrolling-news .owl-carousel .owl-nav button.owl-next,.jt-cs.eranews.scrolling-news  .owl-carousel .owl-nav button.owl-prev, .jt-cs.eranews.scrolling-news .owl-carousel button.owl-dot {;}
/*
	=======================================
		FOOTER - COPYRIGHT 
	=======================================
*/

.t4-footer .t4-module .module-title span{color:#fff;}
.t4-footer [class*=' col-']{;}
.t4-footer{background:var(--footer-bg-color);}
.t4-footer .container,.t4-copyright .container{background:none;}
.t4-footer,.t4-copyright{border-top:0;}
.t4-copyright{padding:15px 0;margin-right:-15px;margin-left:-15px;color:#fff;}
.copyright,.copyright p {margin-bottom:0px;}
p.footer-text{padding-bottom:20px;}
.t4-footer .module-followus  i{width:37px;height:37px;font-size:20px;line-height:37px;padding:0 10px;text-align:center;transition:all 0.3s linear 0s;background-color:rgba(255,255,255,0.15);}
.t4-footer .t4-module .module-title{text-transform:uppercase;padding-bottom:5px;}
.t4-footer .slide.eranews {padding-left:0px;}
.t4-footer .jt-author.eranews, .t4-footer .jt-date.eranews ,.t4-footer .jt-author.eranews,.t4-footer .jt-author.eranews a{margin-right:5px;}

.footerbase-2 ul.nav{flex-direction:row;color:var(--color-white);}
.footerbase-2 .navbar {justify-content:flex-end;font-size:17px;font-family:var(--heading-font-family);font-weight:normal;padding-top:0;padding-bottom:0;}
.footerbase-2 ul.nav li.active > a{background-color:transparent;}
.footerbase-2 ul.nav li a{border-radius:0px;padding:5px 8px;color:var(--color-white);font-family:var(--heading-font-family);font-weight:normal;font-size:17px;}
.t4-footer{margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;}
.t4-footer .jt-cs.eranews.eranews-2 .slide,.t4-footer .jt-cs.eranews.popularnews .slide{border-bottom:0;}

/*
	=======================================
		FLICKR PHOTOSTREAM 
	=======================================
*/
#eranews-flickr ul{padding:0px!important;display:flex;gap:10px;flex-wrap:wrap;}
#eranews-flickr ul li{width:75px!important;}
#eranews-flickr img{width:77px;height:67px;}
#right .gallery-flickr.eranews ul li a,#left .gallery-flickr.eranews ul li a,.gallery-flickr.eranews ul li a {float:left;margin:0 0px 0px 0px;padding:0;background:none;border:0;}
#fancybox-content{border-color:#101010!important;border-right-width:10px!important;}
#fancybox-outer{background:#101010!important;}
/*
	=======================================
		PICTURE NEWS
	=======================================
*/
.tooltip-eranews {position:relative;display:inline-block;text-decoration:none;overflow:visible;margin:0px 0px;}
.slides_container.eranews.picturenews,.slides_container.eranews.picturenews .bt-row{overflow:visible;}
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .jt-cs.eranews.picturenews .jt-inner,:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .jt-cs.eranews.picturenews .jt-inner{line-height:1;}

.tooltip-eranews:before{/*content:attr(data-tooltip);position:absolute;bottom:100%;left:-10%;right:-10%;width:120%;background-color:#333;background:rgba(0, 0, 0, .85);color:#FFF;padding:7px;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;will-change:opacity;z-index:99999;border-radius:3px;margin-bottom:10px;font-size:15px;font-weight:300;letter-spacing:0.1px;*/;}
.tooltip-eranews:hover:before {/*opacity:1;pointer-events:auto;*/;}

.tooltip-eranews:after{/*width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid  #333;border-top:10px solid rgba(0, 0, 0, .85);content:"";position:absolute;transition:opacity .3s ease-in-out;will-change:opacity;z-index:99999;opacity:0;bottom:100%;left:40%;*/;}

.tooltip-eranews:hover:after {/*opacity:1;pointer-events:auto;*/;}

.jt-cs .jt-inner.eranews.picturenews img{margin:0;}
.slide.eranews.picturenews{padding-left:0px;margin-left:-2px;margin-top:3px;}
.slides_container.picturenews .slides_control{width:100%!important;}
.picturenews-imagecover{position:absolute;left:0;top:0;width:100%;height:100%;transition:all 0.2s ease-in-out 0s;}
.picturenews-imagecover i {position:absolute;z-index:3;font-size:18px;backface-visibility:hidden;border:2px solid #fff;border-radius:100%;color:#fff;height:40px;left:50%;line-height:35px;margin:-20px 0 0 -20px;opacity:0;text-align:center;top:50%;transform:scale(0);transition:all 0.2s ease-in-out 0s;width:40px;}
.jt-cs.eranews .slide:hover .picturenews-imagecover{background-color:#333;background:rgba(0, 0, 0, .55);transition:all 0.2s ease-in-out 0s;z-index:1;}
.jt-cs.eranews .slide:hover .picturenews-imagecover i{opacity:0.85;transform:scale(1);transition:all 0.2s ease-in-out 0s;}
.jt-cs.eranews .bt-row.picturenews {padding:0px;margin-bottom:2px;}

.jt-cs.eranews.picturenews .jt-imagecover {overflow:visible;}
.jt-cs.eranews.picturenews .jt-imagecover:hover img{transition:all 0.2s linear 0s;transform:scale(1,1);transition:all .5s ease;}
.jt-cs.eranews.picturenews .jt-imagecover::before {background:none;}
.jt-cs.eranews.picturenews .jt-imagecover{border:0;outline:none;}
.jt-cs.eranews.picturenews .slide {padding:0px 0;}
.jt-cs.eranews.picturenews .slide {border-bottom:0;padding:0;margin:0 0 4px 0;}
.jt-cs.eranews .no-border-bottom{border-bottom:0;}
/*
	=======================================
		POPULAR NEWS
	=======================================
*/
.jt-cs.eranews.popularnews .slide{padding-bottom:15px;}

/*********/

.jt_list_content img,.jt_static_content img{ border-radius:100%;}
.authorname{font-size:13px;display:inline-block;}
.jt_list_content.eranews{padding-bottom:15px;}
.eranewsdate{color:#999999;font-size:12px;font-weight:300;}
.jt_list_content a:link, .jt_list_content a:visited, .jt_list_content a:hover, .morearticle a:link, .morearticle a:visited, .morearticle a:hover{font-weight:400;color:var(--heading-color);font-family:var(--heading-font-family);}
.author-prefix{color:#999;}
/*
	=======================================
		ACYMAILING NEWSLETTER

	=======================================
*/
.acymailing_module_form.eranews td{padding-bottom:15px;}
.acymailing_module_form.eranews .acysubbuttons{text-align:left;}
.acymailing_module_form.eranews input.inputbox{color:#999;transition:all 0.3s  linear 0s;}
.acymailing_introtext.eranews{;}
:is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .acymailing_form.eranews,:is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .acymailing_form.eranews,.t3-sidebar-left .acymailing_form.eranews{width:100%;}
table.acymailing_form{margin-left:0!important;}
/*********************************/
.tagspopular ul > li{margin:0px;background-color:transparent;}
.tagspopular ul > li > a {float:left;margin:0 0px 0px 0;padding:5px 15px;border-radius:0px;}
.tagspopular ul > li > a:hover, .tagspopular ul > li > a:focus, .tagspopular ul > li > a:active {color:#ffffff!important;}
.tagspopular ul > li > a {background-color:transparent;border:1px solid var(--color-light);color:var(--body-text-color);}
.tagspopular ul > li > a:hover, .tagspopular ul > li > a:focus, .tagspopular ul > li > a:active {background:var(--color-primary);transition:all 0.3s linear 0s;text-decoration:none;}
/*
	=======================================
		HOMESTYLE-2 TOP PICTURED NEWS
	=======================================
*/
#t4-picturenews{padding-top:30px;}
.picturenews-1[class*=' col-']{padding-right:3px;}
.picturenews-right{;}
.picturenews-2[class*='col-'],.picturenews-3[class*='col-']{padding-right:0;padding-left:3px;}

/******CONTACT******/
.page-header.eranews{display:none;}
.contact .nav-tabs{border-bottom:0;}
.contact .nav-tabs > li > a{border-radius:0px;}
.contact-form.eranews .well{box-shadow:none;border-radius:0px;}
.contact i{margin-right:5px;font-size:20px;}
.contact-form.eranews.form-horizontal .control-group .control-label{ text-align:left;}
.contact-right .dl-horizontal dd{margin-left:0px;margin-bottom:10px;}
.contact-right .dl-horizontal dt{width:auto;}
.contact #jform_spacer-lbl{font-size:12px;font-weight:300;}
.contact-form textarea#jform_contact_message {height:150px;}
.contact.eranews h2,.contact.eranews h3{font-size:24px;font-weight:normal;padding-bottom:6px;margin-bottom:15px;text-transform:uppercase;color:var(--color-secondary);border-bottom:5px solid var(--color-secondary);}
/*
	=======================================
		ABOUT US
	=======================================
*/
.owl-theme .owl-controls{margin-bottom:20px;}
.counters {text-align:center;padding:30px 0;}
.counters h4{margin-bottom:0;}
.counters .counter-icon{width:80px;height:80px;border-radius:100%;display:inline-block;margin-bottom:15px;padding:15px;}
.counters i {display:block;font-size:50px;color:#fff;text-align:center;line-height:50px;}
span.timer {display:block;font-size:40px;margin-bottom:15px;text-align:center;}
.wrap.t3-upperfooter,.wrap.t3-upperfooter .container{background-color:#f5f5f5;}
.no-js .owl2-carousel2, .owl2-carousel2.owl2-loaded {display:grid!important;}

/*
	=======================================
		PORTFOLIO
	=======================================
*/
.sp-simpleportfolio .sp-simpleportfolio-description.eranews{width:100%;margin-bottom:15px;}
.sp-simpleportfolio-meta.eranews{width:100%;padding-left:0px;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-item{;}
.sp-simpleportfolio.eranews.layout-gallery-nospace .sp-simpleportfolio-item{padding:0;}

.sp-simpleportfolio.eranews.layout-gallery-nospace  h3.sp-simpleportfolio-title a,.sp-simpleportfolio.eranews.layout-gallery-nospace h3.sp-simpleportfolio-title{color:#fff!important;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title,.sp-simpleportfolio .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a{color:#fff!important;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-columns-2 .sp-simpleportfolio-item {;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item {;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-columns-4 .sp-simpleportfolio-item {;}
.sp-simpleportfolio.eranews.layout-gallery-nospace h3.sp-simpleportfolio-title,.sp-simpleportfolio.eranews.layout-gallery-nospace h3.sp-simpleportfolio-title a{color:#FFF!important;border-bottom-color:rgba(255,255,255,0.70)!important;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover{color:#FFF!important;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-filter > ul > li > a{border-radius:0px;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-item .sp-simpleportfolio-info h3 {padding-bottom:10px;}
/*
	==================================================
		VIDEO - YENDIF VIEDO SHARE
	==================================================
*/ 
.yendif-video-share.videos.eranews{padding:10px 0;}
.yendif-video-share.videos.eranews .thumbnails .col-md-3,.yendif-video-share.videos.eranews .thumbnails .col-sm-3{;}
.yendif-video-share.videos.eranews ul.thumbnails,.related-eranews ul,.yendif-video-share.categories.eranews ul{padding:0;}
.yendif-video-share.videos.eranews .thumbnails li,.related-eranews li,.yendif-video-share.categories.eranews li,.yendif-video-share.my-videos.eranews li{list-style:none;margin-left:0;}
.yendif-video-share.videos.eranews .thumbnail ,.yendif-video-share.categories.eranews .thumbnail{display:block;padding:0px;margin-bottom:15px;line-height:1.42;border:0;border-radius:0px;box-shadow:0 2px 15px rgba(0,0,0,.10);}
.yendif-video-share.videos.eranews [class*=' col-']{padding-left:10px;padding-right:10px;}
.yendif-video-share.videos.eranews ul{margin:0;}
.yendif-thumbnail .yendif-play-icon.eranews{position:absolute;width:56px;height:56px;margin:-26px 0px 0px -26px;padding:0px;top:50%;left:50%;z-index:2;opacity:0.85;}
.yendif-video-share.eranews a:hover{text-decoration:none;}
.jt-carousel-yendif-outer.eranews .tns-outer{position:relative;}
.yendif-video-share.mod-yendifvideoshare-videos.eranews{position:relative;padding-bottom:3rem;}
.yendif-video-share.mod-yendifvideoshare-videos.eranews .more-btn,.jt-carousel-yendif-outer.eranews .more-btn{position:absolute;right:0px;top:-50px;}
.jt-carousel-yendif-outer.eranews .yendif-video-share-title a{font-family:var(--heading-font-family);color:var(--heading-color);font-weight:400;}
.yendif-video-share-title,.yendif-video-share-title a{margin:10px 0;}
.yendif-video-share.eranews h4,.yendif-video-share-related.eranews h4{font-weight:300;}
.jt-carousel-yendif-outer.eranews .jt-pretext{text-align:center;}

.eranews .yendif-video-share-views-count{;}
.yendif-video-share-description,.yendif-video-share-description p,.yt-core-attributed-string--link-inherit-color,.yendif-video-share-description span{color:var(--body-text-color)!important;}
.eranews .yt-core-attributed-string--link-inherit-color{color:var(--body-text-color)!important;}
.jt-carousel-yendif-outer.eranews.howitworks a.yendif-video-share-responsive-item{min-height:82px;min-width:82px;}
.jt-carousel-yendif-outer.eranews .title-desc-wrap{position:absolute;bottom:0;right:20%;width:75%;height:40%;cursor:pointer;z-index:2;text-align:right;}
.jt-carousel-yendif-outer.eranews  .tns-nav button{width:12px;height:12px;border-radius:0px;background-color:var(--color-gray-light);margin:0px 3px;border-radius:100%;}
.jt-carousel-yendif-outer.eranews .tns-nav,.jt-carousel-yendif-outer.eranews .tns-controls,.jt-carousel-yendif-outer.eranews .playButton{margin:0;}
.jt-carousel-yendif-outer.eranews .tns-controls{opacity:0;position:absolute;top:50%;z-index:1;width:100%;transform:translateY(-100%);transition:all 0.3s  linear 0s;}
.jt-carousel-yendif-outer.eranews .tns-outer:hover .tns-controls{opacity:1;transition:all 0.3s  linear 0s;}
.jt-carousel-yendif-outer.eranews .tns-nav{padding-bottom:20px;padding-right:10px;display:flex;justify-content:center!important;z-index:1;position:relative;}
.jt-carousel-yendif-outer.eranews .tns-controls [data-controls="prev"],.jt-carousel-yendif-outer.eranews .tns-controls [data-controls="next"]{display:grid;place-items:center;margin:0;border-radius:0px;opacity:1;background-color:var(--color-primary);transition:all 0.3s  linear 0s;color:#fff;width:34px;height:34px;font-size:11px;padding:0;}
.jt-carousel-yendif-outer.eranews .tns-controls [data-controls="prev"]{position:absolute;left:0px;}
.jt-carousel-yendif-outer.eranews .tns-controls [data-controls="next"]{position:absolute;right:0px;}
.jt-carousel-yendif-outer.eranews .tns-controls [data-controls="prev"]:hover,.jt-carousel-yendif-outer.eranews .tns-controls [data-controls="next"]:hover{color:var(--color-dark);transition:all 0.3s  linear 0s;}
.jt-carousel-yendif-outer.eranews .title-excerpt-rating{position:relative;border-radius:0px;}
.jt-carousel-yendif-outer.eranews .title-cat-desc{display:flex;align-items:center;justify-content:space-between;text-align:left;}
.jt-carousel-yendif-outer.eranews .playicon{font-size:36px;width:53px;}
.jt-carousel-yendif-outer.eranews .yendif-video-share-grid-item:hover .yendif-video-share-title a{color:var(--color-primary);transition:all 0.3s linear 0s;}
.jt-carousel-yendif-outer.eranews .yendif-video-share-grid-item{position:relative;cursor:pointer;}
.jt-carousel-yendif-outer.eranews .category-views.d-flex{gap:10px 10px;}
.jt-carousel-yendif-outer.eranews .more-button{float:right;padding-right:20px;}
.jt-carousel-yendif-outer.eranews .mod-yendifvideoshare-videos{background-color:var(--containerbg-color);padding:10px;}
.jt-carousel-yendif-outer.eranews .tns-nav{margin-top:10px;}

.yendif-video-share.eranews .btn-primary{margin-left:10px;}
.yendif-video-share.videos.eranews .more_btn{position:relative;font-size:12px;font-weight:bold;}
.yendif-video-share.videos.eranews .more_btn-inner{position:absolute;right:-11px;top:-56px;line-height:1;padding:2px 5px;}
.yendif-video-share.category.eranews ul.thumbnails{padding:0;display:flex;flex-wrap:wrap;}
.yendif-video-share.category.eranews ul.thumbnails li{list-style:none;}
.yendif-video-share.category.eranews  .thumbnail,.related-eranews .thumbnail,.yendif-video-share.my-videos.eranews .thumbnail{display:block;padding:4px;margin-bottom:30px;line-height:1.42;border:1px solid transparent;border-radius:0px;transition:border 0.2s ease-in-out;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.yendif-video-share.eranews .radio.inline + .radio.inline,.yendif-video-share.eranews .checkbox.inline + .checkbox.inline{margin-left:10px;}
.yendif-video-share.eranews .radio.inline,.yendif-video-share.eranews .checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}
.yendif-video-share .radio input[type="radio"],.yendif-video-share .checkbox input[type="checkbox"]{margin:2px 10px 2px 2px;position:relative;}

.yendif-video-share.eranews .form-search input,.yendif-video-share.eranews .form-inline input,.yendif-video-share.eranews .form-horizontal input,.yendif-video-share.eranews .form-search textarea,.yendif-video-share.eranews .form-inline textarea,.yendif-video-share.eranews .form-horizontal textarea,.yendif-video-share.eranews .form-search select,.yendif-video-share.eranews .form-inline select,.yendif-video-share.eranews .form-horizontal select,.yendif-video-share.eranews .form-search .help-inline,.yendif-video-share.eranews .form-inline .help-inline,.yendif-video-share.eranews .form-horizontal .help-inline,.yendif-video-share.eranews .form-search .uneditable-input,.yendif-video-share.eranews .form-inline .uneditable-input,.yendif-video-share.eranews .form-horizontal .uneditable-input,.yendif-video-share.eranews .form-search .input-prepend,.yendif-video-share.eranews .form-inline .input-prepend,.yendif-video-share.eranews .form-horizontal .input-prepend,.yendif-video-share.eranews .form-search .input-append,.yendif-video-share.eranews .form-inline .input-append,.yendif-video-share.eranews .form-horizontal .input-append{display:inline-block;margin-bottom:0;vertical-align:middle;}
.yendif-video-share.video.eranews .input-append input,.yendif-video-share.video.eranews .input-append select,.yendif-video-share.video.eranews .input-append .uneditable-input{border-radius:0;border-radius:0px;position:relative;display:inline-block;margin-bottom:0;margin-right:10px;}

.yendif-video-share.video.eranews .breadcrumb{margin-top:15px;}

.vjs-playlist.white.eranews{border-radius:0px 3px 3px 0px;}
.yendif-video-share.videos.eranews .thumbnail .yendif-image.eranews{transition:all 0.2s linear 0s;opacity:1;transform:scale(1,1);}
.yendif-video-share.videos.eranews .thumbnail:hover .yendif-image.eranews{transition:all 0.2s linear 0s;transform:scale(1.2,1.2);transition:all .5s ease;}
.yendif-video-share.videos.eranews .thumbnail .yendif-image.eranews::before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 98%,rgba(0,0,0,0.9) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all ease-in-out 1s;z-index:3;}
.yendif-video-share.videos.eranews .thumbnail:hover .yendif-image.eranews::before{opacity:1;}
a.yendif-thumbnail.eranews{overflow:hidden;}
.yendif-video-share.category.eranews .yendif-thumbnail .yendif-image,.related-eranews .yendif-thumbnail .yendif-image{transition:all ease-in-out 0.5s;}
.yendif-video-share.category.eranews .yendif-thumbnail:hover .yendif-image,.related-eranews .yendif-thumbnail:hover .yendif-image{transition:all ease-in-out 0.5s;transform:scale(1.05,1.05);overflow:hidden;}
.yendif-video-share.category.eranews a.yendif-thumbnail,.related-eranews a.yendif-thumbnail{overflow:hidden;}
.yendif-video-share.videos.eranews .thumbnail .caption{padding:10px 15px 15px 15px;}

.yendif-video-share.category.eranews .yendif-thumbnail .yendif-image::before,.related-eranews .yendif-thumbnail .yendif-image::before{background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 98%,rgba(0,0,0,0.9) 100%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all ease-in-out 1s;z-index:3;}
.yendif-video-share.category.eranews .yendif-thumbnail:hover .yendif-image::before,.yendif-image::before,.related-eranews .yendif-thumbnail:hover .yendif-image::before{opacity:1;}
.yendif-video-share.category.eranews .yendif-thumbnail .yendif-play-icon,.related-eranews .yendif-thumbnail .yendif-play-icon{position:absolute;width:56px;height:56px;margin:-25px 0px 0px -25px;opacity:0.80;}
.t3-wrapper .yendif-ratings-small .yendif-ratings-stars,.t3-wrapper  .yendif-ratings-small .yendif-ratings-stars .yendif-current-ratings,.t3-wrapper  .yendif-ratings-small .yendif-ratings-star a:hover{background-image:url(../images/star_small.png) !important;}

.yendif-video-share.video.eranews .yendif-video-share-ratings .yendif-video-share-ratings-stars,.yendif-video-share.video.eranews .yendif-video-share-ratings .yendif-video-share-ratings-star a:hover,.yendif-video-share.video.eranews .yendif-video-share-ratings .yendif-video-share-ratings-stars .yendif-video-share-ratings-current{background-image:url( ../images/star.png );}

.yendif-video-share.videos.eranews .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,.yendif-video-share.videos.eranews  .yendif-video-share-ratings-small .yendif-video-share-ratings-current,.yendif-video-share.videos.eranews .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover,.yendif-video-share.videos.eranews .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,.yendif-video-share.videos.eranews .yendif-video-share-ratings-small .yendif-video-share-ratings-current,.yendif-video-share.videos.eranews .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover{background-image:url( ../images/star_small.png );}

.yendif-video-share.video.eranews .yendif-video-share-ratings-small .yendif-video-share-ratings-stars,.yendif-video-share.video.eranews .yendif-video-share-ratings-small .yendif-video-share-ratings-current,.yendif-video-share.video.eranews .yendif-video-share-ratings-small .yendif-video-share-ratings-star a:hover{background-image:url( ../images/star_small.png );}

.yendif-video-share.eranews .yendif-video-share-svg-icon-play,.jt-carousel-yendif-outer.eranews .yendif-video-share svg.yendif-video-share-svg-icon-play{fill:var(--color-white);}
.yendif-video-share.eranews .yendif-video-share-grid-item:hover .yendif-video-share-svg-icon-play,.yendif-video-share.eranews .yendif-video-share-grid-item:hover .yendif-video-share-svg-icon-play-whitebg{opacity:1;transition:all 0.2s linear 0s;}

.yendif-video-share.eranews .yendif-video-share-svg-icon-play-whitebg{fill:#fff;opacity:0.7;width:26px;height:30px;top:50%;left:50%;margin-top:-15px;margin-left:-11px;padding:4px;transition:all 0.2s linear 0s;position:absolute;z-index:1;}

.yendif-video-share.eranews  .yendif-play-icon{;}
.yendif-video-share.eranews  .yendif-play-icon::before{content:'';position:absolute;width:42px;height:42px;border-radius:100%;background:transparent;transition:.5s;transform:scale(.9);z-index:1;	top:50%;left:50%;margin-top:-21px;margin-left:-21px;transition:all 0.2s linear 0s;}

.yendif-video-share.video.eranews .yendif-video-share-search-form{margin-bottom:20px;}
.eranews .card{margin-bottom:10px;border:0;}
.yendif-video-share.videos.eranews.videos .card-body,.yendif-video-share.video.eranews .yendif-video-share-related.eranews .card-body,.yendif-video-share-categories.eranews .card-body,.yendif-video-share.category.eranews .card-body,.yendif-video-share.mod-yendifvideoshare-videos.eranews .card-body,.jt-carousel-yendif-outer.eranews .yendif-title-text{padding:0px;}
.yendif-video-share.videos.eranews .yendif-video-share-ratings,.yendif-video-share.videos.eranews .yendif-video-share-ratings-small{margin:7px 0 7px 0;padding:3PX 0;}
.yendif-video-share.category.eranews .card-body{margin-bottom:30px;}

.yendif-video-share.video.eranews .yendif-video-share-meta-views,.yendif-video-share.video.eranews .yendif-video-share-ratings,.yendif-video-share.video.eranews .yendif-video-share-ratings-small,.yendif-video-share.video.eranews .yendif-video-share-meta-date{margin:7px 0 7px 0;}
.yendif-video-share.video.eranews p.lead{margin:20px 0 15px 0;}

.yendif-video-share.video.eranews div.yendifplayer{margin-bottom:15px;}
.yendif-video-share.video.eranews .yendif-video-share-related.eranews .yendif-video-share-grid-item{margin-bottom:30px;}
.yendif-video-share.video.eranews .yendif-video-share-related.eranews .card{box-shadow:0px 10px 20px 0px rgba(0,0,0,0.08);}
.jt-carousel-yendif-outer.eranews.titleonpic .play-btn{cursor:pointer;width:100%;height:100%;position:absolute;z-index:5;}
.jt-carousel-yendif-outer.eranews.titleonpic .yendif-video-share-svg-icon-play-whitebg,.jt-carousel-yendif-outer.eranews.titleonpic .yendif-video-share-svg-icon-play{position:absolute;z-index:5;cursor:pointer;}
.jt-carousel-yendif-outer.eranews.titleonpic  h4{margin:2px 0;}
.jt-carousel-yendif-outer.eranews.titleonpic.filmstrip .more-btn{position:absolute;right:80px;top:-50px;}
.yendif-video-share .title-excerpt-rating{transition:all 0.3s  linear 0s;}
.yendif-video-share:hover .title-excerpt-rating a,.yendif-video-share:hover .title-excerpt-rating i,.yendif-video-share:hover a,.yendif-video-share:hover,.yendif-video-share:hover .yendif-video-share-title,.yendif-video-share:hover .yendif-video-share-title a{;}


.yendif-video-share.eranews .yendif-video-share-image,.jt-carousel-yendif-outer.eranews .yendif-video-share-image{transform:translate3d(0,0,0);transition:all 0.6s ease 0s;}
.yendif-video-share.eranews .yendif-video-share-image::before,.jt-carousel-yendif-outer.eranews .yendif-video-share-image::before{position:absolute;content:"";top:0;bottom:0;left:0;right:0;width:100%;height:100%;opacity:0;transition:all 0.5s ease-in-out;background-color:rgba(0,0,0,0.6);}
.yendif-video-share.eranews .yendif-video-share-grid-item:hover .yendif-video-share-image,.jt-carousel-yendif-outer.eranews .yendif-video-share:hover .yendif-video-share-image{transform:scale3d(1.1,1.1,1) translate3d(0,0,0) perspective(31.25em);transform-origin:50% 50%;transition:all 0.6s ease 0s;box-shadow:0px 0px 0.75em rgba(0,0,0,0.9);}
.yendif-video-share.eranews .yendif-video-share-grid-item:hover .yendif-video-share-image::before,.jt-carousel-yendif-outer.eranews .yendif-video-share-grid-item:hover .yendif-video-share-image::before{opacity:1;z-index:9;transition:all 0.6s ease 0s;}
.yendif-video-share.video.eranews .yendif-video-share-likes-dislikes,.yendif-video-share.video.eranews .yendif-video-share-meta-category{margin:7px 0;}
.yendif-video-share.eranews .yendif-video-share-meta{margin-bottom:10px;display:flex;gap:15px;}
.yendif-video-share.mod-yendifvideoshare-playlist.eranews .yendif-video-share-playlist-items{;}
.eranews .yendif-video-share-category{text-align:left;color:var(--color-primary);} 
.eranews .yendif-video-share .yendif-video-share-svg-icon-play,.yendif-video-share.eranews .yendif-video-share-svg-icon-play{position:absolute;width:53px;height:53px;top:50%;left:50%;pointer-events:none;z-index:3;transform:translateX(-50%) translateY(-50%);border-radius:100%;margin:0;}
.play-btn-animation{position:absolute;width:53px;height:53px;top:50%;left:50%;pointer-events:none;z-index:2;transform:translateX(-50%) translateY(-50%);border-radius:100%;background-color:transparent;margin:0;}
.play-btn-animation::before,.play-btn-animation::after{background-color:rgba(255,255,255,0.85);content:"";position:absolute;left:0px;top:1px;width:51px;height:51px;z-index:-1;border-radius:50%;transition:all ease 0.4s;animation-duration:5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-name:ripple;}
.play-btn-animation::after{animation-delay:2s;}
.yendif-video-share-playlist-item.active,.yendif-video-share-playlist-item:hover{background-color:var(--color-secondary);}
.yendif-video-share-playlist-item,.yendif-video-share-playlist{background-color:var(--color-secondary);border-bottom:1px solid var(--color-secondary-light);}
.yendif-video-share.eranews .pagination li{margin-left:3px;margin-right:3px;border-radius:0px;}


.mod-yendifvideoshare-search.eranews .input-group {position:relative;display:flex;border-collapse:separate;}
.mod-yendifvideoshare-search.eranews .btn {margin-left:10px;}
.yendif-video-share-title {margin:7px 0;}
.yendif-video-share-title a{font-weight:600;}
.yendif-video-share-views-count {margin:0px 0 15px 0;}
.yendif-video-share-search-form{display:flex;margin-bottom:20px;}
.yendif-video-share-search-form .input-group{display:flex;}

.icon-edit::before {font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal;content:"\f044";}
.icons {float:right;}
.eranews-tooltip{display:none;}
.icons:hover .eranews-tooltip{display:block;position:absolute;background:#fff;border:1px solid #6d757e;border-radius:.25rem;box-shadow:0 0 .5rem rgba(0,0,0,.8);color:#000;margin:.5em;max-width:max-content;padding:.5em;right:0.5em;text-align:start;z-index:1070;}

/****** modal fix**/
.joomla-modal.modal.fade.show,.modal.fade.show{opacity:1;}
.media-toolbar {-webkit-border-start:1px solid var(--template-bg-dark-7);background-color:#fff;border-bottom:1px solid var(--template-bg-dark-7);border-inline-start:1px solid var(--template-bg-dark-7);border-radius:0 .25rem 0 0;box-shadow:0 -1px 0 0 var(--template-bg-dark-7);display:flex;flex-wrap:wrap;padding:0;position:sticky;top:67px;z-index:10;}
.media-breadcrumb ol > li > a,.media-disk-name {cursor:pointer;font-size:2em;}
.subhead {background:#fff;color:#495057;left:0;min-height:43px;padding:1rem .25rem;position:sticky;right:0;top:0;width:auto;z-index:1000;}
.media-browser-select::after {content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;font-style:normal;font-size:1.3rem;height:1.69rem;left:0;line-height:1.69rem;opacity:0;position:absolute;text-align:center;top:0;transform:scale(.5);transition:all .3s cubic-bezier(.4,0,.2,1);width:1.69rem;}
.item-name {font-size:1.1em;}
.component.window .btn-toolbar {-webkit-box-pack:start;display:flex;flex-wrap:wrap;justify-content:flex-start;}
joomla-field-media .field-media-preview{margin-bottom:20PX;}
.component.window .btn{margin:0 5px 30px 5px;}
#jform_images_image_fulltext,#jform_images_image_intro{margin-right:5px;}
.com_content.layout-edit .edit.item-page .input-group .btn{padding:6px 12px;font-size:15px;}
.mainbody.eranews img{max-width:100%!important;}
.about-us img{margin-left:30px;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-item .sp-simpleportfolio-info {padding:15px;height:auto;}
/*
	=======================================
		DARK THEMES
	=======================================
*/
.theme-dark .mainnav{background-color:var(--color-secondary);border-top:0!important;border-bottom:0!important;}
.theme-dark .t4-megamenu .navbar-nav > li.active > a,.theme-dark .t4-megamenu .navbar-nav > li.active > .nav-link{background-color:var(--mainnav-link-active-color);color:var(--color-white);}
.theme-dark .t4-megamenu .level0 .nav-link.dropdown-toggle .item-caret::before{border-top:4px solid var(--color-white);}
.theme-dark .mainnav .navbar-nav > li.active > a:hover,.theme-dark .mainnav .navbar-nav > li.active span:hover{color:var(--color-white);}
.theme-dark .mainnav .navbar-nav > li > a,.theme-dark .mainnav  .navbar-nav > li > .nav-link{border-right:1px solid var(--color-dark)!important;}
.theme-dark .module-title,.theme-dark :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .module-title,.theme-dark :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .module-title,.theme-dark .maintop-1-2-wrap .module-title{border-bottom:4px solid var(--color-black);}
.theme-dark :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .module-title span,.theme-dark :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .module-title span,.theme-dark .maintop-2 .module-title span,.theme-dark .module-title.titlecard span{background:var(--color-black);}
.theme-dark .jttabs-wrapper.layout-default.eranews ul.nav-tabs > li.nav-item > .nav-link.active,.theme-dark .jttabs-wrapper.layout-default.eranews ul.nav-tabs > li.nav-item > .nav-link.active:hover,.theme-dark .jttabs-wrapper.layout-default.eranews .nav-tabs > li.nav-item > .nav-link.active:focus{color:var(--color-primary);}
.theme-dark .jttabs-wrapper.layout-default.eranews ul.nav-tabs > li.nav-item button{background:var(--color-secondary-light);}

.theme-dark.not-at-top .t4-sticky .mainnav{background-color:var(--color-secondary);border-top:0!important;}
.theme-dark-2 .mainnav{background-color:var(--color-secondary);border-top:0!important;border-bottom:0!important;}
.theme-dark-2 .t4-megamenu .navbar-nav > li.active > a,.theme-dark-2 .t4-megamenu .navbar-nav > li.active > .nav-link{background-color:var(--mainnav-link-active-color);color:var(--color-white);}
.theme-dark-2 .t4-megamenu .level0 .nav-link.dropdown-toggle .item-caret::before{border-top:4px solid var(--color-white);}
.theme-dark-2 .mainnav .navbar-nav > li.active > a:hover,.theme-dark-2 .mainnav .navbar-nav > li.active span:hover{color:var(--color-white);}
.theme-dark-2 .mainnav .navbar-nav > li > a,.theme-dark-2 .mainnav  .navbar-nav > li > .nav-link{border-right:1px solid var(--color-dark)!important;}
.theme-dark-2 .module-title,.theme-dark-2 :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .module-title,.theme-dark-2 :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .module-title,.theme-dark-2 .maintop-1-2-wrap .module-title{border-bottom:4px solid var(--color-black);}
.theme-dark-2 :is(.sidebar-2, .sidebar-r, .t4-sidebar-r) .module-title span,.theme-dark-2 :is(.sidebar-1, .sidebar-l, .t4-sidebar-l) .module-title span,.theme-dark-2 .maintop-2 .module-title span,.theme-dark-2 .module-title.titlecard span{background:var(--color-black);}
.theme-dark-2 .jttabs-wrapper.layout-default.eranews ul.nav-tabs > li.nav-item > .nav-link.active,.theme-dark-2 .jttabs-wrapper.layout-default.eranews ul.nav-tabs > li.nav-item > .nav-link.active:hover,.theme-dark-2 .jttabs-wrapper.layout-default.eranews .nav-tabs > li.nav-item > .nav-link.active:focus{color:var(--color-primary);}
.theme-dark-2 .jttabs-wrapper.layout-default.eranews ul.nav-tabs > li.nav-item button{background:var(--color-secondary-light);}

.theme-dark-2.not-at-top .t4-sticky .mainnav{background-color:var(--color-secondary);border-top:0!important;}

/**end of theme dark**/
/*
	=======================================
		LIGHT THEME COLORS
	=======================================
*/
.theme-construction .mainnav{background-color:var(--color-secondary);border-top:0!important;border-bottom:0 !important;}
.theme-construction .t4-nav-height-sm .t4-megamenu .navbar-nav > li > a,.theme-construction .t4-nav-height-sm .t4-megamenu .navbar-nav > li > .nav-link{border-right:1px solid var(--color-dark);}
.theme-construction .t4-megamenu .dropdown-toggle .item-caret::before{border-top: 4px solid var(--mainnav-link-color);}
.theme-construction .t4-megamenu .navbar-nav > li.active > a,.theme-construction .t4-megamenu .navbar-nav > li.active > .nav-link{background-color:var(--mainnav-link-active-color);color:var(--color-white);}
.theme-construction .mainnav .navbar-nav > li.active span:hover{color:var(--color-white);}
.theme-construction .t4-megamenu .dropdown-menu .dropdown-toggle .item-caret::before{border-top: 4px solid rgba(0,0,0,0);border-right: 4px solid rgba(0,0,0,0);border-bottom: 4px solid rgba(0,0,0,0);border-left: 4px solid var(--dropdown-link-color);transition: all 0.3s linear 0s;}

.theme-construction.not-at-top .t4-sticky .mainnav{background-color:var(--color-secondary);border-top:0!important;}

@media screen and (min-width:768px){
.jviewport-height60 {height:50vh;}

}
.mobile-logo{display:none;}
/*
	=======================================
		MOBILE
	=======================================
*/
@media screen and (max-width:1320px){
.t4-content-inner{width:100%;}
#exampleModal .modal-dialog{max-width:calc(80% - 15px);width:auto;height:65vh;max-height:65vh;}
.modal-content {padding:15px;}
.not-at-top .t4-sticky  .container{ width:100%; max-width:100%;}
}
@media screen and (max-width:990px){
.mainbody-block-eranews{padding-top:20px;}
.head-search .form-search.eranews .mod-finder__search input{ width:120px;}
}
@media screen and (max-width:767px){
.mainnav .dropdown-menu.level1.show::before{display:none;}
.container {padding-left:calc(var(--t4-gutter-x, 2rem) * .5);padding-right:calc(var(--t4-gutter-x, 2rem) * .5);}
.topbar-left [class*=' col-'],.topbar-right [class*=' col-'],.topbar [class*=' col-']{padding-left:0;padding-right:0;}
#background-shadow{margin-top:0;}
.highlighter-inner {border-top:0!important;}
.show_all_cont{display:none;}
.jt3_headline-pagination{width:100%!important;}
.t3-mainnav.affix .nav-border .navbar-header{padding:10PX 0;}
.affix .container {padding-left:0;padding-right:0;background-color:transparent;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-items {margin:0px;}
.nspImageWrapper.eranews  {margin:0 0px 0px 0!important;width:inherit!important;}
.nspLinks .eranews.nspImageWrapper.eranews  {margin:0 15px 0px 0!important;width:inherit!important;}
.nspArts, .nspLinksWrap.eranews{padding:0 !important;}
.picturenews-left,.picturenews-right{width:100%!important;}
.picturenews-right [class*=" col-"] {padding-left:0;}
.picturenews-left{margin-bottom:4px;}
.picturenews-2 {padding-right:2px;}
.picturenews-3 {padding-left:2px;}
.picturenews-right .jt-imagewrap.eranews{margin-bottom:4px;}
.t3-mainnav .t3-navbar-collapse .navbar-nav > li > span{display:block;}
.t3-mainnav .t3-navbar-collapse .nav .caret{position:absolute;right:15px;top:40%;}
.top-social-icons{text-align:left;}
.header-block.py-4 {padding-top:0rem !important;padding-bottom:0rem !important;}
.not-at-top .t4-sticky{position:fixed !important;animation:fadein 0.5s;width:100%;}
.not-at-top .mobile-logo{display:block;padding:10px 0;}
.mainnav .collapse-static {display:flex;flex-direction:unset;justify-content:space-between;padding:10px 0 10px 15px;}
.not-at-top .mainnav .collapse-static {flex-direction:row-reverse; display:flex;}
.not-at-top .navbar-toggler{margin-top:15px;}
.jt-cs.eranews.homestyle-2 .jt-title-cat-intro-eranews {padding:10px;width:100%;}
.picturenews-2[class*="col-"], .picturenews-3[class*="col-"] {padding-right:15px;padding-left:15px;}
.nsp-eranews .nspArt .nspInfo, .nspLinks.eranews .nspInfo {margin-top:10px;}
body.layout-fullwidth .mainnav .navbar, body.layout-fullwidth.not-at-top .t4-sticky .mainnav .navbar  {width:unset;left:unset;transform:unset;}
.t4-megamenu.animate.slide .dropdown.show.animating > .dropdown-menu {background:none;color:var(--body-text-color);}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item, .t4-megamenu .dropdown > li > a, .t4-megamenu .dropdown > li > .nav-link{color:var(--body-text-color);}
.t4-nav-height-sm .t4-megamenu .navbar-nav > li > a, .t4-nav-height-sm .t4-megamenu .navbar-nav > li > .nav-link{border-top:1px solid var(--border-color);}
.mainnav .dropdown-menu.level1:after,#jt3_headline-news_wrapper a.show_all{display:none;}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item, .t4-offcanvas .t4-off-canvas-body .navbar.drilldown-effect .navbar-nav .nav-item .dropdown-menu .nav-item, .t4-megamenu .dropdown > li > a, .t4-megamenu .dropdown > li > .nav-link{border:0;}
.nav-breakpoint-md .t4-megamenu{max-height:450px;background:var(--containerbg-color);border:0;}
.theme-dark .mainnav .navbar-nav > li > a, .theme-dark .mainnav .navbar-nav > li > .nav-link {border-right:0!important;}
.jt3sliderwrapper.eranews .jt3-introtext{font-size:13px;}
.about-us img{margin-left:0px;}
}
@media screen and (max-width:480px){
.nspArts,.nspLinksWrap,.submain-3,.submain-4 {width:100%!important;}
.nspLinksWrap,.nspArt {padding:0px!important;}
.nspArt-padding{padding-bottom:30px;}
.submain-3 {padding-right:0px;}
.submain-4 {padding-left:0px;}
.jt-cs .jt-inner.eranews.picturenews img{max-width:100%!important;width:100%!important;}
.picturenews-imagewrap img{max-width:100%!important;width:100%!important;}
.jt-inner.eranews.scrolling-news {padding:0 0;}
.picturenews-left,.picturenews-right{width:100%!important;}
.slides_container.eranews .slide{margin-bottom:30PX;}

.jt-cs .jt-inner .jt-title.eranews.homestyle2 {color:#fff;font-size:20px;font-weight:normal;}
.jt-title-cat-intro-eranews{padding:15px;}
.form-horizontal .control-group .controls{margin-left:0;}
#outline {width:85%;}
#t3-content img{margin-bottom:15px;}
.pagenav{margin-bottom:30px!important;}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li{margin-bottom:15px;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info h3 > a{;}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info{padding:10px;}

}
@media screen and (max-width:360px){
#btl-content #btl-content-login.btl-content-block.eranews  {width:100%;right:0!important;}
.btl-field, #register-link, .btl-error-detail, .btl-error, .btl-note{margin-left:0px!important;margin-right:0px!important;}
#btl-content-registration.btl-content-block.eranews {min-width:100%;right:0!important;}
.highlighter-inner {border-top:0!important;}
.head-search .form-inline.eranews input.inputbox,.head-search .form-inline.eranews input.inputbox:focus{display:inline-block;width:85%;}
.logo {text-align:left;}
.mobile.logo-text,.mobile.logo-image{display:block;}
.sp-simpleportfolio.eranews .sp-simpleportfolio-columns-2 .sp-simpleportfolio-item,.sp-simpleportfolio.eranews .sp-simpleportfolio-columns-3 .sp-simpleportfolio-item ,.sp-simpleportfolio.eranews .sp-simpleportfolio-columns-4 .sp-simpleportfolio-item {width:100%;margin-bottom:15px;}
h1.article-title, h2.article-title {font-size:20px;}
#avs_gallery .avs_thumb,#avs_gallery .avs_thumb img.image{width:100%!important;}
#jt3_headline-news_wrapper h4, #jt3_headline-news_wrapper h4 a{font-size:15px!important;}
.jt3sliderwrapper .contentdiv p{font-size:14px!important;}
}

@media screen and (min-width:361px) and (max-width:990px){
#avs_gallery .avs_thumb{width:50%!important;margin:0!important;padding:7px 7px 7px 0!important;}
#avs_gallery .avs_thumb img.image{width:100%!important;}
.avs_clear {clear:none;}
}
@media screen and (min-width:361px) and (max-width:1200px){
.avs_clear {clear:none;}
}


/* =========================================================
   PSF sidebar integration: T4 retains column widths/order and
   its responsive visibility controls. No forced display/flex.
   ========================================================= */
:is(.sidebar-1, .sidebar-2, .sidebar-l, .sidebar-r, .t4-sidebar-l, .t4-sidebar-r) {
    min-width: 0;
    box-sizing: border-box;
    padding-top: 0;
    overflow-wrap: anywhere;}
:is(.sidebar-1, .sidebar-2, .sidebar-l, .sidebar-r, .t4-sidebar-l, .t4-sidebar-r) .module-title {
    font-size: 16px;
    line-height: 1.25;}
:is(.sidebar-1, .sidebar-2, .sidebar-l, .sidebar-r, .t4-sidebar-l, .t4-sidebar-r) img {
    max-width: 100%;
    height: auto;}
:is(.sidebar-1, .sidebar-2, .sidebar-l, .sidebar-r, .t4-sidebar-l, .t4-sidebar-r) ul.nav {
    flex-direction: column;}

/* PittsburghSportsFans.com - single black/gold override layer.
   body also overrides inherited palette values declared by T4 on body. */
:root, body {
    --psf-gold: #FFB612;
    --psf-black: #000000;
    --primary: #FFB612 !important;
    --bs-primary: #FFB612 !important;
    --bs-primary-rgb: 255, 182, 18 !important;
    --t4-primary: #FFB612 !important;
    --t4-primary-rgb: 255, 182, 18 !important;
    --t4-link-hover-color: #FFB612 !important;
    --t4-link-hover-color-rgb: 255, 182, 18 !important;
    --color-primary: #FFB612 !important;
    --color-primary-rgb: 255, 182, 18 !important;
    --color-primary-dark: #B57900 !important;
    --color-primary-light: #FFD16D !important;
    --color-secondary: #000000 !important;
    --color-secondary-light: #252525 !important;
    --mainnav-link-hover-color: #FFB612 !important;
    --mainnav-link-active-color: #FFB612 !important;
    --dropdown-link-hover-color: #FFB612 !important;}
a:hover, a:focus {color: var(--psf-gold);}

/* Black top line and black/gold/black bottom lines, including sticky nav. */
#t4-mainnav {
    border-top: 1px solid #000000 !important;
    border-bottom: 0 !important;
    box-shadow: 0 1px 0 #000000, 0 2px 0 #FFB612, 0 3px 0 #000000 !important;
    margin-bottom: 3px;}
#t4-mainnav .t4-section-inner, #t4-mainnav .mainnav {
    border-top: 0 !important;
    border-bottom: 0 !important;}
.not-at-top #t4-mainnav .t4-sticky .mainnav,
.not-at-top .t4-sticky #t4-mainnav .mainnav,
.not-at-top #t4-mainnav.t4-sticky .mainnav {
    border-top: 1px solid #000000 !important;
    border-bottom: 0 !important;
    box-shadow: 0 1px 0 #000000, 0 2px 0 #FFB612, 0 3px 0 #000000 !important;}
:is(#t4-mainnav, .t4-mainnav, .mainnav) .navbar-nav > li > :is(a, .nav-link):is(:hover, :focus),
:is(#t4-mainnav, .t4-mainnav, .mainnav) .navbar-nav > li:is(.active, .current, :hover) > :is(a, .nav-link) {
    color: #FFB612 !important;
    background-color: #000000;}
/* Dark theme active items formerly became gold text on gold backgrounds. */
:is(.theme-dark, .theme-dark-2, .theme-construction) .t4-megamenu .navbar-nav > li.active > :is(a, .nav-link) {
    background-color: #000000;
    color: #FFB612 !important;}
/* Keep existing underline decorations; do not repaint caret triangles. */
:is(#t4-mainnav, .t4-mainnav) .navbar-nav > li > a:not(.dropdown-toggle)::before,
:is(#t4-mainnav, .t4-mainnav) .navbar-nav > li > a:not(.dropdown-toggle)::after {
    background-color: #FFB612 !important;
    border-color: #FFB612 !important;}
#back-to-top {z-index:1000;color:#FFB612 !important;border-color:#FFB612 !important;}
#back-to-top :is(i, .fa, .fas, .far, .fab) {color:inherit !important;}
#back-to-top:is(:hover, :focus, :active) {
    background-color:#FFB612 !important;
    border-color:#FFB612 !important;
    color:#000000 !important;}
.t4-copyright, .t4-copyright a {color:#000000;}
.tagspopular ul > li > a:is(:hover, :focus, :active) {color:#000000 !important;}
.t4-offcanvas-toggle i {color:#000000;}
/* Restore a visible keyboard focus cue after the template's outline resets. */
:is(a, button, input, select, textarea, .btn):focus-visible {
    outline: 2px solid #B57900;
    outline-offset: 3px;}

/* FA6 migration of legacy icon rules in the supplied main template CSS. */
[class^=icon-].fa::before,
[class*=" icon-"].fa::before,
.t4-module .nav li ul > li > a:before,
.t4-card .nav li ul > li > a:before,
.moduletable .nav li ul > li > a:before,
.module_menu .nav li ul > li > a:before,
.categories-module li a:before,
.category-module li a:before,
.mostread li a:before,
.latestnews li a:before,
.relateditems li a:before,
.tagssimilar ul li a:before,
.archive-module li a:before,
a.syndicate-module:before,
.items-more .nav-tabs > li > a:before,
.t4-header .form-inline .search:before,
.input-password-toggle .icon-eye-slash:before,
.contentpane.com_media .subhead .icon-times::before,
.contentpane.com_media .media-container .media-main .media-toolbar .icon-search-plus::before,
.contentpane.com_media .media-container .media-main .media-toolbar .icon-search-minus::before,
.contentpane div.container-popup [class^=icon-]::before,
.contentpane div.container-popup [class*=" icon-"]::before,
.icon-check,
[class^=icon-]::before,
[class*=" icon-"]::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-style: normal;}
/* FA4 file-text-o codepoint becomes FA6 file-alt. */
.archive-module li a::before, .items-more .nav-tabs > li > a::before {
    content: "\f15c";
    font-weight: 400;}
.contentpane div.container-popup .icon-unfeatured::before {
    content: "\f005";
    font-weight: 400;}
/* Explicit brand/regular classes retain their distinct FA6 font faces. */
.fab::before, [class^="icon-"].fab::before, [class*=" icon-"].fab::before {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;}
.far::before, [class^="icon-"].far::before, [class*=" icon-"].far::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 400;}


/* PSF adaptations from DuBoisLIVE. One final rule set per treatment.
   No DuBoisLIVE module IDs, forced modal visibility, or replacement labels. */
:root { --psf-paper: #fff; --psf-soft-gold: #fff3cf; }

/* JT3: apply the suffix to the module, not to the position name.
   Supports either a wrapper carrying the class or the slider root itself.
   JS retains control of slide positions, visibility and animation widths. */
.psf-main-slider { min-width: 0; max-width: 100%; }
.psf-main-slider #jt3_headline-news_wrapper,
#jt3_headline-news_wrapper.psf-main-slider {
    border: 2px solid #000 !important;
    box-sizing: border-box;
    max-width: 100%;
}
.psf-main-slider .jt3-image-link {
    display: block; width: 100%; height: 100%; overflow: hidden;
}
.psf-main-slider .jt3-image-link > img.hovereffect {
    display: block !important; float: none !important;
    width: 100% !important; max-width: 100% !important;
    height: 100% !important; object-fit: cover; object-position: center;
}
.psf-main-slider .jt3-title :is(h2, h2 a) { overflow-wrap: anywhere; }
.psf-main-slider .jt3-title a:is(:hover, :focus-visible) {
    color: #FFB612 !important; background-color: #000;
}
@media (max-width: 767px) {
    .psf-main-slider .jt3-title :is(h2, h2 a) {
        font-size: 16px !important; line-height: 1.15 !important; margin: 0 !important;
    }
}

/* Compact article tags, with wrapping for long names. */
html body .tags {
    display: flex; flex-wrap: wrap; gap: 4px;
    margin: 5px 0 9px; padding: 0; list-style: none;
}
html body .tags li { margin: 0; padding: 0; list-style: none; max-width: 100%; }
html body .tags :is(a, .btn, .badge) {
    display: inline-flex; align-items: center; width: auto; height: auto;
    min-height: 23px; max-width: 100%; padding: 3px 8px;
    background: #fff3cf !important; color: #000 !important;
    border: 1px solid #FFB612; border-left: 4px solid #FFB612;
    border-radius: 4px; box-shadow: none;
    font: 600 12.5px/16px Arial, Helvetica, sans-serif;
    text-transform: none; text-decoration: none;
    white-space: normal; overflow-wrap: anywhere;
}
html body .tags a:is(:hover, :focus-visible) {
    background: #000 !important; color: #FFB612 !important;
}

/* Article details and photos. Author photos remain intact. */
.com-content-article .article-info.text-muted {
    display: flex; flex-wrap: wrap; align-items: center;
    column-gap: 9px; row-gap: 4px; color: #333 !important;
}
.com-content-article .article-info.text-muted a { color: #000; }
.com-content-article .article-info.text-muted a:is(:hover, :focus-visible) {
    color: #805500; text-decoration: underline;
}
.com-content-article .article-info.text-muted :is(.fa, .fas, .fa-solid) { color: #805500; }
.com-content-article .item-image {
    float: none !important; width: 500px; max-width: 100%; margin: 0 0 1rem;
}
.com-content-article .item-image img,
.com-content-article .com-content-article__body > p > img {
    display: block; width: auto; max-width: min(500px, 100%); height: auto;
}
.items-more .nav-tabs > li > a:is(:hover, :focus-visible) {
    background: #FFB612 !important; color: #000 !important;
}
.items-more .nav-tabs > li > a:is(:hover, :focus-visible) * { color: inherit !important; }
.pagination .page-link { color: #000; }
.pagination .page-item.active .page-link {
    background: #000 !important; border-color: #000 !important; color: #FFB612 !important;
}
.pagination .page-link:is(:hover, :focus-visible) {
    background: #fff3cf; border-color: #000; color: #000;
}
#system-message-container joomla-alert[type="success"] {
    background-color: #fff3cf; border: 1px solid #FFB612; color: #000;
}

/* Ticker and Smart Search, for either spelling used by ErasNews. */
:is(#t4-highlighter, #t4-hightlighter) .t4-row { flex-wrap: wrap; }
:is(#t4-highlighter, #t4-hightlighter) .highlighter {
    flex: 1 1 280px; min-width: 0;
}
.highlighter-inner { border-top-color: #000 !important; }
.highlighter-inner .gkHighlighterGK5 { position: relative; max-width: 100%; }
.highlighter-inner .gkHighlighterInterface {
    background: #000 !important; color: #FFB612 !important;
    border-radius: 0 17px 17px 0;
}
.highlighter-inner .gkHighlighterInterface :is(span, a) { color: #FFB612 !important; }
.highlighter-inner .gkHighlighterWrapper { min-width: 0; overflow: hidden; }
.highlighter-inner .gkHighlighterWrapper a { color: #000; }
.highlighter-inner .gkHighlighterWrapper a:is(:hover, :focus-visible) { color: #805500; }
:is(#t4-highlighter, #t4-hightlighter) .head-search {
    flex: 0 1 242px; width: 242px; max-width: 100%; min-width: 0;
}
.head-search :is(form.mod-finder, form.js-finder-searchform, .awesomplete) {
    position: relative; display: block; float: none;
    width: 100%; max-width: 100%; margin: 0; box-sizing: border-box;
}
.head-search input[name="q"], .head-search input[name="q"]:focus {
    width: 100% !important; max-width: 100%; min-width: 0; box-sizing: border-box;
    padding-right: 42px; background: #fff; color: #000;
}
.head-search input[name="q"]::placeholder { color: #555; opacity: 1; }
.head-search .awesomplete > ul {
    width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box;
    background: #fff; color: #000; z-index: 1030;
}
.head-search .awesomplete mark { background: #FFB612; color: #000; }
.head-search .awesomplete > ul > li[aria-selected="true"] { background: #fff3cf; color: #000; }
@media (max-width: 575px) {
    :is(#t4-highlighter, #t4-hightlighter) .head-search { flex-basis: 100%; width: 100%; }
}

/* Utility bar, date/time, social links and footer branding.
   Keep T4's positioning and stacking, including its modal behavior. */
:is(.t4-topbar, #t4-topbar, .topbar, .topbar::after) { background-color: #000 !important; }
:is(.t4-topbar, #t4-topbar, .topbar) :is([id^="mod_date_js_"], [id^="mod_time_js_"]) {
    color: #fff; text-shadow: 1px 1px 3px #000;
}
:is(.social-top, .top-social-icons) a { color: #FFB612; }
.social-top :is(a, i, svg) { font-size: 20px; }
.social-top svg { width: 20px; height: 20px; }
.social-top a { margin: 0 5px; }
:is(.t4-footer, .t4-footer .t4-section-inner, .footerbase, .copyright, .t4-copyright, #t4-footer, #t4-copyright) {
    background: #000 !important; color: #fff !important;
}
:is(.t4-footer, .footerbase, .copyright, .t4-copyright) :is(p, a) { color: #fff !important; }
:is(.t4-footer, .footerbase, .copyright, .t4-copyright) a:is(:hover, :focus-visible) { color: #FFB612 !important; }

/* SCLogin: general selectors, no DuBoisLIVE module number or forced opening. */
[id^="login-modal-"].sclogin-modal .modal-dialog {
    width: 420px; max-width: calc(100vw - 30px); height: auto;
}
[id^="login-modal-"].sclogin-modal .modal-content {
    background: #000; color: #fff; border: 2px solid #FFB612;
    border-radius: 3px; height: auto;
}
[id^="login-modal-"].sclogin-modal :is(label, a) { color: #FFB612; }
[id^="login-modal-"].sclogin-modal input:is([type="text"], [type="email"], [type="password"]) {
    background: #fff; color: #000;
}
[id^="login-modal-"].sclogin-modal .btn-close { filter: invert(1); }

/* Optional suffix for a MODULE containing a two-column .t4-row:
   psf-mobile-pair. Does not change every picture-news row on the site. */
@media (max-width: 767px) {
    .psf-mobile-pair .t4-row { display: flex; flex-wrap: wrap; gap: 10px; }
    .psf-mobile-pair .t4-row > .t4-col {
        flex: 0 0 calc(50% - 5px); width: calc(50% - 5px); min-width: 0; padding: 0;
    }
}

/* Single icon generation: Font Awesome 6 Free.
   Brands and regular icons keep their correct faces and weights.
   The template still supplies the glyph definitions and font files. */
.fa, .fas, .fa-solid { font-family: "Font Awesome 6 Free" !important; font-weight: 900; font-style: normal; }
.far, .fa-regular { font-family: "Font Awesome 6 Free" !important; font-weight: 400; font-style: normal; }
.fab, .fa-brands,
.top-social-icons :is(.fa-facebook, .fa-twitter, .fa-x-twitter, .fa-pinterest, .fa-dribbble, .fa-vimeo, .fa-youtube, .fa-instagram) {
    font-family: "Font Awesome 6 Brands" !important; font-weight: 400; font-style: normal;
}
.fa-file-text-o::before { content: "\f15c"; }
.fa-star-o::before { content: "\f005"; font-weight: 400; }

/* Append to /templates/eranews/local/css/custom.css.
   Requires the JT3 module class suffix: psf-main-slider.
   Paint only image links, leaving captions, thumbnails and controls clear.
   Uses the image uploaded to the site-wide images folder.
   Keep the PNG at /images/dots-overlay.png. */
.psf-main-slider .jt3-image-link {
    position: relative;
    display: block;
    isolation: isolate;
}
.psf-main-slider .jt3-image-link::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background-image: url("/images/dots-overlay.png");
    background-repeat: repeat;
    background-size: auto;
    background-color: transparent;
}

/* PSF vintage X cards. Paste into Custom CSS WITHOUT <s-tyle> tags.
   Scoped to this directory; it does not restyle other PSF articles. */
.psf-x-directory,
.psf-x-directory * { box-sizing: border-box; }

.psf-x-directory {
  --psf-logo: url('/images/psf/team-logos/pirates_logo.png');
  --psf-paper: #f3e8cd;
  --psf-ink: #201e18;
  container: psf-cards / inline-size;
  width: 100%;
  max-width: 1240px;
  margin: 24px auto;
  padding: 8px;
  color: var(--psf-ink);
  font-family: Arial, Helvetica, sans-serif;
}
.psf-x-directory[data-team='steelers'] { --psf-logo: url('/images/psf/team-logos/steelers_logo.webp'); }
.psf-x-directory[data-team='penguins'] { --psf-logo: url('/images/psf/team-logos/penguins_logo.png'); }
.psf-x-directory[data-team='pirates'] { --psf-logo: url('/images/psf/team-logos/pirates_logo.png'); }

.psf-x-directory .psf-x-intro {
  margin: 0 0 24px;
  padding: 0 0 16px;
  border-bottom: 3px double #b6a581;
  color: #38352d;
  font: 16px/1.65 Arial, Helvetica, sans-serif;
}
.psf-x-directory .psf-x-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}
.psf-x-directory .psf-x-item {
  --card-field: #d9a721;
  --card-ink: #211d12;
  --card-muted: #413719;
  --card-rule: rgba(55, 40, 8, .4);
  position: relative;
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 8px;
  border: 1px solid #c6b48c;
  border-radius: 7px;
  background:
    radial-gradient(ellipse at 0 0, #cdb78166, transparent 50%),
    radial-gradient(ellipse at 100% 100%, #b39b6555, transparent 55%),
    var(--psf-paper);
  box-shadow: 0 3px 0 #b9a781, 0 9px 18px #24180019;
}
/* TWO-column checkerboard: BLACK GOLD / GOLD BLACK, repeating. */
.psf-x-directory .psf-x-item:nth-child(4n + 1),
.psf-x-directory .psf-x-item:nth-child(4n + 4) {
  --card-field: #24241f;
  --card-ink: #f9edcf;
  --card-muted: #ddcda7;
  --card-rule: rgba(242, 218, 156, .4);
}
.psf-x-directory .psf-x-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #7a6842;
  border-radius: 2px;
  color: var(--card-ink);
  background: var(--card-field);
}
.psf-x-directory .psf-x-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin: 0 13px;
  padding: 11px 0 9px;
  border-bottom: 1px solid var(--card-rule);
  color: var(--card-ink);
  font: 700 10px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.psf-x-directory .psf-x-card-number {
  flex: 0 0 auto;
  font: 700 12px/1.2 'Courier New', monospace;
  letter-spacing: 1px;
}
.psf-x-directory .psf-x-profile {
  display: flex;
  flex: 1 1 auto;
  align-items: flex-start;
  gap: 17px;
  padding: 17px 13px 19px;
  min-width: 0;
}
.psf-x-directory .psf-x-avatar-link {
  display: block;
  position: relative;
  flex: 0 0 120px;
  width: 120px;
  height: 146px;
  padding: 6px 6px 15px;
  border: 1px solid #baaa83;
  background: #f8efd9;
  box-shadow: 2px 3px 0 #00000028;
  border-radius: 1px;
  overflow: hidden;
  text-decoration: none;
}
.psf-x-directory .psf-x-avatar-window {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #d3c6a7;
}
.psf-x-directory .psf-x-avatar-label {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #332e22;
  font: 700 13px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}
/* The original team logo stays beneath the real profile photo at all times.
   It still displays if JavaScript is blocked/stripped or an avatar request fails. */
.psf-x-directory .psf-x-avatar-logo {
  position: absolute;
  inset: 0;
  background-image: var(--psf-logo);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.psf-x-directory img.psf-x-avatar-photo {
  display: block;
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover;
  object-position: center;
  background: #fff;
  opacity: 0;
}
.psf-x-directory img.psf-x-avatar-photo.is-loaded { opacity: 1; }
.psf-x-directory .psf-x-details { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; }
.psf-x-directory .psf-x-name {
  display: block;
  margin: 0;
  color: var(--card-ink) !important;
  font: 900 clamp(18px, 2.1cqi, 24px)/1.13 'Arial Narrow', Arial, sans-serif;
  letter-spacing: -.35px;
  text-transform: uppercase;
  overflow-wrap: anywhere;
  text-decoration: none !important;
}
.psf-x-directory .psf-x-name:hover { text-decoration: underline !important; text-underline-offset: 4px; }
.psf-x-directory .psf-x-handle {
  display: block;
  margin: 7px 0 0;
  color: var(--card-muted);
  font: 700 12px/1.5 'Courier New', monospace;
  overflow-wrap: anywhere;
}
.psf-x-directory .psf-x-description {
  margin: 10px 0 0;
  padding: 0;
  color: var(--card-ink);
  font: 14px/1.55 Arial, Helvetica, sans-serif;
}
.psf-x-directory .psf-x-card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin: auto 0 0;
  padding: 10px 13px;
  border-top: 3px double #8e7b50;
  color: #342d1d;
  background:
    repeating-linear-gradient(115deg, #c6ae760d 0 2px, transparent 2px 5px),
    #efe2bf;
}
.psf-x-directory .psf-x-card-caption {
  color: #51432a;
  font: italic 14px/1.2 Georgia, 'Times New Roman', serif;
}
.psf-x-directory .psf-x-follow {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 14px;
  border: 1px solid #171711;
  border-radius: 2px;
  color: #fff3d5 !important;
  background: #24241f;
  font: 700 12px/1.2 Arial, Helvetica, sans-serif;
  text-decoration: none !important;
  white-space: nowrap;
}
.psf-x-directory .psf-x-follow:hover { background: #493c1b; }
.psf-x-directory a:focus-visible { outline: 3px solid #197fa4; outline-offset: 4px; }
.psf-x-directory .psf-x-attribution { margin: 22px 0 0; color: #595347; font: 12px/1.6 Arial, Helvetica, sans-serif; }
.psf-x-directory .psf-x-attribution a { color: inherit; text-decoration: underline; }

/* ALWAYS two cards across. Narrow cards stack photo above text.
   Keep the same BLACK GOLD / GOLD BLACK color order at every size. */
@container psf-cards (max-width: 650px) {
  .psf-x-directory .psf-x-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .psf-x-directory .psf-x-item { padding: 5px; }
  .psf-x-directory .psf-x-profile { flex-direction: column; align-items: center; gap: 13px; padding: 13px 9px; }
  .psf-x-directory .psf-x-avatar-link { flex: 0 0 auto; width: min(120px, 100%); height: 136px; }
  .psf-x-directory .psf-x-details { width: 100%; text-align: center; }
  .psf-x-directory .psf-x-name { font-size: clamp(14px, 3.8cqi, 20px); }
  .psf-x-directory .psf-x-handle { font-size: 11px; }
  .psf-x-directory .psf-x-description { font-size: 13px; }
  .psf-x-directory .psf-x-card-top { margin: 0 8px; font-size: 9px; letter-spacing: .7px; }
  .psf-x-directory .psf-x-card-number { font-size: 10px; }
  .psf-x-directory .psf-x-card-bottom { flex-direction: column; padding: 10px 8px; gap: 9px; }
  .psf-x-directory .psf-x-follow { width: 100%; padding: 9px 5px; }
  .psf-x-directory .psf-x-card-caption { font-size: 12px; text-align: center; }
}
@media (max-width: 700px) {
  .psf-x-directory { padding: 4px; }
  .psf-x-directory .psf-x-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .psf-x-directory .psf-x-item { padding: 5px; }
  .psf-x-directory .psf-x-profile { flex-direction: column; align-items: center; padding: 13px 8px; }
  .psf-x-directory .psf-x-avatar-link { flex: 0 0 auto; width: min(110px, 100%); height: 126px; }
  .psf-x-directory .psf-x-details { width: 100%; text-align: center; }
  .psf-x-directory .psf-x-name { font-size: 16px; }
  .psf-x-directory .psf-x-handle { font-size: 11px; }
  .psf-x-directory .psf-x-description { font-size: 13px; }
  .psf-x-directory .psf-x-card-top { margin: 0 8px; font-size: 9px; letter-spacing: .5px; }
  .psf-x-directory .psf-x-card-number { font-size: 10px; }
  .psf-x-directory .psf-x-card-bottom { flex-direction: column; padding: 10px 7px; gap: 8px; }
  .psf-x-directory .psf-x-follow { width: 100%; padding: 9px 4px; font-size: 11px; }
  .psf-x-directory .psf-x-card-caption { font-size: 12px; text-align: center; }
}
@container psf-cards (max-width: 390px) {
  .psf-x-directory .psf-x-profile { gap: 10px; padding: 12px 6px; }
  .psf-x-directory .psf-x-avatar-link { width: 84px; height: 104px; padding: 4px 4px 12px; }
  .psf-x-directory .psf-x-name { font-size: 14px; }
  .psf-x-directory .psf-x-description { font-size: 12px; }
  .psf-x-directory .psf-x-card-top { letter-spacing: 0; font-size: 8px; }
  .psf-x-directory .psf-x-card-caption { font-size: 12px; }
}

/* ================================================
   PITTSBURGH SPORTS FANS - ERASNEWS T4
   FIX INVISIBLE SIDEBAR-2 MODULES
   Override stalled WOW / fadeInUp animation
   ================================================ */

body .t4-col.sidebar-2,
body .t4-col.sidebar-2.wow,
body .t4-col.sidebar-2.fadeInUp {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
}

body .t4-col.sidebar-2 .t4-module,
body .t4-col.sidebar-2 .module-inner,
body .t4-col.sidebar-2 .module-ct {
    visibility: visible !important;
    opacity: 1 !important;
}

/* Preserve the existing T4 responsive grid */
body .t4-col.sidebar-2 {
    height: auto !important;
    max-height: none !important;
}

/* ================================================
   PITTSBURGH SPORTS FANS
   ARTICLE WIDTH AND OVERFLOW PROTECTION
   Joomla 6.2 / Erasnews T4
   ================================================ */

/* Keep the main article within its T4 grid column */

body #t4-main-body .mainbody-block,
body #t4-main-body .mainbody-inner,
body #t4-main-body .com-content-article,
body #t4-main-body .item-page {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Constrain article content, including PSF infographics */

body #t4-main-body .com-content-article *,
body #t4-main-body .item-page * {
    box-sizing: border-box;
    min-width: 0;
}

/* Never let ordinary article content exceed its column */

body #t4-main-body .com-content-article,
body #t4-main-body .item-page {
    overflow-wrap: anywhere;
    word-wrap: break-word;
}

/* Images, videos and embedded media */

body #t4-main-body .com-content-article img,
body #t4-main-body .item-page img,
body #t4-main-body .com-content-article video,
body #t4-main-body .item-page video,
body #t4-main-body .com-content-article iframe,
body #t4-main-body .item-page iframe {
    max-width: 100% !important;
    height: auto;
}

/* PSF article wrappers and infographic elements */

body #t4-main-body .psf-geno,
body #t4-main-body .psf-1992,
body #t4-main-body .psf-geno .psf-content,
body #t4-main-body .psf-geno .psf-panel,
body #t4-main-body .psf-geno .psf-blackout,
body #t4-main-body .psf-geno .psf-quote,
body #t4-main-body .psf-geno .psf-stats,
body #t4-main-body .psf-geno .psf-timeline {
    width: 100%;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Prevent unusually long strings from pushing the column */

body #t4-main-body .psf-geno p,
body #t4-main-body .psf-geno h2,
body #t4-main-body .psf-geno span,
body #t4-main-body .psf-1992 p {
    overflow-wrap: anywhere;
}

/* Preserve responsive layout on smaller screens */

@media (max-width: 767px) {

    body #t4-main-body .psf-geno,
    body #t4-main-body .psf-1992 {
        width: 100%;
        max-width: 100% !important;
        padding-left: 8px;
        padding-right: 8px;
    }

    body #t4-main-body .psf-geno .psf-panel,
    body #t4-main-body .psf-geno .psf-blackout,
    body #t4-main-body .psf-geno .psf-quote {
        max-width: 100% !important;
    }
}

/* ================================================
   SIDEBAR-2: OVERRIDE STALLED WOW ANIMATION
   ================================================ */

body #t4-main-body .t4-col.sidebar-2 {
    visibility: visible !important;
    opacity: 1 !important;
    animation: none !important;
    transform: none !important;
}

body #t4-main-body .t4-col.sidebar-2 .t4-module {
    visibility: visible !important;
    opacity: 1 !important;
}


/* ================================================
   PITTSBURGH SPORTS FANS - ERASNEWS T4
   FULL-WIDTH ARTICLE CONTENT
   RESPECT SIDEBAR-2 BOUNDARY
   ================================================ */

/* Keep article content inside its assigned T4 column */
body #t4-main-body .mainbody-block,
body #t4-main-body .mainbody-inner,
body #t4-main-body .com-content-article,
body #t4-main-body .item-page {
    min-width: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Article and infographic wrappers fill available width */
body #t4-main-body .psf-geno,
body #t4-main-body .psf-1992,
body #t4-main-body .psf-content,
body #t4-main-body .psf-subtitle,
body #t4-main-body .psf-kicker,
body #t4-main-body .psf-panel,
body #t4-main-body .psf-blackout,
body #t4-main-body .psf-quote,
body #t4-main-body .psf-stats,
body #t4-main-body .psf-timeline,
body #t4-main-body .psf-end,
body #t4-main-body .psf-discussion {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Expand article images proportionally */
body #t4-main-body .com-content-article img,
body #t4-main-body .item-page img,
body #t4-main-body .item-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}

/* Expand standard article image containers */
body #t4-main-body .item-image,
body #t4-main-body .com-content-article figure,
body #t4-main-body .item-page figure {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Allow text to wrap without pushing into sidebar */
body #t4-main-body .psf-geno,
body #t4-main-body .psf-1992 {
    overflow-wrap: anywhere;
}

/* Preserve responsive widths on mobile */
@media (max-width: 767px) {
    body #t4-main-body .psf-geno,
    body #t4-main-body .psf-1992 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* ============================================
   PSF - 3D SOCIAL SHARE BUTTON OVERLAYS
   Preserve original JFBConnect functionality
   ============================================ */

/* Share-button containers */
.scsocialbuttons,
.sourcecoast,
.jfbconnect-share {
    position: relative;
}

/* Facebook's native share-button wrapper */
.fb-share-button {
    position: relative !important;
    display: inline-block !important;
}

/* Decorative overlay - does not intercept clicks */
.fb-share-button::after {
    content: "f  SHARE";
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        160deg,
        #505050 0%,
        #292929 30%,
        #090909 65%,
        #242424 100%
    );

    color: #FED50A;
    border: 1px solid #FED50A;
    border-radius: 4px;

    font: bold 10px Arial, sans-serif;
    letter-spacing: .3px;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.4),
        inset 0 -2px 3px rgba(0,0,0,.9),
        0 2px 3px rgba(0,0,0,.5);
}

/* Gold illumination when hovered */
.fb-share-button:hover::after {
    background: linear-gradient(
        160deg,
        #777 0%,
        #343434 35%,
        #111 100%
    );
    color: #FFFFFF;
    border-color: #FFFFFF;
    box-shadow:
        0 0 5px rgba(254,213,10,.5),
        inset 0 1px 2px rgba(255,255,255,.4);
}

/* Slight pressed appearance */
.fb-share-button:active::after {
    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.95);
}


/* =====================================================
   PITTSBURGH SPORTS FANS
   ENGRAVED 3D SHARE BUTTONS: X AND LINKEDIN
   Gold: #FED50A
   ===================================================== */

/* -----------------------------------------
   1. X / TWITTER
   ----------------------------------------- */

/* Target the existing X share button */
.twitter-share-button,
a.twitter-share-button,
iframe.twitter-share-button {
    position: relative !important;
}

/* Overlay for an HTML-based X button */
a.twitter-share-button::after {
    content: "𝕏  POST";
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        160deg,
        #505050 0%,
        #292929 30%,
        #090909 65%,
        #242424 100%
    );

    color: #FED50A;
    border: 1px solid #FED50A;
    border-radius: 4px;

    font: bold 10px Arial, sans-serif;
    letter-spacing: .3px;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.4),
        inset 0 -2px 3px rgba(0,0,0,.9),
        0 2px 3px rgba(0,0,0,.5);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        color .18s ease;
}

a.twitter-share-button:hover::after {
    transform: translateY(-2px);
    color: #FFFFFF;
    border-color: #FFFFFF;
    box-shadow:
        0 0 6px rgba(254,213,10,.6),
        0 4px 6px rgba(0,0,0,.4);
}

a.twitter-share-button:active::after {
    transform: translateY(1px);
    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.95);
}


/* -----------------------------------------
   2. LINKEDIN
   ----------------------------------------- */

/* Target an HTML-based LinkedIn share control */
a.IN-widget,
a.linkedin-share-button {
    position: relative !important;
}

a.IN-widget::after,
a.linkedin-share-button::after {
    content: "in  SHARE";
    position: absolute;
    inset: 0;
    z-index: 10;
    pointer-events: none;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        160deg,
        #505050 0%,
        #292929 30%,
        #090909 65%,
        #242424 100%
    );

    color: #FED50A;
    border: 1px solid #FED50A;
    border-radius: 4px;

    font: bold 10px Arial, sans-serif;
    letter-spacing: .3px;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.4),
        inset 0 -2px 3px rgba(0,0,0,.9),
        0 2px 3px rgba(0,0,0,.5);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        color .18s ease;
}

a.IN-widget:hover::after,
a.linkedin-share-button:hover::after {
    transform: translateY(-2px);
    color: #FFFFFF;
    border-color: #FFFFFF;
    box-shadow:
        0 0 6px rgba(254,213,10,.6),
        0 4px 6px rgba(0,0,0,.4);
}

a.IN-widget:active::after,
a.linkedin-share-button:active::after {
    transform: translateY(1px);
}

/* ==================================================
   PITTSBURGH SPORTS FANS
   JFBCONNECT 3D SHARE BUTTONS
   LINKEDIN + X
   ================================================== */


/* ================================================
   PSF - JFBConnect Share Button Overlays
   LinkedIn and X
   ================================================ */

/* Shared 3D button positioning */
body .scsocialbuttons.standard .sourcecoast.linkedin,
body .scsocialbuttons.standard .sourcecoast.twitter {
    position: relative !important;
    display: inline-block !important;
    vertical-align: bottom !important;
}

/* LinkedIn overlay */
body .scsocialbuttons.standard .sourcecoast.linkedin::after {
    content: "in  SHARE";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        160deg,
        #505050 0%,
        #292929 30%,
        #090909 65%,
        #242424 100%
    );

    color: #FED50A;
    border: 1px solid #FED50A;
    border-radius: 4px;
    box-sizing: border-box;

    font: bold 10px Arial, sans-serif;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.4),
        inset 0 -2px 3px rgba(0,0,0,.9),
        0 2px 3px rgba(0,0,0,.5);

    transition: transform .18s ease,
                box-shadow .18s ease,
                color .18s ease;
}

/* X overlay */
body .scsocialbuttons.standard .sourcecoast.twitter::after {
    content: "𝕏  POST";
    position: absolute;
    inset: 0;
    z-index: 20;
    pointer-events: none;

    display: flex;
    align-items: center;
    justify-content: center;

    background: linear-gradient(
        160deg,
        #505050 0%,
        #292929 30%,
        #090909 65%,
        #242424 100%
    );

    color: #FED50A;
    border: 1px solid #FED50A;
    border-radius: 4px;
    box-sizing: border-box;

    font: bold 10px Arial, sans-serif;

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.4),
        inset 0 -2px 3px rgba(0,0,0,.9),
        0 2px 3px rgba(0,0,0,.5);

    transition: transform .18s ease,
                box-shadow .18s ease,
                color .18s ease;
}

/* Hover: illuminate and lift */
body .scsocialbuttons.standard .sourcecoast.linkedin:hover::after,
body .scsocialbuttons.standard .sourcecoast.twitter:hover::after {
    transform: translateY(-2px);
    color: #FFFFFF;
    border-color: #FFFFFF;

    box-shadow:
        0 0 6px rgba(254,213,10,.65),
        0 4px 6px rgba(0,0,0,.4);
}

/* Click: pressed metal */
body .scsocialbuttons.standard .sourcecoast.linkedin:active::after,
body .scsocialbuttons.standard .sourcecoast.twitter:active::after {
    transform: translateY(1px);

    box-shadow:
        inset 0 2px 5px rgba(0,0,0,.95);
}

/* =====================================================
   PSF - FINAL SHARE BUTTON SIZE AND X LOGO CORRECTION
   Three matching 60 x 24 pixel button faces
   ===================================================== */

/* Equalize the three outer JFBConnect wrappers */
body .scsocialbuttons.standard .sourcecoast.linkedin,
body .scsocialbuttons.standard .sourcecoast.twitter,
body .scsocialbuttons.standard .sourcecoast.facebook {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important;
    height: 24px !important;
    min-height: 24px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
}

/* Make all three decorative overlays identical in size */
body .scsocialbuttons.standard .sourcecoast.linkedin::after,
body .scsocialbuttons.standard .sourcecoast.twitter::after,
body .scsocialbuttons.standard .sourcecoast.facebook
.fb-share-button::after {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: auto !important;
    bottom: auto !important;

    width: 60px !important;
    height: 24px !important;
    min-height: 24px !important;

    box-sizing: border-box !important;
    border: 1px solid #FED50A !important;
    border-radius: 4px !important;
}

/* Keep Facebook's overlay anchored correctly */
body .scsocialbuttons.standard .sourcecoast.facebook
.fb-share-button {
    position: relative !important;
    display: inline-block !important;
    width: 60px !important;
    height: 24px !important;
}

/* Replace the blurry X character with a crisp SVG logo */
body .scsocialbuttons.standard .sourcecoast.twitter::after {
    content: "POST" !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FED50A' d='M18.901 1.153h3.68l-8.04 9.19L24 22.847h-7.406l-5.8-7.584-6.65 7.584H.462l8.6-9.83L0 1.153h7.594l5.243 6.932zm-1.29 19.49h2.039L6.482 3.24H4.295z'/%3E%3C/svg%3E"),
        linear-gradient(160deg,#505050 0%,#292929 30%,#090909 65%,#242424 100%) !important;

    background-repeat: no-repeat !important;
    background-size: 12px 12px, cover !important;
    background-position: 7px center, center !important;

    padding-left: 14px !important;
    font: bold 10px Arial,sans-serif !important;
    color: #FED50A !important;
    text-align: center !important;
    pointer-events: none !important;
}

/* Preserve the X hover effect */
body .scsocialbuttons.standard .sourcecoast.twitter:hover::after {
    transform: translateY(-2px);
    border-color: #FFFFFF !important;
    color: #FFFFFF !important;
    box-shadow:
        0 0 6px rgba(254,213,10,.65),
        0 4px 6px rgba(0,0,0,.4) !important;
}

/* ================================================
   PSF - COVER EXPOSED ORIGINAL SHARE BUTTON EDGES
   Keep all three engraved buttons aligned
   ================================================ */

/* Extend each overlay to cover the original control */
body .scsocialbuttons.standard .sourcecoast.linkedin::after,
body .scsocialbuttons.standard .sourcecoast.twitter::after,
body .scsocialbuttons.standard .sourcecoast.facebook
.fb-share-button::after {
    width: 66px !important;
    min-width: 66px !important;
    left: 0 !important;
    right: auto !important;
}

/* Give each button enough horizontal space */
body .scsocialbuttons.standard .sourcecoast.linkedin,
body .scsocialbuttons.standard .sourcecoast.twitter,
body .scsocialbuttons.standard .sourcecoast.facebook {
    width: 66px !important;
    min-width: 66px !important;
}

/* Match the Facebook overlay's containing element */
body .scsocialbuttons.standard .sourcecoast.facebook
.fb-share-button {
    width: 66px !important;
}


/* ================================================
   PSF SHARE BUTTONS - FINAL MICRO-ADJUSTMENTS
   ================================================ */

/* Extend all three button faces 2px to the right */
body .scsocialbuttons.standard .sourcecoast.linkedin::after,
body .scsocialbuttons.standard .sourcecoast.twitter::after,
body .scsocialbuttons.standard .sourcecoast.facebook
.fb-share-button::after {
    width: 68px !important;
    min-width: 68px !important;
    left: 0 !important;
    right: auto !important;
}

/* Match the space allocated to each button */
body .scsocialbuttons.standard .sourcecoast.linkedin,
body .scsocialbuttons.standard .sourcecoast.twitter,
body .scsocialbuttons.standard .sourcecoast.facebook {
    width: 68px !important;
    min-width: 68px !important;
}

/* Ensure Facebook's blue original is fully covered */
body .scsocialbuttons.standard .sourcecoast.facebook
.fb-share-button {
    width: 68px !important;
}

/* Slightly enlarge the LinkedIn engraving */
body .scsocialbuttons.standard .sourcecoast.linkedin::after {
    font-size: 11px !important;
    font-weight: 900 !important;
}

/* Slightly enlarge the Facebook engraving */
body .scsocialbuttons.standard .sourcecoast.facebook
.fb-share-button::after {
    font-size: 11px !important;
    font-weight: 900 !important;
}

/* PSF - Match X POST lettering to LinkedIn/Facebook SHARE */

body .scsocialbuttons.standard
.sourcecoast.twitter::after {
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: normal !important;
    text-shadow: 0 1px 1px #000000 !important;
}

/* ================================================
   PSF - REMOVE DUPLICATE ACTIVE MENU HEADING
   Preserve main navigation and breadcrumb links
   ================================================ */

body .breadcrumbs-left
.mod-breadcrumbs__item.lastword.active {
    display: none !important;
}


/* ====================================================
   PITTSBURGH SPORTS FANS
   WHITE GALLERY FRAME FOR ARTICLE IMAGES
   ==================================================== */

/* Frame around the main article photograph */
body #t4-main-body figure.item-image {
    display: block !important;
    float: none !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 0 22px 0 !important;
    padding: 9px !important;

    background: #FFFFFF !important;

    border: 1px solid #E3E3E3 !important;
    border-radius: 0 !important;

    box-shadow:
        inset 0 0 0 1px #F8F8F8,
        0 2px 3px rgba(0,0,0,0.10),
        0 5px 12px rgba(0,0,0,0.13) !important;

    box-sizing: border-box !important;
}

/* Keep the photograph proportional inside its frame */
body #t4-main-body figure.item-image img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    border: 0 !important;
    border-radius: 0 !important;

    box-shadow: none !important;
    object-fit: contain !important;
}

/* Slightly narrower frame on phones */
@media (max-width: 767px) {
    body #t4-main-body figure.item-image {
        padding: 6px !important;
        margin-bottom: 18px !important;
    }
}
/* PSF - PURE BLACK INNER EDGE ON WHITE PHOTO FRAMES */

body #t4-main-body figure.item-image img {
    border: 1px solid #000000 !important;
    box-sizing: border-box !important;
}


/* ==========================================================
   PITTSBURGH SPORTS FANS
   BRUSHED GOLD METAL TITLE PLATES
   Raised black lettering / automatic height
   ========================================================== */

/* 1. BRUSHED GOLD TITLE PLATE */
body #t4-main-body .blog-item-content .page-header h2,
body #t4-main-body .item-page .page-header h1,
body #t4-main-body .item-page .page-header h2,
body #t4-main-body .com-content-article .page-header h1,
body #t4-main-body .com-content-article .page-header h2 {

    /* Preserve existing template typography */
    font-family: inherit !important;

    /* Expand naturally for titles of any length */
    display: block !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 14px 0 19px !important;

    /* Generous padding, even for multiline titles */
    padding: 20px 25px 23px !important;

    /* Fine brushed-metal grain over gold reflections */
    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.10) 0px,
            rgba(255,255,255,.10) 1px,
            rgba(0,0,0,.045) 2px,
            rgba(255,255,255,.025) 3px,
            transparent 4px
        ),
        linear-gradient(
            180deg,
            #FFF6A6 0%,
            #FFE95C 8%,
            #F4C000 22%,
            #FFE66B 35%,
            #FED50A 49%,
            #D99B00 65%,
            #FFD82B 80%,
            #B78000 96%,
            #FFE77B 100%
        ) !important;

    background-color: #FED50A !important;
    background-size: auto, 100% 100% !important;

    /* Polished beveled metal edge */
    border: 2px solid #181818 !important;
    border-radius: 15px !important;

    box-shadow:
        inset 0 2px 1px rgba(255,255,255,.95),
        inset 2px 0 2px rgba(255,255,255,.35),
        inset -2px 0 2px rgba(71,44,0,.30),
        inset 0 -4px 3px rgba(80,47,0,.45),
        0 2px 0 #977000,
        0 5px 8px rgba(0,0,0,.32),
        0 10px 18px rgba(0,0,0,.15) !important;

    color: #000000 !important;
    text-align: center !important;
    line-height: 1.3 !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* 2. RAISED BLACK TITLE LETTERING */
body #t4-main-body .blog-item-content .page-header h2,
body #t4-main-body .blog-item-content .page-header h2 a,
body #t4-main-body .item-page .page-header h1,
body #t4-main-body .item-page .page-header h2,
body #t4-main-body .item-page .page-header h1 a,
body #t4-main-body .item-page .page-header h2 a,
body #t4-main-body .com-content-article .page-header h1,
body #t4-main-body .com-content-article .page-header h2,
body #t4-main-body .com-content-article .page-header a {

    /* Do not change the template's font family */
    color: #000000 !important;

    text-shadow:
        0 -1px 0 rgba(255,255,255,.75),
        0 1px 0 #5D4800,
        0 2px 0 #352900,
        1px 3px 1px rgba(0,0,0,.42),
        2px 5px 4px rgba(0,0,0,.25) !important;

    text-decoration: none !important;
}

/* Keep black lettering on hover */
body #t4-main-body .page-header h1 a:hover,
body #t4-main-body .page-header h2 a:hover {
    color: #000000 !important;
}

/* 3. MOBILE: STILL GENEROUSLY PADDED */
@media (max-width: 767px) {

    body #t4-main-body .blog-item-content .page-header h2,
    body #t4-main-body .item-page .page-header h1,
    body #t4-main-body .item-page .page-header h2,
    body #t4-main-body .com-content-article .page-header h1,
    body #t4-main-body .com-content-article .page-header h2 {

        height: auto !important;
        padding: 16px 17px 19px !important;
        margin: 12px 0 17px !important;

        border-radius: 11px !important;
        line-height: 1.35 !important;
    }
}

/* ==========================================================
   PITTSBURGH SPORTS FANS
   SOFTER BRUSHED GOLD TITLES + FRAMED DATES
   ========================================================== */

/* 1. SOFTER BRUSHED GOLD TITLE PLATE */
body #t4-main-body .blog-item-content .page-header h2,
body #t4-main-body .blog-item-content .page-header h1,
body #t4-main-body .item-page .page-header h1,
body #t4-main-body .item-page .page-header h2,
body #t4-main-body .com-content-article .page-header h1,
body #t4-main-body .com-content-article .page-header h2 {

    box-sizing: border-box !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    padding: 20px 24px !important;
    margin: 18px 0 20px !important;

    /* Very fine metal grain and softer gold reflections */
    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.035) 0px,
            rgba(255,255,255,.035) 1px,
            rgba(0,0,0,.018) 2px,
            transparent 3px
        ),
        linear-gradient(
            180deg,
            #FFE98A 0%,
            #FFDF46 16%,
            #F6CB21 32%,
            #FFE36A 49%,
            #F3C31B 67%,
            #FFD94D 83%,
            #E7B321 100%
        ) !important;

    background-color: #FED50A !important;

    /* Thin, softened outer edge */
    border: 1px solid #62501D !important;
    border-radius: 13px !important;

    /* Diffuse shadow, like the photo frame */
    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.80),
        inset 0 -2px 2px rgba(100,65,0,.12),
        0 1px 3px rgba(0,0,0,.15),
        0 4px 9px rgba(0,0,0,.16),
        0 7px 16px rgba(0,0,0,.08) !important;

    color: #000000 !important;
    text-align: center !important;
    line-height: 1.3 !important;
    overflow-wrap: break-word !important;
}

/* 2. KEEP RAISED LETTERING, BUT SOFTEN ITS SHADOW */
body #t4-main-body .blog-item-content .page-header h2,
body #t4-main-body .blog-item-content .page-header h2 a,
body #t4-main-body .item-page .page-header h1,
body #t4-main-body .item-page .page-header h2,
body #t4-main-body .item-page .page-header a,
body #t4-main-body .com-content-article .page-header h1,
body #t4-main-body .com-content-article .page-header h2,
body #t4-main-body .com-content-article .page-header a {

    color: #000000 !important;

    text-shadow:
        0 -1px 0 rgba(255,255,255,.65),
        0 1px 0 rgba(75,52,0,.65),
        0 2px 2px rgba(0,0,0,.24) !important;
}

/* 3. DATE METADATA: A SMALL SILVER NAMEPLATE */
body #t4-main-body .article-info,
body #t4-main-body .article-info-muted {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 8px 0 17px !important;
}

/* Target Joomla's common date markup */
body #t4-main-body .article-info .published,
body #t4-main-body .article-info .create,
body #t4-main-body .article-info .modified,
body #t4-main-body .article-info dd,
body #t4-main-body .article-info-muted .published,
body #t4-main-body .article-info-muted .create,
body #t4-main-body .article-info-muted dd,
body #t4-main-body .article-info time,
body #t4-main-body .article-info-muted time {

    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;

    box-sizing: border-box !important;
    padding: 7px 12px !important;
    margin: 0 !important;

    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F7F7F7 30%,
            #E8E8E8 65%,
            #F8F8F8 100%
        ) !important;

    border: 1px solid #B8B8B8 !important;
    border-left: 3px solid #FED50A !important;
    border-radius: 7px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 2px 4px rgba(0,0,0,.12),
        0 4px 9px rgba(0,0,0,.06) !important;

    color: #161616 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-shadow: 0 1px 0 #FFFFFF !important;
}

/* 5. HIDE OLD CALENDAR GLYPH IF PRESENT */
body #t4-main-body .article-info .icon-calendar,
body #t4-main-body .article-info-muted .icon-calendar,
body #t4-main-body .article-info .fa-calendar,
body #t4-main-body .article-info-muted .fa-calendar {
    display: none !important;
}

/* 6. MOBILE */
@media (max-width: 767px) {

    body #t4-main-body .blog-item-content .page-header h2,
    body #t4-main-body .item-page .page-header h1,
    body #t4-main-body .item-page .page-header h2,
    body #t4-main-body .com-content-article .page-header h1,
    body #t4-main-body .com-content-article .page-header h2 {
        padding: 16px 17px !important;
        border-radius: 10px !important;
    }

    body #t4-main-body .article-info .published,
    body #t4-main-body .article-info .create,
    body #t4-main-body .article-info dd {
        padding: 6px 10px !important;
        font-size: 12px !important;
    }
}


/* ==========================================================
   PSF - CLEAN EDITORIAL DATE
   NO BOXES / BOLDER BLACK-AND-GOLD CALENDAR
   ========================================================== */

/* Remove the outer date container styling */
body #t4-main-body .article-info,
body #t4-main-body .article-info-muted,
body #t4-main-body .com-content-article__info {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 12px 0 17px !important;
    gap: 8px !important;
}

/* Remove all individual date boxes */
body #t4-main-body .article-info .published,
body #t4-main-body .article-info .create,
body #t4-main-body .article-info .modified,
body #t4-main-body .article-info .publish,
body #t4-main-body .article-info .published-date,
body #t4-main-body .article-info .create-date,
body #t4-main-body .article-info dd,
body #t4-main-body .article-info time,
body #t4-main-body .article-info-muted .published,
body #t4-main-body .article-info-muted .create,
body #t4-main-body .article-info-muted dd,
body #t4-main-body .article-info-muted time {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;

    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    color: #242424 !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-shadow: none !important;

    transform: none !important;
}

/* Eliminate the previous hover-lift effect */
body #t4-main-body .article-info .published:hover,
body #t4-main-body .article-info .create:hover,
body #t4-main-body .article-info .modified:hover,
body #t4-main-body .article-info .publish:hover,
body #t4-main-body .article-info dd:hover,
body #t4-main-body .article-info time:hover {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* APPROVED PSF BLACK-AND-GOLD CALENDAR - 22 PX */
body #t4-main-body .article-info .published::before,
body #t4-main-body .article-info .create::before,
body #t4-main-body .article-info .modified::before,
body #t4-main-body .article-info-muted .published::before,
body #t4-main-body .article-info-muted .create::before {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 22px !important;
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect x='2' y='5' width='28' height='25' rx='3' fill='%23000000'/%3E%3Cpath d='M2 9Q2 5 6 5H26Q30 5 30 9V13H2Z' fill='%23FED50A'/%3E%3Cpath d='M9 2V8M23 2V8' stroke='%23000000' stroke-width='3' stroke-linecap='round'/%3E%3Cg fill='%23FFFFFF'%3E%3Crect x='7' y='17' width='4' height='3' rx='.5'/%3E%3Crect x='14' y='17' width='4' height='3' rx='.5'/%3E%3Crect x='21' y='17' width='4' height='3' rx='.5'/%3E%3Crect x='7' y='23' width='4' height='3' rx='.5'/%3E%3Crect x='14' y='23' width='4' height='3' rx='.5'/%3E%3C/g%3E%3Cpath d='M21 25l2 2 4-5' stroke='%23FED50A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;
}

/* Hide the old icon font if Joomla still outputs one */
body #t4-main-body .article-info .icon-calendar,
body #t4-main-body .article-info .fa-calendar,
body #t4-main-body .article-info .fa-calendar-alt,
body #t4-main-body .article-info .fa-calendar-days {
    display: none !important;
}

/* Mobile */
@media (max-width: 767px) {
    body #t4-main-body .article-info .published,
    body #t4-main-body .article-info .create,
    body #t4-main-body .article-info .modified,
    body #t4-main-body .article-info dd {
        font-size: 13px !important;
    }
}


/* ==========================================================
   PITTSBURGH SPORTS FANS
   UNIFIED SHARE BUTTON HOVER EFFECTS
   LinkedIn / X / Facebook - JFBConnect
   ========================================================== */

/* All three original share-button containers */
body #t4-main-body .sourcecoast.share.linkedin,
body #t4-main-body .sourcecoast.share.twitter,
body #t4-main-body .sourcecoast.share.facebook {
    position: relative !important;
    transition:
        transform 0.18s ease,
        filter 0.18s ease !important;
    transform: translateY(0) !important;
    filter: none !important;
}

/* Identical 2px rise and GOLD glow */
body #t4-main-body .sourcecoast.share.linkedin:hover,
body #t4-main-body .sourcecoast.share.twitter:hover,
body #t4-main-body .sourcecoast.share.facebook:hover {
    transform: translateY(-2px) !important;
    filter:
        drop-shadow(0 0 3px rgba(254,213,10,.80))
        drop-shadow(0 2px 3px rgba(0,0,0,.30)) !important;
}

/* Suppress white glow from our previous X styling */
body #t4-main-body .sourcecoast.share.twitter:hover::before,
body #t4-main-body .sourcecoast.share.twitter:hover::after {
    box-shadow:
        0 0 5px rgba(254,213,10,.75),
        0 2px 4px rgba(0,0,0,.35) !important;
    filter: none !important;
}

/* Match the Facebook overlay's movement */
body #t4-main-body .sourcecoast.share.facebook:hover::before,
body #t4-main-body .sourcecoast.share.facebook:hover::after {
    box-shadow:
        0 0 5px rgba(254,213,10,.75),
        0 2px 4px rgba(0,0,0,.35) !important;
}

/* Keep movement restrained on touch devices */
@media (hover: none) {
    body #t4-main-body .sourcecoast.share.linkedin:hover,
    body #t4-main-body .sourcecoast.share.twitter:hover,
    body #t4-main-body .sourcecoast.share.facebook:hover {
        transform: none !important;
    }
}


/* ============================================================
   PITTSBURGH SPORTS FANS
   AUTHENTIC PITTSBURGH STREET-SIGN BREADCRUMBS
   BLUE: #0663ca
   MOUNT: #d3d1d0
   PATH TEXT: #bdcdcc
   FINAL TEXT: #ffffff
   ============================================================ */

/* Remove the old T4 breadcrumb strip appearance */
body #t4-breadcrumbs {
    background: transparent !important;
    overflow: visible !important;
}

body #t4-breadcrumbs .t4-section-inner,
body #t4-breadcrumbs .t4-breadcrumbs-inner,
body #t4-breadcrumbs .container,
body #t4-breadcrumbs .container-fluid,
body #t4-breadcrumbs .row,
body #t4-breadcrumbs [class*="col-"] {
    overflow: visible !important;
}

/* ============================================================
   STREET SIGN BODY
   The screenshot shows ol.mod-breadcrumbs as the actual list.
   Style that directly so the blue cannot be missed.
   ============================================================ */

body #t4-breadcrumbs ol.mod-breadcrumbs,
body #t4-breadcrumbs ul.mod-breadcrumbs,
body #t4-breadcrumbs ol.breadcrumb,
body #t4-breadcrumbs ul.breadcrumb {
    position: relative !important;
    isolation: isolate !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    align-content: center !important;

    width: calc(100% - 36px) !important;
    max-width: none !important;
    min-height: 69px !important;

    margin: 22px 0 28px 36px !important;
    padding: 13px 22px 13px 25px !important;

    list-style: none !important;

    background: linear-gradient(
        180deg,
        #0968d0 0%,
        #0663ca 24%,
        #0663ca 76%,
        #055ec3 100%
    ) !important;

    border: 1px solid #687e8b !important;
    border-top: 6px ridge #d3d1d0 !important;
    border-bottom: 6px ridge #d3d1d0 !important;
    border-radius: 2px !important;

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.48),
        inset 0 -2px 0 rgba(0,0,0,.25),
        0 2px 0 #77858d,
        0 4px 0 #495b66,
        0 6px 9px rgba(0,0,0,.22) !important;

    box-sizing: border-box !important;
    overflow: visible !important;
}

/* ============================================================
   LEFT MOUNTING POST
   Gray metal with two recessed Phillips-style screws
   ============================================================ */

body #t4-breadcrumbs ol.mod-breadcrumbs::before,
body #t4-breadcrumbs ul.mod-breadcrumbs::before,
body #t4-breadcrumbs ol.breadcrumb::before,
body #t4-breadcrumbs ul.breadcrumb::before {
    content: "" !important;

    position: absolute !important;
    top: -12px !important;
    bottom: -12px !important;
    left: -38px !important;
    width: 31px !important;

    display: block !important;

    background:
        /* Top screw */
        linear-gradient(
            45deg,
            transparent 44%,
            #45505a 45%,
            #45505a 55%,
            transparent 56%
        ) center 13px / 9px 9px no-repeat,

        linear-gradient(
            -45deg,
            transparent 44%,
            #45505a 45%,
            #45505a 55%,
            transparent 56%
        ) center 13px / 9px 9px no-repeat,

        radial-gradient(
            circle,
            #f5f5f4 0 3px,
            #92999d 4px,
            #424c54 5px,
            #e0e2e1 7px,
            transparent 8px
        ) center 9px / 19px 19px no-repeat,

        /* Bottom screw */
        linear-gradient(
            45deg,
            transparent 44%,
            #45505a 45%,
            #45505a 55%,
            transparent 56%
        ) center calc(100% - 17px) / 9px 9px no-repeat,

        linear-gradient(
            -45deg,
            transparent 44%,
            #45505a 45%,
            #45505a 55%,
            transparent 56%
        ) center calc(100% - 17px) / 9px 9px no-repeat,

        radial-gradient(
            circle,
            #f5f5f4 0 3px,
            #92999d 4px,
            #424c54 5px,
            #e0e2e1 7px,
            transparent 8px
        ) center calc(100% - 9px) / 19px 19px no-repeat,

        /* Brushed galvanized metal */
        linear-gradient(
            90deg,
            #7d8589 0%,
            #b5b9b9 12%,
            #d3d1d0 30%,
            #eeeeec 47%,
            #d3d1d0 65%,
            #9ca4a7 88%,
            #666e72 100%
        ) !important;

    border: 1px solid #69747b !important;
    border-radius: 4px !important;

    box-shadow:
        inset 1px 0 1px rgba(255,255,255,.65),
        inset -2px 0 2px rgba(0,0,0,.16),
        2px 3px 5px rgba(0,0,0,.28) !important;

    z-index: 4 !important;
    pointer-events: none !important;
}

/* ============================================================
   SECOND MOUNTING PIECE
   Narrow metal clamp between post and blue sign
   ============================================================ */

body #t4-breadcrumbs ol.mod-breadcrumbs::after,
body #t4-breadcrumbs ul.mod-breadcrumbs::after,
body #t4-breadcrumbs ol.breadcrumb::after,
body #t4-breadcrumbs ul.breadcrumb::after {
    content: "" !important;

    position: absolute !important;
    top: -5px !important;
    bottom: -5px !important;
    left: -9px !important;
    width: 18px !important;

    display: block !important;

    background:
        radial-gradient(
            circle,
            #495158 0 2px,
            #e5e6e4 3px,
            #899298 4px,
            transparent 5px
        ) center 8px / 12px 12px no-repeat,

        radial-gradient(
            circle,
            #495158 0 2px,
            #e5e6e4 3px,
            #899298 4px,
            transparent 5px
        ) center calc(100% - 8px) / 12px 12px no-repeat,

        linear-gradient(
            90deg,
            #727c83 0%,
            #d3d1d0 25%,
            #f1f0ee 48%,
            #a6afb4 75%,
            #68747d 100%
        ) !important;

    border: 1px solid #6e7a82 !important;
    border-radius: 2px !important;

    box-shadow:
        2px 1px 3px rgba(0,0,0,.3),
        inset 1px 0 1px rgba(255,255,255,.6) !important;

    z-index: 3 !important;
    pointer-events: none !important;
}

/* ============================================================
   BREADCRUMB ITEMS
   ============================================================ */

body #t4-breadcrumbs .mod-breadcrumbs__item,
body #t4-breadcrumbs .breadcrumb-item,
body #t4-breadcrumbs ol.mod-breadcrumbs > li,
body #t4-breadcrumbs ul.mod-breadcrumbs > li {
    display: inline-flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    position: relative !important;
    z-index: 5 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #bdcdcc !important;
    opacity: 1 !important;

    font-family:
        "Arial Narrow",
        "Roboto Condensed",
        "Franklin Gothic Medium",
        Arial,
        sans-serif !important;

    font-size: clamp(15px, 1.45vw, 21px) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: .15px !important;
    text-transform: none !important;

    text-shadow:
        1px 2px 2px rgba(0,0,0,.65) !important;
}

/* Earlier path items and links */
body #t4-breadcrumbs .mod-breadcrumbs__item:not(:last-child),
body #t4-breadcrumbs .mod-breadcrumbs__item:not(:last-child) a,
body #t4-breadcrumbs .mod-breadcrumbs__item:not(:last-child) span,
body #t4-breadcrumbs .breadcrumb-item:not(:last-child),
body #t4-breadcrumbs .breadcrumb-item:not(:last-child) a,
body #t4-breadcrumbs .breadcrumb-item:not(:last-child) span {
    color: #bdcdcc !important;
    font-weight: 600 !important;
    text-shadow:
        1px 2px 2px rgba(0,0,0,.65) !important;
}

/* ============================================================
   FINAL BREADCRUMB
   Article title or whichever item comes last
   ============================================================ */

body #t4-breadcrumbs .mod-breadcrumbs__item:last-child,
body #t4-breadcrumbs .mod-breadcrumbs__item:last-child a,
body #t4-breadcrumbs .mod-breadcrumbs__item:last-child span,
body #t4-breadcrumbs .breadcrumb-item:last-child,
body #t4-breadcrumbs .breadcrumb-item:last-child a,
body #t4-breadcrumbs .breadcrumb-item:last-child span {
    color: #ffffff !important;
    font-weight: 800 !important;
    opacity: 1 !important;

    text-shadow:
        0 1px 0 #1d3854,
        1px 2px 2px rgba(0,0,0,.85),
        0 3px 4px rgba(0,0,0,.4) !important;

    -webkit-text-stroke: .25px rgba(0,0,0,.45) !important;
}

/* ============================================================
   FORWARD SLASH SEPARATORS
   ============================================================ */

/* Disable inherited Bootstrap separator */
body #t4-breadcrumbs .breadcrumb-item + .breadcrumb-item::before,
body #t4-breadcrumbs .mod-breadcrumbs__item + .mod-breadcrumbs__item::before {
    content: "/" !important;
    display: inline-block !important;
    float: none !important;

    padding: 0 13px !important;
    margin: 0 !important;

    color: #bdcdcc !important;
    font-family: Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;

    text-shadow:
        1px 2px 2px rgba(0,0,0,.7) !important;
}

/* Prevent old theme arrows and after-separators */
body #t4-breadcrumbs .mod-breadcrumbs__item::after,
body #t4-breadcrumbs .breadcrumb-item::after {
    content: none !important;
    display: none !important;
}

/* Link behavior */
body #t4-breadcrumbs .mod-breadcrumbs__item a,
body #t4-breadcrumbs .breadcrumb-item a {
    text-decoration: none !important;
    background: transparent !important;
    border: 0 !important;
}

body #t4-breadcrumbs .mod-breadcrumbs__item a:hover,
body #t4-breadcrumbs .breadcrumb-item a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

/* Hide Joomla's decorative home icon, if present */
body #t4-breadcrumbs .mod-breadcrumbs__item .icon-home,
body #t4-breadcrumbs .mod-breadcrumbs__item .fa-home {
    display: none !important;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 767px) {

    body #t4-breadcrumbs ol.mod-breadcrumbs,
    body #t4-breadcrumbs ul.mod-breadcrumbs,
    body #t4-breadcrumbs ol.breadcrumb,
    body #t4-breadcrumbs ul.breadcrumb {
        width: calc(100% - 32px) !important;
        min-height: 60px !important;
        margin: 18px 0 24px 32px !important;
        padding: 11px 12px 11px 20px !important;
    }

    body #t4-breadcrumbs .mod-breadcrumbs__item,
    body #t4-breadcrumbs .breadcrumb-item {
        font-size: 15px !important;
        line-height: 1.45 !important;
    }

    body #t4-breadcrumbs .breadcrumb-item +
    .breadcrumb-item::before,
    body #t4-breadcrumbs .mod-breadcrumbs__item +
    .mod-breadcrumbs__item::before {
        padding: 0 7px !important;
        font-size: 17px !important;
    }

    body #t4-breadcrumbs ol.mod-breadcrumbs::before,
    body #t4-breadcrumbs ul.mod-breadcrumbs::before,
    body #t4-breadcrumbs ol.breadcrumb::before,
    body #t4-breadcrumbs ul.breadcrumb::before {
        left: -34px !important;
        width: 29px !important;
    }
}



/* ============================================================
   PSF PITTSBURGH STREET SIGN
   REFINEMENTS - OCTOBER 14, 2026
   ============================================================ */

/* 1. HIDE THE DUPLICATE BREADCRUMB HEADING
   Keep the actual breadcrumb list visible. */

body #t4-breadcrumbs .breadcrumbs-wrap > h1,
body #t4-breadcrumbs .breadcrumbs-wrap > h2,
body #t4-breadcrumbs .breadcrumbs-wrap > .page-header,
body #t4-breadcrumbs .breadcrumbs-wrap > .breadcrumb-title,
body #t4-breadcrumbs .breadcrumbs-wrap > .page-title,
body #t4-breadcrumbs .breadcrumbs-wrap > .mod-breadcrumbs__here {
    display: none !important;
}

/* 2. SIGN WIDTH FITS ITS CONTENT
   No more full-width blue bar. */

body #t4-breadcrumbs ol.mod-breadcrumbs,
body #t4-breadcrumbs ul.mod-breadcrumbs,
body #t4-breadcrumbs ol.breadcrumb,
body #t4-breadcrumbs ul.breadcrumb {
    display: inline-flex !important;
    width: max-content !important;
    max-width: calc(100% - 42px) !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
    vertical-align: top !important;

    padding-right: 20px !important;

    border-right: 5px ridge #d3d1d0 !important;
    border-top: 5px ridge #d3d1d0 !important;
    border-bottom: 5px ridge #d3d1d0 !important;

    border-radius: 2px !important;

    box-shadow:
        inset 0 2px 0 rgba(255,255,255,.42),
        inset 0 -2px 0 rgba(0,0,0,.24),
        1px 2px 0 #78858d,
        2px 4px 6px rgba(0,0,0,.25) !important;
}

/* 3. METAL POST WITH ACCURATELY CENTERED SCREWS
   Both screw heads and crosses are part of one SVG,
   so they cannot drift apart. */

body #t4-breadcrumbs ol.mod-breadcrumbs::before,
body #t4-breadcrumbs ul.mod-breadcrumbs::before,
body #t4-breadcrumbs ol.breadcrumb::before,
body #t4-breadcrumbs ul.breadcrumb::before {
    background:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='10' fill='%23565f66'/%3E%3Ccircle cx='14' cy='14' r='8' fill='%23d3d1d0' stroke='%237c858b' stroke-width='1.4'/%3E%3Cpath d='M10 14H18M14 10V18' stroke='%23434a50' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")
            center 6px / 22px 22px no-repeat,

        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Ccircle cx='14' cy='14' r='10' fill='%23565f66'/%3E%3Ccircle cx='14' cy='14' r='8' fill='%23d3d1d0' stroke='%237c858b' stroke-width='1.4'/%3E%3Cpath d='M10 14H18M14 10V18' stroke='%23434a50' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")
            center calc(100% - 6px) / 22px 22px no-repeat,

        linear-gradient(
            90deg,
            #7d8589 0%,
            #b5b9b9 12%,
            #d3d1d0 30%,
            #eeeeec 47%,
            #d3d1d0 65%,
            #9ca4a7 88%,
            #666e72 100%
        ) !important;
}

/* 4. RETAIN THE SIGN'S BLUE AND TEXT TREATMENT */

body #t4-breadcrumbs ol.mod-breadcrumbs,
body #t4-breadcrumbs ul.mod-breadcrumbs,
body #t4-breadcrumbs ol.breadcrumb,
body #t4-breadcrumbs ul.breadcrumb {
    background: linear-gradient(
        180deg,
        #0968d0 0%,
        #0663ca 24%,
        #0663ca 76%,
        #055ec3 100%
    ) !important;
}

/* Keep earlier path items muted */
body #t4-breadcrumbs .mod-breadcrumbs__item:not(:last-child),
body #t4-breadcrumbs .mod-breadcrumbs__item:not(:last-child) a,
body #t4-breadcrumbs .breadcrumb-item:not(:last-child),
body #t4-breadcrumbs .breadcrumb-item:not(:last-child) a {
    color: #bdcdcc !important;
}

/* Keep the last item brilliant white */
body #t4-breadcrumbs .mod-breadcrumbs__item:last-child,
body #t4-breadcrumbs .mod-breadcrumbs__item:last-child span,
body #t4-breadcrumbs .breadcrumb-item:last-child,
body #t4-breadcrumbs .breadcrumb-item:last-child span {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow:
        0 1px 0 #1d3854,
        1px 2px 2px rgba(0,0,0,.85),
        0 3px 4px rgba(0,0,0,.4) !important;
}

/* Mobile: allow the sign to wrap within the viewport */
@media (max-width: 767px) {
    body #t4-breadcrumbs ol.mod-breadcrumbs,
    body #t4-breadcrumbs ul.mod-breadcrumbs,
    body #t4-breadcrumbs ol.breadcrumb,
    body #t4-breadcrumbs ul.breadcrumb {
        width: max-content !important;
        max-width: calc(100% - 42px) !important;
        padding-right: 12px !important;
    }
}

/* ============================================================
   END PSF STREET-SIGN REFINEMENTS
   ============================================================ */

/* ============================================================
   END PITTSBURGH STREET-SIGN BREADCRUMBS
   ============================================================ */

/* =====================================================
   PSF - REMOVE DUPLICATE TITLE ABOVE STREET SIGN
   Confirmed from Chrome Developer Tools
   ===================================================== */

/* Hide the separate breadcrumb heading */
body #t4-breadcrumbs .breadcrumbs-left > h3.mod-breadcrumbs__item,
body #t4-breadcrumbs .breadcrumbs-left > h3.breadcrumb-item,
body #t4-breadcrumbs .breadcrumbs-left > h3.lastword,
body #t4-breadcrumbs .breadcrumbs-left > h3.active {
    display: none !important;
}

/* Collapse the empty heading container */
body #t4-breadcrumbs .breadcrumbs-left:has(> h3.mod-breadcrumbs__item) {
    display: none !important;
}

/* Preserve the actual blue street-sign breadcrumb */
body #t4-breadcrumbs .breadcrumbs-right {
    display: block !important;
}

/* ============================================
   PSF - HIDE BREADCRUMBS ON MOBILE
   Desktop remains unchanged
   ============================================ */

@media (max-width: 767px) {
    body #t4-breadcrumbs {
        display: none !important;
    }
}

/* =====================================================
   PITTSBURGH SPORTS FANS
   MOBILE: ARTICLE FIRST, THEN SIDEBAR-1, SIDEBAR-2
   ===================================================== */

@media (max-width: 767px) {

    /* Reorder the direct columns of the main layout */
    body #t4-main-body .t4-section-inner > .container > .row,
    body #t4-main-body .t4-section-inner > .container-fluid > .row,
    body #t4-main-body .t4-section-inner > .row,
    body #t4-main-body .t4-main-body > .row {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
    }

    /* ARTICLE FIRST */
    body #t4-main-body .t4-col.component,
    body #t4-main-body .t4-col.main-content,
    body #t4-main-body .t4-col.t4-content,
    body #t4-main-body .t4-col.main,
    body #t4-main-body .t4-component {
        order: 1 !important;
    }

    /* LEFT SIDEBAR SECOND */
    body #t4-main-body .t4-col.sidebar-1,
    body #t4-main-body .t4-col.sidebar-left,
    body #t4-main-body .t4-sidebar-1 {
        order: 2 !important;
    }

    /* RIGHT SIDEBAR THIRD */
    body #t4-main-body .t4-col.sidebar-2,
    body #t4-main-body .t4-col.sidebar-right,
    body #t4-main-body .t4-sidebar-2 {
        order: 3 !important;
    }

    /* Full-width mobile columns */
    body #t4-main-body .t4-col.component,
    body #t4-main-body .t4-col.main-content,
    body #t4-main-body .t4-col.t4-content,
    body #t4-main-body .t4-col.main,
    body #t4-main-body .t4-col.sidebar-1,
    body #t4-main-body .t4-col.sidebar-2 {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: 100% !important;
    }

}

/* =====================================================
   END MOBILE ARTICLE-FIRST LAYOUT
   ===================================================== */

/* =====================================================
   PSF - HIDE UNWANTED SUBCATEGORIES HEADING
   Joomla 6 / T4 ErasNews
   ===================================================== */

/* Hide only the Subcategories heading */
body .com-content-category-blog__children > h3 {
    display: none !important;
}

/* Preserve any actual subcategory links and listings */
body .com-content-category-blog__children .com-content-category-blog__children-cats,
body .com-content-category-blog__children a {
    display: revert;
}


/* ============================================================
   PITTSBURGH SPORTS FANS
   TELEPHONE POLE + GALVANIZED MOUNTING STRAPS
   ADD-ON TO EXISTING STREET-SIGN BREADCRUMBS
   ============================================================ */

@media (min-width: 768px) {

    /* The wrapper becomes the mounting surface.
       Do not change its existing layout or positioning. */
    body #t4-breadcrumbs .breadcrumbs-right {
        position: relative !important;
        isolation: isolate !important;
        overflow: visible !important;
    }

    /* Keep the sign above the wooden pole. */
    body #t4-breadcrumbs .breadcrumbs-right
    > ol.mod-breadcrumbs,
    body #t4-breadcrumbs .breadcrumbs-right
    > ul.mod-breadcrumbs {
        position: relative !important;
        z-index: 2 !important;
    }


/* ============================================================
   PITTSBURGH SPORTS FANS
   REALISTIC UTILITY POLE AND WRAPPED STEEL STRAPS
   VERSION 2 - COMPACT, SQUARE-CUT, DEPTH-CORRECT

   Designed for:
   Joomla 6 / T4 ErasNews
   #t4-breadcrumbs .breadcrumbs-right
   ol.mod-breadcrumbs

   KEEP THE EXISTING BLUE STREET SIGN CSS.
   REPLACE ONLY THE EARLIER TELEPHONE POLE ADD-ON.
   ============================================================ */

@media (min-width: 768px) {

    /* ========================================================
       1. MASTER GEOMETRY

       The dimensions below control the entire mounting
       assembly without changing the sign's typography.

       The wood ends 7px above and below the sign's
       mounting assembly.

       The pole's right edge sits behind the mounting
       plate, never in front of the blue sign.
       ======================================================== */

    body #t4-breadcrumbs .breadcrumbs-right {

        --psf-pole-width: 49px;
        --psf-pole-overhang: 7px;
        --psf-pole-left: 2px;

        --psf-strap-height: 9px;
        --psf-strap-inset: 12px;

        --psf-steel-light: #f1f1ef;
        --psf-steel-mid: #d3d1d0;
        --psf-steel-dark: #68757d;

        position: relative !important;
        isolation: isolate !important;
        overflow: visible !important;

        /* Room for the wood without overlapping the page edge */
        padding-left: 43px !important;
    }

    /* ========================================================
       2. THE WOODEN TELEPHONE POLE

       A compact section of a larger utility pole.

       No rounded top.
       No rounded bottom.
       No visible end grain.

       The straight cuts suggest that the pole continues
       vertically beyond the displayed segment.
       ======================================================== */

    body #t4-breadcrumbs .breadcrumbs-right::before {

        content: "" !important;

        position: absolute !important;
        display: block !important;

        left: var(--psf-pole-left) !important;

        top: calc(-1 * var(--psf-pole-overhang)) !important;
        bottom: calc(-1 * var(--psf-pole-overhang)) !important;

        width: var(--psf-pole-width) !important;
        height: auto !important;

        border-radius: 0 !important;

        border-left: 1px solid #4c3020 !important;
        border-right: 2px solid #493022 !important;
        border-top: 0 !important;
        border-bottom: 0 !important;

        background-color: #906445 !important;

        background-image:

            /* Fine bright grain scratches */
            repeating-linear-gradient(
                91deg,
                transparent 0px,
                transparent 3px,
                rgba(240,206,163,.14) 4px,
                transparent 5px,
                transparent 12px
            ),

            /* Fine dark vertical grain */
            repeating-linear-gradient(
                88deg,
                transparent 0px,
                transparent 5px,
                rgba(49,25,14,.24) 6px,
                transparent 7px,
                transparent 14px
            ),

            /* Long darker timber fibers */
            repeating-linear-gradient(
                92deg,
                transparent 0px,
                rgba(68,38,21,.10) 2px,
                transparent 5px,
                rgba(45,24,14,.19) 7px,
                transparent 9px,
                transparent 17px
            ),

            /* Uneven weathering */
            linear-gradient(
                175deg,
                rgba(255,232,193,.12) 0%,
                rgba(56,32,20,.07) 28%,
                rgba(255,233,201,.08) 51%,
                rgba(43,25,15,.12) 79%,
                rgba(255,222,181,.07) 100%
            ),

            /* Rounded-cylinder lighting on the wood */
            linear-gradient(
                90deg,
                #503322 0%,
                #744b32 9%,
                #a47450 23%,
                #c08c61 37%,
                #af7d55 49%,
                #91613f 64%,
                #795036 79%,
                #4c3022 100%
            ) !important;

        background-repeat: repeat !important;

        box-shadow:
            inset 4px 0 5px rgba(0,0,0,.25),
            inset -7px 0 7px rgba(0,0,0,.29),
            inset 1px 0 1px rgba(255,255,255,.16),
            2px 3px 4px rgba(0,0,0,.19) !important;

        z-index: 0 !important;
        pointer-events: none !important;
    }

    /* ========================================================
       3. TWO GALVANIZED STEEL STRAPS

       These straps are completely opaque.

       They run from the mounting plate, across the face
       of the wood, and around its left edge.

       Their leftmost edge extends 1px beyond the wood.

       Metallic shading suggests a bent steel band
       rather than a transparent overlay.
       ======================================================== */

    body #t4-breadcrumbs .breadcrumbs-right::after {

        content: "" !important;

        position: absolute !important;
        display: block !important;

        left: calc(var(--psf-pole-left) - 1px) !important;

        top: 0 !important;
        bottom: 0 !important;

        width: calc(var(--psf-pole-width) + 15px) !important;
        height: auto !important;

        border: 0 !important;
        border-radius: 0 !important;

        background-color: transparent !important;

        background-image:

            /* TOP STRAP - OPAQUE METAL */
            linear-gradient(
                180deg,
                #64727b 0%,
                #a9b3b9 12%,
                #f1f1ef 29%,
                #d3d1d0 48%,
                #b5bdc1 70%,
                #66737b 90%,
                #45515a 100%
            ),

            /* BOTTOM STRAP - OPAQUE METAL */
            linear-gradient(
                180deg,
                #64727b 0%,
                #a9b3b9 12%,
                #f1f1ef 29%,
                #d3d1d0 48%,
                #b5bdc1 70%,
                #66737b 90%,
                #45515a 100%
            );

        background-size:
            100% var(--psf-strap-height),
            100% var(--psf-strap-height) !important;

        background-position:
            center var(--psf-strap-inset),
            center calc(100% - var(--psf-strap-inset)) !important;

        background-repeat: no-repeat !important;

        filter: drop-shadow(0 2px 1px rgba(0,0,0,.38)) !important;

        z-index: 1 !important;
        pointer-events: none !important;
    }

    /* ========================================================
       4. POSITION THE EXISTING SIGN

       Shift the sign assembly right just enough to
       expose the pole and its wrapped steel bands.

       The mounting plate overlaps the right edge of
       the pole, like a real street-sign attachment.
       ======================================================== */

    body #t4-breadcrumbs .breadcrumbs-right
    > ol.mod-breadcrumbs,

    body #t4-breadcrumbs .breadcrumbs-right
    > ul.mod-breadcrumbs,

    body #t4-breadcrumbs .breadcrumbs-right
    > ol.breadcrumb,

    body #t4-breadcrumbs .breadcrumbs-right
    > ul.breadcrumb {

        position: relative !important;
        z-index: 2 !important;

        margin-left: 36px !important;

        /* Preserve the content-sized sign */
        width: max-content !important;
        max-width: calc(100% - 43px) !important;

        /* Retain the authentic blue */
        background: linear-gradient(
            180deg,
            #0968d0 0%,
            #0663ca 24%,
            #0663ca 76%,
            #055ec3 100%
        ) !important;

        /* Maintain the metal sign frame */
        border-top: 5px ridge #d3d1d0 !important;
        border-bottom: 5px ridge #d3d1d0 !important;
        border-right: 5px ridge #d3d1d0 !important;

        border-radius: 2px !important;

        box-shadow:
            inset 0 2px 0 rgba(255,255,255,.42),
            inset 0 -2px 0 rgba(0,0,0,.24),
            1px 2px 0 #78858d,
            2px 4px 6px rgba(0,0,0,.25) !important;
    }

    /* ========================================================
       5. KEEP THE MOUNTING PLATE ABOVE THE STRAPS

       Existing screws remain centered in their circles.
       The existing plate's appearance is not replaced.
       ======================================================== */

    body #t4-breadcrumbs .breadcrumbs-right
    > ol.mod-breadcrumbs::before,

    body #t4-breadcrumbs .breadcrumbs-right
    > ul.mod-breadcrumbs::before,

    body #t4-breadcrumbs .breadcrumbs-right
    > ol.breadcrumb::before,

    body #t4-breadcrumbs .breadcrumbs-right
    > ul.breadcrumb::before {

        z-index: 5 !important;
        border-radius: 2px !important;
    }

    /* The narrow secondary metal mounting piece */
    body #t4-breadcrumbs .breadcrumbs-right
    > ol.mod-breadcrumbs::after,

    body #t4-breadcrumbs .breadcrumbs-right
    > ul.mod-breadcrumbs::after,

    body #t4-breadcrumbs .breadcrumbs-right
    > ol.breadcrumb::after,

    body #t4-breadcrumbs .breadcrumbs-right
    > ul.breadcrumb::after {

        z-index: 4 !important;
    }

    /* ========================================================
       6. KEEP THE BREADCRUMB TEXT LEGIBLE

       Muted silver for earlier path elements.
       Pure white for the final item.
       ======================================================== */

    body #t4-breadcrumbs
    .mod-breadcrumbs__item:not(:last-child),

    body #t4-breadcrumbs
    .mod-breadcrumbs__item:not(:last-child) a,

    body #t4-breadcrumbs
    .breadcrumb-item:not(:last-child),

    body #t4-breadcrumbs
    .breadcrumb-item:not(:last-child) a {

        color: #bdcdcc !important;

        text-shadow:
            1px 2px 2px rgba(0,0,0,.65) !important;
    }

    body #t4-breadcrumbs
    .mod-breadcrumbs__item:last-child,

    body #t4-breadcrumbs
    .mod-breadcrumbs__item:last-child span,

    body #t4-breadcrumbs
    .breadcrumb-item:last-child,

    body #t4-breadcrumbs
    .breadcrumb-item:last-child span {

        color: #ffffff !important;
        font-weight: 800 !important;

        text-shadow:
            0 1px 0 #1d3854,
            1px 2px 2px rgba(0,0,0,.85),
            0 3px 4px rgba(0,0,0,.4) !important;

        -webkit-text-stroke:
            .25px rgba(0,0,0,.45) !important;
    }

}

/* ============================================================
   7. MOBILE - PRESERVE THE EXISTING HIDE RULE

   The pole, straps, sign and breadcrumbs disappear
   together on phones.
   ============================================================ */

@media (max-width: 767px) {

    body #t4-breadcrumbs {
        display: none !important;
    }

}

/* ============================================================
   END PSF REALISTIC UTILITY POLE
   ============================================================ */

/* ============================================================
   PITTSBURGH SPORTS FANS
   STREET SIGN - FINAL STEEL STRAP POSITIONING
   ============================================================ */

@media (min-width: 768px) {

    body #t4-breadcrumbs .breadcrumbs-right {

        /* Straps reduced from 9px to 7px thick */
        --psf-strap-height: 7px;

        /* Move top strap downward and bottom strap upward */
        --psf-strap-inset: 19px;
    }

    /* Refine both straps without changing the wooden pole */
    body #t4-breadcrumbs .breadcrumbs-right::after {

        /* Preserve the 1px wrap beyond the pole's left edge */
        left: calc(var(--psf-pole-left) - 1px) !important;

        /* Shorten the rightward reach by 9px */
        width: calc(var(--psf-pole-width) + 6px) !important;

        /* Position each strap closer to the screw centers */
        background-position:
            center var(--psf-strap-inset),
            center calc(100% - var(--psf-strap-inset)) !important;

        background-size:
            100% var(--psf-strap-height),
            100% var(--psf-strap-height) !important;

        /* Stronger metallic edge definition */
        background-image:

            /* TOP STRAP */
            linear-gradient(
                180deg,
                #414b53 0%,
                #7e8b94 10%,
                #e8e9e7 24%,
                #f4f4f2 38%,
                #d3d1d0 53%,
                #a0aab1 76%,
                #505c65 90%,
                #343e46 100%
            ),

            /* BOTTOM STRAP */
            linear-gradient(
                180deg,
                #414b53 0%,
                #7e8b94 10%,
                #e8e9e7 24%,
                #f4f4f2 38%,
                #d3d1d0 53%,
                #a0aab1 76%,
                #505c65 90%,
                #343e46 100%
            ) !important;

        /* Sharper strap silhouette */
        filter:
            drop-shadow(1px 1px 0 #424d55)
            drop-shadow(0 1px 1px rgba(0,0,0,.45)) !important;

        opacity: 1 !important;
    }

}

/* ============================================================
   PSF STREET SIGN - PRECISE STRAP POSITION CORRECTION
   Top strap DOWN 10px
   Bottom strap UP 20px
   ============================================================ */

@media (min-width: 768px) {

    body #t4-breadcrumbs .breadcrumbs-right::after {

        /* Preserve the existing strap thickness */
        background-size:
            100% 7px,
            100% 7px !important;

        /* Independently reposition both straps */
        background-position:
            center 29px,
            center calc(100% - 39px) !important;

    }

}

/* ============================================================
   END STRAP POSITION CORRECTION
   ============================================================ */

/* =====================================================
   PSF STREET SIGN - STRAP ALIGNMENT REFINEMENT
   Top strap: DOWN another 8px
   Bottom strap: UP another 6px
   ===================================================== */

@media (min-width: 768px) {

    body #t4-breadcrumbs .breadcrumbs-right::after {

        background-position:
            center 37px,
            center calc(100% - 45px) !important;

    }

}

/* END STRAP ALIGNMENT REFINEMENT */

/* ============================================================
   PITTSBURGH SPORTS FANS
   STREET SIGN - FINAL PIXEL ALIGNMENT
   ============================================================ */

@media (min-width: 768px) {

    /* 1. TOP STRAP DOWN 5PX / BOTTOM STRAP UP 3PX */

    body #t4-breadcrumbs .breadcrumbs-right::after {
        background-position:
            center 42px,
            center calc(100% - 48px) !important;
    }

    /* 2. SHORTEN WOODEN POLE AT BOTH ENDS */

    body #t4-breadcrumbs .breadcrumbs-right::before {

        /* Previously -7px: crop 5px from the top */
        top: -2px !important;

        /* Previously -7px: crop 7px from the bottom */
        bottom: 0 !important;

        /* Maintain square-cut wood ends */
        border-radius: 0 !important;
    }

    /* 3. PRESERVE CLEARANCE BELOW NAVIGATION */

    body #t4-breadcrumbs .breadcrumbs-right {
        margin-top: 3px !important;
    }

}

/* ============================================================
   END STREET SIGN PIXEL ALIGNMENT
   ============================================================ */

/* ============================================================
   END STEEL STRAP REFINEMENTS
   ============================================================ */

/* =====================================================
   PSF STREET SIGN - AUTHENTIC LETTER SPACING
   ===================================================== */

body #t4-breadcrumbs .mod-breadcrumbs,
body #t4-breadcrumbs .mod-breadcrumbs__item,
body #t4-breadcrumbs .mod-breadcrumbs__item a,
body #t4-breadcrumbs .mod-breadcrumbs__item span,
body #t4-breadcrumbs .breadcrumb,
body #t4-breadcrumbs .breadcrumb-item,
body #t4-breadcrumbs .breadcrumb-item a,
body #t4-breadcrumbs .breadcrumb-item span {
    letter-spacing: 0.45px !important;
}

/* =====================================================
   END STREET SIGN LETTER SPACING
   ===================================================== */

/* ============================================================
   PITTSBURGH SPORTS FANS
   STREET SIGN - FINAL POLE AND STRAP ADJUSTMENTS
   ============================================================ */

@media (min-width: 768px) {

    /* TOP STRAP DOWN 1PX
       Previous: 42px
       New:      43px

       BOTTOM STRAP UP 2PX
       Previous: 48px
       New:      50px
    */

    body #t4-breadcrumbs .breadcrumbs-right::after {
        background-position:
            center 43px,
            center calc(100% - 50px) !important;
    }

    /* SHORTEN THE WOODEN POLE

       Previous top:    -2px
       New top:          2px (4px shorter)

       Previous bottom:  0px
       New bottom:       5px (5px shorter)

       Preserve the straight, square-cut ends.
    */

    body #t4-breadcrumbs .breadcrumbs-right::before {
        top: 2px !important;
        bottom: 5px !important;
        height: auto !important;

        border-radius: 0 !important;

        /* Retain the side shadows without casting
           a shadow below the bottom of the pole. */
        box-shadow:
            inset 4px 0 5px rgba(0,0,0,.25),
            inset -7px 0 7px rgba(0,0,0,.29),
            inset 1px 0 1px rgba(255,255,255,.16),
            -2px 0 3px rgba(0,0,0,.14),
            2px 0 3px rgba(0,0,0,.19) !important;
    }

    /* INCREASE SEPARATION FROM THE NAVIGATION

       Previous top margin: 3px
       New top margin:      7px
    */

    body #t4-breadcrumbs .breadcrumbs-right {
        margin-top: 7px !important;
    }

}

/* ============================================================
   END FINAL POLE AND STRAP ADJUSTMENTS
   ============================================================ */


/* =====================================================
   PSF - SPACE BETWEEN SHARE BUTTONS AND ARTICLE IMAGE
   TARGET CONFIRMED FROM DEVELOPER TOOLS
   ===================================================== */

/* Add 12px clearance above the article's lead image */
body #t4-main-body .com-content-article figure.item-image,
body #t4-main-body .com-content-article__body figure.item-image,
body #t4-main-body figure.pull-left.item-image {
    margin-top: 12px !important;
}

/* Preserve the image's existing horizontal alignment */
body #t4-main-body figure.pull-left.item-image {
    float: left;
}

/* =====================================================
   END ARTICLE IMAGE SPACING
   ===================================================== */
/* ============================================================
   PITTSBURGH SPORTS FANS
   FULL-HEIGHT PITTSBURGH BRIDGE STEEL PAGE EDGES
   ============================================================ */

@media (min-width: 992px) {

    /*
       Attach the steel to the main white page wrapper.
       This wrapper contains the header, navigation,
       breadcrumbs, article area, and footer.
    */

    body .t4-wrapper {
        position: relative !important;
        isolation: isolate;
    }

    /*
       Both steel columns use the same narrow construction.
       Their bottom edge stops at the footer's top edge.
    */

    body .t4-wrapper::before,
    body .t4-wrapper::after {
        content: "" !important;

        position: absolute !important;

        top: 0 !important;
        bottom: 0 !important;

        width: 28px !important;
        height: auto !important;

        z-index: 5 !important;
        pointer-events: none !important;

        border-radius: 0 !important;

        background-image:

            /* Raised rivets, first row */
            radial-gradient(
                circle at 5px 5px,
                #fff4a3 0px,
                #f4ce46 1px,
                #ad750d 2px,
                #805006 2.8px,
                transparent 3.3px
            ),

            /* Raised rivets, second row */
            radial-gradient(
                circle at 5px 5px,
                #fff4a3 0px,
                #f4ce46 1px,
                #ad750d 2px,
                #805006 2.8px,
                transparent 3.3px
            ),

            /* Pressed steel plate seams */
            linear-gradient(
                90deg,
                transparent 0%,
                transparent 17%,
                #966006 19%,
                #ffe47c 22%,
                transparent 25%,
                transparent 75%,
                #a46a07 78%,
                #ffe47c 81%,
                transparent 84%
            ),

            /* Bridge yellow metallic surface */
            linear-gradient(
                90deg,
                #9a6205 0%,
                #d39a0a 10%,
                #ffda42 28%,
                #f6c52b 50%,
                #e5ab10 72%,
                #b67c07 90%,
                #805000 100%
            ) !important;

        background-size:
            14px 18px,
            14px 18px,
            100% 100%,
            100% 100% !important;

        background-position:
            2px 4px,
            15px 13px,
            center,
            center !important;

        background-repeat:
            repeat,
            repeat,
            no-repeat,
            no-repeat !important;
    }

    /* LEFT EDGE */
    body .t4-wrapper::before {
        left: 0 !important;

        border-left: 1px solid #845400 !important;
        border-right: 2px solid #865700 !important;

        box-shadow:
            inset 2px 0 2px rgba(255,255,190,.55),
            inset -2px 0 3px rgba(65,37,0,.4),
            2px 0 4px rgba(0,0,0,.2) !important;
    }

    /* RIGHT EDGE */
    body .t4-wrapper::after {
        right: 0 !important;

        border-left: 2px solid #865700 !important;
        border-right: 1px solid #845400 !important;

        box-shadow:
            inset 2px 0 2px rgba(255,255,190,.55),
            inset -2px 0 3px rgba(65,37,0,.4),
            -2px 0 4px rgba(0,0,0,.2) !important;
    }

    /*
       Protect content from overlapping the steel.
       Add breathing room without shrinking individual columns.
    */

    body #t4-main-body .t4-section-inner {
        padding-left: 44px !important;
        padding-right: 44px !important;
    }

    /*
       Keep footer above the steel columns.
       The footer's black background masks their lower ends.
    */

    body #t4-footer {
        position: relative !important;
        z-index: 6 !important;
    }
}

/* Mobile: no bridge columns */
@media (max-width: 991.98px) {

    body .t4-wrapper::before,
    body .t4-wrapper::after {
        content: none !important;
        display: none !important;
    }
}


/* ============================================================
   PSF - MOVE BRIDGE STEEL TO WHITE CONTENT EDGES
   Overrides the previous full-width frame positioning.
   Keeps existing rivets, metallic finish and 28px width.
   ============================================================ */

@media (min-width: 992px) {

    /*
       Your white template panel is centered and limited
       to approximately 1145px wide.

       Position each steel column against that panel,
       rather than against the browser viewport.
    */

    body .t4-wrapper::before {
        left: max(0px, calc((100% - 1145px) / 2)) !important;
        right: auto !important;
    }

    body .t4-wrapper::after {
        right: max(0px, calc((100% - 1145px) / 2)) !important;
        left: auto !important;
    }

}

/* ============================================================
   END BRIDGE STEEL EDGE ALIGNMENT
   ============================================================ */

/* ============================================================
   PSF - ALIGN BRIDGE UPRIGHTS WITH WHITE/WALLPAPER EDGES
   ============================================================ */

@media (min-width: 992px) {

    /* LEFT UPRIGHT: MOVE LEFT 76PX */
    body .t4-wrapper::before {
        left: max(
            0px,
            calc((100% - 1145px) / 2 - 76px)
        ) !important;

        right: auto !important;
    }

    /* RIGHT UPRIGHT: MOVE RIGHT 76PX */
    body .t4-wrapper::after {
        right: max(
            0px,
            calc((100% - 1145px) / 2 - 76px)
        ) !important;

        left: auto !important;
    }

}

/* ============================================================
   END BRIDGE UPRIGHT EDGE ALIGNMENT
   ============================================================ */


/* ============================================================
   PSF - FINAL BRIDGE STEEL EDGE ALIGNMENT
   Position steel OUTSIDE the white content panel
   ============================================================ */

@media (min-width: 992px) {

    /* LEFT STEEL: shift 28px toward wallpaper */
    body .t4-wrapper::before {
        transform: translateX(-28px) !important;
    }

    /* RIGHT STEEL: shift 28px toward wallpaper */
    body .t4-wrapper::after {
        transform: translateX(28px) !important;
    }

}



/* ============================================================
   PSF - INDUSTRIAL STEEL TOP BAND AND FOOTER
   Fine diamond plate, confined inside bridge uprights at footer
   ============================================================ */

:root {
    --psf-plate: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%23111519'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2 2l4 4M6 2L2 6M10 10l4 4M14 10l-4 4' stroke='%2306090c' stroke-width='2.9'/%3E%3Cpath d='M2 1l4 4M6 1L2 5M10 9l4 4M14 9l-4 4' stroke='%233d444d' stroke-width='2.2'/%3E%3Cpath d='M2 1l4 4M6 1L2 5M10 9l4 4M14 9l-4 4' stroke='%23252b32' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E");

    --psf-steel-lip: linear-gradient(
        to bottom,
        #08090b 0%,
        #4a5158 10%,
        #d8dce0 22%,
        #f0f1f2 30%,
        #858c93 42%,
        #454c53 54%,
        #aeb4b9 65%,
        #d3d1d0 74%,
        #515961 87%,
        #080a0c 100%
    );
}

/* ============================================================
   1. TOP BLACK STRIP ABOVE THE WHITE SITE
   ============================================================ */

/*
   The black area in your screenshot is above the centered
   template. Give it the diamond-plate finish without
   altering the white logo header.
*/

html {
    background-color: #000000;
}

body {
    background-color: #000000;
}

/*
   Paint the diamond plate in the first 56 pixels of the
   viewport background. The existing site wallpaper and
   centered template remain above it.
*/
html {
    background-image:
        var(--psf-plate);
    background-repeat: repeat;
    background-size: 16px 16px;
}

/* ============================================================
   2. KEEP LOGO HEADER WHITE
   ============================================================ */

body #t4-header {
    background: #ffffff !important;
}

body #t4-header::after {
    content: none !important;
    display: none !important;
}

/* ============================================================
   3. FOOTER - DIAMOND PLATE BEHIND COPYRIGHT
   ============================================================ */

body #t4-footer {
    position: relative !important;

    background-color: #111419 !important;
    background-image: var(--psf-plate) !important;
    background-repeat: repeat !important;
    background-size: 16px 16px !important;

    border-top: 0 !important;
}

/*
   Do not use a 100vw pseudo-element here.
   The footer must stay between the yellow uprights.
*/
body #t4-footer::after {
    content: none !important;
    display: none !important;
}

/* Remove opaque backgrounds inside the footer */
body #t4-footer .container,
body #t4-footer .t4-section-inner,
body #t4-footer .t4-module,
body #t4-footer .module-inner,
body #t4-footer .module-ct {
    background-color: transparent !important;
    background-image: none !important;
}

/* Metallic lip across the TOP of the footer only */
body #t4-footer::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    width: 100% !important;
    height: 12px !important;

    transform: none !important;

    background: var(--psf-steel-lip) !important;

    border-top: 1px solid #050607 !important;
    border-bottom: 1px solid #050607 !important;

    box-shadow:
        0 -2px 3px rgba(0,0,0,.35),
        0 -4px 6px rgba(0,0,0,.15) !important;

    pointer-events: none !important;
    z-index: 2 !important;
}

/* Copyright stays readable */
body #t4-footer,
body #t4-footer p,
body #t4-footer span,
body #t4-footer a {
    color: #ffffff;
}

/* Keep copyright clear of the steel lip */
body #t4-footer > .t4-section-inner {
    padding-top: 15px !important;
}

/* ============================================================
   4. MOBILE
   ============================================================ */

@media (max-width: 767px) {
    body #t4-footer::before {
        height: 9px !important;
    }

    body #t4-footer > .t4-section-inner {
        padding-top: 12px !important;
    }
}

/* ============================================================
   END PSF INDUSTRIAL STEEL
   ============================================================ */

/* ==========================================================
   PSF - TOPBAR INDUSTRIAL DIAMOND-PLATE STEEL
   Small repeating X pattern, full browser width
   Metallic lower lip, Dinsmore-inspired
   ========================================================== */

/* Actual T4 Topbar section */
body #t4-topbar,
body .t4-topbar {
    position: relative !important;

    background-color: #111419 !important;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%23111519'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2 2l4 4M6 2L2 6M10 10l4 4M14 10l-4 4' stroke='%2306090c' stroke-width='2.9'/%3E%3Cpath d='M2 1l4 4M6 1L2 5M10 9l4 4M14 9l-4 4' stroke='%233d444d' stroke-width='2.2'/%3E%3Cpath d='M2 1l4 4M6 1L2 5M10 9l4 4M14 9l-4 4' stroke='%23252b32' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E") !important;

    background-repeat: repeat !important;
    background-size: 16px 16px !important;

    overflow: visible !important;
}

/* Preserve any existing topbar module layout */
body #t4-topbar .container,
body #t4-topbar .t4-section-inner,
body .t4-topbar .container,
body .t4-topbar .t4-section-inner {
    background-color: transparent !important;
    background-image: none !important;
}

/* Steel lip at BOTTOM of topbar */
body #t4-topbar::after,
body .t4-topbar::after {
    content: "" !important;
    position: absolute !important;

    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    height: 11px !important;

    background: linear-gradient(
        to bottom,
        #050607 0%,
        #454b51 10%,
        #c8cdd1 22%,
        #f0f1f2 32%,
        #92999f 44%,
        #353b41 56%,
        #9da5ab 70%,
        #4b5157 87%,
        #090b0d 100%
    ) !important;

    border-top: 1px solid #050607 !important;
    border-bottom: 1px solid #050607 !important;

    box-shadow: 0 3px 5px rgba(0,0,0,.35) !important;

    pointer-events: none !important;
    z-index: 10 !important;
}

/* Keep the metallic lip from overlapping topbar contents */
body #t4-topbar,
body .t4-topbar {
    padding-bottom: 11px !important;
}

/* ==========================================================
   END PSF TOPBAR STEEL
   ========================================================== */

/* ==========================================================
   PITTSBURGH SPORTS FANS
   BLACK STEEL HEADER AND FOOTER TRIM
   Dinsmore-inspired / Half-height / Dark finish
   ========================================================== */

/* TOPBAR: Allow the steel trim to remain visible */
body #t4-topbar,
body .t4-topbar {
    position: relative !important;
    overflow: visible !important;
}

/* TOPBAR: Six-pixel black steel lip along bottom */
body #t4-topbar::after,
body .t4-topbar::after {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    top: auto !important;

    width: 100% !important;
    height: 6px !important;
    min-height: 6px !important;
    max-height: 6px !important;

    display: block !important;

    background: linear-gradient(
        to bottom,
        #020304 0%,
        #252a30 12%,
        #4a5057 25%,
        #171b20 42%,
        #080a0d 58%,
        #353b42 75%,
        #030405 100%
    ) !important;

    border-top: 1px solid #434950 !important;
    border-bottom: 1px solid #000000 !important;
    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow:
        0 1px 0 #080a0d,
        0 2px 3px rgba(0,0,0,.45) !important;

    border-radius: 0 !important;
    opacity: 1 !important;

    pointer-events: none !important;
    z-index: 100 !important;
}

/* FOOTER: Establish the positioning reference */
body #t4-footer,
body .t4-footer {
    position: relative !important;
    overflow: visible !important;
}

/* FOOTER: Matching black steel lip along TOP */
body #t4-footer::before,
body .t4-footer::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: auto !important;

    width: 100% !important;
    height: 6px !important;
    min-height: 6px !important;
    max-height: 6px !important;

    display: block !important;

    background: linear-gradient(
        to bottom,
        #030405 0%,
        #353b42 25%,
        #080a0d 42%,
        #171b20 58%,
        #4a5057 75%,
        #252a30 88%,
        #020304 100%
    ) !important;

    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #434950 !important;
    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow:
        0 -1px 0 #080a0d,
        0 -2px 3px rgba(0,0,0,.4) !important;

    border-radius: 0 !important;
    opacity: 1 !important;

    pointer-events: none !important;
    z-index: 100 !important;
}

/* Keep footer copyright above the patterned background */
body #t4-footer .container,
body #t4-footer .t4-section-inner,
body .t4-footer .container,
body .t4-footer .t4-section-inner {
    position: relative !important;
    z-index: 2 !important;
}

/* ==========================================================
   END BLACK STEEL TRIM
   ========================================================== */

/* ==========================================================
   PSF - TOPBAR BLACK STEEL LIP
   Drawn directly into the background, not ::after
   Footer remains untouched
   ========================================================== */

body #t4-topbar,
body .t4-topbar {
    /* Keep the diamond plate above the steel lip */
    background-image:
        linear-gradient(
            to bottom,
            transparent calc(100% - 7px),
            #030405 calc(100% - 7px),
            #353b42 calc(100% - 6px),
            #14181d calc(100% - 5px),
            #444a50 calc(100% - 4px),
            #101317 calc(100% - 3px),
            #292e34 calc(100% - 2px),
            #020304 100%
        ),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Crect width='16' height='16' fill='%23111519'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='M2 2l4 4M6 2L2 6M10 10l4 4M14 10l-4 4' stroke='%2306090c' stroke-width='2.9'/%3E%3Cpath d='M2 1l4 4M6 1L2 5M10 9l4 4M14 9l-4 4' stroke='%233d444d' stroke-width='2.2'/%3E%3Cpath d='M2 1l4 4M6 1L2 5M10 9l4 4M14 9l-4 4' stroke='%23252b32' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E") !important;

    background-repeat: no-repeat, repeat !important;
    background-size: 100% 100%, 16px 16px !important;
    background-position: center, left top !important;
}

/* Remove the old pseudo-element trim on the topbar only */
body #t4-topbar::after,
body .t4-topbar::after {
    content: none !important;
    display: none !important;
}

/* ==========================================================
   END TOPBAR STEEL LIP FIX
   ========================================================== */


/* ==========================================================
   PSF - VISIBLE FULL-WIDTH BLACK STEEL HEADER BEAM
   15px high / black top and bottom borders
   ========================================================== */

/* Anchor the beam to the actual white header */
body #t4-header {
    position: relative !important;
    overflow: visible !important;
}

/* Steel beam immediately ABOVE the white header */
body #t4-header::before {
    content: "" !important;
    display: block !important;

    position: absolute !important;
    bottom: 100% !important;
    top: auto !important;

    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    width: 100vw !important;
    height: 15px !important;
    box-sizing: border-box !important;

    background: linear-gradient(
        to bottom,
        #050607 0%,
        #555e67 12%,
        #252b31 25%,
        #090b0d 42%,
        #30363d 58%,
        #161a1e 78%,
        #020304 100%
    ) !important;

    border-top: 1px solid #000 !important;
    border-bottom: 1px solid #000 !important;
    border-left: 0 !important;
    border-right: 0 !important;

    box-shadow:
        inset 0 2px 1px rgba(255,255,255,.18),
        inset 0 -2px 2px rgba(0,0,0,.9),
        0 2px 3px rgba(0,0,0,.35) !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: none !important;
    z-index: 999 !important;
}


/* PSF - STICKY MENU POSITION CORRECTION */

@media (min-width: 992px) {
    body #t4-mainnav.t4-sticky {
        transform: translateX(-8px) !important;
    }
}

/* ==========================================================
   PSF - MATCHING BLACK / GOLD / BLACK MENU RAILS
   Both stationary and sticky navigation
   ========================================================== */

@media (min-width: 992px) {

    /* Both navigation states */
    body #t4-mainnav {
        position: relative !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
    }

    /* Matching rails: black 1px / gold 2px / black 1px */
    body #t4-mainnav::before,
    body #t4-mainnav::after {
        content: "" !important;
        position: absolute !important;

        /* Reach the inner edges of the bridge uprights */
        left: 0 !important;
        right: 0 !important;

        height: 4px !important;

        background: linear-gradient(
            to bottom,
            #000000 0 1px,
            #FED50A 1px 3px,
            #000000 3px 4px
        ) !important;

        pointer-events: none !important;
        z-index: 20 !important;
    }

    body #t4-mainnav::before {
        top: 0 !important;
    }

    body #t4-mainnav::after {
        bottom: 0 !important;
    }

    /* Sticky menu: extend its left rail to the upright,
       without shifting the menu buttons */
    body #t4-mainnav.t4-sticky::before,
    body #t4-mainnav.t4-sticky::after {
        left: -12px !important;
        right: 0 !important;
    }
}



/* ==========================================================
   PSF - COMPACT GOLD DIAMOND-PLATE MENU
   WITH BLACK STEEL END CAP
   ========================================================== */

@media (min-width: 992px) {

    /* Keep the outer navigation area transparent */
    body #t4-mainnav {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Compact navigation, not full page width */
    body #t4-mainnav .t4-section-inner {
        display: flex !important;
        width: fit-content !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: auto !important;
        padding: 0 !important;

        /* Yellow diamond plate */
        background-color: #FED50A !important;
        background-image:
            repeating-linear-gradient(
                45deg,
                transparent 0px,
                transparent 9px,
                rgba(255,255,255,.55) 10px,
                rgba(255,255,255,.55) 11px,
                transparent 12px,
                transparent 21px
            ),
            repeating-linear-gradient(
                -45deg,
                transparent 0px,
                transparent 9px,
                rgba(110,70,0,.3) 10px,
                rgba(110,70,0,.3) 11px,
                transparent 12px,
                transparent 21px
            ),
            linear-gradient(
                to bottom,
                #FFE765 0%,
                #FED50A 45%,
                #D99A00 100%
            ) !important;

        /* Thin steel lips */
        border-top: 3px solid #101010 !important;
        border-bottom: 3px solid #101010 !important;
        border-left: 0 !important;
        border-right: 12px solid #242424 !important;

        box-shadow:
            inset 0 1px 0 rgba(255,255,255,.65),
            inset 0 -1px 0 rgba(0,0,0,.45),
            2px 2px 3px rgba(0,0,0,.25) !important;
    }

    /* Stop Bootstrap containers stretching the plate */
    body #t4-mainnav .t4-section-inner > .container,
    body #t4-mainnav .t4-section-inner > .container-fluid {
        width: fit-content !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Keep menu items on one line */
    body #t4-mainnav .navbar,
    body #t4-mainnav .navbar-nav {
        width: max-content !important;
        flex-wrap: nowrap !important;
    }

    /* Let the diamond plate show behind inactive items */
    body #t4-mainnav .nav-link:not(.active),
    body #t4-mainnav .nav-item:not(.active) > .nav-link {
        background-color: transparent !important;
    }
}