/* DO NOT DELETE */
@import url('../../../common/resources/DesignPortfolio/SiteThemes/CommonLib/skeletons/sharpschool-skeleton-2016.css');
/* DO NOT DELETE ABOVE */

/*@import url('http://localhost:8888/portsmouth/css/style.css');*/

/*@import url('/UserFiles/Servers/Server_794494/Templates/css/style.css?v=1.07');*/

/* COMMENTING OUT OLD STYLE.CSS PER CUSTOMER CHANGE REQUEST, 1/23/20 */

/*@import url('/UserFiles/Servers/Server_794494/Templates/css/style.css');*/

@import url('../../Servers/Server_27128397/Templates/redesign_files/css/style-revised-4.1.css');

@import url('../../Servers/Server_27128397/Templates/redesign_files/css/sharpschool-skeleton-2016-revised.css');

/* Temp code */
body#ctl00_PageBody {
    margin: 0 !important;
    width: auto !important;
    text-align: left !important;
    border: 0 !important;
}

/* School List h2 */
ul.schoolList h2 {
    background: #192d3a;
    font-size: 18px !important;
}

#news_content_body #featured_image {
   
    display:none;
}


.RadMenu .rmVertical .rmLink, .RadMenu .rmHorizontal .rmVertical .rmLink {
    width: 300px !important;
}

.RadMenu .rmSlide, .RadMenu_Context {
    width: 300px !important;
}

#footer #footer-right .socialMedia li a:hover, #footer #footer-right .socialMedia li a:focus {
    color: #fece52;
}

#footer a {
    font-size: 15px;
    color: #052d50;
}

.RadMenu > ul > li > a:hover span, .RadMenu > ul > li > a:focus span, .RadMenu > ul > li > a.rmFocused span, .RadMenu > ul > li > a.rmExpanded span {

    background: #003871 !important;
}

#footer{
    border-top: 14px solid #052d50;
}

.subpage .sec-header h2 {
  font-weight: 700 !important;
  text-transform: inherit !important;
  font-size: 30px !important;
}

.youtube-video-container {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
}
.youtube-video-container iframe,
.youtube-video-container object,
.youtube-video-container embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

/*ADA*/
.CMS_adminBar .optionRows>ul>li.optionHelp span.CMS_title {
    color: #929599 !important;
    background: #272f36 !important;
}  

div[id*=divContent] a {
  color: #0E53A0;
   font-weight: bold;  
 text-decoration: underline !important;
}

a, a:hover {
 color: #0e53a0;
 
}



@media screen and (max-width: 900px) {
#header #menubar .container {
    display: block;
}

#menubar #mobileNav {
    background: transparent;
    color: #09539f;
}

#menubar #mobileNav .hamburger .bar, #menubar #mobileNav .hamburger .bar:before, #menubar #mobileNav .hamburger .bar:after {
    background: #09539f;
}

#menubar .mobile-nav-items {
    width: 100vw;
    left: 0;
    top: 100%;
}

div#menubar {
    position: static;
}

div#header {
    z-index: auto;
}

#header #menubar {
    margin: 0;
}
#menubar #mobileNav:hover, #menubar #mobileNav:focus {
    background: #09539f;
}

#menubar #mobileNav:hover .hamburger .bar, #menubar #mobileNav:hover .hamburger .bar:before, #menubar #mobileNav:hover .hamburger .bar:after,
#menubar #mobileNav:focus .hamburger .bar, #menubar #mobileNav:focus .hamburger .bar:before, #menubar #mobileNav:focus .hamburger .bar:after {
 background: #fff;
}
}


#sidebar .skip-last-nav {
    display: none;
}

.res-table {
    overflow: auto;
}


/* CHANGES 12/10/22 */

.nivoSlider .nivo-directionNav a {
    background-image: url(../../../common/resources/shared/images/portlets/arrows.png);
    opacity: 1;
}




/* ////////// MEGAMENU ////////// */
.megamenu nav > ul > li:hover > a,
.megamenu nav > ul > li:focus > a {
 background-color:#052d50 !important;
 }
.megamenu nav h3{
 color: #000 !important
 }
.mega-dd {
 background: #74a3cf !important;
}
.megamenu .nav-item > a {
 padding: 10px;
 color: #052d50;
 font-size: 1em;
 font-weight: 600;
 display: block;
 -webkit-transition: .1s all ease-in;
 -moz-transition: .1s all ease-in;
 -o-transition: .1s all ease-in;
 transition: .1s all ease-in;
 position: relative;
 z-index: 1;
 text-decoration: none;
}
.megamenu .nav-item > a:hover, .nav-item > a:focus, .nav-item > a.open {
 background-color: #012346 !important;
 color: #FFF !important;
}
.megamenu .sub-nav {
 background: #F3F3F3;
 z-index: 9999;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 top: 100%;
 max-width: 50vw;
 width: 50vw;
 list-style: none;
 margin: 0px;
 padding: 10px;
 -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 50, 0.23);
 -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 50, 0.23);
 box-shadow: 0px 0px 8px 2px rgba(0, 0, 50, 0.23);
 text-align: left;
 box-sizing: border-box;
 -webkit-column-count: 3;
 -moz-column-count: 3;
}
.megamenu .sub-nav-group.category a:hover {
 background: #052d50;
}
.megamenu .sub-nav-group.category a:hover span {
 color: #fff;
}
.megamenu .sub-nav-group.category>span {
 color: #000;
 padding: 3px;
}
.megamenu .sub-nav .nav-lists.level1 .sub-nav-group {
 break-inside: avoid;
}
.megamenu .sub-nav-group.category a {
 color: #000;
 font-family: 'Lato', sans-serif;
}
.megamenu .sub-nav ul {
 display: block;
}
.megamenu nav > ul > li > a {
 font-family:"Open Sans", sans-serif !important;
 font-weight: bold !important;
 }
.megamenu nav h3, .category a {
 font-family:"Open Sans", sans-serif !important;
 }
.megamenu .nav-lists{
 display: block !important;
 }
.megamenu .sub-nav-group.category>span {
 color: #fff;
 padding: 3px;
 background: #012346;
 border: none;
}
.megamenu .sub-nav .nav-lists.level2 {
 display: none !important;
}
/*new*/
.centerWrapper {
 z-index: 3000;
 position: relative;
 display: flex;
 justify-content: center;
}
.megamenu .nav-item > a {
 color: #fff;
}
.megamenu .nav-menu {
 width: auto;
}
/* ////////// END MEGAMENU ////////// */
#menubar > .inside-padding > .row {
 margin-bottom: 0;
}
@media screen and (max-width: 900px){
 .centerMenu .megamenu {
  display: none;
 }
 #menubar .mobile-nav-items {
  width: 100%;
 }
}
.logo {
 /*background: #052d50;*/
 min-width: auto;
 width: 217px;
}
/*responsive map*/
iframe[title="Map"] {
 display: block;
 width: 100% !important;
}
/*edit mode*/
#page .zones-portlet-header.portletBox-title+div {
 background: transparent !important;
}
#page .PO-quickLinks a:hover {
 background: none !important;
}
#credits .inside-padding {
 padding: 0 20px;
}


/* *** header color change *** */
/*
#header {
 background: #052d50;
}
#header .inside-padding {
 padding: 35px 20px 20px;
}
body #menubar {
 background: #052d50;
}
#top {
 background: #fff;
}
@media screen and (max-width: 1200px){
 #top {
  background: #052d50;
 }
}
#menubar #mobileNav {
 color: #fff;
}
#menubar #mobileNav:hover,
#menubar #mobileNav:focus {
 background: transparent !important;
 box-shadow: none !important;
}
*/
#menubar #mobileNav:focus {
 height: auto;
 /*border: 2px solid #fff;*/
}
#menubar #mobileNav .hamburger .bar,
#menubar #mobileNav .hamburger .bar:before,
#menubar #mobileNav .hamburger .bar:after {
 background: #fff;
}
*/
/* *** end header color change *** */

#quicklinks .quicklink-items a.quicklink-item:focus {
 margin: 2px;
}

#header #pubWrapper .schoolDropdown {
 width: auto;
}
@media screen and (max-width: 1200px){
 #header #pubWrapper ul.schoolDropdown li a {
  color: #000;
 }
 #header #pubWrapper ul.schoolDropdown li a:hover {
  color: #fff !important;
 }
 #header #pubWrapper ul.translation-languages li a {
  color: #000;
 }
 #header #pubWrapper ul.translation-languages li a:hover {
  color: #fff !important;
 }
}
@media screen and (max-width: 900px){
 #header .inside-padding {
    flex-direction: column;
    align-items: center;
 }
 #menubar #mobileNav {
  color: #052d50;
 }
 #menubar #mobileNav .hamburger .bar, #menubar #mobileNav .hamburger .bar:before, #menubar #mobileNav .hamburger .bar:after {
  background: #052d50;
 }
}

#pubWrapper ul.pubList .pubDropdown-btn:hover, #pubWrapper ul.pubList .active .pubDropdown-btn, #pubWrapper ul.pubList li .user_link:hover, #pubWrapper ul.pubList li .admin_menu:hover {
    color: #fff !important;
}


/* CHANGES 6/12/22*/

#events-container {
    background: #d3d3d3;
}

#upcoming-events, #upcoming-events .right-side a {
    color: 323232;
}

#upcoming-events .events-list a.event-item .event-container .eventDate .eventDate-container .top-date, #upcoming-events .events-list a.event-item .event-container .eventDate .eventDate-container .bottom-date, #upcoming-events .events-list a.event-item .event-container .eventDetails {
   color: #323232;
}

.top-sec .right-side a span:after {
    color: #052d50;
    background: #fff;        
}

#upcoming-events .events-list a.event-item:hover .event-container, #upcoming-events .events-list a.event-item:focus .event-container {
    border-bottom: solid 8px #74a3cf;
}

.top-sec .right-side a:hover span:after, .top-sec .right-side a:focus span:after {
    background: #fff;
}

/* CHANGES 7/12/22 */

html #menubar, #header #pubWrapper #searchPanel input {
    background: #052d50;
}

html #ql-container, #credits, html .subpage #sidebar {
    background: #052d50;
}

#header #pubWrapper a:hover, #header #pubWrapper a:focus,  html .subpage #sidebar:hover {
    background: #003871;
}

.telerik_main_menu .rmRootGroup a span {
    font-weight: 600;
    text-transform: capitalize;
}

.RadMenu .rmVertical .rmItem .rmText {
    font-weight: 400;
}

#banner-container .nivo-startstopNav {
    z-index: 9;
}  


@media screen and (max-width: 900px)
html #header {
    border-bottom: solid 20px #052d50;
}
 #footer .logo {
  margin-bottom: 20px;
 }
}



/*improved telerik subnav*/
.telerik_main_menu.RadMenu .rmVertical .rmItem .rmText {
 display: block;
}
.telerik_main_menu .rmGroup .rmItem .rmExpandRight:after {
 margin-left: 10px;
}
/*
.RadMenu .rmVertical .rmLink,
.RadMenu .rmHorizontal .rmVertical .rmLink {
 width: auto !important;
 min-width: 300px;
}
.RadMenu .rmGroup .rmItem {
 display: block;
 min-width: 300px;
 width: 100%;
}
*/


/* CHANGES 19/12/2022 */ 

ul.QL-defaultTemplate {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 10px;
    align-items: center;
    justify-content: center;
}

.QL-defaultTemplate li {
    padding: 0px 0px;
    border: none;
    flex: 1;
    min-width: 150px;
    display: flex;
    justify-content: center;
    max-width: 180px;
}

.QL-defaultTemplate li a {
    display: grid;
    width: 140px;
    text-align: center;
}

.QL-defaultTemplate a .fa {
    color: #fff;
    font-size: 50px;
    height: 55px;
    margin-bottom: 10px;
}

.QL-defaultTemplate a:hover .fa {
    font-size: 55px;
}

.QL-defaultTemplate a span.QL-text {
    color: #fff;
}

.QL-defaultTemplate li a:hover, .QL-defaultTemplate a:hover span.QL-text{
    text-decoration: none !important;
}

#footer .logo {
    margin-bottom: 0px;
    width: 90px;
}

/*improving events*/
#upcoming-events .events-list {
 margin: 0;
}

/* CHANGES 01/16/23 */
#upcoming-events .events-list {
    display: flex;
    flex-direction: row;
}

.eventDetails {
    width: 170px;
}

@media screen and (max-width: 900px){
  #upcoming-events .events-list {
     flex-direction: column;
  }
}


/* CHANGES 17-01-23 */

#skip a:focus {
    top: 8% !important;
}