/* Set the font to Roboto sans-serif */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');

html {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

* {
  font-family: inherit !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  box-sizing: border-box !important;
}

*::before,
*::after {
  font-family: inherit !important;
}

html, body, div, span, p, a, li, ul, ol,
h1, h2, h3, h4, h5, h6,
table, thead, tbody, tr, th, td,
input, textarea, select, button, label,
article, section, aside, nav, header, footer,
form, fieldset, legend, blockquote, pre, code {
  font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif !important;
}

body {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.crm-i,
[class*="fa-"],
[class^="fa-"],
.fa,
.fas,
.far,
.fal,
.fab,
.glyphicon {
  font-family: 'FontAwesome', 'Font Awesome 5 Free', 'Font Awesome 5 Brands', 'Glyphicons Halflings' !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

/* Fix the font size for Events */
.event_description-section span,
.event_description-section p,
.event_description-section li {
  font-size: 20px !important;
  line-height: 1.2 !important;
}
.event_date_time-section .label,
.event_date_time-section .content,
.event_address-section .label,
.event_address-section .content {
  font-size: 20px !important;
  line-height: 1.2 !important;
}
/* Remove the styling of the Events social network box */
.crm-socialnetwork.alert-success {
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
}