/* 
iform22_custom.css
T4 media ID: 602900
31/01/2022 14H
*/

.iform-homepage .sfi-logo img{
	
}

/* Hide SFI LOGO to fix menu clash */

@media (max-width: 1150px){
	.header-extras {
		display:none;
	}

}





/* Main Site Logo */

.header-inner .logo-default img,
.header-inner .logo-dark img {
	width: 300px !important;
	margin-left: -30px;
	margin-top: 20px;
}




img.sfi-logo {
    margin-right: -37px;
}




#page-content:not(.no-sidebar) {
    padding: 5px 0 5px 0;
}


/* Retain logo proportions on smaller widths */
@media (max-width: 1024px) {

	#header #logo > a img {
		width: auto !important;
	}

}







/* Homepage: Sub Headings  */

.heading-text.heading-line h5 {
    color: #060e9f;
	font-weight: 900;
	font-size: 1.5rem;
	display: inline-block;
}


.heading-text.heading-line h5:before {
    background-color: #00e66c;
	
}


.home-subheading {
	display: inline;
	font-size: 13px;
}



/* Case Study Headings  */
.heading-text h3 {
    font-size: 40px;
    line-height: 40px;
}


/* Increase from 300  */
.heading-text.heading-section p {
    font-weight: 500;
}




/* Homepage: Trio Columns Core Research  */


.home-trio-box-container h4 {
    
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-bottom: 20px;
}


.home-trio-box-container .heading-text.heading-section h4:before {
    
    bottom: -20px;
	height: 5px;
	width: 300px;
	
	background: rgb(0,230,108);
	background: -moz-linear-gradient(0deg, rgba(0,230,108,1) 0%, rgba(0,230,143,1) 25%, rgba(0,230,236,1) 50%, rgba(0,230,221,1) 75%, rgba(0,230,236,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(0,230,108,1) 0%, rgba(0,230,143,1) 25%, rgba(0,230,236,1) 50%, rgba(0,230,221,1) 75%, rgba(0,230,236,1) 100%);
	background: linear-gradient(0deg, rgba(0,230,108,1) 0%, rgba(0,230,143,1) 25%, rgba(0,230,236,1) 50%, rgba(0,230,221,1) 75%, rgba(0,230,236,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e66c",endColorstr="#00e6ec",GradientType=1);
    
}


.home-trio-box-container  p {
    font-size: 1rem;
    line-height: 1.2rem;
	font-weight: 700;
}



.home-trio-box-solid .description {
	min-height: 135px;
	font-weight: 700;
}






.home-trio-box-solid {
	Xborder: 2px solid red;
	Xborder-radius: 50px;
	padding: 30px;
	min-height: 270px;
	background: #00e9f5;
	
}








/* Homepage: Counters  */

.homepage-counter-section {
	
}

.icon-box {
    margin-bottom: 0px;
    position: relative;
}

.homepage-counter .icon-box {
	color: #064a9f;
}


.icon-box.clean .icon i {
    color: #064a9f;
}

.icon-box.clean .icon i {
    font-size: 60px;
}






/* Homepage: News Items  */

.post-item.homepage-news-item .post-item-wrap

{
	min-height: 500px;
	border: #00bff5 1.3px solid;
}


.post-item.homepage-news-item .post-item-description > h2

{
	min-height: 100px;
}


.post-item.homepage-news-item .post-item-description > h2 > a

{
	font-size: 14px;
	line-height: 14px;
}



.post-item.homepage-news-item .post-item-description p {
    font-size: .9rem;    
    line-height: 1.4;
	min-height: 150px;
}



.homepage-news-item .post-item-description .text-primary {
    color: #2250fc!important;
    font-weight:500;
}







/* Reduce the Gap between Sections */
section {
  padding: 20px 0;
  }




/* Footer */

.footer-content .iform-address img {
	width: 200px;
}

.copyright-content .sfi-ribbon img {
	margin-top: -30px;
}


#footer .iform-gradient  {
    background: rgb(0,230,108);
	background: -moz-linear-gradient(0deg, rgba(0,230,108,1) 0%, rgba(0,230,178,1) 61%);
	background: -webkit-linear-gradient(0deg, rgba(0,230,108,1) 0%, rgba(0,230,178,1) 61%);
	background: linear-gradient(0deg, rgba(0,230,108,1) 0%, rgba(0,230,178,1) 61%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00e66c",endColorstr="#00e6b2",GradientType=1);
}



/* Additional Font Awesome Icons */

.fa-globe-europe:before{content:"\f7a2"}






/* COMMITTEE PEOPLE */
.committee .testimonial-item  {
    padding: 20px;
    min-height: 350px !important;
}


.committee .testimonial-item > img {
    border-radius: 10%;
    display: block;
    float: none;
    height: 165px;
    margin: auto;
    vertical-align: middle;
    width: 165px !important;
}

.committee .testimonial-item.testbed-index-item > span.name {
    font-size: 19px;
    padding: 6px 0px 0px 0px;
    min-height: 0;
}

.testimonial .testimonial-item.testbed-index-item > span.company {
    Xfont-size: 12px;
    font-style: normal;
   
    padding: 6px 0px 0px 0px;
}










/*  PEOPLE INDEX PAGE */

.grid-filter li a {
    font-weight: 600;
    display: block;
    position: relative;
    padding: 8px 10px;
    font-size: 13px;
    line-height: 15px;
    color: #565656;
    border-radius: 0px;
    transition: all .3s ease;
    border-width: 2px;
    border-style: none;
    border-color: transparent;
}











/*  PEOPLE INDEX PAGE: Content within dropdown lists */

.p-dropdown .p-dropdown-content, .p-dropdown ul.p-dropdown-content {
    max-height: 300px;
	max-width: 300px;
	overflow-x: hidden;
    overflow-y: auto;
	
}

.p-dropdown ul.p-dropdown-content,
.p-dropdown ul.p-dropdown-content li,
.p-dropdown ul.p-dropdown-content li a
    {
        display: block !important;

    }


@media (max-width: 991px) {
    .grid-filter li {
        width: 90% !important;

    }
}



/*  PEOPLE INDEX PAGE: the title appears of the actively filtered item */

#people-portfolio a.btn:not([href]):not([tabindex]), .btn {
    font-size: 17px;
	
}

/*  standard width for all buttons in the same row */
#people-portfolio a.btn:not([href]):not([tabindex]) {
	width: 245px;
}


/*   */
#people-portfolio .line {
	margin: 0px 0 !important;
}

#people-portfolio .grid-filter {
    margin-bottom: 4px;
}


#page-content #people-portfolio {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}



.grid-active-title {
    font-size: 64px;
    font-weight: 100;
    opacity: 0.9;
   position: relative;
}

.single-post .post-item .post-item-description .team-desc {
    line-height: 20px;
}



	@media (min-width:768px){
		
			.team-members .team-member {
				margin-bottom: 10px;
				min-height: 350px;
			}
        
        .portfolio-item {
                float: left !important;
            }
		
		
	}


.team-desc .heading-text  {
    margin-bottom: 10px;
}

.team-desc .heading-text.heading-gradient h3  {
    -webkit-text-fill-color: transparent !important;
    -webkit-background-clip: text !important;
    background: radial-gradient(circle at left top, #4b72ff 9%, #2250fc 48%, #6442ff 91%);
	
	font-size: 14px !important;
	line-height: 20px !important;
    margin-bottom: 10px !important;
    margin-top: 5px !important;
    
    Xmin-height: 30px !important; 
	
}



.team-desc .heading-text.heading-gradient h3:before {
    content: "";
    position: absolute;
    height: 0px;
    width: 0px;
    background-color: none;
    bottom: 0px;
    left: 0;
    right: 0;
}




/*  Gridview of images */


/*  Keep the grid in alignment */
.team-members .team-member  {
    min-height: 440px !important;
}

.team-members .team-member.case-study  {
    min-height: 120px !important;
}



.team-members .team-member .team-image a {
	width: 170px;
}

.team-members .team-member .team-image a img {

	border-radius: 50% !important;
}



/*  ROLE of each person on listings pages */

.single-post .post-item .team-members .team-member .index-role {
   min-height: 20px !important;
    font-weight: 600;
    font-style: italic;
    
}

/*  ROLE of each person on their detail pages */
.detail-role {
    font-weight: 400;
    font-style: italic;
    font-size: 20px;
    
}

/*  EMAIL of each person on their detail pages */

.detail-email {
    font-weight: 400;
    font-size: 13px;
    Xtext-decoration: underline;
}

.detail-email a {
    border-bottom: none !important;
}



/*  Full Width Panels reduce the width of the image */
.team-members.team-members-left .team-member .team-image.small {
    float: left;
    width: 20%;
    margin-bottom: 0;
}


/*  Additional in 2025 */

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0); /* This hides the element but keeps it accessible */
    white-space: nowrap; /* Prevent line breaks */
    visibility: hidden; /* Hide it from view */
}


.skip-link {
    position: absolute;
    top: -40px; /* Move off-screen */
    left: 0;
    background: #000; /* Background for visibility */
    color: #fff; /* Text color */
    padding: 8px;
    z-index: 100; /* Make sure it's above other elements */
}

.skip-link:focus {
    top: 0; /* Bring it back into view when focused */
}