@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,100..900;1,9..144,100..900&display=swap');

/* Resetting defaults */
:root {
  --color-brand: #113FE5;
  --color-announcement: #113FE5;
}

.html {
  font-family: system-ui, system-ui, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

/* Fancy header font */
h1, h2, h3, h4, h5 {
	font-family: "Fraunces", serif;
	font-weight: 800;
	letter-spacing: -.02em;
}

h2.Header__searchTitle {
	font-family: system-ui, system-ui, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 800;
	letter-spacing: -.01em;
	font-size: 48px;
}

.ContentBox__headerMid {
	font-weight: 800;
}

.Header__tabsTab {
	letter-spacing: normal;
}

.Header__name {
  /*display: none !important;*/
}

.SearchContainer__moduleChangePopup {
	display: none;
}

/* Try to clean up the layout sections */
.WidgetContainer__contentList {
	background-color: #f7f8fb;
	border-radius: 8px;
	padding: 20px;
	box-shadow: color(srgb 0.247115 0.317031 0.415584 / 0.1) 0px 10px 20px 0px, color(srgb 0.247115 0.317031 0.415584 / 0.1) 0px 6px 2px -5px, color(srgb 0.247115 0.317031 0.415584 / 0.05) 0px 0px 0px 1px;
}

.Layout__layout2 {
  background: #F5F6FA !important;
  padding: 20px 0px !important;
  font-size: 0.8em !important;
  
  box-shadow: color(srgb 0.316916 0.391918 0.513994 / 0.15) 0px 1px 0px 0px;
  box-sizing: border-box;
  border-radius: 8px;
  border-color: oklch(0.89 0.016 260);
  border-width:1px;
}

/* Replace community */
a[data-id="community_module"] {
  font-size: 0; /* hide original text */
}
a[data-id="community_module"]::after {
  content: "Team News";
  font-size: 20px;
  margin-left: -30px;
}

#community_module p {
  font-size: 0;
}
#community_module p::after {
  content: "Announcements and the latest news from Invision Community";
  font-size: 16px;
}

a[data-id="communityDetail_breadcrumb_0"],
a[data-id="communityList_breadcrumb_0"] {
  font-size: 0;
}
a[data-id="communityDetail_breadcrumb_0"]::after,
a[data-id="communityList_breadcrumb_0"]::after {
  content: "Team News";
  font-size: 14px;
}

portal.communityList .TopicListLeftContainer__panelFilter {
  display: none;
}

#headerContent p.Header__description {
   font-size: 0;
}

#headerContent p.Header__description::after {
  content: "Search our knowledgebase, or submit a ticket.";
  font-size: 16px;
}

input[data-id="searchInput"]::placeholder {
  color: white;
}