*{
    box-sizing: border-box;
}
.call-to-action b{
	 font-size:25px;
	color:greenyellow;
}

.call-to-action p{
	font-weight: bold;
}

/*nav bar item hover effect css*/

.manual_css_navlink span:hover, .dropdown span:hover{
	color:greenyellow;
	
    transition: all 0.5s;
	border: 2px solid greenyellow;
}




/*navbar item bold css*/
.manual_css_navlink span{
	font-weight:500;
	color:white;
	text-shadow:2px 2px 1px navy;
	text-shadow:2px 2px 1px black;
	letter-spacing:1px;
}

.span2{
	font-weight: 500 !important;
}
.dropdown span{
	font-weight:bold;
	color:white;

}


/*start letter to be biggest css*/

.manual_css_letterbig{
	font-size:40px;
	font-weight:bold;


}

/*emblem text css*/

.details p{
	text-shadow:2px 2px 2px skyblue;
	letter-spacing: 1px;
	word-wrap: break-word;
	line-height: 1.7
}

/*mantra text css from emblem*/

.manual_css_mantra{
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size:25px;
	text-shadow:2px 2px 2px pink
}

.manual_css_slide{
	height:700px;

}

.carousel-item img{
	height:800px;
	border-radius:25px;



}

.school_name_css{
	max-width: 75%;
	position: relative;
	
	top: 80%;
	animation:nameplate 5s linear infinite;
}






/*
.slide-css::before{
	content:'';
	background:image('../img/common/balloon.gif');
	background-attachment: scroll;
	background-position: left;
	background-origin: content-box;
	background-size: contain;
	position:relative;top:100px;left:100px;
	z-index: 999;
}
*/


/*drop down indicator*/

.dropdown-indicator{
	color:purple
}





.footer-links{color:white

}

.manual_css_gallery_button{
   
}

.months_list li{
    margin-right: 50px;
    list-style:blue;
    justify-content: space-around;
    border:2px solid navy;
    border-radius: 5px;
    padding: 4px 10px 4px 10px;
   
}

.months_list a{
    color:navy
}

.manual_css_footer_logo{
    position:absolute;
   
    border-radius:25px;
    left:50px
}
/*digital smartclass css*/
.scroller_div{
	display:flex;
	justify-content: space-between;
	overflow-x: scroll;
}

.scroller_div img{
	margin:1rem;
	height: 300px;
    width:400px;
}





.events li{
	list-style: none;
	display:flex;
	margin-bottom: 10px;
	padding:5px;
	
}

.events .red_list .left_side{
	height:80px;
	width:80px;
	padding:5px;
	background: rgba(60,13,68,1.00);
	color:white;
	display:inline-flex;
	justify-content:center;
	align-items: center;
		
}
.events .right_side{
	height:80px;
	min-width:280px;
	border:1px solid;
	background:#fff;
	color:darkslategray;
	padding:10px;
}

.events .grey_list .left_side{
	height:80px;
	width:80px;
	padding:5px;
	background: #2e3f4f;
	color:white;
   display:inline-flex;
	justify-content:center;
	align-items: center;
		}


.red_list span,.grey_list span{
	font-size:2rem;
	font-weight: bold;
}

.right_side{
	font-size:20px;
	font-weight: bold;
	text-align: center;
}

.manual_css_table{
    display:table;

   
}
.manual_css_table td{
   
    font-weight:bolder;
	margin: 7px;
    color:red;
	background-image: linear-gradient(white 68%, blue 32%);
	border-bottom-right-radius: 10px;
	border-right:2px solid rgba(0,0,0,0.66);
	border-bottom:2px solid white;
	
	
}






.manual_css_table th{
	background:radial-gradient(grey, darkgray);
	border:2px solid black;
	color:white;
	
}

.manual_css_head h1{
	display: inline-flex;
	padding:5px;
	color:white;
	text-shadow:3px 3px 3px black;
	font-weight:bold;
	border-bottom:5px inset red;
}

.manual_css_head p{
	font-weight:bold;
	color:indigo;
	padding-top: 30px;
	width:700px;
	line-height: 3;
	text-align: center;
	
	
	
}

/* school name in header*/

.logo_div h1{
	  
	padding-left:4px;
	/*text-shadow:0px 0px 20px maroon,2px 2px 2px red,3px 3px 3px maroon;*/
	text-shadow: 0px 0px 20px #000080,2px 2px 2px #19a8f1,3px 3px 3px #000078;
	border-radius:10px;
	
}

.upper{
	height:700px;
	width:90%;
	border-radius:10px;
	margin: 20px auto 150px;
	
}

	


.digital-header{
	height:3rem;
}


.art_css img:hover{
	transition: all 0.5s;
	z-index: 100;
	transform: scale(2);
}

.shrink_it{
	height:60px;
	width:60px;
}

.manual_css_about_page img{
	border-radius:25%;
	max-height: 400px
	
}

.manual_css_about_page h3{
	margin-top:40px
}

@media (min-width:640px){
	
	.manual_css_about_page img{
		padding-right:40px;
		max-height:250px;
	}
	
	.manual_css_about_page h3{
		text-align: center;
		display: flex
	}
}

	.digital_banner img{
	width:70%;
	position:absolute;
	z-index: 19
}

	.digital_banner h1{
	font-size:3vw;
	position:absolute;
	z-index: 20;
	bottom:-150px;
	
	
	color:white;
	text-shadow:2px 2px 3px black;
	
}


/*@IMPORT <link href="https://fonts.googleapis.com/css?family=Poor+Story" rel="stylesheet">*/



.random_gal {
width: 100%;
height: 100vh;
background: #5b9489;
font-family:'Times New Roman';
}
.container__items {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
height: 100%;
}
.polaroid {
margin: 30px;
width: 400px;
height: 450px;
background-color: white;
padding: 1rem;
box-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.2);
}
.polaroid__content-image {
height: 350px;
width: 100%;

}
.polaroid__content-image > img {
height: 100%;
width: 100%;
display: block;
object-fit: cover;
}
.polaroid__content-caption {
display: flex;
justify-content: center;
	flex-direction: column;
align-items: center;
font-size: 25px;
}



.flip-embedded a img{
	height:400px;
}

.flip-entry-thumb img{
	height:400px;
}
.flip-entry-visual-card{
	height:400px;
}
.flip-entry-visual{
	height:400px;
}
.flip-entry-info{
	height:400px;
}
.flip-entry{
	height:400px;
}




.about_gal{
	height:100%;
	box-sizing: border-box;
}