@charset "utf-8";
/* CSS Document */

#chatbubble0 a:before, #chatbubble0 a:after{
    opacity:0!important
}


a.white-link:link,a.white-link:visited{
    color:#fff;
}

a.white-link:hover well.light-purple,a.white-link:active well.light-purple{
    color:#222;
       background:#F5E3EA!important;
}

.light-pink{
    background:#F5E3EA!important;
    color:#222!important;;
}


.light-yellow{
        background:#F7EACF!important;
        color:#222!important;
}

.light-purple{
    background:#86649F!important;
    color:#fff!important;
}


.light-green{
    background:#E1EBD2!important;
    color:#222!important;
}


.light-orange{
    background:#FAB49F!important;
    color:#222!important;
}


.light-pink h2, .light-orange h2, .light-yellow h2,
 .light-green h2{
    color: #3b2667!important;
    font-size:1.5em;
}

.h-100{
    height:100%;
}


   div.img-wrapper-birthcontact {
          background-image: none;
   }

@media(min-width:45em){

    div.img-wrapper-birthcontact {
    background-image: url(/-/Media/Images/socialcareandhealth/adoptsouth/adoptionsupport/contactwithbirth.jpg);
    min-height: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    top:0;
    width: 50%;
    left: 50%;

    border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;

}


}

.well.alternate-one{
	background: #e1ebd2;
	color: #222;
	text-shadow: none;
	border-radius: 2px;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
}


}

    div.img-wrapper-birthrelative-btn {
    background-image: url(/-/Media/Images/socialcareandhealth/adoptsouth/adoptionsupport/birthrelativebtnbg.jpg);
    min-height: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    top:0;
    width: 50%;
    left: 50%;

    border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;

}


    div.img-wrapper-prescribedrelative-btn {
    background-image: url(/-/Media/Images/socialcareandhealth/adoptsouth/adoptionsupport/prescribedrelativebtnbg.jpg);
    min-height: 100%;
    background-position: center;
    background-size: cover;
    position: absolute;
    top:0;
    width: 50%;
    left: 50%;

    border-top-right-radius: 10px;
 border-bottom-right-radius: 10px;

}

.display-flex{
    display:block;
}



#relatives-btns .six.columns p{
    font-weight:700;
     padding:2em 0em 2em 2em;

}


@media(min-width:37.5em){
.display-flex{
    display:flex;
}

#relatives-btns .six.columns p{
         padding:2em 0em 2em 0em;

    text-align:center;
}
}


a[role="button"].border-none{
    border:0!important;
}