.share_header{
  padding: 30px;
}

.header_background{
  background-image: linear-gradient(to bottom,rgba(255, 255 , 255 , 0.75) 0%, rgba(255, 255 , 255 , 1) 100%), url(../../shared/tile.png);
  background-position: center;
  background-size: 700px;
}

/* .story_header{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  background-image: url(../img/header_background.JPG);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  
}
.story_header_text{
  color: #ffffff;
  font-size: 40pt;
  vertical-align: middle;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
  padding: 20px 20px 40px 20px;
  border-radius: 5px;
} */
.bod{
  /* background-color: #d4ecf4; */
  background-image: url(../../shared/tile-bg.png);
  background-position: center;
  background-size: 1500px;
  padding-bottom: 10vh;
  min-height: 100vh;
}

.blog-grid {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .blog-grid .blog-img {
    position: relative;
    height: 280px;
    border-radius: 5px;
    overflow: hidden;
    background-color: cadetblue;
  }
  .blog-grid .blog-img .date {
    position: absolute;
    background: #3a3973;
    color: #ffffff;
    padding: 8px 15px;
    left: 0;
    top: 10px;
    font-size: 14px;
  }
  .blog-grid .blog-info {
    box-shadow: 0 0 30px rgba(31, 45, 61, 0.125);
    border-radius: 5px;
    background: #ffffff;
    padding: 20px;
    margin: -30px 20px 0;
    position: relative;
    height: 218px;
  }
  .blog-grid .blog-info h5 {
    font-size: 22px;
    font-weight: 500;
    margin: 0 0 10px;
  }
  .blog-grid .blog-info h5 a {
    color: #3a3973;
  }
  .blog-grid .blog-info p {
    overflow: hidden;
    height: 72px;
    margin: 0;
  }
  .blog-grid .blog-info .btn-bar {
    margin-top: 20px;
  }
  
  .px-btn-arrow {
      padding: 0 50px 0 0;
      line-height: 20px;
      position: relative;
      display: inline-block;
      color: #fe4f6c;
      -moz-transition: ease all 0.3s;
      -o-transition: ease all 0.3s;
      -webkit-transition: ease all 0.3s;
      transition: ease all 0.3s;
  }
  
  
  .px-btn-arrow .arrow {
      width: 13px;
      height: 2px;
      background: currentColor;
      display: inline-block;
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      right: 25px;
      -moz-transition: ease right 0.3s;
      -o-transition: ease right 0.3s;
      -webkit-transition: ease right 0.3s;
      transition: ease right 0.3s;
  }
  
  .px-btn-arrow .arrow:after {
      width: 8px;
      height: 8px;
      border-right: 2px solid currentColor;
      border-top: 2px solid currentColor;
      content: "";
      position: absolute;
      top: -3px;
      right: 0;
      display: inline-block;
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

/* ######################################################### */


ul.read_more{
  list-style-type: none;
  background-color: #cfe2c5;
  padding: 20px 5vw;
}
.read_more_img{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
}
.read_more_img img{
  max-width: 100%;
  height: auto;
}

.tag{
  display: inline-block;
  background-color: aquamarine;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .30rem;
  padding: 0px 5px;
  color: black;
}
.comment_list{
  list-style-type: none;
  padding-inline-start: 0px;
}
.comment_row{
  padding: 5px 10px;
  background-color: #acd493;
  border-radius: .50rem;
  border: 2px solid #acd493;
  --bs-gutter-x: 0rem;
}
.comment_row p{
  margin-bottom: 0rem;
}
.comment_profile_pic_col{
  max-width: 55px;
}
.comment_profile_pic{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: aquamarine;
  border: 1px white solid;
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
.comment_content{
  display: flex;
  align-items: center;
  padding-left: 5px;
}

/* Landscape tabs and down */
@media only screen and (max-width: 960px) {
  ul.read_more{
    padding: 20px 15px;
    background-color: #cfe2c5;
    margin: 0px 11px;
  }
  .read_more_img{
    padding: 10px 0px 0px 0px;
  }
}

.comment_reply{
  display: flex;
  align-items:center;
  justify-content: flex-end;
  font-size: smaller;
  margin-left: 10px;
  text-align: center;
  max-width: 60px;
}
.comment_actions{
  display: flex;
  justify-content: flex-end;
  font-size: smaller;
  margin-left: 10px;
  text-align: center;
  max-width: 60px;
}
.reply_row{
  --bs-gutter-x: 0rem;
}
.indented_replies{
  padding: 5px;
  background-color: #acd493;
  border-radius: .50rem;
  border: 2px solid #acd493;
  --bs-gutter-x: 0rem;
}
.form_row{
  background-color: #acd493;
  border-radius: .50rem;
  border: 1px solid rgb(156, 156, 156);
  padding: 10px 10px 10px 20px;
}
.add_comment_form{
  /* background-color: #d6f1c6; */
  border-radius: .50rem;
  border: 1px solid rgb(156, 156, 156);
  padding: 10px;
  margin-top: 20px;
}
.border{
  border-radius: .50rem;
  border: 1px solid rgb(156, 156, 156);
}
.flex-sp-btw{
  display: flex;
  justify-content: space-between;
}
.post_map{
  height: 250px;
  width: 50%;
  margin: 15px 0px 15px 0px;
}
@media only screen and (max-width: 480px){
  .post_map{
    height: 80vw;
    width: 80vw;
    margin: 15px 0px 15px 0px;
  }
}
.mkpost_map{
  height: 600px;
  width: 75%;
  margin: 15px 0px 15px 0px;
}
@media only screen and (max-width: 480px){
  .mkpost_map{
    height: 90vw;
    width: 90vw;
    margin: 15px 0px 15px 0px;
  }
}
*{
  /* outline: 1px dotted red; */
}
.active{
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.025) 100%);
  border-radius: 10px;
  transition: 3s;
}
.deleteTag{
  background: radial-gradient(ellipse at center, rgba(223, 6, 6, 0.5) 0%, rgba(223, 6, 6, 0.1) 100%);
  border-radius: 2px;
  padding: 0px 8px;
}
.taglink{
  color: #000;
  text-decoration: none;
}
/* .birds-bg{
  width: 100vw;
  margin: -20px;
  background-image: linear-gradient(to bottom,rgba(255, 255 , 255 , 1) 0px,rgba(255, 255 , 255 , 0) 42px, rgba(255, 255 , 255 , 0) 100%),url(../../shared/tile-bg.png);
  background-position: center;
  background-size: 1500px;
} */

.create_body{
  padding-bottom: 10vh;
  background-image: url(../../shared/tile-bg.png);
  background-position: center;
  background-size: 1500px;
}

.create_story_header{
  padding-top: 5vh;
}

.messages{
  color: #fa674d;
}