/* remove bottom padding*/
.jumbotron {
    padding: 3rem;
    margin-bottom: 0rem; 
    background-color: #e9ecef;
    border-radius: .3rem;
}
/*space nav menu options*/
@media (min-width: 992px){
    .navbar li {
        margin-left : 1em;
        margin-right : 1em;
    }
}
/*hide/show the menu options*/
li.testing-nav {
	display: none;
}
li.bio-nav {
	/*display: none;*/
}



/*coloring the hr line*/
hr.colored {
    border-color: #ef4035;
}
/* access CRM page styling*/
.img-responsive {
   max-width: 100%;
   width: 80%;
   border: 1px solid;
}
/* access page images and tag styling*/
.access-scrnshot{
	margin-bottom: 5%;
	font-style: italic;
}
/*contact form button color*/
.btn-primary {
    color: #fff;
    background-color: tomato;
    border: 0px transparent;
}
a:not([href]):not([tabindex]) {
    color: white;
    text-decoration: none;
}
.btn-primary:hover {
  background: #ffbf47;
}
/*contact form anti_spam mechanism*/
.antispam { display:none;}


/*make jumotron responsive*/

.top-bar {
  text-align: right;
  background-color: #343a40;
  padding-right: 2%;
}

.language-selector {
  color: white;
}
.language-selector:hover {
  color: gray;
}

.bio-column {
  padding-left: 10%;
  padding-right: 10%;
}

.card-header a {
  color: black;
  font-weight: bold;
}

/* images */
/* make image fit on text line */
.inline_img {
    height: 1em;
}

.no-border {
    border: None;
}

/* add padding to image */
.img-padding {
    padding: 3%;
}

/* code explanation in-between code blocks */

.code-expanation {
    padding: 1%;
    font-size: 1.25em;
}

/* in column images */

.in-column {
   max-width: 100%;
   width: 80%;
   border: 1px solid;
}