/************************
 * 
 * BIRTH STORIES
 * 
 * **********************/


.share-form-header-share-story .entry-title {
 margin-bottom:0; 
}

#gform_wrapper_1  {
margin-top:0;
}

#gform_wrapper_1  .gform_anchor {
padding-top:0;
padding-top:0;
display:block;
}

#gform_wrapper_1 #field_1_1 {
 display:none; 
}

#gform_wrapper_1 #field_1_21 {
 background:#f6f2e9;
 padding:5px 10px 10px;
}


#gform_wrapper_1 #field_1_21 input {
 width:auto;
 max-width:254px;
}



#gform_wrapper_1 .gf_progressbar {
 /* display:none; */
margin-top:10px;
margin-top:1rem;
}

#gform_wrapper_1 .gf_progressbar_percentage span {
display:none;
}



#gform_wrapper_1 .gf_progressbar_title {
 margin:0!important; 
 font-weight:700;
 font-size: 1em !important;;
}



 
    .stories-setup {
      overflow:hidden;
    }
    
    
    @media (min-width: 768px){
    
    .stories-setup-info {
      float:left;
      width:70%; 
    }
    
    .stories-setup-share-col {
      float:left;
      width:30%; 
      padding-left:15px; 
    }
    
    }
    
  
  
    .stories-share-tout {
      background-color: #f6f2e9;
      padding: 15px;
      text-align:center;
        margin-top: 30px;
      margin-bottom: 20px;
      margin-bottom: 2rem;
      /*background:url(images/main-bg.png) repeat;*/
    }
    
    
    
    
    .stories-archive-filter-wide {  
      padding: 15px;
      background-color: #f6f2e9;
      margin-bottom: 20px;
      margin-bottom: 2rem;
    }
    
    

    
    
    .stories-archive-filter form {
      position:relative;
    }
    
    
      .stories-archive-filter form:first-of-type{
        margin-bottom:15px;
      }
  
    .stories-archive-filter label {
      display:block;
      font-size:15px;
      font-size:1.5rem;
      margin-bottom:.25em;
      font-weight:700;
    }
    
    
    .stories-archive-filter input {
      padding:7px 30px 7px 7px;
      margin-bottom:0;
    }
    
    .stories-archive-filter button {
      height:28px;
      width:40px;
      padding:2px;
      background-color: transparent;
      color:#f15a29;
      position:absolute;
      bottom:3px;
      right:0;
      border:0;
      font-size:16px;
     }    
  
 
   
    @media (min-width: 480px){
    
      .stories-archive-filter-wide form,
      .stories-archive-filter-wide button {float:left;}
      
      
      .stories-archive-filter-wide form {
        margin-right:20px;
        width:40%;
        max-width:300px;
        margin-bottom:0!important;
      }
      
    }
  
    
    ul.list-stories {
      margin-bottom: 20px;
      margin-bottom: 2rem;
    }
  
  
    ul.list-stories  a.image-wrap {
      display:block;
      position: relative; 
      height: 0;
      padding: 0;
      overflow: hidden;
      padding-bottom: 60%;
      background-repeat:no-repeat;
      background-position: center center;      
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover; 
    }
  
   
    ul.list-stories a.image-wrap img {  
        position: absolute;
        left: -100%;
        right: -100%;
        top: -100%;
        bottom: -100%;
        margin: auto; 
            height: auto;
        width: 100%;
   
    }
  /*
  
  ul.list-stories > li {
    border:0;
    width:100%;
    padding:0;
    margin-bottom:22px!important;
  }
 
 
  @media (min-width: 768px){
  
    ul.list-stories > li {
      margin-bottom:25px!important;
    }
    
  }
  
  @media (min-width: 480px) and (max-width:767px){
  
    ul.list-stories > li {
      width: 80%; 
      margin-left:10%;
    }
    
  }
 

  
  @media (min-width: 768px) and (max-width:991px){
  
    ul.list-stories > li {
      width: 48.5%; 
      margin-right: 3%;
      float:left;
    }
    
    ul.list-stories > li:nth-child(2n+2) {
      margin-right: 0;
    }
    ul.list-stories > li:nth-child(2n+1) {
      clear:both;
    }
    
    ul.list-stories > li:nth-last-child(-n + 2):nth-child(2n + 1), 
    ul.list-stories > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li 
    {
        margin-bottom: 0!important;
    }

  }
 
  
 @media (min-width: 992px){
  
  
    ul.list-stories > li {
        width: 32%; 
        margin-right: 2%;
        float:left;
    }
    
    ul.list-stories > li:nth-child(3n+3) {
       margin-right: 0;
    }
    
    ul.list-stories > li:nth-child(3n+1) {
      clear:both;
    }
  
    ul.list-stories > li:nth-last-child(-n + 3):nth-child(3n + 1),
    ul.list-stories > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li 
    {
        margin-bottom: 0!important;
    }
  
 }
    
    
    ul.list-stories li {
      padding:15px;     
      border:1px solid #f6f2e9; 
      overflow:hidden;
    }
    
    
    
    
        
    
    
    ul.list-stories .info-wrap p {
      font-size:90%; 
      margin-bottom:0;
    }
    
    
    



*/





ul.birth-story-parts {
  list-style-type:none;
  padding:0;
  margin:0;
}



ul.birth-story-parts > li {
  list-style-type:none;
  margin-bottom:30px!important;
}


ul.birth-story-parts li h3 {
  margin-top: 0;
}


ul.birth-story-parts p:last-child {
 margin:0;
}


.birth-story-sidebar {
  margin-top:30px!important;  
}

.sidebar ul.list-stories {
  padding-left: 0;
  margin: 0!important;
  list-style: none;
  overflow:hidden;
 }
 
.sidebar ul.list-stories > li {
  padding-left: 0;
  margin-bottom:15px;
  padding-top:15px;
  overflow:hidden;
  list-style-image:none; 
  border-top:1px solid #e6e6e6;
    width:100% !important;
 }
 
.sidebar ul.list-stories .thumbnail-wrap {
  width:30%;
  float:left;
  padding-right: 15px;
}
 
.sidebar ul.list-stories a {
  text-decoration:none;
}

.sidebar ul.list-stories h5 {
   margin:0;
}


.sidebar ul.list-stories img {
  float:left;
    width:100%;
   height:auto;;
}

.sidebar ul.list-stories .post-content {
  width:70%;
  float:left;
}
 
 
.sidebar ul.list-stories .post-title-wrap a {
    color: #f15a29;
    font-size:16px;
}


.sidebar .widgettitle,
.sidebar .widget-title {
    font-size:18px;
}

@media (min-width: 480px){
    .sidebar .widgettitle,
    .sidebar .widget-title {
        font-size:20px;
    }
}

@media (min-width: 768px){
    .sidebar .widgettitle,
    .sidebar .widget-title {
        font-size:22px;
    }
}

@media (min-width: 992px){
    .sidebar .widgettitle,
    .sidebar .widget-title {
        font-size:26px;
    }
}

@media (min-width: 1200px){
    .sidebar .widgettitle,
    .sidebar .widget-title {
        font-size:30px;
    }
}



.birth-story-parts blockquote {
  margin:1.2rem 0;
  margin:12px 0;
    font-size:120%;
    font-style:italic;
}