/*
Re-styling the jetpack sharedaddy buttons 
Note: Assumes that the default css and js is disabled for jetpack sharing via
the wordpress dashboard.
*/

.sharedaddy {
    display: none;
}

.sharedaddy.sd-sharing-enabled {
    display: block;
}

.sd-block {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sd-content > ul {
    display: flex;
    gap: 1rem;
}

.share-icon {
    display: block;
    padding: 10px;
    border: 1px solid var(--color-gray);
    border-radius: 8px;
    background-color: white; 
}

.share-icon:hover {
    box-shadow: 0 0 10px var(--color-gray);
    background-color: var(--color-white);
}

.share-icon span:first-child {
    display: block;
    width: 20px;
    height: 20px;
}

.share-end {
    display: none;
}

.sharing-screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.share-customize-link {
    display: none;
}