.blog-grid .subscribe-bar{
  background-color: #09006d;
}
.storytile .blogimg{
  height: 235px;
  overflow: hidden;
  border-bottom: 7px solid #f6a81c;
  padding: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.blog-grid .subscribe-bar .btn{
  padding-left: 4em;
  padding-right: 4em;
  background: transparent !important;
  color: #fff;
}

.blog-grid .subscribe-bar .headline{
  font-size: 26px;
  color: #e9e9e9;
  font-weight: 300;
  line-height: 38px;
  display: inline-block;
  vertical-align: middle;
}
.blog-section-headline{
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  color: #002855;
  margin: 0px 0px 30px 80px;
}
.blog-section-headline:before{
  content: '';
  position: absolute;
  display: block;
  height: 30px;
  width: 60px;
  background-image: url(./images/gold-flag.png);
  background-size: contain;
  margin-left: -90px;
  margin-top: 6px;
}
.blog-grid .filters .view-by-topic{
  color: #393939;
  font-weight: 700;
  display: inline-block;
  margin-right: 1em;
  font-size: 22px;
  font-family: 'avenir', 'Montserrat', sans-serif;
}

.blog-grid .filters .select_filter_wrap select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  width: 100%;
  min-width: 20em;
  line-height: 2em;
  color: #09006d;
  font-family: 'avenir', 'Montserrat', sans-serif;
}

.blog-grid .filters .select_filter_wrap{
  border-bottom: 1px solid #1c2c4f;
  color: #1c2c4f;
  position:relative;
  line-height: 2em;
}


@media (max-width: 991px) {
  .blog-grid .filters .select_filter_wrap{
    width: 100%;
  }
  .blog-grid .filters .select_filter_wrap select{
    width: 100%;
  }
}

.blog-grid .filters .select_filter_wrap i{
  position: absolute;
  right: 0;
  top:0.5em;
  pointer-events: none;
  color: #1c2c4f;

}

.blog-grid .blog-roll{
  margin-left: -25px;
  margin-right: -25px;
}

.blog-grid .blog-roll .blog-tile{
  border: 1px solid #09006d;
}

.blog-grid .topics{
  color: #9e9e9e;
  font-family: 'avenir', 'Montserrat', sans-serif;
}

.blog-grid .topics a{
  color: #09006d;
}

.blog-grid .blog-roll .btn-link{
  text-transform: uppercase;
  letter-spacing: 1px;
}

.blog-grid .blog-readmore a{
  color: #7eba00 !important;
  font-weight: 900;
  font-family: 'avenir', 'Montserrat', sans-serif;
  text-decoration: none !important;
}

.blog-grid .blog-readmore a:after {
    font-family: 'Font Awesome\ 5 Free' !important;
    font-weight: 900;
    content: "\f061";
    display: inline-block;
    padding-left: 0.5em;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
  }

.blog-grid .blog-readmore a:hover:after {
    padding-left: 1.5em;
    transform: scaleY(-1.0);
  }

.blog-grid .blog-roll h5 a {
  color: #09006d;
  font-weight: 700;
  font-size: 21px;
  font-family: 'avenir', 'Montserrat', sans-serif;
  text-decoration: none;
}

.blog-grid .blog-roll p{
  color: #393939;
  font-weight: 400;
  font-size: 16px;
  font-family: 'avenir', 'Montserrat', sans-serif;
}

#load-more{
  float:right;
  margin:5px;
}
.hidden{visibility:hidden;
  width:0px!important;
  height:0px!important;
  margin:0px!important;
  padding:0px!important;
  }
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: sans-serif;
}

.add-pad-20 {padding: 20px;}


/* load more */


.load-more-btn {
  display:inline-block;
}

.load-more-btn:hover {
  background-color:blue;
  text-decoration:none;
}
.storytile .blog-title h5{
  color:#002855;
  font-size: 20px;
  font-family: 'avenir-bold', 'Montserrat', sans-serif;
  font-weight: 500;
}
.blog-tile{
  background-image: linear-gradient(#efefef 50%, #ffffff);
  padding-top: 0 !important;
  min-height: 420px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.blgtxt .blog-readmore a{
  font-family: 'avenir-bold', 'Montserrat', sans-serif;
  color:#002855;
  padding-bottom: 15px;
  font-weight: 700;
  text-decoration: none;
  border-bottom: 5px solid #6dbf4c;
  margin-top: 25px;
  display: inline-block;
}
@media screen and (max-width: 991px){
  .storytile .blogimg{
    height: 100%;
  }
}
.blog-roll.pad-bot-0{ padding-bottom: 0rem;}
.blog-roll.pad-bot-1{ padding-bottom: 2rem;}
.blog-roll.pad-bot-2{ padding-bottom: 5rem;}
.blog-roll.pad-bot-3{ padding-bottom: 7rem;}
.blog-roll.pad-bot-4{ padding-bottom: 10rem;}

@media (max-width: 576px) {
	.blog-roll.pad-bot-0{ padding-bottom: 0rem;}
	.blog-roll.pad-bot-1{ padding-bottom: 1rem;}
	.blog-roll.pad-bot-2{ padding-bottom: 2rem;}
	.blog-roll.pad-bot-3{ padding-bottom: 4rem;}
	.blog-roll.pad-bot-4{ padding-bottom: 6rem;}
}

.blog-roll.pad-top-0{ padding-top: 0rem;}
.blog-roll.pad-top-1{ padding-top: 2rem;}
.blog-roll.pad-top-2{ padding-top: 5rem;}
.blog-roll.pad-top-3{ padding-top: 7rem;}
.blog-roll.pad-top-4{ padding-top: 10rem;}

@media (max-width: 576px) {
	.blog-roll.pad-top-0{ padding-top: 0rem;}
	.blog-roll.pad-top-1{ padding-top: 1rem;}
	.blog-roll.pad-top-2{ padding-top: 2rem;}
	.blog-roll.pad-top-3{ padding-top: 4rem;}
	.blog-roll.pad-top-4{ padding-top: 6rem;}
}

.blog-roll.mar-0{ margin-top: 0rem; margin-bottom: 0rem;}
.blog-roll.mar-1{ margin-top: 1rem; margin-bottom: 1rem;}
.blog-roll.mar-2{ margin-top: 2rem; margin-bottom: 2rem;}
.blog-roll.mar-3{ margin-top: 3rem; margin-bottom: 4rem;}
.blog-roll.mar-4{ margin-top: 5rem; margin-bottom: 6rem;}

@media (max-width: 576px) {
	.blog-roll.mar-0{ margin-top: 0rem; margin-bottom: 0rem;}
	.blog-roll.mar-1{ margin-top: 1rem; margin-bottom: 1rem;}
	.blog-roll.mar-2{ margin-top: 2rem; margin-bottom: 2rem;}
	.blog-roll.mar-3{ margin-top: 3rem; margin-bottom: 3rem;}
	.blog-roll.mar-4{ margin-top: 4rem; margin-bottom: 4rem;}
}