/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/source-sans-pro-v13-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("../fonts/source-sans-pro-v13-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v13-latin-regular.woff2") format("woff2"), url("../fonts/source-sans-pro-v13-latin-regular.woff") format("woff"), url("../fonts/source-sans-pro-v13-latin-regular.ttf") format("truetype"), url("../fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/source-sans-pro-v13-latin-italic.eot");
  /* IE9 Compat Modes */
  src: local("Source Sans Pro Italic"), local("SourceSansPro-Italic"), url("../fonts/source-sans-pro-v13-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v13-latin-italic.woff2") format("woff2"), url("../fonts/source-sans-pro-v13-latin-italic.woff") format("woff"), url("../fonts/source-sans-pro-v13-latin-italic.ttf") format("truetype"), url("../fonts/source-sans-pro-v13-latin-italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/source-sans-pro-v13-latin-600italic.eot");
  /* IE9 Compat Modes */
  src: local("Source Sans Pro SemiBold Italic"), local("SourceSansPro-SemiBoldItalic"), url("../fonts/source-sans-pro-v13-latin-600italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v13-latin-600italic.woff2") format("woff2"), url("../fonts/source-sans-pro-v13-latin-600italic.woff") format("woff"), url("../fonts/source-sans-pro-v13-latin-600italic.ttf") format("truetype"), url("../fonts/source-sans-pro-v13-latin-600italic.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/source-sans-pro-v13-latin-600.eot");
  /* IE9 Compat Modes */
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("../fonts/source-sans-pro-v13-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v13-latin-600.woff2") format("woff2"), url("../fonts/source-sans-pro-v13-latin-600.woff") format("woff"), url("../fonts/source-sans-pro-v13-latin-600.ttf") format("truetype"), url("../fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro") format("svg");
  /* Legacy iOS */
}

/** Variables **/
/* Colors */
/* Fonts */
/* Breakpoints */
/* Sidebar width */
/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Retina-specific stuff here */
}

/* 1.3 dpr */
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi) {
  /* Retina-specific stuff here */
}

/* 1.5 dpr */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* Retina-specific stuff here */
}

/*2.0 dpr */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min-resolution: 120dpi) {
  /* Your code to swap higher DPI images */
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-family: "Source Sans Pro", sans-serif;
  color: #324c57;
  font-weight: 600;
  margin-bottom: 1rem;
}

.content p + h2,
.content ul + h2,
.content ol + h2 {
  margin-top: 3rem;
}

.content p + h3,
.content ul + h3,
.content ol + h3 {
  margin-top: 3rem;
}

.content p + h4,
.content ul + h4,
.content ol + h4 {
  margin-top: 3rem;
}

.content ul {
  list-style-type: square;
}

.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  margin-bottom: 1rem;
}

blockquote {
  font-family: "Source Serif Pro", serif;
  line-height: 1.5;
  padding: 2rem 2rem 1rem;
  color: #324c57;
  background-color: #EFF1F2;
  border-left: 4px solid darkred;
}

@media (min-width: 1600px) {
  h1 {
    font-size: 3.2rem;
    line-height: 1;
  }
  h2 {
    font-size: 2.2rem;
    font-weight: 900;
  }
}

.entry-title {
  font-size: 1.8rem;
  font-family: "Source Serif Pro", serif;
  font-weight: 600;
}

@media (min-width: 1200px) {
  .content p,
  .content ul,
  .content ol {
    font-size: 1.05rem;
  }
}

@media (min-width: 1440px) {
  .content p,
  .content ul,
  .content ol {
    font-size: 1.1rem;
  }
}

@media (min-width: 1600px) {
  .content p,
  .content ul,
  .content ol {
    font-size: 1.2rem;
  }
}

a,
a:hover,
a:focus {
  color: #a40000;
  text-decoration: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.content a:hover {
  text-decoration: underline;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.sidebar {
  min-width: 18.75rem;
  max-width: 18.75rem;
  background: #d3d8db;
  color: #555;
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  margin-left: -18.75rem;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.sidebar section {
  margin-bottom: 1rem;
  padding: 0 2rem;
}

.sidebar .search-field {
  height: 3rem;
  font-size: 1.25rem;
}

.sidebar ul {
  list-style: none;
}

.sidebar ul li {
  padding: inherit 0;
}

.active {
  margin-left: 0;
}

::-webkit-input-placeholder {
  color: #999 !important;
}

:-ms-input-placeholder {
  color: #999 !important;
}

::-ms-input-placeholder {
  color: #999 !important;
}

::placeholder {
  color: #999 !important;
}

.sidebarCollapse span {
  display: none;
}

.sidebar-search {
  width: 100%;
  padding: 2.5rem 0 1.5rem;
  margin: 0 auto 2rem;
  background: #e1e5e7;
}

.sidebar-header,
.sidebar-menu {
  padding: 1rem 0;
  margin: 1rem 0 0;
}

.sidebar-header h3,
.sidebar-menu h3 {
  padding: 0 2rem;
}

.custom-logo {
  width: 100%;
  max-width: 300px;
  height: auto;
}

.sidebar ul.components {
  padding: 20px 0;
  border-bottom: 1px solid #47748b;
}

ul.CTAs {
  padding: 0 2rem;
}

ul.CTAs a {
  text-align: center;
  display: block;
  border-radius: 5px;
  margin-bottom: 5px;
  padding: 10px;
  font-weight: 600;
  font-size: 1.25rem;
}

.navbar-btn {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none !important;
  border: none;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (min-width: 576px) {
  .sidebar {
    min-width: 20rem;
    margin-left: -20rem;
  }
  .sidebar.active {
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .sidebar {
    min-width: 20rem;
    margin-left: -20rem;
    font-size: 1rem;
  }
  .sidebar.active {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .sidebar {
    min-width: 22.5rem;
    max-width: 22.5rem;
    font-size: 1rem;
    margin-left: 0;
  }
  .sidebar.active {
    margin-left: -25rem;
  }
}

@media (min-width: 1440px) {
  .sidebar {
    min-width: 25rem;
    max-width: 25rem;
    margin-left: 0;
  }
  .sidebar.active {
    margin-left: -25rem;
  }
}

@media (min-width: 1600px) {
  .sidebar {
    min-width: 25rem;
    max-width: 25rem;
    margin-left: 0;
  }
  .sidebar.active {
    margin-left: -25rem;
  }
}

.btn-group {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  border: 1px solid #a9b3b9;
  overflow: hidden;
  border-radius: 4px;
  margin: 2rem 2rem 1rem 0;
  padding: 0;
}

.btn-group > .lang-item {
  border-radius: 0;
  border: none;
  border-right: 1px solid #a9b3b9;
}

.btn-group > .lang-item:last-child {
  border-right: none;
}

.lang-item {
  border: solid 1px #a9b3b9;
  border-radius: 4px;
  text-align: center;
  background-color: #d3d8db;
  list-style: none;
}

.lang-item > a,
.lang-item > a:hover {
  display: inline-block;
  padding: .35rem .75rem;
  color: #666;
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 1px;
  text-decoration: none;
  width: 100%;
}

.lang-item:hover,
.lang-item:focus {
  cursor: pointer;
  background-color: #c5ccd0;
  color: #fff;
}

body {
  font-family: "Source Sans Pro", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  font-size: 1rem;
  line-height: 1.5;
}

/* 1.25 dpr */
@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
  /* Retina-specific stuff here */
  body {
    font-size: 1rem;
  }
}

/* 1.3 dpr */
@media (-webkit-min-device-pixel-ratio: 1.3), (min-resolution: 124.8dpi) {
  /* Retina-specific stuff here */
  body {
    font-size: 1rem;
  }
}

/* 1.5 dpr */
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  /* Retina-specific stuff here */
  body {
    font-size: 1rem;
  }
}

/*2.0 dpr */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* Retina-specific stuff here */
  body {
    font-size: 1rem;
  }
}

.content {
  min-height: 100vh;
  margin: 0 auto;
  padding: 2rem 1rem;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-before: 3;
  -webkit-hyphenate-limit-after: 3;
  -webkit-hyphenate-limit-chars: 6 3 3;
  -webkit-hyphenate-limit-lines: 2;
  -webkit-hyphenate-limit-last: always;
  -webkit-hyphenate-limit-zone: 8%;
  -moz-hyphens: auto;
  -moz-hyphenate-limit-chars: 6 3 3;
  -moz-hyphenate-limit-lines: 2;
  -moz-hyphenate-limit-last: always;
  -moz-hyphenate-limit-zone: 8%;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: 6 3 3;
  -ms-hyphenate-limit-lines: 2;
  -ms-hyphenate-limit-last: always;
  -ms-hyphenate-limit-zone: 8%;
  hyphens: auto;
  hyphenate-limit-chars: 6 3 3;
  hyphenate-limit-lines: 2;
  hyphenate-limit-last: always;
  hyphenate-limit-zone: 8%;
  max-width: 100%;
}

@media (min-width: 768px) {
  .content {
    padding: 20px 3rem;
  }
}

@media (min-width: 1200px) {
  .content {
    padding: 20px 3rem;
    min-width: 60vw;
  }
}

@media (min-width: 1440px) {
  .content {
    padding: 20px 3rem;
	min-width: 60vw;
  }
}

@media (min-width: 1600px) {
  .content {
    min-width: 70%;
    max-width: 70%;
    margin: 0 auto;
  }
}
/*# sourceMappingURL=style.css.map */