/* //////////////////////////////////////////////////////////////
///////////////////// 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 { /* did this for decreased padding between content blocks on a dept page */
	padding-top: 20px;
	padding-bottom: 20px;
}
.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;
}
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 */
}
p {
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	line-height: 1.375em;
	letter-spacing: .025em;
	margin: 0 0 15px;
}
tr, th {
	font-weight: 400;
}
ul {
	padding: 0;
	list-style: none;
}
a, a:hover, a:visited, a:active, a:focus {
	text-decoration: none;
	color: #057861;
}
p a { /* added this 1/20 to better define links in regular paragraph text */
	font-weight: 700;
}
a:hover {
	color: #057861;
	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-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;
}
.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;
}
.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: #0e987d;
    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;
}

/* BUTTONS ///////////////////////////////////////// */

.btn {
	box-shadow: none;
	text-shadow: none;
	border: none;
	border-radius: 4px;
	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:hover {
	background-image: none;
	background-color: #0e987d;
}
.btn-info, .btn-info:hover {
	background-image: none;
	background-color: #5ab3c4;
}
.btn-warning, .btn-warning:hover {
	background-image: none;
	background-color: #e8b20f;
}
.btn-danger, .btn-danger:hover {
	background-image: none;
	background-color: #e95b37;
}
a.btn, a.btn:hover {
	color: white;
}
.alert-danger {
	background-image: none;
	color: white;
	background-color: #e95b37;
	border-color: transparent;
}
li .alert-danger {
	padding-left: 30px;
}

/* COLORS ///////////////////////////////////////// */

.black {
	color: #000;
}
.blue {
	color: #5ab3c4;
}
.red {
	color: #e95b37;
}
.orange {
	color: #e8b20f;
}
.green {
	color: #0e987d;
}
.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: #e95b37;
}
.bg-orange {
	background-color: #e8b20f;
}
.bg-green {
	background-color: #0e987d;
}
.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-green {
	border: 1px solid #0e987d;
	border-radius: 4px;
}
.border-red {
	border: 1px solid #e95b37;
	border-radius: 4px;
}
.outline-black {
    border: 1px solid #333;
}

/* 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.375em;
	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;
}

/* 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;
}
.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;
}
/* 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 */
}
ul.dropdown-menu.menu-shadow a.btn.btn-danger.btn-block { /* 12/5/15 */
    color: white;
}




/* 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 {
	color: #bababa;
}


/* FISD DROPDOWN ///////////////////////////////////////// */

#job-opening-selector.form-control {
	font-size: 34px;
	border: none;
	height: 67px;
}
.form-group {
	margin-left: -30px;
	margin-right: -30px;
}

/* 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: #0e987d;
}
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;
}
.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:hover {
	color: rgba(0, 0, 0, 0.5);
}
.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: 540px;
}
#departments > .row > .col-xs-12.col-sm-4.col-md-3:nth-child(n+5):nth-child(-n+8) {
	min-height: 370px;
}
#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;
}
.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: #e95b37;
}
#student-page .icon-new::after {
	background-color: #e8b20f;
}

/* BLOCK-QUOTE ///////////////////////////////////////// */

blockquote {
	margin: 40px 0 20px;
}
blockquote p {
	color: #e95b37;
}
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;
}
.event-small span.event-day {
	text-align: center;
	float: right;
	width: 37%;
	padding-bottom: 1%;
	border-radius: 4px 4px 0 0;
}
.event-small li.details {
	float: left;
	font-size: 18px;
	line-height: 1.25em;
	height: 120px;
	width: 100%;
	padding: 5% 6%;
}
.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;
}
.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: #184366;
}

/* 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.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 #0e987d;
}
.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: 12px;
}
.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;
}
.event-subtle li.what::before {
	content: '"';
}
.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 {
	padding-bottom: 15px;
}
.event-subtle li.icon-multiline::before {
	margin-top: 24px;
}
.event-subtle li.icon-oneline::before {
	margin-top: 0;
}  
.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 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;
}


/* 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;
}


/* NEWS ///////////////////////////////////////// */

.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;
}
.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: #0e987d;
}

.read-more-news .btn-danger:hover {
	color: white;
	background-color: #e95b37;
}

.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;
}

/* PICTURE WITH TITLE (SCHOOL PHOTOS ) ///////////////////////////////////////// */

.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-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 p a { /* 1/20 to remove bold from contact cards */
	font-weight: 400;
}
.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: #e95b37;
}
.contact-info {
	background-color: #5ab3c4;
	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;
}
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: #5ab3c4;
}
.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;
}
.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;
}
.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;
}

/* DEPT SOCIAL AND LINK ICONS ///////////////////////////////////////// */

.row.row-content.dept-social {
	margin-bottom: 20px; /* 2/17 */
	background-color: #5ab3c4;
	border-radius: 15px;
	margin-top: 30px;
}
.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: .3em;
}
/* 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;
}
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;
}
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: -2em;
	width: 1.75em;
	/*top: -3px; deleted 2/3 */

	font-size: 1em;
	line-height: 1;
	text-align: center;
	letter-spacing: -.05em;
	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;
}
.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;
}

/* 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 #0e987d;
	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;
}
.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: #0e987d;
	color: #fff;
}
.sticky-box .nav-stacked {
	border: 1px solid #0e987d;
	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 */
}
.question-block #Testing-State-FAQ {
	float: none; /* added 7/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: #0e987d;
	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: #bababa;
}
.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;
}
.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 #0e987d;
	border-radius: 0 0 4px 4px;
}
.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: #0e987d;
    border: 1px solid #0e987d;
    border-radius: 4px;
}
.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;
}


/* 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;
}

/* 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;
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////// */

@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;
	}


/* 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;
	}
/* CHARTS & GRAPHS ///////////////////////////////////////// */


}

@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;
	}
	.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;
	}


/* FISD SUB NAVIGATION TEMP ///////////////////////////////////////// */

	.dept-nav {
		padding-top: 0;
	}
	.dept-nav-panel:focus {
		outline: none;
	}
	.dept-nav-sub {
		margin: 0;
	}
	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 { /* added 9/1/15 for new navy logo */
		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;
	}

/* 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%;
	}

	#departments > .row > .col-xs-12.col-sm-4.col-md-3:nth-child(-n+3) {
		min-height: 500px;
	}
	#departments > .row > .col-xs-12.col-sm-4.col-md-3:nth-child(n+4):nth-child(-n+6) {
		min-height: 350px;
	}
	#departments > .row > .col-xs-12.col-sm-4.col-md-3:nth-child(n+7):nth-child(-n+9) {
		min-height: 300px;
	}
	#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: 500px;
	}
	#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;
	}


}

/* //////////////////////////////// */

@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;
	}


/* BUTTONS ///////////////////////////////////////// */

	.btn-primary:hover, #home-buttons .btn-primary:hover {
	background-color: #184366;
	}
	.btn-success:hover, #home-buttons .btn-success:hover {
	background-color: #0e987d;
	}
	.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: #e95b37;
	}

/* 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 { /* added 9/1/15 for new navy logo */
		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;
	}

	
/* 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;
	}

}

@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;
	}

}


@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;
	}

/* 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;
	}


}

@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;
	}

}