.elementor-254 .elementor-element.elementor-element-3a5737b{--display:flex;--min-height:620px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.4;--padding-top:150px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-254 .elementor-element.elementor-element-3a5737b:not(.elementor-motion-effects-element-type-background), .elementor-254 .elementor-element.elementor-element-3a5737b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://matrixbaseballacademy.com/wp-content/uploads/2026/03/bc1cfd8b04926d00d935e76043b11e6bf656e8d2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-254 .elementor-element.elementor-element-3a5737b::before, .elementor-254 .elementor-element.elementor-element-3a5737b > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-3a5737b > .e-con-inner > .elementor-background-video-container::before, .elementor-254 .elementor-element.elementor-element-3a5737b > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-3a5737b > .e-con-inner > .elementor-background-slideshow::before, .elementor-254 .elementor-element.elementor-element-3a5737b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-3c3491b );--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-254 .elementor-element.elementor-element-14a100d .elementor-heading-title{font-family:var( --e-global-typography-e218ffd-font-family ), Sans-serif;font-size:var( --e-global-typography-e218ffd-font-size );font-weight:var( --e-global-typography-e218ffd-font-weight );line-height:var( --e-global-typography-e218ffd-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-254 .elementor-element.elementor-element-ee6007c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-254 .elementor-element.elementor-element-2cafcde > .elementor-widget-container{padding:50px 50px 50px 50px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-330bee5 );border-radius:8px 8px 8px 8px;}@media(min-width:1920px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-254 .elementor-element.elementor-element-14a100d .elementor-heading-title{font-size:var( --e-global-typography-e218ffd-font-size );line-height:var( --e-global-typography-e218ffd-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1366px){.elementor-254 .elementor-element.elementor-element-3a5737b{--min-height:563px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-254 .elementor-element.elementor-element-14a100d .elementor-heading-title{font-size:var( --e-global-typography-e218ffd-font-size );line-height:var( --e-global-typography-e218ffd-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:1024px){.elementor-254 .elementor-element.elementor-element-3a5737b{--min-height:506px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-254 .elementor-element.elementor-element-14a100d .elementor-heading-title{font-size:var( --e-global-typography-e218ffd-font-size );line-height:var( --e-global-typography-e218ffd-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-254 .elementor-element.elementor-element-3a5737b{--min-height:343px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-254 .elementor-element.elementor-element-14a100d .elementor-heading-title{font-size:var( --e-global-typography-e218ffd-font-size );line-height:var( --e-global-typography-e218ffd-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-254 .elementor-element.elementor-element-ee6007c{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-254 .elementor-element.elementor-element-2cafcde > .elementor-widget-container{padding:50px 20px 50px 20px;}}/* Start custom CSS for formidable, class: .elementor-element-2cafcde *//* ============================================
   DATEPICKER CALENDAR ONLY - DARK RED THEME
   ============================================ */

/* === MAIN CONTAINER === */
.ui-datepicker {
  background-color: #111111 !important;
  border: 1px solid #2a2a2a !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  padding: 0 !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.8) !important;
  font-family: inherit !important;
  width: 480px !important;
}

/* === HEADER === */
.ui-datepicker-header {
  background-color: #111111 !important;
  border: none !important;
  border-bottom: 1px solid #2a2a2a !important;
  padding: 16px 20px !important;
  position: relative !important;
}

/* Month Year Title */
.ui-datepicker-title {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-align: center !important;
}

/* Month & Year dropdowns */
.ui-datepicker-month,
.ui-datepicker-year {
  background: transparent !important;
  border: none !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
}

/* === PREV / NEXT ARROWS === */
.ui-datepicker-prev,
.ui-datepicker-next {
  background: transparent !important;
  border: none !important;
  cursor: pointer !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 30px !important;
  height: 30px !important;
}

.ui-datepicker-prev { left: 16px !important; }
.ui-datepicker-next { right: 16px !important; }

.ui-datepicker-prev span,
.ui-datepicker-next span {
  background-image: none !important;
  text-indent: 0 !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
}

.ui-datepicker-prev span::before {
  content: "‹" !important;
  color: #e7000b !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

.ui-datepicker-next span::before {
  content: "›" !important;
  color: #e7000b !important;
  font-size: 28px !important;
  line-height: 1 !important;
}

/* === CALENDAR TABLE === */
.ui-datepicker-calendar {
  width: 100% !important;
  border-collapse: collapse !important;
  margin: 0 !important;
}

/* === DAY HEADERS (SUN, MON...) === */
.ui-datepicker-calendar thead th {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 1px !important;
  text-align: center !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #2a2a2a !important;
  border-right: 1px solid #2a2a2a !important;
}

/* Sun and Sat headers in red */
.ui-datepicker-calendar thead th:first-child,
.ui-datepicker-calendar thead th:last-child {
  color: #e7000b !important;
}

/* === DATE CELLS === */
.ui-datepicker-calendar td {
  border: 1px solid #2a2a2a !important;
  padding: 0 !important;
  text-align: center !important;
  height: 64px !important;
  width: 14.28% !important;
}

/* === KILL jQuery UI default white box on ALL states === */


.ui-datepicker-calendar td .ui-state-default:hover,
.ui-datepicker-calendar td .ui-state-default:link:hover,
.ui-datepicker-calendar td .ui-state-default:visited {
  background: red !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 64px !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 64px !important;
  color: #ffffff !important;
  background: transparent !important;
  border: none !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
}

/* === HOVER STATE — red background, white text ONLY ON HOVER === */
.ui-datepicker-calendar td:hover a,
.ui-datepicker-calendar td:hover span,
.ui-datepicker-calendar td a:hover,
.ui-datepicker-calendar td span:hover,
.ui-datepicker-calendar td .ui-state-default:hover,
.ui-datepicker-calendar td:hover .ui-state-default,
.ui-datepicker-calendar td .ui-state-hover {
  background-color: #e7000b !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
}

/* === TODAY'S DATE — red circle, date visible on top === */
.ui-datepicker-calendar td.ui-datepicker-today a,
.ui-datepicker-calendar td.ui-datepicker-today span {
  background: transparent !important;
  color: #ffffff !important;
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 64px !important;
}

/* Red circle BEHIND the date number */
.ui-datepicker-calendar td.ui-datepicker-today a::before,
.ui-datepicker-calendar td.ui-datepicker-today span::before {
  content: "" !important;
  position: absolute !important;
  width: 40px !important;
  height: 40px !important;
  background-color: #e7000b !important;
  border-radius: 50% !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  z-index: -1 !important;
}

/* Today's date hover - red background with circle dimmed */
.ui-datepicker-calendar td.ui-datepicker-today:hover a,
.ui-datepicker-calendar td.ui-datepicker-today:hover span {
  background-color: #e7000b !important;
}

/*.ui-datepicker-calendar td.ui-datepicker-today:hover a::before,*/
/*.ui-datepicker-calendar td.ui-datepicker-today:hover span::before {*/
/*  opacity: 0.3 !important;*/
/*}*/

/* === SELECTED DATE === */
.ui-datepicker-calendar td .ui-state-active {
  background-color: #e7000b !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  width: 40px !important;
  height: 40px !important;
  margin: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
}

/* === OTHER MONTH (greyed out) === */
.ui-datepicker-other-month a,
.ui-datepicker-other-month span {
  color: #444444 !important;
}

/* Other month hover - turns red */
.ui-datepicker-other-month:hover a,
.ui-datepicker-other-month:hover span {
  background-color: #e7000b !important;
  color: #ffffff !important;
}

/* === WEEKEND COLUMNS in red text === */
.ui-datepicker-calendar td.ui-datepicker-week-end a,
.ui-datepicker-calendar td.ui-datepicker-week-end span {
  color: #e7000b !important;
}

/* Weekend hover - turns red background with white text */
.ui-datepicker-calendar td.ui-datepicker-week-end:hover a,
.ui-datepicker-calendar td.ui-datepicker-week-end:hover span {
  background-color: #e7000b !important;
  color: #ffffff !important;
}

/* Grey out other-month weekends */
.ui-datepicker-calendar td.ui-datepicker-week-end.ui-datepicker-other-month a,
.ui-datepicker-calendar td.ui-datepicker-week-end.ui-datepicker-other-month span {
  color: #3a1111 !important;
}

/* === DISABLED === */
.ui-state-disabled span,
.ui-datepicker-unselectable span {
  color: #333333 !important;
  cursor: not-allowed !important;
}

/* Disabled dates - NO hover effect */
.ui-state-disabled:hover span,
.ui-datepicker-unselectable:hover span {
  color: #333333 !important;
  cursor: not-allowed !important;
}

/* === BOTTOM LEGEND === */
.ui-datepicker-buttonpane {
  background-color: #111111 !important;
  border-top: 1px solid #2a2a2a !important;
  padding: 12px 20px !important;
}

.ui-datepicker-current {
  color: #e7000b !important;
  background: transparent !important;
  border: none !important;
  font-size: 13px !important;
  cursor: pointer !important;
}/* End custom CSS */