/** Product Detail Page Styles and Themes */
video {
    border: 1px solid #cfcfcf !important;
}
.bc-player-default_default.vjs-mouse .vjs-big-play-button {
    top: 37%;
    left: 40%;
}
.hero-bar {}
.hero-bar h2 {font-size: 24px;}
.theme-darkpink .body-copy h3 {
    color:#be1277;
}
.prod-footer {
    font-size:10px;
}
.pregnancy-pro .hero-copy ul { font-size: 17px; line-height: 36px;}
.body-copy {font-size: 17px;}
.pink-number span {
    font-size: 30px;
    color: #FFF;
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 50%;
    background: #be1277;
    display: inline-block;
    text-align: center;
}
.theme-blue .hero-copy h2, .theme-purple .hero-copy h2 { color: #7f32a0; }
.img-center {margin: 0 auto;}
.nutrients h3 {margin-top: 5px; color: #be1277;}
    /** Breakpoints */

    /** Mobile - XS */
    @media (max-width: 767px){
        .hero-bar, .hero-bar .hero-image {
            margin-top: 0;
            margin-bottom: 0;
        }
        .hero-bar {
            background: #FFF !important;
            border: none !important;
        }
        .color-bar {
            position: absolute;
            width: 100%;
            height: 80%;
            left: 0;
            margin: 8% 0 0;
        }
        .theme-darkpink .color-bar {
            background: #e12590; /* Old browsers */
            background: -moz-linear-gradient(top,  #e12590 0%, #be1277 56%, #be1277 89%, #e12590 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #e12590 0%,#be1277 56%,#be1277 89%,#e12590 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #e12590 0%,#be1277 56%,#be1277 89%,#e12590 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e12590', endColorstr='#e12590',GradientType=0 ); /* IE6-9 */
        }
        .theme-blue .color-bar {
            background: #a0d6f4; /* Old browsers */
            background: -moz-linear-gradient(top,  #a0d6f4 0%, #7bc5f0 70%, #51a2d0 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #a0d6f4 0%,#7bc5f0 70%,#51a2d0 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #a0d6f4 0%,#7bc5f0 70%,#51a2d0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0d6f4', endColorstr='#51a2d0',GradientType=0 ); /* IE6-9 */
        }
        .theme-purple .color-bar {
            background: #ceabdc; /* Old browsers */
            background: -moz-linear-gradient(top,  #ceabdc 0%, #bc8acf 70%, #8560a9 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  #ceabdc 0%,#bc8acf 70%,#8560a9 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  #ceabdc 0%,#bc8acf 70%,#8560a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceabdc', endColorstr='#8560a9',GradientType=0 ); /* IE6-9 */
            border-top: 1px solid #bc8acf;
        }
        .hero-image img {margin: 0 auto; position: relative;}

        .hero-copy {color: #666666;}
        .theme-darkpink .hero-copy h2 {color: #BE1277;}
        .theme-purple .hero-copy h2 {color: #602b74;}
        .theme-blue .hero-copy h2 { color: #457BF6; }
        .pink-number span {
            font-size: 26px;
            width: 46px;
            height: 46px;
            line-height: 46px;
        }
        .center-sm {
            text-align: center;
        }
    }

    /** Tablet landscape - SM */
    @media (min-width: 768px) and (max-width: 991px){
        .pregnancy-pro .hero-copy ul { font-size: 16px; line-height: 26px;}
        .pink-number span {
            font-size: 26px;
            width: 46px;
            height: 46px;
            line-height: 46px;
        }
        .body-copy {font-size: 15px; line-height: 18px;}
    }
    /** Desktop Default - MD */
    @media (min-width: 992px) and (max-width: 1199px){
        .hero-bar  {font-size: 16px;}
        .pregnancy-pro .hero-copy ul { font-size: 16px; line-height: 30px;}
    }

    /** Desktop Large - LG */
    @media (min-width: 1200px) {
        .hero-bar  {font-size: 17px;}
       .top-bottom-padding {
            padding: 15px 0;
        }
            
    }