@charset "utf-8";
/* CSS Document */

  body {
            font-family: "Montserrat", sans-serif;
	   margin: 0;
            padding: 0;
        }


   		/* Force the browser to drop default outer margins so headers sit perfectly flush */
        /* 
           FIX: Target the master navigation menu trigger box container from newNav.html 
           and override its properties so it anchors cleanly to the screen ceiling boundary.
        */
        .menu-trigger-bar {
            position: fixed !important; /* Locks it securely in place as you scroll */
            top: 0 !important;
            left: 0 !important;
            width: 100% !important;
            z-index: 99999 !important; /* Layers it smoothly over all text and image assets */
            background-color: #000000 !important; /* Solid black to mask underlying dynamic rows */
            box-sizing: border-box !important;
        }


    /* FIX: Lock element widths tightly within screen boundaries and handle layout */
        .collapsible {
            display: flex !important;
			flex-flow: column;
            justify-content:flex-start;
            align-items: left;
            width: 100% !important;
            box-sizing: border-box !important;
            overflow: hidden !important;
            cursor: pointer;
			background-color:#222;
			border-top: 1px solid #555; 
			border-bottom: 1px solid #000; 
			flex-wrap: wrap;
			padding: 10px;
        }

       
		 .collapsible div {
			margin-left: 10px;
			padding: 5px;
			
		}
	
        .active, .collapsible:hover {
            background-color: #333;
        }


        .content {
            display: block !important; 
            max-height: 0; 
			width: 100% !important;
            box-sizing: border-box !important;
            overflow: hidden; 
            transition: max-height 0.35s ease-out, padding 0.35s ease-out;
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .details {
            display: flex;
            align-items: baseline;
            background-color: #111;
            border: thin solid #000;
			padding-left: 30px;
			
        }

        .details div {
            padding: 10px;
            color:#D7D7D7;
        }
		
		.details div a:link, .details div a:visited {
			color:cornflowerblue;
		}

        .schedule-btn {
            background:black;
            color:limegreen;
            cursor: pointer;
            font-size: 0.7em;
			height:  30px;
			width:  60px;
			border: 1px solid #666;
        }

        .schedule-btn.added {
			padding: 3px 10px;
			color:#ECECEC;
        }

        #mySchedule .schedule-btn {
            display: none;
        }

        #mySchedule .details {
            margin-bottom: 10px;
            border-left: 5px solid limegreen;
			color: #000;
        }

/*============================================================================ */
/* ==============               MID MENU ITEMS            ==================== */
/*============================================================================ */
	
	.midMenu{
		background-color:#222;
		display:flex;
		padding-left: 10px;
		width: 100%;
		position: sticky;
  		top: 55px;
		border-top:  thin solid #666;
	
		overflow:auto;
		}
	
	.midMenu div{
		padding: 5px 8px;
		margin: 0 0px;
		font-weight:400;
		font-size: 1.em;
	}
	.midMenuInfo{
		padding: 5px 16px;
		margin: 0 0px;
		font-weight:400;
		font-size: .8em;
		font-style: oblique;
		color:#eee;
		background-color:#222;
		border-bottom: 2px solid #000;
	}
	
	.midMenu div a:link, .midMenu div a:visited{
		color:#A9A9A9;
		text-decoration: none;
	}
	.midMenu div a:hover{
		color:white;
		text-decoration: none;
	}

	.midMenu div1 a:link, .midMenu div1 a:visited{
		color: limegreen; 
		text-decoration: none;

	}
		
						
	.dateText{
		color:#E4E4E4;
		font-size: .8em;
		padding: 0;
		margin: 0;
	}
	.timeText{
		color:#E4E4E4;
		font-size: .8em;
		padding: 0px;
		margin: 0px;
	}
	.actText{
		color:aliceblue;
		font-size: 1.2em;
		font-weight: 600;
		margin: 0;
	}
	.venueText{
		color:#09A7F9;
		font-size: 1em;
		padding: 0;
		font-style: oblique;
		margin: 0;
		font-weight: 400;
	}