/*
.resource-intro {
   padding: 5px;
   border: 1px solid #000;
}
*/

.resource-item .media a {
   display:block;
   width: 100%;
}
.resource-item .media {
   box-shadow: 0 0 10px #b1bdbd;
}
.resource-item .media img,
.resource-item .media iframe {
   width: 200px;
   height: 205px !important;
   margin-bottom: -4px;
   /*transition: 0.3s;*/
}
.resources-list {
   margin-top: 2em;
   background-color: inherit;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
@media all and (min-width: 415px) {
   .resource-item .media img,
   .resource-item .media iframe {
      width: 200px;
      height: 237px !important;
      margin-bottom: -4px;
   }
   .resources-list {
      margin-top: 2em;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   }
}
@media all and (min-width: 576px) {
   .resource-item .media img,
   .resource-item .media iframe {
      width: 200px;
      height: 205px !important;
      margin-bottom: -4px;
   }
   .resources-list {
      margin-top: 2em;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   }
}
@media all and (min-width: 668px) {
   .resource-item .media img,
   .resource-item .media iframe {
      width: 200px;
      height: 237px !important;
      margin-bottom: -4px;
   }
   .resources-list {
      margin-top: 2em;
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
   }
}
@media all and (min-width: 768px) {
   .resource-item .media img,
   .resource-item .media iframe {
      width: 270px;
      height: 320px !important;
      margin-bottom: -4px;
   }
   .resources-list {
      margin-top: 2em;
      grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
   }
}
@media all and (min-width: 860px) {
   .resource-item .media img,
   .resource-item .media iframe {
      width: 270px;
      height: 270px !important;
      margin-bottom: -4px;
   }
   .resources-list {
      margin-top: 2em;
      grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
   }
}
@media all and (min-width: 1024px) {
   .resource-item .media img,
   .resource-item .media iframe {
      width: 270px;
      height: 300px !important;
      margin-bottom: -4px;
   }
   .resources-list {
      margin-top: 2em;
      grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
   }
}
@media all and (min-width: 1124px) {
   .resource-item .media img,
   .resource-item .media iframe {
      width: 270px;
      height: 320px !important;
      margin-bottom: -4px;
   }
   .resources-list {
      margin-top: 2em;
      grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
   }
}

#content .resource-item .media img {
   object-fit: cover;
   object-position: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    border: 0px solid #000000;
    padding: 0px;
}

 /*resources checkboxes*/
.resources-list-wrapper .filter-wrapper {
   display: flex;
}
.resources-list-wrapper .filter-wrapper .rg_checkbox_wrapper {
   display: flex;
}
.resources-container .side-filter-wrapper {
   display: flex;
}
.resources-list-wrapper .filter-wrapper .resource_checkbox,
.resources-container .side-filter-wrapper .resource_checkbox {
   display: flex;
    margin: 0px 4px;
    box-sizing: border-box;
}

.resources-list-wrapper {position: relative;}
.resources-list-wrapper .filter-wrapper {
   display: block;
   height: 40px;
}
.resources-container .side-filter-wrapper {
   display: block;
   position: absolute;
   left: 0px;
   top: 45px;
   /* width: auto; */
   width: 100%;
}
.resource-reset,
.resource-reset a { white-space: nowrap; width:100px; font-size: 13px; cursor: pointer; }
@media all and (min-width: 600px) {
   .resources-container .side-filter-wrapper {
      left: 180px;
      top: 0px;
   }
   .resource-reset a { font-size: 12px; }
}
.resources-container .more-link {
   width: 70px;
   display: block;
   position: relative;
   margin-left: auto;
   margin-right: auto;
}
.resources-container .more-link a {
   cursor: pointer;
   color: white!important;
   background-color: #4677b2;
   transition: background 0.15s ease-in-out;
   font-size: 1em;
   font-weight: normal;
   text-align: center;
   cursor: pointer;
   line-height: 1.3em;
   margin: auto auto;
   border-radius: 4px;
   border-width: 0px;
   padding: 0.6em 0.7em 0.6em 0.7em;
   display: block;
   width: 100%;
   text-transform: uppercase;
}
.resources-container .more-link a:hover {
	background-color: #1d68a9;
}

/*resources dropdowns*/
/* select.resource_categories,
select.resource_subcats  */
.resources-list-wrapper select {
   position: relative;
   /*padding: .5em 2em .5em 1em;
   font-size: 14px;*/
   border-radius: 4px;
   height: 36px;
   vertical-align: middle;
   cursor: pointer;
   float: none;
   width:49%;
   /*select dropdown's styling from style guide*/
   border: 1px solid #b2b2b2;
   border-radius: 4px;
   background: white;
margin-bottom: 4px;
}
.resources-list-wrapper .rg_checkbox_wrapper {
   width:100%;
}
.resources-list-wrapper select.resource_categories {
   width:100%;
}
.side-filter-wrapper select:nth-child(1) {
   margin-right: 2%;
}
.side-filter-wrapper .resource-reset { display: inline; }
.side-filter-wrapper .resource-reset a { cursor: pointer;}

@media all and (max-width: 925px) {
   .side-filter-wrapper .resource-reset {
      position: absolute;
      top: -30px;
      right: -31px;
   }
}

@media all and (min-width: 600px) and (max-width: 767px) {
   .resources-container .side-filter-wrapper { width: Calc(100% - 180px); }
   .resources-list-wrapper .rg_checkbox_wrapper {
      /*width:170px;*/ width:100%;
   }
   .resources-list-wrapper select.resource_categories {
      /*width:170px;*/ width:100%;
   }
   .resources-list-wrapper select {
      width: Calc(50% - 5px);
   }
   .side-filter-wrapper select {
      margin-right: 0px;
   }
   .side-filter-wrapper select:nth-child(1) {
      margin-right: 10px;
  }
}

.resources-list-wrapper .search-wrapper input,
.resources-list-wrapper .rg_checkbox_wrapper select,
.resources-list-wrapper .side-filter-wrapper select {
   border-radius: 4px;
   font-size: 13px;
   height: 26px;
}

.resources-list {
   margin-top: 6em;
}

/*mobile filter customizations for the Resources page*/
@media all and (max-width: 767px) {
   .resources-list {
      margin-top: 5em;
   }
   .resources-list-wrapper .search-wrapper input{
      padding-left: 12px;
   }
   .resources-list-wrapper select {
      margin-bottom: 13px;
      margin-bottom: 8px;
   }
   .resources-list-wrapper .filter-wrapper .search-wrapper {
      height: 34px;
   }
}

@media all and (min-width: 768px) {
   .resources-list {
      margin-top: 3em;
   }
   .resources-container .side-filter-wrapper {
      width: 500px;
   }
   .resources-list-wrapper .rg_checkbox_wrapper {
      width:170px;
   }
   .resources-list-wrapper select,
   .resources-list-wrapper select.resource_categories {
      width:170px;
   }
   .side-filter-wrapper select {
      margin-right: 10px;
   }
}

/*select.resource_categories option,
select.resource_subcats option*/
.resources-list-wrapper select option {
   opacity: 1;
   line-height: 1.2rem;
}
/*select.resource_categories option:hover,
select.resource_subcats option:hover */
.resources-list-wrapper select option:hover{
   background-color: #7EA4D6 !important;
   cursor: pointer;
   -webkit-transition:all 50ms ease-in 0s;
   -moz-transition: all 50ms ease-in 0s;
   -o-transition: all 50ms ease-in 0s;
   transition: all 50ms ease-in 0s;
}
/* end resources dropdowns*/

.search-wrapper { position: absolute; right: 0px; top: 0px;
   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out; }
.rg_checkbox_wrapper {
  /* position: absolute; */ left: 0px; top: 0px;
  float: left; margin-right: 25px;
}
.search-wrapper input { height: 36px; box-sizing: border-box; width: 100%;}
/*@media all and (min-width: 600px) {*/
@media all and (min-width: 1024px) {
   .search-wrapper input { width: 290px;}
}

/*resource list*/
.resources-list {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
}

@media all and (min-width: 576px) {
   .resources-list {
      grid-template-columns: repeat(auto-fill, minmax(33%, 1fr));
   }
}
@media all and (min-width: 860px) {
   .resources-list {
      grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
   }
}
.resource-intro.data-box--intro {
   position: relative;
}
.resources-list .resource-item {
   box-sizing: border-box;
}
.resources-list .resource-item .media {
   padding-top: 0px;
}
.resources-list .resource-item .media,
.resources-list .resource-item .media iframe,
.resources-list .resource-item .title {
   width: 100% !important;
}
.resources-list .resource-item .title {
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0.91) 58%, rgba(0, 0, 0, 0.51) 82%, transparent 100%);
   transition: 0.5s;
   padding: 0.5em 0.5em 0em 0.5em;
   box-sizing: border-box;
}
@media all and (min-width: 415px) {
   .resources-list .resource-item .title {
      padding: 0.7em 0.7em 0em 0.7em;
   }
}
@media all and (min-width: 768px) {
   .resources-list .resource-item .title {
      background: linear-gradient(to bottom, rgba(0, 0, 0, 0.91) 0%, rgba(0, 0, 0, 0.91) 38%, rgba(0, 0, 0, 0.51) 62%, transparent 100%);
      padding: 1em 1em 2em 1em;
   }
}
.resources-list .resource-item .title a {
   font-size: 0.8em;
   font-weight: 600;
   color: white !important;
   text-align: left;
}
@media all and (min-width: 415px) {
   .resources-list .resource-item .title a {
      font-size: 0.85em;
      font-weight: 600;
   }
}
@media all and (min-width: 768px) {
   .resources-list .resource-item .title a {
      font-size: 0.9em;
      font-weight: 700;
   }
}

.resources-list .resource-item .description:hover {
   background-color: rgba(0, 0, 0, 0.6);
   transition: background-color 0.5s;
}
.resources-list .resource-item .description {
     opacity: 1;
     transition: 0.5s;
}

.resources-list {
   /*width: Calc(100% - 100px);*/ /* adjustmet to hiding side filter, to revert back after side filter is back  */
}
.resources-list .resource-item .media {
   position: relative;
}
.resources-list .resource-item .title {
   /*margin-bottom: 2rem;*/
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
}
.resources-list .resource-item .media,
.resources-list .resource-item .title {
   text-align: left;
}

.resources-list-wrapper .search-wrapper {
   /*right: Calc(50% - 98px);*/
   position: relative;
   left: 0px;
   right: auto;
   /*padding-top:90px;*/
   height: 40px;

   -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}
@media all and (min-width: 600px) {
   /*.resources-list-wrapper .search-wrapper {
      padding-top:50px;
   }*/
}
.resources-list-wrapper .reset-filter-wrapper label {
   font-weight: normal;
   font-style: italic;
   color: #444;
   cursor: pointer;
}

@media all and (min-width: 1200px) {
   .resources-list-wrapper .search-wrapper {
      left: auto;
      right: 0px;
      bottom: 0px;
      padding-top:0px;
      position: absolute;
   }

   .resources-list {
      margin-top: 1em;
   }
}

/*@media all and (min-width: 768px) {*/
@media all and (min-width: 900px) {
   .resources-list-wrapper .reset-filter-wrapper {
      position: absolute;
      left: 0px;
      bottom: 0px;
   }
   .resources-list-wrapper .rg_checkbox_wrapper {
      padding-top:0px;
   }
   .data-list-container.resources .info p {
      margin-bottom:0px;
   }
}


/*list slide down animation*/
/*
.resource-intro.data-box--intro .title{
   -webkit-animation: slidedowlist 0.5s ease both;
   animation: slidedowlist 0.5s ease both;
}


@-webkit-keyframes slidedowlist {

  0% {
   opacity: 0;
   -webkit-transform-origin: top center;
           transform-origin: top center;
   -webkit-transform: rotateX(-90deg);
           transform: rotateX(-90deg);
   }
   5% {
      opacity: 1;
   }
   80% {
      -webkit-transform: rotateX(8deg);
            transform: rotateX(8deg);
   }
   83% {
      -webkit-transform: rotateX(6deg);
            transform: rotateX(6deg);
   }
   92% {
      -webkit-transform: rotateX(-3deg);
            transform: rotateX(-3deg);
   }
   100% {
      -webkit-transform-origin: top center;
            transform-origin: top center;
      -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
   }
 }
 @keyframes slidedowlist {
   0% {
      opacity: 0;
      -webkit-transform-origin: top center;
              transform-origin: top center;
      -webkit-transform: rotateX(-90deg);
              transform: rotateX(-90deg);
  }
  5% {
      opacity: 1;
  }
  80% {
      -webkit-transform: rotateX(8deg);
              transform: rotateX(8deg);
  }
  83% {
      -webkit-transform: rotateX(6deg);
              transform: rotateX(6deg);
  }
  92% {
      -webkit-transform: rotateX(-3deg);
              transform: rotateX(-3deg);
  }
  100% {
      -webkit-transform-origin: top center;
              transform-origin: top center;
      -webkit-transform: rotateX(0deg);
              transform: rotateX(0deg);
  }
 }
 */
 /*end list slide down animation*/

 /*data access blue boxes have flip down animation*/
 .resources-list .resource-item .media {
   /*-webkit-animation: burst 1.3s ease both;
   animation: burst 1.3s ease both;*/
   /*padding-top: 1em;*/
   background-color: black;
 }

/*
@-webkit-keyframes burst {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.9s ease-in-out;
      transition: all 0.9s ease-in-out;
   }
   100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: all 0.9s ease-in-out;
      transition: all 0.9s ease-in-out;
   }
 }
 @keyframes burst {
   0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.9s ease-in-out;
      transition: all 0.9s ease-in-out;
   }
   100% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transition: all 0.9s ease-in-out;
      transition: all 0.9s ease-in-out;
   }
 }
 */
 /*end animation: flip down boxes*/

 /*BURST Expanding ANIMATION -- VERSION #2 - end*/
 /*BURST Expanding ANIMATION -- VERSION #2 - end*/
 /*BURST Expanding ANIMATION -- VERSION #2 - end*/