<!-- start Simple Custom CSS and JS -->
<style type="text/css">
.last-info-wrapper .you-can-even .accordion-title, .last-info-wrapper .faq-section .accordion-title{
     font-size: 98%;
     letter-spacing: 1px;
     padding: 13px 40px;
}
 .learn-more a {
     padding: 3px 8px;
     border-radius: 2px;
     letter-spacing: 0.6px;
}
 .bottom-bullet-points {
     -webkit-box-shadow: 0px 3px 17px -7px rgba(0,0,0,0.75);
     -moz-box-shadow: 0px 3px 17px -7px rgba(0,0,0,0.75);
     box-shadow:0px 3px 17px -7px rgba(0,0,0,0.75);
}
 .last-info-wrapper .accordion .toggle, .schedule-service .accordion .toggle {
     left: 95%;
     top:0.5em;
}
 .col.medium-2.small-12.large-2.learn-category{
     padding: 30px 0px;
     font-size: 15px;
}
 .custom-tap-page{
     top: -80px;
}
 .how-phys-help-moms, .how-nurse-help-moms{
     width:100%;
     padding: 15px 0 15px 45px;
}
 .info-section-wrapper .slider-bottom-infobar + div{
     clear:initial !important;
}
 .back-image-tab{
    /* background: url(http://coffective.com/wp-content/uploads/2018/04/faded_bg.jpg) !important;
    */
     background-repeat: no-repeat !important;
}
/* .last-info-wrapper{
     background: url(http://coffective.com/wp-content/uploads/2018/04/faded_bg.jpg);
     background-size: 100% auto !important;
     background-position: 0 0 !important;
     background-repeat: no-repeat;
}
 .back-image-tab::after{
     display: block;
     position: relative;
     background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #f8fafb 100%);
     margin-top: 0px;
     height: 500px;
     width: 100%;
     content: '';
}
*/
 .how-phys-help-moms{
     background-image: url(http://coffective.com/wp-content/uploads/2018/03/peer@2x.png);
     background-repeat: no-repeat;
     background-size: 40px 35px;
     background-position: 5px;
}
 .how-nurse-help-moms{
     background-image: url(http://coffective.com/wp-content/uploads/2018/03/nurse@2x.png);
     background-repeat: no-repeat;
     background-size: 40px 35px;
     background-position: 5px;
}
 .row.category-main-title {
     margin-top: 50px;
     margin-bottom: 35px;
}
 [data-slug="fall-in-love"].active{
     background-color:rgba(240, 163, 188, 0.2) !important;
     color:rgba(240, 163, 188);
}
 [data-slug="get-ready"].active{
     background-color:rgba(190, 138, 95, 0.3) !important;
     color:rgba(190, 138, 95);
}
 [data-slug="keep-baby-close"].active{
     background-color:rgba(189, 187, 221,0.3) !important;
     color:rgba(189, 187, 221);
}
 [data-slug="learn-your-baby"].active{
     background-color:rgba(249, 184, 157, 0.3) !important;
     color:rgba(249, 184, 157);
}
 [data-slug="nourish"].active{
     background-color:rgba(255, 217, 146, 0.3) !important;
     color:rgba(255, 217, 146);
}
 [data-slug="protect-breastfeeding"].active{
     background-color:rgba(155, 202, 156, 0.3) !important;
     color:rgba(155, 202, 156);
}
 .there-you-have{
     margin-top: 40px;
}
 .last-info-wrapper{
     padding: 30px 15px 20px 15px;
}
 .nav-dark .nav>li.active>a{
     color: rgba(55, 52, 52, 0.8);
}
 @media screen and (max-width: 480px) {
     .custom-tap-page{
         text-align:left;
    }
     .col.medium-2.small-12.large-2.learn-category {
       padding: 20px 0px;
         padding-left: 20px;
    }
     .learn-category .tab-base-wrapper{
         font-size:1.6rem;
    }
     .row.tab-content .intro-top-main{
         max-width: 90% !important;
         padding: 150px 0px 10px 0px;
    }
     .row.tab-content .intro-top-main p, .row.tab-content .intro-top-main h3, .row.tab-content .intro-top-main li,.row.tab-content .bottom-main-title li, .row.tab-content .bottom-main-title p,.category-main-title p {
         font-size: 17px !important;
    }
     .learn-more{
         margin-top:13px;
    }
     .small-12.info-section-wrapper {
         margin-bottom: 50px;
    }
     .slider-bottom-infobar .col.large-9 span{
         width:80%;
         font-size: 17px;
         line-height: 21px;
           margin-top: 8px;
           word-spacing: 3px;
    }
     .learn-more a{
         font-size: 1.6rem;
    }
     .last-info-wrapper {
         padding: 0px 5px 20px 5px;
         max-width: 90.33333%;
    }
     .last-info-wrapper .accordion-title, .schedule-service .accordion-title{
         padding: 15px 30px 15px 15px !important;
         font-size:1.7rem !important;
    }
     .last-info-wrapper .accordion-inner{
         padding: 1em;
    }
     .last-info-wrapper .accordion-inner p{
         font-size:1.8rem !important;
    }
     .last-info-wrapper .accordion .toggle, .schedule-service .accordion .toggle {
         left: 88%;
    }
     .bottom-main-wrapper img{
         max-width:33%;
    }
     .bottom-main-wrapper .col:first-child{
         text-align: center;
    }
     .tabs-top-wrapper .tab{
         width:150px !important;
    }
   
   
     .slider-bottom-infobar .col.large-9 img {
         height: 40px;
         margin-top: 8px;
    }
     .how-phys-help-moms, .how-nurse-help-moms{
         font-size: 1.6rem;
    }
     .text-box.banner-layer p{
         font-size:21px !important;
       	width:90%;
    }
   
   .row.category-main-title {
    	margin-top: 400px;
     	margin-bottom:0px;
     max-width: 90% !important;
	}
   
   .category-main-title .medium-2{
   		text-align:center;
   }
   
   .category-main-title .medium-2 img{
   		max-width:33%;
   }
   
   .tabs-top-wrapper .tab{
   	line-height:23px;
     font-size: 15px;
   }
   
   .slider-bottom-infobar {
      min-height: 90px;
      padding: 20px 10px;
	}
   
   .tab-content .flickity-page-dots {
      left: 0%;
      bottom: -25px;
      width: 100%;
	}
   
   	.tabs-top-wrapper{
   		top:0;
   }
   
}

@media screen and (max-width: 549px){
  .flickity-page-dots {
    pointer-events:auto !important;
  }
  
  .last-info-wrapper .accordion .toggle, .schedule-service .accordion .toggle{
  	top:0;
  }
  
  .playpause {
          width: 90px;
      background-size: 90px 40px;
	}
  
  .tabs-top-wrapper .tab.active {
    transform: scale(1.1);
        margin-top: 3px;
	}
  
  }
 </style>
<!-- end Simple Custom CSS and JS -->
