/**
 * main.CSS
 *
 * Description: This is the style sheet for the Personal Portfolio Porject
 * Author: Christian Vance
 * Last Modified: 10/01/2018
 */
/*********************** Elements ***********************/
a:visited { text-decoration: none; color:rgb(19, 175, 162); } /* old value: #b91ec7; */
a:hover { text-decoration: none; color:rgb(19, 175, 162); } /* old value: #b91ec7; */
a:focus { text-decoration: none; color:gray; }
a:active { text-decoration: none; color:rgb(14, 109, 101); }

pre code {
    background-color: #eee;
    display: block;
    text-align: left;
    padding: 20px;
  }

/*********************** Classes ***********************/
.content-header {
    color: dimgray;
}

.content-txt {
    color:grey;
    font-size: 20px;
}

.socialmedia {
    color: darkgrey;
    margin-top: auto;
    margin-bottom: auto;
    margin-left:auto;
    margin-right:auto;
    list-style-type: none;
    font-size: 24px;
}

.drones {
    color: rgb(19, 175, 162);
    margin-top: auto;
    margin-bottom: auto;
    margin-left:auto;
    margin-right:auto;
    list-style-type: none;
    font-size: 24px;
    font-weight: bold;
}

.hljs-number {
    color: rgb(32, 62, 195);
}

.hljs-comment {
    color: rgb(29, 138, 71);
}

.hljs-function {
    color: rgb(189, 72, 209);
}

.hljs-keyword {
    color: rgb(33, 167, 172);
}


/*********************** Boostrap Overides ***********************/
/* change the background color */
.navbar-custom {
    background-color: rgb(20, 144, 134);
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: rgba(83, 83, 83, 0.8);  /*rgba(255,255,255,.8)*/
    font-weight: bold;

}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: rgba(83, 83, 83, 0.6);
    font-weight: bold;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .nav-item:hover .nav-link {
    color: #ffffff;
}
/* Custom footer to match Navbar asthetics */
/* .footer-custom { */
    /* font-family:"sans-serif";
    height:25px;
    background-color:#4ab098; /* old color a57ba9 */
    /* color:white;
    text-align:center;
    padding:10px; */
/* } */ 

.footer-custom {
    bottom:0;
    width:100%;
    height:60px;   /* Height of the footer */
    /* background-color:rgb(14, 109, 101); */
    color: darkgrey;
}