@font-face {
    font-family: "Outfit";
    src: url("../fonts/Outfit-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 100 900;
    font-display: swap;
}


@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/BebasNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}


@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-VariableFont_opsz_wght.ttf") format("truetype-variations");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Satoshi";
  src: url("../fonts/Satoshi-Variable.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary: #0250a0;
  --secondary: #0000001A;
  --white: #ffffff;
  --bg-secondary: #f6f7f9;
  --orange: #FA4D09;
  --off-season-landing-orange:#EA6F27;
  --red: #AB0003;
  --font-primary: "Bebas Neue", sans-serif;
  --font-secondary: "Montserrat", sans-serif;
  --font-inter: "Inter", sans-serif;
  --font-oswald: "oswald", sans-serif;
  --font-satoshi: "Satoshi", sans-serif;
} 

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  width: 100vw;
  height: 100vh;
  font-family: var(--font-primary);
  max-width: 100%;
}

body.page-template-default:not(.home, .page-off-season-landing-page-orange, .page-homepage) main, body.post-template-default main, body.author .author-detail-wrap, body:not(.home, .page-off-season-landing-page-orange, .page-homepage) main {
  margin-top: 120px; 
}

/* body.page-template-default:not(.page-off-season-landing-page-orange) main{
  margin-top: 0px;
} */

body.page-template-template-container-sidebar main{
  margin-top: 20px; 
} 

body.page-template-template-container-sidebar .page-hero-section{
  margin-top: 120px; 
}

body:not(.home) header {
  background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%);
}

@media (max-width: 990px) {
  body:not(.home, .page-off-season-landing-page-orange, .page-homepage) main {
  margin-top: 80px; 
}

  body.page-template-default:not(.home, .page-off-season-landing-page-orange, .page-homepage) main, body.post-template-default main, body.author .author-detail-wrap {
    margin-top: 92px; 
  }

  body.page-template-template-container-sidebar .page-hero-section{
    margin-top: 37px; 
  }

  body.page-template-template-container-sidebar main{
    margin-top: 0px; 
  }
}

.page-nationals .item-chip{
  background:  var(--red);
}

.page-orioles .item-chip{
  background:  #D1441B;
}

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: none;

  background: linear-gradient(145deg, #0250a0, #013a75);
  color: #fff;

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

  opacity: 0;
  pointer-events: none;

  transform: translateY(20px);
  overflow: hidden; /* keeps arrow inside */

  z-index: 999;

  box-shadow:
    0 8px 15px rgba(0, 0, 0, 0.35),
    inset 0 -2px 3px rgba(255, 255, 255, 0.15);

  transition: opacity 0.3s ease, transform 0.3s ease;
}

.scroll-to-top.show {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
  animation: doubleBounce 1.2s ease-out;
}

@keyframes doubleBounce {
  0% {
    transform: translateY(20px);
  }
  35% {
    transform: translateY(-8px);   
  }
  55% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-2.5px); 
  }
  100% {
    transform: translateY(0);
  }
}


.arrow-icon {
  width: 18px;
  height: 26px;
}

main.container-sidebar-wrap #sidebar .wp-block-image img, main.masn-archive-page #sidebar .wp-block-image img{
  width: 300px;
  /* margin: auto; */
}

main.container-sidebar-wrap #sidebar{
  height: fit-content;
  position: sticky;
  top: 0px; 
  align-self: flex-start;
}

main.container-sidebar-wrap #sidebar .widget_block > section, main.masn-archive-page #sidebar .widget_block > section{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

main.container-sidebar-wrap #sidebar .widget_block > section > div, main.masn-archive-page #sidebar .widget_block > section > div{
justify-content: flex-start !important;
}

main.container-sidebar-wrap #sidebar .wp-block-image a, main.masn-archive-page #sidebar .wp-block-image a{
display: inline;
}

main.container-sidebar-wrap #sidebar .widget-title{
  font-size: 28px;
  margin-bottom: 0.5rem;
}

main.container-sidebar-wrap #sidebar .widget ul li{
  margin-top: 0.3rem;
}

main.container-sidebar-wrap #sidebar .widget ul li a{
font-size: 16px !important;
}

#sidebar .view-more-btn-wrap > a{
color: var(--white);
    font-size: 14px;
    /* background-color: var(--primary); */
    background-color: var(--off-season-landing-orange);
    padding: 0.7rem 1rem;
    border-radius: 20px;
    font-family: var(--font-inter);
    width: fit-content;
    display: block;
    margin: 1.5rem 0 0 0;
    font-weight: 500;
}

main.container-sidebar-wrap .prose{
  font-family: var(--font-inter) !important;
  letter-spacing: normal !important;
  line-height: 100% !important;
}

main.container-sidebar-wrap .prose p:has(strong) {
  margin-top: 0.5rem !important;
}

main.container-sidebar-wrap .prose strong{
  color:  black !important;
}
.page-template-template-container-sidebar main.container-sidebar-wrap .prose .wp-block-heading{
font-family: var(--font-primary);
font-weight: 500;
font-size: 54px;
line-height: 72px;
letter-spacing: 0px;
text-transform: uppercase;
color: #000000;
margin-top: 1rem;
}

main.container-sidebar-wrap .prose ol{
    margin-top: 1rem !important;
    font-size: 18px !important;
}

main.container-sidebar-wrap .prose ol li{
    margin-top: 1rem !important;
  line-height: 28px !important;
}

main.container-sidebar-wrap .prose ol li strong{
    margin-bottom: 0.7rem !important;
    display: block;
  line-height: 120% !important;
}

main.container-sidebar-wrap .prose p{
  font-size: 18px !important;
  line-height: 26px;
  color: #373737e5 !important;
    /* margin-top: 1rem !important; */
    letter-spacing: normal !important;
    font-family: var(--font-inter);
font-weight: 400;
}

main.container-sidebar-wrap .prose > p{
  font-family: var(--font-inter);
font-weight: 400;
font-size: 16px;
line-height: 26px;
letter-spacing: 0px;
color: #00000099;
margin-bottom: 16px;
}

main.container-sidebar-wrap .prose table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

main.container-sidebar-wrap .prose table,
main.container-sidebar-wrap .prose thead,
main.container-sidebar-wrap .prose tbody,
main.container-sidebar-wrap .prose tfoot,
main.container-sidebar-wrap .prose tr,
main.container-sidebar-wrap .prose th,
main.container-sidebar-wrap .prose td {
  border: 0 !important;
  outline: 0;
  font-size: 14px !important;
}

main.container-sidebar-wrap .prose tr{
  height: 25px !important;
}

main.container-sidebar-wrap .prose td {
  padding: 0.5rem !important;
}

main.container-sidebar-wrap .prose tr:nth-child(even) {
  /* background-color: #f9f9f9; */
}

main.container-sidebar-wrap .prose tr.tableHeadRow{
  background-color: #ffffff !important;
  font-weight: 600;
}


.scoreboard .scoreboard-img .sr-crest-img{
	width : 50px
}

.wp-singular .main-container .main-content a{
	/*color: #FF812C; */
  color: #0150a0;
}

.masn-page-container{
  max-width: 1280px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.masn-page-cont{
  max-width: 1400px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* :root {
	--masn-font-scale: 1;
}

.masn-body-content {
	--_scale: var(--masn-font-scale);
}

.masn-body-content :is(
	h1, h2, h4, h5, h6,
	p, a, span, li, strong, em,
	blockquote, figcaption,
	.wp-block, p.masn-card-discription
	[class*="wp-block-"]
) {
	font-size: calc(1em * var(--_scale));
} */

body.page-template-template-container-sidebar ul.wp-block-list{
    list-style: disc;
    margin-left: 20px;
    line-height: 24px;
}

#menu-main-menu .menu-item .menu-group li a:hover , .footer-content ul li.menu-item a:hover{
    color: #ff812c;
}

.page-template-template-container-sidebar .hero-subtitle{
font-family: var(--font-inter);
}

.page-template-template-container-sidebar .staff-card h3{
  font-family: var(--font-primary);
  font-weight: 300;
  font-size: 28px;
line-height: 33px;
letter-spacing: 0px;
text-transform: uppercase;

}

.page-template-template-container-sidebar #sidebar .widget_masn_post_list_widget, .page-template-template-container-sidebar-no-banner #sidebar .widget_masn_post_list_widget{
  padding:24px;
  background-color: #F3F4F6;
  border: 1px solid #0000001A;
  border-radius: 10px;
}

.page-template-template-container-sidebar #sidebar .widget_masn_post_list_widget ul, .page-template-template-container-sidebar-no-banner #sidebar .widget_masn_post_list_widget ul{
  list-style: disc;
  font-family: var(--font-inter);
  padding-left: 1rem;
}

.page-template-template-container-sidebar .container-wrapper .default-container > div {
  display: flex;
  align-items: flex-start; 
  gap: 30px;
overflow: visible;
}

/* .page-template-template-container-sidebar .container-wrapper .default-container > div #sidebar{

} */

.page-orioles-home .video-section .bottom-btn{
  margin-top: 0rem !important;
}

.page-orioles-home .video-section .masn-orioles-videos-block{
  padding-bottom: 0px !important;
}

main.container-sidebar-wrap .prose .providerCard {
  margin-bottom: 40px;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0px 4px 6px -4px #0000001A;
  background: linear-gradient(180deg, #EA6F27 0%, #de641d 100%);
/* background: linear-gradient(180deg, #0250A0 0%, rgba(2, 80, 160, 0.9) 100%); */
  /* box-shadow: 0 10px 25px rgba(0,0,0,0.08); */
}

/* Blue header */
main.container-sidebar-wrap .prose .providerCard .providerHeader {
  width: 95%;
  margin: 0 auto;
  font-weight: 400;
  font-family: var(--font-primary);
  font-size: 36px;
  color: #fff;
  line-height: 54px;
  padding: 22px 0px;
letter-spacing: 0px;
text-transform: uppercase;
}

main.container-sidebar-wrap .prose .providerCard .table-scroll{
  width: 100%;
  overflow-x: auto;
}

/* Table */
main.container-sidebar-wrap .prose .providerCard .providerTable  {
  width: 95%;
  border-radius: 12px !important;
    margin: 0 auto 2rem;
  border-collapse: collapse;
  background: #fff;
  font-family: Arial, sans-serif;
  /* width: 100%; */
  min-width: 300px;  
  /* border-collapse: collapse; */
}

main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead{
  background: #F6F7F9;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead td {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  color: #333;
  padding: 14px 20px;
  border-bottom: 1px solid #e6e6e6;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead td:first-child, main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td:first-child {
  width: 56%;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td:first-child {
  font-family: var(--font-inter);
font-weight: 400;
font-size: 14px;
line-height: 21px;
letter-spacing: 0px;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead td{
font-weight: 600;
  font-family: var(--font-inter);
font-size: 14px;
line-height: 21px;
letter-spacing: 0px;
text-transform: uppercase;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead td:nth-child(2), main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead td:nth-child(3), main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td:nth-child(2), main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td:nth-child(3) {
  width: 22%;
  text-align: center;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead > td:first-child {
border-top-left-radius: 12px !important;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead > td:last-child {
border-top-right-radius: 12px !important;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td {
  padding: 16px 20px;
  border-bottom: 1px solid #f0f0f0;
  font-size: 14px;
}

/* MASN (orange) */
.dataRow td:nth-child(2) {
  color: #FF812C;
  font-family: var(--font-inter);
font-weight: 600;
font-size: 14px;
line-height: 21px;
letter-spacing: 0px;
text-align: center;
}

/* MASN HD (blue) */
main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td:nth-child(3) {
  color: #0250A0;
  font-weight: 600;
  font-size: 14px;
line-height: 21px;
letter-spacing: 0px;
text-align: center;
}

main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow{
border-top: 1px solid #E5E7EB !important;
}

/* Remove last row border */
main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow:last-child td {
  border-bottom: none;
}
/* --------------------sidebar scrolling---------------- */
.tag-orioles-buzz .post-listing > div {
  display: flex;
  align-items: flex-start; 
  gap: 30px;
overflow: visible;
}

.tag-orioles-buzz .post-listing #sidebar {
  position: sticky;
  top: 0px; 
}


@media (max-width: 640px) {
  .page-template-template-container-sidebar main.container-sidebar-wrap .prose .wp-block-heading{
    font-size: 36px;
  }

  main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead td:first-child, main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td:first-child{
    width:75%
  }

  main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead td:nth-child(2), main.container-sidebar-wrap .prose .providerCard .providerTable .columnHead td:nth-child(3), main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td:nth-child(2), main.container-sidebar-wrap .prose .providerCard .providerTable .dataRow td:nth-child(3){
    width: 12%;
  }
}


@media (max-width: 350px){
main.container-sidebar-wrap #sidebar{
padding: 0 !important;
}
}


/* ---------------------------------------------off-season-landing-page-orange-------------------- */
.off-season-landing-orange-bg{
  background-color: var(--off-season-landing-orange) !important;
}

.off-season-landing-orange-background{
  background: var(--off-season-landing-orange) !important;
}

.page-off-season-landing-page-orange .follow-button{
background-color: var(--secondary, #e5e5e5) !important;
}

.page-off-season-landing-page-orange .follow-button:hover {
  background-color: var(--off-season-landing-orange) !important;
}

/* -------------------------Author Blog----------------------- */
.single-post .main-content .wp-block-embed__wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}

.single-post .main-content .wp-block-embed__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.cky-preference-header , .cky-preference-content-wrapper, .cky-accordion-wrapper .cky-accordion-header, .cky-accordion-wrapper .cky-accordion-header-des p, .cky-prefrence-btn-wrapper .cky-btn{
     font-family: var(--font-inter);
}

ol.wp-block-list{
    list-style : decimal;
    margin-left: 30px;
    font-family: var(--font-inter);
     line-height: 26px;
}
ul.wp-block-list{
    list-style : disc;
    margin-left: 30px;
    font-family: var(--font-inter);
    line-height: 26px;
}