/*
Theme Name: Jungto Society 2021 Renewed
Theme URI: https://www.jungtosociety.org/
Template: jnews
Author: Jungto Society
Author URI: https://www.jungtosociety.org/
Description: Jungto Society 2021 Renewed
Version: 8.0.1.1619295749
Updated: 2021-04-24 20:22:29

*/
.has-snim-color {
    color: #8c4400 !important;
}
.has-snim-background-color {
    background-color: #ff00ff;
}

.heateor_sss_facebook, .heateor_sss_button_instagram, .heateor_sss_button_copy_link {
      display: flex !important;
	  justify-content: center !important;
	  align-items: center !important;
	  cursor: pointer !important;

	  width: 32% !important;
	  height: 38px !important;
	  line-height: 38px !important;
	  
	  color: rgb(255, 255, 255) !important;
	  font-family: Inter, Helvetica, Arial, sans-serif !important;
	  font-size: 16px !important;
	  font-weight: 400 !important;
	  text-align: center !important;
	  text-decoration: none !important;

	  padding: 0px 12px !important;
	  margin: 0px 5px 5px 0px !important;
	  border: none !important;
	  border-radius: 0px !important;

	  box-sizing: border-box !important;
	  backface-visibility: hidden !important;
	  user-select: auto !important;

	  transition-property: all !important;
	  transition-duration: 0.2s !important;
	  transition-timing-function: ease !important;
    }
div.heateor_sss_sharing_ul a:link, 
div.heateor_sss_sharing_ul a:focus {
	background-color: #2C2C2C  !important;
}
a.heateor_sss_facebook::after {
  content: "Share on Facebook";
  font-size: 14px;
  margin-left: 8px; /* 아이콘과 텍스트 간 간격 */
  vertical-align: middle;
  color: white; /* 원하는 색상 */
  font-weight: bold;
}
a.heateor_sss_button_instagram::after {
  content: "Share on Instagram";
  font-size: 14px;
  margin-left: 8px; /* 아이콘과 텍스트 간 간격 */
  vertical-align: middle;
  color: white; /* 원하는 색상 */
  font-weight: bold;
}
a.heateor_sss_button_copy_link::after {
  content: "Copy Link";
  font-size: 14px;
  margin-left: 8px; /* 아이콘과 텍스트 간 간격 */
  vertical-align: middle;
  color: white; /* 원하는 색상 */
  font-weight: bold;
}
div.heateor_sss_sharing_ul a:link, 
div.heateor_sss_sharing_ul a:focus {
	background-color: green !important; /* white background rewrite */
}

.heateor_sss_facebook {
	background-color: rgb(69, 98, 159) !important;
}
.heateor_sss_button_instagram{
	background-color: #eb4d3f !important;
}
.heateor_sss_button_copy_link {
	background-color: #ffc112 !important;	
}
a.heateor_sss_facebook .heateor_sss_svg {
  transform: scale(0.7);
	transform-origin: center;
}
a.heateor_sss_button_instagram .heateor_sss_svg {
  transform: scale(0.7);
	transform-origin: center;
}
a.heateor_sss_button_copy_link .heateor_sss_svg {
  transform: scale(0.7);
	transform-origin: center;
}
/* JNews - Social Share not visible. Why not use display:none instead of disable? it's because of the number of comments  */
.jeg_share_top_container {
	display:none !important;
}

@media screen and (max-width: 768px) {
	a.heateor_sss_facebook::after {
	  content: "Facebook";
	}
	a.heateor_sss_button_instagram::after {
	  content: "Instagram";
	}
	a.heateor_sss_button_copy_link::after {
	  content: "Copy Link";
	}
}
@media screen and (max-width: 423px) {
	  a.heateor_sss_facebook::after,
	  a.heateor_sss_button_instagram::after,
	  a.heateor_sss_button_copy_link::after {
		display: none; /* 텍스트 숨기기 */
	  }

	  .heateor_sss_facebook,
	  .heateor_sss_button_instagram,
	  .heateor_sss_button_copy_link {
		width: 50px !important; /* 버튼 크기 축소 */
		height: 38px !important;
		padding: 0 !important; /* 패딩 제거 */
		justify-content: center !important;
	  }

	  a.heateor_sss_facebook .heateor_sss_svg,
	  a.heateor_sss_button_instagram .heateor_sss_svg,
	  a.heateor_sss_button_copy_link .heateor_sss_svg {
		transform: scale(0.9); /* 아이콘 크기 조정 */
	  }
}