div.swpm-pub-directory{
	max-width: var(--responsive--alignwide-width) !important;
}

div.swpm-pub-list{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

div.swpm-pub-card{
	background: #E5E2DE;
	display: flex;
	padding: 1rem;
	flex: 1 1 calc(50% - 1rem);
	gap: 1rem;
	position:relative;

	& a{
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		padding: 1rem;
    	display: flex;
    	text-decoration: none;
    	justify-content: end;

    	& i{
    		font-size: 2rem;
  			align-self: end;
  			transition: ease-in-out .2s all;
  			transform-origin: left center;
		}
  		
  		&:hover i{
  			transform:translateX(.5rem) translateY(.5rem) rotate(-45deg);
  		}
    }
}


.swpm-pub-main{
	display: flex;

	& .swpm-pub-name{
		align-self: center;
	}
}

.swpm-pub-profile{
	max-width: var(--responsive--alignwide-width) !important;

	& .swpm-pub-col--right{
		padding-left: 3rem;
	}
}



 .swpm-pub-title-company{
	font-size: 2rem;

	& a{
 	 	text-decoration: none;
	}

	& i{
		margin-left: .25rem;
		font-size: 1rem;
		transform: translateY(-.25rem);
	}
}

.swpm-pub-title-avatar{
	aspect-ratio: 1;
	overflow: hidden;
	width:160px;
	flex:0 0 160px;
	object-fit: cover;
	margin-right: 1rem;;
}

ul.contact.Icons{
	display:flex;
	list-style-type: none;
	margin:0;
	padding:0;

	& li{
		margin:1rem 1rem 0 0;
	}

	& i{
		font-size:2rem;
	}
}

.swpm-pub-edit{
	margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.12)
}


@media (max-width: 820px) {
	.swpm-pub-profile{

	& .swpm-pub-col--right{
		padding-left: 0;
	}
}

div.swpm-pub-card{
	background: #E5E2DE;
	display: flex;
	padding: 1rem;
	flex: 1 1 100%;
}

body.swpm-pub-profile-page .swpm-pub-title-wrap{
	display: block !important;
}

.swpm-pub-title-avatar{
	margin-bottom: 1rem;
	margin-right: 0;
}

}