@import url("https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,400;0,500;0,600;0,700;0,900;1,400&amp;display=swap");

/*@import url("http://localhost:8080/customers/lynn_school_district/style.css");*/

@import url('style.css');


.socialTSpace > .container { justify-content: center; }
.socialTSpace .socialTabs { display: none; }

.subpage .heroSlider { background-position: center center; }

#settingsPage .homepageImageSlider {
    display: flex;
    gap: 20px;
flex-wrap: wrap;
}

#settingsPage .homepageImageSlider img {
    max-width: 200px;
}

.subpage {
 padding: 0;
}
.subpage .heroBanner {
 padding: 0 34px
}

.schoolPage .contactItems .item:first-child {
    transform: none;
}

.schoolPage .dIText {
    transform: none;
}

.schoolPage .contactItems {
    padding: 34px;
}

.schoolPage .quickLinks {
    transform: none;
}

.schoolPage .socialTSpace {
    margin-top: 34px;
}

.container.bottomNews > div {
 width: calc(50% - 17px);
}

ul.homeNewsBottom {
    padding: 0;
}

ul.homeNewsBottom .ev-slide {
    padding: 0 0 0 20px;
    margin: 0;
    list-style: none;
}

.bottomNews button {
  border: 1px solid #2121B5;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  text-align: center;
  transition: all 0.3s;
    background: transparent; }
.bottomNews button i {
    margin: 0;
    color: #2121B5; }
.bottomNews button:first-child i {
    transform: translate(-2px, -1px); }
.bottomNews button:last-child i {
        transform: translate(2px, -1px); }
.bottomNews button:hover {
    background: #040943;
    border-color: #F4F4F9; }
.bottomNews button:hover i {
      color: #ffffff; }

.homenewsControls button {
    font-weight: 900;
    font-size: 1.2em;
    color: #040943;
    text-decoration: none;
}


@media screen and (max-width: 930px) {
.container.bottomNews {
    flex-direction: column;
}

.container.bottomNews > div {
    width: 100%;
}
}

.schoolPage .userContentContainer.item {
    order: 1;
}

@media screen and (max-width: 800px) {
.schoolPage .userContentContainer.item {
    order: 0;
}

.infoQL {
flex-direction: column;
}
}


body .portlet_zone {
    min-height: 150px !important;
    min-width: 500px;
}

.pubWrapper .hide {
   display: none;
}

@media screen and (max-width: 880px) {
    .heroSlider header {
    padding: 0;
}
.pubWrapper {
    padding: 0;
}
}

footer .disclaimer-social .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media screen and (max-width: 930px) {
    footer .disclaimer-social .container {
        justify-content: center;
    }
    footer .socialMediaButtons {
        display: flex;
        justify-content: center;
    }
}

@media screen and (max-width: 1000px) {
.subpage .main-content {
    display: flex;
    flex-direction: column;
}
.sideMenu {
    width: 100%;
}
.sitemap .sitemap_column {
    width: 100% !important;
    display: block;
}
.subpage .heroBanner {
    padding: 0;
}
.subpage > .container .portal-breadcrumb {
    padding: 20px;
    width: 100%;
}
}

/* Logo Update */

.footerLogo a.logoBehaviour {
    max-width: 120px;
    display: block;
}

.footerLogo a.logoBehaviour img {
    width: 100%;
}

.heroSlider .logo a {
    display: block;
    max-width: 90px;
}


@media screen and (max-width: 1100px) {
    .heroSlider .logo a {
      max-width: 60px;
    }
}

header .container {
    padding: 0 20px;
}

@media screen and (max-width: 880px) {
header .container {
    padding: 10px 20px;
    gap: 10px;
    flex-direction: row;
}
}
