/*for photo annuals */    

body {
    background-color: #FFE8E8;
    }
    
body,td,th {
    color: #003300;
    }
    
/* 1. Center the list block within the main page/container */
.movie-wrapper {
    display: flex;
    justify-content: center; /* Horizontally centers the list wrapper */
    margin-bottom:1.2%;
    }

.movie-list { 
    display: inline-block;
    font-family:'adega_serifregular'; 
    font-size: 1.1vw; 
    text-align:left; 
    text-decoration:none;  
    padding: 0;
    margin: 0;
    list-style-position: inside; /* Keeps bullets aligned with the text */
    list-style-type: none;
    }

.movie-list li {
    margin-bottom: 10px;   /* Clean spacing between your playlist items */
    }

.movie-list a {
    display: inline-block;
    color: #B20000;
    text-decoration: none;
    transition: all 0.2s ease; /* Makes the transition smooth */
    }

.movie-list a:hover {
    text-decoration:underline;
    color: #B65500;
    }

.movie-link.active {
    color: #ff0000;             /* Changes text color to YouTube red */
    font-weight: bold;          /* Makes the playing text bold */
    padding-left: 8px;          /* Shifts text slightly right to accommodate the line */
    border-left: 3px solid red; /* Adds a clean visual indicator bar to the left */
    }			

/*for youtube videos and movie list links */
.movie { 
    font-family:'adega_serifregular'; 
    font-size: 1.1vw; 
    text-align:left; 
    text-decoration:none; 
/*    margin:auto;  */
    width:80%; 
    text-justify:auto;

    }

.movie { 
    font-family:'adega_serifregular'; 
    font-size: 1.1vw; 
    text-align:left; 
    text-decoration:none; 
    }
.movie a:link {
    text-decoration:none; 
    color:#BE005F; 	   
    }
.movie a:visited {
    color:#C12F2F;
    }
.movie a:hover {
    color:#800080;
    }
.movie a:active {
    color:green;
    }		 

  
.iframe-container{
    position: relative;
    width: 100%;
    margin:auto;
    padding-bottom: 56.25%; 
    height: 0;
    }

.iframe-container iframe{
    position: absolute;
    top:0;
    left: 0; 
    width: 100%;
    height: 100%;
    }
    
/*for year and month navigation buttons */    
.months .act {
	box-shadow:inset 0px 0px 14px -3px #f9f9f9;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border: 2px solid #b2b8ad;
	display:inline-block;
	cursor:pointer;
	color:#AE6278; 
    font-family:'Trebuchet MS';
    letter-spacing: 0.5rem;
    font-size: calc(var(--scale, 1.1) * 1.1rem);
    padding: .1em .57em;  
/*  font-size: 2.2 vmin;
	padding:3px 17px; */
	text-decoration:none;
	text-shadow:0px 1px 3px #ced9bf;
    margin-right:12px;
    margin-bottom:.4%;
}

.months .act:hover {
	background:linear-gradient(to bottom, #dbc5db 5%, #f9f9f9 100%);
	background-color:#aebfa3;
}

.months .act:active {
	position:relative;
	top:1px;
}

.months .inact {
	box-shadow:inset 0px 0px 14px -3px #f2fadc;
	background-color:transparent;
	border-radius:6px;
/*	border: 1.2 px solid #C078FF; */
	display:inline-block;
    cursor:auto;
	color:#C30027;

    font-family:'Trebuchet MS';
    letter-spacing: 0.5rem;
    font-weight:bold;
    font-size:larger;
    font-size: calc(var(--scale, 1.3) * 1.3rem);
    padding: .3em .57em;  
    /* font-size: 2.2 vmin;
	padding:3px 17px;*/
	text-decoration:none;
	text-shadow:0px 1px 3px #ced9bf;
    margin-right:12px;
    margin-bottom:.4%;
    scale: 98%;
}

.months .dis {
	background-color:transparent;
	display:inline-block;
	cursor:auto;
	color:#bfbfbf;
    font-family:'Trebuchet MS';
    letter-spacing: 0.5rem;
    font-size: calc(var(--scale, 1.1) * 1.1rem);
    padding: .3em .57em;  
/*    font-weight:bold;
    font-size: 2.2 vmin;
	padding:3px 17px; */
	text-decoration:none;
    margin-right:12px;
    margin-bottom:.4%;
    scale: 98%;
}
        
.years .act {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:2px solid #FF7300;
	display:inline-block;
	cursor:pointer;
	color:#AE6278;
    font-family:'Trebuchet MS';
    font-size: calc(var(--scale, 1.1) * 1.1rem);
    font-weight:bold;
    padding: .5em 1.25em;  

/*	font-family:Arial;
	font-size: 3.4 vmin; */
	padding:4px 5px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
    margin-right:12px;
    margin-bottom:.8%;
}

.years .act:hover {
	background:linear-gradient(to bottom, #dbc5db 5%, #f9f9f9 100%);
	background-color:#dbc5db;
}
.years .act:active {
	position:relative;
	top:1px;
}

.years .inact {
	box-shadow:inset 0px 0px 14px -3px #f2fadc;
	background-color:transparent;
	border-radius:6px;
	display:inline-block;
    cursor:auto;
	color:#C30027;
    font-family:'Trebuchet MS';
    font-weight:bold;
    font-size:larger;
    font-size: calc(var(--scale, 1.3) * 1.3rem);

    /* padding: .5em 1.25em;  
	font-family:Arial;
	font-size: 3.4 vmin; */
	padding:1px 15px;
	text-decoration:none;
	text-shadow:0px 1px 3px #ced9bf;
    margin-right:12px;
    margin-bottom:.8%;
}