/**
Theme Name: Spark27 - Child Theme
Author: Spark27 Creative
Author URI: https://spark27creative.com/
Description: Spark27 theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spark27-theme
Template: astra
*/

.fl-builder-content .fl-button-wrap a.fl-button{
  border:none;
}
.ast-header-break-point .ast-mobile-menu-buttons-outline.menu-toggle{
  border-color: #ffffff;
  color: #ffffff;
}
.ast-button-wrap .menu-toggle .menu-toggle-icon:before{
  color:#ffffff;
}
@media all and (min-width:768px){
.main-navigation ul .menu-item .menu-link{
  line-height:1em;
  height:auto;
  padding-bottom:10px;
  position:relative;
}
.main-navigation ul .menu-item .menu-link:after{
  content:"";
  width:0px;
  height:4px;
  position:absolute;
  bottom:0;
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
  background-color: #ffffff;
  opacity:0;
  padding:0px;
  margin:0px;
  -webkit-transition:0.2s all ease-in-out;
  transition:0.2s all ease-in-out;
}
.main-navigation ul .menu-item.current-menu-ancestor .menu-link:after,
.main-navigation ul .menu-item.current-menu-item .menu-link:after,
.main-navigation ul .menu-item .menu-link:hover:after{
  width:20px;
  opacity:1;
}
}
/*----------- General Styles -----------*/
/* Padding Row */
@media all and (min-width:768px) {
  .fl-row-content-wrap {
    padding: 60px 20px;
  }
}
/* Buttons */
.fl-builder-content .fl-node-content a.fl-button{
    border-radius: 0px;
    letter-spacing: 1px;
    padding: 0.4em 1em;
    font-weight: 500;
    font-family: 'Zilla Slab',serif;
    font-style: italic;
}
/* Primary Button */
.fl-builder-content .fl-node-content .primary-btn a.fl-button{
    background: #000000;
    border:2px solid #000000;
	letter-spacing:1px;
}
.fl-builder-content .fl-node-content .primary-btn a.fl-button:hover{
    background-color:#1d4589;
    border:2px solid #1d4589;
}
.fl-builder-content .fl-node-content .primary-btn a.fl-button span{
	color: #ffffff;
}
.fl-builder-content .fl-node-content .primary-btn a.fl-button:hover span{
	color: #ffffff;
}

/* Secondary Button */
.fl-builder-content .fl-node-content .secondary-btn a.fl-button{
    background: transparent;
    border:2px solid #000000;
}
.fl-builder-content .fl-node-content .secondary-btn a.fl-button:hover{
    background: #000000;
    border:2px solid #000000;
}
.fl-builder-content .fl-node-content .secondary-btn a.fl-button span{
	color: #000000;
}
.fl-builder-content .fl-node-content .secondary-btn a.fl-button:hover span{
	color: #ffffff;
}

/*----------- Navigation -----------*/
.main-navigation .menu-item a{
  letter-spacing:1px;
}
#menu-top-menu .menu-item a{
  letter-spacing:1px;
  font-style:italic;
}


/*----------- Announcement Bar -----------*/

@media all and (min-width:768px){
.bar-cta .fl-module-content{
  max-width:1100px;
  margin:10px auto 5px;
}

.bar-cta .fl-cta-inline .fl-cta-text{
  /*width:80%;*/
  vertical-align: middle;
}
.bar-cta .fl-cta-inline .fl-cta-text h3{
margin-bottom:0px;
}
}

.announcement-bar .fl-module-html p{
  color:#000000;
  text-align:center;
  margin-bottom:0px;
  font-weight:500;
  font-size:16px;
  font-family: 'Zilla Slab',serif;
  font-style:italic;
  letter-spacing:1px;
}
.announcement-bar .fl-module-html a{
  display:inline-block;
  margin-left:20px;
  color:#000000;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:1px;
}
.announcement-bar .fl-module-html a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  padding-left:8px;
}
.announcement-bar .fl-module-html a:hover{
  color:#1d4589;

}


/*----------- Typography -----------*/
.heading-space .fl-heading-text{
  letter-spacing:0.75px;
}
.pre-title .fl-module-content{
  margin-bottom:0px;
}
.pre-title .fl-module-content .fl-rich-text{
    font-weight: 500;
    font-family: 'Zilla Slab',serif;
    letter-spacing:0.75px;
}
.pre-title .fl-module-content p{
  margin-bottom:0px;
}
.pre-title + .fl-module-heading .fl-module-content{
  margin-top:0px;
}
.bolder-title .fl-heading{
  font-family: Montserrat !important;
    font-weight: 900 !important;
    text-transform:uppercase;
    color: #1d4589;

}

/*----------- Featured Post and Post List Home Page -----------*/
.featured-post-col .fl-col-content{
  position:relative;
}
.featured-post .fl-post-image{
  min-height:400px;
  max-width:600px;
  margin:0 auto;
  background-size:cover;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
}

.featured-post .fl-post-text{
background-color:rgba(255, 255, 255,0.75);
margin-top:auto;
margin-bottom:20px;
text-align:center;
padding:10px 40px;

}
.featured-post .fl-post-text .featured-label{
  font-weight: 500;
    font-family: 'Zilla Slab',serif;
    font-style: italic;
}

.featured-post .fl-post-text a{
  font-family: Montserrat !important;
    font-weight: 600 !important;
    font-size:16px;
    line-height:1.4em;}
.featured-post .fl-post-text a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  margin-left:10px;
  color: #000000;
}

.post-list{
  background-color: #1d4589;
  padding:20px 50px;
}
.post-list .fl-post-feed-post{
  margin-bottom:20px;
}
.post-list .fl-post-feed a{
  color:#ffffff;
  line-height:1.4em;
}
.post-list .fl-post-feed a:hover{
  opacity:0.75;
}
.post-list .fl-post-feed a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  margin-left:10px;
}


/*----------- Quick Facts Columns -----------*/
.quick-fact-col .fl-col-content{
  background-color:#ffffff;
  margin:10px;
  padding:0px 0px 20px 0px;
  -webkit-box-shadow: 7px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 7px 5px 10px 0px rgba(0, 0, 0, 0.15);
}

.quick-fact-col .fl-rich-text p{
  margin-bottom:0px;
}
/*----------- Below Header Navigation Bar -----------*/
.below-header-nav{
  z-index:1;
position:relative;
}
.below-header-nav .fl-module-content,
.below-header-nav .fl-module-content p{
   margin:0px;
}
.below-header-nav .fl-rich-text ul{
  list-style:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack:center;
      -ms-flex-pack:center;
          justify-content:center;
  font-family: 'Zilla Slab',serif;
  font-weight:600;
  letter-spacing:1px;
  line-height:1.2em;
  margin:0px;
  flex-wrap:wrap;
}

.below-header-nav .fl-rich-text ul li{
padding:10px 20px;
margin:5px 0px;
text-align:center;
-webkit-box-flex:1;
    -ms-flex-positive:1;
        flex-grow:1;
border-right: 1px solid #d1d3d4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
flex:1 200px;
-webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}
.below-header-nav .fl-rich-text ul li:last-child{
  border:none;
}
.below-header-nav .fl-rich-text ul li a{
  color: #000000;
  font-size:16px;
}
.below-header-nav .fl-rich-text ul li a:hover{
  color: #1d4589;
}
.below-header-nav .fl-rich-text ul li a:hover{
  color: #1d4589;
}
.below-header-nav .fl-rich-text ul li a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:600;
  padding-left:8px;
  color: #1d4589;
  font-size:12px;
}
@media all and (max-width:600px){
  .below-header-nav .fl-row-content-wrap{
    margin:0 40px !important;
    padding:0px;
  }
  .below-header-nav .fl-rich-text ul{
    flex-direction:column;
    flex-wrap: nowrap;
    justify-content:center;
    margin:0 auto;
  }
  .below-header-nav .fl-rich-text ul li{
    flex:1;
    border-right:none;
    border-bottom: 1px solid #d1d3d4;
  }
}
/*----------- News Posts -----------*/
.news-post .fl-post-grid-post{
border:none;
-webkit-box-shadow:5px 7px 10px 0px rgba(0, 0, 0, 0.15);
        box-shadow:5px 7px 10px 0px rgba(0, 0, 0, 0.15);
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
    -ms-flex-direction:column;
        flex-direction:column;
padding-bottom:10px;
}
.news-post .fl-post-grid-post .fl-post-image{
  margin-bottom:20px;
}
.news-post .fl-post-grid-post .fl-post-image img{
  width:100%;
  height:200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.news-post .fl-post-grid-post .fl-post-text{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-flex:1;
      -ms-flex-positive:1;
          flex-grow:1;
}
.news-post .fl-post-grid-post .fl-post-meta{
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
  padding-bottom:10px;
}
.news-post .fl-post-grid-post .fl-post-title{
      font-weight: 600;
    font-family: 'Montserrat',sans-serif;
    font-size:18px;
    line-height:1.3em;
    letter-spacing:0.5px;
}
.news-post .fl-post-grid-post .fl-post-more-link{
  margin-top:auto;
}
.news-post .fl-post-grid-post .fl-post-more-link a{
  color:#000000;
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
  font-size:14px;
}
.news-post .fl-post-grid-post .fl-post-more-link a:hover{
  color: #1d4589;
}
.news-post .fl-post-grid-post .fl-post-more-link a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:600;
  padding-left:8px;
  color: #1d4589;
  font-size:12px;
}

.news-post .fl-builder-pagination-load-more a{
  background-color:#000000;
  border:none;
  color:#ffffff;
}
.news-post .fl-builder-pagination-load-more a:hover{
  background-color:#1d4589;
}
.news-post .fl-builder-pagination-load-more a span{
  color:#ffffff;
  font-weight:500;
}

/*----------- Staff Directory -----------*/
.staff-post .fl-post-grid-post{
  border:none;
  -webkit-box-shadow:5px 7px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow:5px 7px 10px 0px rgba(0, 0, 0, 0.15);
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  max-width: 400px;
  margin-left:auto;
  margin-right:auto;
}
.staff-post .fl-post-image{
width:40%;
background-size:cover;
background-position:center;
}
.staff-post .fl-post-text{
  -webkit-box-flex:1;
      -ms-flex-positive:1;
          flex-grow:1;
}

.staff-post .fl-post-title{
  color: #1d4589;
  font-family: 'Montserrat',sans-serif;
  font-weight:700;
}
.staff-post .fl-post-meta{
  color: #808285;
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
  font-size:14px;
}
.staff-post .fl-post-info span{
  display:block;
}
.staff-post .fl-post-info,
.staff-post .fl-post-info a{
  color: #000000;
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
}
.staff-post .fl-post-info a:hover{
  color: #1d4589;
}
.staff-post .fl-post-info a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:600;
  padding-left:8px;
  color: #1d4589;
  font-size:10px;
}

.staff-post .fl-builder-pagination-load-more a{
  background-color:#000000;
  border:none;
  color:#ffffff;
}
.staff-post .fl-builder-pagination-load-more a:hover{
  background-color:#1d4589;
}
.staff-post .fl-builder-pagination-load-more a span{
  color:#ffffff;
  font-weight:500;
}
/*----------- Single Post -----------*/
.single-post-title .fl-heading{
  font-size:40px;
  letter-spacing: 0.75px;
  font-family: 'Zilla Slab',serif;
    line-height: 1.1;
    text-transform:initial;
}

/*----------- Human Resources Page -----------*/
.job-posts .fl-post-feed-post{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;

}

.job-posts .fl-post-feed-post .job-left{
  width:35%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  background-color: #ffffff;
  padding:60px 30px;
}
.job-posts .fl-post-feed-post .job-left .apply-btn{
  margin-top:auto;
}
.job-posts .fl-post-feed-post .job-left a{
  border-radius: 0px;
  letter-spacing: 1px;
  padding: 0.4em 1em;
  font-weight: 500;
  font-family: 'Zilla Slab',serif;
  font-style: italic;
  color:#ffffff;
  background-color:#000000;
}
.job-posts .fl-post-feed-post .job-left a:hover{
  background-color:#1d4589;
}
.job-posts .fl-post-feed-post .job-left h3{
  font-size:20px;
  margin-bottom:20px;
  color: #1d4589;
  font-family: 'Montserrat',sans-serif;
  font-weight:700;
}
.job-posts .job-meta span{
  display:block;
  font-size:16px;
  font-family: 'Zilla Slab',serif;
  font-style:italic;
  letter-spacing:0.75px;
}
.job-posts .fl-post-feed-post .job-right{
  width:65%;
  background-color: #ffffff;
  padding:50px 40px;
}
.job-posts .fl-post-feed-post .job-right .job-description{
  margin-bottom:20px;
  font-size:16px;
}

@media all and (max-width:768px){
  .job-posts .fl-post-feed-post{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;

}
.job-posts .fl-post-feed-post .job-left,
.job-posts .fl-post-feed-post .job-right{
  width:100%;
  padding:40px 30px;
}
}

/*----------- Wolverine List -----------*/
.wolverine-list ul{
  list-style: none;
}
.wolverine-list ul li{
  position:relative;
  padding-left:50px;
  padding-bottom:5px;
}
.wolverine-list ul li:before{
  content:"W";
  font-size:26px;
  font-weight:900;
  width:50px;
  bottom:0px;
  color: #d1d3d4;
  position:absolute;
  text-align:center;
  left:0px;
}
.wolverine-list ul li:nth-child(2):before{
  content:"O";
}
.wolverine-list ul li:nth-child(3):before{
  content:"L";
}
.wolverine-list ul li:nth-child(4):before{
  content:"V";
}
.wolverine-list ul li:nth-child(5):before{
  content:"E";
}
.wolverine-list ul li:nth-child(6):before{
  content:"R";
}
.wolverine-list ul li:nth-child(7):before{
  content:"I";
}
.wolverine-list ul li:nth-child(8):before{
  content:"N";
}
.wolverine-list ul li:nth-child(9):before{
  content:"E";
}

/*----------- Boxed Links -----------*/
.boxed-links .fl-rich-text ul{
  list-style:none;
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  margin-left:0px;
  gap:20px;
}
.boxed-links .fl-rich-text ul li {
  padding:30px;
  border:6px solid #1d4589;
  display:flex;
  width:22%;
  justify-content:center;
  align-items: center;
  line-height:1.2em;
  font-weight:700;
  text-transform:uppercase;
  text-align:center;

}

@media all and (max-width:992px){
  .boxed-links .fl-rich-text ul li{
    width:47%;
  }
}
@media all and (max-width:768px){
.boxed-links .fl-rich-text ul{
  max-width:340px;
  margin:0 auto;
}
  .boxed-links .fl-rich-text ul li{
    width:100%;
  }
}

/*----------- School Info and School Support -----------*/
.school-info{
  position:relative;
  z-index:2;
}

.school-contact .fl-post-grid-post{
  border:none;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;

}
.school-contact .fl-post-image{
width:30%;
}

.school-contact .fl-post-text{
 padding-left:50px;
}
.school-contact .fl-post-text .school-label{
  color: #808285;
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
  font-size:14px;
  padding-bottom:0px;
  font-weight:500;
}
.school-contact .fl-post-title{
  color: #1d4589;
  font-family: 'Montserrat',sans-serif;
  font-weight:700;
  margin-bottom:20px;
}
.school-contact.student-support .fl-post-title{
  color: #1d4589;
  font-family: 'Montserrat',sans-serif;
  font-weight:700;
  margin-bottom:0px;
}
.school-contact .fl-post-meta{
  color: #808285;
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
  font-size:14px;
  padding-bottom:0px;
}
.school-contact.student-support .fl-post-meta{
  color: #808285;
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
  font-size:14px;
  padding-bottom:20px;
}
.school-contact .fl-post-info span{
  display:block;
}
.school-contact .fl-post-info,
.school-contact .fl-post-info a{
  color: #000000;
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
}
.school-contact .fl-post-info a:hover{
  color: #1d4589;
}
.school-contact .fl-post-info a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:600;
  padding-left:8px;
  color: #1d4589;
  font-size:10px;
}

.school-contact .fl-builder-pagination-load-more a{
  background-color:#000000;
  border:none;
  color:#ffffff;
}
.school-contact .fl-builder-pagination-load-more a:hover{
  background-color:#1d4589;
}
.school-contact .fl-builder-pagination-load-more a span{
  color:#ffffff;
  font-weight:500;
}

.school-address .fl-rich-text strong{
color: #1d4589;
font-style:normal;
}
.school-address .fl-rich-text p{
  margin-bottom:0px;
}
.school-address .fl-module-content{
  margin-bottom:0px;
}
@media all and (min-width:768px){
.school-address .fl-rich-text{
  -webkit-column-count:2;
     -moz-column-count:2;
          column-count:2;
}
}
.student-support-contact .fl-rich-text{
  font-family: 'Zilla Slab',serif;
  letter-spacing:0.75px;
  font-style: italic;
  font-size:14px;
  padding-bottom:0px;
  font-weight:500;
}
.student-support-contact .fl-rich-text a{
  color:#000000;
}
.student-support-contact .fl-rich-text a:hover{
  color: #1d4589;
}
.student-support-contact .fl-rich-text a:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:600;
  padding-left:8px;
  color: #1d4589;
  font-size:10px;
}
.student-support-contact .fl-rich-text a:first-of-type:after{
  display:none;
}
.student-support-contact .fl-rich-text strong{
  font-weight:500;
    font-family: 'Montserrat',sans-serif;
    font-style:normal;
    letter-spacing:0px;
    font-size:16px;
}
@media all and (max-width:992px){
  .school-info .fl-col-has-cols > .fl-col-content,
.student-support-col > .fl-col-content{
  width: 650px;
  max-width:95%;
  margin-left:auto !important;
  margin-right:auto !important;
}
}
/* Three Column List */
.three-col-list .fl-rich-text{
  column-count:3;
  column-rule: 1px solid #a7a9ac;

}
.three-col-list .fl-rich-text ul{
  list-style: none;
}
.three-col-list .fl-rich-text ul li{
  padding-bottom:10px;
}
.three-col-list .fl-rich-text ul li:after{
  content:"\f105";
  font-family: "Font Awesome 5 Free";
  font-weight:900;
  padding-left:8px;
}

@media all and (max-width:992px){
  .three-col-list .fl-rich-text{
  column-count:2;
}
}

@media all and (max-width:600px){
  .three-col-list .fl-rich-text{
  column-count:1;
}
}
/*----------- List of Links -----------*/


.list-links .fl-rich-text ul{
  list-style:none;
  margin-left:0px;
}

.list-links .fl-rich-text ul li a{
  list-style:none;
  margin-left:0px;
  color: #000000;
    font-family: 'Zilla Slab',serif;
    letter-spacing: 0.75px;
    font-style: italic;
}

.list-links .fl-rich-text ul li a:after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    padding-left: 8px;
    color: #1d4589;
    font-size: 10px;
}

.list-links .fl-rich-text ul li a:hover{
   color: #1d4589;
}

/*----------- Activities List -----------*/
.activities-list .fl-rich-text strong{
  color: #1d4589;
}

/*----------- Policies -----------*/
/* District Policies */
.district-policies-tb table{
  width: 100%;
  border-collapse: collapse;
  margin:20px 0px;
  border:none;
}
.district-policies-tb table:not(:first-child){
  border-top:1px solid #1d4589;
}
.district-policies-tb tr.line-header td{
  font-size: 19px;
    color: #1d4589;
    font-weight: 500;
    padding:20px 10px 10px 10px;
}
.district-policies-tb tr td{
  padding:10px;
  border:none;
}
.district-policies-tb tr td:first-child{
  width:70px;

}
.district-policies-tb tr:first-child td{
  font-weight:900;
  text-transform:uppercase;
}