/*listing page*/
.card-listing-wrapper {
    background: #101820;
    color:#fff;
    padding-top: 85px;
    padding-bottom: 164px;
}
.card-listing .card {
    min-height: 268px;
}
@media(min-width:475px){
  .card-listing {
    display:flex;
     align-items: stretch;
    flex-flow:row wrap;
    justify-content: space-between;
      display: grid;
     
      grid-template-columns: 1fr 1fr 1fr;
      grid-gap: 29px;
  }
  .card-listing .card {
    min-height: 0;
    flex: 0 1 239px;
    padding-bottom:268px;
    margin-bottom:30px;
  }
}
@supports(display:grid){
  .card-listing .card{
    padding-bottom:100%;
    margin-bottom:0;
  }
}
.card-listing .card {
 

    width: 100%;
    background-color: #717477;
      background-size: cover;
    background-position: center;
    position:relative;
  display:block;
}
.card-listing .card:hover .card__title{
    opacity: 1;
    -webkit-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
}
.card-listing .card__title {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: rgba(0,0,0,.7);
    text-align: center;
    vertical-align: middle;
    color: #fff;
    opacity: 0;
    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;
    -webkit-transition: opacity .3s ease-in;
    -o-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    line-height: 1.5;
    padding:10px;
}

.card-listing-wrapper fieldset.filter__group {
    padding: 0;
    margin: 0;
    border: 0;
}

.search-wrapper{margin-bottom:15px;}

#card-search{
    font-size: 16px;
    font-weight: 500;
    padding:11px 18px;
    font-family:'museo sans', museo sans, sans-serif;
    background-image:url('https://cdn2.hubspot.net/hubfs/4266545/search%20icon.png');
    background-size:17px;
    background-position: 90% center;
    background-repeat:no-repeat;
}
#card-search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   color:rgba(0,0,0,.5);
   opacity:1;
  }
#card-search::-moz-placeholder { /* Firefox 19+ */
    color:rgba(0,0,0,.5);
    opacity:1;
  }
#card-search:-ms-input-placeholder { /* IE 10+ */
    color:rgba(0,0,0,.5);
    opacity:1;
  }
.card-search:-moz-placeholder { /* Firefox 18- */
    color:rgba(0,0,0,.5);
    opacity:1;
  }
.card-listing-wrapper legend.filter__heading {
    text-transform: uppercase;
    font-weight: 900;
    font-size:26px;
    padding-bottom:22px;
    margin-bottom:22px;
    border-bottom:1px solid #fcb600;
    display: block;
    margin-top: 39px;
    width: 100%;
    float:left;
}
.card-listing-wrapper .filters {
    margin-bottom: 33px;
}

.card-listing-wrapper .filters ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.card-listing-wrapper input + label {
    font-weight:500;
    font-size: 16px;
    cursor:pointer;
}
.card-listing-wrapper input:checked + label {
    font-weight:bold;

}
.card-listing-wrapper fieldset input{
    display:none;
}

.accordion__heading{
  position:relative;
}
.accordion__heading button{
  display:block;
  -webkit-appearance:none;
  -moz-appearance:none;
       appearance:none;
  border:0;
  background:transparent;
  padding:5px 0;
  margin:0;
  color:#fff;
  font-size:16px;
  text-align:left;
  width:100%;
}
.accordion__heading button:after{
    color:#fcb600;
  font-weight:bold;
  position:absolute;
  right:0;
  font-size:16;
  font-family:open sans;
  
}
.accordion__heading[aria-expanded="false"] .accordion__content{display:none;}
.accordion__heading[aria-expanded="false"] button:after{
  content:"+";
}

.accordion__heading[aria-expanded="true"] .accordion__content{display:block;}
.accordion__heading[aria-expanded="true"] button:after{
content: "\2014";
}
.card-listing-wrapper .filters ul ul.accordion__content{padding-left:15px;}

/*detail page*/
.sg-header-banner .arrow-down{
    display:none;
}
#detail-main-content{
    margin-top: 120px;
    margin-bottom: 153px;
}
#detail-main-content li:before{
  display:inline-block;
  content:"»";
      left: -1em;
    position: relative;
}
#detail-main-content ul{list-style-type:none}

@media (min-width: 992px){
    #detail-main-content h2.project-heading{font-size:50px;}
    aside{
        font-size: 20px;
    }
    aside h3{
        font-size:30px;
    }
    aside h4{
        font-size: 22px;
    }
}

aside h3{
    
    font-weight:900;
    padding-bottom: 24px;
    border-bottom:1px solid #fcb600;
    color:#101820;
  margin-bottom:29px;

}
aside h4{

    color:#fcb600;
    margin-top: 40px;
  margin-top:16px;
  line-height:1;
}
aside h4:first-child{
    margin-top: 25px;
}

/*search results*/
dialog#sf-search-dialog {
    background: #000;
    color: #fff;
    border: 2px solid #333;
}
.sf-search-results a {
    color: #fcb600;
    font-weight: 900;
}
.sf-search-results .hs-search-highlight{
  color:#fcb600;
  
}
dialog#sf-search-dialog button#sf-search-dialog__close{
  color:#fff;
}