
:root {
  --at-primary: #313131; /* #1a1a43; */
  --at-secondary: #373737; /* #14315e; */
  --at-tertiary: #2f6dd3;
  --at-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji",
    "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 1rem;
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
}

.p-0 {
  padding: 0px;
}
.m-0 {
  margin: 0px;
}
.at-margin-0 {
  margin: 0px;
}
.at-margin-t-15 {
  margin-top: 15px;
}
.at-margin-t-50 {
  margin-top: 50px;
}
.at-padding-6 {
  padding: 6px;
}
.at-padding-15 {
  padding: 15px;
}
.at-text-right {
  text-align: right;
}
.at-text-center {
  text-align: center;
}
.at-display-none {
  display: none;
}
.at-hide {
  display: none;
}
.at-float-right {
  float: right;
}

/* elements */
a {
  color: var(--at-tertiary);
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}

ul {
  padding: 0px;
  margin: 0px;
  list-style: outside none none;
}

/* button */
.at-btn {
  background-color: var(--at-secondary);
  border: 1px solid var(--at-secondary);
  color: #ffffff;
  display: inline-block;
  font-weight: normal;
  border-radius: 3px;
  padding: 5px 10px;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.3s ease 0s;
}

.at-btn:hover,
.at-btn:focus {
  background-color: #386ac6;
  border: 1px solid #386ac6;
  text-decoration: none;
  color: white;
}

.at-btn:disabled {
  background-color: #575757;
  color: #ffffff;
  border: 1px solid #575757;
}

/* responsive grid */
*,
*::before,
*::after {
  box-sizing: border-box;
}

@-ms-viewport {
  width: device-width;
}

/* ads */
#at-ad-tdt {
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 1200px) {
  #at-ad-tdt {
    display: none;
  }
}
#at-ad-ssm {
}
#at-ad-sr {
  margin: 14px;
}

/* ads placeholder */
ins.adsbygoogle a {
  display: none;
}
.at-ads-placeholder,
ins.adsbygoogle[data-ad-status="unfilled"] a {
  display: inline-block;
  background: linear-gradient(45deg, #9c27b0, #2196f3);
  color: white;
  border-radius: 6px;

  font-size: 1.1rem;
  filter: grayscale(0.4);
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  justify-content: center;
}
ins.adsbygoogle[data-ad-status="unfilled"] > div {
  display: none !important;
}
