/* background gradients */

.orange-color {
background-color:#db8520;
}

.blue-color {
background-color:#74c6de;
}

.green-color {
background-color:#abd037;
}

.dark-blue-type {
color:#007ea1;
}
.dark-orange-type {
color:#976525;
}
.dark-green-type {
color:#6e8b21;
}


h1 {
color: #4E484C;
}

.bg-brown {
background-color: #4E484C;
}
.top-icon-brown {
color: #C4BFC0;
}

#banner {
     background-color: yellow;   
}

.nav-link {
border-bottom: .25rem solid transparent;
}

.top-menu {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}

.padding-right {
padding-right: 15px;
}

footer {
    color: #C4BFC0;
    background-color: #4E484C;
    
}

.blue-bottom {
background-color: #00ADDC;
}

.orange-bottom {
background-color: #F6921E;
}

.green-bottom {
background-color: #ABD037;
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(132, 132, 132, 0.5);
}
    
.navbar-light .navbar-nav .active>.nav-link {
    color: rgb(79, 72, 76);
}
.navbar-brand {
    padding-top: 2.8rem;
    padding-bottom: 2.8rem;
    padding-left: 1.7rem;
}

/* UNDERLINE NAVIGATION */


.topnav a:hover span {
	padding-bottom: 12px;
  border-bottom: 3px solid #4E484C;
}

.active>.nav-link span {
	padding-bottom: 12px;
  border-bottom: 3px solid #4E484C;
}


.phd-home, .phd-phone {
	background-image: none;
	padding:0 0 0 20px;
}

@media only screen and (min-width: 330px) {
  /* For mobile phones: */
.phd-home {
	background-image: url('phd-home.svg');
	background-repeat: no-repeat;
	padding:0 0 0 16px;
}
.phd-phone {
	background-image: url('phd-phone.svg');
	background-repeat: no-repeat;
	padding:0 18px 0 24px;
	color:#C4BFC0;
}
}

/* Single Image base class */
.single-image {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.single-image-caption {
  	bottom: 1.5rem;
  	z-index: 10;
	position: absolute;
    right: 1%;
    left: 12%;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}

/* Declare heights because of positioning of img element */
.single-image-item {
  height: 32rem;
}
.single-image-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}
.single-image-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .single-image-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }
}
.card-title {
    margin-bottom: 0rem;
}


hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    background: url(ruler.png) no-repeat center;
    height: 5px;
}

.lead {
color: #4E484C;
}

.orange-type {
color: #F6921E;
}

.blue-type {
color: #00ADDC;
}

.green-type {
color: #ABD037;
}

.top-buffer { 
margin-top:20px; 
}

a[href^="tel"]{
    color:inherit;
    text-decoration:none;
}