/*
 * Webfont
 */

/* nunito-regular - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: local('Nunito Regular'), local('Nunito-Regular'),
    url('../../../fonts/nunito-v11-latin-regular.woff2') format('woff2'),
    url('../../../fonts/nunito-v11-latin-regular.woff') format('woff');
}

/* nunito-600 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 600;
  src: local('Nunito SemiBold'), local('Nunito-SemiBold'),
    url('../../../fonts/nunito-v11-latin-600.woff2') format('woff2'),
    url('../../../fonts/nunito-v11-latin-600.woff') format('woff');
}

/* nunito-800 - latin */
@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  src: local('Nunito ExtraBold'), local('Nunito-ExtraBold'),
    url('../../../fonts/nunito-v11-latin-800.woff2') format('woff2'),
    url('../../../fonts/nunito-v11-latin-800.woff') format('woff');
}


/*
* Main styles
*/

html, body {
  /* define also html so we can use rem */
  background: var(--main-bg-color);
  color: var(--main-text-color);
  font-size: var(--main-text-fontsize) !important;
  font-family: var(--main-text-fontfamily);
  padding: 0 !important;
  line-height: 1.6;
  background-image: none !important;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--main-title-fontfamily);
  color: var(--primary-color);
  margin-bottom: .5em;
  margin-top: .5em;
  font-weight: 800;
}

h1 {
  font-size: 3.2rem;
  letter-spacing: -.5px;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.2rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1rem;
}

br+h1, br+h2 {
  margin-top: .2em;
}

@media (max-width: 1200px) {
  h1 {
    font-size: 2rem;
  }

  h2 {
    font-size: 1.4rem;
  }

  h3 {
    font-size: 1.2rem;
  }

  h4, h5, h6 {
    color: var(--neutral-color);
  }
}

/* Links */
a {
  color: var(--link-color);
  text-decoration: none;
  font-weight: 600;
}

a:focus, a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
}

a.yeswiki-editable .icon-edit {
  font-size: .8rem;
  margin-left: 2px;
}
.dropdown-menu {
  font-size: inherit;
}

pre {
  color: inherit;
}

img {
  border-radius: 3px;
}

ul {
  padding-left: 2rem;
}

.label {
  padding: .1em .5em !important;
}

/* To prevent display trouble on small screen */
@media (max-width: 400px) {
  a {
    word-break: break-word;
  }
}

/* Icon compatibility ; not fontawesome*/
:not(.fa):not(.fa-trash).icon-trash::before {
  content: "\e020";
}

:not(.fa):not(.fa-eye-open).icon-eye-open::before {

  content: "\e105";

}

:not(.fa):not(.fa-tags).icon-tags::before {
  content: "\e042";
}

:not(.fa).icon-white, :not(.fa):not(.form-group).icon, :not(.fa).icon-pencil, :not(.fa).icon-tags, :not(.fa).icon-trash {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

/* Font Awesome */
.fa-eye-open::before {
  content: "\f06e";
}

.fa-remove::before {
  content: "\f00d";
}