/* Agency Custom CSS */

@import '/schoolsafety/includes/school-safety-css.min.css'; // Base School Safety CSS

body.modal-open {
  overflow: hidden;
  position: fixed; 
}

.schoolsafety h1,
.schoolsafety h2,
.schoolsafety h3,
.schoolsafety h4,
.schoolsafety h5,
.schoolsafety h6 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase; 
}

.schoolsafety h2 {
 color:#006699;
}

.schoolsafety h3 {
 color:#00678A;
}

.schoolsafety .subpage-text-container .subpage-text-inner h4 {
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 0 !important;
}


.schoolsafety .atg-page-content.faq-content .columns.left h3 {
 color:#00678A;
}

.schoolsafety .atg-page-content.faq-content {
  background-color:#e6e6e6;
  padding: 0;
}
    
.schoolsafety .atg-page-content.faq-content .columns.left,
.schoolsafety .atg-page-content.faq-content .columns.right {
  padding: 4rem;
}
     
@media screen and (max-width: 63.9375em) {
  .schoolsafety .atg-page-content.faq-content .columns.left,
  .schoolsafety .atg-page-content.faq-content .columns.right {
    padding: 2rem; 
  }
}
      
.schoolsafety .atg-page-content.faq-content .columns.left a:hover,
.schoolsafety .atg-page-content.faq-content .columns.right a:hover {
  text-decoration: underline;
}
    
.schoolsafety .atg-page-content.faq-content .columns.left a {
  color: #fff;
}
      
.schoolsafety .atg-page-content.faq-content .columns.left a.button {
  color: #fff; 
  background-color:#084063;
}

.schoolsafety .atg-page-content.faq-content .columns.left a.button:hover {
  color: #fff; 
  background-color:#002952;
}

.schoolsafety .atg-page-content.faq-content .columns.right {
  background-color: #084063;
  color: #fff;
}
      
.schoolsafety .atg-page-content.faq-content .columns.right a,
.schoolsafety .atg-page-content.faq-content .columns.right h3 {
  color: #fff;
}
        
.schoolsafety .atg-page-content.faq-content .columns.right a:after,
.schoolsafety .atg-page-content.faq-content .columns.right h3:after {
  background-color: #fff;
}

.schoolsafety .hero-container {
  background-image: url(/schoolsafety/images/school-safety-bg1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin: 0;
  height: calc(100vh - 89px);
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

@media screen and (max-width: 39.9375em) {
  .schoolsafety .hero-container {
    padding: 0rem 1rem 1rem 1rem;
    background-position: -10rem center;
    margin-left: -0.625rem;
    margin-right: -0.625rem;
    min-height: 39rem;
  }
}

.schoolsafety .hero-container .row {
  margin: 0;
}

.schoolsafety .hero-container .row.expanded {
  width: 100%;
}

.schoolsafety .hero-container .hero-logo {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 39.9375em) {
  .schoolsafety .hero-container .hero-logo .text-right {
    text-align: center;
  }
}

.schoolsafety .hero-container .hero-logo img {
  max-width: 15rem;
  min-width: 10rem;
}

.schoolsafety .hero-container .hero-title-wrap {
  padding: 9rem 0 13rem 0;
}

.schoolsafety .hero-container .hero-title,
.schoolsafety .hero-container .hero-subtitle {
  color: #fff;
  font-family: 'Open Sans', sans-serif;
}

.schoolsafety .hero-container .hero-title {
  font-size: 2rem;
  font-weight: 100;
  margin-bottom: 0.25rem;
  margin-top: 1.5rem;
  text-transform: none;
}

@media screen and (max-width: 47.9375em) {
  .schoolsafety .hero-container .hero-title {
    font-size: 1.4rem;
  }
}

.schoolsafety .hero-container .hero-subtitle {
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: none;
  padding-top: 0;
}

@media screen and (max-width: 47.9375em) {
  .schoolsafety .hero-container .hero-subtitle {
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
  }
}

.schoolsafety .hero-container .hero-social a {
  color: #fff;
  margin-right: 0.5rem;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  text-decoration:none;
}

.schoolsafety .hero-container .hero-social a:hover {
  color: #c6c6c6;
}

.schoolsafety .hero-container .hero-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  /*margin-bottom:2em;*/
}

@media screen and (max-width: 63.9375em) {
  .schoolsafety .hero-container .hero-buttons {
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

.schoolsafety .hero-container .hero-buttons a {
  display: block;
  padding: 1.5rem;
  margin-top: 1rem;
  border: solid 1px #fff;
  background-color: rgba(51, 51, 51, 0.5);
  width: 100%;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.9rem;
}

@media screen and (max-width: 63.9375em) {
  .schoolsafety .hero-container .hero-buttons a {
    padding: 0.5rem;
    margin-top: 0.5rem;
  }
}

.schoolsafety .hero-container .hero-buttons a img {
  max-height: 4.5rem;
  padding: 1rem 0 1rem 0;
}

@media screen and (max-width: 47.9375em) {
  .schoolsafety .hero-container .hero-buttons a img {
    max-height: 3rem;
    padding: 0.5rem;
  }
}

.schoolsafety .hero-container .hero-buttons a img {
  max-height: 7rem;
  padding: 1rem 0 1rem 0;
}

@media screen and (max-width: 63.9375em) {
  .schoolsafety .hero-container .hero-buttons a img {
    max-height: 3rem;
    padding: 0.5rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .schoolsafety .hero-container .hero-buttons a img{
    max-height: 3rem;
    padding: 0.5rem;
  }
}

.schoolsafety .hero-container .hero-buttons a span {
  display: block;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 63.9375em) {
  .schoolsafety .hero-container .hero-buttons a span {
    min-height: 3rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .schoolsafety .hero-container .hero-buttons a span {
    min-height: 1rem;
    font-size: 0.9rem;
  }
}

.schoolsafety .hero-container .hero-buttons a:hover {
  background-color: #084063;
}

.hbcc-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  margin-bottom:2em;
}

@media screen and (max-width: 63.9375em) {
  .hbcc-buttons {
    padding-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}

.hbcc-buttons a {
  display: block;
  padding: 1.5rem;
  margin-top: 1rem;
  border: solid 1px #fff;
  background-color:#084063; 
  width: 100%;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 0.9rem;
}

@media screen and (max-width: 63.9375em) {
  .hbcc-buttons a {
    padding: 0.5rem;
    margin-top: 0.5rem;
  }
}

.hbcc-buttons a svg {
  max-height: 7rem;
  padding: 1rem 0 1rem 0;
}

@media screen and (max-width: 47.9375em) {
  .hbcc-buttons a svg {
    max-height: 3rem;
    padding: 0.5rem;
  }
}

.hbcc-buttons a img {
  max-height: 4.5rem;
  padding: .5rem 0 1rem 0;
}

@media screen and (max-width: 63.9375em) {
  .hbcc-buttons a img {
    max-height: 3rem;
    padding: 0.5rem;

  }
}

@media screen and (max-width: 47.9375em) {
  .hbcc-buttons a img {
    max-height: 3rem;
    padding: 0.5rem;
  }
}

.hbcc-buttons a span {
  display: block;
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 1rem;
}

@media screen and (max-width: 63.9375em) {
  .hbcc-buttons a span {
    min-height: 3rem;
  }
}

@media screen and (max-width: 47.9375em) {
  .hbcc-buttons a span {
    min-height: 1rem;
    font-size: 0.9rem;
  }
}

.hbcc-buttons a:hover {
  background-color: rgba(51, 51, 51, 0.75); 
  transform: scale(1.05);
  border: none;
}


.schoolsafety .hero-container .hero-down {
  color: #fff;
  text-align: center;
  padding-top: 1rem;
  cursor: pointer;
}

@media screen and (max-width: 47.9375em) {
  .schoolsafety .hero-container .hero-down {
    padding-top: 0.5rem;
    max-height: 2.5rem;
  }
}

.schoolsafety .featured-video-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.schoolsafety .featured-video-container .featured-video {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 0;
}

.schoolsafety .featured-video-container .featured-video.item-1 {
  background: url(/schoolsafety/images/videoPlay.png) no-repeat center;
  background-color: #788dad;
  background-size: cover;
}

.schoolsafety .featured-video-container .featured-video.item-2 {
  background: url(/schoolsafety/images/videoPlay.png) no-repeat center;
  background-color: #788dad;
  background-size: cover;
}

.schoolsafety .featured-video-container .featured-video .video-overlay .responsive-embed {
  margin-bottom: 0;
}

.schoolsafety .featured-video-container .featured-video h4 {
  padding: 1rem;
  font-family: 'Open Sans', sans-serif;
  text-transform: none;
  font-weight: 400;
  background-color: #333;
  color: #fff;
  text-align: center;
}

@media screen and (max-width: 63.9375em) {
  .schoolsafety .featured-video-container .featured-video h4 {
    margin-bottom: 2rem;
  }
}

.schoolsafety .news-content {
  background: url(/schoolsafety/images/school-safety-bg2.jpg) no-repeat top fixed;
  background-color: transparent;
  background-size: cover;
  padding: 4rem;
}

@media screen and (max-width: 63.9375em) {
  .schoolsafety .news-content {
    padding: 0;
  }
}

.schoolsafety .news-content .news-column {
  background-color: rgba(51, 51, 51, 0.75);
  padding: 4rem;
}

@media screen and (max-width: 63.9375em) {
  .schoolsafety .news-content .news-column {
    padding: 2rem;
  }
}

.schoolsafety .news-content .news-column h3 {
  color: #fff;
}

.schoolsafety .news-content .news-column h3:after {
  background-color: #fff;
}

.schoolsafety .news-content .news-column ul {
  list-style-type: none;
  margin: 0;
  color: #fff;
  line-height: 1.5rem;
}

.schoolsafety .news-content .news-column ul li {
  display: block;
}

.schoolsafety .news-content .news-column ul li a {
  display: inline-block;
  width: 100%;
  color: #fff;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  padding-left: 1rem !important;
}

.schoolsafety .news-content .news-column ul li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.schoolsafety .news-content .news-column ul li img {
  max-width: 2rem;
  float: left;
  margin: 0.2rem 1rem 0.2rem 0;
  position: absolute;
}

.schoolsafety .news-content .news-column ul li span {
  display: block;
  font-weight: 600;
  padding-bottom: 0.5rem;
}

.schoolsafety .news-content .news-column ul li .news-descrip-wrap {
  padding-left: 3rem;
  line-height: 1.5rem;
}

.schoolsafety .news-content .news-column .read-more a {
  color: #fff;
}

.schoolsafety .news-content .news-column .read-more a:hover {
  text-decoration: underline;
}

.schoolsafety .sub-page-heading-container {
  background: url(/schoolsafety/images/school-safety-interior-bg.jpg) 0 25%;
  background-size: cover;
  margin-bottom: 2.5rem;
}

.schoolsafety .sub-page-heading-container .sub-page-heading {
  background-color: rgba(51, 51, 51, 0.4);
}

.schoolsafety .sub-page-heading-container .sub-page-heading img {
  max-width: 7rem;
  margin: 2.5rem 0 -2.5rem 3rem;
}

@media screen and (max-width: 63.9375em) {
  .schoolsafety .sub-page-heading-container .sub-page-heading img {
    margin-left: 1rem;
  }
}

.schoolsafety .atg-page-content .billboard-content h3 {
  color: #fff;
}

.schoolsafety .atg-page-content .billboard-content h3:after {
  height: 0;
}

.schoolsafety .atg-page-content .two-column.image .image-subtext {
  padding: 1rem;
  color: #fff;
  background-color: #333;
  font-weight: 600;
}

.schoolsafety .atg-page-content .two-column.image blockquote {
  font-family: 'Montserrat', sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  background-color: #e6e6e6;
  padding: 2rem;
}

.schoolsafety .atg-page-content .two-column.image blockquote p {
  color: #333;
  margin: 0 0 0 1rem;
}

.schoolsafety .atg-page-content .two-column.image blockquote .mark {
  position: relative;
  font-family: 'Montserrat';
  color: #fff;
  font-size: 4rem;
  font-weight: 800;
  background-color: #333;
  min-height: 4rem;
  min-width: 4rem;
  line-height: 1rem;
  padding: 0.75rem;
  border-radius: 2rem;
}

.schoolsafety .atg-page-content .two-column.image blockquote .mark .positioner {
  position: absolute;
  top: 2.35rem;
  left: 1.15rem;
}

.subhero-landing-container {
  padding: 3rem;
  background-color: #fefefe;
}

.subhero-landing-containter h3 {
  font-size: 1.5rem;
  color: #333;
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
}

.subhero-landing-container h3:after {
  background: none repeat scroll 0 0 #333;
  bottom: -10px;
  content: "";
  display: block;
  height: 1px;
  position: relative;
  width: 75px;
}

/* ----- Contrast Styles for Dark ------*/

.dark-contrast div#welcome-text.atg-page-content {
  background-color:#444;
}

.dark-contrast div#video-content.atg-page-content  {
  background-color:#333;
}

.dark-contrast .inside-page .atg-page-content {
  background-color:#444;
  padding: 0 1rem;
}

.dark-contrast .inside-page .atg-page-content .columns,
.dark-contrast .atg-page-content.faq-content .columns.right {
  background-color:#333;
}

.dark-contrast .atg-page-content.faq-content .columns.left {
  background-color:#1c1c1c;
}

.dark-contrast .hbcc-buttons a {
  background-color:#444;
}

.dark-contrast .hbcc-buttons a:hover {
  background-color:#000;
  color:#fefefe;
}

.dark-contrast .footer-section-3 .section-content {
  background-color:#1c1c1c !important;
}

.schoolsafety .hero-container:after {
    background: rgba(51,51,51, 0.4);
    }
    
body.schoolsafety .accordion-item.is-active .accordion-title {
    border-color:#084063 !important;
    background-color:#084063 !important;
}

.SandboxRoot.env-bp-660 .timeline-Tweet-text, .SandboxRoot.env-bp-820 .timeline-Tweet-text {
    font-size:18px !important;
    line-height:24px !important;
}

/* ------- Events ------- */

#c8be91fa6dd94bca8b58beebec382665 li {
    line-height: 4rem;
    font-size:1.1rem;
}

#c8be91fa6dd94bca8b58beebec382665 li span.primary.label {
   background-color:#006699;
   margin-right:10px;
   font-size:1.1rem;
}

/* ---- Accordion ----- */

body.schoolsafety .accordion-item.is-active .accordion-item .accordion-title {
    background: #FFF !important;
    border-color: #CCC !important;
    color: #006699;
    font-weight: normal;
    text-decoration: none;
}

body.schoolsafety .accordion-item.is-active .accordion-content, body.schoolsafety .accordion-item.is-active .accordion-title, body.schoolsafety .in-search .select2-container--default .select2-selection--single, body.schoolsafety .select2-container--classic .select2-selection--multiple:focus, body.schoolsafety .select2-container--classic .select2-selection--single:focus {
    border-color: #084063;
}

body.schoolsafety .accordion-item.is-active .accordion-item.is-active .accordion-title {
    border-color: #084063 !important;
    background-color: #084063 !important;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}

body.schoolsafety .accordion-item a.accordion-title  {
    text-decoration:none;
}

@media screen and (max-width: 39.9375em) {
  .accordion-content img {
    margin-bottom: 0.625rem;
  }
}

.accordion-item a.button.small.expanded {
    font-size: 1rem;
    text-decoration: none;
    background-color: #00678A;
    font-weight: bold;
    margin-top: 2rem;
    text-transform: uppercase;
    box-shadow: 0 0.25rem 0.5rem #CCCCCC;
    padding:1.5rem;
}

.accordion-item a.button.small.expanded:hover {
    background-color: #006699;
}

/*----- Buttons inside accordions -----*/

.accordion-item a.button {
    font-size: 1rem;
    text-decoration: none !important;
    background-color: #00678A;
    font-weight: bold;
    margin-top: 2rem;
    
    box-shadow: 0 0.25rem 0.5rem #CCCCCC;
    padding:1.5rem;
}

.accordion-item a.button:hover {
    background-color: #006699;
}

/*----- Homepage Icons -----*/

div.exepull, div.recompull {
    margin:1.5rem auto !important;
    border:solid 1px #084063;
    align-items:flex-stretch
}

div.exepull h4, div.recompull h4 {
    color:#fff;
    text-align:center;
    background-color:#084063;
    display:block;
    padding:.5rem;
    width:100%;
}

div.exepull div.ltpullout, div.exepull div.rtpullout {
    padding:1rem;
}

div.rtpullout p {
    text-align:center;
    font-size:.9rem;
}

div.ltpullout {
    background-color:#dddddd;
}

div.exepull div h4, div.recompull div h4 {
    background-color:transparent;
    color:#084063;
    text-align:center;
}

div.exepull div h5 {
    color:#084063;
    font-size:3rem;
    text-align:center;
}


div.recompull div h5 {
    color:#084063;
    text-align:center;
}

div.exepull p, div.recompull p {
    margin:1rem;
}

div.recompull ul {
    font-size:.9rem;
    line-height:1.8rem !important;
}

.exepull .officer {
    background:url(/schoolsafety/images/resource-officer-sm.png) no-repeat center;
    background-size: cover;
    background-origin: content-box;
    padding:1rem;
}

.exepull .equip {
    background:url(/schoolsafety/images/equipment-sm.png) no-repeat center;
    background-size: cover;
    background-origin: content-box;
    padding:1rem;
}

.exepull .threat {
    background:url(/schoolsafety/images/threat-assessment-sm.png) no-repeat center;
    background-size: cover;
    background-origin: content-box;
    padding:1rem;
}

.recompull .mental {
    background:url(/schoolsafety/images/mental-sm.png) no-repeat center;
    background-size: cover;
    background-origin: content-box;
    padding:2rem;
}

.recompull .tech {
    background:url(/schoolsafety/images/technology-sm.png) no-repeat center;
    background-size: cover;
    background-origin: content-box;
    padding:2rem;
}

.recompull .policy {
    background:url(/schoolsafety/images/graduation-sm.png) no-repeat center;
    background-size: cover;
    background-origin: content-box;
    padding:2rem;
}

div.exepull div.ltpullout img.dollar {
    transform: rotate(340deg);
}

div.exepull div.ltpullout img.trophy {
    transform: rotate(20deg);
}

@media print, screen and (max-width: 63.9375em) {
  .exepull .officer, .exepull .equip, .exepull .threat, .recompull .mental, .recompull .tech, .recompull .policy {
    background:none !important;
    padding:0 1rem;
  }
  
  .exepull div div div p {
    margin:0;
  }
  
  .exepull h5 {
    margin-bottom:0;
  }
  
  .recompull div h5 {
    text-align:left !important;
  }
  
}

.alert h5 {
    color: #FFF !important;
}