/*
Theme Name: Classica Press Child
Theme URI: https://ascendoor.com/themes/classica-press/
Template: classica-press
Author: Ascendoor
Author URI: https://ascendoor.com/
Description: Classica Press is a stylish WordPress theme with a timeless black-and-white design, perfect for news, magazine, and portal websites. Its classic layout, clean typography, and minimalist style put your content at the center, creating a professional and elegant reading experience. Fully responsive and SEO-friendly, this theme combines performance with sophistication, making it ideal for publishers, bloggers, and journalists who want a modern site with a classic touch. Explore the theme documentation at https://docs.ascendoor.com/docs/classica-press/ and view the demo at https://demos.ascendoor.com/classica-press/
Tags: custom-background,custom-logo,custom-colors,custom-menu,featured-images,threaded-comments,translation-ready,theme-options,footer-widgets,full-width-template,left-sidebar,right-sidebar,news,blog
Version: 1.0.0.1766926092
Updated: 2025-12-28 13:48:12

*/

.post-share-multi {
	display: flex;
	gap: 10px;
	margin-top: 28px;
	padding-top: 16px;
	border-top: 1px solid #e6e6e6;
}

.share-facebook {
	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 10px 14px;

	background: #ffffff;
	border: 1px solid #9a9a9a;

	color: #333333;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	position: relative;
	transition: background-color 0.15s ease, color 0.15s ease;
}
.share-facebook::before {
	content: "\f09a";
	font-family: "fontawesome";
	font-size: 16px;

}
.share-facebook:hover {
	background: #3b5999;
	color: #fff;
}


.share-messenger {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	padding: 10px 14px;
	background: #fff;
	border: 1px solid #9a9a9a;
	transition: background-color 0.15s ease, color 0.15s ease;
	color: #333;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
}

.share-messenger::before {
	content: "\f39f"; /* Messenger */
	font-family: "fontawesome";
	font-size: 16px;
}
.share-messenger:hover {
	background: #222;
	color: #fff;
}
@media (max-width: 600px) {

	.post-share-multi a {
		padding: 10px 15px;
	}

	.post-share-multi a span {
		display: none;
	}
}