/*
Theme Name: Hope411
Theme URI: https://hope411.org
Author: Cybercom Digital
Author URI: https://cybercomdigital.com
version 1.0
Description: Hope411 Website Theme
Colors #734222
#efa24d
#e17f4b
#fe4a40
#6f6965 
#5b33ab
Purple background
*/
@import url('https://fonts.googleapis.com/css2?family=Hammersmith+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Felipa&family=Hammersmith+One&display=swap');
header, nav, main, footer, article, section, aside {
  display: block;
  margin: 0;
  padding: 0;
}
*, *::before, *::after {
  box-sizing: border-box;
  margin-top: 0;
}
html {
  width: 100%;
  height: 100%;
  min-height: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: visible;
}
body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  height: 100vh;
  /* background: #5b33ab; */
  color: #5b33ab;
  /* font-family: roboto; */
  font-family: "Hammersmith One", sans-serif;
  letter-spacing: 1.5px;
  font-size: calc(18px + (24 - 18) * ((100vw - 300px)/(1600 - 300)));
  line-height: calc(1.25em + (5 - 2) * ((100vw - 300px)/(1600 - 300)));
  overflow: visible;
}
.bg-base {
  background: #6f6965;
}
.bg-second {
  background: #ccc;
}
.bg-third {
  background: #ccc;
}
.bg-highlight {
  background: #fff;
}
.clr-base {
  color: #fff;
}
.clr-second {
  color: #fff;
}
.clr-third {
  color: #000;
}
.clr-highlight {
  color: #000;
}
.logo-over {
  position: absolute;
  z-index: 1000;
  top: 7%;
  right: 1.5%;
}
/* New Menu */
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.main-nav li {
	padding: 10px;
	float:left;
}
ul.sub-menu {
    display: none;
	min-width:160px;
    position: fixed;
    background: #1b1b1b;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999;
}
.main-nav ul li:hover > ul.sub-menu {
    display: block;
	animation: fadeIn 1s;
}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
ul.sub-menu a {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}
ul.sub-menu a:hover {background-color: #010101;}

/*.main-nav ul ul ul {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99999;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
.main-nav ul ul li:hover > ul {
    display: block;
	animation: fadeIn 1s;
}*/


@keyframes slideInOut {
    0% {
        opacity: 0;
        visibility: hidden;
		z-index: -100;
        transform: translateY(-500px);
    }
    100% {
        opacity: 1;
        visibility: visible;
		z-index: 100;
        transform: translateY(0);
    }
}
hr {
  border-style: dotted;
  border-color: #EFDADB;
  margin: 1% 10%;
}
h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  font-family: "Felipa", serif;
  text-shadow: 1px 1px 1px #000;
}
h1 {
  font-size: 2.5em;
  text-align: center;
  color: #910c00;
}
h2 {
  font-size: 2.5em;
  color: #910c00;
}
h2.stats {
  color: red;
  font-family: "Hammersmith One", sans-serif;
}
h2.head {
  color: red;
}
h3 {
  font-size: 1.75em;
  color: red;
}
h3.article {
  font-size: 2rem;
}
h4 {
  font-size: 1.75em;
  text-shadow: 0 0 0 #fff;
}
h5 {
  font-size: 1.25em;
}
p {
  /* font-size: 1em; */
}
a, a:visited {
  text-decoration: none;
  color: #efa24d;
  font-family: 'Hammersmith One', sans-serif;
}
a:hover, a:focus {
  color: rgb(154, 87, 14);
  text-decoration: none;
}
li {
  text-decoration: none;
  list-style-type: none;
}
/* This sets the hamburger menu color */
.navbar-toggler-icon {
  color: #fff;
}
.img-ht {
  max-height: 80vh;
}
.ends {
  background: #1b1b1b;
}
.doctor {
  background: linear-gradient(rgba(239, 162, 77, 0.25), rgba(239, 162, 77, 0.25)), url("images/doctor.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: repeat-y;
  background-size: cover;
}
.min {
  min-height: 40vh;
}
.quote {
  background-color: #efa24d;
}
.block {
  background-color: #6f6965;
}
/*.card-deck {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.card {
  flex: 1 0 auto;
	background: #eee;
} */