/** Clinical Studies */
.body-content {padding: 0;}
.text-italic {font-style: italic;}
.hero-bar {margin-top: 0; margin-bottom: 0;}
            .hero-bar .hero-image {
                margin-top: 0;
                margin-bottom: 0;
            }
.title-bar {
    font-size: 28px;
    color: #FFF;
}
.study-detail .breadcrumb .active {
    width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align:top;
}
.study-detail i.study-reference {
    margin:0 0 10px;
    display:block;
}
.study-content {
    background: #F3F3F3;
}
.study-content article {
    background: #FFF;
    margin: 15px 0 15px 0;
    padding: 15px;
    min-height: 240px;
}
.study-asset {
    margin-bottom:25px;
}
.replens-landing .study-content article {
    min-height: 160px;
}
.study-content article h2 {
    font-size: 22px;
    font-weight: normal;
    padding: 0 0 10px 0;
    margin: 0;
}
.callout {
    width: 100%;
    min-height: 240px;
    max-width: 380px;
    border: 1px solid #f3cfe5;
    padding:15px;
    position: relative;
    margin: 10px auto;
    display: block;
}
.callout:hover, .callout:focus {text-decoration:none;}
.callout .btn {
    display: block; 
    width: 90%; 
    position: absolute; 
    bottom: 15px; 
    font-size: 18px; 
    color: #FFF; 
    text-transform: uppercase; 
    padding: 10px;
    left: 5%;
    right: 5%;
    border-radius: 10px;
}
.callout h3 {font-size: 26px; font-weight: normal; text-align: center; margin-top: 5px; margin-bottom: 5px;}
.callout p {font-size: 18px; font-weight: normal; text-align: center; color: #58595b; line-height: 20px;}
.callout-pre-seed, .callout-pre-seed:hover, .callout-pre-seed:focus {
    border-color: #f3cfe5;
    color: #c3157b;
    background-size: 100% auto;
}
    .callout-pre-seed .btn {
        background: #c3157b;
    }
.callout-rephresh, .callout-rephresh:hover, .callout-rephresh:focus {
    border-color: #d8c9ef;
    color: #602b74;
    background-size: 100% auto;
}
    .callout-rephresh .btn {
        background: #602b74;
    }
.callout-replens, .callout-replens:hover, .callout-replens:focus {
    border-color: #d1d5f0;
    color: #2a99d7;
    background-size: 100% auto;
}
    .callout-replens .btn {
        background:#2a99d7;
    }

.hero-copy h2 {font-size: 48px;}
.hero-copy p {font-size: 22px;}

.theme-cs-pink {}
.theme-cs-pink h1, .theme-cs-pink .callout-rectangle.dark i, .theme-cs-pink .study-content article h2 { color: #BB1570; }
.theme-cs-pink .breadcrumb > .active { color: #BB1570; }
.theme-cs-pink .hero-bar, .theme-cs-pink .title-bar {
    background: #BB1570;
}
.theme-cs-pink .title-bar {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #A93275;
}
.btn-pink {
    color: #BB1570;
    background: #FFFFFF;
    border-color: #BB1570;
}
.btn-pink-solid {
    background: #BB1570;
    border-color: #BB1570;
    color: #FFF;
}
.study-content .btn-pink,
.theme-cs-pink .btn-pink {
    background: #bb1570 none repeat scroll 0 0;
    border-color: #bb1570;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    padding: 9px 60px;
}
.theme-cs-purple {}
.theme-cs-purple h1, .theme-cs-purple .callout-rectangle.dark i, .theme-cs-purple .study-content article h2 { color: #552669; }
.theme-cs-purple .breadcrumb > .active { color: #552669; }
.theme-cs-purple .hero-bar, .theme-cs-purple .title-bar {
    background: #552669;
}
    .theme-cs-purple .title-bar {
        border-top: 1px solid #d7d7d7;
        border-bottom: 1px solid #623F70;
    }
.btn-purple {
    color: #552669;
    background: #FFFFFF;
    border-color: #552669;
}
.btn-purple-solid {
    background: #552669;
    border-color: #552669;
    color: #FFF;
}
.study-content .btn-purple,
.theme-cs-purple .btn-purple {
    background: #552669 none repeat scroll 0 0;
    border-color: #552669;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    padding: 9px 60px;
}
.theme-cs-purple .btn-pink {
    background: #bb1570 none repeat scroll 0 0;
    border-color: #bb1570;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    padding: 9px 60px;
}
.theme-cs-blue {}
.theme-cs-blue h1, .theme-cs-blue .callout-rectangle.dark i, .theme-cs-blue .study-content article h2 { color: #258ED1; }
.theme-cs-blue .breadcrumb > .active { color: #258ED1; }
.theme-cs-blue .hero-bar, .theme-cs-blue .title-bar {
    background: #258ED1;
}
    .theme-cs-blue .title-bar {
        border-top: 1px solid #d7d7d7;
        border-bottom: 1px solid #3F8AB8;
    }
.btn-blue {
    color: #258ED1;
    background: #FFFFFF;
    border-color: #258ED1;
}
.btn-blue-solid {
    background: #258ED1;
    border-color: #258ED1;
    color: #FFF;
}
.study-content .btn-blue,
.theme-cs-blue .btn-blue {
    background: #258ED1 none repeat scroll 0 0;
    border-color: #258ED1;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    padding: 9px 60px;
}
.theme-cs-blue .btn-pink {
    background: #bb1570 none repeat scroll 0 0;
    border-color: #bb1570;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    padding: 9px 60px;
}

/** Downloads page styles */
.page-downloads article {
    width: 80%;
    margin: 35px 0;
}
.page-downloads article h3 {
    font-size: 22px;
    color: #c3157b;
}
.page-downloads article p {
    font-size: 16px;
    font-style:italic;
}
.page-downloads .btn-download {
    padding: 6px 60px;
    text-transform: uppercase;
    font-weight: bold;
}
.btn-pink-solid:hover {
    text-decoration: none;
    color: #FFF !important;
}
/** Breakpoints */

    /** Mobile - XS */
    @media (max-width: 767px){
        .hero-copy h2 {font-size: 28px;}
        .hero-copy p {font-size: 16px; line-height: 20px;}
        .hero-image img {margin: 0 auto;}
    }

    /** Tablet landscape - SM */
    @media (min-width: 768px) and (max-width: 991px){
        .hero-copy h2 {font-size: 28px;}
        .hero-copy p {font-size: 16px; line-height: 20px;}
        .callout {
            min-height: 240px;
        }
        .callout h3 {
            font-size: 20px;

        }
        .callout p {
            font-size: 16px;
            line-height: 18px;
        }
        .callout .btn {
            font-size: 14px;
            padding: 6px;
        }
    }
    /** Desktop Default - MD */
    @media (min-width: 992px) and (max-width: 1199px){
        .hero-copy h2 {font-size: 40px;}
        .hero-copy p {font-size: 20px;}
    }

    /** Desktop Large - LG */
    @media (min-width: 1200px) {
        
    }