/*Elements defaults ==================================================*/
body {
  font-family: var(--bc-font-stack);
  color: var(--bc-primary-paragraph);
  font-size: var(--bc-fontSize-xs);
  font-weight: var(--bc-fontWeight-bold);
}

p {
  font-weight: var(--bc-fontWeight-medium);
  font-size: var(--bc-fontSize-sm);
  line-height: var(--bc-lineHeight-sm);
}

a {
  color: var(--bc-primary-darker);
  text-decoration: none;
  font-size: var(--bc-fontSize-sm);
  font-weight: var(--bc-fontWeight-medium);
  line-height: 2.4;
}

link h1 {
  font-size: 36px;
  color: var(--bc-primary-darker);
  font-weight: var(--bc-fontWeight-bold);
  letter-spacing: 0;
}

h2 {
  font-size: var(--bc-fontSize-xl);
  margin-bottom: 25px;
  font-weight: var(--bc-fontWeight-medium);
}

h3 {
  font-size: var(--bc-fontSize-md);
  font-weight: var(--bc-fontWeight-medium);
  line-height: var(--bc-lineHeight-md);
}

h4 {
  color: var(--bc-primary-lighter);
}

h5 {
  font-weight: 300;
  font-size: 25px;
  margin-bottom: 25px;
  margin-top: -20px;
}

@media (max-width: 767px) {
  body {
    font-size: 17px;
  }
  .small {
    font-size: 13px;
  }
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 20px;
  }
  h3 {
    font-size: 24px;
  }
  h4 {
    color: var(--bc-primary-lighter);
  }
}
hr {
  /* Set the hr color */
  color: var(--bc-background); /* old IE */
  background-color: var(--bc-background);
}

/*Forms styles rules ==================================================*/
.form-group {
  font-weight: var(--bc-fontWeight-regular);
}

.form-group label {
  font-weight: 500;
  font-size: var(--bc-fontSize-xs);
}

input {
  background-color: var(--bc-background);
  border: 1px solid var(--bc-primary-darker);
  border-radius: var(--bc-radius);
  color: var(--bc-primary-paragraph);
  font-size: var(--bc-fontSize-xs);
  font-weight: var(--bc-fontWeight-regular);
}

input:read-only,
.editor:read-only {
  color: #999;
}

input:focus,
textarea:focus,
.editor:focus {
  outline: none;
}

input:-webkit-autofill,
.editor:-webkit-autofill {
  background-color: var(--bc-background) !important;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--bc-secondary-light);
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--bc-secondary-light);
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--bc-secondary-light);
}

input.danger {
  border-color: var(--bc-danger);
}

input.success {
  border-color: var(--bc-success);
}

input.info {
  border-color: var(--bc-primary-lighter);
}

.danger {
  color: var(--bc-danger);
}

.grey {
  color: var(--bc-secondary-light);
}

.info {
  color: var(--bc-primary-lighter);
}

.success {
  color: var(--bc-success);
}

button {
  color: #fff;
  font-size: var(--bc-fontSize-xs);
  font-weight: var(--bc-fontWeight-regular);
  margin: 10px 0;
}

button:focus {
  outline: none;
}

/*Button styles rules ==================================================*/
.primary-btn,
.rounded-btn {
  background-color: var(--bc-primary-darker);
  color: #fff;
  border: none;
  cursor: pointer;
}

.rounded-btn {
  border-radius: 100px !important;
}

.sec-btn {
  border: 1px solid var(--bc-primary-darker);
  background: none;
  color: var(--bc-primary-darker);
  cursor: pointer;
}

.sec-btn:hover {
  border: 1px solid var(--bc-primary-darker);
  color: var(--bc-primary-darker);
}

.primary-btn:active,
.rounded-btn:active {
  background-color: var(--bc-primary-darker);
}

.primary-btn:disabled,
.primary-btn[disabled],
.primary-btn:disabled:hover,
.rounded-btn:disabled,
.rounded-btn[disabled],
.rounded-btn:disabled:hover {
  background: var(--bc-placeholder);
  color: #fff;
  opacity: 0.5;
  cursor: auto;
}

.primary-btn:hover,
.rounded-btn:hover {
  background: none;
  background-color: var(--bc-primary-darker-90);
}

.sec-btn:disabled,
.sec-btn[disabled],
.sec-btn:disabled:hover {
  border: 2px solid var(--bc-secondary-light);
  background: none;
  color: var(--bc-secondary-light);
  cursor: auto;
}

.xsm-btn,
.sm-btn,
.md-btn,
.lg-btn,
.xl-btn,
.xxl-btn,
.long-btn > button {
  border-radius: var(--bc-radius);
  text-transform: uppercase;
}

/*Placeholders styles*/
::-webkit-input-placeholder {
  /* Edge */
  color: var(--bc-secondary-light);
}

:-ms-input-placeholder {
  /* Internet Explorer */
  color: var(--bc-secondary-light);
}

::placeholder {
  color: var(--bc-secondary-light);
}

/*# sourceMappingURL=skin.css.map */