@import url(../../base/css/default.css);

/* border for common layout elements likedesign boxes, pads, menu items, etc */
.ch-def-border,
.ch-def-border-top,
.ch-def-border-top-auto,
.ch-def-border-bottom,
.ch-def-border-left,
.ch-def-border-right {
  border-width: 1px;
  border-width: 1sp;
  border-color: #323f4e;
}

/* shadow */
.ch-def-shadow {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 2sp 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2sp 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2sp 0 rgba(0, 0, 0, 0.5);
}

/* round corders */
.ch-def-round-corners {
  border-radius: 3px;
  border-radius: 3sp;
  -moz-border-radius: 3px;
  -moz-border-radius: 3sp;
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3sp;
}

/* round corders with border to use in INPUT areas */
.ch-def-round-corners-with-border {
  border-width: 1px;
  border-width: 1sp;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1);

  border-radius: 3px;
  border-radius: 3sp;
  -moz-border-radius: 3px;
  -moz-border-radius: 3sp;
  -webkit-border-radius: 3px;
  -webkit-border-radius: 3sp;
}

/* fonts */
.ch-def-font,
.ch-def-font-inputs {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #ffffff;
}
.ch-def-font-inputs-captions {
  color: #ffffff;
}
.ch-def-font-thin {
  font-weight: 100;
}
.ch-def-font-light {
  font-weight: 300;
}
.ch-def-font-regular {
  font-weight: 400;
}
.ch-def-font-medium {
  font-weight: 500;
}
.ch-def-font-bold {
  font-weight: 700;
}
.ch-def-font-extrabold {
  font-weight: 900;
}
h1,
.ch-def-font-h1 {
  font-size: 34px;
  font-size: 34sp;
  line-height: 40px;
  line-height: 40sp;
  color: #cccccc;
}
h2,
.ch-def-font-h2 {
  font-size: 22px;
  font-size: 22sp;
  line-height: 30px;
  line-height: 30sp;
  color: rgb(2, 136, 209);
}
h3,
.ch-def-font-h3 {
  font-size: 16px;
  font-size: 16sp;
  line-height: 28px;
  line-height: 28sp;
}

.ch-def-font-grayed {
  color: #cccccc;
}

.ch-def-hr {
    border-top: 1px solid #0A0C0F;
    border-bottom: 1px solid #2A2F3C;
}

/* Forum overrides. */
.forum_form_field:focus,
.forum_form_field:focus-within {
  background-color: #5a728c !important;
}

.forum_form_field {
  background-color: #213145 !important;
}

#ch_forum_search_input {
  color: #ffffff !important;
}