.dropzone-adam {
   display: none;
}

/* Content Editing */
.sc-content-block {
   /* background-color: #259f3d; */
}

/* Place Editing menu above overlay */
.sc-menu.sc-tb-show-hover {
   z-index: 4445;
}

/* hide 2sxc content pane controls */
.sc-content-block-menu.sc-content-block-quick-insert {
   display: none !important;
   visibility: hidden !important;
}

.edit-toolbar {
   background-color: #259f3d;
}

.edit-menu {
   position: relative;
   padding: 0 20% 0 0;
   width: 50%;
   height: 50px;
}


a.btn:visited {
   color: white;
}

a.btn:visited:hover {
   color: black;
}

a.btn-black:visited:hover {
   color: white;
}

form header .btn,
form header button {
   margin-bottom: 0;
}


.card-list .card .content {
   padding: 5rem 4rem 10rem 4rem;
}


#site section:last-of-type {
   padding-bottom: 10rem;
}

.breadcrumbs p {
   font-size: 1rem;
   margin-bottom: 2rem;

}

.breadcrumbs a {
   color: white;
}

#hero .content p:last-of-type {
   margin-bottom: 2rem;
}

#hero h1 {
   color: white;
}

#hero.hero--small {
   min-height: 400px;
}

#hero h1 {
   color: white;
}

#resources_container .card .content p {
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   flex-grow: 0;
   white-space: break-space;
}

#hero.bg-image .content {
   max-width: 100%;
   display: flex;
   flex-direction: column;
   margin-top: 3rem;
}


@media only screen and (max-width: 768px) {

  #site.training #hero.bg-image {
     min-height: 250px;
  }

}

#site.training #hero.bg-image.vehicle-operations {
   background-image: url(/img/categories/vehicle-operations-large.jpg);
}

#site.training #hero.bg-image.fire-ems-resources {
   background-image: url(/img/categories/fire-ems-resources-large.jpg);
}

#site.training #hero.bg-image.wellness {
   background-image: url(/img/categories/wellness-large.jpg);
}

#site.training #hero.bg-image.personnel-management {
   background-image: url(/img/categories/personnel-management-large.jpg);
}

#site.training #hero.bg-image.property-management {
   background-image: url(/img/categories/property-management-large.jpg);
}

#site.training #hero.bg-image.disaster-preparedness {
   background-image: url(/img/categories/disaster-preparedness-large.jpg);
}

#site.training #hero.bg-image.telecommunications {
   background-image: url(/img/categories/telecommunications-large.jpg);
}

#site.training #hero.bg-image.cybersecurity {
   background-image: url(/img/categories/cybersecurity-large.jpg);
}

#site.training #hero.bg-image.community-risk-reduction {
   background-image: url(/img/categories/community-risk-reduction-large.jpg);
}


/* Search Results Styles */

#riskResources .flex {
   flex-direction: column;
   align-items: flex-start;
}

#riskResources .filter {
   flex: 0 0 100%;
   width:100%;
}

#riskResources .results {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   width: 100%;
}

#riskContainer .section-header {
   position: relative;
   flex-direction: column;
   display: flex;
   justify-content: center;
}

@media only screen and (max-width: 768px) {

#riskContainer .section-header.margin-bottom-large{
  margin-bottom:0;
}

}

#riskResources ul {
   margin-bottom: 2rem;
}

#riskResources ul.link-list li{
  margin: 0;
}

#riskResources ul.link-list li .hover-link {
   line-height: auto;
   font-size: 0.88rem;
   margin: 0;
   padding: 1rem 1.25rem 0.25rem;

}

#riskResources .item {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width: 100%;
   border-bottom: 1px solid #e3e3e3;
   margin: 0;
   min-height: 300px;
   position: relative;
   min-width: 100%;
   padding:0;
   margin-bottom: 2rem;
}

@media only screen and (min-width: 768px) {
  #riskResources .item {
   padding: 40px 20px;
   margin-bottom:0;
  }
}

#riskResources.view--grid .item {
   border: 1px solid #e3e3e3;
   padding: 20px;
   justify-content: flex-start;

}


#riskResources .item h3 {
   font-size: 1.5rem;
   margin-top: 1rem;
}

#riskResources .item a:hover,
#riskResources .item a:visited {
   text-decoration: none;
   color: #272727;
}

#riskResources .filters .hover-link.selected:after {

   background-color: #c4c4c4;
   transform: scaleX(0);
   transform-origin: bottom right;

}

#riskResources .filters .hover-link.selected {
   background-color: #f3f3f3;
   font-weight: bold;
}

#riskResources .filter p.sb-filterby {
   font-size: 1rem;
   padding: 1em;
   background-color: #272727;
   color: white;
}

#riskResources .filter p.sb-filterby a {
   color: #67B2E8;
}

#riskResources .filter p.sb-filterby a:hover {
   color: white;
}

#riskResources .non-hover-link {
   display: none;
}

@media only screen and (max-width: 768px) {
  #riskResources.filter-accordion-container .filter{
    width: 100%;
  } 
}

#riskResources .filter-accordion-item {
    border: 1px solid #ddd;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    padding: 0;
}

#riskResources .filter-accordion-item .filter-accordion-header {
   cursor: pointer;
   background-color: #ddd;
   padding: 1.5rem 1rem;
   margin-bottom:0;
}

#riskResources .flex.filter-accordion-header {
  flex-direction: row;
  justify-content: space-between;
}

#riskResources .filter-accordion-header .icon {
  margin-bottom:0;
  max-width:20px;
  display: block;
}

@media only screen and (min-width: 768px) {
  #riskResources .filter-accordion-header.flex .icon {
    display: none;
  }
}

#riskResources .filter-accordion-header.active .icon {
    transform: rotate(90deg);
    transition: transform 0.2s;
}

#riskResources .filter-accordion-item .filter-accordion-content {
   display: none;
   background-color: #fff;
   border-top: 1px solid #ddd;
   margin: 0;
}

#riskResources .filter-accordion-header.active + .filter-accordion-content {
   display: block;
}
#riskResources .filters .ctype.hover-link.selected{
  display: block;
}

@media only screen and (min-width: 768px) {
  #riskResources .filter-accordion-item .filter-accordion-content {
     display: block !important;
  }
}

#riskContainer .search-result-controls {
   display: flex;
   margin-left: auto;
   margin-right: 0;
   position: absolute;
   right: 0;
   top: 0;
   bottom: 0;
   align-items: center;
}

#riskContainer .search-result-controls ul {
   margin: 0;
   padding: 0;
}

#riskContainer .search-result-controls ul li {
   list-style-type: none;
}

#riskContainer .search-result-controls ul li a {
   padding: 1rem;
}

searchResultsControls button.active {
   background-color: #002F87;
}

#searchResultsControls a:visited {
   color: white;
}

#riskResources .icon {
   display: flex;
   gap: 10px;
   align-items: center;
   background-color: transparent;
   padding: 0;
   margin-bottom: 1rem;
}

#riskResources .icon div {
   color: #555555;
   font-size: 0.88rem;
   font-weight: bold;
   text-transform: uppercase;
}

#riskResources .icon svg {
   color: #67B2E8;
}


#riskResources .link-alt {
   position: absolute;
   margin-top: 20px;
   text-align: right;
   bottom: 0;
   justify-content: flex-end;
   gap: 1rem;
   width: auto;
   align-items: normal;
   font-size: 1.25rem;
   text-decoration: none;
   right: 1rem;
}


#riskResources .link-alt .icon {
   padding: 5px;

}

#riskResources .link-alt .icon svg {
   width: 18px;
   height: 18px;
}


#riskResources .link-alt:hover {
   text-decoration: underline;
}

#riskResources .item p {
   position: relative;
   font-size: 1rem;

}

#riskResources.view--grid .item p {
   display: none;
}

/*.sb-container.panel-here p:after {
   content: '...';
}
*/

@media only screen and (min-width: 768px) {
   #riskResources .flex {
      flex-wrap: wrap;
      flex-direction: row;
   }

   #riskResources .results {
      flex: 1;
      justify-content: flex-start;
      gap: 1rem;
   }

   #riskResources .item {
      min-width: 380px;
   }

}

@media only screen and (min-width: 1024px) {

   #riskResources .filter {
      max-width: 380px;
   }
}

@media only screen and (min-width: 1375px) {
   #riskContainer .section-header {
      flex-direction: row;
      justify-content: space-between;
   }

   #riskResources.view--grid .item {
      flex-basis: calc(50% - 20px);
   }

}

@media only screen and (min-width: 1700px) {
   #riskResources.view--grid .item {
      flex-basis: calc(33.33% - 20px);
      min-width: auto;
   }
}

@media only screen and (max-width: 1375px) {
   #riskContainer #searchResultsControls {
      display: none !important;
   }
}