@charset "UTF-8";
/* CSS Document - Charles Armstrong School */

/* fonts */

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Roboto:wght@300;400&display=swap');

body, div, h1, h2, h3, span, p {
			}
/* fullscreen */
			
body {
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
    font-family: 'Roboto', sans-serif;
	font-weight: 400;
	background-color: #f6f8f9;
}

/* fix for scroll bars on webkit & >=Mac OS X Lion */ 
			::-webkit-scrollbar {
				background-color: rgba(0,0,0,0.5);
				width: 0.75em;
			}
			::-webkit-scrollbar-thumb {
    			background-color:  rgba(255,255,255,0.5);
			}
			
		
/* general text */	

.spintitles {
	font-weight: 600 !important;
	font-size: 24px !important;
    font-family: 'EB Garamond', serif !important;
}

#goinfosvg:hover {
    transform: scale(1.2);
    transition: all .2s ease-in-out;
}

#mediagallery {
	color: #c32033;
	font-weight: 400;
	font-size: 24px;
    font-family: 'Roboto', sans-serif;

    }

#text {
	margin-left: 0px;
	margin-right: 0px;
}


/* map buttons */

.buttons {
	border: solid 5px #000000 !important;
  background-clip: content-box !important; 
  padding: 0px !important;
}


/* the gradients */

.gradient_top {
	background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.spintitles {
	background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.lightbox {

	background: rgb(0,81,137);
background: -moz-linear-gradient(90deg, rgba(0,81,137,1) 0%, rgba(129,189,65,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(0,81,137,1) 0%, rgba(129,189,65,1) 100%);
background: linear-gradient(90deg, rgba(0,81,137,1) 0%, rgba(129,189,65,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005189",endColorstr="#81bd41",GradientType=1);
}




/* social media buttons */

				
#socialbuttons {
	display: none;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 20px;
	padding-top: 4px;
	text-align: center;
	background-color: #f6f8f9;	
}


#socialbuttons p {
	color: #005189;
	font-weight: 600;
	font-size: 28px;
    font-family: 'EB Garamond', serif;
}

#socialbuttons a {
margin-left: 5px;
margin-right: 5px;
}

/*  fancybox background and caption in the slideshows  */



.fancybox-close:hover {

    transform: scale(1.2);
    transition: all .2s ease-in-out;
}

.fancybox-nav span:hover {

    transform: scale(1.2);
    transition: all .2s ease-in-out;
}


#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000000;
}


/* animation of svg */

.svg:hover { 
	transform: scale(1.2); 
	transition: all .2s ease-in-out;
}


.content {
	color:#777; 
	width:100%;
}