/* 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/journey/banner01.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;
}

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

.contenth4 {
    font-family: 'Nunito', Arial;
    font-weight: bold;
    font-size: 1.1em !important; 
    line-height: 1.6em !important;
    color: #333;
    text-align: center;
}

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

.contentp1 {
    padding: 20px 0 20px 0;
    font-family: 'Nunito', sans-serif;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.6em;
    color: #333;
    text-align: center;
}

.contenta {
    font-family: 'Nunito', Arial;
    text-decoration: none !important;
    vertical-align: top;
    color: #3273dc !important; /*ba55d3*/
}

.contenta:hover {
    color: #ba55d3 !important;
}

.h2box {
    padding: 15px 0 15px 15px;
    font-family: 'Open Sans', Arial;
    font-weight: normal;
    font-size: 1.25em !important; 
    line-height: 1.6em !important;
    color: #333;
}

.h2boxm {
    padding: 15px 0 15px 15px;
    font-family: 'Montserrat', Arial;
    font-weight: normal;
    font-size: 1.25em !important; 
    line-height: 1.6em !important;
    color: #333;
}

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

.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;
}

/* ----------------------------- Some General pointers -------------------------- */
.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;
}

.equal {
  display: flex;
}

.margin10 {
margin: 0 0.5em 0 0;  
}

.bolder {
font-weight: bolder !important;  
}


/* --------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-twinkle {
  background-color: #abcdef !important;
}

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

.has-background-lavenderlight {
  background-color: #e6e6fa !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-samblue {
 background-color:#3c6382  !important; /* #9d2160 */
}

.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-indianred {
 color:#cd5c5c  !important; /* #9d2160 */
}

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

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

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

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

.has-text-samblue {
 color:#3c6382  !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 */
}

/* --------------------------------------- Icon Font ----------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../journey-of-breast-cancer/icomoon-journey.eot?9a9yhv');
  src:  url('../journey-of-breast-cancer/icomoon-journey.eot?9a9yhv#iefix') format('embedded-opentype'),
    url('../journey-of-breast-cancer/icomoon-journey.ttf?9a9yhv') format('truetype'),
    url('../journey-of-breast-cancer/icomoon-journey.woff?9a9yhv') format('woff'),
    url('../journey-of-breast-cancer/icomoon.-journeysvg?9a9yhv#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-sitemap:before {
  content: "\e902";
}
.icon-universal-access:before {
  content: "\e903";
}
.icon-pie-chart:before {
  content: "\e904";
}
.icon-dot-circle-o:before {
  content: "\e905";
}
.icon-chevron-down:before {
  content: "\e906";
}
.icon-angle-down:before {
  content: "\e907";
}
.icon-angle-right:before {
  content: "\e908";
}
.icon-caret-right:before {
  content: "\e901";
}
.icon-arrow-down:before {
  content: "\e90f";
}
.icon-location:before {
  content: "\e909";
}
.icon-pin:before {
  content: "\e909";
}
.icon-phone:before {
  content: "\e90a";
}
.icon-search:before {
  content: "\e90b";
}
.icon-youtube:before {
  content: "\e90c";
}
.icon-stats:before {
  content: "\e90d";
}
.icon-graph:before {
  content: "\e90e";
}
.icon-target:before {
  content: "\e900";
}