/*.redBG{
	background-color:rgb(230, 73, 73);
}

.greenBG{
	background-color: rgb(87, 178, 87);
}

.blueBG{
	background-color: rgb(156, 156, 236);
}
 */

@import url('https://fonts.googleapis.com/css?family=Ubuntu&display=swap');

@font-face {
  font-family: Delicious;
  src: url('fonts/FF DIN FONT FAMILY/DIN.ttf');
}

@font-face {
  font-family: Chunkfive-Ex;
  src: url('fonts/Chunkfive Ex.ttf');
}

@font-face {
  font-family: Abolition;
  src: url('fonts/Abolition Regular.otf');
}

.siteHeader {
}

/*
.siteContent{
    margin-top: 180px;
}
*/

body {
  padding-top: 180px;
}

.headerName {
  font-family: Chunkfive-Ex;
  font-family: 'Ubuntu', sans-serif;
  /* font-family: 'Quicksand'; */

  font-size: 60px;
  color: gray;
}

/*Put the media query after the class to apply the effect else  it won't work out*/

@media screen and (max-width: 500px) {
  body {
    padding-top: 100px;
  }
  .headerName {
    font-family: Chunkfive-Ex;
    font-size: 20px;
    color: gray;
  }
}

.page-title {
  /* padding-bottom: 9px; */
  /* margin: 55px 0 20px; */
  /* border-bottom: 3px solid #eee; */
  /* margin-right: auto; */
  /* margin-left: auto; */
  /*position: fixed;
	background-color: white;
	z-index: 999;*/
}

.img-center {
  height: 40px;
  width: 40px;
  /*	margin:0 auto;*/
}

.noPadding {
  padding: 0px;
  width: auto;
  margin-right: 10px;
}

span.glyphicon {
  font-size: 1.5em;
}

.bottomMargin-small {
  margin-bottom: 10px;
}

.profilePic {
  height: 100px;
  width: 100px;
  float: left;
  margin-right: 15px;
}

.border-Left {
  border-left: 5px solid #eee;
}

.rowTitle {
  color: gray;
  /* font-weight: bold; */
  font-size: 18px;
  font-family: Chunkfive-Ex;
}

.rowDesc {
  color: #70b9f0;
  /*font-style: italic;*/
}

.dummyRow {
  margin: 80px;
}

.dummyColumn {
  margin: 30px;
}

.centered-text {
  text-align: center;
  font-weight: bold;
}

.rowDetails {
  text-align: justify;
}

.siteFooter {
  background: #1d1e1f;
  color: white;
  padding: 1em 0;
  padding: 1em 0;
}

.modal-open .modal,
a:focus {
  outline: none !important;
}

.navbar-default .navbar-nav > .active {
  background: transparent;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: transparent;
  border-top: 6px solid #58c84d;
}