.schedule-table .sub-table.online td {
    background-color: rgba(0, 112, 151, 0.2);
}
			
			.schedule-table .sub-table.on-campus td {
    background-color: rgba(6, 129, 105, 0.2);
}
			
			
			/* table styling */ 
			
			span.on-campus {
    background-color: rgba(0, 112, 151, 0.2);
}
			span.online-asc {
    background-color: rgba(6, 129, 105, 0.2);
}
			
			/* nav menu styles */
			#event-menu {
			  border-radius: 25px 25px 0 0;
			}
			
			#event-menu ul {
			  list-style: none;
			  display: flex;
			  justify-content: space-around;
			  padding: 0;
			  margin: 0;
			  transition: background-color 0.3s;
			}

			#event-menu li {
			  padding: 0px;
			  cursor: pointer;
			  color: white;
			  transition: color 0.3s, background-color 0.3s;
			  border-radius: 25px 25px 0 0; /* Rounded corners on the top */
			}
#event-menu li button {
    padding: 10px 20px;
    cursor: pointer;
    transition: color 0.3s, background-color 0.3s;
	background-color: transparent; /* Background for inactive tabs */
    border-radius: 25px 25px 0 0;
	border: 0px;
}

#event-menu li button.active {
    color: black;
    background-color: white;
    font-weight: bold;
}
			
			

			/* Active tab styling */
			#event-menu li.active {
			  color: black; /* Text color for active tab */
			  background-color: white; /* Background for active tab */
			  font-weight: bold;
			}

			/* Content styling */
			.event-tab-content {
			  display: none;
			  padding: 20px;
			  border-radius: 0 0 25px 25px; /* Rounded corners on the bottom */
			  background-color: #fff; /* Background color for content */
			}

			.active-content {
			  display: block; /* Show active content */
			}
			
			/* Featured Speakers tab content */
			
			#speakers-content .wrapper {
				margin: 0 40px 40px;
			}
			
			/* registration table  HERE */ 
			
			#registration-content th {
				font-size: 1.24em;
				font-weight: bold;
			}
			
			#registration-content td {
				font-size: 1.24em;
			 	font-weight: lighter;
			}
			
			@media screen and (max-width: 1100px) {
			
				div.wrapper {
					grid-template-columns: repeat(2, 1fr); /* making the display fit in a 50/50 grid on tablet */
				}
				
				/* for the speakers page */
				#speakers-content div.wrapper { 
					grid-template-columns: 1fr;
					grid-gap: 30px;
				}
				
				#speakers-content div.wrapper > div.left {
    				max-width: 450px;
    				margin: 0 auto;
				}
				
			}

			@media screen and (max-width: 768px) {
			
				#event-menu {
					border-radius: 25px; /* rounding corners for mobile nav */
				}

				  #event-menu ul {
					flex-direction: column;
				}

				#event-menu li {
					text-align: center; /* Center text for mobile */
					width: 100%; /* Full width tabs for mobile */
					border-radius: 0;
				}
			
				#event-menu li.active {
					border: 1px solid; 
				}

				#event-menu li.active:first-child {
					border-radius: 25px 25px 0 0; /* rounding top corners for first li */
				}

				#event-menu li.active:last-child {
					border-radius: 0 0 25px 25px; /* rounding bottom corners for last li */
				}
			
				.event-tab-content {
					border: none; /* remove border on mobile */
				}
			
				div.wrapper {
					grid-template-columns: 1fr;
					grid-gap: 30px;
				}
			
				div.two {
					margin: 1em 0;
				}
				
				iframe {
					max-height: 400px;
				}
				
			
				h2, p {
					padding: 10px;
					margin: 0;
				}
			
				/* sizing for plan your trip tab nav */
			
				#plan-trip-nav {
					flex-direction: column;
				}
				
				ul#plan-trip-nav li {
					font-size: 1em;
					padding: 5px; 
					/* here here */
				}
			
				ul#plan-trip-nav li a {
					width: 100%;
					text-align: center;
				}
			
				/* styling for registration table */
			
				.registration table th, 
				.registration table td {
					padding: 16px;
				}
			
				.registration table {
					margin: 0;
				}
			
			}
			
			/* CSS for Schedule */
			
			.accordion-inner li a {
				font-size: 1em;
			}
			
			table {
				border: none !important;
				
			}
			
			#event-schedule-container {
				font-family: Arial, sans-serif;
				max-width: 800px; /* Adjust the width as needed */
				margin: auto;
			}

			#event-schedule-tabs {
				display: flex;
				justify-content: center;
				margin-bottom: -6px;
				gap: 10px; /* adds space between buttons */
			}

			.event-schedule-tab {
				background-color: #184b87;
				color: white;
				border: none;
				padding: 10px 20px;
				cursor: pointer;
				border-radius: 5px;
				border: 1px solid #184b87;
				outline: none;
				transition: background-color 0.3s, color 0.3s; /* smooth color transition */
			}

			.event-schedule-tab.active, .event-schedule-tab:focus {
				background-color: white;
				color: #184b87;
				border: 1px solid #184b87;
			}

			.event-schedule-tab-content {
				display: none; /* by default tab contents are not displayed */
				padding: 10px;
				background-color: white; /* matches the active tab background color */
			}

			table.event-schedule-table,
			.registration table
			{
				width: 100%;
				border-collapse: collapse;
				margin-top: 20px; /* adds space between the tabs and the table */
				font-size: 1.12em;
			}

			table.event-schedule-table th,
			.registration table th
			{
				background-color: #184b87;
				color: white;
				padding: 8px;
				text-align: left;
			}
			
			/* setting the th widths */ 
			table.event-schedule-table th:first-child,
			.registration table th:first-child
			{
				width: 35%;
				border-radius: 10px 0 0 0;
			}
			
			table.event-schedule-table th:last-child,
			.registration table th:last-child
			{
				width: 35%;
				border-radius: 0 10px 0 0;
			}

			table.event-schedule-table td,
			.registration table td
			{
				padding: 8px;
				text-align: left;
				border-bottom: 1px solid #ddd; /* light border for rows */
			}

			table.event-schedule-table tr:nth-child(even),
			.registration table tr:nth-child(even)
			{
				background-color: #f2f2f2; /* zebra striping for rows */
			}

			table.event-schedule-table tr:hover,
			.registration table tr:hover
			{
				background-color: #e8f4ff; /* hover effect for rows */
			}
			.breadcrumb {
				display: none;
			}
			
			/* style for Plan Your Trip tab */ 
			
			#plan-trip-nav {
				list-style: none;
				display: flex;
				justify-content: center;
			}
			
			#plan-trip-nav li {
				padding: 1em 1.5em;
				font-size: 1.2em; /* here */
				display: flex;
				flex-direction: column;
				align-items: center;
			}
			
			#plan-trip-nav span {
			    padding: 5px;
			}
			
			#plan-trip-nav a {
				color: #501958;
				border-bottom: none;
				border: 1px solid #501958;
				border-radius: 6px;
				padding: 5px 20px;
			}
			
			#plan-trip-nav a:hover {
				color: #6f147c;
				border: 1px dotted #6f147c;
			}
			
			#plan-trip-nav a:focus {
				color: rgb(130 92 136);
			}
						
			.wrapper {
				max-width: 1200px;
				display: grid;
				grid-template-columns: 1fr 2fr;
				grid-gap: 70px 65px;

			}
			
			.wrapper .left {
				overflow: hidden;
				width: 100%;
			}
			
			.wrapper .left img {
				object-fit: cover;
			}
			
			.wrapper .right {
				width: 100%;
				height: 100%;
			}
			
			.two { /* styling for the map on Plan Your Trip tab */
				margin: 3em 0;
			}
			
			.wrapper .two {
				max-height: 300px
				place-items: center;
			}
			
			.two .left iframe {
				display: inline-block;	
				float: right;
			}
			
			/* styling for columns on Featured Speakers page */
			
			#speakers-content .wrapper .right a {
				margin: 0 10px;
    			font-size: 1.5em;
			}


/* Enables the sections to be viewed in the CMS editor */

#cms-inline-editor-id .event-tab-content {display: block!important;}
#cms-inline-editor-id .ou-justedit-region .event-tab-content {display: block!important;}