/****** Common files uploaded from Acceleration Academy http://ocpsaccelerationacademy.ss15.sharpschool.com/ ******/


.nivo-startstopNav {display: none;}
.nivoSlider > .nivo-startstopNav {display: block;top: auto;bottom: 0;right: auto;left: 0; z-index: 100;}
#banner .nivo-directionNav a:hover { background-color: #292929 !important; }

body #banner {
  width: 70%;
  float: left;
}

body #upcoming-events {
  float: right;
  height: auto;
  width: 30%;
  box-sizing: border-box;
  position: relative;
}


@media screen and (max-width: 700px){
  body #banner,
  body #upcoming-events {
    width: 100%;
    position: static;
    height: auto;
    border: none;
    float: none;
  }
}

#footer .inside-padding {
  width: 68%;
  vertical-align: middle;
}

.credits {
  padding: 5px 0 !important; }

/* default image for department page */

#theme.subpage.dep-page .featured-image.noImage {
  background-image: url('../../../../../../cdnsm5-ss1.sharpschool.com/UserFiles/Servers/Server_125103/Image/template/featured-image.html');
}

/* social media icon */
#footer-right{
  width: 30%;
  display: inline-block;
  vertical-align: middle;
  text-align: right; }

  .social {
    margin: 0;
    padding: 0;
    display: inline-block;
    vertical-align: middle; }

    #footer-right .social li {
      list-style: none;
      display: inline-block;
      margin: 10px;
      text-align: center; }

      #pubWrapper .social li {
        list-style: none;
        display: inline-block;
        margin: 4px 8px;
        text-align: center; }

        .social li a {
          color: #fff; }

          .social li a:hover, .social li a:focus {
            opacity: 0.75; }

            .social li a, #social li a, #social li a[title="Email"], .social li a[title="Email"], .w-social li a[title="Email"] .w-social li a {
              text-indent:0 !important;}



/* Advertisement */

#one-ad img {
 max-width: 100%;
 max-height: 230px; }

 #one-ad-2 img{
   max-width: 100%;
   max-height: 230px; }

   #eight-ad img {
     max-width: 728px;
     max-height: 90px; }

     .ads-container {
      display: flex;
      text-align: center;
      background: #CCCCCC; }

      .ads-container a {
        flex-grow: 1; }

        .ads-container a img {
          vertical-align: top;
  /*border-left: 5px solid #ececec;
  border-right: 5px solid #ececec;*/ }

  .ads-container a img {
    border-left: 5px solid #ececec;
    border-right: 5px solid #ececec; }

    .ads-container a:only-child img {
      border-left: 10px solid #ececec;
      border-right: 10px solid #ececec; }

      .ads-container a:first-child:not(:only-child) img {
        border-left: 10px solid #ececec;
        border-right: 5px solid #ececec; }

        .ads-container a:last-child:not(:only-child) img {
          border-left: 5px solid #ececec;
          border-right: 10px solid #ececec; }

          .ads-container .ads-wording {
            display: block;
            max-width: 75px !important;
            max-height: none !important;
            width: auto !important;
            height: auto !important;
            margin: 0 auto !important; }


/*.ads-container a:last-child img {
  border-right: 10px solid #ececec; }

.ads-container a:only-child img {
  border-left: 10px solid #ececec;
  border-right: 10px solid #ececec; }*/



  #logo, #school-name {
    float: none !important;
    display: inline-block;
    vertical-align: middle;
  }


  #school-name h1 {
    padding: 0px 0px 0px 20px !important;
  }

  #school-name h1 span {
    line-height: 14px !important;
  }

  #sub-content-right button[id*="btn_month"] {
   color: #000000 ;
 }

 menu {
  line-height: 16px;
  letter-spacing: .3px;
  margin: 0px 0px 15px;
  padding: 0; }

  p {
    line-height: 20px !important;
  }


  .em-title span {
    margin-left: 10px; }

    .em-content {
      color: #fff; }



      @media screen and (max-width: 700px) {
        .ads-container {
          display: block;
        }

      }

      @media screen and (max-width: 640px) {

        #footer .inside-padding {
         width: 100%; }
       }
/* mobile menu colour fix */
.mm-menu li {
  color: #fff;
}
.documentItems .displayTable>div.bulletButton {
  color:#000;
}



body .social-tabs .tabs li:last-child {
  display: none;
}

body .social-tabs .tabs li {
  width: 100%;
}

body .social-tabs .tab-content li#facebook-feed {
  display: none !important;
}