@charset "utf-8";
/* CSS Document */

.pg-hdr-int {
    background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/AR2024-2025-Cover.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
}

/* MISC */
.ContentBlock.py-5 { padding-top:4rem !important; padding-bottom:4rem !important; }
h1 { font-size: 4.4em; font-weight: 800; color: #1F3A69; }
h1.small { font-size: 2em !important; font-weight: 800; color: #1F3A69;  }
h2 { font-size: 2.4rem; line-height: 3.2rem; font-weight: 600; color:#222;  }
h3 { font-size: 1.8rem; line-height: 2.4rem; font-weight: 500; }
h4 { font-size: 1.6em; line-height: 2.2rem; font-weight: 400; }
h5 { font-size: 1.3em; line-height: 1.8rem; font-weight: 400; }

.lead { font-size: 1.15rem; line-height: 1.9rem;}

hr { background:none;border-top:1px solid white; border-bottom:1px solid #e7e7e7; }
.card .card-text, .list-group-item { color:black; }
.table .thead-dark th { background-color: #0285B6; border-color: #0285B6; }
.Responsive-Table table { min-width: 0; }
table.table-sm td, table.table-sm th {
    padding: .3rem 0.3rem;
    font-size: 13px;
}

table.table td { color:black; font-weight: 400; }

/* STATS */
.stats { background:white;}
.stats h1 { font-size:2.8em; margin-bottom:0; color:#1F3A69;  }
.stats h2 { font-size:1.0em; text-transform:uppercase; margin-top:0; color:#222;}
.stats p { font-size:0.85em; }
.stats img { max-width:120px; box-shadow: 0px 0px 6px #FFB400; }

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
    background-color: #0285B6 !important;
}

/* TOC */

#welcome .list-group a { color:#1F3A69 !important; font-weight: 600; }
#welcome .list-group a:hover { color:white !important; background-color: #0285B6; }
#welcome .list-group-item.active { color:white !important; background-color: #0285B6; }

/* GOALS */
#goal1 h1,#goal1 h2,#goal1 h4,#goal1 h5 { color:#8b1d41; }
#goal1 h3, #goal1 .stats h2 { color:black; }
#goal1 .btn-primary,#goal1 .card-header, .goal1 { background:#8b1d41 !important; }

#goal2 h1,#goal2 h2,#goal2 h4,#goal2 h5 { color:#12a6da; }
#goal2 h3, #goal2 .stats h2 { color:black; }
#goal2 .btn-primary,#goal2 .card-header, .goal2 { background:#12a6da !important; }

#goal3 h1,#goal3 h2,#goal3 h4, #goal3 h5 { color:#118e6e; }
#goal3 h3, #goal3 .stats h2 { color:black; }
#goal3 .btn-primary,#goal3 .card-header, .goal3 { background:#118e6e !important; }

#goal4 h1,#goal4 h2,#goal4 h4, #goal4 h5 { color:#f26a66; }
#goal4 h3, #goal4 .stats h2 { color:black; }
#goal4 .btn-primary,#goal4 .card-header, .goal4 { background:#f26a66 !important; }


.goalhd { text-transform: uppercase; font-size: 50%; color: white; background: #f26a66; padding: 12px 16px 12px 16px; border-radius: 14px; }

#goal1 .goalhd { background: #8b1d41; }
#goal2 .goalhd { background: #12a6da; }
#goal3 .goalhd { background: #118e6e; }
#goal4 .goalhd { background: #f26a66; }


.goal1 .list-group a, .goal2 .list-group a, .goal3 .list-group a, .goal4 .list-group a { color:white !important; }


/* SCORECARDS */
	
.AcademicTable.table th {
    color: white;
    background: #8b1d41;
    border: 1px solid white;
    text-align: center;
}
.AcademicTable.table td.tbhdr { color:#000; background:#ffe3ec; font-size:1.1em !important; line-height:1.5em !important; } 
.AcademicTable.table td { font-size:0.9em !important; line-height:1.4em !important; } 

.FutureReadyTable.table th {
    color: white;
    background: #12a6da;
    border: 1px solid white;
    text-align: center;
}
.FutureReadyTable.table td.tbhdr { color:#000; background:#cff2fd; font-size:1.1em !important; line-height:1.5em !important; } 
.FutureReadyTable.table td { font-size:0.9em !important; line-height:1.4em !important; } 
	
.PositiveTable.table th {
    color: white;
    background: #118e6e;
    border: 1px solid white;
    text-align: center;
}
.PositiveTable.table td.tbhdr { color:#000; background:#d0f4eb; font-size:1.1em !important; line-height:1.5em !important; } 
.PositiveTable.table td { font-size:0.9em !important; line-height:1.4em !important; } 

.WorkforceTable.table th {
    color: white;
    background: #f26a66;
    border: 1px solid white;
    text-align: center;
}
.WorkforceTable.table td.tbhdr { color:#000; background:#fcebea; font-size:1.1em !important; line-height:1.5em !important; } 
.WorkforceTable.table td { font-size:0.9em !important; line-height:1.4em !important; } 

/* BACK TO TOP */
.fixed-back-top-btn { bottom: 2%; right: 2%;}
@media (max-width: 991px) { 
	.fixed-back-top-btn .btn-floating { width: 32px;  height: 32px; }
	i.fa.fa-arrow-up { font-size: 14px; line-height: 32px; }
	.card-title { font-size: 1.00rem; }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) { 
	h1 { font-size: 3.2rem; line-height: 4rem;  }
	.my-5 { margin-top: 1.6rem !important; margin-bottom: 1.6rem !important; }
	
}

/* Large devices (desktops, 992px and up)  */
@media (min-width: 992px) & (max-width: 1199.9px) {
	h1 { font-size: 5.4em; }
	h1.small { font-size: 3em !important;  }
}


/* Extra large devices (large desktops, 1200px and up)  */
@media (min-width: 1200px) {
	
	.goalhd { padding-top:24px; }

	
#aboutus { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-aboutus.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; }

#goal2 { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-achievement.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; }

#Financials { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-finance.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; }
	
#athletics { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-athletics.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; }

#goal3 { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-goal3b.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; }

#attendance { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-attendance.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; }

#capitalimprovements { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-capital.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

#partnerships { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-businesspartnership.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

#professionaldevelopment { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-professionaldevelopment.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

#accomplished { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-celebratingleaders.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; }  

#goal1 { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-curriculum.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

#systemsuccess { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-systemsuccess.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

#partnership { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-partnership.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

#goal4 { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-investingteachers.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

#studentachievement { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-studentachievement.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

#ltp { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-ltp.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; }  

#familyengagement { background-image:url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/BGS/bg-familyengagement.png); background-position: right top; background-repeat: no-repeat; background-size: 40%; background-attachment: fixed; } 

	

	
/* 12 - Framework */
#framework {
    background-image: url(https://www.montgomeryschoolsmd.org/siteassets/district/annualreport/2024-2025/pencil.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: full;
    background-attachment: fixed;
}
	
	.ContentBlock.py-5 { padding-top:8rem !important; padding-bottom:8rem !important; }
	h1 { font-size: 6em; line-height: 7.2rem; font-weight: 800;}
	h1.small { font-size: 3rem !important; font-weight: 800;  }
	h2 { font-size: 3.2rem; line-height: 4.0rem; font-weight: 600; margin-top:36px; }
	h3 { font-size: 2.2rem; line-height: 2.6rem; font-weight: 500;margin-top:24px;}
	h4 { font-size: 1.6rem; line-height: 2.2rem; font-weight: 400;margin-top:12px;}
	h5 { font-size: 1.4rem; line-height: 1.8rem; font-weight: 400;margin-top:8px;}
	    .lead {
        font-size: 1.35rem;
        line-height: 2rem;
        font-weight: 400;
    }
	/* STATS */
	.stats h1 { font-size:3.6em; line-height: 3.8rem; }
	.stats h2 { font-size:1.2em; line-height: 1.6rem; }
	.stats p { font-size:0.95em; line-height: 1.3rem; }
	.stats img { max-width:150px; }

}