/* Default CSS */

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

.nava {
color: #778899 !important;
}

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

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

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

.linkborder {
  border-bottom: 1px solid #eee !important;
  padding: 10px !important;
}

/* --------- Hero, with the image of doctor in the background ------- */

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

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

/*
@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) {
  #menu-toggle {
    visibility: visible;
  } }

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

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

.mainh2 {
    padding: 0 0 15px 0 !important;
    font-family: 'Montserrat', Arial !important;
    font-weight: 700;
    font-size: 1.5em !important; 
    text-align: left;
}

.h2box {
    padding: 15px 0 15px 10px;
    font-family: 'Dancing Script', Arial;
    font-weight: bold;
    font-size: 2em !important; 
    color: #333;
}

.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: 1.1em;
    line-height: 2em;
    color: #333;
    text-align: justify;
}

.contenta {
    font-family: 'Nunito', sans-serif;
    text-decoration: none !important;
    font-weight: normal !important;
    font-size: 1.1em;
    line-height: 2em;
    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: bottom !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: #515c6b;
    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: #eee;
}

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

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

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

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



.rightside {
  text-align: right;
}
/* --------------------------------------- Icon Font ----------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?73lkjb');
  src:  url('../fonts/icomoon.eot?73lkjb#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?73lkjb') format('truetype'),
    url('../fonts/icomoon.woff?73lkjb') format('woff'),
    url('../fonts/icomoon.svg?73lkjb#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: never;
  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-caret-right:before {
  content: "\e900";
}
.icon-quill:before {
  content: "\e907";
}