/* //////////////////////////////////////////////////////////////
///////////////////// UNIVERSAL RULES ///////////////////////
///////////////////////////////////////////////////////////// */

/* removed on 1/14. better to adjust alignment with padding
.row .row-content {
	margin-left: 15px;
	margin-right: 15px;
	padding-top: 15px;
	padding-bottom: 40px;
}
*/
.row.row-content {
	/* decreased padding between content blocks on a dept page */
	padding-top: 20px;
	padding-bottom: 20px;
}

.row.row-content.lg-events {
	padding-bottom: 40px;
}

.row.row-content.dept-page,
.dept-content {
	/* added .dept-content on 4/9 */
	padding-left: 25px;
	padding-right: 25px;
}

.row.row-content.dept-page {
	padding-top: 5px;
}

.dept-content {
	/* added 4/9 */
	margin-top: 0;
}

.remove-bottom {
	/* don't use. no-bottom instead 5/8/15 */
	padding-bottom: 0;
	margin-bottom: 0;
}

.row.row-content.dept-page.remove-padding-bottom {
	padding-bottom: 0;
}

.row.row-content.dept-page.no-bottom,
.no-bottom {
	/* 2/4 */
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.row.row-content.dept-page.no-top,
.no-top {
	padding-top: 0 !important;
	margin-top: 0 !important;
}

.dept-page>p.font-text:first-child {
	/* to add padding to the top of a dept page if it begins with plain text */
	padding-top: 40px;
}

.dept-page>ul.orange.list-bullet:first-child {
	padding-top: 40px;
}

.dept-page a:first-child img:first-child {
	/* added 4/13 for library page */
	padding-top: 44px;
	padding-bottom: 15px;
	border-radius: 4px;
}

.dept-page>.img-responsive:first-child {
	/* 10/2016 margin for initial images - HFHS Network */
	margin-top: 40px;
}

ul.orange.list-bullet>li>ul.orange.list-bullet {
	/* added 1/24 to remove extra space for 2nd tier bullets */
	margin-bottom: 0;
}

body {
	font-weight: 400;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Roboto Slab', serif;
	margin: .75em 0 .5em;
	font-weight: 400;
	letter-spacing: .025em;
	/* 2/3 */
	color: #184366 !important;
}

.department-caption h2 {
	color: white !important;
}

p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 1.46;
	/* 7/2016 from 1.375 */
	letter-spacing: .02em;
	margin: 0 0 1rem;
}

tr,
th {
	font-weight: 400;
}

ul {
	padding: 0;
	list-style: none;
}

a,
a:hover,
a:visited,
a:active{
	text-decoration: none;
	color: #0B725E;
}

a:focus,
a:focus>img {
			outline: 3px solid #184366;
			text-decoration: none;
}

p a {
	/* added this 1/20 to better define links in regular paragraph text */
	font-weight: 700;
}

a:hover {
	color: #0B725E;
	cursor: pointer;
}

address {
	line-height: 1.25em;
}

.verticalcenter {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.jobs>.table>tbody>tr>td {
	line-height: 1em;
}

.table>tbody>tr>td {
	line-height: 1.25em;
}

.table-bordered {
	border: 2px solid #ccc;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
	border: 1px solid #ccc;
}

.table-dept-main {
	margin-top: 20px;
}

.table-dept-main>thead>tr>th {
	line-height: 1.1em;
}

.dept-right-col {
	/* changed from 20px on 4/10 */
	margin-bottom: 44px;
}

.panel-heading,
.panel-default>.panel-heading {
	border-radius: 4px 4px 0 0;
}

.jumbotron img {
	border-bottom: none;
}

.section-subheading.font-sm {
	/* so blue prologue text has more margin at the top of the page; changed to 40px on 1/23 */
	margin-top: 40px;
	font-family: 'Roboto';
	margin-bottom: 20px;
	/* added 1/24 to add space between prologue and list */
}

h3.section-subheading+h3.section-li {
	/* I don't remember why I did this, but I had to overwrite the rule below for multiple paragraphs on dept home page */
	margin-top: -15px;
}

h3.section-subheading.blue.font-sm+h3.section-subheading.blue.font-sm {
	/* added 1/24 for multiple paragraphs on dept home page */
	margin-top: 0;
}

h3.section-subheading.font-sm+h3.section-subheading.blue.font-lg {
	/* added 2/5 for FEF Scholarships Page */
	margin-top: 0;
}

h3.section-subheading+ul {
	padding-top: 0;
	/* changed 1/30 from 10 to 17; changed 2/3 from 17 to 0 for District Overview: Honors - need to figure out what is going on here */
}

div.row.row-content.dept-page>h3:first-child {
	/* added ">" on 4/7/15 */
	margin-top: 30px;
}

.sfContentBlock .row.row-content.contact:first-child h3:first-child {
	margin-top: -10px;
	/* added 1/30 to decrease top margin when contact page begins with a subheading font-sm */
}

.row.row-content.contact h3:first-child {
	margin-top: 20px;
}

.contact h2.section-heading {
	margin-top: 20px;
}

.embed-responsive {
	/* 2/3 */
	margin-top: 25px;
	border-radius: 4px;
}

.embed-responsive-bottom-margin {
	/* 2/3 */
	margin-bottom: 40px;
}

.dept-page-first {
	margin-top: 20px;
}

.message-alert+.section-subheading {
	margin-top: 0;
}

#leadership img {
	border-radius: 4px;
}

.img-header {
	padding-top: 40px;
	padding-bottom: 30px;
}

.columns-2 {
	-webkit-columns: 2;
	/* Chrome, Safari, Opera */
	-moz-columns: 2;
	/* Firefox */
	columns: 2;
}

.columns-2 a.collapsed h3.section-subheading {
	/* added 4/7/15 */
	margin-top: 5px;
}

.tab-one {
	/* added 6/24/15 */
	margin-left: 3em;
}

.tab-one .tab-one {
	padding-bottom: 30px;
}

.pad-bottom-40 {
	padding-bottom: 40px;
}

.pad-bottom-20 {
	padding-bottom: 20px;
}

.pad-bottom-10 {
	padding-bottom: 10px;
}

.pad-right-6 {
	padding-right: 6px;
}

.owl-caption {
	display: block;
	text-align: center;
	padding-top: .25em;
}

div#q1 {
	/* added 7/8/15 to keep the Nat-Activity PDF link from being covered and unclickable */
	position: relative;
}

span.open-green {
	/* added 9/2/15 for FEF-funrun subtle-event */
	background-color: #0B725E;
	padding: 4px;
	border-radius: 4px;
	color: white;
}

.caret-override,
.btn-default.caret-override,
.btn-default:hover.caret-override,
.btn-default:active.caret-override,
.btn-default:focus.caret-override {
	/* added 9/10/15 to fix firefox issue with default caret class - attendance zone page */
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Images/caret.png");
	background-repeat: no-repeat;
	background-position: right 2% bottom 50%;
	background-size: contain;
}

/******** District Calendar page ***********/
a.fc-event:focus {
	outline: #0C2233 solid;
	padding: 3px;
}


/* BUTTONS ///////////////////////////////////////// */

.btn {
	box-shadow: none;
	text-shadow: none;
	border-radius: 0;
	text-transform: uppercase;
}

.btn-lg {
	margin-top: 30px;
}

.btn-default,
.btn-default:hover {
	background-image: none;
	background-color: #bababa;
}

.btn-primary,
.btn-primary:hover {
	background-image: none;
	background-color: #184366;
}

.btn-success,
.btn-success:focus {
	background-image: none;
	background-color: #87ccbe;
	border-color: #4AB29E !important;
	color: #0C2233 !important;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
#about-nav-buttons .btn-success:hover {
	background-color: #0C2233;
	border-color: #0B725E;
	color: #4AB29E !important;
}

.btn-info,
.btn-info:focus {
	background-image: none;
	background-color: #b982aa;
	border-color: #ab6999;
	color: #0C2233 !important;
}

.btn-info:hover,
#about-nav-buttons .btn-info:hover {
	background-color: #0C2233;
	border-color: #6e375f;
	color: #ab6999 !important;
}

.btn-warning,
.btn-warning:focus {
	background-image: none;
	background-color: #f4d987;
	border-color: #EEC54B;
	color: #0C2233 !important;
}

.btn-warning:hover,
#about-nav-buttons .btn-warning:hover {
	background-color: #0C2233;
	border-color: #745908;
	color: #EEC54B !important;
}

a.btn {
	color: #0c2233 !important;
}

.btn-danger,
.btn-danger:focus {
	background-image: none;
	background-color: #f4ad9b;
	border-color: #EF8469;
}

.btn-danger:hover,
#about-nav-buttons .btn-danger:hover {
	background-color: #0C2233;
	border-color: #752e1c;
	color: #EF8469 !important;
}

.alert-danger {
	background-image: none;
	color: white;
	background-color: #AF4429;
	border-color: transparent;
}

li .alert-danger {
	padding-left: 30px;
}

.FAQ li>.alert>p {
	/* added 1/2017 for curriculum online resource passwords */
	padding-left: 1.33em;
}

#subscribe-text {
	white-space: normal;
}

/* COLORS ///////////////////////////////////////// */

.black {
	color: #000;
}

.blue {
	color: #5ab3c4;
}

.red {
	color: #AF4429;
}

.orange {
	color: #e8b20f;
}

.green {
	color: #0B725E;
}

.blue-dark-nav {
	color: #184366;
}

.blue-dark {
	color: #184366;
}

.grey-light {
	color: #e6e6e6;
}

.grey-med-light {
	color: #ccc;
}

.grey-med-dark {
	color: #bababa;
}

.grey-dark {
	color: #333;
}

.white {
	color: #fff;
}

.white50 {
	color: rgba(255, 255, 255, 0.5);
}

.black50 {
	color: rgba(0, 0, 0, 0.5);
}

.bg-black50 {
	background-color: rgba(0, 0, 0, 0.25);
}

.bg-black {
	color: #000;
}

.bg-blue-dark-nav {
	background-color: #184366;
}

.bg-blue {
	background-color: #5ab3c4;
}

.bg-red {
	background-color: #AF4429;
}

.bg-orange {
	background-color: #e8b20f;
}

.bg-green {
	background-color: #0B725E;
}

.bg-blue-dark {
	background-color: #184366;
}

.bg-grey-light {
	background-color: #e6e6e6;
}

.bg-grey-med-light {
	background-color: #ccc;
}

.bg-grey-med-dark {
	background-color: #bababa;
}

.bg-grey-dark {
	background-color: #333;
}

.bg-white {
	background-color: #fff;
}

.border-orange {
	border: 1px solid #e8b20f;
	border-radius: 4px;
}

.border-blue {
	border: 1px solid #5ab3c4;
	border-radius: 4px;
}

.border-white {
	border: 1px solid #fff;
	border-radius: 4px;
}

.border-green {
	border: 1px solid #0B725E;
	border-radius: 4px;
}

.border-red {
	border: 1px solid #AF4429;
	border-radius: 4px;
}

.outline-black {
	border: 1px solid #333;
}

/* helper classes //////////////////////////////// */
.margin-5 {
	margin: 4px;
}

img.margin-10 {
	margin: 10px;
	padding: 10px;
}

.margin-10 {
	margin: 10px;
}

.margin-20 {
	margin: 20px;
}

.margin-bot-40 {
	margin-bottom: 40px;
}

.margin-bot-20 {
	margin-bottom: 20px;
}

/* FONTS ///////////////////////////////////////// */

.fontRS {
	font-family: 'Roboto Slab', serif;
	letter-spacing: .025em;
}

.font300 {
	font-weight: 300;
}

.font-tiny {
	font-size: 12px;
	line-height: 1em;
	letter-spacing: .025em;
}

.font-xs {
	font-size: 16px;
	line-height: 1.2em;
	letter-spacing: .025em;
}

.font-text,
.news-article ul,
.news-article p,
.dropdown-menu>li>a {
	font-size: 18px;
	line-height: 1.46;
	/* 7/2016 from 1.375 */
	letter-spacing: .01em;
}

.font-sm {
	font-size: 24px;
	line-height: 1.25em;
}

.font-md {
	font-size: 30px;
	/* 2/10 changed from 28 */
	line-height: 1.25em;
	letter-spacing: .025em;
}

.font-lg {
	font-size: 36px;
	line-height: 1.1em;
}

.font-xlg {
	font-size: 48px;
	line-height: 1.05em;
}

.department-caption h2 {
	font-size: 50px;
}

.font-icon-lg {
	font-size: 32px;
}

.font-icon-xlg {
	/* used in PARENT, STUDENT, PARTNER pages */
	font-size: 60px;
	padding-left: .275em;
}

.font-icon-jumbo {
	font-size: 125px;
	font-weight: 300;
}

h3 span.font-text {
	font-family: 'Roboto', sans-serif;
}

h2.section-heading.green.font-xlg {
	/* added 9/2016 - changed heading to navy */
	color: #184366;
}

/* FISD DEPARTMENT CAPTION ///////////////////////////////////////// */

/*.department-caption {
	margin-bottom: 1px; removed 1/23 after removing line under dept photo headers
}   */
.department-caption h2 {
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 50px;
	/*padding: .3em .4em .375em .5em; 1/14 using px to make it easier to line up content */
	padding: 15px 20px 15px 25px;
}

.department-caption h2.text-center {
	/* 2/5 for centered captions on full-width pages */
	padding-left: 0;
	padding-right: 0;
}

/* FISD DEPARTMENT SIDE NAV ///////////////////////////////////////// */

.dept-nav {
	font-size: 18px;
	padding-top: 35px;
	padding-bottom: 440px;
	/* 10/2016 changed from 250px so nav would extend to the bottom of pages with little content */
}

.dept-nav ul li a,
.dept-nav ul li a:link,
.dept-nav ul li a:visited,
.dept-nav ul li a:active {
	line-height: 1.222em;
	border-bottom: none;
	padding: 12px 10px;
	/* changed 1/12 from padding: 15px 10px to decrease the space on the dept side nav */
	letter-spacing: .015em;
}


/* #MainWrapper.has-nav { /* added 9/2016 - change bkgd to light grey
    background-color: #e6e7e8;
} */

body {
	/* 2/2018 - instead of #MainWrapper.has-nav - to keep bkgd of short pages from being white */
	background-color: #e6e7e8;
}

/* 8/2020 - to fix dept nav alignment */
.has-nav>.container {
	padding-left: 0;
}

.dept-nav-panel {
	margin-right: -15px;
}


#MainWrapper.has-nav .container>.row {
	background: url(https://www.friscoisd.org/images/default-source/graphics/dept-bg.gif) repeat-y;
}

/*.sf_colsOut.col-md-3.col-lg-3.dept-left-col {
    background-color: #e6e7e8;
}
sf_colsOut.col-md-3.col-lg-3.dept-left-col > div {
    background-color: #bababa;
}
*/



/* FISD MAIN NAVIGATION ///////////////////////////////////////// */

.search-submit .search-submit-btn {
	border-radius: 4px;
	font-size: 18px;
	color: white;
	background-color: #184366;
}

.fisd-menu>ul,
.fisd-menu>li {
	font-weight: 400;
	font-size: 18px;
}

.fisd-menu>li>a,
.fisd-menu>li>a:hover,
.fisd-menu .open>a,
.fisd.menu .open>a:hover,
.fisd-menu .open>a:focus {
	padding: 21px 14px;
}

.fisd-menu {
	margin-left: 40px;
	margin-right: 25px;
}

.navbar .icon-nav,
.navbar .icon-nav>li {
	font-size: 30px;
}

.nav-twitter {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Icons/icon-twitter-g.png");
}

.nav-facebook {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Icons/icon-facebook-g.png");
}

.nav-youtube {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Icons/icon-youtube-g.png");
}

.nav-instagram {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Icons/icon-instagram-g.png");
}

.nav-twitter:hover {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Icons/icon-twitter-w.png");
}

.nav-facebook:hover {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Icons/icon-facebook-w.png");
}

.nav-youtube:hover {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Icons/icon-youtube-w.png");
}

.nav-instagram:hover {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Icons/icon-instagram-w.png");
}

.nav-twitter,
.nav-facebook,
.nav-youtube,
.nav-instagram,
.nav-twitter:hover,
.nav-facebook:hover,
.nav-youtube:hover,
.nav-instagram:hover {
	background-size: 30px 30px;
	background-repeat: no-repeat;
	background-position: 0 15px;
}

.icon-nav>li>a,
.icon-nav>li>a:hover,
.icon-nav>li.dropdown.megamenu-fw.open a {
	padding: 15px;
	border-bottom: none;
	margin-right: 10px;
}

.icon-nav>li>a#search-link,
.icon-nav>li>a#search-link:hover,
.icon-nav>li.dropdown.megamenu-fw.open a#search-link {
	padding-right: 5px;
	padding-top: 17px;
}

.site-search span.icon-search {
	font-size: 28px;
}

.search-input .twitter-typeahead .tt-dropdown-menu {
	left: 10px;
	padding-top: 10px;
	line-height: 1.25em;
}

.dropdown-menu>li>a,
.megamenu-content a,
.megamenu .dropdown-menu>li>a,
.dropdown-header,
.navbar-nav .open .dropdown-menu .dropdown-header,
.navbar-nav .open .dropdown-menu>li>a {
	text-transform: capitalize;
}

.dropdown-menu>li>a:hover,
.megamenu-content a:hover,
.megamenu .dropdown-menu>li>a:hover,
.dropdown-menu>li>a:visited,
.megamenu-content a:visited,
.megamenu .dropdown-menu>li>a:visited,
.dropdown-menu>li>a:active,
.megamenu-content a:active,
.megamenu .dropdown-menu>li>a:active {
	text-decoration: none;
	color: #333;
}

.campus-nav-tabs li:nth-of-type(2) {
	margin-left: 108px;
}

.campus-nav-tabs li:nth-of-type(3) {
	margin-left: 138px;
}

.campus-nav-tabs li:nth-of-type(4) {
	margin-left: 153px;
}

.navbar,
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.open>a,
.navbar .navbar-nav>.open>a:hover,
.navbar .navbar-nav>.open>a:focus {
	background-color: #184366 !important;
}

#FooterWrapper {
	background-color: #184366 !important;
}

ul.dropdown-menu.menu-shadow {
	border-radius: 0 0 4px 4px;
	/* 12/5/15 changed from 0 */
}

ul.nav-campus-dd-list {
	margin-bottom: 10px;
	/* 12/5/15 changed from 30px */
}

#about-nav-buttons .btn {
	/* 12/5/15 */
	color: white;
}

.megamenu .megamenu-content>.container>.row {
	background-color: rgba(255, 255, 255, .95);
	/* 7/2016 */
}

.menu-shadow>div.col-sm-3 {
	background-color: transparent;
	/* 7/2016 */
}

.fisd-menu>li>a:hover,
.fisd-menu .open>a,
.fisd-menu .open>a:hover,
.fisd-menu .open>a:focus {
	border-color: rgba(255, 255, 255, .95);
	/* 7/2016 */
}

.dropdown-menu,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
	background-color: rgba(255, 255, 255, .95);
	/* 7/2016 */
}

/*ul.dropdown-menu li a:hover {
    background-color: rgba(24,67,102,.95);
    color: white !important;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
*/
/* BACK-TO-TOP BUTTON ///////////////////////////////////////// */

.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #000000;
	background-color: rgba(235, 235, 235, 0.80);
	font-size: 12px;
	padding: 1em;
	display: none;
}

.back-to-top:hover {
	background-color: rgba(135, 135, 135, 0.50);
}

.back-to-top {
	position: fixed;
	bottom: 0;
	right: 40%;
	text-decoration: none;
	background-color: rgba(186, 186, 186, 0.50);
	font-size: 12px;
	padding: 1em 3em .5em;
	display: none;
}

a.back-to-top {
	color: white;
	border-radius: 4px 4px 0 0;
}

/* FISD FOOTER ///////////////////////////////////////// */

#FooterWrapper {
	padding-top: 34px;
}

.mission-footer .ourMission {
	color: #5ab3c4;
}

.mission-footer p {
	color: #e8b20f;
	padding-left: 100px;
	padding-right: 100px;
}

.footer-address {
	text-transform: uppercase;
	margin: 0;
}

.footer-address p {
	margin: 0;
}

.footer-address>div,
.footer-address a,
.footer-address a:hover,
.footer-address a:active,
.footer-address a:visited,
address.text-right.footer-address {
	font-size: 18px;
}

.mission-footer {
	padding-bottom: 15px;
}

.copy-footer {
	margin-top: 0;
	padding-bottom: 20px;
}

.copy-footer p {
	font-size: 10px;
	padding-top: 8px;
}


.footer-address span.addressStreet,
.footer-address span.addressCityState,
.footer-address span.addressPhone {
	padding-right: 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.footer-address span.addressCityState,
.footer-address span.addressPhone,
.footer-address span.addressFax {
	padding-left: 6px;
}

.copy-footer span.footer-extra {
	padding-left: 7px;
}

.copy-footer span.footer-extra a:hover,
.copy-footer span.footer-extra a:visited,
.copy-footer span.footer-extra a:active {
	color: #bababa;
}

.copy-footer span.footer-extra a:focus, .addressPhone a:focus {
	    text-decoration: none;
			color: #e8b20f;
			border-bottom: solid #e8b20f 4px;
			padding: 2px;
}


/* FISD DROPDOWN ///////////////////////////////////////// */

#job-opening-selector.form-control {
	font-size: 34px;
	border: none;
	height: 67px;
}

.form-group {
	margin-left: -30px;
	margin-right: -30px;
}

/* ICS CALENDAR DROPDOWN ///////////////////////////////////////// */

#CalTypeBtn,
#CalCampusBtn,
#CalCatBtn {
	background-color: white;
	border: 1px solid #0B725E;
	color: #0B725E;
	width: 100%;
	text-align: left;
}

#CalTypeDD,
#CalCampusDD,
#CalCatDD {
	background-color: white;
	min-width: 1px;
	width: 100%;
	padding: .5em 1em;
	border: 1px solid #0B725E;
	border-top: none;
	top: 34px;
	border-radius: 0 0 4px 4px;
}


/* JOBS DROPDOWN ///////////////////////////////////////// */

.dept-nav-sub {
	margin: 44px 0 0;
}

.dept-nav-sub.dept-content {
	margin-top: 0;
}

.dept-nav-sub .panel {
	margin-bottom: 0;
}

.dept-nav-sub .panel-heading {
	background-color: #0B725E;
}

div.row.row-content.jobs.col-xs-12.active {
	margin-left: 0;
	margin-right: 0;
	padding-left: 18px;
	padding-right: 0;
}

a.selected-job-cat,
a.selected-job-cat:link,
a.selected-job-cat:visited,
a.selected-job-cat:active,
a.selected-job-cat:hover,
a.selected-job-cat:focus,
a.selected-dd-cat,
a.selected-dd-cat:link,
a.selected-dd-cat:visited,
a.selected-dd-cat:active,
a.selected-dd-cat:hover,
a.selected-dd-cat:focus {
	font-size: 28px;
	padding: 18px 26px;
	color: white;
}

.selected-job-cat>.caret,
.selected-dd-cat>.caret {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 20px solid white;
	margin-top: 5px;
}

ul#job-cat-list li a,
ul#job-cat-list li a:link,
ul#job-cat-list li a:visited,
ul#job-cat-list li a:active,
ul#dd-cat-list li a,
ul#dd-cat-list li a:link,
ul#dd-cat-list li a:visited,
ul#dd-cat-list li a:active {
	padding: 15px 18px 5px 30px;
}

/* LIBRARY CATALOG PANELS ///////////////////////////////////////// */

#library-catalog .dept-nav-sub {
	padding: 0;
}

#library-catalog .dept-nav-sub:first-of-type {
	margin-top: 20px;
}

/* SECTION NAV ///////////////////////////////////////// */


.sectionnav {
	/* 3:2 ration with the sectionnavtext */
	margin-bottom: 35px;
	font-size: 36px;
	font-weight: 300;
}

.sectionnav.sectionnav-sm {
	margin-bottom: 35px;
}

.sectionnav a,
.sectionnav a:active {
	color: #184366;
}

.sectionnav a:nth-child(2):hover {
	color: #333;
}

.inactive-icon {
	color: #bababa;
}

.sectionnavtext,
.icon-left,
.icon-right {
	display: inline;
}

.sectionnavtext {
	font-size: 24px;
	text-transform: uppercase;
	vertical-align: middle;
	letter-spacing: .025em;
	margin-right: 9px;
}

.icon-left {
	vertical-align: sub;
	margin-left: 9px;
}

.icon-right {
	vertical-align: sub;
}

/* all news section nav */


#news-start-page div.icon-left-plain {
	display: inline;
	vertical-align: middle;
}


/* PARENTS, STUDENTS, PARTNERS PAGES ///////////////////////////////////////// */

.float-heading h3 {
	padding: 15px;
	border-radius: 4px;
	font-weight: 300;
}

.role-page div.col-xs-4 {
	height: 160px;
}

ul.black-50.list-bullet li::before {
	content: "";
	position: relative;
	background-color: transparent;
	border: 1px solid rgba(0, 0, 0, 0.5);
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 12px;
	margin-bottom: .5px;
}

.AZ-letter h4 {
	padding: 15px;
	border: 2px solid white;
	font-weight: 300;
	border-radius: 4px;
	margin-top: 0;
	margin-bottom: 15px;
}

h1.white,
h2.white,
h3.white,
h4.white,
h5.white {
	color: white !important;
}

.role-page {
	padding-top: 40px;
	padding-bottom: 20px;
}

#departments {
	border-bottom: 2px solid white;
}

.role-page img {
	border-radius: 4px;
}

.role-page a,
.role-page a:focus,
.role-page a:visited,
.role-page a:active {
	color: white;
	font-weight: 400;
}

.role-page a:focus {
	outline: 3px solid white;
}

.role-page a:hover {
	color: rgba(0, 0, 0, 0.5);
}


.role-cards a:focus>ul {
		outline: 5px solid white;
}

.role-icons div:focus-within {
	outline: 3px solid white;
}

.role-page h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

.role-page#departments a:hover {
	color: #bababa;
}

#parent-page .col-xs-12.col-sm-4.col-md-3 {
	min-height: 300px;
}

#student-page .col-xs-12.col-sm-4.col-md-3 {
	min-height: 250px;
}

#partner-page .col-xs-12.col-sm-4.col-md-3 {
	min-height: 300px;
}

#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(-n+4) {
	min-height: 570px;
}

#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+5):nth-child(-n+8) {
	min-height: 400px;
}

#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+9):nth-child(-n+12) {
	min-height: 310px;
}

#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+13):nth-child(-n+16) {
	min-height: 420px;
}

#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+17) {
	min-height: 470px;
}

ul.black-50.list-bullet li::before {
	background-color: white;
	border: 1px solid white;
}

.role-page>div.row.row-content>div.col-xs-4>a>div>img {
	height: 68px;
	margin-bottom: 17px;
	margin-left: auto;
	margin-right: auto;
}

span.pic-description {
	border-top: 1px solid white;
	display: block;
	padding-top: 4%;
	margin-top: 4%;
	font-weight: 300;
	letter-spacing: .04em;
}

.role-page>.row.row-content>.col-xs-12>p.white.font-text {
	padding-top: 20px;
}

.role-page>.row.row-content>.col-xs-12>h3.section-subheading+p.white.font-text {
	padding-top: 0;
}

.icon-new::after {
	font-family: 'fisd';
	content: '|';
	font-size: 0.6em;
	position: absolute;
	left: 25%;
	color: #AF4429;
}

#student-page .icon-new::after {
	background-color: #e8b20f;
}

#student-page div.white.font-icon-xlg {
	color: #404041;
}

#student-page p.white {
	color: #404041;
}

#student-page .AZ-letter h4.white {
	border: 2px solid #404041;
	color: #404041 !important;
}

#student-page.role-page a,
#student-page.role-page a:focus,
#student-page.role-page a:visited,
#student-page.role-page a:active {
	color: #404041;
}

#student-page ul.black-50.list-bullet li::before {
	background-color: #404041;
	border: 1px solid #404041;
}

/* BLOCK-QUOTE ///////////////////////////////////////// */

blockquote {
	margin: 40px 0 20px;
}

blockquote p {
	color: #AF4429;
}

blockquote footer {
	color: #333;
}

.dept-accord>.col-xs-12 blockquote:first-child {
	margin-top: 15px;
}

.big-quote {
	padding-left: 10px;
	padding-right: 10px;
}

.big-quote blockquote {
	margin-top: 20px;
}

.big-quote blockquote p {
	color: #5ab3c4;
}

.row.row-content.big-quote {
	padding-bottom: 0;
}


/* EMAIL SEARCH PAGE ///////////////////////////////////////// */

.email-search-results li a {
	text-transform: lowercase;
}



/* SYMBOL-QUOTE ///////////////////////////////////////// */

.symbol-quote .icon-quote-2 {
	margin-top: -18%;
}

.symbol-quote p {
	font-weight: 300;
}

/* DEPT - CAROUSEL /////////////////////////////////////////////////////// */

div#myCarousel {
	margin-top: 30px;
}

#myCarousel .item img,
#myCarousel .carousel-inner {
	border-radius: 4px;
}

.carousel-caption h3 {
	/* 2/3 */
	letter-spacing: .025em;
}

/* EVENT-DAY-AGENDA ///////////////////////////////////////// */

.event-day-agenda .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}

.event-day-agenda th div.row.row-content {
	margin: 0;
	padding: 0;
}

.event-day-agenda th div.row.row-content .col-xs-10 {
	padding-top: 3px;
	text-align: center;
}

.event-day-agenda .table>tbody>tr>td:first-of-type {
	padding: 15px 15px 15px 25px;
}

.event-day-agenda .table>tbody>tr>td:last-of-type {
	padding: 15px 25px 15px 15px;
}

.event-day-agenda .icon-left {
	margin-left: -10px;
	/* to line up with the twitter icon above (nat-home) */
	padding-right: .25em;
}

.event-day-agenda .icon-right {
	margin-left: 10px;
	text-align: right;
}


/* EVENT-SMALL ///////////////////////////////////////// */

.row.row-content.sm-events {
	padding-bottom: 0;
	padding-top: 40px
		/* 2/4 */
	;
}

.event-small {
	width: 100%;
	position: relative;
}

.event-small li.date {
	line-height: 1.3em;
	text-transform: uppercase;
	font-size: 33px;
	font-weight: 400;
}

.event-small span.event-month {
	float: left;
	width: 57%;
	padding: 0 0 1% 5%;
	border-radius: 4px 4px 0 0;
	color: #184366;
}

.event-small span.event-day {
	text-align: center;
	float: right;
	width: 37%;
	padding-bottom: 1%;
	border-radius: 4px 4px 0 0;
	background-color: #184366;
}

.event-small li.details {
	float: left;
	font-size: 18px;
	line-height: 1.25em;
	height: 120px;
	width: 100%;
	padding: 5% 6%;
	background-color: #184366;
}

.event-small li.event-time,
.event-time-ext {
	float: left;
	width: inherit;
	text-transform: uppercase;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: -1px;
	border-radius: 0 0 2px 2px;
	background-color: #184366;
}

.event-time {
	font-size: 15.5px;
}

.event-time-ext {
	padding: 0 5% 4px;
}

.event-small li.event-time {
	padding: 12px 5% 8px;
}

.event-time-ext p {
	line-height: .6em;
	text-transform: uppercase;
	font-size: 15.5px;
	margin: 0 0 10px;
}

.sm-events a {
	color: white;
}

.sm-events a:hover {
	color: #E8B20F;
}

/* eNews ///////////////////////////////////////// */

#eNews a,
#eNews a:hover,
#eNews a:visited,
#eNews a:active,
#eNews a:focus {
	color: #333;
	font-weight: bold;
	text-decoration: underline;
}

#eNews p.read-more {
	text-align: right;
}

#eNews p.read-more a {
	color: white;
	text-decoration: none;
	font-weight: normal;
}

#eNews-Events a,
#eNews-Events a:hover,
#eNews-Events a:visited {
	text-decoration: none;
	color: #5ab3c4;
	font-weight: normal;
}

#eNews .row {
	padding-top: 30px;
}

#eNews {
	/* 11/19/15 */
	margin-top: 40px;
	margin-bottom: 40px;
}

#eNews .row #eNews-events {
	padding-top: 20px;
}

#eNews-Events div .row {
	padding-top: 20px;
}

#eNews .col-xs-6.col-sm-3 {
	padding-left: 7px;
	padding-right: 7px;
	max-width: 165px;
}

#eNews .row .col-lg-3 {
	/* 11/19/15 */
	padding-left: 7px;
	padding-right: 7px;
}

#eNews .row .col-xs-3 {
	/* 11/19/15 */
	text-align: -webkit-center;
}

#eNews .event-small li.date {
	/* 11/19/15 */
	font-size: 26px;
}

#eNews .event-small li.details {
	/* 11/19/15 */
	font-size: 16px;
	height: 95px;
}

#eNews .event-time {
	/* 11/19/15 */
	font-size: 14px;
}

#eNews h3 {
	/* 11/19/15 */
	font-family: 'Roboto', 'Trebuchet MS', Consolas, Monaco, monospace;
	font-weight: bold;
	text-transform: uppercase;
	color: white;
}

#eNews .photo,
#eNews .eNews-Logo {
	max-width: 580px;
}

#eNews .eNews-Logo {
	padding: 40px 0;
}

#eNews .photo {
	padding: 40px 0 20px;
}

/* eNews ///////////////////////////////////////// */

.news-content .col-md-6.col-md-offset-3 .btn {
	margin-top: 0;
	float: right;
}

.news-content .col-md-6.col-md-offset-3 .btn {
	margin-top: 0;
	float: right;
}

.news-content .col-md-6.col-md-offset-3 .btn-primary,
.news-content .col-md-6.col-md-offset-3 .btn-primary:hover {
	background-color: transparent;
	border: 1px solid white;
}

.news-content .col-md-6.col-md-offset-3 a.btn,
.news-content .col-md-6.col-md-offset-3 a.btn:hover {
	color: white;
}

.news-content .col-md-6.col-md-offset-3 h2 {
	font-family: 'Roboto', 'Trebuchet MS', Consolas, Monaco, monospace;
	text-transform: uppercase;
	font-weight: bold;
	color: white;
}

#allNewsView.div:nth-child(n+2):nth-child(-n+10) {
	/* 10/2017 changed from (n+1) to (n+2) to skip the dropdown div */
	padding-left: 10px;
	padding-right: 10px;
}

/* EVENT-LARGE (MULTIPLE EVENTS) ///////////////////////////////////////// */


h2.event-large-heading {
	text-transform: uppercase;
	padding: 5%;
	margin: 0;
	height: 140px;
	line-height: 1.15em;
	border-radius: 4px 4px 0 0;
}

ul.event-large {
	padding: 6%;
	margin: 0;
	margin-bottom: 20px;
	height: 380px;
	border-radius: 0 0 4px 4px;
}

ul.event-large .icon-contacts,
ul.event-large .icon-clock,
ul.event-large .icon-pin,
ul.event-large .icon-file-square,
ul.event-large .icon-link {
	float: left;
	padding: 0 8% 0 4%;
}

ul.event-large .icon-contacts {
	/* We need to write a script that attaches the proper margin-top to center the icon vertically */
	margin-top: -2%;
}

ul.event-large .icon-clock {
	margin-top: 2.5%;
}

ul.event-large .icon-link {}

ul.event-large .icon-pin {
	margin-top: 4%;
}

ul.event-large .icon-file-square {}

span.details,
ul.event-large address {
	display: block;
}

li.who span.details,
ul.event-large address {
	margin-left: 74px;
}

ul.event-large li {
	padding: 4% 0;
}

.event-large .event-large-address {
	margin-bottom: 0;
}

.lg-events .event-large-heading a {
	color: white;
}

.lg-events .event-large-heading a:hover {
	color: #184366;
}


/* EVENT-XLARGE (SINGLE EVENT) ///////////////////////////////////////// TURNS INTO EVENT-LARGE AT THE XS SCREEN SIZE */

h2.event-xlarge-heading {
	text-transform: uppercase;
	padding: 2%;
	margin: 0;
}

ul.event-xlarge {
	float: inherit;
	padding: 3%;
	margin: 0;
	margin-bottom: 3%;
}

.event-xlarge-address {
	margin-bottom: 0;
}

.event-col-3 .event-xlarge li.who,
.event-col-3 .event-xlarge li.when,
.event-col-3 .event-xlarge li.where,
.event-xlarge li.what-right {
	width: 33.3%;
	float: left;
	text-align: center;
	margin-bottom: 2%;
}

.event-xlarge li.what {
	display: flex;
	border-top: 1px white solid;
	width: 100%;
	padding: 3% 1% 1%;
}

ul.event-xlarge .icon-users,
ul.event-xlarge .icon-clock,
ul.event-xlarge .icon-pin-location,
ul.event-xlarge li.what-right .icon-note {
	padding-bottom: 5%;
	padding-left: 6%;
}

ul.event-xlarge li.what .icon-note {
	float: left;
	padding-right: 5%;
}

/* EVENT-SUBTLE ///////////////////////////////////////// */

.row.row-content.event-subtle {
	margin-top: 40px;
	padding: 0 20px;
}

.row.row-content.event-subtle.border-blue+ :not(.event-subtle) {
	/* 10/2016 to add margin below event-subtle - departments/testing/state-assessments */
	margin-top: 40px;
}

.row.row-content.FAQ.event-subtle {
	margin-bottom: 40px;
}

div.row.row-content.dept-page .event-subtle h3:first-child {
	/* 2/10 to counteract another class */
	margin-bottom: .75em;
}

.event-subtle h3 {
	padding-bottom: .5em;
	margin-bottom: .75em;
}

.event-subtle h3.orange {
	border-bottom: 1px solid #e8b20f;
}

.event-subtle h3.blue {
	border-bottom: 1px solid #5ab3c4;
}

.event-subtle h3.green {
	border-bottom: 1px solid #0B725E;
}

.event-subtle ul.event-info {
	line-height: 2em;
}

.event-subtle li::before {
	font-family: 'fisd';
	float: left;
	font-size: 36px;
	padding-right: 10px;
	color: #333;
	margin-top: 0;
	/* 10/2016 changed from 12px to 0; just looks better when all icons are aligned at the top */
}

.event-subtle li.when::before {
	content: 'E';
}

.event-subtle li.deadline::before {
	content: '\e00d';
}

.event-subtle li.directions::before {
	content: '\e06f';
}

.event-subtle li.link::before {
	content: 'a';
}

.event-subtle li.where::before {
	content: 'K';

	/*margin-top: 24px; removed 10/2016 bc it was not centered on 3-line addresses */
}

.event-subtle li.what::before {
	content: '"';
}

.dept-page .event-subtle li.what::before {
	/* 10/2016 to align the icon with the top of the paragraph */
	margin-top: 0;
}

.event-subtle li.who::before {
	content: '\e078';
}

.event-subtle li.when-time::before {
	content: 'D';
}

.event-subtle li.cost::before {
	content: '\e017';
}

.event-subtle li.star::before {
	content: '/';
}

.event-subtle li.question::before {
	content: '\e06d';
}

.event-subtle li div {
	margin-left: 60px;
}

.event-subtle li {
	padding-bottom: 20px;
}

.event-subtle li.what>div,
.event-subtle li.question>div {
	/* added the ">" to keep bulleted lists with div tags from being spaced out */
	padding-bottom: 15px;
}

.event-subtle li.icon-multiline::before {
	margin-top: 24px;
}

.event-subtle li.icon-oneline::before {
	margin-top: -7px;
}

.event-subtle li.icon-twoline::before {
	margin-top: 5px;
}

.row.event-swim-header {
	/* added 9/8/15 for swim events */
	border-bottom: 1px solid #5ab3c4;
	margin-bottom: 1em;
	padding-bottom: .5em;
}

.event-subtle .event-swim-header h3.blue {
	border-bottom: none;
	margin-bottom: 0.2em;
	padding-bottom: 0;
}

.event-subtle ul.orange.list-bullet {
	/* 1/16/16 */
	margin-left: 60px;
}

.event-subtle ul ul li {
	/* 1/16/16 */
	margin-bottom: 0;
	padding-bottom: 0;
	text-indent: 0;
}

.event-subtle ul ul li div {
	margin-left: 30px;
}

.event-subtle ul.orange.list-bullet li::before {
	/* 1/16/16 */
	margin-top: 5px;
}

/* EVENT FULL DETAILS ///////////////////////////////////////// */

.row.row-content.event-map {
	padding-top: 0;
	padding-bottom: 0;
}

.row.row-content.event-map #map-outer {
	margin-top: 0;
	margin-bottom: 0;
	height: 100%;
}

.row.row-content.event-full-details {
	padding-top: 0;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 40px;
}

.event-full-details h3 {
	margin-top: -60px;
	margin-bottom: 75px;
}

.event-full-details h2 {
	padding-bottom: 20px;
	padding-top: 10px;
	letter-spacing: .025em;
}

li.event-full-details-summary::before,
li.event-full-details-time::before,
li.event-full-details-info::before,
li.event-full-details-location::before,
li.event-full-details-contact::before,
h3.map-title::before,
li.event-full-details-audience::before,
li.event-full-details-link::before {
	font-family: 'fisd';
	float: left;
	font-size: 50px;
	padding-right: 20px;
}

h3.map-title::before {
	content: 'K';
}

li.event-full-details-summary::before {
	content: '"';
}

li.event-full-details-audience::before {
	content: '\e078';
}

li.event-full-details-audience p,
li.event-full-details-link p {
	padding-top: 20px;
}

li.event-full-details-time::before {
	content: 'E';
}

li.event-full-details-time,
li.event-full-details-contact {
	float: left;
	clear: left;
	margin-right: 40px;
}

li.event-full-details-location,
li.event-full-details-link {
	float: left;
	clear: left;
}

li.event-full-details-time p {
	margin-top: 2px;
	display: block;
}

li.event-full-details-info::before {
	content: '\e066';
}

li.event-full-details-location::before {
	content: '\e06f';
	margin-top: 20px;
}

li.event-full-details-contact::before {
	content: '{';
}

li.event-full-details-link::before {
	content: 'a';
	margin-top: 10px;
}

.event-full-details-list li {
	min-height: 75px;
}

.event-full-details-list p {
	margin-top: 10px;
	font-size: 24px;
	padding-left: 80px;
	padding-right: 20px;
}

.event-full-details-list span,
.event-full-details-list span a {
	display: block;
}

.event-full-details h2.white {
	color: #184366;
	/* 7/2016 */
}

.event-full-details a {
	color: #184366;
	/* 7/2016 */
}

/* MESSAGE-ALERT ///////////////////////////////////////// */

.icon-alert,
.message-alert>div

/* 11/2/15 to allow for multiple icons in the alerts */
	{
	padding-left: 0;
	float: left;
	margin-right: .25em;
}

.message-alert p {
	padding-top: 1.25em;
	margin-left: 81px;
}

table.message-alert tr td {
	/* added 7/15 for Nat-Activity */
	border: none;
	padding-left: 0;
}

table.message-alert p {
	/* added 7/15 for Nat-Activity */
	margin: 0;
	padding-top: 4px;
}

/* MESSAGE-DOWNLOAD ///////////////////////////////////////// */

.message-download>div {
	float: left;
	padding-right: 15px;
}

.message-download {
	margin-left: 0;
	margin-top: 40px;
}

/* NEWS ///////////////////////////////////////// */

.news-page {
	margin-bottom: 20px;
}

.news-page h3 {
	color: #5ab3c4;
}

.news-page h3.section-subheading {
	color: white;
	background-color: #bababa;
	padding: .25em .25em .25em .5em;
	margin-bottom: 1em;
	margin-top: -.25em;
}

/*
div.row.row-content.dept-news, .row.row-content.lg-events, .row.row-content.text-w-pic  {  2/17
	padding-top: 20px;
	padding-bottom: 20px;
}
*/
ul.news {
	padding: 0;
	margin: 10px 0 20px;
	border-radius: 4px;
}

.news li.photo {
	padding: 0;
}

.news li.photo img {
	border-radius: 4px 4px 0 0;
	border: 2px solid #e6e6e6;
}

.news li.headline,
.news li.date {
	font-size: 26px;
}

.news li.headline {
	padding: 5%;
	height: 114px;
	overflow: hidden;
	line-height: 1.2em;
}

.news li.date {
	margin: 5%;
	float: left;
	text-align: center;
	color: black;
}

.news span.story-month,
.news span.story-day {
	margin-bottom: 5px;
}

.news span.story-month,
.news span.story-day,
.news span.story-year {
	display: block;
	padding: .2em 0;
	width: 1.9em;
}

.news li.lead {
	padding: 3% 5.5% 5% 0;
	height: 174px;
	overflow: hidden;
	margin-bottom: .75em;
	font-size: 18px;
	line-height: 1.325em;
}

.news li.read-more-news {
	text-align: right;
	padding: 0 5% 5%;
}

.news li.read-more-news .btn-lg,
li.read-more-news a.btn {
	text-transform: uppercase;
	border-radius: 0;
	padding: .5em .8em .6em;
	margin-top: 0;
}

.read-more-news .btn-success:hover {
	color: white;
	background-color: #0B725E;
}

.read-more-news .btn-danger:hover {
	color: white;
	background-color: #AF4429;
}

.sfnewsContent .news-columns-3,
.news-page .news-article .news-columns-3,
.question-block .dept-columns-3,
.dept-columns-3 {
	-webkit-columns: 3;
	/* Chrome, Safari, Opera */
	-moz-columns: 3;
	/* Firefox */
	columns: 3;
}

.sfnewsContent .news-columns-2,
.news-page .news-article .news-columns-2 {
	-webkit-columns: 2;
	/* Chrome, Safari, Opera */
	-moz-columns: 2;
	/* Firefox */
	columns: 2;
}

.news-columns-2 h3:first-child {
	margin-top: 0 !important;
}

.dept-news-nav {
	margin-top: -15px;
}

.highlightedBox01 {
	margin: 0;
	background-color: transparent;
	padding: 0 30px 5px;
	border: 3px solid #5ab3c4;
}

.main-news-inside #NewsTypeBtn,
.main-news-inside #NewsYearBtn {
	background-color: white;
	border: 1px solid #AF4429;
	color: #AF4429;
}

.main-news-district #NewsTypeBtn,
.main-news-district #NewsYearBtn {
	background-color: white;
	border: 1px solid #0B725E;
	color: #0B725E;
}

.main-news-inside .caret-override,
.main-news-inside .btn-default.caret-override {
	background: url("https://www.friscoisd.org/Sitefinity/WebsiteTemplates/bootstrap/App_Themes/bootstrap/Images/caret_red.png");
	background-repeat: no-repeat;
	background-position: right 2% bottom 50%;
	background-size: contain;
}

.main-news-inside .btn-success,
.main-news-inside .btn-success:hover {
	background-image: none;
	background-color: #AF4429;
}

.main-news-inside li.headline a,
.main-news-inside li.headline a:hover,
.main-news-inside li.headline a:visited,
.main-news-inside li.headline a:active,
.main-news-inside li.headline a:focus {
	text-decoration: none;
	color: #AF4429;
}

.main-news-district li.headline a,
.main-news-district li.headline a:hover,
.main-news-district li.headline a:visited,
.main-news-district li.headline a:active,
.main-news-district li.headline a:focus {
	text-decoration: none;
	color: #0B725E;
}

.dept-news ul.news.bg-grey-light {
	/* added 9/2016 after changing dept bkgd color to #e6e7e8 */
	border: 2px solid white;
}

.dept-news ul.news.bg-grey-light li img {
	/* added 9/2016 after changing dept bkgd color to #e6e7e8 */
	border: none;
}

/* PICTURE WITH TITLE (SCHOOL PHOTOS ) ///////////////////////////////////////// */

.pic-w-title {
	/* 10/2016 pics were hanging out farther than rest of column */
	padding: 0 10px;
}

.pic-w-title li.headline {
	height: 0;
	padding: 4% 5% 23% 5%;
	line-height: 1.25em;
}

.pic-w-title div {
	margin-bottom: 20px;
	max-width: 440px;
}

.sfContentBlock div.pic-w-title:not(first-child) {
	padding-top: 0;
	padding-bottom: 0;
}

.pic-w-title ul {
	border-radius: 4px;
}

.pic-w-title li.photo img {
	border-radius: 4px 4px 0 0;
}

.pic-w-title.pic-plus li.headline {
	padding: 4% 5% 40% 5%;
}

/* TEXT WITH PICTURE (THANK YOUs, CONGRATULATIONS, REFERENCE TO COMPANY & LOGO, VERTICAL PHOTOS ) ///////////////////////////////////////// */

.row.row-content.text-w-pic {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
	/* 2/17 */
}

.text-w-pic>.col-xs-12.col-sm-9 {
	border-radius: 4px 0 0 4px;
	padding: 0 25px 5px;
}

.text-w-pic>.col-xs-12.col-sm-3 {
	padding: 0;
}

.text-w-pic>.col-xs-12.col-sm-3 img {
	border-radius: 0 4px 4px 4px;
}

/* PICTURE WITH TEXT 50/50 SPLIT (THANK YOUs, CONGRATULATIONS, REFERENCE TO COMPANY & LOGO, HORIZONTAL PHOTOS ) ///////////////////////////////////////// */

.row.row-content.pic-w-text-50 {
	margin-left: 15px;
	margin-right: 15px;
}

.row.row-content.pic-w-text-50 {
	border-radius: 4px;
	border: 1px solid #5ab3c4;
}

.pic-w-text-50 h3 {
	margin-top: 10px;
}

.pic-w-text-50 p {
	padding: 15px;
}


/* HALF-CONTENT /////////////////////////////////////////  */

.row.row-content.half-content {
	padding-top: 10px;
	padding-bottom: 10px;
}

.half-content .col-xs-12 {
	margin: 15px;
	padding: 20px;
	width: 46.45%;
}

/* THANK YOU /////////////////////////////////////////  */

.thank-you {
	border-radius: 4px;
	margin-top: 40px;
}

.thank-you-left {
	padding-top: 30px;
	padding-bottom: 30px;
}

.thank-you-right {
	padding-top: 5px;
}

/* 3-PHOTO SLIDER ///////////////////////////////////////// */

div.row.row-content.photo-3 {
	padding: 0;
	margin: 0 15px 40px;
}

.photo-header {
	padding-top: 2%;
}

.photo-3 h3 {
	padding-bottom: 1.5%;
	text-transform: uppercase;
}

.photo-3 .sectionnav {
	margin: 2% 2% 1%;
}

.photo-3 p {
	padding: 0 2% 1.5%;
	margin-bottom: 0;
}

div.col-xs-4.photo-3-image {
	padding-left: 0;
	padding-right: 0;
}

/* DEPARTMENT CONTACT INFORMATION ///////////////////////////////////////// */
/*
.row.row-content.contact-dept {
	margin-left: 0;
	margin-right: 0;
	padding-top: 30px;
}
.contact-dept h3 {
	text-align: left;
	padding-bottom: 20px;
} */
.contact-dept+.contact {
	padding-top: 0;
	padding-bottom: 0;
}

.contact+.contact {
	padding-top: 0;
}

.contact-dept .bg-blue {
	padding: 5%;
	border-radius: 4px;
}

.contact-dept-details {
	text-align: center;
}

.contact-dept-details a {
	color: white;
}

.contact-dept .section-subheading {
	margin-bottom: 40px;
}

.contact-dept .icon-letter {
	padding-top: 7.25%;
	padding-left: 6%;
	height: 192px;
}

.contact-dept .icon-phone {
	padding-top: 5%;
	padding-left: 31.5%;
	height: 192px;
}

.contact-dept .icon-email {
	padding-top: 5%;
	padding-left: 31.25%;
	height: 192px;
}

.contact-dept p:first-child {
	margin-bottom: 1%;
}

.contact-dept-info {
	margin-top: 20px;
}

#map-outer {
	height: 440px;
	margin-bottom: 0;
	/* 2/9 changed from 20 after installing widget */
	background-color: #fff;
	margin-top: 10px;
}

#map-container {
	height: 400px;
}

#map-container img {
	max-width: none;
}

#map-container2 {
	height: 400px;
}

#map-container2 img {
	max-width: none;
}

.contact-dept #map-outer div#map-container,
/* added 9/2016 - Natatorium Contact Map */
.contact-dept .map-outer div#map-container {
	/* added 9/2016 - Attendance Zone Map */
	border: 1px solid white;
	border-radius: 4px;
	padding: 0;
}

.contact-dept div#map-outer,
.contact-dept div.map-outer {
	/* added 9/2016 */
	background-color: transparent;
	margin-left: 25px;
	margin-right: 25px;
}

.contact-dept-info span.locationName {
	text-transform: uppercase;
	font-weight: 700;
	display: block;
}

.contact-dept-info span.addressStreet,
.contact-dept-info span.addressPhone {
	padding-right: 10px;
	border-right: 2px solid #ccc;
}

.contact-dept-info span.addressCityState {
	padding-right: 10px;
}

.contact-dept-info span.addressPhone {
	border-left: 2px solid #ccc;
	padding-left: 10px;
}

.contact-dept-info span.addressCityState,
.contact-dept-info span.addressFax {
	padding-left: 6px;
}

/* CONTACT INFORMATION FOR PEEPS ///////////////////////////////////////// */

/*
.row.row-content.contact, .row.row-content.contact-dept {
	padding-bottom: 0;
}
.sfContentBlock .row.row-content.contact:last-of-type {
	padding-bottom: 40px;
}
.contact .col-xs-12 {
	padding-top: 20px;
	padding-bottom: 7px;
}
.contact .col-xs-12:last-of-type {
	border-bottom: none;
}
.contact-info p {
	line-height: .75em;
}
.contact-info .contact-name p {
	padding-right: .15em;
}
.contact-info .position {
	display: inline-block;
	margin-left: 5px;
	line-height: 1em;
}
.contact-info .email {
	float: left;
} */

.contact {
	padding-left: 25px;
	padding-right: 25px;
}

.contact-info p a {
	/* 6/8/16 to remove bold from ALL contact card info and change color from green to black */
	font-weight: 400;
	color: #000;
}

.contact-dir .contact-name p {
	/* 7/2016 */
	color: #404041;
}

.contact .section-subheading {
	padding-bottom: 20px;
}

.dept-right-col .row.row-content.contact:first-of-type {
	padding-bottom: 0;
}

.dept-right-col .row.row-content.contact:nth-child(2) {
	padding-top: 0;
}

.contact div.col-xs-12.col-sm-6:nth-of-type(odd) {
	padding-left: 0;
}

.contact div.col-xs-12.col-sm-6:nth-of-type(even) {
	padding-right: 0;
}

.sfContentBlock .row.row-content.contact:first-child {
	/* added 1/26 for contact pages with no heading or maps */
	margin-top: 30px;
}

.contact-dir .contact-info {
	background-color: #e8b20f;
}

.contact-other .contact-info {
	background-color: #AF4429;
}

.contact-info {
	background-color: #ab6999;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 4px;
}

.contact-info .contact-name {
	text-transform: uppercase;
	color: white;
}

.contact-name p {
	margin-bottom: 0;
	line-height: 1em;
}

p.contact-position {
	padding-top: .2em;
	height: 50px;
	line-height: 1.2em;
	color: #000;
}

.contact-email,
.contact-phone {
	color: #000;
}

#procure p.contact-position {
	/* 9/2017 for Procurements long titles */
	height: 70px;
}

p.contact-email,
p.contact-phone,
p.contact-school,
p.contact-address-street,
p.contact-address-citystate,
p.contact-address-name,
p.contact-fax {
	margin-bottom: 0;
}

p.contact-school {
	margin-top: -24px;
	color: #184366;
}

.contact-info .school::before,
.contact-info .email::before,
.contact-info .phone::before,
.contact-info .fax::before {
	font-family: 'fisd';
	float: left;
	font-size: 24px;
	padding-right: 10px;
	color: #333;
}

.contact-info .school::before {
	content: '<';
}

.contact-info .email::before {
	content: 'X';
}

.contact-info .phone::before {
	content: 'W';
	margin-left: 15px;
}

.contact-dept .contact-info .phone::before {
	margin-left: 0;
}

.contact-business p {
	/* for resources within the department pages - see GC-prevention */
	margin-bottom: 0;
}

.contact-info .fax::before {
	content: 'W';
}

.contact-business h3 {
	margin-bottom: 0;
	text-transform: none;
}

.row.row-content.contact ul.orange.list-bullet:first-child {
	margin-top: 20px;
	margin-bottom: 30px;
}

/* div.row.row-content.dept-page h3:first-child { 2/11 needs to be more defined
	margin-bottom: 0;
}   */
div.row.row-content.dept-page h3.section-subheading.blue.font-sm:first-child {
	/* add 2/3 to differentiate from above. Need accurate margins when using multiple paragraphs on dept home page */
	margin-bottom: 20px;
}

.contact-divided {
	border-bottom: 2px solid #bababa;
	margin-bottom: 20px;
}

/* CONTACT-BIO ///////////////////////////////////////// */

.contact-photo img {
	border-radius: 4px 0 0 4px;
}

.contact-photo div:first-child {
	padding: 0;
}

.contact-photo {
	background-color: #ab6999;
}

.row.row-content.contact.contact-photo {
	margin: 50px 25px 0;
	padding: 0;
	border-radius: 4px;
}

.row.row-content.contact.contact-photo.photo-bio {
	border-radius: 4px 4px 0 0;
	border: 1px solid #5ab3c4;
	/* added 9/2016 after changing bkgd to grey */
}

.row.row-content.contact.contact-photo .contact-info {
	margin-bottom: 20px;
}

.contact-photo .contact {
	padding-top: 20px;
}

.sfContentBlock .row.row-content.contact.contact-photo:first-child {
	margin-top: 50px;
}

.sfContentBlock .row.row-content.contact.contact-photo:not(first-child) {
	margin-top: 0;
}

.sfContentBlock .dept-page:first-child {
	margin-top: 0;
}

.sfContentBlock .dept-page:not(first-child) {
	/* when another block is needed down the page (ex. In-Home Get to Know Trainers Page) */
	margin-top: -20px;
}

.row.row-content.contact.contact-photo+.row.row-content.contact.contact-photo {
	margin-top: 40px;
}

.row.row-content.contact-bio {
	background-color: #e6e6e6;
	margin: 0 25px 40px;
	border-radius: 0 0 4px 4px;
	padding: 25px;
	border: 1px solid #5ab3c4;
	/* added 9/2016 after changing bkgd to grey */
}

.contact-photo.contact-dir {
	background-color: #e8b20f;
}

.contact-col-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.contact-col-2 div {
	/* 2/2 to keep FISD service together for board bios */
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

.contact-col-2>h4:first-of-type,
.contact-col-2>div>h4:first-child {
	margin-top: 0;
}

.photo-bio .contact-position {
	height: auto;
}

.sfContentBlock>.row.row-content.contact.contact-photo:last-child {
	/* 2/3 to increase margin for simple contact-photo page */
	margin-bottom: 20px;
}

/* CLASS REGISTRATION OPEN/CLOSED ///////////////////////////////////////// */

.row.row-content.registration {
	padding-left: 10px;
}

.registration-open,
.registration-closed {
	text-align: center;
	padding: 4% 1% 3%;
	border-radius: 4px;
}

.registration .registration-open p,
.registration .registration-closed p {
	text-transform: uppercase;
}

.registration-content p {
	padding-top: 1%;
}

.registration-content h3 {
	margin: 0;
}

/* CALENDAR WIDGET ///////////////////////////////////////// */

div.row.row-content.calendar {
	padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 40px;
	margin-top: 25px;
	border-radius: 0 4px 4px 0;
}

.calendar .calendar-title {
	height: 366px;
	border-radius: 4px 0 0 4px;
}

.calendar .calendar-title h3 {
	padding: 0 75% 6.5% 3%;
}

.calendar .calendar-main {
	padding: 15px 5px 10px 15px;
	width: 58.33%;
	float: left;
}

.calendar ul {
	padding: 0;
}

.calendar li {
	padding: 0;
	margin-bottom: 5px;
	list-style: none;
	line-height: 1.8em;
}

.calendar li.day {
	text-transform: uppercase;
}

.calendar .col-xs-1 {
	text-align: center;
	padding: 0;
	width: 14%;
}

.calendar li.circle-red {
	border-radius: 25px;
	width: 44px;
	margin-left: auto;
	margin-right: auto;
	background-color: red;
	color: white;
}

.calendar li.month-other {
	color: #ccc;
}

/* GOOGLE CALENDAR EMBED /////////////////////////////////////////////// */

.googleCalendar {
	position: relative;
	height: 0;
	width: 100%;
	padding-bottom: 350px;
	margin-bottom: 10px;
}

.googleCalendar iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 350px;
	border: solid 1px #ccc;
	border-radius: 4px;
	padding: 10px;
	background: #ccc;
}



/* DEPT SOCIAL AND LINK ICONS ///////////////////////////////////////// */

.row.row-content.dept-social {
	margin-bottom: 20px;
	/* 2/17 */
	background-color: #9c518a;
	border-radius: 15px;
	margin-top: 30px;
}

.dept-social a:hover,
.dept-social a:visited {
	color: white;
}

.row.row-content.dept-social .contact-icons img {
	max-height: 40px;
	max-width: 50px;
	margin-top: -14px;
}

.row.row-content.dept-social .contact-icons.contact-icons-only img {
	margin-top: 0;
}

#icons-athletics>div {
	padding-left: 5px;
	padding-right: 5px;
	min-height: 35px;
}

.row.row-content.dept-social #icons-athletics img {
	margin-top: -2px;
}

#icons-athletics div:nth-of-type(2) {
	padding-top: 7px;
}

#icons-athletics div:nth-of-type(6) {
	padding-top: 7px;
}

#icons-athletics div:nth-of-type(8) {
	padding-top: 10px;
}

#icons-athletics div:nth-of-type(11) {
	padding-top: 4px;
}

.contact-icons+.contact-text a,
.contact-text+.contact-text a {
	/* added 10/3/15 to add xtra division before FEF Subscribe */
	border-left: 2px solid #e6e6e6;
	padding-left: .5em;
}

.row.row-content.dept-social a {
	margin-right: 5px;
	text-transform: uppercase;
	margin-left: 10px;
}

.dept-social .contact-icons,
.dept-social .contact-text {
	padding-top: 5px;
	display: inline;
}

.dept-social .contact-icons#icons-athletics a {
	margin-left: 0;
	margin-right: 0;
}

.dept-social .contact-icons#icons-athletics a:last-of-type {
	border-right: none;
	padding-right: 0;
}

.contact-text a:not(:first-child) {
	border-left: 2px solid #e6e6e6;
	padding-left: .5em;
}

/* DEPT IMAGE-TEXT WIDGET /////////////////////////////////////// (specifically for twitter stuff on nat home) */

.row.row-content.image-text {
	padding-left: 10px;
}

.image-text img {
	height: 35px;
}

.image-text h3 {
	font-family: 'Roboto';
	display: inline;
	vertical-align: bottom;
}

.image-text h3 span {
	vertical-align: -.15em;
}

/* BOARD BIOS ///////////////////////////////////////// */


.bio div.col-xs-4.contact {
	padding-right: 0;
	text-align: center;
}

.bio div.col-xs-8 {
	height: 524px;
}

.row.row-content.bio {
	/* changed 1/31 from 15 */
	margin-right: 0;
}

.bio-quote {
	padding: 30px 15px 15px;
}

.bio .bio-content ul {
	list-style: inherit;
	padding-left: 20px;
}

.bio .contact {
	/* added 1/31 */
	padding-left: 0;
}

.bio .contact-info {
	padding: 6%;
}

.bio .contact .bio-name {
	padding-bottom: 41.75%;
}

.bio .contact .position {
	margin: 0 8.5% 9%;
}

.bio h4 {
	margin-bottom: 4px;
	margin-top: 15px;
	text-transform: uppercase;
}

.bio .btn,
.bio .btn-default,
.bio-sm .btn,
.bio-sm .btn-default,
.bio-sm .btn-block {
	text-transform: uppercase;
	padding: 6px 10px;
	background-color: rgb(17, 109, 41);
	background-color: rgba(0, 0, 0, 0.2);
	margin-top: 18%;
}

/* BODY CONTENT STYLING ///////////////////////////////////////// */

.section-heading {
	/*text-transform: uppercase; 11/19/15 removed */
	font-weight: bold;
	/* 11/19/15 added */
}

.section-subheading {
	margin-top: 20px;
	margin-bottom: 10px;
}

.section-subheading-2 {
	margin-top: 20px;
	margin-bottom: 10px;
}

blockquote.section-source {
	margin-top: 30px;
}

blockquote.section-source p {
	color: #333;
}

blockquote.section-source h3.section-subheading-2 {
	margin-top: 0;
}

/* for dept-page lists */
ul.list-bullet {
	margin-bottom: 20px;
	margin-left: 30px;
	text-indent: -2em;
	/* 2/25 changed from -1.71 */
}

ul.list-bullet.columns-2 {
	/* 10/26/15 in order to make the bullets show on the second column */
	margin-left: 5px;
	text-indent: 0em;
}

.news-article ul {
	margin-bottom: 20px;
	margin-left: 30px;
	text-indent: -1.5em;
	/* 2/25 changed from -1.71 */
}

ul.list-bullet ul {
	margin-left: 25px;
	text-indent: -3.85em;
}

ul.list-bullet li,
.news-article ul li {
	margin-bottom: .25em;
}

/* for FAQ lists outside of question blocks */
.FAQ ul.list-bullet {
	margin-left: 27px;
	text-indent: -1.33em;
}

.FAQ ul.list-bullet ul {
	text-indent: -3.1em;
}

/* for FAQ lists inside question blocks */
.FAQ .question-block ul.list-bullet {
	text-indent: -1.33em;
	margin-left: 28px;
}

.FAQ .question-block a {
	position: relative;
	/* 10/27/15 to keep div padding from overlapping links (ex. Employment - Subs - Resources) */
	z-index: 1;
}

.FAQ .question-block ul.list-bullet ul {
	text-indent: -3.3em;
	margin-left: 32px;
}

ul.list-bullet li::before,
.news-article ul li::before {
	content: "";
	position: relative;
	background-color: #e8b20f;
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 12px;
	margin-bottom: .5px;
}

div.FAQ ul.list-bullet li::before {
	/* 10/2016 FAQ list bullets were not aligned */
	margin-right: 7px;
}

ul.list-bullet ul li::before {
	background-color: transparent;
	border: 1px solid #e8b20f;
	margin-left: 30px;
}

ul.grey-med-dark.list-bullet li::before {
	background-color: #bababa;
}

ul.list-bullet ul li ul li::before {
	border: 1px solid #bababa;
}

ul.list-bullet ul li:first-child {
	padding-top: 4px;
}

ul.list-bullet p,
.news-article ul p {
	display: inline;
}

ul.list-bullet p.grey-dark.font-text.list-break {
	/* 2/4 to create breaks within <li>s */
	display: block;
	text-indent: initial;
	padding-top: .25em;
}

ul.list-none li span {
	/* 6/8/16 for lists with no bullets or numbers - SPED Acronym List */
	font-weight: initial;
	color: #333;
	padding-left: 10px;
}

ul.list-none li {
	font-weight: bolder;
	color: #5ab3c4;
}

ol.list-roman {
	list-style-type: none;
	padding-left: 0;
	list-style-position: inside;
}

ol.list-roman ol {
	list-style-type: upper-latin;
	font-size: 25px;
	margin-left: -15px;
}

ol.list-roman ol ol {
	list-style-type: decimal;
	font-size: 23px;
}

ol.list-roman ol ol ol {
	list-style-type: lower-latin;
	font-size: 21px;
}

ol.list-roman ol ol ol ol {
	list-style-type: lower-roman;
	font-size: 19px;
}

ol.list-numbers {
	list-style-type: none;
	margin: 0;
	margin-left: 2em;
	padding: 0;
	counter-reset: ol-counter;
}

ol.list-numbers>li {
	position: relative;
	padding-left: .4em;
	margin-bottom: .5em;
}

ol.list-numbers>li::before {
	position: absolute;
	left: -1.7em;
	/* 10/2016 changed from -2em */
	width: 1.75em;
	/*top: -3px; deleted 2/3 */

	font-size: 1.5em;
	/* 10/2016 changed from 1em */
	line-height: 1;
	text-align: center;
	letter-spacing: -.05em;

	font-weight: bold;
	/* 10/2016 */

	/*	border: 1px solid #e8b20f;
	padding: .25em;
	border-radius: 4px;
*/
	content: counter(ol-counter);
	counter-increment: ol-counter;
}

ol.list-numbers.dot-number>li::before {
	content: counter(ol-counter, ".", ol-counter);
}

ol.list-numbers.dot-number.dot-number-1>li::before {
	content: counter("1.", ol-counter);
}

ol.list-numbers p {
	/* added 1/20 to decrease the space between items */
	display: inline;
}

ol.list-letters {
	/* added 12/2016 for Curriculum YAGs */
	counter-reset: list;
}

ol.list-letters>li {
	list-style: none;
	position: relative;
}

ol.list-letters>li:before {
	counter-increment: list;
	content: "("counter(list, upper-alpha) ") ";
	position: absolute;
	left: -2em;
}



.contact-subtle .contact-info {
	background-color: transparent;
	border: 1px solid #5ab3c4;
}

.contact-subtle .contact-info p {
	/* for contacts within dept pages */
	display: block;
}

.contact-subtle .contact-position,
.contact-subtle .contact-address-street,
.contact-subtle .contact-address-citystate,
.contact-subtle .contact-fax {
	color: #333;
	margin-bottom: 0;
}

.contact-subtle .contact-name {
	color: #5ab3c4;
}

.contact-plus-address .contact-info {
	min-height: 301px;
}

.col-md-9 .question-block .row.row-content.contact.contact-subtle {
	/* added 9/2016 to make full-width in column */
	padding: 0;
}

.col-md-9 .question-block .row.row-content.contact.contact-subtle .col-xs-12 {
	/* added 9/2016 to make full-width in column */
	padding: 0;
}

.contact.contact-subtle {
	/* added 5/8/17 to left align contacts in Child Find Page - desktop */
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

/* FAQ ///////////////////////////////////////// */

.row.row-content.FAQ {
	padding-top: 0;
	padding-left: 10px;
	/* so text aligns with dept title */
}

.FAQ .col-sm-3 {
	padding-right: 0;
}

a.FAQ-heading {
	text-transform: uppercase;
	font-weight: 700;
	font-size: larger;
	line-height: 1.1em;
}

.FAQ>.col-md-9:first-child>.FAQ-nav-xs:first-child+h3.section-subheading {
	/* added 1/30 for top of Sped Criteria */
	padding-top: 20px;
}

.FAQ-nav-xs {
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
	border: 1px solid #0B725E;
	border-radius: 4px;
}

.FAQ-nav-xs li {
	list-style: none;
	text-transform: uppercase;
	margin-bottom: .75em;
}

.FAQ-nav-xs li:last-of-type {
	margin-bottom: 0;
}

.FAQ-nav-xs li a {
	display: block;
	line-height: 1.2em;
}

.FAQ-nav-xs+p {
	/* 6/8/16 for SPED Instructional Programs */
	margin-top: 40px;
}

.sticky-box h2 {
	text-align: center;
	padding-bottom: 10px;
	margin-top: 45px;
	margin-bottom: 20px;
}

.sticky-box>.nav>li>a {
	color: #4d4d4d;
	padding: 5px 15px;
	/* changed 1/10 to condense items */
	line-height: 1.25em;
}

.sticky-box>.nav>li>a:hover,
.sticky-box>.nav>li.active>a {
	background-color: #0B725E;
	color: #fff;
}

.sticky-box .nav-stacked {
	border: 1px solid #0B725E;
	margin-top: 25px;
	border-radius: 4px;
}

.FAQ ul.nav-stacked li:first-of-type a {
	padding-top: 10px;
}

.FAQ ul.nav-stacked li:last-of-type a {
	padding-bottom: 10px;
}

.question-block {
	padding-top: 62px;
	margin-top: -62px;
	float: left;
	/* added 5/15/15 */
	width: 100%;
}

.question-block #Testing-State-FAQ {
	float: none;
	/* added 7/15/15 to fix issue with above change from 5/15 */
}

.question-block p.question,
.question-block p.answer {
	margin-top: 20px;
}

.question-block p.question:before {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 72px;
	padding-right: 10px;
	content: "Q";
	color: #0B725E;
	padding-bottom: .5em;
}

.FAQ .table,
.dept-page .table {
	margin-top: 20px;
}

.dept-page li .table {
	/* for proper alignment of tables within lists */
	text-indent: 0;
}

.FAQ .table>thead>tr>th,
.dept-page .table>thead>tr>th {
	line-height: 1.2em;
	text-transform: uppercase;
	color: #AF4429;
}

.FAQ .table>thead.bg-blue>tr>th {
	/* added 2/2017 Dual Credit */
	color: white;
	letter-spacing: .05rem;
}

#dual-credit sup {
	font-size: 1.5rem;
}

#dual-credit th {
	width: 50%;
}

.jobs {
	display: none;
}

.jobs.active {
	display: inherit;
}

.jobs .table>tbody>tr:first-child td {
	border-top: none;
}

.sticky-box {
	width: 197px;
}

div.sticky-box.no-q.hidden-xs.hidden-sm.affix-top {
	margin-top: 45px;
}

.jobs td.icon-document {
	width: 1%;
}

/* DEPT-ACCORD //////////////////////////////////////// */

div.row.row-content.dept-accord {
	padding-top: 25px;
}

.calendar-page.dept-accord>.col-xs-12 {
	padding-left: 15px;
	padding-right: 15px;
}

.dept-accord .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}

.dept-accord .col-xs-12:first-child>p:first-child {
	padding-top: 15px;
	/* added 1/30 */
}

.dept-accord .panel-body {
	padding: 15px 25px 5px;
	background-color: white;
	border: 1px solid #0B725E;
	border-radius: 0 0 4px 4px;
}

.calendar-page.dept-accord .panel-body {
	border: none;
}

.dept-accord .panel-heading {
	text-transform: none;
}

.dept-accord .panel-group .panel+.panel {
	margin-top: 20px;
}

.dept-accord .panel-heading p.question {
	/* 11/2/15 changed from green background with white text */
	padding: 10px 25px;
	margin-bottom: 0;
	background-color: white;
	color: #0B725E;
	border: 1px solid #0B725E;
	border-radius: 4px;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
	border-top-color: #0B725E;
}



.dept-accord .panel-heading a:not(.collapsed) p.question {
	padding: 10px 25px 15px;
}

.dept-accord .col-xs-12 div.panel-group:not(:first-child) {
	margin-top: 40px;
}

.dept-accord .col-xs-12>p {
	padding-left: 25px;
	padding-right: 25px;
}

.panel-subtle>.panel-heading,
.panel.panel-default.panel-subtle {
	background-color: transparent;
}

.panel-group .panel-subtle .panel-heading+.panel-collapse>.panel-body {
	border-top: none;
}

.panel-collapse.collapsing div.panel-body {
	border-top: none;
}

.panel-collapse.collapse.in,
.panel-collapse.collapsing {
	margin-top: -5px;
}


/* MATH - MODEL //////////////////////////////////////// */

.triangle-5 {
	shape-outside: url("https://www.friscoisd.org/docs/default-source/elementary-math/math-pyramid-half.gif");
	shape-image-threshold: 0.5;
	float: left;
	margin-top: 20px;
}

ul.triangle-5-list {
	margin-top: 60px;
}

ul.triangle-5-list li:nth-of-type(3) {
	padding-top: 130px;
}

ul.triangle-5-list li:nth-of-type(4) {
	padding-top: 103px;
}

ul.triangle-5-list li:nth-of-type(5) {
	padding-top: 110px;
	margin-bottom: 130px;
}

ul.triangle-5-list li h4 {
	margin-top: 0;
}

ul.triangle-5-list li p:first-child {
	margin-bottom: 0;
}

/* MAP - DEPT WIDGET //////////////////////////////////////// */

.dept-right-col>div>span>.contact-dept {
	padding-bottom: 0;
}

.dept-right-col>div>span+.sfContentBlock {
	margin-top: -40px;
}

/* LIST-GROUP //////////////////////////////////////// */

.dept-page .list-group {
	margin-top: 40px;
}

.dept-page .list-group .list-group-item p {
	margin-bottom: 0;
}

.dept-page .list-group-item span {
	display: block;
}

/* ATTENDANCE ZONES //////////////////////////////////////// */

.row.row-content.dept-page#zones {
	padding-bottom: 0;
}

.row.row-content.dept-page#zones h2 {
	margin-bottom: 0;
}

.row.row-content.dept-page#zones .col-xs-12 {
	padding-left: 0;
	padding-right: 0;
}

.row.row-content.dept-page#zones h3 {
	display: inline-block;
	margin-bottom: 20px;
}

.row.row-content.dept-page#zones .col-xs-12 #zoneDD.dropdown {
	display: inline;
	padding-left: 1em;
}

.row.row-content.dept-page#zones .col-xs-12 #zoneBtn {
	margin-top: -15px;
	background-color: transparent;
	border: 1px solid #5ab3c4;
	color: #5ab3c4;
	width: 425px;
	text-align: left;
}

.row.row-content.dept-page#zones #address-zone-search #streetAddress {
	margin-top: -35px;
	background-color: transparent;
	border: 1px solid #5ab3c4;
	width: 100%;
	height: 44px;
	text-align: left;
	border-radius: 4px;
	padding-left: .5em;
	float: left;
}

.row.row-content.dept-page#zones .col-sm-3 #cityBtn {
	margin-top: -15px;
	background-color: transparent;
	border: 1px solid #5ab3c4;
	color: #5ab3c4;
	width: 100%;
	text-align: left;
}

.row.row-content.dept-page#zones .col-sm-3 #zipBtn {
	margin-top: -15px;
	background-color: transparent;
	border: 1px solid #5ab3c4;
	color: #5ab3c4;
	width: 100%;
	text-align: left;
}

.row.row-content.dept-page#zones .col-xs-12 #zoneDD ul.dropdown-menu {
	left: 14px;
	min-width: 1px;
	width: 425px;
	padding: .5em 1em;
	border: 1px solid #5ab3c4;
	border-top: none;
	top: 20px;
	border-radius: 0 0 4px 4px;
}

.row.row-content.dept-page#zones .col-sm-3 #cityDD ul.dropdown-menu,
.row.row-content.dept-page#zones .col-sm-3 #zipDD ul.dropdown-menu {
	min-width: 1px;
	padding: .5em 1em;
	border: 1px solid #5ab3c4;
	border-top: none;
	top: 22px;
	border-radius: 0 0 4px 4px;
}

.row.row-content.dept-page#zones .col-sm-3 #cityDD ul.dropdown-menu,
.row.row-content.dept-page#zones .col-sm-3 #zipDD ul.dropdown-menu {
	width: 100%;
}

.row.row-content.dept-page#zones span.caret {
	float: right;
	margin-top: .25em;
	border-top: 17px solid;
	border-right: 12px solid transparent;
	border-left: 12px solid transparent;
	padding-bottom: .2em;
}

#address-zone-search label {
	display: none;
}

#address-zone-search .col-sm-6 {
	padding-left: 0;
}

#address-zone-search .col-xs-6,
#address-zone-search .col-xs-6 {
	padding-right: 0;
}

#address-zone-search span.input .btn-info {
	margin-top: -14px;
	margin-left: 1em;
}

#address-zone-search .col-sm-3+.col-xs-12 {
	margin-top: 15px;
}

div.row.row-content.dept-page#zones h3:first-child {
	margin-top: 10px;
}

.row.row-content.dept-page#zones .col-xs-12:first-child {
	padding-top: 20px;
}

div#mapLinks {
	/* added 6/2016 */
	margin-right: 25px;
}

/* default forms ////////////////////////////////////////////*/

input.default-input,
select.default-input {
	background-color: transparent;
	border: 1px solid #5ab3c4;
	width: 100%;
	height: 44px;
	text-align: left;
	border-radius: 4px;
	padding-left: .5em;
	float: left;
}

textarea.default-textarea {
	background-color: transparent;
	border: 1px solid #5ab3c4;
	width: 100%;
	text-align: left;
	border-radius: 4px;
	padding-left: .5em;
	float: left;
}

button.default-button {
	width: 100%;
}

/* drop-down styles //////////////////////////////////////// */

#NewsTypeBtn,
#NewsYearBtn {
	margin-top: -15px;
	background-color: transparent;
	border: 1px solid #5ab3c4;
	color: #5ab3c4;
	width: 100%;
	text-align: left;
}

#NewsType .dropdown-menu,
#NewsYear .dropdown-menu {
	min-width: 1px;
	width: 100%;
	padding: .5em 1em;
	border: 1px solid #5ab3c4;
	border-top: none;
	top: 20px;
	border-radius: 0 0 4px 4px;
}

.row.row-content.news-selection {
	padding-top: 40px;
	padding-bottom: 40px;
}

/******************** CHARTS & GRAPHS *************************/

#dept-doughnut-legend li span,
#dept-bar-legend li span {
	display: block;
	position: absolute;
	left: 0;
	width: 20px;
	height: 20px;
	border-radius: 4px;
}

/*
#dept-doughnut-legend ul, #dept-bar-legend ul {
	padding-left: 40px;
	font-size: 16px;
} */
#dept-doughnut-legend li,
#dept-bar-legend li {
	padding-bottom: 2.5px;
	margin-left: 15px;
}

#dept-bar-chart,
#enroll-bar-chart {
	padding: 0;
}

/*
#dept-bar-chart h3 + canvas {
  margin-top: 20px;
}
#dept-bar-chart h3 {
	margin-top: 0;
} */
#dept-doughnut-legend {
	padding-right: 0;
	/*padding-left: 0;
	position: absolute;*/
	padding-top: 10px;
}

div#dept-doughnut:last-of-type>#dept-doughnut-chart {
	padding-bottom: 0;
}

div#dept-doughnut:first-of-type {
	padding-top: 20px;
}

/*
.dept-page div#dept-doughnut:nth-of-type(2) {
  height: 650px;
}
div#dept-bar-legend {
  margin-left: 10%;
} */
#chartjs-customtooltip {
	opacity: 1;
	position: absolute;
	background: rgba(0, 0, 0, .7);
	color: white;
	padding: 7px 10px;
	border-radius: 4px;
	transition: all, .1s ease, opacity .1s .2s linear;
	pointer-events: none;
	line-height: 1.25;
}

#chartjs-customtooltip.below {
	transform: translate(-50%, 0);
}

#chartjs-customtooltip.below:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 0 8px 8px 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	z-index: 99;
	transform: translate(-50%, -100%);
}

#chartjs-customtooltip.above {
	transform: translate(-50%, -100%);
}

#chartjs-customtooltip.above:before {
	border: solid;
	border-color: #111 transparent;
	border-color: rgba(0, 0, 0, .8) transparent;
	border-width: 8px 8px 0 8px;
	bottom: 1em;
	content: "";
	display: block;
	left: 50%;
	top: 100%;
	position: absolute;
	z-index: 99;
	transform: translate(-50%, 0);
}

#chartjs-customtooltip.title {
	width: 100%;
	font-weight: 700;
	text-align: center;
}

#chartjs-customtooltip.key {
	display: inline-block;
	width: 10px;
	height: 10px;
}

/* SPONSOR LOGOS ///////////////////////////////////////// */

#FEF-sponsors .row {
	margin-bottom: 20px;
}

#FEF-sponsors .col-xs-4 img {
	max-height: 120px;
}

#FEF-sponsors .col-xs-4 {
	text-align: -webkit-center;
}

#FEF-sponsors .row {
	display: flex;
	justify-contents: center;
	align-items: center;
}

/* SPED Instructional Programs Page  ///////////////////////////////////////// added 6/2016 */

ul#access {
	position: relative;
	left: 3rem;
	display: inline-block;
}

ul#access li:nth-of-type(-n+5) {
	padding-bottom: 1rem;
}

ul#access li:before {
	color: #5ab3c4;
	font-size: larger;
	font-weight: 700;
	position: absolute;
	left: -3rem;
	border: 1px solid #5ab3c4;
	padding: .25rem .4rem;
	border-radius: 4px;
}

ul#access li:nth-of-type(1):before {
	content: "A";
}

ul#access li:nth-of-type(n+2):nth-of-type(-n+3):before {
	content: "C";
}

ul#access li:nth-of-type(4):before {
	content: "E";
}

ul#access li:nth-of-type(n+5):nth-of-type(-n+6):before {
	content: "S";
}

/* Community Folder  ///////////////////////////////////////// added 9/2016 */

#comm-folder .row {
	height: 204px;
	margin-top: 20px;
	border-radius: 5px;
	border: 2px solid #5ab3c4;
}

#comm-folder img.img-responsive {
	height: 200px;
	float: left;
	border-radius: 4px 0 0 4px;
	margin-right: 20px;
}

#comm-folder div.question-block ul li:nth-of-type(2) {
	padding-top: 5px;
}

#comm-folder li.icon-doc::before {
	content: 'v';
	color: #0B725E;
	font-size: x-large;
	padding-right: 10px;
	position: relative;
	top: 0.2em;
}

#comm-folder li.icon-web::before {
	content: 'a';
	color: #0B725E;
	font-size: x-large;
	padding-right: 10px;
	position: relative;
	top: 0.2em;
}

#comm-folder h3.font-lg {
	margin: 12px 5px 5px 0;
	border-bottom: 2px solid #5ab3c4;
	padding-bottom: .1em;
	color: #5ab3c4;
}

#comm-folder li.photo {
	width: 154px;
	height: 200px;
	overflow: hidden;
	float: left;
	margin-right: 20px;
	border-right: 2px solid #5ab3c4;
}

#comm-folder img {
	height: 200px;
	max-width: inherit;
}

/* SEARCH INPUT/SUBMIT  ///////////////////////////////////////// added 9/2016 */

.email-search-page .search-input {
	padding: 15px 15px 15px 0;
}

.email-search-page .search-submit {
	padding: 15px 0 15px 15px;
}

/* TRE-FAQ-table  ///////////////////////////////////////// added 10/2016 */

#TRE-FAQ-table+.bg-white,
#TRE-FAQ-table+.bg-white+.bg-white,
#TRE-FAQ-table+.bg-white+.bg-white+.bg-white,
.bg-white-graph {
	background-color: #fff;
	padding: 15px;
	margin-bottom: 20px;
	border: 2px solid #ccc;
	border-radius: 4px;
}

/* branding  ///////////////////////////////////////// added 9/2017 */

#branding .section-subheading {
	padding-bottom: .1em;
	margin-bottom: 20px;
	border-bottom: 3px solid #5ab3c4;
}

#branding .col-xs-4 .font-text {
	font-size: 16px;
}

/* FEF GARY BURNS  ///////////////////////////////////////// added 9/2017 */

.dept-page#garyburns a:first-child img:first-child {
	/* 2nd column getmeregistered button */
	padding-top: 0;
	padding-bottom: 0;
	border-radius: 0;
}

/* CALENDARS  ///////////////////////////////////////// added 10/2017 */

#cal-ath .dept-nav-sub:first-of-type,
#cal-fine .dept-nav-sub:first-of-type {
	margin-top: 0;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////// */



@media (max-width: 1199px) {


	/* FONTS ///////////////////////////////////////// */

	.font-sm,
	.event-full-details-list p {
		font-size: 21px;
	}

	.font-md {
		/* added 2/10 */
		font-size: 24px;
	}

	.font-text,
	.news-article ul,
	.news-article p,
	.dropdown-menu>li>a {
		font-size: 16px;
	}

	.font-xs {
		font-size: 14px;
		/* changed 1/31 so xs was smaller than text */
	}

	/* FISD FOOTER ///////////////////////////////////////// */

	.mission-footer {
		padding-top: 8px;
		padding-bottom: 18px;
	}

	.mission-footer p {
		font-size: 40px;
	}

	.address.text-right.footer-address {
		font-size: 13px;
	}

	.copy-footer {
		margin-top: 0;
	}

	/* FISD MAIN NAVIGATION ///////////////////////////////////////// */

	.navbar-brand img {
		padding-top: 0;
		max-width: 190%;
		margin-left: -151px;
		margin-top: -14px;
	}

	.fisd-menu {
		margin-right: 66px;
	}

	.campus-nav-tabs li:nth-of-type(2) {
		margin-left: 56px;
	}

	.campus-nav-tabs li:nth-of-type(3) {
		margin-left: 90px;
	}

	.campus-nav-tabs li:nth-of-type(4) {
		margin-left: 103px;
	}

	/* FISD SIDE NAVIGATION ///////////////////////////////////////// */

	.dept-nav ul li {
		padding: 0 10px;
	}

	.dept-nav {
		font-size: 14px;
	}

	.dept-nav ul li a,
	.dept-nav ul li a:link,
	.dept-nav ul li a:visited,
	.dept-nav ul li a:active {
		padding: 10px;
	}

	#MainWrapper.has-nav .container>.row {
		background: url(https://www.friscoisd.org/images/default-source/graphics/dept-bg-md.gif) repeat-y;
	}


	/* DEPT CONTACT //////////////////////////////// */

	.contact-dept-info span.addressStreet,
	.contact-dept-info span.addressCityState,
	.contact-dept-info span.addressPhone,
	.contact-dept-info span.addressFax {
		display: block;
		border: none;
	}

	.contact-dept .icon-phone {
		padding-left: 10.5%;
	}

	/* EVENT - LARGE //////////////////////////////// */

	ul.event-large {
		height: 340px;
	}

	h2.event-large-heading {
		height: 110px;
	}

	li.who span.details,
	ul.event-large address {
		margin-left: 65px;
	}


	/* EVENT-SMALL //////////////////////////////// */
	/*
	.sm-events > div {
		padding-left: 8px;
		padding-right: 8px;
	} */
	.event-small li.date {
		font-size: 29px;
	}

	.event-small li.details {
		font-size: 16px;
		height: 100px;
	}

	.event-small li.event-time {
		padding: 12px 5% 7px;
	}

	.event-time,
	.event-time-ext p {
		font-size: 13.5px;
	}

	.event-time-ext {
		padding: 0 5% 3px;
	}

	/* EVENT-DAY-AGENDA //////////////////////////////// */

	.event-day-agenda .icon-left {
		margin-left: -15px;
	}

	.event-day-agenda .icon-right {
		margin-left: 0;
	}

	/* CALENDAR-MINI //////////////////////////////// */

	.event-day-agenda .table>tbody>tr>td,
	.event-day-agenda .table>thead>tr>th {
		padding: 2% 4%;
	}

	.calendar li.circle-red {
		width: 37px;
	}

	.calendar .calendar-title {
		height: 324px;
	}

	/* NEWS //////////////////////////////// */

	.news li.headline,
	.news li.date {
		font-size: 21px;
	}

	.news li.headline {
		height: 92px;
	}

	.news li.lead {
		height: 144px;
		font-size: 15px;
	}


	/* THANK YOU //////////////////////////////// */


	/* FAQ ///////////////////////////////////////// */

	.row.row-content.FAQ {
		padding-left: 8px;
	}

	.sticky-box {
		width: 160px;
	}

	.FAQ ul.list-bullet {
		text-indent: -1.47em;
	}

	.FAQ .question-block ul.list-bullet {
		text-indent: -1.77em;
	}

	.FAQ .question-block ul.list-bullet ul {
		margin-left: 25px;
	}

	.contact-col-2 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	/* PIC-W-TEXT-50 ///////////////////////////////////////// */

	.pic-w-text-50 h3,
	.pic-w-text-50 p {
		padding: 15px 15px 0 15px;
	}

	/* EVENT-SUBTLE ///////////////////////////////////////// */

	.half-content .col-xs-12 {
		width: 45.7%;
	}

	/* EVENT-SUBTLE ///////////////////////////////////////// */

	.event-subtle+h2 {
		margin-top: 40px;
	}

	/* ATTENDANCE ZONES ///////////////////////////////////////// */

	.row.row-content.dept-page#zones .col-xs-12 #zoneBtn {
		width: 360px;
	}

	.row.row-content.dept-page#zones .col-xs-12 #zoneDD ul.dropdown-menu {
		width: 360px;
		top: 19px;
	}

	.row.row-content.dept-page#zones #address-zone-search #streetAddress {
		height: 40px;
	}

	.row.row-content.dept-page#zones .col-xs-12 #zoneBtn span.caret,
	.row.row-content.dept-page#zones .col-sm-3 #cityBtn span.caret,
	.row.row-content.dept-page#zones .col-sm-3 #zipBtn span.caret {
		border-top: 15px solid;
		border-right: 10px solid transparent;
		border-left: 10px solid transparent;
	}

	.row.row-content.dept-page#zones .col-sm-3 #cityDD ul.dropdown-menu,
	.row.row-content.dept-page#zones .col-sm-3 #zipDD ul.dropdown-menu {
		top: 19px;
	}

	.row.row-content.dept-social {
		/* added 10/3/15 to vertically align the FEF top social nav */
		padding-top: 27px;
	}


	div.FAQ ul.list-bullet li::before {
		/* 10/2016 FAQ list bullets were not aligned */
		margin-right: 12px;
	}

	/* BRANDING ///////////////////////////////////////// added 9/2017 */

	#branding .col-xs-4 .font-text {
		font-size: 13px;
	}

}

@media (max-width: 991px) {
	/* because of side nav being dropped at this break, most elements will remain unchanged */


	/* FISD FOOTER ///////////////////////////////////////// */

	.footer-address>div,
	.footer-address a,
	.footer-address a:hover,
	.footer-address a:active,
	.footer-address a:visited,
	address.text-right.footer-address {
		font-size: 14px;
	}

	.mission-footer {
		padding-top: 6px;
		padding-bottom: 16px;
	}

	.mission-footer p {
		padding-bottom: 15px;
		font-size: 32px;
	}

	.copy-footer {
		margin-left: 0;
		margin-top: 5px;
	}

	.footer-address {
		margin: 0;
	}

	.footer-address p {
		font-size: 14px;
		font-weight: 300;
		margin: 0;
	}


	/* FONTS ///////////////////////////////////////// */

	.font-text,
	.news-article ul,
	.news-article p,
	.dropdown-menu>li>a {
		line-height: 1.25em;
	}

	/* deleted 1/24
	.font-sm {
		line-height: 1.111em;
		}   */
	.font-sm {
		font-size: 19px;
		/* changed 1/31 - too close to md */
	}

	.font-md {
		font-size: 22px;
		line-height: 1.136em;
	}

	.font-lg {
		font-size: 26px;
		line-height: 1.154em;
	}

	.font-xlg {
		font-size: 32px;
		line-height: 1.1em;
	}

	.dept-page>p,
	.dept-page>ul>li>p {
		font-size: 21px;
	}

	.department-caption h2 {
		font-size: 34px;
	}

	/* EVENT-SMALL //////////////////////////////// */

	.row.row-content.sm-events {
		padding-left: 15px;
		padding-right: 15px;
		margin-left: -15px;
		margin-right: -15px;
	}

	.sm-events>div {
		padding-left: 15px;
		padding-right: 15px;
	}

	.event-small li.details {
		font-size: 17px;
		height: 105px;
	}

	.event-time,
	.event-time-ext p {
		font-size: 14px;
	}

	/* NEWS //////////////////////////////// */

	#home-districtnews .row,
	#home-insidefrisco .row {
		padding-left: 15px;
		padding-right: 15px;
	}

	.news li.headline {
		height: 100px;
		font-size: 23px;
	}

	.news li.lead {
		height: 159px;
		font-size: 16px;
	}

	.sfnewsContent .news-columns-3,
	.news-page .news-article .news-columns-3,
	.question-block .dept-columns-3,
	.dept-columns-3 {
		-webkit-columns: 2;
		/* Chrome, Safari, Opera */
		-moz-columns: 2;
		/* Firefox */
		columns: 2;
	}

	.sfnewsContent .news-columns-2,
	.news-page .news-article .news-columns-2 {
		-webkit-columns: 1;
		/* Chrome, Safari, Opera */
		-moz-columns: 1;
		/* Firefox */
		columns: 1;
	}


	/* FISD NAVIGATION //////////////////////////////// */

	.fisd-menu {
		margin-left: 18px;
		margin-right: 9px;
	}

	.navbar>.container .navbar-brand {
		width: 94px;
	}

	.fisd-menu>li>a,
	.fisd-menu>li>a:hover,
	.fisd-menu .open>a,
	.fisd.menu .open>a:hover,
	.fisd-menu .open>a:focus {
		padding: 23px 14px;
	}

	.navbar-brand img {
		max-width: 280%;
		margin-left: -4px;
		margin-top: 0;
	}

	.fisd-menu>li {
		font-size: 16px;
	}

	.campus-nav-tabs li:nth-of-type(2) {
		margin-left: 30px;
	}

	.campus-nav-tabs li:nth-of-type(3) {
		margin-left: 54px;
	}

	.campus-nav-tabs li:nth-of-type(4) {
		margin-left: 66px;
	}

	#MainWrapper.has-nav .container>.row {
		background: none;
	}


	/* FISD SUB NAVIGATION TEMP ///////////////////////////////////////// */

	.dept-nav {
		padding-top: 0;
		padding-bottom: 0;
	}

	.dept-nav-panel:focus {
		outline: none;
	}

	.dept-nav-sub {
		margin: 0 0 20px;
	}

	div.col-sm-12>a.btn-md {
		margin: 0 15px 20px;
		font-size: 12px;
		white-space: normal;
	}


	div.row.row-content.jobs.col-xs-12.active {
		padding-left: 7px;
	}

	a.dept-menu-title {
		padding: 19px 50px 19px 17px;
	}

	.department-caption h2 {
		padding: 12px 15px 12px 18px;
	}

	.dept-menu-title>.caret {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 15px solid #333;
		margin-top: 4px;
		margin-right: -30px;
	}

	.selected-job-cat>.caret,
	.selected-dd-cat>.caret {
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-top: 15px solid white;
		margin-top: 4px;
		margin-right: -20px;
	}

	.dept-nav ul li a,
	.dept-nav ul li a:link,
	.dept-nav ul li a:visited,
	.dept-nav ul li a:active {
		padding: 15px 18px 5px 30px;
	}

	a.dept-menu-title:hover {
		color: #333;
	}

	.panel-title {
		color: #333;
		font-family: 'Roboto';
	}

	.dept-nav-sub .panel-title a {
		font-size: 20px;
		padding: 10px 40px 10px 18px;
	}

	.dept-nav-panel .panel,
	.dept-nav-panel .panel .panel-heading {
		border-radius: 0;
	}

	.navbar-header img {
		margin-left: 0;
		width: 115px;
	}

	/* REGISTRATION ///////////////////////////////////////// */

	.row.row-content.registration {
		padding-left: 0;
	}

	/* IMAGE-TEXT ///////////////////////////////////////// */

	.row.row-content.image-text {
		padding-left: 0;
	}

	/* CALENDAR MINI ///////////////////////////////////////// */

	.calendar .calendar-title h3 {
		padding: 0 75% 0 0;
	}

	/* FAQ ///////////////////////////////////////// */

	.row.row-content.FAQ {
		padding-left: 0;
	}

	.question-block {
		/* changed on 1/12 from margin-top: 30px and padding-top: 0 in order to make the FAQ navigation work on xs devices. moved to sm on 1/30 */
		padding-top: 60px;
		margin-top: -62px;
	}

	/* DEPT-PAGE ///////////////////////////////////////// */

	.row.row-content.dept-page,
	.dept-content {
		padding-left: 15px;
		padding-right: 15px;
	}

	/*
	.row.row-content.dept-page ul.orange.list-bullet li { removed 1/24
		text-indent: -1.9em;
	} */
	.dept-page>ul.orange.list-bullet:first-child {
		/* added 1/24 */
		padding-top: 10px;
	}

	/*
	.dept-page h2:first-child {  removed 2/10 - catching more than I want, ex. FEF Scholarships
		margin-top: 0;
	} */
	.dept-page>p.font-text:first-child {
		padding-top: 10px;
	}

	.section-subheading.font-sm {
		/* added 1/24 */
		margin-top: 10px;
	}

	div.row.row-content.dept-page h3:first-child {
		margin-top: 10px;
	}

	/* DEPT-ACCORD ///////////////////////////////////////// */

	div.row.row-content.dept-accord {
		padding-top: 10px;
	}

	.dept-accord .col-xs-12>p {
		padding-left: 15px;
		padding-right: 15px;
	}

	.dept-accord .col-xs-12:first-child>p:first-child {
		padding-top: 0;
	}

	/* BLOCKQUOTE ///////////////////////////////////////// */

	blockquote {
		margin: 30px 0 20px;
	}

	.big-quote blockquote {
		margin-top: 0;
		border-left: 5px solid #184366;
	}

	/* MATH MODEL ///////////////////////////////////////// */

	.triangle-5 {
		display: none;
	}

	ul.triangle-5-list {
		margin-top: 0;
	}

	ul.triangle-5-list li:nth-of-type(3) {
		padding-top: 0;
	}

	ul.triangle-5-list li:nth-of-type(4) {
		padding-top: 0;
	}

	ul.triangle-5-list li:nth-of-type(5) {
		padding-top: 0;
		margin-bottom: 20px;
	}

	/* PICTURE WITH TITLE (SCHOOL PHOTOS ) ///////////////////////////////////////// */

	.pic-w-title li.headline {
		/* changed 1/24 to accommodate change from font-text to font-sm; changed bottom from 12 to 15 to allow for 2 lines on 1/30 */
		padding: 3% 5% 15% 5%;
	}

	.pic-w-title {
		/* 10/2016 pics were hanging out farther than rest of column */
		padding: 0;
	}

	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(-n+3) {
		min-height: 440px;
		/* 500px -> 440px 11/2017 */
	}

	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+4):nth-child(-n+6) {
		min-height: 420px;
		/* 350px -> 420px 11/2017 */
	}

	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+7):nth-child(-n+9) {
		min-height: 320px;
		/* 300px -> 320px 11/2017 */
	}

	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+10):nth-child(-n+12) {
		min-height: 270px;
	}

	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+13):nth-child(-n+15) {
		min-height: 400px;
	}

	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+16):nth-child(-n+18) {
		min-height: 580px;
		/* 500px -> 540px 11/2017 */
	}

	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+19):nth-child(-n+21) {
		min-height: 200px;
	}

	/* HALF-CONTENT ///////////////////////////////////////// */

	.half-content .col-xs-12 {
		width: 45.7%;
	}

	/* EVENT-SUBTLE ///////////////////////////////////////// */

	.event-subtle h2.section-heading {
		margin-top: 15px;
	}

	/* ICONS-ATHLETICS ///////////////////////////////////////// */

	#icons-athletics>div {
		min-height: 60px;
	}

	.row.row-content.dept-social #icons-athletics img {
		margin-top: 10px;
	}

	/* ATTENDANCE ZONES ///////////////////////////////////////// */

	.row.row-content.dept-page#zones .col-xs-12 #zoneBtn {
		width: 327px;
		margin-top: -8px;
	}

	.row.row-content.dept-page#zones .col-xs-12 #zoneDD ul.dropdown-menu {
		width: 327px;
		top: 19px;
	}

	.row.row-content.dept-page#zones #address-zone-search #streetAddress {
		height: 37px;
	}

	.row.row-content.dept-page#zones .col-xs-12 #zoneBtn span.caret,
	.row.row-content.dept-page#zones .col-sm-3 #cityBtn span.caret,
	.row.row-content.dept-page#zones .col-sm-3 #zipBtn span.caret {
		border-top: 13px solid;
		border-right: 9px solid transparent;
		border-left: 9px solid transparent;
	}

	.row.row-content.dept-page#zones .col-sm-3 #cityDD ul.dropdown-menu,
	.row.row-content.dept-page#zones .col-sm-3 #zipDD ul.dropdown-menu {
		top: 16px;
	}

	.row.row-content.dept-social {
		/* added 10/3/15 to vertically align the FEF top social nav */
		padding-top: 27px;
	}

	/* CHARTS & GRAPHS ///////////////////////////////////////// */

	#dept-doughnut-legend li span,
	#dept-bar-legend li span {
		width: 17px;
		height: 17px;
	}

	/* MAPS ///////////////////////////////////////// */

	.contact-dept div#map-outer,
	.contact-dept div.map-outer {
		/* added 9/2016 */
		margin-left: 15px;
		margin-right: 15px;
	}

	/* BRANDING ///////////////////////////////////////// */

	#branding .col-xs-4 .font-text {
		font-size: 16px;
	}

}

/* //////////////////////////////// */

@media (max-width: 767px) {

	/* FONTS ///////////////////////////////////////// */

	.font-sm {
		/*line-height: 1.111em;   removed 1/24 */
		font-size: 18px;
	}

	.event-full-details-list p {
		font-size: 18px;
		padding-left: 60px;
	}

	.font-md {
		font-size: 20px;
	}

	li.event-full-details-summary::before,
	li.event-full-details-time::before,
	li.event-full-details-info::before,
	li.event-full-details-location::before,
	li.event-full-details-contact::before,
	h3.map-title::before,
	li.event-full-details-audience::before,
	li.event-full-details-link::before {
		font-size: 40px;
	}

	/* //////////////////// dept-accord //////////////// */

	.calendar-page.dept-accord>.col-xs-12 {
		padding-left: 45px;
		padding-right: 45px;
	}

	/* //////////////////////////////////////////////// */


	/* BUTTONS ///////////////////////////////////////// */

	.btn-primary:hover,
	#home-buttons .btn-primary:hover {
		background-color: #184366;
	}

	.btn-success:hover,
	#home-buttons .btn-success:hover {
		background-color: #0B725E;
	}

	.btn-info:hover,
	#home-buttons .btn-info:hover {
		background-color: #5ab3c4;
	}

	.btn-warning:hover,
	#home-buttons .btn-warning:hover {
		background-color: #e8b20f;
	}

	a.btn:hover {
		color: white;
	}

	.btn-danger:hover,
	#home-buttons .btn-danger:hover {
		background-color: #AF4429;
	}

	/* FISD FOOTER ///////////////////////////////////////// */

	.footer-address>div,
	.footer-address a,
	.footer-address a:hover,
	.footer-address a:active,
	.footer-address a:visited,
	.footer-address p {
		font-size: 12px;
	}

	.mission-footer {
		display: inherit;
		padding-top: 23px;
	}

	.mission-footer p {
		font-size: 30px;
		padding-left: 60px;
		padding-right: 60px;
	}

	.col-xs-12 .copy-footer {
		float: inherit;
	}

	.copy-footer {
		margin-top: 0;
	}

	.copy-footer p,
	.footer-address {
		padding-left: 0;
		text-align: center;
	}

	/* FISD NAVIGATION //////////////////////////////// */

	button.navbar-toggle,
	button.navbar-toggle:focus,
	button.navbar-toggle:hover {
		margin-top: 14px;
		margin-right: 45px;
	}

	.fisd-menu>li>a,
	.fisd-menu>li>a:hover,
	.fisd-menu .open>a,
	.fisd.menu .open>a:hover,
	.fisd-menu .open>a:focus {
		padding: 4px 0;
	}

	.navbar-header img {
		margin-left: -10px;
		width: 220px;
		padding-top: 7px;
	}


	/* DEPARTMENT CAPTION //////////////////////////////// */

	.department-caption {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* FISD SUB NAVIGATION TEMP ///////////////////////////////////////// */

	.dept-right-col .row.row-content,
	.row.row-content.all-news {
		/* changed on 1/14 so content would align with dept dropdown */
		margin-left: 15px;
		margin-right: 15px;
	}

	.dept-right-col .row .col-md-9 {
		padding-left: 0;
		padding-right: 0;
	}

	.dept-nav {
		font-size: 18px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.dept-nav-sub {
		margin-left: 30px;
		margin-right: 30px;
	}

	.dept-nav-sub .panel {
		margin-top: 10px;
	}

	.jobs .table {
		width: 90%;
	}

	.dept-nav ul li,
	.dept-nav ul li:hover,
	.dept-nav ul li:first-child:hover {
		padding: 5px 10px 10px;
		margin-top: 0;
		border-top: 0;
		border-bottom: 0;
	}

	.dept-nav-panel .panel-body ul {
		margin-top: 10px;
		margin-bottom: 20px;
	}

	a.dept-menu-title {
		font-size: 20px;
	}

	.dept-menu-title>.caret {
		/* changed from -15 on 1/28 */
		margin-right: -33px;
	}

	div.row.row-content.jobs.col-xs-12.active {
		margin-left: 30px;
		margin-right: 30px;
	}

	.section-subheading.font-sm {
		margin-top: 0;
	}

	/* FAQ //////////////////////////////// */

	.row.row-content.FAQ {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* EVENT-SMALL //////////////////////////////// */

	.event-small li.date {
		font-size: 38px;
	}

	.event-small li.details {
		font-size: 23px;
		height: 140px;
		margin-top: -1px;
	}

	.event-small li.event-time {
		padding: 16px 5% 13px;
		margin-top: -1px;
	}

	.event-time,
	.event-time-ext p {
		font-size: 19px;
	}

	.event-time-ext {
		padding: 3px 5% 11px;
		margin-top: -1px;
	}

	.row.row-content.sm-events {
		/* changed 1/31 from 10 to match working-home.css */
		padding-left: 40px;
		padding-right: 40px;
	}

	.sm-events>div {
		padding-left: 25px;
		padding-right: 25px;
	}

	/* DEPT CONTACT //////////////////////////////// */

	.contact-dept .section-subheading {
		text-align: center;
	}

	.contact-dept .col-xs-12.col-sm-6 {
		padding-left: 15%;
		padding-right: 15%;
	}

	.contact-dept .col-xs-12.col-sm-6 {
		margin-bottom: 20px;
		margin-top: 20px;
	}

	.contact-dept .icon-email,
	.contact-dept .icon-phone {
		padding-top: 4.25%;
		padding-left: 8%;
	}

	/* INDIVIDUAL DEPT CONTACTS //////////////////////////////// */

	.contact-info .position {
		display: block;
		margin-left: 0;
		padding-top: .25em;
	}

	.contact-info .contact-email-phone p.phone {
		clear: left;
	}

	.contact-info .school::before,
	.contact-info .email::before,
	.contact-info .phone::before {
		margin-left: 0;
	}

	/* SECTION NAV //////////////////////////////// */

	.sectionnav {
		font-size: 26px;
	}

	.sectionnavtext {
		font-size: 18px;
	}

	/* EVENT-LARGE (MULTIPLE EVENTS) ///////////////////////////////////////// */

	.col-xs-12.col-sm-6.col-md-6.col-lg-6,
	.col-xs-12.hidden-sm.hidden-md.hidden-lg {
		padding-left: 100px;
		padding-right: 100px;
	}


	/* EVENT-DAY-AGENDA ///////////////////////////////////////// */

	.event-day-agenda .table tr td:first-of-type {
		width: 33%;
	}

	/* NEWS //////////////////////////////// */

	.row.row-content.dept-news,
	.row.row-content.lg-events,
	.row.row-content.text-w-pic {
		/*2/6 changed from 22.5 */
		padding-left: 18%;
		padding-right: 18%;
	}

	.dept-news>.col-xs-12,
	.lg-events>.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.news li.headline,
	.news li.date {
		font-size: 24px;
	}

	.news li.headline {
		height: 104px;
	}

	.news li.lead {
		height: 165px;
		font-size: 17px;
	}

	.news span.story-month,
	.news span.story-day,
	.news span.story-year {
		width: 1.9em;
	}

	.sfnewsContent .news-columns-3,
	.news-page .news-article .news-columns-3,
	.question-block .dept-columns-3,
	.columns-2,
	.dept-columns-3 {
		-webkit-columns: 1;
		/* Chrome, Safari, Opera */
		-moz-columns: 1;
		/* Firefox */
		columns: 1;
	}

	/* THANK YOU //////////////////////////////// */


	/* CALENDAR MINI //////////////////////////////// */

	div.row.row-content.calendar {
		margin-left: 15px;
		margin-right: 15px;
	}

	.calendar .calendar-main {
		width: 100%;
		border-radius: 0 0 4px 4px;
	}

	.calendar .calendar-title h3 {
		padding: 0 30px 5px 0;
	}

	.calendar .calendar-title {
		height: auto;
		border-radius: 4px 4px 0 0;
	}

	.calendar li.circle-red {
		width: 34px;
	}

	/* REGISTRATION //////////////////////////////// */

	.registration-open,
	.registration-closed {
		padding: 2% 1% 0;
	}

	/* CONTACT-PHOTO //////////////////////////////// */

	.row.row-content.contact.contact-photo+.row.row-content.contact.contact-photo {
		/* added 1/23 to create space between two contact groups */
		margin-bottom: 40px;
	}

	.row.row-content.contact.contact-photo,
	.row.row-content.contact-bio {
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
	}

	.contact-photo img {
		border-radius: 4px 4px 0 0;
	}

	/* CONTACT //////////////////////////////// */

	.contact div.col-xs-12.col-sm-6 {
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		padding: 0;
	}

	.contact .section-heading {
		text-align: center;
		padding-bottom: 20px;
	}

	/* PICTURE WITH TITLE (SCHOOL PHOTOS ) ///////////////////////////////////////// */

	.pic-w-title li.headline {
		/* changed 1/24 to accommodate change from font-text to font-sm; changed bottom from 10 to 9 on 1/30 */
		padding: 3% 5% 9% 5%;
	}

	.pic-w-title div {
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}

	#parent-page .col-xs-12.col-sm-4.col-md-3,
	#student-page .col-xs-12.col-sm-4.col-md-3,
	#partner-page .col-xs-12.col-sm-4.col-md-3,
	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(-n+3),
	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+4):nth-child(-n+6),
	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+7):nth-child(-n+9),
	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+10):nth-child(-n+12),
	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+13):nth-child(-n+15),
	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+16):nth-child(-n+18),
	#departments>.row>.col-xs-12.col-sm-4.col-md-3:nth-child(n+19):nth-child(-n+21) {
		min-height: 0;
	}

	.role-page {
		padding-top: 40px;
		padding-bottom: 10px;
	}

	.role-page>.row.row-content {
		padding-top: 0;
		padding-bottom: 10px;
	}


	/* TEXT-W-PIC ///////////////////////////////////////// */

	.text-w-pic>.col-xs-12.col-sm-9 {
		border-radius: 4px 4px 0 0;
	}

	.text-w-pic>.col-xs-12.col-sm-3 img {
		border-radius: 0 0 4px 4px;
	}

	/* PIC-W-TEXT-50 ///////////////////////////////////////// */

	.row.row-content.pic-w-text-50,
	.row.row-content.half-content {
		margin-left: 20%;
		margin-right: 20%;
	}

	/* HALF-CONTENT ///////////////////////////////////////// */

	.row.row-content.half-content .col-xs-12 {
		width: 100%;
		margin: 10px 0;
	}

	/* EVENT-SUBTLE ///////////////////////////////////////// */

	.row.row-content.event-subtle {
		padding: 10px 10px 0 10px;
	}

	/* ATTENDANCE ZONES ///////////////////////////////////////// */

	.row.row-content.dept-page#zones .col-xs-12 #zoneDD.dropdown {
		display: block;
	}

	.row.row-content.dept-page#zones #address-zone-search .col-xs-12.col-sm-6 {
		padding: 25px 0 30px;
	}

	#address-zone-search span.input .btn-info {
		margin-top: -9px;
	}

	#address-zone-search>div {
		padding-left: 0;
		padding-right: 0;
	}

	.row.row-content.dept-page#zones .col-xs-12 #zoneBtn {
		width: 100%;
	}

	.row.row-content.dept-page#zones .col-xs-12 #zoneDD.dropdown {
		padding-left: 0;
	}

	.row.row-content.dept-page#zones #address-zone-search .col-xs-6.col-sm-3 {
		padding-right: 0;
	}

	.row.row-content.dept-page#zones .col-xs-12 #zoneDD ul.dropdown-menu {
		width: 100%;
		left: 0;
	}

	#address-zone-search div:nth-of-type(3) {
		padding-left: 15px;
	}

	.contact-dept div#map-outer,
	/* added 9/2016 */
	.contact-dept div.map-outer {
		/* added 9/2016 - Attendance Zone Map */
		margin-left: 15px;
		margin-right: 15px;
	}

	/* drop-down styles */

	.all-news-dropdown {
		margin: 20px 0;
	}

	.row.row-content.news-selection {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-right: -15px;
		margin-left: -15px;
	}


	/* CHARTS & GRAPHS  ///////////////////////////////////////// */

	div#dept-bar-chart {
		padding: 0;
	}

	#dept-doughnut-chart {
		padding-left: 0%;
		padding-bottom: 40px;
	}

	#chartjs-customtooltip {
		max-width: 175px;
	}

	#chartjs-customtooltip.above:before {
		border: none;
	}

	.tab-one {
		/* added 6/24/15 */
		margin-left: 1em;
	}


	/* QUESTION BLOCKS  ///////////////////////////////////////// */

	.question-block img.img-responsive {
		/* 6/16/16 to create space for SPED General Info and Resources */
		padding-bottom: 3rem;
	}

	img.modal-img-link.img-responsive {
		padding-bottom: initial;
	}

	/* BRANDING ///////////////////////////////////////// added 9/2017 */

	#branding .col-xs-4 .font-text {
		font-size: 16px;
	}

	#branding .question-block img.img-responsive {
		/* 9/2017 to override change for branding page */
		padding-bottom: initial;
	}
}

@media (max-width: 650px) {
	/* no specific devices */

	/* FISD FOOTER ///////////////////////////////////////// */

	.mission-footer p {
		font-size: 30px;
		padding-right: 20px;
		padding-left: 20px;
	}

	#FooterWrapper .col-xs-12 {
		padding-left: 5px;
		padding-right: 5px;
	}

	/* EVENT-SMALL //////////////////////////////// */

	.event-small li.date {
		font-size: 38px;
	}

	.event-small li.details {
		font-size: 23px;
	}

	.event-time,
	.event-time-ext p {
		font-size: 19px;
	}

	.row.row-content.sm-events {
		padding-left: 0;
		padding-right: 0;
		margin-left: 0;
		margin-right: 0;
	}

	.sm-events>div {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* NEWS //////////////////////////////// */

	.row.row-content.dept-news,
	.row.row-content.lg-events,
	.row.row-content.text-w-pic {
		padding-left: 12.5%;
		padding-right: 12.5%;
	}

	/* PIC-W-TEXT-50 ///////////////////////////////////////// */

	.row.row-content.pic-w-text-50,
	.row.row-content.half-content {
		margin-left: 15%;
		margin-right: 15%;
	}

	#chartjs-customtooltip {
		max-width: 150px;
	}

	/* BRANDING ///////////////////////////////////////// added 9/2017 */

	#branding .col-xs-4 .font-text {
		font-size: 13px;
	}

	#branding .col-xs-4 {
		padding-left: .5rem;
		padding-right: .5rem;
	}

}


@media (max-width: 550px) {


	.dept-right-col .row.row-content {
		margin-left: 0;
		margin-right: 0;
	}

	.dept-right-col .row .col-md-9 {
		padding-left: 0;
		padding-right: 0;
	}

	/* FISD FOOTER ///////////////////////////////////////// */

	#FooterWrapper .row {
		margin-left: 15px;
		margin-right: 15px;
	}

	.mission-footer {
		padding: 0;
	}

	.mission-footer p {
		font-size: 26px;
		padding: 15px 0 20px;
	}

	.footer-address {
		margin-left: 28px;
		margin-right: 28px;
	}

	.footer-address>div,
	.footer-address a,
	.footer-address a:hover,
	.footer-address a:active,
	.footer-address a:visited,
	address.text-right.footer-address,
	.footer-address p {
		font-size: 15px;
	}

	.copy-footer p {
		font-size: 8px;
		padding-top: 15px;
	}

	.footer-address span.addressCityState {
		border-right: none;
		padding-right: 0;
	}

	.footer-address span.addressPhone {
		padding-left: 0;
	}

	span.addressPhone {
		display: inline-block;
	}

	/* FISD NAVIGATION //////////////////////////////// */

	.navbar-header img {
		margin-left: 5px;
	}

	button.navbar-toggle,
	button.navbar-toggle:focus,
	button.navbar-toggle:hover {
		margin-right: 30px;
	}

	/* FISD SUB NAVIGATION  ///////////////////////////////////////// */

	.dept-nav {
		padding-left: 0;
		padding-right: 0;
	}

	.dept-nav-sub {
		margin-left: 15px;
		margin-right: 15px;
	}

	div.row.row-content.jobs.col-xs-12.active {
		margin-left: 15px;
		margin-right: 15px;
	}

	/* DEPARTMENT CAPTION //////////////////////////////// */

	.department-caption,
	.dept-left-col {
		padding-left: 0;
		padding-right: 0;
	}

	.department-caption h2 {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		padding-left: 30px;
	}

	a.dept-menu-title {
		padding-left: 30px;
	}

	.dept-menu-title>.caret {
		/* changed from 0 on 1/28 to align better */
		margin-right: -20px;
	}


	/* SYMBOL-QUOTE //////////////////////////////// */

	.symbol-quote .icon-quote-2 {
		margin-top: -17%;
	}

	/* EVENT-SMALL //////////////////////////////// */

	.event-small li.date {
		font-size: 33px;
	}

	.event-small li.details {
		font-size: 19px;
		height: 112px;
	}

	.event-time,
	.event-time-ext p {
		font-size: 16px;
	}

	.event-small li.event-time {
		padding: 19px 5% 10px;
	}

	.event-time-ext {
		padding: 6px 5% 7px;
	}

	.row.row-content.sm-events {
		padding-left: 15px;
		padding-right: 15px;
	}

	.sm-events>div {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* EVENT-LARGE ///////////////////////////////////////// */

	.col-xs-12.col-sm-6.col-md-6.col-lg-6,
	.col-xs-12.hidden-sm.hidden-md.hidden-lg {
		padding-left: 50px;
		padding-right: 50px;
	}

	/* EVENT-LARGE ///////////////////////////////////////// */

	.event-day-agenda .row .col-xs-1:last-of-type {
		padding-left: 7.5px;
	}

	/* EVENT-XLARGE ///////////////////////////////////////// */

	.event-xlarge li.what {
		border-top: 2px white solid;
	}

	ul.event-xlarge .icon-note {
		padding-right: 12%;
	}

	/* NEWS ///////////////////////////////////////// */

	.news li.headline {
		height: 113px;
	}

	.news li.headline,
	.news li.date {
		font-size: 26px;
	}

	.news li.lead {
		height: 175px;
		font-size: 18px;
	}

	.row.row-content.dept-news,
	.row.row-content.lg-events,
	.row.row-content.text-w-pic {
		padding-left: 60px;
		padding-right: 60px;
	}

	/* CALENDAR MINI ///////////////////////////////////////// */

	.div.row.row-content.calendar {
		margin-left: 0;
		margin-right: 0;
	}

	.calendar li.circle-red {
		width: 32px;
	}

	.row.row-content.contact.contact-photo,
	.row.row-content.contact-bio {
		/* added 2/1 to overwrite the .dept-right-col margin: 0 */
		margin-left: auto;
		margin-right: auto;
	}

	/* PIC-W-TEXT-50 ///////////////////////////////////////// */

	.row.row-content.pic-w-text-50,
	.row.row-content.half-content {
		margin-left: 12.5%;
		margin-right: 12.5%;
	}
}


@media (max-width: 520px) {

	.row.row-content.contact.contact-photo,
	.row.row-content.contact-bio {
		margin-left: 25px;
		margin-right: 25px;
	}

	/* PIC-W-TEXT-50 ///////////////////////////////////////// */

	.row.row-content.pic-w-text-50,
	.row.row-content.half-content {
		margin-left: 60px;
		margin-right: 60px;
	}





}

@media (max-width: 500px) {


	/* FISD FOOTER ///////////////////////////////////////// */

	#FooterWrapper .row {
		margin-left: 5px;
		margin-right: 5px;
	}

	.mission-footer p {
		font-size: 24px;
	}

	.footer-address {
		margin-right: 25px;
		margin-left: 25px;
	}

	.copy-footer p {
		font-size: 10px;
	}


	/* FONTS ///////////////////////////////////////// */

	.font-lg {
		font-size: 23px;
	}

	.font-xlg {
		font-size: 28px;
	}

	.department-caption h2 {
		font-size: 30px;
	}

	/* DEPT CONTACT ///////////////////////////////////////// */

	.contact-dept .icon-email,
	.contact-dept .icon-phone {
		padding-left: 11.5%;
	}

	.contact-dept .section-subheading {
		margin-left: 20px;
		margin-right: 20px;
	}

	/* SYMBOL-QUOTE //////////////////////////////// */

	.symbol-quote .icon-quote-2 {
		margin-top: -20%;
	}

	/* EVENT-DAY-AGENDA //////////////////////////////// */

	.event-day-agenda .table>tbody>tr>td,
	.event-day-agenda .table>thead>tr>th

	/*had to use this format to override bootstrap*/
		{
		padding: 4%;
	}

	div.col-xs-4 .col-sm-4 .col-md-4 .col-lg-3 {
		padding-left: 5px;
		padding-right: 5px;
	}

	/* EVENT-SMALL //////////////////////////////// */

	.row.row-content.sm-events {
		margin-left: 0;
		margin-right: 0;
		padding-left: 15px;
		padding-right: 15px;
	}

	/* SECTION NAV //////////////////////////////// */

	.sectionnav {
		font-size: 33px;
	}

	.sectionnavtext {
		font-size: 22px;
	}

	.sectionnavtext {
		margin-right: 8px;
	}

	.sectionnav .icon-left {
		margin-left: 8px;
	}

	/* EVENT-LARGE ///////////////////////////////////////// */

	.col-xs-12.col-sm-6.col-md-6.col-lg-6,
	.col-xs-12.hidden-sm.hidden-md.hidden-lg {
		padding-left: 0;
		padding-right: 0;
	}

	/* EVENT-XLARGE ///////////////////////////////////////// */

	.event-xlarge li.what {
		border-top: 1px white solid;
	}

	ul.event-xlarge .icon-note {
		padding-right: 15%;
	}

	/* NEWS ///////////////////////////////////////// */

	.row.row-content.dept-news,
	.row.row-content.lg-events,
	.row.row-content.text-w-pic {
		padding-left: 30px;
		padding-right: 30px;
	}

	/* THANK YOU ///////////////////////////////////////// */



	/* CALENDAR MINI ///////////////////////////////////////// */

	div.row.row-content.calendar {
		margin-left: 0;
		margin-right: 0;
	}

	.registration-open,
	.registration-closed {
		padding: 3.5% 1% 0;
	}

	/* PIC-W-TEXT-50 ///////////////////////////////////////// */

	.row.row-content.pic-w-text-50,
	.row.row-content.half-content {
		margin-left: 30px;
		margin-right: 30px;
	}

	/* EVENT-SUBTLE ///////////////////////////////////////// */

	.event-subtle li::before {
		font-size: 26px;
	}

	.event-subtle li.when::before {
		margin-top: 10px;
	}

	.event-subtle li.where::before {
		margin-top: 20px;
	}

	.event-subtle li.what::before {
		margin-top: 10px;
	}

	.event-subtle li div {
		margin-left: 45px;
	}

	.row.row-content.event-subtle {
		padding: 0;
	}

	.event-subtle ul.orange.list-bullet {
		margin-left: 45px;
	}

	.event-subtle ul.orange.list-bullet li::before {
		margin-right: 0;
	}

	.event-subtle ul ul li div {
		margin-left: 25px;
	}

	/* CHARTS & GRAPHS  ///////////////////////////////////////// */

	#chartjs-customtooltip {
		max-width: 125px;
	}
}


@media (max-width: 450px) {
	/* Samsung Galaxy Note - - - width: 400, iPhone 6 plus - - - width: 414, LG Optimus - - - width: 424 */


	/* FONTS ///////////////////////////////////////// */

	.department-caption h2 {
		font-size: 30px;
	}

	/* SECTION NAV //////////////////////////////// */

	.sectionnav {
		font-size: 27px;
	}

	.sectionnavtext {
		font-size: 18px;
	}

	.sectionnavtext {
		margin-right: 6px;
	}

	.sectionnav .icon-left {
		margin-left: 6px;
	}


	/* FISD FOOTER ///////////////////////////////////////// */

	#FooterWrapper .row {
		margin-left: 0;
		margin-right: 0;
	}

	.mission-footer p {
		font-size: 21px;
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.footer-address>div,
	.footer-address a,
	.footer-address a:hover,
	.footer-address a:active,
	.footer-address a:visited,
	address.text-right.footer-address,
	.footer-address p {
		font-size: 13px;
	}

	.footer-address {
		margin-left: 15px;
		margin-right: 15px;
	}

	/* DEPT CONTACT ///////////////////////////////////////// */

	.contact-dept .icon-email,
	.contact-dept .icon-phone {
		padding-top: 7.25%;
	}

	/* EVENT-SMALL //////////////////////////////// */

	.event-small li.date {
		font-size: 25px;
	}

	.event-small span.event-month {
		padding-left: 7px;
	}

	.event-small li.details {
		font-size: 15px;
		height: 90px;
	}

	.event-small li.event-time {
		padding: 10px 5% 7px;
	}

	.event-small li.event-time,
	.event-time-ext p {
		font-size: 12px;
	}

	.event-time-ext p {
		line-height: .4em;
	}

	.event-time-ext {
		padding: 2px 5% 4px;
	}

	/* NEWS ///////////////////////////////////////// */

	.row.row-content.dept-news,
	.row.row-content.lg-events,
	.row.row-content.text-w-pic {
		padding-left: 15px;
		padding-right: 15px;
	}

	.dept-news>.col-xs-12,
	.lg-events>.col-xs-12,
	.text-w-pic>.col-xs-12,
	.pic-w-text-50>.col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.news li.headline {
		height: 85px;
	}

	.news li.headline,
	.news li.date {
		font-size: 19px;
	}

	.news li.lead {
		height: 130px;
		font-size: 13px;
		padding: 3% 5.5% 5% 0;
	}

	.news li.date {
		margin: 4% 5% 5%;
	}

	.row.row-content.contact.contact-photo,
	.row.row-content.contact-bio {
		margin-left: 15px;
		margin-right: 15px;
	}

	.contact {
		padding-left: 15px;
		padding-right: 15px;
	}

	.contact.contact-subtle {
		/* added 4/14/15 */
		padding-left: 0;
		padding-right: 0;
	}

	.contact-subtle .contact-info {
		/*added 5/15/15 */
		padding: 15px;
	}

	/* PIC-W-TEXT-50 ///////////////////////////////////////// */

	.row.row-content.pic-w-text-50,
	.row.row-content.half-content {
		margin-left: 15px;
		margin-right: 15px;
	}

	.pic-w-text-50 img {
		padding: 10px;
	}

	/* CHARTS & GRAPHS  ///////////////////////////////////////// */

	#chartjs-customtooltip {
		max-width: 125px;
		font-size: 12px !important;
	}

	#TRE-FAQ-table {
		font-size: 8px;
	}

	/* BRANDING  ///////////////////////////////////////// */

	#branding .col-xs-4 .font-text {
		font-size: 8px;
	}

	.table {
		/* added 1/2018 b/c long words causing scroll effect */
		hyphens: auto;
	}
}

@media (max-width: 390px) {
	/* Blackberry Z10 - - - width: 384, Blackberry Z30 - - - width: 360, iPhone 6 - - - width: 375 */

	/* FISD FOOTER ///////////////////////////////////////// */

	#FooterWrapper .row {
		margin-left: 0;
		margin-right: 0;
	}

	.mission-footer p {
		font-size: 27px;
		padding-top: 0;
		padding-bottom: 10px;
	}

	.footer-address p {
		font-size: 12px;
	}

	.copy-footer p {
		padding-top: 17px;
		font-size: 8px;
	}

	/* DEPT CONTACT //////////////////////////////// */

	.contact-dept .section-subheading {
		text-align: center;
	}

	.contact-dept .col-xs-12.col-sm-6 {
		padding-left: 5%;
		padding-right: 5%;
	}

	/* EVENT-SMALL //////////////////////////////// */

	.row.row-content.sm-events {
		padding-left: 0;
		padding-right: 0;
	}

	.sm-events .col-xs-12 {
		padding-left: 0;
		padding-right: 0;
	}

	.sm-events>div {
		padding-left: 7px;
		padding-right: 7px;
	}

	/* NEWS ///////////////////////////////////////// */

	.news li.headline {
		height: 83px;
	}

	#FooterWrapper .row {
		margin-left: 0;
		margin-right: 0;
	}

	.mission-footer p {
		font-size: 27px;
		padding-top: 0;
		padding-bottom: 10px;
	}

	.footer-address p {
		font-size: 12px;
	}

	.copy-footer p {
		padding-top: 17px;
		font-size: 8px;
	}

	.font-icon-xlg {
		padding-left: .2em;
	}

	#map-container {
		height: 320px;
	}


	#address-zone-search span.input .btn-info {
		margin-left: .5em;
	}

	/* CHARTS & GRAPHS  ///////////////////////////////////////// */

	#chartjs-customtooltip {
		max-width: 100px;
	}

}

@media (max-width: 350px) {
	/* iPhone 3-5 - - - width: 320 */

	.font-sm,
	.event-full-details-list p {
		font-size: 16px;
	}

	.font-text,
	.news-article ul,
	.news-article p,
	.dropdown-menu>li>a {
		font-size: 14px;
	}

	.font-xs {
		font-size: 12px;
	}

	.font-tiny {
		font-size: 8px;
	}

	.dept-right-col .row.row-content {
		margin-left: 5px;
		margin-right: 5px;
	}

	/* FISD FOOTER ///////////////////////////////////////// */

	.footer-address {
		margin-left: 0;
		margin-right: 0;
	}

	.footer-address p {
		font-size: 12px;
	}

	.copy-footer p {
		padding-top: 15px;
	}


	/* FISD NAVIGATION //////////////////////////////// */

	.navbar-header img {
		margin-left: -5px;
	}

	button.navbar-toggle,
	button.navbar-toggle:focus,
	button.navbar-toggle:hover {
		margin-right: 20px;
	}

	/* DEPT CAPTION //////////////////////////////// */

	.department-caption h2 {
		font-size: 25px;
		padding-left: 20px;
	}

	/* DEPT NAV SUB //////////////////////////////// */

	a.dept-menu-title {
		padding: 12px 40px 12px 20px;
		/* changed right on 1/28 from 30 to 40 to align caret better */
		font-size: 18px;
	}

	.dept-menu-title>.caret {
		margin-top: 1px;
	}

	.dept-nav ul li,
	.dept-nav ul li:hover,
	.dept-nav ul li:first-child:hover {
		padding: 0 10px;
	}

	.dept-nav-sub {
		margin-left: 5px;
		margin-right: 5px;
	}

	.dept-nav-sub .panel {
		margin-top: 0;
	}

	.dept-nav-sub .panel-title a {
		font-size: 16px;
		padding: 10px 30px 10px 10px;
	}

	.selected-job-cat>.caret,
	.selected-dd-cat>.caret {
		margin-top: 2px;
	}

	ul#job-cat-list li a,
	ul#job-cat-list li a:link,
	ul#job-cat-list li a:visited,
	ul#job-cat-list li a:active {
		padding: 15px 18px 5px 10px;
	}

	div.row.row-content.jobs.col-xs-12.active {
		margin-left: 0;
		margin-right: 0;
	}

	.jobs .table {
		width: 97%;
	}

	/* EVENT-LARGE //////////////////////////////// */

	li.who span.details,
	ul.event-large address {
		margin-left: 58px;
	}

	h2.event-large-heading {
		height: 120px;
	}

	ul.event-large {
		height: 300px;
	}

	/* EVENT-SMALL //////////////////////////////// */

	.row.row-content.sm-events {
		margin-left: 0;
		margin-right: 0;
	}

	/* SECTION NAV //////////////////////////////// */

	.sectionnav {
		font-size: 24px;
	}

	.sectionnavtext {
		font-size: 16px;
	}

	/* NEWS //////////////////////////////// */

	.news li.headline {
		height: 50px;
		font-size: 15px;
	}

	.news li.lead {
		height: 98px;
		font-size: 12px;
	}

	.news li.date {
		font-size: 14px;
	}

	.font-icon-xlg {
		padding-left: .11em;
	}

	/* PIC-W-TEXT-50 ///////////////////////////////////////// */

	.row.row-content.pic-w-text-50,
	.row.row-content.half-content {
		margin-left: 20px;
		margin-right: 20px;
	}

	/* ATTENDANCE ZONES ///////////////////////////////////////// */

	.row.row-content.dept-page#zones {
		margin-left: -10px;
		margin-right: -10px;
	}

	.icon-new::after {
		position: absolute;
		left: 0;
		top: 0;
	}

}