/* 
  This File is to be used for custom CSS unique to each site during development
  becuase it is easier to make updates here rather than the CMS
*/

body {
   background-color: #fafafa;
   font-family: 'Roboto', sans-serif !important;
}

/* Fonts */
h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Roboto Condensed', sans-serif !important;
   font-weight: 700;
}
p {
   font-size: 22px;
   line-height: 28px;
}
p.small {
   font-size: 18px;
   line-height: 25px;
}
h3 {
   font-size: 30px;
   margin-bottom: 12px;
}
h4 {
   font-size: 26px;
   margin-bottom: 10px;
}
h5 {
   font-size: 24px;
}

#wrapper {
   min-width: 320px;
   margin: 0 auto;
   height: auto;
   background-color: #fff;
}

#announcements-wrapper {
   display: none;
}
.bg-grey {
   background-color: #ebebeb;
}
#feature-carousel .feature-head h1 a {
   color: #fff;
}

#feature-carousel .content-inner {
   width: 100%;
}

/* HEADER */
.isSubpage #page-head:before {
   background: #172b5780;
}
.nav_schools {
   background: #00af51 0% 0% no-repeat padding-box;
   box-shadow: 1px 1px 2px #00000059;
   border-radius: 5px;
   opacity: 1;
}

.nav_schools > ul {
   left: auto !important;
   right: 0;
}

#header .items-wrap.main-items-wrap.clearfix .twitter-img {
   display: none;
}

#wrapper #header ul.main-items {
   border-bottom: none !important;
}

#wrapper .header-title a {
   background-image: url(/vendor/_accounts/fl_holmes/images/logo_poplar_springs_school.png);
}
@media (max-width: 1079px) {
   #header ul > li.dropdown > a {
      background-image: url(/vendor/_skins/fozzie/images/carat_down_filter.png);
   }
}

/* FEATURED CAROUSEL SECTION  */
#feature-more-on-page,
.owl-pagination,
.feature-foot,
#announcements-ticker {
   display: none;
}
#feature-carousel .feature-content {
   background-color: #10254850;
}
@media (min-width: 1200px) {
   #wrapper .header-title a {
      height: 140px;
   }
   #feature-carousel .feature-content {
      background: linear-gradient(
            90deg,
            #102548 20%,
            #10254880 50%,
            #10254840 65%,
            transparent
         ),
         linear-gradient(
            0deg,
            #102548 5%,
            #10254840 20%,
            transparent 30%,
            #10254840 90%,
            #102548 100%
         );
   }
}

/* Action button overrides */
.action-btn-inner a {
   font-family: inherit !important;
   font-size: 30px;
   font-weight: bold;
   text-align: center;
   text-transform: none !important;
}

/* Intro Box Overrides */
#holmes-2022-superintendent {
   margin-bottom: 20px;
}
#holmes-2022-superintendent-header {
   margin: 20px 0;
}
/* Commented out for two-column temp (removed FB plugin)
 .introBox > .three-columns > div {
   flex-basis: calc(33% - 40px);
 }
 */

.introBox {
   position: relative;
   background-color: #8d8244;
}

.introBox h1 {
   margin-bottom: 30px;
}

.introBox .intro-right {
   flex-basis: 50%;
   border: none;
}
.introBox:before {
   content: ' ';
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   opacity: 0.055;
   background-image: url(/vendor/_accounts/fl_holmes/images/bg-pencils.jpg);
   background-repeat: no-repeat;
   background-position: 100% 0;
   background-size: cover;
}
/* override width for default css (be 50% all the time) */
@media (min-width: 1200px) {
   .intro-left {
      flex-basis: 50% !important;
   }
   .intro-right {
      border-left: none;
      margin-left: 0;
   }
}

/* Facebook feed widget customizations */
#holmes-2022-fb-header {
   width: 100%;
   height: 70px;
   background-color: #102548;
   z-index: 10;
   position: relative;
   text-align: center;
   padding-top: 20px;
   font-family: 'Economica', sans-serif;
   color: #fff;
   text-transform: uppercase;
   font-size: 30px;
   font-weight: bold;
}
.eapps-facebook-feed-inner {
   border-radius: none !important;
}
/* Fix links with opacity + background */
.introBox ul {
   z-index: 10;
}

/* Event/Calendar Overrides */
.event-tiles {
   position: relative;
   background-color: #8d8244;
}
.event-tiles:before {
   content: ' ';
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 114%;
   opacity: 0.1;
   background-image: url(/vendor/_accounts/fl_holmes/images/bg-bus.jpg);
   background-repeat: no-repeat;
   background-position: 100% 0;
   background-size: cover;
}
.event-item {
   z-index: 10;
}
.event-links {
   background-color: #8d8244;
   padding-bottom: 25px;
}
.event-links a {
   z-index: 10;
   margin: 0 25px;
}
.event-links a:after {
   content: '';
   display: inline-block;
   width: 18px;
   height: 9px;
   background: url(/vendor/_accounts/tn_brightschool_2022/images/arrow-right.svg)
      center top no-repeat;
   background-size: contain;
   margin: 4px 0 3px 10px;
}
.event-links .article {
   justify-content: center !important;
}

.eventtypelayout_tilesupcoming .event-item {
   background-color: #ffffff;
   border: 1px solid #003a6f;
   color: #222c36;
}
.eventtypelayout_tilesupcoming .event-item:hover,
.eventtypelayout_tilesupcoming .event-item:focus {
   background-color: #003a6f;
   color: #ffffff;
}
.eventtypelayout_tilesupcoming .event-item .day {
   color: #0056a5;
}
.eventtypelayout_tilesupcoming .event-item:hover > .day,
.eventtypelayout_tilesupcoming .event-item:focus > .day {
   color: #ffffff;
}
.eventtypelayout_tilesupcoming .section-link a {
   color: #003a6f;
}

.eventtypelayout_tilesupcoming .section-link a:hover,
.eventtypelayout_tilesupcoming .section-link a:focus {
   color: #00a8cc;
}
.posttypelayout_newsblocks .header h2 {
   /* font-family: inherit !important;
    */
   font-size: 50px;
   margin-top: 30px;
   margin-bottom: 20px;
}
.eventtypelayout_tilesupcoming .section-link {
   display: none;
}

.pagegroup_eventtypes .eventtypelayout_tilesupcoming .header h2 {
   font-size: 50px;
   margin-top: 30px;
   margin-bottom: 20px;
}

/* Bottom block overrides */
#bottom-section {
   display: flex;
   flex-flow: wrap;
   padding: 40px 60px;
   max-width: 1600px;
   margin: 0 auto;
   color: #102548;
}
#bottom-section > div {
   width: 100%;
}
#legal-notice-affiliations {
   border-left: 2px solid #ccc;
   padding-left: 40px;
   margin-top: 20px;
   display: flex;
   gap: 60px;
}

#legal-notice {
   width: 100%;
}

#affiliations {
   width: 100%;
}

#bottom-section h5 {
   margin-bottom: 20px;
}

#bottom-section p {
   line-height: 1.5;
}
@media (min-width: 992px) {
   #bottom-section {
      align-content: space-between;
   }
   #bottom-section > div {
      width: calc(50% - 20px);
   }
   #bottom-left {
      margin-right: 20px;
   }
   #legal-notice-affiliations {
      margin: 0 0 0 20px;
   }
}
@media (min-width: 1680px) {
   #bottom-section {
      padding: 40px 0;
   }
}

.footer-cols.hidden-print {
   display: none;
}

/* Set Default Featured Image */
#feature-carousel .feature-item > img {
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   max-height: 800px;
   min-height: 375px;
   opacity: 0.5;
   width: 100%;
   position: relative;
   background: url(/vendor/_accounts/fl_holmes/images/feature-default.jpg);
}

#page-head {
   background-image: url(/vendor/_accounts/fl_holmes/images/subpage-header.jpg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

/* Menu adjustments */
@media (min-width: 1080px) {
   #header .header-title {
      width: 15%;
   }
   #header .main-nav-section {
      width: 85%;
   }
   #header ul.main-items > li > a {
      font-size: 16px;
   }
}
@media (min-width: 1200px) {
   #header ul.main-items > li > a {
      font-size: 17px;
   }
   #feature-carousel .feature-item > img {
      width: 100%;
      margin-left: 0;
      background-repeat: no-repeat;
      background-size: cover;
   }
}
@media (min-width: 1450px) {
   #header ul.main-items > li > a {
      font-size: 23px;
   }
}