@import 'slick.overrides.css';
@import 'semantic.overrides.css';
@import 'social.css';

@font-face {
  font-family: poppins;
  src: url(fonts/Poppins/Poppins-Regular.ttf);
}

/* Hide default scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

/* Style for scrollbar track */
::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}

/* Style for scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: #888;
}

/* Style for scrollbar thumb on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

body {
  font-size: 16px;
  font-family: poppins;
}
/* Margins */
.ui-ma-none { margin: 0; }
.ui-ma-xs { margin: 4px; }
.ui-ma-sm { margin: 8px; }
.ui-ma-md { margin: 16px; }
.ui-ma-lg { margin: 24px; }
.ui-ma-xl { margin: 32px; }

.ui-mx-none { margin: 0 0; }
.ui-mx-xs { margin: 0 4px; }
.ui-mx-sm { margin: 0 8px; }
.ui-mx-md { margin: 0 16px; }
.ui-mx-lg { margin: 0 24px; }
.ui-mx-xl { margin: 0 32px; }

.ui-my-none { margin: 0 0; }
.ui-my-xs { margin: 4px 0; }
.ui-my-sm { margin: 8px 0; }
.ui-my-md { margin: 16px 0; }
.ui-my-lg { margin: 24px 0; }
.ui-my-xl { margin: 32px 0; }

.ui-mt-none { margin-top: 0; }
.ui-mt-xs { margin-top: 4px; }
.ui-mt-sm { margin-top: 8px; }
.ui-mt-md { margin-top: 16px; }
.ui-mt-lg { margin-top: 24px; }
.ui-mt-xl { margin-top: 32px; }

.ui-mr-none { margin-right: 0; }
.ui-mr-xs { margin-right: 4px; }
.ui-mr-sm { margin-right: 8px; }
.ui-mr-md { margin-right: 16px; }
.ui-mr-lg { margin-right: 24px; }
.ui-mr-xl { margin-right: 32px; }

.ui-mb-none { margin-bottom: 0; }
.ui-mb-xs { margin-bottom: 4px; }
.ui-mb-sm { margin-bottom: 8px; }
.ui-mb-md { margin-bottom: 16px; }
.ui-mb-lg { margin-bottom: 24px; }
.ui-mb-xl { margin-bottom: 32px; }

.ui-ml-none { margin-left: 0; }
.ui-ml-xs { margin-left: 4px; }
.ui-ml-sm { margin-left: 8px; }
.ui-ml-md { margin-left: 16px; }
.ui-ml-lg { margin-left: 24px; }
.ui-ml-xl { margin-left: 32px; }

/* Paddings */
.ui-pa-none { padding: 0; }
.ui-pa-xs { padding: 4px; }
.ui-pa-sm { padding: 8px; }
.ui-pa-md { padding: 16px; }
.ui-pa-lg { padding: 24px; }
.ui-pa-xl { padding: 32px; }

.ui-px-none { padding: 0 0; }
.ui-px-xs { padding: 0 4px; }
.ui-px-sm { padding: 0 8px; }
.ui-px-md { padding: 0 16px; }
.ui-px-lg { padding: 0 24px; }
.ui-px-xl { padding: 0 32px; }

.ui-py-none { padding: 0 0; }
.ui-py-xs { padding: 4px 0; }
.ui-py-sm { padding: 8px 0; }
.ui-py-md { padding: 16px 0; }
.ui-py-lg { padding: 24px 0; }
.ui-py-xl { padding: 32px 0; }

.ui-pt-none { padding-top: 0; }
.ui-pt-xs { padding-top: 4px; }
.ui-pt-sm { padding-top: 8px; }
.ui-pt-md { padding-top: 16px; }
.ui-pt-lg { padding-top: 24px; }
.ui-pt-xl { padding-top: 32px; }

.ui-pr-none { padding-right: 0; }
.ui-pr-xs { padding-right: 4px; }
.ui-pr-sm { padding-right: 8px; }
.ui-pr-md { padding-right: 16px; }
.ui-pr-lg { padding-right: 24px; }
.ui-pr-xl { padding-right: 32px; }

.ui-pb-none { padding-bottom: 0; }
.ui-pb-xs { padding-bottom: 4px; }
.ui-pb-sm { padding-bottom: 8px; }
.ui-pb-md { padding-bottom: 16px; }
.ui-pb-lg { padding-bottom: 24px; }
.ui-pb-xl { padding-bottom: 32px; }

.ui-pl-none { padding-left: 0; }
.ui-pl-xs { padding-left: 4px; }
.ui-pl-sm { padding-left: 8px; }
.ui-pl-md { padding-left: 16px; }
.ui-pl-lg { padding-left: 24px; }
.ui-pl-xl { padding-left: 32px; }

/* Global Reset for Gutters */
.ui-gutter-none { gap: 0; }
/* Extra Small Gutters (4px) */
.ui-gutter-xs { gap: 4px; }
.ui-gutter-xs.row { row-gap: 4px; }
.ui-gutter-xs.column { column-gap: 4px; }
/* Small Gutters (8px) */
.ui-gutter-sm { gap: 8px; }
.ui-gutter-sm.row { row-gap: 8px; }
.ui-gutter-sm.column { column-gap: 8px; }
/* Medium Gutters (16px) */
.ui-gutter-md { gap: 16px; }
.ui-gutter-md.row { row-gap: 16px; }
.ui-gutter-md.column { column-gap: 16px; }
/* Large Gutters (24px) */
.ui-gutter-lg { gap: 24px; }
.ui-gutter-lg.row { row-gap: 24px; }
.ui-gutter-lg.column { column-gap: 24px; }
/* Extra Large Gutters (32px) */
.ui-gutter-xl { gap: 32px; }
.ui-gutter-xl.row { row-gap: 32px; }
.ui-gutter-xl.column { column-gap: 32px; }
/* Specific Directions (Horizontal and Vertical) */

/* Horizontal Gutters */
.ui-gutter-x-none { column-gap: 0; }
.ui-gutter-x-xs { column-gap: 4px; }
.ui-gutter-x-sm { column-gap: 8px; }
.ui-gutter-x-md { column-gap: 16px; }
.ui-gutter-x-lg { column-gap: 24px; }
.ui-gutter-x-xl { column-gap: 32px; }

/* Vertical Gutters */
.ui-gutter-y-none { row-gap: 0; }
.ui-gutter-y-xs { row-gap: 4px; }
.ui-gutter-y-sm { row-gap: 8px; }
.ui-gutter-y-md { row-gap: 16px; }
.ui-gutter-y-lg { row-gap: 24px; }
.ui-gutter-y-xl { row-gap: 32px; }

h1, h2, h3, h4, h5, h6,
.top-menu .ui.header { 
  margin: initial; 
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.ui.date {
  font-size: 12px;
  opacity: 0.8;
}
.ui.caption {
  font-size: 15px;
  opacity: 0.6;
}
.ui.menu {
  margin-bottom: 0;
}
.ui.sticky {
  position: sticky;
  top: 8px;
}
pre {
  background: #000;
  color: #fff;
  padding: 8px;
  border-radius: 8px;
}
.ui.absolute {
  position: absolute;
}
.ui.relative {
  position: relative;
}
.ui.absolute.top.right {
  top: 0;
  right: 0;
}
.ui.absolute.top.left {
  top: 0;
  left: 0;
}
.ui.absolute.bottom.right {
  bottom: 0;
  right: 0;
}
.ui.absolute.bottom.left {
  bottom: 0;
  left: 0;
}
.ui.search .results .result {
  padding: 8px 12px !important;
}
.ui.search .results {
  max-height: 300px;
  overflow-y: scroll;
}
.wrapper {
  min-height: 500px;
}
.username {
  font-size: 12px;
  color: #B0263B;
}
.ui.card .meta {
  font-size: 12px;
}

.ui.fixed.bottom {
  /* position: fixed;
  bottom: 0;
  width: 100%; */
}