/*
  Theme Name: Hadley Public Schools
  Theme URI: https://www.collaborative.org
  Author: Travis Johnston
  Author URI: https://www.collaborative.org
  Description: Child theme based on Divi for Hadley Public Schools
  Template:     Divi
  Versoin: 1.0.0
*/
/* mixinsssss */
#main-content .et_pb_column_2_3 .et_pb_post_content .et_pb_row {
  width: 100%;
}

.staff-wrapper {
  margin-top: 25px;
}

.staff-wrapper .location-filters {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

.staff-wrapper .location-filters .form-group {
  float: left;
  margin-right: 20px;
}

.staff-wrapper .location-filters .form-group #staff-name {
  height: 26px;
  padding: 2px 5px;
}

.staff-wrapper .location-filters label {
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
}

.staff-wrapper .group-container {
  float: left;
  width: 100%;
  margin-bottom: 50px;
}

.staff-wrapper .group-container .group-heading {
  padding-bottom: 5px;
  margin-bottom: 10px;
  border-bottom: 4px solid #CCC;
}

.staff-wrapper .group-container .staff-content {
  float: left;
  width: 31%;
  border: 1px solid #ccc;
  padding: 15px;
  min-height: 236px;
  margin: 1%;
}

@media (max-width: 780px) {
  .staff-wrapper .group-container .staff-content {
    width: 98%;
  }
}
.staff-wrapper .group-container .staff-content .profile .profile-image {
  float: left;
  max-width: 20%;
  height: auto;
  width: 100%;
  margin-right: 10px;
}

.staff-wrapper .group-container .staff-content .profile .profile-content .staff-title {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 5px;
}

.staff-wrapper .group-container .staff-content .profile .profile-content p {
  font-size: 14px;
  font-weight: normal;
}

.staff-wrapper .group-container .staff-content .profile .email-link {
  float: left;
  width: 100%;
  padding-top: 5px;
}

.staff-wrapper .group-container .staff-content .profile .email-link span {
  font-size: 18px;
  color: #4d7190;
  display: inline-block;
  float: left;
  padding-top: 4px;
}

.staff-wrapper .group-container .staff-content .profile .email-link input[type=submit] {
  background: none;
  border: none;
  padding: 0 5px;
  display: inline-block;
  text-decoration: underline;
  cursor: pointer;
}

#contact-form {
  margin: 0 auto;
  overflow: hidden;
}

#contact-form .form-item {
  float: left;
  width: 100%;
  margin-bottom: 10px;
}

#contact-form .form-item label {
  display: block;
  color: #29292a;
  padding-bottom: 5px;
}

#contact-form .form-item input[type=text], #contact-form .form-item input[type=file] {
  width: 100%;
  padding: 8px 10px;
  color: #29292a;
  border-radius: 4px;
}

#contact-form .form-item textarea {
  height: 250px;
  padding: 8px 10px;
  color: #29292a;
  border-radius: 4px;
  width: 100%;
}

#contact-form .form-item.half {
  width: 50%;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert.success {
  color: #4d7190;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.alert.danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

#main-content .et_pb_text a, #main-content .et_pb_post_content p a {
  color: #0000EE;
  text-decoration: underline;
}

table tr td {
  padding: 4px 10px;
}

body #main-content .et_pb_bg_layout_light.et_pb_button:hover, body #main-content .et_pb_bg_layout_light .et_pb_button:hover, body #main-content .et_pb_button:hover {
  color: #FFFFFF !important;
  text-decoration: underline;
}

#main-content .et_pb_widget .wp-block-advanced-sidebar-menu-pages ol li ol li, #main-content .et_pb_widget .wp-block-advanced-sidebar-menu-pages ul li ul li {
  margin: 15px 15px 15px 30px !important;
  list-style: disc;
}
.search-results .post-meta {
	display: none !important;
}
#page-container footer .et_pb_column a {
	color:#FFF;
	text-decoration:underline;
}

@media (max-width: 800px) {
  .slicknav_menu {
    padding: 4px 1px 13px;
  }
  a.slicknav_open {
    background-color: #d0bb71;
  }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #000000;
  }
  .slicknav_menu .slicknav_nav {
    margin-top: 20px;
  }
  .slicknav_menu .slicknav_nav li.search {
    margin: 0 auto;
    width: 90%;
  }
}