/* Blog Tag Filter */
fieldset.topic-filter.dis-flex {
    width: 100%;
    border: 0;align-items: center;
    flex-wrap: nowrap;
}
h1.blog-title {display: block; text-align: center; margin-bottom: 60px; margin-top: 110px;}
form.blog-tag-filter {color: #fff;display: flex !important; align-items: center;flex-flow: row;max-width:500px; margin: -1px auto 0; border-bottom-left-radius: 10px;border-bottom-right-radius: 10px; padding:0px 20px 15px;text-align: center;margin-bottom:60px;}
.blog-tag-filter {border: none;padding: 0; position: relative;display: block;align-items: center;}
label.show-for-sr {width: 31%; font-size: 18px; color: #fff;font-weight: 700; margin-bottom:0px;}
.blog-tag-filter select {font-weight: 700 !important; color: #152537 !important;font-family: 'Montserrat',Sans-serif;
  width:70%; max-width:455px; padding: 16px 25px !important;border-radius: 5px;-webkit-appearance: none;
  background: #f8f9f9 url(https://www.prodo.com/hubfs/Prodo%20Website%20May%202020/Blog%20Listing/down-arrow.png);
  background-repeat: no-repeat;  background-position: 95% center;font-size: 18px; font-weight: 500;
  -moz-appearance: none;border: 1px solid #c4c6ca;
}
.blog-tag-filter select option {font-weight: 700 !important; color: #152537 !important;font-family: 'Montserrat',Sans-serif;
  width:70%; max-width:455px; padding: 16px 25px !important;border-radius: 5px;-webkit-appearance: none;
 font-size: 18px; font-weight: 500;
  -moz-appearance: none;
}
.case-study .link-div a:hover, .case-study .link-div a.current1 {
background:#eb3f79;}
.blog-tag-filter .hs_cos_wrapper_type_icon { display: flex; position: absolute; top: 50%; left: 1em; -webkit-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none;}
.blog-tag-filter .hs_cos_wrapper_type_icon svg { height: 15px;}
.blog-tag-filter select { color: #454249; padding: 1.25rem 4.5rem 1.25rem 2.75rem;}
.show-for-sr { width: 100%;margin-right: 10px; display:block;}

.hs-featured-image-link:before {
  content: "";
  display: block;
  position: absolute;
  top:48%;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  
  transition: top 300ms;
}

.hs-featured-image {
    z-index: 1;
}
.post-item:hover .hs-featured-image-link:before {
  top: 28%;
}
.resources-wrapper .hs-featured-image-wrapper:after{display:none;}

/* .post-item:nth-of-type(4n) .hs-featured-image-link:before {
  background-color: #6088ea;
} */
.post-item:nth-of-type(3n) .hs-featured-image-link:before {
  background-color: #faaf41;
}
.post-item:nth-of-type(3n-1) .hs-featured-image-link:before {
  background-color: #628cf1;
}
.post-item:nth-of-type(3n-2) .hs-featured-image-link:before {
  background-color: #eb3f79;
}
@media(max-width:1200px){
  h2.blog-title{ margin-top: 80px;}
}

@media(max-width:1024px){

  h2.blog-title { margin-top: 50px; margin-bottom: 50px;}
  label.show-for-sr { font-size: 16px;}

}

@media(max-width:767px){

  h2.blog-title { margin-top: 30px; margin-bottom: 30px;}
  form.blog-tag-filter { margin-bottom: 50px;}
  .blog-tag-filter select{ font-size: 16px; padding: 12px 25px !important;}
  .post-item:hover .hs-featured-image-link:before {
    top: 16%;
}
}





.hs-featured-image-wrapper {
  
    align-items: flex-end;
    display: flex;
    min-height:410px;
}
.resources-wrapper .hs-featured-image-wrapper:after {top: 68%;}
p.topic-link {
    font-weight: 700;
    display: inline-block;
    margin-right: 6px;color: #152537;
    font-size: 14px;
}
.hubspot-editable, .date-flex {
   
    margin-bottom: 25px;
}
a.more-link {padding-bottom: 3px;
    text-transform: none !important;padding
}
.resources-wrapper .resoures-item:hover a.more-link, a.more-link:hover {
    border-bottom: 1px solid #eb3f79;
    color: #eb3f79 !important;
    
}

.resources-wrapper div#Container{ min-height: auto !important;justify-content: center; }
.resources-wrapper .mix{display: none;opacity: 1 !important;}
.resources-wrapper .resoures-item {
    width: calc(29.8% - 28px);
    position: relative;
    margin: 0px 2.7% 17px;
}
.wrapper-main-resources .pagination { margin-bottom: 115px;display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 90px;}
.wrapper-main-resources .pagination > a:nth-child(1),.wrapper-main-resources .pagination > a:nth-last-child(1),.wrapper-main-resources .pagination > a:nth-last-child(2) { display: inline-block; }
.wrapper-main-resources .pagination > * { display: none; text-decoration: none; }
.wrapper-main-resources .pagination > a.jp-current{font-weight: 900 !important;
    background: url(https://www.prodo.com/hubfs/Prodo%20Website%20May%202020/Blog%20Listing/pg-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;}
div#pagination a {
    width: 53px;
    height: 63px;
    display: inline-block;
    text-align: center;
    padding-top: 23px;
    padding-left: 11px;
    font-size: 21px;
    color: #152537;cursor: pointer;
    position: relative;
    font-weight: 400;
    margin-right: 10px;
}
a.jp-previous {
    font-size: 0 !important;
    height: 14px !important;
    padding: 0 !important;
}
.wrapper-main-resources .jp-disabled { display: none !important; }
.wrapper-main-resources .pagination .jp-next:after { content: "\f30b"; position: relative; font-family: "Font Awesome 5 Free"; margin-left: 3px; font-size: .9em; top: 0px; color: #35c8eb; font-weight: 700; }
.wrapper-main-resources .pagination .jp-next { margin-top: 10px;cursor: pointer;    pointer-events: inherit;}
.wrapper-main-resources .pagination .jp-previous { margin-top: 10px;position: relative;cursor: pointer;    pointer-events: inherit;}
.wrapper-main-resources .pagination .jp-previous:before {
    content: "";
    position: absolute;
 
    margin-right: 3px;
    font-size: 20px;
    top: 0px;
   
    width: 100%;
    height: 100%;
    background: url(https://www.prodo.com/hubfs/Prodo%20Website%20May%202020/Blog%20Listing/left-arrows.png);
    background-size: 14px;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
}
.wrapper-main-resources .pagination .jp-next:after { content: ""; position:absolute; margin-left: 3px; font-size: 20px; 
  top: 0px; width: 100%;
    height: 100%;
    background: url(https://www.prodo.com/hubfs/Prodo%20Website%20May%202020/Blog%20Listing/right-arrows.png);
    background-size: 14px;
    background-repeat: no-repeat;
    border: 0;
    outline: 0; }
a.jp-next {
    position: relative;
    font-size: 0 !important;
    padding: 0 !important;
    height: 14px !important;
}
.wrapper-main-resources .pagination .jp-next:hover,.wrapper-main-resources .pagination .jp-previous:hover { color: #35c8eb !important; }
.wrapper-main-resources .fail + .pagination{ display: none; }
.hm .filter-section { background: #091E3F;position:relative; }
.hm .filter-section select { margin-bottom: 0;cursor: pointer;border: 0; border-radius: 50px; background: #fff; color: #444; padding: 7px 20px; outline: 0; -moz-appearance: none; -webkit-appearance: none; background-image: url('https://www.archive360.com/hubfs/Assets%20(web%20images)%20Aug%202019/long-arrow-alt-down.png'); background-size: 8px; background-repeat: no-repeat!important; background-position: 85%!important; padding-right: 45px; }
.hm .filter-section .container{max-width:1140px;}
.hm .filter-section .topic-filter { width: 315px; justify-content: space-between; align-items: center;margin: 11px 0;border: 0; padding: 0; display: block !important;  }
.hm .filter-section .order-filter { width: 289px; justify-content: space-between; align-items: center;margin: 11px 30px;border: 0; padding: 0; display: block !important;  }
.hm .filter-section label { padding-right: 20px;color:#fff; }
.hm .filter-section .topic-filter select { width: 220px !important;  }
.hm .filter-section .order-filter  select{ width: 180px!important; }
.hm .filter-section form { max-width: 100%;background:none; padding: 0;align-items: center; }
.not-found { text-align: center; }
.hs-featured-image-link {width: 100%;}

@media(max-width:1280px){
  .wrapper-main-resources .pagination{margin-top:70px;}
}

@media(max-width:1024px){
.wrapper-main-resources .pagination{margin-top:50px;margin-bottom: 70px;}
.hs-featured-image-wrapper { min-height: 361px;}
  
.hs-featured-image-link {
padding:0 25px 40px !important;
}
}


@media(max-width:981px){
.hs-featured-image-wrapper {  min-height: 268px;}
  
}
@media (max-width:800px){
.hs-featured-image-wrapper { min-height: 223px;}
p.topic-link {
    font-size: 12px;
}
  form.blog-tag-filter {
    margin-bottom: 33px;
}
  .resources-wrapper .resoures-item {
  
    margin: 0px 2.7% 0px;
}
}
@media(max-width:767px){
  .hm .filter-section .topic-filter,.hm .filter-section .order-filter { width: auto!important;}
  .resources-wrapper {padding: 40px 0; }
  .wrapper-main-resources .pagination{margin-top:40px;}
  .wrapper-main-resources .pagination .jp-next { margin-left: 15px; }
  .wrapper-main-resources .pagination .jp-previous { margin-right: 15px;}
  .resources-wrapper .resoures-item {width:100%;}
  .hs-featured-image-wrapper { min-height:0px;}
  label.show-for-sr { font-size: 14px; width: 38%;}
  .blog-tag-filter select {font-size: 14px; width: 60%;}
form.blog-tag-filter {padding: 0px 11px 15px;}
}



@media(max-width:400px){
form.blog-tag-filter {margin-bottom: 31px !important;}
label.show-for-sr {width: 47%;}
.hm .filter-section .topic-filter,.hm .filter-section .order-filter { justify-content: center; }
}