/* body styles */

/* HEADER STYLES */

.banner_Sec {
	background-color: #f3f3f4;
}

/* fix to prevent header from overlapping content when navigating to named anchors */
[id] {
    scroll-margin-top: 240px; /* Adjust based on header height */
}

/* fix formatting of H1 heading links */
.headingLink {
    color: white !important;
}


/* MASTHEAD */
.masthead_sec { height: 80vh !important; }

/* hide PHP error & deprecated messages */
.err-wrap { display: none !important; }

/* BUTTONS STYLES */

.btn-cfg-header {
  color: #94163c !important;
  background-color: #ffff !important;
  font-weight: 600 !important;
  border-color: #dc3545 !important;
  display: inline-block !important;
  font-weight: 600 !important;
  text-align: center !important;
  vertical-align: middle !important;
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  border: 1px solid transparent !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  border-radius: .25rem !important;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
  margin: 5px;
}

.btn-cfg {
  background-color: #94163c !important;
  border-color: #94163c !important;
  font-weight: 600 !important;
  color: white !important;
}


.btn-danger {
  background-color: #94163c !important;
  border-color: #94163c !important;
}

.editEntryBtn {
	margin-top: 14px; 
	margin-left: 6px !important; 
	float: right;
}

/* LINK STYLES */
a {
  color: #ae2222;
  text-decoration: none;
  transition: color 0.25s;
}
a:hover {
  color: #de5858;
}






/* STYLES FOR BOTTOM HALF ON INNNER PAGES */
.mainBodyContent { 
	padding-right: 50px;
}

.titleLogo {
	float: left;
	padding-right: 5px;
}

/* STYLES FOR MEMBER SERVICES CONTENT */

/* row style for member services */
.rowEven { padding-top: 25px; padding-bottom: 25px; background-color: #E2E2E2; }
.rowOdd { padding-top: 25px; padding-bottom: 25px; background-color: #F0F0F0 !important; }
.videoRow { background-color: transparent !important; }


/* WEBINAR PAGE STYLES */
.webinarsMeta {
	max-width: 315px;
}

.webinarListDesc {
	margin-top: 12px;
}

/* WEBINAR LIST CENTERING FIXES */
.videoRow {
  --bs-gutter-x: 0.5rem; /* horizontal gutter */
  --bs-gutter-y: 1rem;   /* optional vertical gutter */
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; /* uniform spacing between all cards */
}

.videoRow > div {
  flex: 1 1 0; /* let all cards grow equally */
  min-width: 250px; /* optional: prevents cards from getting too narrow */
}

.videoRow > div:last-child {
  flex: 0 0 auto; /* shrink last card to content */
  margin-left: auto; /* push it to the right */
}

/* CALENDAR STYLES */
.calendarBG {
 background-color: #000; 
 border: 1px solid var(--theme-color-second);
 /* padding: 5px; */
 border-radius: 5px;
 border-collapse: separate
}

.calendarBlank { 
 background-color: #C08284;
 text-align:  center;
 vertical-align: middle; 
}

.calendarHeader { 
 font-weight: bold; 
 color: #fff; 
 text-align: center;
 background-color: #424143; 
}

.calendarMonthLinks {
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         11px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 color:             #fff;
 background-color:  transparent;
}

.calendarMonthLinks a {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
  
.calendarMonthLinks a:visited {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}

.calendarMonthLinks a:hover {
 color:             #ccc;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarDayHeading {
 font-weight: bold; 
 font-size:	11px;
 color: #fff; 
 background-color: #95193D; 
 text-align:  center;
 vertical-align: middle;
}

.calendarToday { 
 /*
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 */
 text-align:  center;
 vertical-align: middle;
 color:             #000;
 background-color: 	#8C888A;
}

.calendarCell {
 /*
 font-family:       Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif;
 font-size:         12px;
 font-weight:		bold;
 letter-spacing:	.1em;
 text-decoration:   none;
 */
 text-align:  center;
 vertical-align: middle;
 color:             #666;
 background-color:  #fff;
}

.calendarCell a {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}
  
.calendarCell a:visited {
 color:             #000;
 text-decoration:   underline;
 background-color:  transparent;
}

.calendarCell a:hover {
 color:             #fff;
 text-decoration:   none;
 background-color:  transparent;
}
/* CALENDAR STYLES END */


/* WEBINAR ACCESS CODE FORM FIXES */
.post-password-form {
  display: block !important;
  width: 100% !important;       /* or a fixed width */
}
.post-password-form > * {
  display: block !important;
  float: none !important;
  width: auto !important;
  clear: both !important;
  box-sizing: border-box;
}
.post-password-form button {
  margin-top: .5rem;
  display: inline-block;        /* or block for full width */
}


/* VIDEO.JS STYLES */
.video-js .vjs-control-bar { height: 4em !important; }
.video-js .vjs-big-play-button {
  font-size: 2.25em !important;
  line-height: 3em !important;
  height: 3em !important;
  width: 6em !important;
  bottom: 1% !important;
  left: 10% !important;
}