@charset "UTF-8";
/* CSS Document - Brewster Academy 

blue - #0f2d52
red - #871f41
light blue - 

*/


body, .flyoutshadow_left, .flyoutshadow_right  {
	background-color: #ffffff;
}

.lightbox, {
	background-color: rgb(255, 255, 255, .9) !important;
	/*  use https://angel-rs.github.io/css-color-filter-generator/ to find filter RGB for desired HEX   */
}


.gradient {
	background: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 0.46) 0%, rgba(0, 0, 0, 0) 100%);
}

.topbar, .swiper-button-next, .swiper-button-prev {
	background-color:  #0f2d52  !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
	background-color: #871f41 !important;
}

.keytitle, .keytopbuttons, .markernumber, .slide-captions h3, .textframe h3, #socialbuttons h3, #slide-caption h3   {
	color: #0f2d52  !important;
}

.keytopbuttons, .closebutton {
	background-color: #0f2d52  !important;
	color: #ffffff !important;
}

.downloadbutton {
	background-color: #BFD730  !important;
	color: #ffffff !important;
}

hr {
	border-top: .5px solid #bfbfbf; /* change color of horizontal rule in the text */
}


#linkbutton {
  background-color: #40bbf1;
  border: none;
  color: #ffffff !important;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 20px;
}

#linkbutton:hover {
	background-color: #00647A;
}



.buttons {
	background-color: #40bbf1   !important;
	border: solid 0px #40bbf1 !important;
}

.buttonicon {
	filter: brightness(0) saturate(100%) invert(99%) sepia(75%) saturate(0%) hue-rotate(18deg) brightness(107%) contrast(100%);
	/*  use https://angel-rs.github.io/css-color-filter-generator/ to find filter for desired HEX   */
}




.markernumber {
	color:  #ffffff !important;
	border-color: #ffffff !important;
}

.ring {
	border: solid 6px #aac931 !important;
}

.listitem, .listitem_number, .listitem_number_double {
	color:  #0F2D52 !important;
}

.listitem:hover, .listitem_number:hover, .listitem_number_double:hover {
	color:  #00647A !important;
}

.textframe, #slide-caption {
	color:  #0F2D52 !important;
}

.textframe a, #slide-caption a {
	color:  #40bbf1;
}

.textframe a:hover, #slide-caption a:hover {
	color:  #00647A;
}

/* thumbnail colors */

.iconback {
    background-color: #0F2D52; /*change for the color of the thumbnail icons*/
}

.swiper-slide-thumb-active img {
    border: solid 6px #871f41; /*change for color of thumbnail border when active */
}