/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 26 October 2024 22:42:39
*/


/*css*/
/*  Start of gradient variations - Inside page banner*/
.spf-body .spf-text-banner.spf-text-banner--gradient-black-red {
    background: linear-gradient(to right,#161d50,#2c39a0);
  
}

/*  end of gradient variations */

/*  Start of h1 text color - Inside page banner*/

.spf-body .spf-text-banner.spf-text-banner--gradient-black-red h1{
  color: #ffffff;
}

/* End of h1 text color - Inside page banner*/


/*  Start of adjusting act and school logo for mobile */

 @media (max-width:768px) {
    .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-image, .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-text {
    width:400px;
        height: auto;
    
}
}


/* End of adjusting act and school logo for mobile */



/* Start Breadcrumbs */

.uikit-breadcrumbs a {
    color: #ffffff;
}

.uikit-breadcrumbs {
    color: #ffffff;
}

.uikit-body .uikit-breadcrumbs a:focus, .uikit-body .uikit-breadcrumbs a:hover{
      color: #ffffff;
    
}

/* end Breadcrumbs */




    /* search button*/

    input.button {
       background-color: #cccccc;
       color: black;
       float:right;
       margin-top: 5px;
                                
    }

    /* End search button*/
    
    
    
    
    

/* Start Buttons hover color */


.spf-body .spf-text-banner.spf-text-banner--primary-darkgrey a:hover {
  background: #26328c;    

}

/* end Buttons hover color */





/* start Buttons color */

.spf-body .spf-text-banner.spf-text-banner--primary-darkgrey  {
  background: #333333; }

/* end Buttons color */




/* Start Buttons text color */

.spf-key-tasks--icon  {
    color:#ffffff;
}


.spf-key-tasks--icon:hover {
    color:#ffffff;
}
/* end Buttons text color */






.kss-modifier__example a:focus, .kss-modifier__example a:hover, .uikit-body a:focus, .uikit-body a:hover{
background: #fde5e3;

}


.spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-text {
    display: none;
   
}

.spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo {
    border-right: none;
}
    
    
    /*  Start of gradient variations - Main Home banner*/   
    
.spf-body .banner-up-top-of-page.spf-text-banner--image.spf-text-banner .spf-text-banner--image-content::before {
 background: linear-gradient(to right,#161d50,#2c39a0);
    color: #f0f3f5;
}

  /*  Start of gradient variations - End Main Home banner*/ 

/*Start Code for the top black bar and media bar*/

.top-bar .dropbtn {
  background-color: #313131;
  color: white;
  border: none;
  cursor: pointer;
}

.top-bar .dropdown {
  position: relative;
  display: inline-block;
}

.top-bar .dropdown-content {
  display: none;
  position: absolute;
  background-color: #313131;
   
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.top-bar .dropdown-content a {
 text-align: left;
  color: black;
  padding: 10px 15px;
  text-decoration: none;
  display: block;
}

.top-bar .dropdown-content a:hover {
    background-color: #656565;  
    color: black;
}

.top-bar .dropdown:hover .dropdown-content {
  display: block;
   
}

.top-bar .dropdown:hover .dropbtn {
  background-color: #656565;
}

.uikit-header.uikit-header--dark.top-bar{
    font-size:0.9em;
    padding: 10px;
}
.uikit-header.uikit-header--dark.top-bar a
{
    color: white;
    padding-right: 5%;
    
}
.uikit-body .top-bar a {
    border-bottom: none;
}
.uikit-header.uikit-header--dark.top-bar a:hover {
    
    background-color: #8b8989;
}

.uikit-header.media-bar {
    font-size:0.85em;
    display: none;
    padding-left: 13px;
    background-color: white;
    
}



/* start of Community-box styles */

    
    
      .Community-box h2{
        margin-top: 0em;
        background-color: #26328c;
        padding: 20px;
        color: #ffffff;
    }

 
    .Community-box2 ul{
   padding-left:80px;
    }
 
 
     .Community-box2 {
        border: 1px solid #c5c5c5;
        margin-bottom:20px;
        
    }

      .Community-box2 h2{
        margin-top: 0em;
        background-color: #26328c;
        padding: 20px;
        color: #ffffff;
    }

      .Community-box2 p{
        padding: 1em;
    }
 
/* end of Community-box styles */



@media (max-width:768px) {
    .top-bar button {
        display: none;
    }
    .top-bar .dropdown-content {
        display:block;
        width:769px;
        position: relative;
    }
    .top-bar .col-sm-2 {
        padding:0px;
    }
    .top-bar .dropdown-content a { 
         padding: 0px;
        
    }
   .uikit-header.uikit-header--dark.top-bar .col-sm-9 {
        display:none;
    }
    
    .uikit-header.uikit-header--dark.top-bar .col-sm-2 div{
        text-align: left;
    }
    .uikit-header.media-bar {
        display: block;
    }
}

/*end Code for top black bar and media bar*/
    

/*Start Code for Calendar*/

.spf-body table > thead > tr > th, .spf-body table > tbody > tr > th {
    background-color: #666666;
    color: #fff;
}
    
/*End Code for the Calendar*/

    /* start of upcoming event styles */
  .uikit-grid .upcoming-events-home{background: #313131; color:#fff; padding-left:1.5em;padding-right:1.5em}
    .uikit-grid .upcoming-events-home h2, .upcoming-event-item {border-bottom:1px solid #2c808a;padding-bottom:0.83em;}
    .uikit-grid .upcoming-events-home a {color:#fff; border-color:#fff;}
    .uikit-grid .upcoming-events-home a:hover {color:#fff; border-color:#fff;background:#313131; border-bottom: none;}
    .uikit-grid .upcoming-events-home .upcoming-events-home-date {margin-right: 4em;}
    .uikit-grid .upcoming-events-home .see-more-link {
        padding:0.83em 0;
        text-align: center;
        font-size: 1.3em;
        font-weight: bold;
    }
    
    .uikit-grid .upcoming-events-home h2, .upcoming-event-item {
    border-bottom: 1px solid  #8b8989  ;
    padding-bottom: 0.83em;
}
    
    
/* end of upcoming event styles */
     
/*Start Code for the Text Banner*/

.spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo a {
    border-bottom: none;
}

.spf-body .spf-text-banner.spf-text-banner--primary-black h1, .spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content h1 {
    font-size: 2.3em;  
    font-family: Helvetica, Arial, sans-serif
}
.spf-body .spf-text-banner.spf-text-banner--image {
    overflow: hidden;
}
.spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content, .spf-body .spf-text-banner.spf-text-banner--image-gradiant .spf-text-banner--image-content {width:50%; height: 300px; margin-left: -50px;}
.spf-body .spf-text-banner.spf-text-banner--image .spf-text-banner--image-content::before, .spf-body .spf-text-banner.spf-text-banner--image-gradiant .spf-text-banner--image-content::before {height:102%; }

.spf-body .spf-text-banner.spf-text-banner--image.fluid-height {max-height:none;}
   /*fix bottom cut off in mobile view */