/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 03 2023 | 19:24:17 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

.social-media-row-wrapper {
	display: block;
	text-align: center;
	height: 1px;
}

.social-media-row-icons {
	display: inline-flex;
	gap: 30px;
	margin: 0 auto;
	position: relative;
	top: -23px;
}

.social-media-row-icons-item {
	width: 45px;
	height: 45px;
	display: inline-flex;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	border-radius: 50%;
	background: var(--royal-medgray);
	padding: 12px;
	transition: all ease 0.3s;
}

.social-media-row-icons-item svg {
	fill: var(--royal-white);
}

/* -------------------------------------------------------------------- */
@media (max-width: 808px) {
	
	.social-media-row-icons-item {
	width: 30px;
	height: 30px;
	display: inline-flex;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	border-radius: 50%;
	background: var(--royal-medgray);
	padding: 7px;
	}
	
	.social-media-row-wrapper {
	background: rgba(0,0,0,0.03);
	padding: 12px 5px;
	height: unset;
	border-bottom: solid 1px #DDD;
	border-top: solid 1px #DDD;
	}
	
	.social-media-row-icons {
	gap: 10px;
	top: unset;
	}

}