#masterHeaderImage {
    background-image: url(/images/FSRH_CC/Header/logo.svg) !important;
    width: 200px;
    height: auto;
}

.header-bottom-container {
    background-color: #032451;
}

.header-logo-container {
    float: none;
    margin-bottom: 1em;
}

.logo2 img {
    float: right;
}

@media(max-width:767px) {
    #masterHeaderImage {
        text-align: center;
        margin-bottom: 1em;
    }

    .logo1,
    .logo2 {
        float: none;
        text-align: center !important;
    }
}

.RadMenu.RadMenu_Toronto .rmRootGroup>.rmItem>.rmLink {
    text-transform: none;
    letter-spacing: 0.5px;
}

ul.psc-cb-tabset-nav {
    flex-wrap: wrap;
}

h3.subheading-method {
    text-align: center;
    color: #00b2a9;
}

.img-method img {
    width: 100%;
    height: auto;
}

.whats-right {
    background-color: #00b2a9;
    padding: 32px 0;
    color: #ffffff;
    text-align: center;
}

.whats-right h2 {
    color: #fff;
    border: none;
    font-size: 32px;
    font-weight: 600;
}

.p-btn, .btn.btn-Primary {
    max-width: fit-content
}

.whats-right .p-btn {
    /* max-width:150px; */
    margin: 8px auto;
}

.whats-right .p-btn a,
.p-btn, .btn.btn-Primary, :is(a,button).psc-cb-button.p-btn {
    background-color: #c70752!important;
    display: block;
    padding: 1em 1.2em!important;
    text-decoration: none;
    font-size: 15px!important;
    color: #fff;
    border-radius: 4px;
    text-transform: none!important;
}

.whats-right .p-btn a:hover, .btn.btn-Primary a:hover, :is(a,button).psc-cb-button.p-btn:visited, :is(a,button).psc-cb-button.p-btn:hover {
    background-color: #d23371!important;
}

.carousel-caption {
    background-color: rgba(0, 178, 169, 0.75);
}

div#ste_container_HomeIntroText h3 {
    font-size: 18px;
    font-weight: 400;
    padding: 8px 55px;
}

.psc-cb-ipart-container {
    padding-top: 25px;
    padding-bottom: 15px;
}

h2.psc-cb-card-title.psc-cb-ipart-title {
    font-weight: 600 !important;
    font-size: 26px;
    padding: 5px 10px;
    text-align: center;
    color: #00b2b1;
    border: none;
}

.psc-cb-card.psc-cb-card-vertical {
    box-shadow: none;
    border: 1px solid #00b2a9;
}

.psc-cb-card-detailcol {
    background-color: #07c7c6;
}

h4.psc-cb-card-heading {
    margin-bottom: 0px !important;
    padding-bottom: 0px;
    color: #fff !important;
    height: 10px !important;
}

.psc-cb-card-action {
    margin-bottom: 0 !important;
}

.psc-cb-ipart-content-heading h2 {
    border: none !important;
}

.psc-cb-tabset-tabs {

    border: solid 1px #f5a500;

}

.psc-cb-cards .psc-cb-card .psc-cb-card-description {
    margin-top: 2em;
}

.psc-cb-dynamic-description {
    color: #fff;
}

:is(.psc-cb-events-list, .psc-cb-magazine-list, .psc-cb-dyncontent-list, .psc-cb-dynfilter-events-list, .psc-cb-products-list) .psc-cb-card {
    box-shadow: none;
    border: 1px solid var(--card-bg);
}

.Wrapper-FullWidth #masterContentArea.container {
    max-width: 100%;
    padding: 0;
}

.Wrapper-FullWidth #masterContentArea .container-inner,
.Wrapper-FullWidth.Wrapper-HomePage .OnBehalfOfContainer {
    max-width: 1170px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.home-vid-title {
    padding: 10px 15px 7px 16px;
    font-size: 15px;
    line-height: 19px;
    text-align: center;
    background-color: #25adba;
    min-height: 60px;
    margin-bottom: 7px;
    color: #fff;
    margin-top: -7px;
}


.all-methods {
    text-align: center;
    padding: 15px 25px;
}


.all-methods .p-btn {
    /* max-width:150px; */
    margin: 8px auto;
}

.all-methods .p-btn a,
.p-btn {
    background-color: #c70752;
    display: block;
    padding: 8px 15px;
    text-decoration: none;
    font-size: 15px;
    color: #fff;
    border-radius: 4px;
}

.all-methods .p-btn a:hover,
.p-btn:hover,
.p-btn:visited {
    background-color: #d23371;
    color: #fff!important;
}


div#ste_container_ciHomeContraceptionMethods {
    background-color: #eeeeee;
    padding-bottom: 30px;
}


div#ste_container_ciHomeContraceptionMethods .psc-cb-tabset-tabs {
    background-color: #fff;
}

div#ste_container_ciHomeContraceptionMethods a.psc-cb-button {
    background-color: #ff8300;
}


.homne-vid-contain {
    max-width: 1138px;
    margin: 0 auto;
}


div#ctl01_TemplateBody_WebPartManager1_gwpciUCLLogo_ce88914c326a40a789f20a8fd11fd8ac_ciUCLLogo_ce88914c326a40a789f20a8fd11fd8ac_Panel_UCLLogo h2 {
    border: none !important;

}

.home-ucl-logo {
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}

.home-ucl-logo h2 {
    color: #00b2a9;
}

.footer-content {
    background-color: #011025;
    color: #fff;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 20px;
}

.footer-top-button {
    padding: 0;
    font-size: 1.5em;
}

.footer-left .green,
.footer-middle .green {
    background-color: #006660;
}

.footer-right .orange {
    background-color: #ff8300;
}

.footer-right .logo img {
    width: 70%;
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer-top-button a {
    padding: 10px;
    display: block;
    text-decoration: none;
    color: #fff;
}


.footer-bottom ul {
    text-align: left;
    padding: 7px 0px;
}

.footer-bottom li {
    list-style-type: none;
    padding: 5px 0px;
}

.footer-bottom a {
    text-decoration: none;
}


.footer-rught .logo img {
    width: 80%;
    text-align: right;
}

.footer-nav-copyright {
    display: none;
}

.dyk-wrap {
    padding: 0;
}

.dyk-wrap .green {
    background-color: #00b2a9;
}

.dyk-wrap .blue {
    background-color: #032451;
}

.dyk-wrap .red {
    background-color: #c70752;
}

.dyk-wrap .orange {
    background-color: #ff8300;

}

.dyk {
    padding: 30px 25px;
    text-align: center;
    color: #fff;
    height: 280px;
    margin: 15px 0 15px 0;
}

.dyk h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 7px;
}

.dyk a {
    color: #fff;
    text-decoration: none;
}

.dyk a:hover {
    color: #fff;
    text-decoration: underline;
}

div#ctl01_TemplateBody_WebPartManager1_gwpciDidYouKnowTitle_2bb13ee19d4d4f948ec0c99f04a7922c_ciDidYouKnowTitle_2bb13ee19d4d4f948ec0c99f04a7922c_Panel_DidYouKnowTitle h2 {
    border: none;
    margin: 20px 0;
}

#masterContentArea {
    margin-top: 0px !important;
}

.panel-body {
    padding: 0px !important;
}

.carousel h2 {
    font-size: 42px;
    font-weight: 300 !important;
}

.RadMenu.RadMenu_Toronto .rmRootLink.rmSelected {
    color: #fff;
    background-color: #00a8b4;
}

.rmLink.rmFocused {
    color: #fff !important;
    background: #00a8b4 !important;
}


.rmLink:hover {
    color: #fff !important;
    background: #00a8b4 !important;
}

.RadMenu.RadMenu_Toronto .rmGroup {
    background-color: #032451 !important;
}

.iMIS-WebPart>.ContentItemContainer,
.WebPartZone>.ContentItemContainer {
    margin-bottom: 0em;
    display: block;
}


@media (min-width: 768px) {
    .carousel-caption {
        left: 33%;
        right: 33%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
}


#infographic #infographic_stage .actor {
    display: block;
    float: left;
    margin-bottom: 12px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/images/FSRH_CC/Homepage/not-pregnant.svg);
    background-size: contain;
}

#infographic #infographic_stage .actor.pregnant {
    background-image: url(/images/FSRH_CC/Homepage/Pregnant_orange_bright.svg);
}

.home-vids {
    padding-top: 5vh;
}

.AlignCenter,
.Center,
.CenterText {
    text-align: -webkit-center;
}

.thumbs {
    color: red;
}

.responsive-table td {
    position: relative;
}

.responsive-table tr td:hover::before {
    content: attr(data-original-title);
    position: absolute;
     right: 100%;
    background: #000;
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
    color: #fff;
    padding: 10px 20px 10px 10px;
    width: max-content;
    margin-top: -.6em;
    transform: translatex(-0%)
}

abbr[title],
abbr[data-original-title] {
    cursor: help;
}
/* 
.home-video-container {  display: grid;
    grid-template-columns: repeat(auto-fill, minmax(var(--card-min-width), 1fr));
    gap: var(--card-gap);
  grid-template-rows: 1fr;
  grid-auto-rows: 1fr;
  grid-auto-flow: row;
  grid-template-areas:
    ". . .";
}
.home-video {  display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    gap: 0px 0px;
    grid-auto-flow: row;
    grid-template-areas:
      "views-field-field-video"
      "home-vid-title"
      "home-vid-description";
  }
  
  .views-field-field-video { grid-area: views-field-field-video; }
  
  .home-vid-title { grid-area: home-vid-title; }
  
  .home-vid-description { grid-area: home-vid-description; }
   */