/*
	Theme Name: Shapely - SD84
	Theme URL: http://chemeleoncreative.com
	Description: The SD84 and Multisites theme running as a Shapely child theme by Chameleon Creative
	Author: Bethany @ Chameleon Creative
	Author URL: http://chemeleoncreative.com
	Template: shapely
	Version: 1.0.0
	Text Domain: shapely-child
*/

@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
/* <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap" rel="stylesheet"> */

html, body {
  height: 100%;
  margin:0px;
  padding:0px;
  font: 400 22px/normal 'Bebas Neue',
  Arial, Helvetica, sans-serif;
  background:#ffffff !important;
  color:#202020 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align:left;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.row { --bs-gutter-x: 0rem !important; }

body p { font-family: 'Roboto'; color: #202020; font-size: 15px; }

body li a, body li { font-family: 'Roboto'; font-size: 15px;}

a, a:visited { color: #337ab7;}

.img-responsive { width: 100%; max-width: 100%; height: auto; display:block}

.btn:visited { color: #267ab9; }

.author-bio, .shapely-next-prev, .shapely-related-posts, .comments{ display: none; }

.btn-filled, a .btn-filled, .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt,
.woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button
 {
   background: #267ab9;
   color: #fff !important;
 }

#page { overflow-x: hidden; }

article .btn:visited { color: #fff; }

.btn-filled:hover, .btn:visited:hover, .btn-filled:focus, .btn:visited:focus { background-color: #8fc896; border-color: #8fc896;}

.shapely-category { display: none; }

form #seach-from input[type="submit"], button[type="submit"] { background: #96cf9d; border: 2px solid #96cf9d; }

.pagination span:not( .dots ), .woocommerce-pagination ul.page-numbers span.page-numbers, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
  background: #267ab9;
  border-color:#267ab9;
}

.pagination a:hover, .pagination a:focus, .pagination .active a, .pagination .active:hover a, .pagination .active:focus a {
  background: #96cf9d;
  border-color:#96cf9d;
}

a, a:visited {
  color: #337ab7;
 }


/*##############################################################################################################################################################################################################
#
#		NAV
#
################################################################################################################################################################################################################*/

.nav-bar { background-color: #267ab9;  line-height: 44px;}

nav { border-bottom: 0px; background-color: transparent;}

.top-nav-bar { background:rgba(255,255,255, 0.9); }

.main-navigation { padding: 0px; }

.nav-container { min-height: 50px; }

.dropdown-backdrop {display:none;}

#school-name p a { color: #fff; font-size: 25px; font-family:'Bebas Neue'; text-decoration: none;}

.nav-bar a:not( .custom-logo-link ) { height: 30px; }

#school-name p { margin-top: 10px; }

#masthead {
  position: absolute;
  z-index: 9999;
  right: 0px;
  left: 0px;
}

#school-district {
  margin-top: 10px;
  margin-bottom: 4px;


}

#school-district a {
  font-size: 16px;
  font-family: 'Bebas Neue';
  color: #267ab9;
  text-decoration: none;
  font-weight: 400;
}

#school-district span {
  font-size: 20px;
}

#search-wrapper { border-left: 1px solid #8dc694;  }

.search-top { height: 58px; }

.search-top input[type="text"], .search-top input[type="search"], .search-top input[type="email"], .search-top input[type="tel"] {
  width: 70%;
  background: transparent;
  border: 0px;
  height: auto;
  padding-left: 0px;
  color: #353535;
}


.search-top input[type="submit"], .search-top button[type="submit"] {
  background: transparent;
  border: 0px;
  width: 20%;
}

input[type="text"]:focus {
  outline: 3px solid #267ab9;
}

.fa-search { color: #96cf9d !important; font-size: 25px;}

.search-form, .woocommerce-product-search { padding: 0px; line-height:55px; }

#social { float:left; }

#social-widget-area { padding: 7px 0px; }

#social a { color: #fff; padding-right: 10px;}

#social a:hover, #social a:focus { color: #8fc896; text-decoration: none; }

#cta { display: inline-flex; justify-content: flex-end; padding-left: 0px; padding-right: 0px;}

#cta-one a {
  font-weight: 300;
  font-size: 19px;
  font-family: 'Bebas Neue';
  line-height: 22px;
  margin: 0px 0px 0px 20px;
  padding: 10px 36px;
  height: auto !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #0F0F0F;
  text-decoration: none;
  margin: 0px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background: rgb(150,207,157);
  background: -moz-linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  background: linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96cf9d",endColorstr="#85bf8d",GradientType=1);
  text-transform: uppercase;
}

#cta-one { padding-left: 5px;}

#cta-one a:hover, #cta-one a:focus, #cta-one:active { background: #267ab9; color: #fff !important; text-shadow: 0px 0px 2px #202020; }

.cta-top a, .cta-top a:visited, .cta-top a:active {
  font-weight: 300;
  font-size: 19px;
  font-family: 'Bebas Neue';
  line-height: 22px;
  margin: 0px 0px 0px 20px;
  padding: 10px 36px;
  height: auto !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #fff !important;
  text-decoration: none;
  margin: 0px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background: #267ab9;
  text-transform: uppercase;
  text-shadow: 0px 0px 2px #202020;
}

.cta-top { padding-left:10px;}

.cta-top a:hover, .cta-top a:focus {
  background: #92cb99;
  /* background: rgb(150,207,157);
  background: -moz-linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  background: linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96cf9d",endColorstr="#85bf8d",GradientType=1); */
  color: #0F0F0F !important;
  text-shadow: unset;
}

#first { margin-top: 13px; margin-bottom: 13px;}

#schools-dropdown { padding-left: 0px; padding-right: 0px; }

.dropdown-menu li { float: none; }

.dropdown-toggle, .dropdown-toggle:hover  {
  background: rgb(150,207,157);
  background: -moz-linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  background: linear-gradient(180deg, rgba(150,207,157,1) 0%, rgba(133,191,141,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96cf9d",endColorstr="#85bf8d",GradientType=1);
  padding: 10px 0px;
  color: #0F0F0F;
  font-size: 17px;
  font-family: 'Bebas Neue';
  border: none;
  line-height: 38px;
  text-align: center;
  font-weight: 300;
  border-radius: 0px;
  width: 100%;
}

.dropdown-toggle:focus { outline: 3px solid #267ab9; background-color: #267ab9; color: #fff; }

.dropdown-toggle:hover { text-decoration: underline;}

.dropdown-toggle span.fas { font-size: 22px; padding-left: 20px;}

#location { padding-left: 10px; }

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

.dropdown-menu>li>a { color: #0F0F0F; padding: 8px 20px; }

/* Dropdown Content (Hidden by Default) */
ul.dropdown-menu {
  display: none;
  position: absolute;
  background:rgba(255,255,255, 0.9);
  min-width: 195px;
  z-index: 1;
  border-radius: 0px;
  padding: 0px 0px;
  left:auto;
  right:0;
  margin-right: 0px;
}

/* Links inside the dropdown */
a.dropdown-item {
  text-decoration: none;
  display: block;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Bebas Neue';
}

/* Change color of dropdown links on hover */

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: #93cc9a; color: #0F0F0F;}


/* Show the dropdown menu on hover */
/* .dropdown-menu:hover .dropdown-menu{display: block;} */

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown-menu:hover .dropdown-toggle  {background-color: #267ab9;}

.dropdown:after { content: none; }

.top-menu-wrapper, #menu-top-menu li.menu-item {
  bottom: auto;
  color: #666;
  display: block;
  float: none;
  font-family: inherit;
  font-size: 14px;
  height: auto;
  left: auto;
  line-height: 1.7;
  list-style-type: none;
  margin: 0;
  min-height: auto;
  max-height: none;
  outline: none;
  overflow: visible;
  padding: 0;
  position: relative;
  pointer-events: auto;
  right: auto;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-transform: none;
  transform: none;
  top: auto;
  vertical-align: baseline;
  width: auto;
  word-wrap: break-word;
  white-space: normal;
 }


#menu-top-menu li.menu-item {
   margin: 0 0px 0 0;
   display: inline-block;
   height: auto;
   vertical-align: middle;
 }

 #menu-top-menu ul.sub-menu li {
   display: block;
 }

 #menu-top-menu li.menu-item a {
  line-height: 58px;
  height: 58px;
  padding: 0px 10px 0px 10px;
  vertical-align: baseline;
  width: auto;
  display: block;
  color: #0F0F0F;
  text-transform: none;
  text-decoration: none;
  text-align: left;
  text-decoration: none;
  background: rgba(0, 0, 0, 0);
  border: 0;
  border-radius: 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  outline: none;
  letter-spacing: 0.2px;
 }

 #menu-top-menu li.menu-item a:hover, #menu-top-menu li.menu-item a:focus-within {
   background: #92cb99;
   color: #0F0F0F;
   font-weight: normal;
   text-decoration: none;
   border-color: #fff;
 }

 #menu-top-menu ul
 {
   visibility: hidden;
   opacity: 0;
 }

 #menu-top-menu li:hover ul
 {
   visibility: visible;
   opacity: 1;
 }

 #menu-top-menu li:hover ul ul
 {
   visibility: hidden;
   opacity: 0;
 }

 #menu-top-menu li:hover ul li:hover ul
 {
   visibility: visible;
   opacity: 1;
 }

 ul#menu-top-menu {
   display:block;
   text-align: right;
   padding: 0px 0px 0px 0px;
 }



 .main-navigation .menu li a {
   font-size: 18px;
   color: #fff;
   letter-spacing: 0.2px;
 }

 #main-menu ul#menu { padding-top: 20px; }

 .main-navigation .menu li a:hover, .main-navigation .menu li a:focus, .main-navigation .menu li:hover > a,
 .main-navigation .menu li:focus > a, .main-navigation .menu > li:hover:after, .main-navigation .menu > li:focus:after, .current_menu_item  {
   color: #93cc9a;
   text-decoration: none;
 }

 .main-navigation .menu > li ul { margin-top: 0px; }


 #menu-top-menu ul.sub-menu {
    z-index: 999;
    position: absolute;
    width: 200px;
    max-width: none;
    padding: 0px 0px 0px 0px;
    border: 0;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0;
  }
#menu-top-menu li.menu-item a > ul.sub-menu li a {
  background: rgba(255, 255, 255, 0.8);
    color: #4f4f4f;
    font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    padding: 0px 10px 0px 10px;
    line-height: 35px;
    text-decoration: none;
    text-transform: none;
    vertical-align: baseline;
  }



  #menu-top-menu ul.sub-menu li a {
    line-height: 30px;
    height: 30px;
  }

  #menu-top-menu ul.sub-menu li a:focus {
    background: #92cb99;
    color: #fff;
   }

  .post-content .entry-header img { display: none;}

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 77px; height: 77px;}

@media all and (-ms-high-contrast:none)
  {
     .search-form input[type="text"] { line-height: 2px; }

     .search-form, .woocommerce-product-search { line-height: 56px; }

     .search-top { height: 57px; }

     .dropdown-toggle  { line-height: 37px; }

     #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 77px; height: 77px; }

     #menu-top-menu li.menu-item:hover > ul { display: block; }

     .main-navigation .menu > li ul { top: 47px; }

     #school-district { margin-bottom: 7px; }


  }


@-moz-document url-prefix() {

  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 77px; height: 77px; }
}

@media (max-width: 1099px) {
  #first {margin-top: 5px; margin-bottom: 3px;}
  .cta-top a { padding: 7px 25px; }
  #cta-one a{padding: 7px 22px;}
}

 @media (max-width: 991px) {

   #cta { display: flex; justify-content: center;}

   #masthead { position: relative; }

   #masthead .container { width: 100%; max-width: 100%;}

   .dropdown-menu {
     width: 100%;
     text-align: center;
   }

   #school-name { text-align: center; }

   #school-name p { margin-bottom: 0px; margin-top: 10px;}

   #school-name p a { font-size: 25px;}

   .nav-bar a:not( .custom-logo-link ) { height: 40px; }

   #search-wrapper { border-top: 1px solid #8dc694; border-left: 0px; }
   .search-form input[type="text"] { border-right: 1px solid #8dc694; }

   .main-navigation ul { display: block; }

   .main-navigation ul.dropdown-menu { display: none; }

   .open>.dropdown-menu { display: block !important; }

   ul#menu-top-menu { text-align: center;}

   #first { margin-top: 0px; margin-bottom: 0px; }

   #social a { color: #267ab9; }

   #social { float: none; text-align: center;}

   .search-top input[type="submit"], .search-top button[type="submit"] { height: 30px; line-height: 30px; font-size: 20px;}

   #menu-top-menu li.menu-item a { line-height: 40px; height: 36px;}

   .search-form, .woocommerce-product-search { line-height: 36px; }

   .search-top { height: 36px; }

   #school-district span {
     font-size: 16px;
   }

   #school-district a br { display: none;}

   #school-district { text-align: center; }

   #school-name p a br {display: block;}

   #menu-item-17 ul {
        left:auto;
        right:0;
        margin-right:-10px; }

   .mega-sub-menu a { font-size: 15px; }

   .dropdown-toggle  { line-height: 29px; }

   #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 56px; height: 56px;}

  }

  @media (max-width: 780px) {
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 0px 10px 0px 10px; }
  }


  @media (max-width: 767px) {

    #cta { display: block; }
    #cta a {width: 100%; }
    #cta-one, .cta-top { padding-left: 0px; }

     #school-name p a br {display: block;}

     .cta-top a { padding: 5px 25px; }
     #cta-one a{padding: 5px 22px;}

     @-moz-document url-prefix() {

       #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { line-height: 40px; height: 40px; }
     }
  }

 @media (max-width: 428px ) {

   /* #district-menu { padding-left: 5px; padding-right: 5px;} */

   #menu-top-menu li.menu-item a { font-size: 11px; padding: 0px 3px 0px 3px;}
 }


/*##############################################################################################################################################################################################################
#
#		CAROUSEL
#
################################################################################################################################################################################################################*/

#myCarousel {
  padding:0px !important;
  overflow:hidden !important;
  background: #fff;
  position:relative;
  z-index: 5000;
}

#myCarousel img.img-responsive {
  max-width:none;
  width:100%;
  height:auto;
}

#myCarousel a { color: #fff; }

a.left:focus,
a.right:focus,
a.left,
a.right { outline: 0;}

.carousel-fade { overflow:hidden;}

.carousel-control.left,
.carousel-control.right { background-image: none !important; filter: none  !important; }

/* CROSSFADE */
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity;   transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 55555; }

.carousel-indicators li {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 87px;
  height: 4px;
  text-indent: -999px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 0px;
  margin: 0px 5px;

}

.carousel-indicators .active {
  width: 87px;
  height: 4px;
  border: 1px solid #60a868;
  background-color: #60a868;
  margin: 0px 5px;

}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
  width: 100%; 
  display: block;
  max-width: 100%;
  height: auto;
}

.carousel-caption {
  text-align: left;
  right:50%;
  left: 18%;
  bottom: 7%;
  padding-bottom: 0px;
}

#carouselButtons {
    margin-left: 100px;
    position: absolute;
    bottom: 0px;
}

.sr-only { color: #fff; }

.carousel-header { font-size: 50px; padding-top: 153px;}

.carousel-caption p { font-size: 20px; font-family: 'Roboto'; color: #fff;}

@media (max-width: 1800px) {
  .carousel-header { padding-top: 93px; }

  .carousel-caption {left: 16%;}
}

@media (max-width: 1690px) {
  .carousel-header { padding-top: 40px; }

  .carousel-caption {left: 14%;}
}

@media (max-width: 1575px) {
  .carousel-caption img { width: 38%; }

  .carousel-header { padding-top: 20px; }
}

@media (max-width: 1399px) {
  .carousel-caption img { width: 33%; }

  .carousel-header { padding-top: 0px; }

  .carousel-caption { right: 40%; }
}

@media (max-width: 1260px) {
  .carousel-caption img { width: 30%; }

  .carousel-header { font-size: 45px; }
}

@media (max-width: 1199px) {
  .carousel-caption { right: 15%; bottom: 12%;}

  .carousel-caption img { width: 60%; }
}

@media (max-width: 991px) {
  .carousel-header {
    font-size: 40px;
    margin-top: 0px;
  }

}

@media (max-width: 767px) {
  .carousel-caption {
    position: relative;
    margin-bottom: -56px;
 /*   margin-top:0px; */
    right: 0px;
    left: 0px;
    padding: 20px 20px;
    background: #267ab9;
    bottom: 0px;
    text-align: center;
  }

  .carousel-header{ margin-top: 15px; font-size: 35px;}

  .carousel-caption p { font-size: 16px;}

  .carousel-caption img { width: 28%;}

  .carousel-indicators { top: 15px; }

  .carousel-indicators li, .carousel-indicators .active { width: 40px; }

}

/*##############################################################################################################################################################################################################
#
#		INTERIOR HEADER
#
################################################################################################################################################################################################################*/
.interior-header-content { width: 1170px; margin-left: auto; margin-right: auto;}

.interior-header-content img { position: absolute; bottom: 26%;}

.interior-header-content h1 { position: absolute; bottom: -23px; color: #fff; font-size: 50px; }

.post-title a, .entry-title a, .entry-meta, .entry-title { display: none; }

@media (max-width: 1650px) {
  .interior-header-content img { bottom: 16%; width: 15%;}
}

@media (max-width: 1199px) {
  .interior-header-content{ width: 970px;}

  .interior-header-content img {bottom: 12%; width: 13%; }
}

@media (max-width: 991px) {
  .interior-header-content{ width: 100%; padding-left: 50px;}

  .interior-header-content img {bottom: 18%; width: 20%; }
}

@media (max-width: 768px) {
  .interior-header-content img {top: 4%; width: 20%; right: 15px; }

  .interior-header-content h1 { font-size: 40px;}

  .interior-header-content { padding-left: 11px; padding-right: 11px; }
}

/*##############################################################################################################################################################################################################
#
#		INTERIOR CONTENT
#
################################################################################################################################################################################################################*/

.teacherage .row { padding-bottom: 15px; }

.teacherage { padding-top: 20px; }

a.position-link { font-family: 'Roboto'; font-size: 15px;}
.posting-heading h2 { text-decoration: underline; font-size: 25px; text-decoration-color: #337ab7; }
.mobile { display:none; }

.posting-padding, .inquires { padding-top: 50px; }

.desktop { background: #f9fafb; }

.border { border: 0px !important; }

.desktop, .border { padding: 18px 4px; border-top: 1px solid rgba(34,36,38,.15) !important;}

body:not(.home) h2 { color: #337ab7; font-size: 30px; }

body:not(.home) h3, body:not(.home) h2.page-heading, body:not(.home) h2.page-heading a  { color: #54985C !important; font-family: 'Roboto'; font-size: 19px; }

table.my-calendar-table h3.event-title { color: #272727 !important; }

h3.safety { padding-left: 15px; padding-right: 15px; }

a, a:visited { font-family: 'Roboto'; font-size: 15px;  }

body:not(.home) h4 { font-size: 17px; font-family: 'Roboto'; font-weight: 600;}

.row-border { border-top: 1px solid #337ab7; }

.trustee { border:  1px solid #337ab7; padding: 5px; }

.trustee-padding { padding-bottom: 30px; }

.trustee-border { border-top: 1px solid #337ab7 !important; }

.trustee-content { padding-bottom: 20px; }

.semantic_ui .ui.table { font-family: 'Roboto' !important; font-size: 15px !important;}

.page-id-216 .semantic_ui  h3.table_title { color: #272727; font-size: 17px;}

.page-id-216 .semantic_ui .ninja_column_0 { width: 650px !important; }

h3 a, h3 a:visited { color: #54985C; font-family: 'Roboto'; font-size: 19px; text-decoration: underline;}

h2 a, h2 a:visited { font-size: 30px; }

.page-id-208 h2 a, .page-id-208 h2 a:visited { font-size: 30px; font-family: 'Bebas Neue'; font-weight: 400; color:#60a868; }

.space { padding-top: 10px; padding-bottom: 10px; }

.txt_green { color: #54985C !important; font-weight: 600; font-family: 'Roboto';}

.txt_blue { color: #337ab7 !important; margin-top: 0px; margin-bottom: 20px; }

.page-id-210 br, .page-id-216 br { display:block; }


/* Health & Safety */

.section-heading { font-weight: bold;}

/* TEACHER FORMS */

ul.teacher-forms {
  margin: 0 0 1.5em 0em;
  padding: 0px 15px;
}

.parent {display:flex; flex-wrap: wrap;}

/* LEARNING LINKS */

.learning-links { padding-bottom: 20px; }

/* GALLERY */

.foogallery.fg-border-thin .fg-item-inner { border-color: #337ab7 !important; }

/* TABLE ON COMPUTER TECH PAGE*/

table.foo_table_408 tr { text-align: center !important;}

@media (max-width: 768px) {
  .mobile { display: block; }
  .desktop { display: none; }

  .trustee-img { padding-bottom: 20px; }

  div.second { padding-top: 20px; }

  .space div { padding-top: 10px; padding-bottom: 10px; }

  .space { padding-top: 0px; padding-bottom: 0px; }

  .img-embed { padding-top: 10px; padding-bottom: 10px; }

  h2 a, h2 a:visited { font-size: 25px; }

  .page-id-208 h2 a, .page-id-208 h2 a:visited { font-size: 25px;}

  body:not(.home) h2 { font-size: 25px;}

  body:not(.home) h3 { font-size: 16px;}
}

/*##############################################################################################################################################################################################################
#
#		INTERIOR SIDEBAR
#
################################################################################################################################################################################################################*/
#secondary .first { padding-left: 75px; }

#secondary p { font-family: 'Roboto'; font-size: 16px; color: #272727; padding-top: 36px; }

@media (max-width: 991px) {
  #secondary .first { padding-left: 0px; }


}

/*##############################################################################################################################################################################################################
#
#		HOMEPAGE VIDEO FOOTER
#
################################################################################################################################################################################################################*/

#index-video { background-image: url('images/index-video-bg.jpg'); background-repeat: no-repeat; background-size: cover; padding-left: 0px !important; padding-right: 0px !important; }

#video { display:flex; justify-content: center; align-items: center; padding: 86px 100px; }
/* padding: 86px 75px 86px 110px; */
/* #video   { padding: 86px 180px 86px 0px;  } */

#video p { color: #fff; font-family: 'Roboto'; font-size: 16px;  }

body.home .text p { padding: 50px 0px 50px 100px; }

body.home .video-container {
  position: relative;
  padding-bottom: 29.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}


.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 1350px) {
  body.home .text p { padding:0px 0px 0px 50px; }
}

@media (max-width: 1199px) {
  #video { padding: 86px 80px 86px 80px;  }
}

@media (max-width: 991px) {
  body.home .text p { padding: 50px 0px; width: 100%; }

  #video { padding: 50px 50px; text-align: center; display: block; }

  body.home .video-container { padding-bottom: 56.25%; /* 16:9 */ }
}

/*##############################################################################################################################################################################################################
#
#		INDEX
#
################################################################################################################################################################################################################*/

.green-outline { border: 2px solid #87c18e; margin-top: 5%;}

.even .green-outline { left: -82px; padding: 20px 54px 20px 140px; }

.odd .green-outline { right: 530px; padding: 20px 140px 20px 54px;}

.even { padding: 50px 0px; }

.green-outline h3 { font-size: 19px; font-family: 'Roboto'; color: #267ab9; padding-bottom: 10px;}

.green-outline p {
  font-family: 'Roboto';
  font-size: 16px;
  white-space: pre-wrap; /* CSS3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.odd .more-link { float: right; }

span.more-link { color: #267ab9 !important; font-size: 27px; display: inline; padding-right: 0px; font-family: 'Bebas Neue'; margin-top: 10px; }

.more {
  content: url(/wp-content/themes/shapely-child/images/more-button.jpg) !important;
  clear: unset !important;
  vertical-align: middle;
  bottom: 0px;
  position: absolute;
}

.even .more { left: 0px; }

.odd .more { right: 0px; }

.front-page-header { margin-bottom: 80px;}

.front-page-header h2 { font-size: 40px; color: #202020; text-align: center; margin-bottom: 0px; text-decoration: underline; text-decoration-color: #96cf9d;}

.even img { padding-left: 65px; }
.odd img { padding-right: 65px; }

.even img.more { padding-left: 0px; }
.odd img.more { padding-right: 0px; }

body.home section { padding: 60px 0;}

@media (max-width: 1199px) {
  .odd .green-outline {
    right: 403px;
  }

}

@media (max-width: 991px) {
  .odd img { padding-right: 0px; }
  .odd .green-outline { right: 0px; }
  .green-outline div { padding-top: 50px; text-align: left;}
  .more-link { margin-top: -29px; }

  .green-outline p { text-align: left;}
  .even .green-outline { left:0px; }
  .even img { padding-left: 0px;}
  .even , .odd  { text-align: center; margin-left: 15px; margin-right: 15px;}
  span.more-link { padding-left: 35px; }
  .odd .more { left: 0px; }
  .odd .more-link { float: none; }


  .even .green-outline, .odd .green-outline { padding: 20px 50px; }
}

@media (max-width: 500px) {
  .front-page-header { margin-bottom: 20px; }

  body.home section { padding: 20px 0; }
}


@media (max-width: 450px) {
  span.more-link { padding-left: 68px; }
  .even .green-outline, .odd .green-outline { padding: 20px 20px; }
  .green-outline p { text-align: center;}

}


/*##############################################################################################################################################################################################################
#
#		CALENDAR
#
################################################################################################################################################################################################################*/
/* .mc-main .current-day { background: linear-gradient(to bottom, #4aa0df 0%, #2c89ce 30%, #267ab9 100%) !important;}

.mc-main th { color: #fff !important;}

.mc-main .nextmonth { background-color: #91ca98 !important; }*/

.my-calendar-date-switcher input[type="submit"], .my-calendar-date-switcher button[type="submit"] { color: #fff !important; background: #277bb9 !important; border: 0px !important;}

.my-calendar-date-switcher input[type="submit"]:hover, input[type="submit"]:focus { background-color: #91ca98 !important; }

/*.mc-main .has-events .mc-date { background: #91ca98 !important; }

.mc-main .has-events .mc-date { color: #272727 !important; }

.mc-main .event-title { letter-spacing: 0.7px !important; }

.mc_details a, .mc_edit_links a { color: #fff; } */

/*##############################################################################################################################################################################################################
#
#		CONTACT FORM
#
################################################################################################################################################################################################################*/

.wpcf7 textarea:hover, .wpcf7 textarea:focus, .wpcf7 input[type="text"]:hover, .wpcf7 input[type="search"]:hover, .wpcf7 input[type="email"]:hover, .wpcf7 input[type="tel"]:hover, .wpcf7 input[type="text"]:focus, .wpcf7 input[type="search"]:focus,
.wpcf7 input[type="email"]:focus, .wpcf7 input[type="tel"]:focus { border-color: #337ab7 !important; }

.wpcf7 input[type="submit"], .wpcf7 button[type="submit"] { background-color: #337ab7 !important; border: 2px solid #337ab7 !important; font-size: 15px !important; }

.wpcf7 input[type="submit"]:hover, .wpcf7 input[type="submit"]:focus { background-color: #91ca98 !important; border: 2px solid #91ca98 !important;}

/*##############################################################################################################################################################################################################
#
#		SEARCH
#
################################################################################################################################################################################################################*/

body.search .post-title a, body.search .entry-title a, body.search .entry-title { display: block; }

body.search h2.post-title a { font-size: 30px !important;}


/*##############################################################################################################################################################################################################
#
#		FOOTER
#
################################################################################################################################################################################################################*/

footer { padding: 0px 0px; }

#middle-footer-row { background-color: #277bb9; padding: 20px 0px;}

#bottom-footer-row { background-color: #91ca98; }

.footer-info {
  width: 1170px;
  height: auto;
  margin-right: auto;
  margin-left: auto;
 }

#credits {
  text-align: right;
  background: url(images/chameleon_creative.gif) no-repeat right 7px;
  padding: 5px 0px 5px 0px;
  margin-bottom: 20px;
}

#credits a, #credits a:active, #credits a:link, #credits a:visited {
  margin: 0px 25px 0px 0px;
  color: #202020;
  text-decoration: none;
  display: block;
  font-size: 10px;
  line-height: 11px;
  text-align: right;
  padding-left: 30px;
  font-family: Arial;
}

.copyright-footer p {
  font-size: 10px;
  color: #202020;
  font-family: Arial;
}

.footer-info p { color: #fff; font-family: 'Bebas Neue'; font-size: 18px;}

.footer-info .footer-school-menu ul, .footer-info .footer-district-menu ul{ list-style: none; }

.footer-info .footer-school-menu ul li a, .footer-info .footer-school-menu ul li a:visited, .footer-info .footer-district-menu ul li a, .footer-info .footer-district-menu ul li a:visited { color: #fff; font-weight:400; font-size: 16px; font-family: 'Bebas Neue'; }

.footer-info .footer-school-menu ul li a:hover, .footer-info .footer-district-menu ul li a:hover { color: #91ca98; text-decoration: underline;}

.copyright-footer {
  padding: 14px 0px;
  width: 1170px;
  margin-right: auto;
  margin-left: auto;
}

.padding-location { padding-top: 50px; padding-bottom: 50px; }

.padding-menu { padding-top: 18px; padding-bottom: 0px; }

.footer-school a,
.footer-school a:active,
.footer-school a:visited, .footer-school a:focus {color: #fff; font-weight: normal; text-decoration: underline;}

.footer-school a:hover { color: #91ca98; text-decoration: underline; }

#menu-footer-district-menu li, .footer-school-menu ul li { padding-bottom: 15px; }

#mega-menu-wrap-footer-school-menu #mega-menu-footer-school-menu { display: inline-grid; }

#mega-menu-wrap-footer-school-menu #mega-menu-footer-school-menu > li.mega-menu-item { position: relative; }

#mega-menu-wrap-footer-school-menu #mega-menu-footer-school-menu > li.mega-menu-flyout ul.mega-sub-menu {
    margin: 0px;
    padding: 0px;
    position: absolute;
    list-style: none;
    left: 80%;
    top: 0px;
  }

a.btn.back-to-top:hover, a.btn.back-to-top:visited, a.btn.back-to-top:focus { background:#277bb9 !important; }

#seo {background-color: #2f6092; padding: 20px 50px;}

#seo p { text-align: center; color: #fff; }

@media (max-width: 1199px) {
  .footer-info { width: 100%; padding: 0px 20px; }

  .copyright-footer { width: 100%; padding: 20px 50px;}
}

@media (max-width: 991px) {
  .footer-info { text-align: center;}

  #footer-logo { padding-bottom: 20px;}

  .menu ul { margin: 0 0 1.5em 0em; }

  .menu { padding-top: 20px;}

  .footer-school-menu ul, .footer-district-menu ul { margin: 0 0 0em 0em }

  .padding-location, .padding-menu { padding-top: 0px; padding-bottom: 0px; }

}

@media (max-width: 767px) {

  .footer-school p br { display: block; }

  #credits {
    background-position: center bottom; }

  #seo p br { display: block; }

  .copyright-footer, #credits {
    text-align: center }

  #credits a, #credits a:active, #credits a:link, #credits a:visited {
    margin: 0px 0px 25px 0px;
    padding-left: 0px;
    text-align: center;
  }

  #footer-school-widget-area p, .footer-info .menu ul li a, .footer-info .menu ul li a:visited { font-size: 18px; }
}