.block-editor-block-list__block.wp-block.wp-block-acf-pc-custom-contacts {
	background: #ccc;
	padding: 20px;
	position: relative;
}

.block-editor-block-list__block.wp-block.wp-block-acf-pc-custom-contacts.is-selected {
	border: 3px dashed #111;
}

.block-editor-block-list__block.wp-block.wp-block-acf-pc-custom-contacts.is-selected:before {
	content: 'Please choose the contact in the right sidebar';
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

.profile {
	container-type: inline-size;
	container-name: sidebar;
}

.profile .profile-column {
	max-width: 600px;
	padding: 20px 20px 20px 20px;
	position: relative;
}

.profile .profile-column:has( > ul ) {
	padding-right: 40px;
}

.profile>*>.profile-img,
.profile>*>*>.bg-cover {
	width: 75px;
}

.profile>*>*>.bg-cover {
	background-position: center;
	height: 100px;
	margin: 0 auto 20px;
	background-size: cover
}

.profile>*>*:nth-child(2) {
	max-width: 100%;
	width: calc(100% - 75px);
}

.profile > * {
	background: #f1f1f1;
	margin: 0 0 1em;
}

p.contact-name,
#primary p.contact-name,
.layer p.contact-name {
	font-family: 'GT America Condensed Medium', sans-serif !important;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.profile p:not(.contact-name),
#primary .profile p:not(.contact-name),
.layer .profile p:not(.contact-name) {
	font-family: "GT America", serif !important;
}

.profile p span {
	line-height: 1;
}

.profile p span:first-of-type {
	margin: 0 4px 0 0;
}

.profile p span:last-of-type {
	margin: 0;
}

.profile p .icon-smart-phone:before {
	font-size: 1.5em;
	margin-right: 9px;
	position: relative;
	top: 4px;
	left: 3px;
}

.profile p .fa-email:before {
	font-size: .8em;
	margin-right: 9px;
	position: relative;
	top: 2px;
	left: 2px;
}

.profile ul {
	background: rgba(0, 0, 0, 0.75);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    font-size: 70%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}

.profile ul li {
	text-align: center;
}

.profile ul li a {
	color: #fff;
}

.profile>*>*>ul:has( > li:nth-child(6) ) {
    width: 73px
}

.profile>*:has(>*>ul > li:nth-child(6)) {
    padding-right: 90px;
}

.fa.fa-location:before {
	font-family: "icomoon2" !important;
    content: "\e90a" !important;
}
.fa.fa-tiktok:before {
  content: "\e953";
  font-family: "icomoon"; }

.fa.fa-facebook-f:before,
.fa.fa-facebook:before {
  content: "\ea90";
  font-family: "icomoon"; }

.fa.fa-pinterest-f:before,
.fa.fa-pinterest:before {
  content: "\ead2";
  font-family: "icomoonpin"; }

.fa.fa-twitter:before {
  content: "";
  font-family: "icomoon"; }

.social-icons > .flex-item a.fa-twitter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.fa-brands.fa-x-twitter {
	display: inline-block;
	height: 1em;
	position: relative;
	width: 25px;
}

.fa-brands.fa-x-twitter:before {
	background-color: #fff;
	-webkit-mask-image: url('images/x-icon.svg');
	mask-image: url('images/x-icon.svg');
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: auto 100%;
	mask-size: auto 100%;
	content: '';
	display: block;
	height: 100%;
	position: relative;
	width: 100%;
}

.fa.fa-instagram:before {
  content: "\ea92";
  font-family: "icomoon"; }

.fa.fa-youtube:before {
  content: "\ea9d";
  font-family: "icomoon"; }

.fa.fa-flickr:before {
  content: "\eaa5";
  font-family: "icomoon"; }

.fa.fa-linkedin:before {
  content: "\eac9";
  font-family: "icomoon"; }

.fa.fa-tumblr:before {
  content: "\eaba";
  font-family: "icomoon"; }

.fa.fa-wordpress:before {
  content: "\eab4";
  font-family: "icomoon"; }

.fa.fa-rss:before {
  content: "\ea9c";
  font-family: "icomoon"; }

.fa.fa-print:before {
  content: "\e954";
  font-family: "icomoon";
  margin-right: 5px; }

.fa.fa-email:before {
  content: "\ea84";
  font-family: "icomoon"; }

.fa.fa-snapchat-ghost:before {
  content: "\f2ac";
  font-family: "icomoon"; }

@container sidebar (max-width: 550px) {
	.profile .profile-column {
		padding: 20px 20px 60px;
	}
	.profile>*>.profile-img {
		width: 100%
	}
	.profile>*>*>.bg-cover {
		width: 100px;
	}
	.profile>*>*>.bg-cover {
		height: 125px;
	}
	.profile>*>*:nth-child(2) {
		font-size: 90%;
		padding-left: 0;
		text-align: center;
		width: 100%;
	}
	p.contact-name, 
	#primary p.contact-name, 
	.layer p.contact-name,
	.profile p:not(.contact-name), 
	#primary .profile p:not(.contact-name), 
	.layer .profile p:not(.contact-name) {
		padding-left: 0;
	}
	.profile>*>*>ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		height: 40px;
			left: 0;
			bottom: 0;
			top: auto;
		width: 100%;
	}
	.profile>*:has(>*>ul > li:nth-child(6)) {
	    padding-right: 20px;
		padding-bottom: 100px;
	}
	.profile>*>*>ul:has( > li:nth-child(6) ) {
		width: 100%;
		height: 80px;
	}
	.flex-item {
	    flex: 1;
	    flex: 1; 
	}
	.profile>*>*>ul:has( > li:nth-child(6) ) > li {
		flex:unset;
	}
	.profile>*>*>ul:has( > li:nth-child(6) ) > li {
		width: 33%;
	}
	.profile>*>*>ul:has( > li:nth-child(7) ) > li,
	.profile>*>*>ul:has( > li:nth-child(8) ) > li {
		width: 25%;
	}
	.profile>*>*>ul:has( > li:nth-child(9) ) > li,
	.profile>*>*>ul:has( > li:nth-child(10) ) > li{
		width: 20%;
	}
}