/*!
 * Madison Metro School District - custom css changes for Finalsite - www and school themes
 * Updates By: Brad Mackey - bmackey@madison.k12.wi.us
 * 2022-10-27
 */
 
/* Let's Talk Tab Placement */
.bottomRightLT {
	right: 130px !important;
}

/* Testimonial section header font color change */
.testimonial > header > .fsElementTitle {
	color: #ffffff;
}

/* Homepage slide caption text size */
.homepage-slide-text {
	font-size: 18px !important;
	line-height: 26px !important;
}

/* Library Media Center Image Crop */
div.library-photo-fit img {
	object-fit: cover;
	border-radius: 0 50px 0 0;
	width: 100%;
	height: 200px;
}

/* Show nav on mobile if needed */
.nav-sub-mmsd {
	display:block;
	padding:0;
	position:relative
}
@media (min-width:700px){
	.nav-sub-mmsd{
		display:block
}
}
.nav-sub-mmsd li,.nav-sub-mmsd ul{
	list-style:none;
	padding:0;
	margin:0
}
.nav-sub-mmsd a{
	display:block;
	border:0;
	padding:15px 29px 16px;
	position:relative;
	color:#636363;
	font-size:15px;
	line-height:20px;
	font-weight:700;
	text-transform:none;
	font-family:Lato,sans-serif;
	text-decoration:none;
	appearance:none;
	background:none
}
.nav-sub-mmsd a:focus,.nav-sub-mmsd a:hover{
	color:#007faa;
	text-decoration:none
}
.nav-sub-mmsd nav a{
	display:block
}
.nav-sub-mmsd .menu-toggle{
	display:block;
	width:51px;
	border:0;
	padding:0;
	position:absolute;
	top:0;
	right:8px;
	bottom:calc(100% - 38px);
	cursor:pointer;
	transition:transform .3s ease;
	appearance:none;
	background:none;
	overflow:hidden
}
.nav-sub-mmsd .menu-toggle:before{
	content:"\F105";
	font-family:IcoMoon;
	font-smoothing:antialiased;
	font-weight:400;
	speak:none;
	display:block;
	width:20px;
	height:20px;
	position:absolute;
	top:9px;
	left:15px;
	transform:rotate(0deg);
	transform-origin:50% 50%;
	color:#242424;
	font-size:14px;
	line-height:20px;
	text-align:center;
	opacity:1;
	transition:transform .3s ease,color .3s ease
}
.nav-sub-mmsd .menu-toggle>span{
	position:absolute;
	top:-9999em;
	left:-9999em;
	color:#000;
	font-size:0;
	line-height:0;
	background:#fff
}
.nav-sub-mmsd .fsNavLevel1{
	padding:14px 0 13px;
	border:1px solid rgba(0,0,0,0);
	background-color:#f8f8f8
}
.nav-sub-mmsd .fsNavLevel1 li.fsNavParentPage>.fsNavPageInfo{
	display:none
}
.nav-sub-mmsd .fsNavLevel1>li{
	display:block;
	position:relative;
	border:0
}
.nav-sub-mmsd .fsNavLevel1>li:before{
	content:"";
	display:block;
	height:1px;
	position:absolute;
	left:30px;
	right:30px;
	bottom:0;
	background-color:#e5e5e5
}
.nav-sub-mmsd .fsNavLevel1>li:last-of-type:before{
	display:none
}
.nav-sub-mmsd .fsNavLevel1>li.menu-open>.menu-toggle:before,.nav-sub-mmsd .fsNavLevel1>li.menu-opening>.menu-toggle:before{
	transform:rotate(90deg)
}
.nav-sub-mmsd .fsNavLevel1>li>.menu-toggle{
	bottom:calc(100% - 51px)
}
.nav-sub-mmsd .fsNavLevel1>li>.menu-toggle:before{
	top:15px
}
.nav-sub-mmsd .fsNavLevel1>li.fsNavParentPage>a{
	padding-right:10px;
	margin-right:59px
}
.nav-sub-mmsd .fsNavLevel1>li.fsNavParentPage>a:after{
	display:block
}
.nav-sub-mmsd .fsNavLevel1>li[class*=fsNavCurrentPage]>a,.nav-sub-mmsd .fsNavLevel1>li[class*=fsNavCurrentPage]>a:focus,.nav-sub-mmsd .fsNavLevel1>li[class*=fsNavCurrentPage]>a:hover{
	color:#000
}
.nav-sub-mmsd .fsNavLevel1>li>a{
	padding-left:30px
}
.nav-sub-mmsd .fsNavLevel1>li>.fsNavPageInfo{
	display:none
}
.nav-sub-mmsd .fsNavLevel2{
	border:0;
	padding:0 0 15px;
	position:relative
}
.nav-sub-mmsd .fsNavLevel2 li{
	position:relative
}
.nav-sub-mmsd .fsNavLevel2 li.fsNavCurrentPageAncestor>a,.nav-sub-mmsd .fsNavLevel2 li.fsNavCurrentPageAncestor>a:focus,.nav-sub-mmsd .fsNavLevel2 li.fsNavCurrentPageAncestor>a:hover{
	color:#000
}
.nav-sub-mmsd .fsNavLevel2 li.fsNavCurrentPage>a,.nav-sub-mmsd .fsNavLevel2 li.fsNavCurrentPage>a:focus,.nav-sub-mmsd .fsNavLevel2 li.fsNavCurrentPage>a:hover{
	color:#8f4497
}
.nav-sub-mmsd .fsNavLevel2 li.fsNavParentPage>a{
	padding-right:10px
}
.nav-sub-mmsd .fsNavLevel2 li.menu-open>.menu-toggle:before{
	transform:rotate(90deg)
}
.nav-sub-mmsd .fsNavLevel2 li>a:before{
	content:"";
	display:block;
	width:3px;
	max-width:3px;
	position:absolute;
	top:0;
	left:30px;
	bottom:0;
	background-color:#e5e5e5;
	transition:max-width .3s ease 0s;
	overflow:hidden
}
.nav-sub-mmsd .fsNavLevel2 li a{
	padding-top:13px;
	padding-bottom:13px;
	line-height:14px;
	font-weight:600
}
.nav-sub-mmsd .fsNavLevel2>li>a{
	padding-left:55px
}
.nav-sub-mmsd .fsNavLevel2>li>a:before{
	left:30px
}
.nav-sub-mmsd ul.fsNavLevel3{
	margin-top:16px
}
.nav-sub-mmsd ul.fsNavLevel3>li>a{
	padding-left:77px
}
.nav-sub-mmsd ul.fsNavLevel3>li>a:before{
	left:52px
}
.nav-sub-mmsd ul.fsNavLevel4{
	margin-top:16px
}
.nav-sub-mmsd ul.fsNavLevel4>li>a{
	padding-left:99px
}
.nav-sub-mmsd ul.fsNavLevel4>li>a:before{
	left:74px
}
.nav-sub-mmsd ul.fsNavLevel5{
	margin-top:16px
}
.nav-sub-mmsd ul.fsNavLevel5>li>a{
	padding-left:121px
}
.nav-sub-mmsd ul.fsNavLevel5>li>a:before{
	left:96px
}
.nav-sub-mmsd ul.fsNavLevel6{
	margin-top:16px
}
.nav-sub-mmsd ul.fsNavLevel6>li>a{
	padding-left:143px
}
.nav-sub-mmsd ul.fsNavLevel6>li>a:before{
	left:118px
}
.nav-sub-mmsd ul.fsNavLevel7{
	margin-top:16px
}
.nav-sub-mmsd ul.fsNavLevel7>li>a{
	padding-left:112px
}
.nav-sub-mmsd ul.fsNavLevel7>li>a:before{
	left:140px
}

/* Layout classes with card backgrounds */
.custom-card-primary.fsLayout {
	background-color: #007faa;
}
.custom-card-secondary.fsLayout {
	background-color: #8f4497;
}
.custom-card-dark.fsLayout {
	background-color: #555;
}
.custom-card-darkblue-primary.fsLayout {
	background-color: #293491;
}
.custom-card-green-primary.fsLayout {
	background-color: #00562c;
}
.custom-card-red-primary.fsLayout {
	background-color: #903232;
}
.custom-card-purple-primary.fsLayout {
	background-color: #4c3889;
}
.custom-card-school-secondary.fsLayout {
	background-color: #007faa;
}
[class*="custom-card-"].fsTwoColumnWideRightLayout {
	padding: 0px 20px 20px 20px;
}
[class*="custom-card-"].fsTwoColumnWideLeftLayout {
	padding: 0px 20px 20px 20px;
}
[class*="custom-card-"].fsLayout {
	color: #fff;
	margin-left: 0px;
	margin-right: 0px;
}
[class*="custom-card-"].fsLayout .fsContent {
	padding-top: 20px;
}
[class*="custom-card-"] h2.fsElementTitle {
	color: #fff;
	padding-top: 20px;
	margin-bottom: 0px;
}
[class*="custom-card-"] a:link {
	color: #fff;
}
[class*="custom-card-"] a:visited {
	color: #fff;
}
[class*="custom-card-"] a:hover {
	color: #fff;
	text-decoration: none;
}
[class*="custom-card-"] a:active {
	color: #fff;
}
.custom-card-light.fsLayout {
	background-color: #f8f8f8;
	color: #636363;
}
.custom-card-light h2.fsElementTitle {
	color:#242424;
}
.custom-card-light a:link {
	color:#007faa;
}
.custom-card-light a:visited {
	color:#007faa;
}
.custom-card-light a:hover {
	color:#007faa;
	text-decoration: none;
}
.custom-card-light a:active {
	color:#007faa;
}
[class*="card-"] h1 {
	color: white;
}
.custom-card-light h1 {
	color: #242424;
}
.custom-card-primary h2 {
	color: #fff !important;
}
.custom-card-primary h3 {
	color: #fff !important;
}
.custom-card-primary h4 {
	color: #fff !important;
}
.custom-card-primary h5 {
	color: #fff !important;
}
.custom-card-primary h6 {
	color: #fff !important;
}
.custom-card-secondary h2 {
	color: #fff !important;
}
.custom-card-secondary h3 {
	color: #fff !important;
}
.custom-card-secondary h4 {
	color: #fff !important;
}
.custom-card-secondary h5 {
	color: #fff !important;
}
.custom-card-secondary h6 {
	color: #fff !important;
}
.custom-card-dark h2 {
	color: #fff !important;
}
.custom-card-dark h3 {
	color: #fff !important;
}
.custom-card-dark h4 {
	color: #fff !important;
}
.custom-card-dark h5 {
	color: #fff !important;
}
.custom-card-dark h6 {
	color: #fff !important;
}
.custom-card-light h2 {
	color:#242424 !important;
}
.custom-card-light h3 {
	color:#242424 !important;
}
.custom-card-light h4 {
	color:#242424 !important;
}
.custom-card-light h5 {
	color:#242424 !important;
}
.custom-card-light h6 {
	color:#242424 !important;
}
.custom-card-school-secondary h2 {
	color: #fff !important;
}
.custom-card-school-secondary h3 {
	color: #fff !important;
}
.custom-card-school-secondary h4 {
	color: #fff !important;
}
.custom-card-school-secondary h5 {
	color: #fff !important;
}
.custom-card-school-secondary h6 {
	color: #fff !important;
}
.custom-card-purple-primary h2 {
	color: #fff !important;
}
.custom-card-purple-primary h3 {
	color: #fff !important;
}
.custom-card-purple-primary h4 {
	color: #fff !important;
}
.custom-card-purple-primary h5 {
	color: #fff !important;
}
.custom-card-purple-primary h6 {
	color: #fff !important;
}
.custom-card-red-primary h2 {
	color: #fff !important;
}
.custom-card-red-primary h3 {
	color: #fff !important;
}
.custom-card-red-primary h4 {
	color: #fff !important;
}
.custom-card-red-primary h5 {
	color: #fff !important;
}
.custom-card-red-primary h6 {
	color: #fff !important;
}
.custom-card-green-primary h2 {
	color: #fff !important;
}
.custom-card-green-primary h3 {
	color: #fff !important;
}
.custom-card-green-primary h4 {
	color: #fff !important;
}
.custom-card-green-primary h5 {
	color: #fff !important;
}
.custom-card-green-primary h6 {
	color: #fff !important;
}
.custom-card-darkblue-primary h2 {
	color: #fff !important;
}
.custom-card-darkblue-primary h3 {
	color: #fff !important;
}
.custom-card-darkblue-primary h4 {
	color: #fff !important;
}
.custom-card-darkblue-primary h5 {
	color: #fff !important;
}
.custom-card-darkblue-primary h6 {
	color: #fff !important;
}

/* System button color changes */
.fs_style_16 {
	border:1px solid #007faa !important;
	color:#007faa !important;
	background:#fff !important;
}
.fs_style_16:hover, .fs_style_16:focus {
	border-color:#007faa !important;
	color:#fff !important;
	background:#007faa !important;;
}

@media (max-width: 600px)
{
	[class*="custom-card-"].fsLayout {
		padding: 0px 20px 20px 20px;
	}
}

/* Adding responsive columns for things like ul lists */
.twoColumns {
	columns: 2;
}

.threeColumns {
	columns: 3;
}

@media (max-width: 700px)
{
	.twoColumns {
		columns: 1;
	}

	.threeColumns {
		columns: 1;
	}
}

/* Footer links for phone numbers color change */
.fsLocationPhone a:link {
	color: white;
	text-decoration: none;
}

.fsLocationPhone a:visited {
	color: white;
	text-decoration: none;
}

.fsLocationPhone a:hover {
	color: white;
	text-decoration: underline;
}

.fsLocationPhone a:active {
	color: white;
	text-decoration: none;
}

/* Homepage Slideshow White text */
.slideshow-custom {
	color: white !important;
}

.slideshow-custom > header > .fsElementTitle {
	color:white !important;
}

.slideshow-custom a:link {
	color: white !important;
}

.slideshow-custom a:visited {
	color: white !important;
}

.slideshow-custom a:hover {
	color: white !important;
	text-decoration: underline;
}

.slideshow-custom a:active {
	color: white !important;
}

.slideshow-custom p {
	color: white !important;
}

.slideshow-custom .fsNextButton::before, .slideshow-custom .fsPrevButton::before {
	color: white;
}

.slideshow-custom .fsPager li.slick-active button::before {
	background-color: white;
}

.slideshow-custom .fsPager li button:hover::before, .slideshow-custom .fsPager li button:focus::before {
	background-color: white;
}

.slideshow-custom .fsPager li button::before {
	background-color: rgba(255, 255, 255, 0.25);
}

.slideshow-custom .fsNextButton:hover::before, .slideshow-custom .fsNextButton:focus::before, .slideshow-custom .fsPrevButton:hover::before, .slideshow-custom .fsPrevButton:focus::before {
	color: rgba(255, 255, 255, 0.5);
}