/* Default CSS */

/* -------- The tp menu at the end, which hides on mobile ---------*/

.nava {
color:#778899  !important; /* #d3b5e5 */ 
}

.nava:hover {
color: #fff !important; 
background-color: #ba55d3 !important; 
}

.nava:active {
color: #fff !important; 
background-color: #ba55d3 !important; 
}
/* --------- Hero, with the image of doctor in the background ------- */

.hero {
  background: url(../images/bannerjourney.jpg) center / cover;
}

.borderbottom {
padding-bottom: 10px;  
border-bottom: 1px solid #ba55d3;
}

/*
@media (max-width: 1024px) { .hero { url(doctor02.jpg) center / cover; } }
@media (max-width: 768px) { .hero { url(doctor03.jpg) center / cover; } }
*/

/* -------------  To hide menu on desktop and show on mobile devices ----------- */

@media screen and (max-width: 1023px) {
  #navbarLinks {
    visibility: visible;
  } }

@media screen and (min-width: 1024px) {
  #navbarLinks {
    visibility: hidden;
  } }

/* -------------  content in the right column properties ----------- */

.contenth2 {
    padding: 15px 0 15px 0;
    font-family: 'Open Sans', Arial;
    font-weight: bold;
    font-size: 1.5em !important; 
    line-height: 1.6em !important;
    border-bottom: solid 1px #ccc;
    color: #333;
    text-align: left;
}

.contenth2w {
    padding: 15px 0 15px 0;
    font-family: 'Open Sans', Arial;
    font-weight: bold;
    font-size: 1.5em !important; 
    line-height: 1.6em !important;
    border-bottom: solid 1px #eee;
    color: #333;
    text-align: left;
}

.contentp {
    font-family: 'Nunito', sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6em;
    color: #333;
    text-align: justify;
}

.contenta {
    font-family: 'Nunito', Arial;
    text-decoration: none !important;
    color: #ba55d3 !important;
}

.contenta:hover {
    color: #3273dc !important;
}

.addpadding {
    margin: 10px;
    padding: 15px;
    border: 1px solid #eee;
}

.addmargin {
    margin: 10px;
    border: 1px solid #eee;
}

.imgborder {
  border: 1px solid #ccc !important;
  padding: 5px !important;
}

.imgborderw {
  border: 1px solid #eee !important;
  padding: 5px !important;
}

.below {
  vertical-align: top; !important;
}

/* -------------  Breast cancer section properties ----------- */
.bcpadding {
    margin: 5px 5px 0 5px;
    padding: 5px 5px 10px 5px;
}

.bcmenuh4 {
    font-family: 'Nunito', Arial;
    font-weight: bold;
    font-size: 1.2em !important; 
    color: #333;
    padding: 10px 0 10px 0 !important;
    border: 1px solid #ccc;
}

.bca {
    font-family: 'Nunito', Arial;
    font-weight: normal;
    font-size: 1em;
    color: #ba55d3;
    padding-left: 0.25em;
    vertical-align: top;
}

.equal {
  display: flex;
}


/* --------Footer properties-------------  */

.footerhead {
    font-family: 'Montserrat', Arial;
    font-weight: normal;
    letter-spacing: 0.1em;
    font-size: 1em;
    color: #fff;

}

.footera {
    font-family: 'Nunito', Arial;
    font-weight: normal;
    font-size: 0.9em;
    color: #fff;
    padding-left: 0.25em;
    vertical-align: top;
}

.footerag {
    font-family: 'Nunito', Arial;
    font-weight: normal;
    font-size: 0.9em;
    color: #777;
    padding-left: 0.25em;
    vertical-align: top;
}

.footera:hover {
  color: #ffd743;
}

.footerp {
    font-family: 'Nunito', Arial;
    font-weight: normal;
    font-size: 0.9em;
    color: #fff;
    vertical-align: top;
}


/* ----------------- Divider ----------------------  */

.divider {
 display: block;
 background-color: #dedede;
 height: 1px;
 margin: 0.5rem 0;  
}

/* ----------------- Fonts ----------------------  */
.nunito {
    font-family: 'Nunito', Arial !important;

}

.opensans {
    font-family: 'Open Sans', Arial !important;

}

.dancing {
  font-family: 'Dancing Script', cursive;
}

.dancingp {
  font-family: 'Parisienne', cursive;
  font-size: 1.2em;
  font-weight: normal;
}
/* ----------------------- Background colors and text colors --------------------- */

/* --- Light backgrounds */

.has-background-lightsteel {
  background-color: #b0c4de !important;
}

.has-background-babyblue {
  background-color: #bbe7fe !important;
}

.has-background-aliceblue {
  background-color: #f0f8ff !important; /* c197d2 */
}

.has-background-peachpuff {
  background-color: #ffdab9 !important; /* c197d2 */
}

.has-background-whitesmoke {
 background-color:#f5f5f5  !important; /* #9d2160 */
}

.has-background-azure {
 background-color:#f0ffff  !important; /* #9d2160 */
}

/* --- Other backgrounds */

.has-background-salmon {
  background-color: #f2bed8 !important;
}

.has-background-pink {
  background-color: #d2659c !important;
}

.has-background-pinklight {
  background-color: #fbe3ef !important;
}

.has-background-rain {
  background-color: #99cdf7 !important;
}

.has-background-blue {
  background-color: #4c9ada !important;
}

.has-background-bluelight {
  background-color: #a2cef2 !important;
}


.has-background-yellow {
  background-color: #ffefbf !important;
}

.has-background-lilac {
  background-color: #d3b5e5 !important;
}

.has-background-green {
  background-color: #90ee90 !important;
}

.has-background-lavender {
  background-color: #ba55d3 !important; /* c197d2 */
}

.has-background-royalblue {
 background-color:#6495ed  !important; /* #9d2160 */
}

.has-text-bluelight {
 color:#a2cef2  !important; /* #9d2160 */
}

.has-text-lilac {
 color:#d3b5e5  !important; /* #9d2160 */
}

.has-text-peachpuff {
 color:#bc8f8f  !important; /* #9d2160 */
}

.has-text-pink {
 color:#9d2160  !important; /* #9d2160 */
}

.has-text-green {
 color:#16a085  !important; /* #9d2160 */
}

.has-text-pinklight {
 color:#ff84d1  !important; /* #9d2160 */
}

.has-text-blue {
 color:#3273dc  !important; /* #9d2160 */
}

.has-text-steelgrey {
 color:#515c6b  !important; /* #9d2160 */
}

.has-text-lightgrey {
 color:#778899  !important; /* #9d2160 */
}

.has-text-lavender {
 color:#ba55d3  !important; /* #9d2160 */
}

.has-text-lavenderdark {
 color:#5a036f  !important; /* #8d15ab */
}