/* 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;  
}
/* --------- Hero, with the image of doctor in the background ------- */

.hero {
  background: url(../images/earlyheader.jpg) center / cover;
  background-color: #fff;
}

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


/* -------------  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 ----------- */

.earlyh2 {
    padding: 15px 0 15px 0;
    font-family: 'Dancing Script', cursive;
    font-weight: bold;
    font-size: 2em !important; 
    line-height: 2.4em !important;
    color: #333;
    text-align: center;
}

.earlyh2b {
    padding: 15px 0 15px 10px;
    font-family: 'Open Sans', Arial;
    font-weight: 400;
    text-align: center;
    font-size: 1.5em !important; 
    color: #333;
}

.earlyh3 {
    font-family: 'Montserrat', cursive;
    font-weight: 400;
    font-size: 1.4em !important; 
    line-height: 2em !important;
    color: #333;
    text-align: left;

}

.contenth2b {
    padding: 15px 0 15px 0;
    font-family: 'Open Sans', Arial;
    font-weight: 700 !important; 
    font-size: 1.5em !important; 
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    text-align: left;
}

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

.earlya {
    font-family: 'Nunito', Arial;
    font-weight: 300 !important;
    font-size: 1.1em;
    line-height: 2em;
    text-decoration: none !important;
}

.contenta:hover {
    color: #9d2160 !important;
}

.contenta:visited {
    color: inherit;
    text-decoration: none;
}

.image {
    max-width: 100% !important;
    height: auto !important;
    padding: 1em;
}

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

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

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

.padleft {
    padding-left: 0.5em ;
}

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

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

}

.footera {
    font-family: 'Nunito', Arial;
    font-weight: normal;
    font-size: 0.9em;
    color: #333;
    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: #999;
}

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

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

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

.divider {
 display: block;
 background-color: #eee;
 height: 1px;
}

.rightside {
  text-align: right;
}

/* --------------------------------------- Icon Font ----------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('../icomoon.eot?muwl5f');
  src:  url('../icomoon.eot?muwl5f#iefix') format('embedded-opentype'),
    url('../icomoon.ttf?muwl5f') format('truetype'),
    url('../icomoon.woff?muwl5f') format('woff'),
    url('../icomoon.svg?muwl5f#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-caret-right:before {
  content: "\f0da";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-dot-circle-o1:before {
  content: "\e901";
}
.icon-stethoscope:before {
  content: "\e900";
}
.icon-alternate_email:before {
  content: "\e902";
}
.icon-phone:before {
  content: "\e942";
}
.icon-location2:before {
  content: "\e948";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-users:before {
  content: "\e972";
}
.icon-search:before {
  content: "\e986";
}