/*start of code for adjusting the footer*/
.spf-body .spf-footer-global .uikit-footer-logo a:hover   {
 background-color:  #313131;   
}
/*end of code for adjusting the footer*/


.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: auto;
    height: 100px;}

/* Start of Accordion styles */
.kss-modifier__example .uikit-accordion__title:after, .uikit-accordion__title:after, .uikit-body .uikit-accordion__title:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E %3Cpath fill='%230c7f89' d='M64 0l64 64-16 16-64-64'/%3E %3Cpath fill='%230c7f89' d='M64 0l16 16-64 64L0 64'/%3E%3C/svg%3E");
}

/* End of Accordion styles */

/*start of increasing the size of task menu bar home page
.spf-key-tasks-icon-set .spf-key-tasks-icon-set--task.spf-page-content--left {
    padding-top: 3%;
    padding-bottom: 3%;
    font-weight: 600;
    
}
*/

/*end of increasing the size of task menu bar home page*/

/*start of aligning icon margin*/
.icon-margin{
    margin-top: 2%;
}
/*endof aligning icon margin*/


/*start of reducing h1 and h2 margin bottom to 10px*/
h2 {
    margin-bottom: 10px;
}
h1 {
    margin-bottom: 10px;
}

/*end of light green box code*/

/*Start Code for make left menu text bigger*/
.primary-nav ul a, .local-nav ul a {
    font-size: 1.15em;
    color: black;
}

.local-nav > ul > li > a{
    font-size: 1.4em;
}
.spf-page-content--left .is-active {
    font-weight: bold;
    
    }
/*end Code for make left menu text bigger*/

/*Start Code for adjusting muti-media section in facebook*/
.col-md-12.image.social {
    min-height: 290px;
}

/*end Code for adjusting muti-media section in facebook*/


@media only screen and (max-width: 767px){
.imageshade img {
    display: none;
  }
  .imageshade span {
    display: block;
  }
}
.clear-both {
    clear: both;
}

   
@media (max-width:768px) {
    .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 {
        height: auto;
        
    }
}
  /*remove image in the tablet view */
@media (max-width:1300px) {
.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:100%;
        margin-left:0;
    }
.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 {
        left:0;
        transform: skewX(0deg);
    }
}

/*End code for the Text Banner*/




/* Bottom banner styles */
.spf-body .bottom-banner {
    background:#fff; 
    margin-top:3em; 
    margin-bottom:3em;
    
}
/* Bottom banner styles teacher spotlight */
.spf-body .bottom-banner {
    margin-top:3em; 
    margin-bottom:2em;
    
}
.spf-article-box-left {
    background:#005F6B; 
    color:#fff;
    
}
.spf-article-box-right {
    background:#fff;
    
}
.spf-article-box-right img {
   margin-right: 20px;
}
.bottom-banner .col-lg-4 {
 padding-right:30px;
}
@media (max-width:768px) {
    .spf-article-box-right .add-padding-20 {
        padding-left: 20px;
        
    }
    .bottom-banner .col-lg-4 {
    padding-right:0;
    }
}
/* end of bottom banner sytle teacher spotlight*/

/* Start of the Mega menu styles */
.spf-top-nav .spf-sub-nav .spf-sub-nav-row .sub-nav-item {
    max-height: 75px;
}
.spf-sub-nav.uikit-grid {
  position: absolute;
  z-index: 999;
  left: 0;
  background: #F0F3F5;
  width:100%;
}

/* use visibility so elements don't collapse and equalheight.js works */
li.has-children:hover .spf-sub-nav.uikit-grid {
    visibility: visible;
    opacity: 1;
    transition-delay: .2s;
}

.spf-sub-nav.uikit-grid {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.1s linear;
}

.spf-top-nav .uikit-link-list>li a:hover {background-color: #CCCCCC; border-bottom: solid 4px #005F6B;}
.spf-top-nav .uikit-link-list>li .spf-sub-nav a {
    border-bottom: none;
    padding: 5px;
}
.spf-body .spf-sub-nav hr {
     border: solid 1px #005F6B;
}

.spf-top-nav ul li.active>a, .spf-top-nav ul li.active>a:hover{
    border-bottom: 4px solid #cccccc;
}

.spf-top-nav {margin-bottom:10px;}
.spf-top-nav .spf-sub-nav .spf-sub-nav-row .sub-nav-item {min-height:55px;}

/* reduced padding to make each nav item one line */
.spf-top-nav ul.uikit-link-list>li>a {padding:0 1em;}

.spf-sub-nav.uikit-grid h3 {
    margin-top:0;
}

.spf-body .spf-text-banner.spf-text-banner--0042ac {background-color:#005F6B;color: white; width:80%;}
.spf-body .spf-text-banner.spf-text-banner--0042ac a {color: white; text-decoration: underline;}
.spf-body .spf-text-banner.spf-text-banner--0042ac a:hover {background-color:#005F6B; text-decoration: none;color: #E0FFFF;}


.light-font {font-weight:300;}

/* end of the Mega menu styles */


/*Code for the News and News Alerts Items*/
span.news, span.newsalert {
    border: 1px solid #ccc;
    padding: 2px 10px;
    font-size:0.75em;
}

/*News category*/
span.news-category-0007 {
    border:1px solid #ccc;
    padding:2px 10px;
    background: #0042ac;
    color:#fff;
    font-size:0.75em;
}
/*Events category*/
span.news-category-0008 {
    border:1px solid #ccc;
    padding:2px 10px;
    background: #bd0021;
    color:#fff;
    font-size:0.75em;
}
/*People category*/
span.news-category-0009 {
    border:1px solid #ccc;
    padding:2px 10px;
    background: #bd0021;
    color:#fff;
    font-size:0.75em;
}
/*advice category*/
span.news-category-0010 {
    border:1px solid #ccc;
    padding:2px 10px;
    background: #008000;
    color:#fff;
    font-size:0.75em;
}
.uikit-grid .news-newsalert-date {
    padding: 5px 0 0 25.6px;
    font-size: 0.75em;
}

.news-newsalert h2 {font-size:1.2em;}
.news-newsalert-tags {text-align:right; padding-left:0;}

@media (min-width: 1200px) {
   
    .news .row .col-lg-4:first-of-type {padding-left:0px;}
    .news .row .col-lg-4:nth-child(4) {padding-left:0px;}
    .news-more-link-top {
    display: none;
   }
}

.edu-news-filter .uikit-accordion__title, .edu-news-filter .uikit-body .uikit-accordion__title {
    background:none;
    margin: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    padding-left:0px;
    border-bottom:1px solid #ccc !important;
    border-top:1px solid #ccc !important;
}
.edu-news-filter h3 .uikit-accordion__title, .uikit-body .edu-news-filter h3 .uikit-accordion__title {
    margin-top:0px;
    padding-top:.7em;
    margin-bottom:0;
    padding-bottom:.7em;
}
.edu-news-filter .uikit-accordion {
    border:none;
}

nav.categories .active, nav.regions .active, nav.date .active {font-weight:bold;}
span.news, span.newsalert {
    border: 1px solid #ccc;
    padding: 2px 10px;
    font-size:0.75em;
}
/* loading animation from old site for news/events */
 .loading {
    display:none;
    width:100px;
    height:100px;
    margin:30px auto;
    position:fixed;
    top:50%;
    left:50%;
}

.loading.bar div{
     width: 10px;
     height: 30px;
     background: black;
     position: absolute;
     top: 35px;
     left: 45px;
     opacity:0.05;
     -webkit-animation: fadeit 1.1s linear infinite;
     -moz-animation: fadeit 1.1s linear infinite;
     animation: fadeit 1.1s linear infinite;
}

.loading.bar div:nth-child(1){
     -webkit-transform: rotate(0deg) translate(0, -30px);
     -moz-transform: rotate(0deg) translate(0, -30px);
     transform: rotate(0deg) translate(0, -30px); 

     -webkit-animation-delay:0.39s;
     -moz-animation-delay:0.39s;
     animation-delay:0.39s;
} 

.loading.bar div:nth-child(2){
     -webkit-transform: rotate(45deg) translate(0, -30px);
     -moz-transform: rotate(45deg) translate(0, -30px);
     transform: rotate(45deg) translate(0, -30px); 

     -webkit-animation-delay:0.52s;
     -moz-animation-delay:0.52s;
     animation-delay:0.52s;
} 

.loading.bar div:nth-child(3){
     -webkit-transform: rotate(90deg) translate(0, -30px);
     -moz-transform: rotate(90deg) translate(0, -30px);
     transform: rotate(90deg) translate(0, -30px); 

     -webkit-animation-delay:0.65s;
     -moz-animation-delay:0.65s;
     animation-delay:0.65s;
} 

.loading.bar div:nth-child(4){
     -webkit-transform: rotate(135deg) translate(0, -30px);
     -moz-transform: rotate(135deg) translate(0, -30px);
     transform: rotate(135deg) translate(0, -30px); 

     -webkit-animation-delay:0.78s;
     -moz-animation-delay:0.78s;
     animation-delay:0.78s;
} 

.loading.bar div:nth-child(5){
     -webkit-transform: rotate(180deg) translate(0, -30px);
     -moz-transform: rotate(180deg) translate(0, -30px);
     transform: rotate(180deg) translate(0, -30px); 

     -webkit-animation-delay:0.91s;
     -moz-animation-delay:0.91s;
     animation-delay:0.91s;
} 

.loading.bar div:nth-child(6){
     -webkit-transform: rotate(225deg) translate(0, -30px);
     -moz-transform: rotate(225deg) translate(0, -30px);
     transform: rotate(225deg) translate(0, -30px); 

     -webkit-animation-delay:1.04s;
     -moz-animation-delay:1.04s;
     animation-delay:1.04s;
} 

.loading.bar div:nth-child(7){
     -webkit-transform: rotate(270deg) translate(0, -30px);
     -moz-transform: rotate(270deg) translate(0, -30px);
     transform: rotate(270deg) translate(0, -30px); 

     -webkit-animation-delay:1.17s;
     -moz-animation-delay:1.17s;
     animation-delay:1.17s;
} 

.loading.bar div:nth-child(8){
     -webkit-transform: rotate(315deg) translate(0, -30px);
     -moz-transform: rotate(315deg) translate(0, -30px);
     transform: rotate(315deg) translate(0, -30px); 

     -webkit-animation-delay:1.3s;
     -moz-animation-delay:1.3s;
     animation-delay:1.3s;
}

nav.spf-top-nav-mobile>ul>li>a {font-weight:bold;}

.news-listing .item h2 {margin-top:0;}
.newspagination {
    font-size: 1.5em;
    color:#0042ac;
    text-align: center;
}

.newspagination a, .newspagination b {
    padding: 15px;
    border-bottom:none;
}

.newspagination i {
    color:#000;
}

.item .row img {max-width:100%;}

.currentpagenumber {display:none;}
/*end of code for News Alerts*/


/*start of code for search listing page padding*/
.spf-body .spf-search-box {
margin-bottom: .8em;
}
/*end of code for search listing page padding*/


/*start of code for dropping all images in Mobile view*/
@media (max-width:768px) {
    .hiden-mobile {
    display: none;
    }
    .spf-body .uikit-header .uikit-header__logo-wrapper .uikit-header__logo .uikit-header__logo-image {
        display: block;
    }
}
/*end of code for dropping all images in Mobile view*/


/*start of code for changing the Search color*/
.spf-body .spf-search-box .spf-group-element, .spf-body .spf-search-box .spf-group-element:first-child, .spf-body .spf-search-box .spf-group-element:last-child {
    border: solid 2px #005F6B;
    max-height: 42px;
}
#btnSearchGlobal, #btnSearchNews {
    background-color: #005F6B;
}
/*start color change inside search button*/
input[type="button"], input[type="submit"], input[type="reset"]
{
background-color: #005F6B;
}
/*end color change inside search button*/
/*end of code for changing the Search color*/


/*start of code for changing the link hover color*/
.primary-nav ul a:hover, .local-nav ul a:hover {   
    border-color: #005F6B;
}
.spf-body a:hover {
    background: #0000CD; 
}

.spf-body .spf-text-banner.spf-text-banner--primary-aqua .uikit-breadcrumbs a:hover {
    color:#f0f3f5;
    border-bottom: none;
    padding: 3px 0px 3px 0px;
}
/*end of code for changing the link hover color*/

/*start of code for changing the breadcrumb text color*/
.spf-body .spf-text-banner.spf-text-banner--primary-aqua a, .spf-body .spf-text-banner.spf-text-banner--primary-aqua span
{
    color: white;
}
/*start of code for changing the breadcrumb text color*/

/*Return to top code*/
#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: white;
    width: 50px;
    height: 50px;
    display: block;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 1px 1px grey;
    
}

#return-to-top:hover {
    background: #BFDEE3;
}
/*End of Return to top code*/

/*changing the color of table heading*/
.spf-body table>thead>tr>th, .spf-body table>tbody>tr>th
{
background-color:#005F6B;
color:#fff;}
/*End of changing the color of table heading code*/


/*start of adjusting padding css*/
.add-padding-right {
    padding-right: 10px;
}
.add-padding-left {
    padding-left: 10px;
}
.add-padding {
    padding: 10px;
}
/*End of adjusting padding css*/