/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.content-wrapper1 {
    /*margin: 0 auto !important;
   /* max-width: 1300px !important; 
    padding: 0 20px !important;*/
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0px 30px 0px !important;
    padding-left: 30px;

}

.blog-header {
  background-color: none !important;
  text-align: left !important;
  margin-top: 20px !important;
}

.blog-header__title {
  font-size: 2rem !important;
  color: #007d8a !important;
}

.blog-header__inner {
    margin: 0px !important;
    max-width: 1024px; !important;
    padding: 30px 30px 30px 100px !important; 
}

.blog-header__navigation {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem !important;
  padding: 20px 60px !important;
  background-color: #F5F9FA !important;
  border: 1px solid #007d8a !important;
  border-radius: 3px;
  margin:3%;
  width:94%;
}
.blog-tag-filter {
    position: relative;
    width: 400px !important;
}
.blog-tag-filter__drop-down {
    /* -webkit-appearance: none; */
    -moz-appearance: none;
    appearance: none;
   /* background-color: #f5f9fa;*/ 
    background-color: #ffffff !important;
    color: #323232;
    /* display: inline-block; */
    /* max-width: 100%; */
    /* width: 100%; */
    /* padding: .7rem; */
    width: 400px !important;
    border: 2px solid #d1d6dc;
    border-radius: 3px;
}

.blog-tag-filter:after {
    color: white !important;
    text-align: center;
    padding-top: 12px;
    background-color: #007d8a;
    content: '\25BE';
    pointer-events: none;
    position: absolute;
    right: .0rem !important;
    width: 12%;
    height: 95%;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width: 500px) {
 .blog-tag-filter {
    position: relative;
    width: 100% !important;
}
.blog-tag-filter__drop-down {
    -moz-appearance: none;
    appearance: none;
    background-color: #ffffff !important;
    color: #323232;
    width: 330px !important;
    border: 2px solid #d1d6dc;
    border-radius: 3px;
} 
}
.blog-header__tag-filter,
.blog-header__search {
  width: 50%;
}


.blog-header__search {
    background-color: transparent;
    border: 0;
    /* margin-left: auto; */
    /* max-width: 300px; */
    /* padding: 0; */
    width: 45%;
    color: #007d8a !important;
}

.blog-header__search form {
  background-color: transparent;
  border: 0;
  padding: 0;
}

@media (max-width: 767px) {
  .blog-header__navigation {
    flex-wrap: wrap;
  }
  .blog-header__tag-filter,
  .blog-header__search {
    width: 100%;
  }
  .blog-tag-filter,
  .blog-header__search {
    margin: 0 auto 1.5rem;
  }
}

.blog-index__post-content a:hover {
    text-decoration: none !important;
}

.blog-card__button ,button .button{
  background-color: #007d8a !important;
  font-family: 'Muli' !important;
  font-size: 14px !important;
  border: none !important;
  margin: 1rem 0 1rem;
  width: 90%;
  align-items: center;
}

.blog-index__post__date {
  margin: 0.5rem 0 0.5rem;
  font-family: 'Muli';
  font-size: 16px;
  
}

.blog-index__post-content--small h4 {
  font-family: 'Muli' !important;
  font-size: 24px !important;
  line-height: 1.5 !important;
  font-weight: 200 !important;
  color:#323232 !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  text-decoration: none !important;
}

.blog-index__post:hover {
    box-shadow: 0 2px 35px 0 rgba(0,0,0,0.18);
    transition: box-shadow .3s;
}


.blog-index__post {
   /* border: 1px solid #cbe8f8;
    border-radius: 3px;
    /*box-shadow: 0 2px 24px 0 rgba(0,0,0,0.12);
    transition: box-shadow .3s;*/
    border: 1px solid #cbe8f8;
    border-radius: 3px;
    transition: box-shadow .3s;
    width: 30%;
    display: inline-grid;
    margin:15px;
    padding:0px;
}
.blog-index__post-content{
    padding:1rem;
}

@media screen and (max-width: 800px) {
 .content-wrapper1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0px 30px 0px !important;
    padding-left: 30px;

  }
  .blog-index__post {
    border: 1px solid #cbe8f8;
    border-radius: 3px;
    transition: box-shadow .3s;
    width: 43%;
    display: inline-block;
    margin:15px;
  }
  
}

@media screen and (max-width: 500px) {
.content-wrapper1 {
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0px 30px 0px !important;
    padding-left: 15px;
  }
  .blog-index__post {
    border: 1px solid #cbe8f8;
    border-radius: 3px;
    transition: box-shadow .3s;
    width: 100%;
    display: inline-block;
    margin:15px;
  }
  
}
.blog-related-posts__title a {
  color: #494a52;
  text-decoration: none !important;
}

.blog-post__meta {
    display: flex;
    margin: 10px 0px 30px 100px !important;
    /* margin: 2rem 10rem !important;*/
}
.blog-post__meta a {
    color: #494a52;
    text-decoration: none !important;
}
.blog-post__timestamp{
  padding-left:30px;
}
.blog-post__name {
   /* margin: 0rem 10rem !important;*/
    margin: 100px 0px 0px 100px !important;
}

.blog-related-posts {
    background-color: #f8fafc;
    margin-top: 1rem !important;
    padding: 2rem 0;
}

.blog-post-header {
    /*padding: 20rem !important;*/
}

.blog-index__post-image {
    height: 250px !important;
    width: 100% !important;
}
.blog-related-posts__post{
    border: 1px solid #cbe8f8;
    border-radius: 3px;
    transition: box-shadow .3s;
    display: inline-block;
    margin:15px;
    width: 30%;
    padding:0px;
}
.blog-related-posts__post:hover {
    box-shadow: 0 2px 35px 0 rgba(0,0,0,0.18);
    transition: box-shadow .3s;
}
.content-wrapper1 h2{
    padding-left:38%;
    padding-bottom:20px;
}
.blog-related-posts__content{
    padding:1rem;
}
@media screen and (max-width: 800px) {
  .blog-related-posts__post{
    border: 1px solid #cbe8f8;
    border-radius: 3px;
    transition: box-shadow .3s;
    display: inline-block;
    margin:15px;
    width: 45%;
}
}
@media screen and (max-width: 500px) {

.blog-related-posts__post{
    border: 1px solid #cbe8f8;
    border-radius: 3px;
    transition: box-shadow .3s;
    display: inline-block;
    margin:15px;
    width: 95%;
}
  .blog-post {
    margin-left: 30px;
    max-width: 960px;
    padding: 3.3rem 0;
}
  .blog-post__meta {
    display: table;
    margin: 10px 0px 30px 100px !important;
}
 .blog-post__timestamp{
    padding-left:0px;
}
 .content-wrapper1 h2{
    padding-left:30%;
    padding-bottom:20px;
}
}
.blog-related-posts__image {
    height: 250px !important;
    width: 100% !important;
}



element.style {
}
a {
    font-family: 'Muli' !important;
}
a {
    color: #007d8a;
}
a {
    color: #007d8a;
    cursor: pointer;
    text-decoration: none;
}
a {
    background-color: transparent;
}
*, *:before, *:after {
    box-sizing: border-box;
}
user agent stylesheet
a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

.blog-related-posts__title a {
  color: #007d8a !important;
}