/*=========================================
Button Styling for School Landing Pages
=========================================*/


/* Typography and display styling for home page buttons */

.home-page-button a {
    padding: 1em 2em;
    font-size: 1.25rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    border-radius: 0px;
    border: 2px transparent solid;
}

/* Hover effect for home page button */

.home-page-button a:hover {
    background-color: transparent !important;
    border: 2px white solid !important;
}

/* Typography and display styling for home page button variation */

.home-page-button-hover-black a {
  	padding: 1em 2em;
    font-size: 1.25rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    border-radius: 0px;
    border: 0px white solid!important;
}

/* Hover effect for home page button variation */

.home-page-button-hover-black a:hover {
  color:black !important;
  background-color: transparent !important;
  border: 2px white solid !important;
}

/* Mobile screen size home page button section adjustments */

@media (max-width: 768px) {
	.home-page-button a {
		font-size: 1rem;
	}
	.main-display-text > div > div > .fs-2 {
		font-size: 1.5rem !important;
	}
	.main-display-text > div > div > .fs-5 {
		font-size: 1rem !important;
	}
}

/* Border styling for video controls */

#home-video-button:hover {
	border-color: white !important;
}

/* Remove border from text buttons */

.text-button a {
    border-radius: 0px;
    font-size: 1rem;
}

/*===================================
Page Title Styling
===================================*/

/* Remove some h1 overrides from theming */

h1:not(.site-name__group-link__heading), .h1 {
    text-transform: none;
    color: white; 
    text-shadow: 3px 3px 8px black;
}