/*!
 * Start Bootstrap - Resume v4.0.0-beta.2 (https://startbootstrap.com/template-overviews/resume)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
 */
body {

	padding-top: 1rem;
	color: #0e5faf;
	padding: 1rem
}

@media (min-width:992px) {
	body {
		padding-top: 0;
		padding-left: 15rem
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Saira Extra Condensed', serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #343a40
}

h1 {
	font-size: 6rem;
	line-height: 5.5rem
}

h2 {
	font-size: 3.5rem
}

.subheading {
	text-transform: uppercase;
	font-weight: 500;
	font-family: 'Saira Extra Condensed', serif;
	font-size: 1.35rem
}

.list-social-icons a {
	color: #84dcd6
}

.list-social-icons a:hover {
	color: #48f0e2
}

.list-social-icons a .fa-lg {
	font-size: 1.75rem
}

.list-icons {
	font-size: 3rem
}

.list-icons .list-inline-item i:hover {
	color: #69d5f3
}

#sideNav .navbar-nav .nav-item .nav-link {
	font-weight: 600;
	text-transform: uppercase
}

@media (min-width:992px) {
	#sideNav {
		text-align: center;
		position: fixed;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		width: 17rem;
		height: 100vh
	}

	#sideNav .navbar-brand {
		display: flex;
		margin: auto auto 0;
		padding: .5rem
	}

	#sideNav .navbar-brand .img-profile {
		max-width: 10rem;
		max-height: 10rem;
		border: .5rem solid rgba(255, 255, 255, .2)
	}

	#sideNav .navbar-collapse {
		display: flex;
		align-items: flex-start;
		flex-grow: 0;
		width: 100%;
		margin-bottom: auto
	}

	#sideNav .navbar-collapse .navbar-nav {
		flex-direction: column;
		width: 100%
	}

	#sideNav .navbar-collapse .navbar-nav .nav-item {
		display: block
	}

	#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
		display: block
	}
}


section.resume-section {
	border-bottom: 1px solid #25252525;
	padding-top: 9rem !important;
	padding-bottom: 1rem !important
}

section.resume-section .resume-item .resume-date {
	min-width: none
}

@media (min-width:768px) {
	section.resume-section {
		min-height: 100vh
	}

	section.resume-section .resume-item .resume-date {
		min-width: 18rem
	}
}

@media (min-width:992px) {
	section.resume-section {
		padding-top: 3rem !important;
		padding-bottom: 3rem !important
	}
}

.bg-primary {
	background-color: #0d4237 !important
}

.text-primary {
	color: #39beaa !important
}

a {
	color: #439fff
}

a:active,
a:focus,
a:hover {
	opacity: 0.7;
	color: #010404;
	text-decoration: none;

}




/* ================= by noor ================ */

.fa {
	/* padding: 20px; */
	/* font-size: 30px; */
	/* width: 30px; */
	text-align: center;
	text-decoration: none;
	margin: 5px 2px;
	border-radius: 50%;
  }
  
  .fa:hover {
	  opacity: 0.7;
	  color: rgb(9, 9, 9);
  }
  
  .fa-facebook {
	background: #3B5998;
	color: white;
  }
  
  .fa-twitter {
	background: #55ACEE;
	color: white;
  }
  
  .fa-google {
	background: #dd4b39;
	color: white;
  }
  
  .fa-linkedin {
	background: #007bb5;
	color: white;
  }
  
  .fa-youtube {
	background: #bb0000;
	color: white;
  }
  
  .fa-instagram {
	background: #125688;
	color: white;
  }
  
  .fa-pinterest {
	background: #cb2027;
	color: white;
  }
  
  .fa-snapchat-ghost {
	background: #fffc00;
	color: white;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  }
  
  .fa-skype {
	background: #00aff0;
	color: white;
  }
  
  .fa-android {
	background: #a4c639;
	color: white;
  }
  
  .fa-dribbble {
	background: #ea4c89;
	color: white;
  }
  
  .fa-vimeo {
	background: #45bbff;
	color: white;
  }
  
  .fa-tumblr {
	background: #2c4762;
	color: white;
  }
  
  .fa-vine {
	background: #00b489;
	color: white;
  }
  
  .fa-foursquare {
	background: #45bbff;
	color: white;
  }
  
  .fa-stumbleupon {
	background: #eb4924;
	color: white;
  }
  
  .fa-flickr {
	background: #f40083;
	color: white;
  }
  
  .fa-yahoo {
	background: #430297;
	color: white;
  }
  
  .fa-soundcloud {
	background: #ff5500;
	color: white;
  }
  
  .fa-reddit {
	background: #ff5700;
	color: white;
  }
  
  .fa-rss {
	background: #ff6600;
	color: white;
  }
  .fa-whatsapp {
	background: #52ee4a;
	color: white;
  }
  .fa-github {
	background: #4a4dee;
	color: white;
  }