/* Departmental background gradients */
  
  :root {
    --default-color-1: #999;
    --default-color-2: #dbdbdb;
	--operations-1: #999;
    --operations-2: #dbdbdb;
    --web-and-digital-marketing-1: #ff7e5f;   /* Always put darker as 1 */
    --web-and-digital-marketing-2: #f8d6bd;
    --academic-department-marketing-1: #9c87a8;
    --academic-department-marketing-2: #ece7ee;
    --crm-digital-events-and-communities-1: #F8E0A4;
    --crm-digital-events-and-communities-2: #FBEBC9;
	--directorate-1: #9c87a8;
	--directorate-2: #B3E5F0;
	--brand-strategy-and-campaigns-1: #EFC3C4;
	--brand-strategy-and-campaigns-2: #fff;
	--campus--commercial-services-group-1: #99DBCD;
	--campus--commercial-services-group-2: #D3F0EB;
	--student-recruitment-marketing-1: #C4B7CB;
	--student-recruitment-marketing-2: #D3F0EB;
	--digital-engagement-1: #A8BFB7; /* Corporate Comms */
	--digital-engagement-2: #B3E5F0;
	--market-research-and-insight-1: #9FB9C6;
	--market-research-and-insight-2: #B3E5F0;
	--creative-services-1: #A8BFB7;
	--creative-services-2: #D3F0EB;
	--press-office-1: #A8BFB7; /* Corporate Comms */
	--press-office-2: #B3E5F0;
	--creative-and-digital-services-1: #9C87A8;
	--creative-and-digital-services-2: #F8D6BD;
	--internal-communications-1: #A8BFB7; /* Corporate Comms */
	--internal-communications-2: #B3E5F0;
	--communications-1: #A8BFB7; /* Communications */
    --communications-2: #B3E5F0;
	--student-recruitment-1: #EBCE96; /* Student Recruitment */
	--student-recruitment-2: #EFC3C4;
	  	--student-recruitment-management-1: #EBCE96;
		--student-recruitment-management-2: #EFC3C4;
	  	--student-recruitment-support-1: #EBCE96;
		--student-recruitment-support-2: #EFC3C4;
	  	--agents-team-1: #EBCE96;
		--agents-team-2: #EFC3C4;
	  	--regional-recruitment-1: #EBCE96;
		--regional-recruitment-2: #EFC3C4;	  	
	    --faculty-recruitment-1: #EBCE96;
		--faculty-recruitment-2: #EFC3C4;
		--campus-events-1: #EBCE96;
		--campus-events-2: #EFC3C4;
	  	--scholarships-1: #EBCE96;
		--scholarships-2: #EFC3C4;
		

  }
  
  /* Hiding external elements */
  
  .external .personal,
  .external .contact-details {
    display: none;
  }
  
  a .new-window-link {
    display: none;
  }
  
  /* People Content Styles */
  
  .people-content {
    position: relative;
    padding: 0 20px 20px;
  }
  
  .department {
    margin-left: -20px;
    padding: 5px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: -20px;
    font-weight: bold;
    background: rgb(0, 0, 0, 0.1);
  }
  
  .top-content {
    padding: 20px 0 0 20px;
    background: linear-gradient(140deg, var(--default-color-1), var(--default-color-2));
    transition: background 2s linear;
  }
	  
  .top-content a {
    color: black;
    text-decoration-color: black;
	transition: 0.2s ease;
}
	  
  .top-content a:hover {
    text-decoration-color: rgba(0, 0, 0, 0);
}
  
  .top-row {
  display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: calc(100% - 40px);
    flex-wrap: wrap;
    flex-direction: column;
  }
  
  .name {
    font-weight: bold;
    font-size: 2em;
    padding: 25px 0 5px;
    line-height: 0.9;
    margin-bottom: 0;
    padding-right: 5px;
  }
  
  .pronouns {
    font-size: 16px;
    display: inline-block;
    font-weight: normal;
    margin: 0;
  }
  
  .role {
    font-weight: bold;
    line-height: 1.3;
    padding-top:10px;
  }
  
  .bio {
    padding: 10px 0;
    font-size: 0.9em;
    line-height: 1.3;
  }
  
  .hear-my-name {
    position: absolute;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 0 0 0 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  .icon {
    color: #555;
    font-size: 1.4em;
    padding: 5px;
	transition: 0.5s;
    margin: -1px -4px 0 0;
  }
	  
  i.fas.fa-volume-up.icon:hover {
    color: black;
  }
  
  
  .work-pattern:before {
    content: "Work pattern: ";
    font-weight: bold;
	display: block;
  }
  
  .contact-details {
    line-height: 1.1;
  }
  
  .contact-details p {
    margin-top: 4px;
  }
  
  /* Multifeed Styling */
  
  .people .contentBox {
    border: none!important;
  }
  
  .people .image-container {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: relative;
    border-radius: 75px;
  }
  
  .people .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  
  .people .multi-feed {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
  }
  
  h2.newsItemTitle.feed-item-title,
  .newsTags, .newsItemFooter {
    display: none;
  }
  
  /* Box Style */
  
  .people .feed-item-list-item {
    box-shadow: 0px 10px 20px 0px #d3d3d3;
    margin: 15px;
    background-color: #eee;
  }
  
  .people .box5 {
    min-height: 235px;
    vertical-align: center;
  }
  
  .people div.newsItemDiv {
    padding: 0px!important;
	width:100%;
  }
	  
  .type.banner-family-leave {
    text-align: center;
    padding: 3px;
    background-color: rgba(0, 0, 0, 0.15);
  }
  
  /* Resizing content based on screensize */
  
  .people .contentBox {
    width: calc(33.33% - 31px);
  }
  
  @media (max-width: 1200px) {
    .people .contentBox {
      width: calc(33.33% - 31px);
    }
  }
  
  @media (max-width: 992px) {
    .people .contentBox {
      width: calc(50% - 31px);
    }
  }
  
  @media (max-width: 480px) {
    .people .contentBox {
      width: calc(100% - 31px);
    }
  }