a { 
  text-decoration: none; 
}

p { 
  box-sizing: border-box; overflow-y: auto; 
}

p::-webkit-scrollbar { 
  width: 3px; 
}

p::-webkit-scrollbar-track { 
  backgroud-color: #fff; border-radius: 2px; 
}

p::-webkit-scrollbar-thumb { 
  border-radius: 2px; background-color: rgba(0, 0, 0, 0.3); 
}

.profiletext { 
  transition: max-height .8s; 
}

.row { 
  max-width: 1000px; margin: 0 auto 0; 
}

.profilecard { 
  box-sizing: border-box; float: left; padding: .5rem .5rem; width: 30%; 
}

.profilecard .menu-content { 
  margin: 0; padding: 0; list-style-type: none; 
}

.profilecard .menu-content li { 
  display: inline-block; 
}

.profilecard .menu-content a { 
  color: #fff; 
}

.profilecard .menu-content span { 
  position: absolute; left: 50%; top: 0; font-size: 10px; font-weight: 700; font-family: 'Open Sans'; transform: translate(-50%, 0); 
}

.profilecard .profilewrapper {
  background-color: #fff;
  min-height: 310px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), 0 2px 10px rgba(0, 0, 0, 0.2);
}

/* Uncomment these to renable the bio section
.profilecard .profilewrapper:hover .profiledata { 
  transform: translateY(0); 
}

.profilecard .profilewrapper:hover .profiletext { 
  height: 100%; max-height: 167px; 
}*/

/*Comment this to disable hover link menu*/
.profilecard:hover .menu-content { 
  transform: translateY(-60px); 
}

.profilecard .profiledata { 
  position: absolute; bottom: 0; width: 100%; transform: translateY(calc(85px + 1em)); transition: transform 0.5s; 
}

.profilecard .profiledata .profilecontent {
  padding: 1em .5em 1em .5em;
  position: relative;
  z-index: 1;
}

.profilecard .profiletitle {
  color: #969696;
  font-size: 12px;
  display: block;
  /*max-width: 79.1%;                Uncomment if re-enabling the toggle for the link menu */
}

.profilecard .profilename {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 11pt;
}

.profilecard .profiletext { 
  height: 70px; min-height: 90px; margin: 0; 
}

.profilecard input[type='checkbox'] { 
  display: none; 
}

/* Uncomment to toggle instead of hover the links menu
.profilecard input[type='checkbox']:checked + .menu-content { 
  transform: translateY(-60px); 
}*/

.profile .profilewrapper {
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: top;
  background-position-x: center;
}

.profile .profilecontent { 
  background-color: #fff; box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3); 
}

.profile .profiletext { 
  height: 100%; max-height: 90px; margin: -10px; padding: 5px 10px 5px 10px; 
}

.profile .profiletitle a { 
  color: gray; 
}

.profile .menu-button {
  position: absolute;
  z-index: 999;
  top: 11px;
  right: 9px;
  width: 25px;
  text-align: center;
  cursor: pointer;
  opacity: 100;
}

.profile .menu-button span {
  width: 5px;
  height: 5px;
  background-color: #808080;
  color: #808080;
  position: relative;
  display: inline-block;
  border-radius: 50%;
}

.profile .menu-button span::after, .profile .menu-button span::before { 
  content: ''; display: block; width: 5px; height: 5px; background-color: currentColor; position: absolute; border-radius: 50%; 
}

.profile .menu-button span::before { 
  left: -10px; 
}

.profile .menu-button span::after { 
  right: -10px; 
}

.profile .menu-content { 
  text-align: center; position: absolute; top: 0; left: 0; width: 101%; z-index: -1; transition: transform 0.3s; transform: translateY(0); 
}

.profile .menu-content li { 
  width: 33.333333%; float: left; background-color: #5d2e87; height: 60px; position: relative; 
}

.profile .menu-content a { 
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 24px; 
}

.profile .menu-content span { 
  top: -10px; 
}

.socialdisabled {
  color: rgb(113, 80, 144) !important;
  cursor: default !important;
}

.jobcard.profilecard .profilename { 
	margin-bottom: 10px;
    font-size: 10pt;
}
.jobcard.profilecard .profiledata {
    transform: translateY(0);
}
.jobcard.profilecard .profiletitle {
  display: inline-block;
}
.jobcard.profilecard .profilewrapper {
  background-size: contain;
  background-position-y: center;
}
.selectYear p { display: inline;}
.selectYear select {
  width: 190px;
  margin-left: 1rem;
}