/*
 * 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');
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/roboto-normal-400-.eot');
  src: local(''),
        url('../../../fonts/roboto-normal-400-.woff2') format('woff2'),
        url('../../../fonts/roboto-normal-400-.woff') format('woff'),
        url('../../../fonts/roboto-normal-400-.ttf') format('truetype');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* latin */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../../fonts/roboto-normal-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../../fonts/roboto-normal-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Merriweather;
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-normal-400-.eot');
  src: local(''),
        url('../../../fonts/merriweather-normal-400-.woff2') format('woff2'),
        url('../../../fonts/merriweather-normal-400-.woff') format('woff'),
        url('../../../fonts/merriweather-normal-400-.ttf') format('truetype');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* latin */
@font-face {
  font-family: Merriweather;
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../../fonts/merriweather-normal-400-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
  font-family: Merriweather;
  font-style: normal;
  font-weight: 400;
  src: local(''),
        url('../../../fonts/merriweather-normal-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/*
* 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;
  color:var(--title-h1-color);
}

h2 {
  font-size: 2rem;
  color:var(--title-h2-color); 
}

h3 {
  font-size: 1.5rem;
  color:var(--title-h3-color);
}

h4 {
  font-size: 1.2rem;
  color:var(--title-h4-color);
}

h5 { 
   font-size: 1rem;
   color: var(--title-h5-color);
   font-weight: 700;
}

h6 {
  font-size: 1rem;
}

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

@media (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 (width <= 800px) {
  img, video, iframe {
    max-width: 100% !important;
  }

  .media > .media-left > img {
    max-width: initial !important;
  }

  .media {
    overflow: auto;
  }
}

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

:not(.fa, .fa-eye-open).icon-eye-open::before {
  content: "\e105";

}

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

:not(.fa).icon-white, :not(.fa, .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";
}
