/*!
Theme Name: JP-demographic
Text Domain: jpdemographic
Version: 1.0.0
Description: Wordpress theme for JP demographic, design by zinster.nl
Author: Automatique / Zinster
Author URI: https://automatique.nl/ https://www.zinster.nl
*/
/** Base - Reset the browser */
/** Base - Reset the browser */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** 1. Correct the line height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/* Sections ========================================================================== */
/** Remove the margin in all browsers. */
body { margin: 0; }

/** Render the `main` element consistently in IE. */
main { display: block; }

/** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */
h1 { font-size: 2em; margin: 0.67em 0; }

/* Grouping content ========================================================================== */
/** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */
hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ overflow: scroll; }

/* Text-level semantics ========================================================================== */
/** Remove the gray background on active links in IE 10. */
a { background-color: transparent; }

/** 1. Remove the bottom border in Chrome 57- 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

/** Add the correct font weight in Chrome, Edge, and Safari. */
b, strong { font-weight: bolder; }

/** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */
code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

/** Add the correct font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

/* Embedded content ========================================================================== */
/** Remove the border on images inside links in IE 10. */
img { border-style: none; }

/* Forms ========================================================================== */
/** 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. */
button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

/** Show the overflow in IE. 1. Show the overflow in Edge. */
button, input { /* 1 */ overflow: visible; }

/** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */
button, select { /* 1 */ text-transform: none; }

/** Correct the inability to style clickable types in iOS and Safari. */
button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

/** Remove the inner border and padding in Firefox. */
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

/** Restore the focus styles unset by the previous rule. */
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

/** Correct the padding in Firefox. */
fieldset { padding: 0.35em 0.75em 0.625em; }

/** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */
legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

/** Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress { vertical-align: baseline; }

/** Remove the default vertical scrollbar in IE 10+. */
textarea { overflow: auto; }

/** 1. Add the correct box sizing in IE 10. 2. Remove the padding in IE 10. */
[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Correct the cursor style of increment and decrement buttons in Chrome. */
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

/** Remove the inner padding in Chrome and Safari on macOS. */
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

/* Interactive ========================================================================== */
/* Add the correct display in Edge, IE 10+, and Firefox. */
details { display: block; }

/* Add the correct display in all browsers. */
summary { display: list-item; }

/* Misc ========================================================================== */
/** Add the correct display in IE 10+. */
template { display: none; }

/** Add the correct display in IE 10. */
[hidden] { display: none; }

/** Reset specific elements to make them easier to style in other contexts. */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; box-sizing: border-box; }

/** Apply generic border-box to all elements. See: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
/** Apply border-box across the entire page. */
html { box-sizing: border-box; }

/** Relax the definition a bit, to allow components to override it manually. */
*, *::before, *::after { box-sizing: inherit; }

button, a { cursor: pointer; }

/** global grid - Mixins, variables */
/** Grid  */
.show { display: block !important; }

.row.show { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

.hide { display: none !important; }

.col-no-pad { padding: 0 !important; }

.show-xs { display: block !important; }

.row.show-xs { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }

.hide-xs { display: none !important; }

@media only screen and (max-width: 600px) { .show-xs-only { display: block !important; }
  .row.show-xs-only { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .hide-xs-only { display: none !important; } }
@media only screen and (min-width: 601px) { .show-sm { display: block !important; }
  .row.show-sm { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .hide-sm { display: none !important; } }
@media only screen and (min-width: 601px) and (max-width: 1023px) { .show-sm-only { display: block !important; }
  .row.show-sm-only { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .hide-sm-only { display: none !important; } }
@media only screen and (min-width: 1024px) { .show-md { display: block !important; }
  .row.show-md { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .hide-md { display: none !important; } }
@media only screen and (min-width: 1024px) and (max-width: 1168px) { .show-md-only { display: block !important; }
  .row.show-md-only { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .hide-md-only { display: none !important; } }
@media only screen and (min-width: 1169px) { .show-lg { display: block !important; }
  .row.show-lg { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .hide-lg { display: none !important; } }
@media only screen and (min-width: 1169px) and (max-width: 1600px) { .show-lg-only { display: block !important; }
  .row.show-lg-only { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .hide-lg-only { display: none !important; } }
@media only screen and (min-width: 1601px) { .show-xl { display: block !important; }
  .row.show-xl { display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; }
  .hide-xl { display: none !important; } }
.row { box-sizing: border-box; width: 100%; display: -webkit-flex; display: -ms-flexbox; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; }

.row.reverse { flex-direction: row-reverse; }

.row.natural-height { align-items: flex-start; }

.row.flex-column { flex-direction: column; }

.col { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 1rem; }

.col.reverse { flex-direction: column-reverse; }

.first { order: -1; }

.last { order: 1; }

.align-start { align-self: flex-start; }

.align-end { align-self: flex-end; }

.align-center { align-self: center; }

.align-baseline { align-self: baseline; }

.align-stretch { align-self: stretch; }

.col-xs { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 1rem; }

.col-xs-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 1rem; }

.col-xs-offset-1 { margin-left: 8.3333333333%; }

.col-xs-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 1rem; }

.col-xs-offset-2 { margin-left: 16.6666666667%; }

.col-xs-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 1rem; }

.col-xs-offset-3 { margin-left: 25%; }

.col-xs-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 1rem; }

.col-xs-offset-4 { margin-left: 33.3333333333%; }

.col-xs-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 1rem; }

.col-xs-offset-5 { margin-left: 41.6666666667%; }

.col-xs-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 1rem; }

.col-xs-offset-6 { margin-left: 50%; }

.col-xs-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 1rem; }

.col-xs-offset-7 { margin-left: 58.3333333333%; }

.col-xs-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 1rem; }

.col-xs-offset-8 { margin-left: 66.6666666667%; }

.col-xs-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 1rem; }

.col-xs-offset-9 { margin-left: 75%; }

.col-xs-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 1rem; }

.col-xs-offset-10 { margin-left: 83.3333333333%; }

.col-xs-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 1rem; }

.col-xs-offset-11 { margin-left: 91.6666666667%; }

.col-xs-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 1rem; }

.col-xs-offset-12 { margin-left: 100%; }

.row.start-xs { justify-content: flex-start; }

.row.center-xs { justify-content: center; }

.row.end-xs { justify-content: flex-end; }

.row.top-xs { align-items: flex-start; }

.row.middle-xs { align-items: center; }

.row.bottom-xs { align-items: flex-end; }

.row.around-xs { justify-content: space-around; }

.row.between-xs { justify-content: space-between; }

.first-xs { order: -1; }

.last-xs { order: 1; }

@media only screen and (min-width: 601px) { .col-sm { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 1rem; }
  .col-sm-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 1rem; }
  .col-sm-offset-1 { margin-left: 8.3333333333%; }
  .col-sm-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 1rem; }
  .col-sm-offset-2 { margin-left: 16.6666666667%; }
  .col-sm-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 1rem; }
  .col-sm-offset-3 { margin-left: 25%; }
  .col-sm-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 1rem; }
  .col-sm-offset-4 { margin-left: 33.3333333333%; }
  .col-sm-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 1rem; }
  .col-sm-offset-5 { margin-left: 41.6666666667%; }
  .col-sm-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 1rem; }
  .col-sm-offset-6 { margin-left: 50%; }
  .col-sm-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 1rem; }
  .col-sm-offset-7 { margin-left: 58.3333333333%; }
  .col-sm-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 1rem; }
  .col-sm-offset-8 { margin-left: 66.6666666667%; }
  .col-sm-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 1rem; }
  .col-sm-offset-9 { margin-left: 75%; }
  .col-sm-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 1rem; }
  .col-sm-offset-10 { margin-left: 83.3333333333%; }
  .col-sm-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 1rem; }
  .col-sm-offset-11 { margin-left: 91.6666666667%; }
  .col-sm-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 1rem; }
  .col-sm-offset-12 { margin-left: 100%; }
  .row.start-sm { justify-content: flex-start; }
  .row.center-sm { justify-content: center; }
  .row.end-sm { justify-content: flex-end; }
  .row.top-sm { align-items: flex-start; }
  .row.middle-sm { align-items: center; }
  .row.bottom-sm { align-items: flex-end; }
  .row.around-sm { justify-content: space-around; }
  .row.between-sm { justify-content: space-between; }
  .first-sm { order: -1; }
  .last-sm { order: 1; } }
@media only screen and (min-width: 1024px) { .col-md { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 1rem; }
  .col-md-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 1rem; }
  .col-md-offset-1 { margin-left: 8.3333333333%; }
  .col-md-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 1rem; }
  .col-md-offset-2 { margin-left: 16.6666666667%; }
  .col-md-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 1rem; }
  .col-md-offset-3 { margin-left: 25%; }
  .col-md-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 1rem; }
  .col-md-offset-4 { margin-left: 33.3333333333%; }
  .col-md-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 1rem; }
  .col-md-offset-5 { margin-left: 41.6666666667%; }
  .col-md-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 1rem; }
  .col-md-offset-6 { margin-left: 50%; }
  .col-md-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 1rem; }
  .col-md-offset-7 { margin-left: 58.3333333333%; }
  .col-md-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 1rem; }
  .col-md-offset-8 { margin-left: 66.6666666667%; }
  .col-md-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 1rem; }
  .col-md-offset-9 { margin-left: 75%; }
  .col-md-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 1rem; }
  .col-md-offset-10 { margin-left: 83.3333333333%; }
  .col-md-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 1rem; }
  .col-md-offset-11 { margin-left: 91.6666666667%; }
  .col-md-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 1rem; }
  .col-md-offset-12 { margin-left: 100%; }
  .row.start-md { justify-content: flex-start; }
  .row.center-md { justify-content: center; }
  .row.end-md { justify-content: flex-end; }
  .row.top-md { align-items: flex-start; }
  .row.middle-md { align-items: center; }
  .row.bottom-md { align-items: flex-end; }
  .row.around-md { justify-content: space-around; }
  .row.between-md { justify-content: space-between; }
  .first-md { order: -1; }
  .last-md { order: 1; } }
@media only screen and (min-width: 1169px) { .col-lg { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 1rem; }
  .col-lg-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 1rem; }
  .col-lg-offset-1 { margin-left: 8.3333333333%; }
  .col-lg-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 1rem; }
  .col-lg-offset-2 { margin-left: 16.6666666667%; }
  .col-lg-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 1rem; }
  .col-lg-offset-3 { margin-left: 25%; }
  .col-lg-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 1rem; }
  .col-lg-offset-4 { margin-left: 33.3333333333%; }
  .col-lg-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 1rem; }
  .col-lg-offset-5 { margin-left: 41.6666666667%; }
  .col-lg-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 1rem; }
  .col-lg-offset-6 { margin-left: 50%; }
  .col-lg-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 1rem; }
  .col-lg-offset-7 { margin-left: 58.3333333333%; }
  .col-lg-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 1rem; }
  .col-lg-offset-8 { margin-left: 66.6666666667%; }
  .col-lg-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 1rem; }
  .col-lg-offset-9 { margin-left: 75%; }
  .col-lg-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 1rem; }
  .col-lg-offset-10 { margin-left: 83.3333333333%; }
  .col-lg-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 1rem; }
  .col-lg-offset-11 { margin-left: 91.6666666667%; }
  .col-lg-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 1rem; }
  .col-lg-offset-12 { margin-left: 100%; }
  .row.start-lg { justify-content: flex-start; }
  .row.center-lg { justify-content: center; }
  .row.end-lg { justify-content: flex-end; }
  .row.top-lg { align-items: flex-start; }
  .row.middle-lg { align-items: center; }
  .row.bottom-lg { align-items: flex-end; }
  .row.around-lg { justify-content: space-around; }
  .row.between-lg { justify-content: space-between; }
  .first-lg { order: -1; }
  .last-lg { order: 1; } }
@media only screen and (min-width: 1601px) { .col-xl { box-sizing: border-box; flex-grow: 1; flex-basis: 0; max-width: 100%; padding: 1rem; }
  .col-xl-1 { box-sizing: border-box; flex-basis: 8.3333333333%; max-width: 8.3333333333%; padding: 1rem; }
  .col-xl-offset-1 { margin-left: 8.3333333333%; }
  .col-xl-2 { box-sizing: border-box; flex-basis: 16.6666666667%; max-width: 16.6666666667%; padding: 1rem; }
  .col-xl-offset-2 { margin-left: 16.6666666667%; }
  .col-xl-3 { box-sizing: border-box; flex-basis: 25%; max-width: 25%; padding: 1rem; }
  .col-xl-offset-3 { margin-left: 25%; }
  .col-xl-4 { box-sizing: border-box; flex-basis: 33.3333333333%; max-width: 33.3333333333%; padding: 1rem; }
  .col-xl-offset-4 { margin-left: 33.3333333333%; }
  .col-xl-5 { box-sizing: border-box; flex-basis: 41.6666666667%; max-width: 41.6666666667%; padding: 1rem; }
  .col-xl-offset-5 { margin-left: 41.6666666667%; }
  .col-xl-6 { box-sizing: border-box; flex-basis: 50%; max-width: 50%; padding: 1rem; }
  .col-xl-offset-6 { margin-left: 50%; }
  .col-xl-7 { box-sizing: border-box; flex-basis: 58.3333333333%; max-width: 58.3333333333%; padding: 1rem; }
  .col-xl-offset-7 { margin-left: 58.3333333333%; }
  .col-xl-8 { box-sizing: border-box; flex-basis: 66.6666666667%; max-width: 66.6666666667%; padding: 1rem; }
  .col-xl-offset-8 { margin-left: 66.6666666667%; }
  .col-xl-9 { box-sizing: border-box; flex-basis: 75%; max-width: 75%; padding: 1rem; }
  .col-xl-offset-9 { margin-left: 75%; }
  .col-xl-10 { box-sizing: border-box; flex-basis: 83.3333333333%; max-width: 83.3333333333%; padding: 1rem; }
  .col-xl-offset-10 { margin-left: 83.3333333333%; }
  .col-xl-11 { box-sizing: border-box; flex-basis: 91.6666666667%; max-width: 91.6666666667%; padding: 1rem; }
  .col-xl-offset-11 { margin-left: 91.6666666667%; }
  .col-xl-12 { box-sizing: border-box; flex-basis: 100%; max-width: 100%; padding: 1rem; }
  .col-xl-offset-12 { margin-left: 100%; }
  .row.start-xl { justify-content: flex-start; }
  .row.center-xl { justify-content: center; }
  .row.end-xl { justify-content: flex-end; }
  .row.top-xl { align-items: flex-start; }
  .row.middle-xl { align-items: center; }
  .row.bottom-xl { align-items: flex-end; }
  .row.around-xl { justify-content: space-around; }
  .row.between-xl { justify-content: space-between; }
  .first-xl { order: -1; }
  .last-xl { order: 1; } }
.col-gutter-lr { padding: 0 1rem; }

.col-gutter-tb { padding: 1rem 0; }

.col-no-gutter { padding: 0; }

/** Base - legacy global styles */
/** Base - legacy */
/* Rotate  */
/* Calculates maximum width for post content */
/* Ensure all font family declarations come with non-latin fallbacks */
p { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

dfn, cite, em, i { font-style: italic; }

blockquote cite { font-size: 0.8465608466em; font-style: normal; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; }

pre { font-size: 0.8888888889em; font-family: "Courier 10 Pitch", Courier, monospace; line-height: 1.5; overflow: auto; }

code, kbd, tt, var { font-size: 0.8888888889em; font-family: Menlo, monaco, Consolas, Lucida Console, monospace; }

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }

mark, ins { background: #fff9c0; text-decoration: none; }

small { font-size: 0.8465608466em; }

big { font-size: 125%; }

a { text-decoration: underline; color: #3977C2; }
a.no-styling { text-decoration: none; color: inherit; }
a:hover, a:active { text-decoration: inherit; color: #1C4991; }
a:focus { outline: none; }

article .entry-date { display: block; color: #3977C2; font-family: "azo-sans-web", sans-serif; text-transform: lowercase; margin-bottom: 30px; }

.author-description .author-link, .comment-metadata, .comment-reply-link, .comments-title, .comment-author .fn, .discussion-meta-info, .entry-meta, .entry-footer, .no-comments, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .page-links, .page-description, .pagination .nav-links, .sticky-post, .site-title, .site-info, #cancel-comment-reply-link, h1, h2, h3, h4, h5, h6 { font-family: "azo-sans-web", sans-serif; }

.page-description, .author-description .author-link, .not-found .page-title, .error-404 .page-title, .post-navigation .post-title, .pagination .nav-links, .comments-title, .comment-author .fn, .no-comments, .site-title, h1, h2, h3, h4, h5, h6 { font-weight: 500; letter-spacing: -0.02em; line-height: 1.1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.page-title { font-family: "azo-sans-web", sans-serif; }

.site-branding, .social-navigation, .author-description .author-bio, .nav-links { line-height: 1.25; }

.entry-title, h1 { font-size: 2.50875em; color: #1C4991; padding: 0 0 15px 0; letter-spacing: 0em; }
@media only screen and (max-width: 1600px) { .entry-title, h1 { font-size: 3.345em !important; } }
@media only screen and (max-width: 1023px) { .entry-title, h1 { font-size: 2.50875em !important; } }
@media only screen and (max-width: 600px) { .entry-title, h1 { font-size: 1.74375em !important; } }
@media only screen and (max-width: 374px) { .entry-title, h1 { font-size: 1.51875em !important; } }

.not-found .page-title, .error-404 .page-title, .has-larger-font-size, h2 { font-size: 1.74375em; color: #3977C2; }
@media only screen and (max-width: 600px) { .not-found .page-title, .error-404 .page-title, .has-larger-font-size, h2 { font-size: 1.265625em !important; } }

.comments-title, h3 { font-size: 1.3em; color: #3977C2; }
@media only screen and (max-width: 600px) { .comments-title, h3 { font-size: 1.125em !important; } }

h4 { color: #3977C2; font-size: 1.1em; }

h5 { font-size: 1.1em; line-height: 1.3em; }

.entry-meta, .entry-footer, .discussion-meta-info, .site-info, .has-small-font-size, .comment-reply-link, .comment-metadata, .comment-notes, .sticky-post, #cancel-comment-reply-link, img:after, h6 { font-size: 0.8465608466em; }

.site-title, .page-title { font-weight: 400; color: #1C4991; }

.page-description, .page-links a { font-weight: bold; }

.post-navigation .post-title, .not-found .page-title, .error-404 .page-title, .comments-title, blockquote { hyphens: auto; word-break: break-word; }

/** === Layout === */
.site-content { overflow-x: hidden; }

.right { margin-left: auto; }

aside.col-md-4 { padding-right: 60px !important; }
@media only screen and (max-width: 1168px) { aside.col-md-4 { padding-right: 30px !important; } }
@media only screen and (max-width: 1023px) { aside.col-md-4 { padding-right: 0px !important; margin-top: 60px; } }

img { max-width: 100%; height: auto; }

.responsive-max-width { max-width: 1760px; padding: 0 60px; margin: 0 auto; }
@media only screen and (max-width: 1600px) { .responsive-max-width { padding: 0 30px; } }
@media only screen and (max-width: 1023px) { .responsive-max-width { padding: 0 20px; } }

.gray-bg { background: #EDEDED; }

.border-bottom { border-bottom: 2px solid #ccc; }

article p, article figure, article .wp-block-buttons { padding-bottom: 1em; }

ul.category-list { list-style-type: none; padding: 80px 0 60px; }
ul.category-list li { display: inline-block; margin-right: 7px; }
ul.category-list a { display: inline-block; color: #3977C2; font-family: "azo-sans-web", sans-serif; font-weight: 500; line-height: 1.5; text-decoration: none; text-rendering: optimizeLegibility; padding: 21px 14px 20px !important; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border: 1px solid #F98228; min-width: 260px; text-align: center; }
ul.category-list li.current-cat a { background-color: #EDEDED; }

.icon-bg { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.icon-bg:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; fill: #3977C2; }

.m-bottom-30 { margin-bottom: 30px; }
@media only screen and (max-width: 1023px) { .m-bottom-30 { margin-bottom: 15px; } }

html { font-size: 24px; }
@media only screen and (max-width: 1600px) { html { font-size: 18px; } }
@media only screen and (max-width: 1023px) { html { font-size: 16px; } }
@media only screen and (max-width: 600px) { html { font-size: 14px; } }

body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #4D4D4D; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; font-weight: 400; font-size: 1em; line-height: 1.5; margin: 0; text-rendering: optimizeLegibility; }

input, select, optgroup, textarea { color: #4D4D4D; font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; font-weight: 400; line-height: 1.5; text-rendering: optimizeLegibility; padding: 23px 14px !important; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border: 1px solid #ccc; }
@media only screen and (max-width: 1023px) { input, select, optgroup, textarea { border-top-left-radius: 0; border-top-right-radius: 7px; border-bottom-right-radius: 0; border-bottom-left-radius: 15px; padding: 13px 14px !important; } }
input:focus, select:focus, optgroup:focus, textarea:focus { outline: none !important; border: 1px solid #3977C2; }

button, .button, a.button, .wp-block-button__link, .wp-block-file .wp-block-file__button, .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius, input[type="button"], input[type="reset"], input[type="submit"] { font-family: "azo-sans-web", sans-serif; font-size: 1.265625em; border-radius: 0 7px 0 15px !important; background-color: #F98228; color: #fff; padding: 13px 24px 17px !important; border: none; text-decoration: none; display: inline-block; }
@media only screen and (max-width: 1023px) { button, .button, a.button, .wp-block-button__link, .wp-block-file .wp-block-file__button, .wp-block-button.no-border-radius, .wp-block-button__link.no-border-radius, input[type="button"], input[type="reset"], input[type="submit"] { padding: 6px 12px 11px !important; font-size: 1em; } }

input[type="submit"] { padding: 13px 60px 17px !important; }
@media only screen and (max-width: 1023px) { input[type="submit"] { padding: 13px 30px 17px !important; } }

.entry-content ul, article ul { margin-left: 23px; margin-top: -1em; margin-bottom: 1em; }
@media only screen and (max-width: 1600px) { .entry-content ul, article ul { margin-left: 20px; } }
@media only screen and (max-width: 1023px) { .entry-content ul, article ul { margin-left: 18px; } }
@media only screen and (max-width: 600px) { .entry-content ul, article ul { margin-left: 15px; } }

.entry-content ol, article ol { margin-left: 28px; margin-top: -1em; margin-bottom: 1em; }
@media only screen and (max-width: 1600px) { .entry-content ol, article ol { margin-left: 22px; } }
@media only screen and (max-width: 1023px) { .entry-content ol, article ol { margin-left: 20px; } }
@media only screen and (max-width: 600px) { .entry-content ol, article ol { margin-left: 17px; } }

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }

.screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

.entry-content h2, .entry-content h3, .entry-content h4, article h2, article h3, article h4 { margin-bottom: .3em; }

#loginform p { padding-bottom: 30px; }
#loginform input { width: 100%; max-width: 673px; }
#loginform input[type='checkbox'], #loginform input[type='submit'] { width: auto; cursor: pointer; }

input:-webkit-autofill { background-color: transparent !important; }

select::-ms-expand { display: none; }

.ginput_container_select select { appearance: none; background-color: transparent; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; outline: none; }
.ginput_container_select::after { display: inline-block; content: ""; width: 20px; height: 20px; margin-left: -51px; right: 20px; top: 20px; border-top: 2px solid #F98228; border-right: 2px solid #F98228; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
@media only screen and (max-width: 1023px) { .ginput_container_select::after { width: 13px; height: 13px; top: 17px; } }

#masterhead { top: -260px; z-index: 90; width: 100%; position: sticky; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }
@media only screen and (max-width: 1023px) { #masterhead { margin-bottom: 20px; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18) ; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18) ; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18) ; } }
#masterhead.off-canvas { top: -89px; }
#masterhead.fixed { top: 0; z-index: 9999; }
#masterhead .gray-bg { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18) ; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18) ; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.18) ; }
#masterhead.down { top: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; }
@media only screen and (min-width: 1024px) { #masterhead.down.border { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; } }
#masterhead .site-branding { height: 160px; }
@media only screen and (max-width: 1023px) { #masterhead .site-branding { height: 60px; } }
@media only screen and (max-width: 1023px) { #masterhead .col-xs-5 { max-width: 150px; } }

.site-description p { font-weight: 300; color: #6C6B6B; text-indent: -12px; margin-left: 23px; margin-top: -4px; }

.search-form { font-family: "azo-sans-web", sans-serif; background: #fff; font-size: 1.265625em; border-radius: 15px; overflow: hidden; padding: 0; width: 100%; }
.search-form label { width: calc(100% - 74px); }
.search-form input { font-family: "azo-sans-web", sans-serif; border: none; width: 100%; padding: 3px 0 8px 6% !important; }
@media only screen and (max-width: 374px) { .search-form input { font-size: .78em; } }
.search-form input:focus { border: none; outline: none; }
.search-form button { border: none; -webkit-appearance: none; border-radius: 0; background-color: transparent; padding: 10px 12px 3px 0 !important; }
@media only screen and (max-width: 1023px) { .search-form button { padding-top: 4px; }
  .search-form button img { width: 30px; height: auto; } }

.search-mobile { padding-top: .6em; }

.aside_widget .search-form input { font-size: .8em; }

.social-navigation a { display: inline-block; background-position: center; max-with: 64px; }
.social-navigation a #bg-3, .social-navigation a #bg-4 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.social-navigation a:hover #bg-3, .social-navigation a:hover #bg-4 { fill: #3977C2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

#site-navigation { background-color: #fff; -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; }
@media only screen and (max-width: 1023px) { #site-navigation { position: fixed; top: 0; right: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) ; -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) ; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) ; -moz-transform: translateX(500px); -webkit-transform: translateX(500px); -o-transform: translateX(500px); -ms-transform: translateX(500px); transform: translateX(500px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #site-navigation.open { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } }

#menu-primary { height: 100px; list-style-type: none; display: flex; justify-content: flex-end; font-size: 1.18em; }
@media only screen and (max-width: 1600px) { #menu-primary { height: 84px; } }
@media only screen and (max-width: 1168px) { #menu-primary { justify-content: space-between; } }
#menu-primary a { font-family: "azo-sans-web", sans-serif; color: #6C6B6B; display: inline-block; padding: 24px 45px 33px; text-decoration: none; position: relative; z-index: 10; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#menu-primary a:hover { color: #1C4991; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (max-width: 1600px) { #menu-primary a { padding-bottom: 28px; } }
#menu-primary li { position: relative; }
#menu-primary li:first-child a { padding-left: 30px; }
@media only screen and (max-width: 1168px) { #menu-primary li:first-child a { padding-left: 0; } }
#menu-primary li:last-child a { padding-right: 6px; }
@media only screen and (max-width: 1023px) { #menu-primary { padding: 0; height: auto; flex-direction: column; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; }
  #menu-primary a, #menu-primary li:first-child a { padding: 10px 60px 10px 20px; border-top: 1px solid #ccc; width: 100%; }
  #menu-primary a::first-letter, #menu-primary li:first-child a::first-letter { text-transform: uppercase; }
  #menu-primary li:first-child a { border-top-width: 0; }
  #menu-primary li.menu-item-has-children > span { display: block; position: absolute; padding: 7px 15px; font-size: 1.2em; right: 0; top: 0; z-index: 10; cursor: pointer; left: auto; width: auto; height: auto; background: transparent; margin-left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #menu-primary li.menu-item-has-children.open > span { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #menu-primary li.current-menu-item > a { color: #3977C2; }
  #menu-primary ul.sub-menu { list-style-type: none; font-size: .86em; padding-left: 1em; -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); height: 0; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  #menu-primary ul.sub-menu a { border-bottom: 0; }
  #menu-primary li.open > .sub-menu { -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); height: 100%; opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } }
@media only screen and (min-width: 1024px) { #menu-primary li.current-menu-item, #menu-primary li.current-page-ancestor, #menu-primary li.current_page_ancestor, #menu-primary li.current-menu-parent { position: relative; }
  #menu-primary li.current-menu-item::before, #menu-primary li.current-page-ancestor::before, #menu-primary li.current_page_ancestor::before, #menu-primary li.current-menu-parent::before { content: ""; display: block; position: absolute; z-index: 1; left: 50%; top: -18px; width: 82px; height: 60px; margin-left: -41px; border-radius: 15px; background-color: #fff; -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; -webkit-transform: rotate(345deg); -moz-transform: rotate(345deg); -ms-transform: rotate(345deg); -o-transform: rotate(345deg); transform: rotate(345deg); }
  #menu-primary li.current-menu-item::after, #menu-primary li.current-page-ancestor::after, #menu-primary li.current_page_ancestor::after, #menu-primary li.current-menu-parent::after { content: ""; display: block; position: absolute; z-index: 1; left: 50%; top: -18px; width: 84px; height: 60px; margin-left: -42px; border-radius: 15px; background: linear-gradient(15deg, white 60%, rgba(255, 255, 255, 0) 57%); -webkit-transform: rotate(345deg); -moz-transform: rotate(345deg); -ms-transform: rotate(345deg); -o-transform: rotate(345deg); transform: rotate(345deg); }
  #menu-primary li:first-child.current-menu-item::before, #menu-primary li:first-child.current-menu-parent::before, #menu-primary li:first-child.current-page-ancestor::before, #menu-primary li:first-child.current_page_ancestor::before { margin-left: -51px !important; }
  #menu-primary li:first-child.current-menu-item::after, #menu-primary li:first-child.current-menu-parent::after, #menu-primary li:first-child.current-page-ancestor::after, #menu-primary li:first-child.current_page_ancestor::after { margin-left: -52px !important; } }
@media only screen and (min-width: 1024px) and (max-width: 1168px) { #menu-primary li:first-child.current-menu-item::before, #menu-primary li:first-child.current-menu-parent::before, #menu-primary li:first-child.current-page-ancestor::before, #menu-primary li:first-child.current_page_ancestor::before { margin-left: -63px !important; }
  #menu-primary li:first-child.current-menu-item::after, #menu-primary li:first-child.current-menu-parent::after, #menu-primary li:first-child.current-page-ancestor::after, #menu-primary li:first-child.current_page_ancestor::after { margin-left: -64px !important; } }
@media only screen and (min-width: 1024px) { #menu-primary li:last-child.current_page_item::before, #menu-primary li:last-child.current-menu-parent::before, #menu-primary li:last-child.current_page_ancestor::before { margin-left: -24px; }
  #menu-primary li:last-child.current_page_item::after, #menu-primary li:last-child.current-menu-parent::after, #menu-primary li:last-child.current_page_ancestor::after { margin-left: -25px; } }
#menu-primary .sub-menu li::before { display: none; }
#menu-primary .sub-menu li::after { display: none; }

@media only screen and (min-width: 1024px) { body.post-type-archive-projects li.projects.menu-item::before, body.single-projects li.projects.menu-item::before, body.single-post li.news.menu-item::before { content: ""; display: block; position: absolute; z-index: 1; left: 50%; top: -18px; width: 82px; height: 60px; margin-left: -41px; border-radius: 15px; background-color: #fff; -webkit-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; -moz-box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.18) ; -webkit-transform: rotate(345deg); -moz-transform: rotate(345deg); -ms-transform: rotate(345deg); -o-transform: rotate(345deg); transform: rotate(345deg); }
  body.post-type-archive-projects li.projects.menu-item::after, body.single-projects li.projects.menu-item::after, body.single-post li.news.menu-item::after { content: ""; display: block; position: absolute; z-index: 1; left: 50%; top: -18px; width: 84px; height: 60px; margin-left: -42px; border-radius: 15px; background: linear-gradient(15deg, white 60%, rgba(255, 255, 255, 0) 57%); -webkit-transform: rotate(345deg); -moz-transform: rotate(345deg); -ms-transform: rotate(345deg); -o-transform: rotate(345deg); transform: rotate(345deg); } }

aside ul.menu { font-family: "azo-sans-web", sans-serif; border: 1px solid #ccc; border-top: none; list-style-type: none; position: absolute; font-size: 1em; background-color: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; z-index: 90; display: none; }
aside ul.menu a { display: block; text-decoration: none; white-space: nowrap; border-top: 1px solid #ccc; padding: 17px 23px 19px 23px !important; letter-spacing: -0.02em; color: #6C6B6B; }
aside ul.menu .current_page_item, aside ul.menu li a:hover { background-color: #EDEDED; color: #6C6B6B; }
aside ul.menu .current_page_item::before, aside ul.menu .current_page_item::after, aside ul.menu li a:hover::before, aside ul.menu li a:hover::after { display: none; }
aside ul.menu .current_page_item { background-color: transparent; }
aside ul.menu .current_page_item > a { color: #3977C2; }
aside ul.menu .sub-menu { display: none; position: relative; background: transparent; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; }
aside ul.menu .sub-menu a { border-top: none; display: block; padding: 7px 0 15px 60px !important; }

#menu-primary li:hover > .sub-menu { display: block; }

#menu-primary li:last-child .sub-menu { right: 0; }

aside ul.menu { display: block; position: relative; z-index: auto; border-left: none; border-right: none; width: 100%; max-width: 400px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; }
aside ul.menu a { padding: 17px 2px 19px  !important; letter-spacing: 0em; }
aside ul.menu .sub-menu { list-style-type: none; }

#menu-primary-1 li > .sub-menu, #menu-primary li > .sub-menu li.menu-item-has-children .sub-menu { border-bottom: 0; display: none; }

#menu-primary-1 li.open > .sub-menu, #menu-primary li > .sub-menu li.open.menu-item-has-children .sub-menu { display: block; }

@media only screen and (min-width: 1024px) { #menu-primary > li.menu-item-has-children > span { display: none; }
  aside ul.menu, #menu-primary li > .sub-menu { font-family: "azo-sans-web", sans-serif; border: 1px solid #ccc; border-top: none; list-style-type: none; position: absolute; font-size: 26px; background-color: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; overflow: hidden; z-index: 90; display: none; } }
@media only screen and (min-width: 1024px) and (max-width: 1600px) { aside ul.menu, #menu-primary li > .sub-menu { font-size: 20px; } }
@media only screen and (min-width: 1024px) { aside ul.menu a, #menu-primary li > .sub-menu a { display: block; text-decoration: none; white-space: nowrap; border-top: 1px solid #ccc; padding: 17px 23px 19px 23px !important; letter-spacing: -0.02em; color: #6C6B6B; }
  aside ul.menu .current_page_item, aside ul.menu li a:hover, #menu-primary li > .sub-menu .current_page_item, #menu-primary li > .sub-menu li a:hover { background-color: #EDEDED; color: #6C6B6B; }
  aside ul.menu .current_page_item::before, aside ul.menu .current_page_item::after, aside ul.menu li a:hover::before, aside ul.menu li a:hover::after, #menu-primary li > .sub-menu .current_page_item::before, #menu-primary li > .sub-menu .current_page_item::after, #menu-primary li > .sub-menu li a:hover::before, #menu-primary li > .sub-menu li a:hover::after { display: none; }
  aside ul.menu .current_page_item, #menu-primary li > .sub-menu .current_page_item { background-color: transparent; }
  aside ul.menu .current_page_item > a, #menu-primary li > .sub-menu .current_page_item > a { color: #3977C2; }
  aside ul.menu .sub-menu, #menu-primary li > .sub-menu .sub-menu { display: none; position: relative; background: transparent; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; }
  aside ul.menu .sub-menu a, #menu-primary li > .sub-menu .sub-menu a { border-top: none; display: block; padding: 7px 0 15px 60px !important; }
  #menu-primary li:hover > .sub-menu { display: block; }
  #menu-primary li:last-child .sub-menu { right: 0; }
  aside ul.menu { display: block; position: relative; z-index: auto; border-left: none; border-right: none; width: 100%; max-width: 400px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; box-shadow: 0 0 0 rgba(0, 0, 0, 0) ; }
  aside ul.menu a { padding: 17px 2px 19px  !important; letter-spacing: 0em; }
  aside ul.menu .sub-menu { list-style-type: none; }
  #menu-primary li > .sub-menu li.menu-item-has-children > a { padding-right: 73px !important; }
  #menu-primary-1 li > .sub-menu, #menu-primary li > .sub-menu li.menu-item-has-children .sub-menu { border-bottom: 0; display: none; }
  #menu-primary-1 li.open > .sub-menu, #menu-primary li > .sub-menu li.open.menu-item-has-children .sub-menu { border: none; display: block; } }
aside ul.menu li.menu-item-has-children, #menu-primary li > .sub-menu li.menu-item-has-children { position: relative; }
aside ul.menu li.menu-item-has-children > span, #menu-primary li > .sub-menu li.menu-item-has-children > span { display: block; position: absolute; padding: 20px; right: 0; top: 0; z-index: 10; cursor: pointer; left: auto; width: auto; height: auto; background: transparent; margin-left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (max-width: 1023px) { aside ul.menu li.menu-item-has-children > span, #menu-primary li > .sub-menu li.menu-item-has-children > span { font-size: 1.2em; } }
aside ul.menu li.menu-item-has-children.open > span, #menu-primary li > .sub-menu li.menu-item-has-children.open > span { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

@media only screen and (max-width: 1023px) { #menu-primary li > .sub-menu li.menu-item-has-children > span { padding: 7px 15px; } }
.menu-icon { position: relative; display: block; width: 37px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.menu-icon:before, .menu-icon:after, .menu-icon .menu-icon__text { background: #3977C2; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; content: ''; display: block; height: 5px; margin: 6px 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 100%; }
.menu-icon .menu-icon__text { text-indent: -9999px; }
.menu-icon.open:before { -webkit-transform: rotate(45deg) translate3d(5px, 10px, 0); -moz-transform: rotate(45deg) translate3d(5px, 10px, 0); -ms-transform: rotate(45deg) translate3d(5px, 10px, 0); -o-transform: rotate(45deg) translate3d(5px, 10px, 0); transform: rotate(45deg) translate3d(5px, 10px, 0); }
.menu-icon.open .menu-icon__text { opacity: 0; }
.menu-icon.open:after { -webkit-transform: rotate(-45deg) translate3d(5px, -10px, 0); -moz-transform: rotate(-45deg) translate3d(5px, -10px, 0); -ms-transform: rotate(-45deg) translate3d(5px, -10px, 0); -o-transform: rotate(-45deg) translate3d(5px, -10px, 0); transform: rotate(-45deg) translate3d(5px, -10px, 0); }

.hamburger-wrapper { display: flex; justify-content: flex-end; height: 60px; padding: 10px 13px; }

.post-header { position: relative; flex-wrap: wrap; padding: 0; }
.post-header figure { overflow: hidden; line-height: 0; width: 100%; padding: 0; position: relative; z-index: 1; }
.post-header figure img { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 80px; }
@media only screen and (max-width: 1023px) { .post-header figure img { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; } }
.post-header figure.header-default-img img { object-fit: cover; width: 1640px; height: 135px; }
@media only screen and (max-width: 1023px) { .post-header figure.header-default-img img { width: 100%; height: 65px; } }
.post-header figure.header-img img { object-fit: cover; width: 1640px; height: 532px; }
@media only screen and (max-width: 1023px) { .post-header figure.header-img img { width: 100%; height: 350px; } }
@media only screen and (max-width: 600px) { .post-header figure.header-img img { height: 240px; } }
.post-header .title-wrapper { height: 94px; background: #fff; border-top-left-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; z-index: 2; position: absolute; text-align: center; width: 33%; display: flex; justify-content: center; }
@media only screen and (max-width: 1023px) { .post-header .title-wrapper { height: 40px; margin-left: 30px; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } }
.post-header .page-title { font-size: 1.51875em; text-transform: lowercase; letter-spacing: -0.03em; line-height: 1em; margin: auto; }
@media only screen and (max-width: 1023px) { .post-header .page-title { font-size: 1.125em; } }

.breadbrumb .col { padding: 30px 0; }

#breadcrumbs { padding: 15px 0 70px 0; color: #959494; }
@media only screen and (max-width: 1600px) { #breadcrumbs { padding-bottom: 30px; } }
#breadcrumbs a { text-decoration: none; border-bottom: 1px solid transparent; color: #959494; -webkit-transition: all 110ms ease-out; -moz-transition: all 110ms ease-out; -ms-transition: all 110ms ease-out; -o-transition: all 110ms ease-out; transition: all 110ms ease-out; }
#breadcrumbs a:hover, #breadcrumbs a:active { border-bottom: 1px solid #959494; -webkit-transition: all 110ms ease-out; -moz-transition: all 110ms ease-out; -ms-transition: all 110ms ease-out; -o-transition: all 110ms ease-out; transition: all 110ms ease-out; }

figure.single-header-img { border-top-left-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 60px; overflow: hidden; line-height: 0; padding-bottom: 0; }
figure.single-header-img.aside { margin-bottom: 60px; }

article .single-header-img { margin-bottom: 60px; }

aside h3 { padding-bottom: 40px; }
@media only screen and (max-width: 1023px) { aside h3 { padding-bottom: 20px; } }

.aside_widget.gray-bg { padding: 40px 30px 30px; }
.aside_widget.gray-bg p { padding-bottom: .7em; }
.aside_widget.gray-bg img { border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; }
@media only screen and (max-width: 1023px) { .aside_widget.gray-bg { margin-bottom: 40px; } }

h3.recent-updates { padding-bottom: 30px; }

aside ul.updates { margin-bottom: 175px; }
aside ul.updates li { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }
@media only screen and (max-width: 1023px) { aside ul.updates { margin-bottom: 60px; } }

#post-nav { margin-top: 60px; display: flex; justify-content: space-between; }
#post-nav a { color: inherit; text-decoration: none; display: flex; align-items: center; }
#post-nav a span { font-size: 1.2em; padding: 0 20px; }
#post-nav a #bg, #post-nav a #bg-2 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
#post-nav a:hover #bg, #post-nav a:hover #bg-2 { fill: #3977C2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (max-width: 1023px) { #post-nav svg { width: 45px; height: auto; } }
#post-nav .pagination { text-align: center; }
#post-nav .pagination a { text-decoration: none; }

ul.loop { list-style-type: none; }

ul.updates { list-style-type: none; font-family: "azo-sans-web", sans-serif; }
ul.updates li { margin-bottom: 40px; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; overflow: hidden; flex-basis: calc(50% - 7px); }
@media only screen and (max-width: 600px) { ul.updates li { margin-bottom: 20px; flex-basis: 100%; }
  ul.updates li .col-xs-8 { padding: .5rem; } }
ul.updates p { margin-bottom: 15px; }
@media only screen and (max-width: 1023px) { ul.updates p { font-size: .8em; margin-bottom: 7px; } }
@media only screen and (max-width: 1023px) { ul.updates h3 { padding-bottom: .5em; } }
ul.updates small { display: block; }
ul.updates small.search-tags { text-transform: lowercase; }
ul.updates a { color: inherit; text-decoration: none; height: 100%; }
ul.updates .entry-date { color: #3977C2; text-transform: lowercase; }
ul.updates .tumbnail-header-img { line-height: 0; background-color: #3977C2; }
ul.updates .tumbnail-header-img img { width: 100%; height: 100%; object-fit: cover; opacity: .65; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (max-width: 1023px) { ul.updates .tumbnail-header-img img { width: 100%; height: 100%; min-height: 80px; } }
ul.updates li a:hover img { opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

ul.updates.search { margin-top: 60px; }
ul.updates.search li { flex-basis: 100%; }
ul.updates.search .tumbnail-header-img img { height: 100%; }
ul.updates.search .col-xs-9 { display: flex; flex-direction: column; }
ul.updates.search .col-xs-9 .read-more-tag { margin-top: 10px; }

.page-template-page-projects ul.projects { margin-top: 60px; }

ul.projects { list-style-type: none; }
ul.projects li { margin-bottom: 60px; border-top-left-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 60px; overflow: hidden; flex-basis: calc(33% - 7px); margin-right: 14px; }
@media only screen and (max-width: 1023px) { ul.projects li { border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; flex-basis: calc(50% - 7px); margin-bottom: 30px; } }
@media only screen and (max-width: 600px) { ul.projects li { border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; flex-basis: 100%; margin-right: 0; } }
ul.projects li:nth-child(3n+0) { margin-right: 0; }
@media only screen and (max-width: 1023px) { ul.projects li:nth-child(3n+0) { margin-right: 14px; } }
@media only screen and (max-width: 1023px) { ul.projects li:nth-child(2n+0) { margin-right: 0; } }
ul.projects .col { padding: 1.2rem 1.2rem 2.5rem; }
@media only screen and (max-width: 1023px) { ul.projects .col { padding: 1em .7em 1.1em; } }
ul.projects h3 { margin-bottom: 30px; }
@media only screen and (max-width: 1023px) { ul.projects h3 { margin-bottom: 5px; } }
ul.projects a { color: inherit; text-decoration: none; }
ul.projects .tumbnail-header-img { line-height: 0; background-color: #3977C2; }
ul.projects .tumbnail-header-img img { width: 536px; height: 375px; object-fit: cover; opacity: .65; border-top-left-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (max-width: 1168px) { ul.projects .tumbnail-header-img img { width: 100%; height: 220px; } }
@media only screen and (max-width: 1023px) { ul.projects .tumbnail-header-img img { border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; width: 100%; height: 300px; } }
@media only screen and (max-width: 600px) { ul.projects .tumbnail-header-img img { height: 238px; } }
ul.projects li a:hover img { opacity: 1; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.read-more-tag, a.read-more-tag { color: #F98228; font-weight: bolder; text-decoration: none; }
.read-more-tag:after, a.read-more-tag:after { display: inline-block; content: ""; width: 10px; height: 10px; margin-left: 30px; vertical-align: 2px; border-top: 2px solid #F98228; border-right: 2px solid #F98228; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
@media only screen and (max-width: 1023px) { .read-more-tag:after, a.read-more-tag:after { width: 8px; height: 8px; margin-left: 15px; vertical-align: -1px; } }

.loop-on-page { margin: 30px 0 0 0 !important; padding-bottom: 0 !important; }
@media only screen and (max-width: 1023px) { .loop-on-page { margin: 15px 0 0 0 !important; } }

.category-select { position: relative; font-family: "azo-sans-web", sans-serif; font-weight: 500; color: #3977C2; margin: 60px 0; }
@media only screen and (max-width: 1023px) { .category-select { margin: 30px 0; } }
@media only screen and (max-width: 600px) { .category-select { width: 100%; } }
.category-select .dropdown { position: relative; text-transform: lowercase; background-color: #fff; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border: 1px solid #F98228; width: 300px; padding: 18px 36px !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; z-index: 2; }
@media only screen and (max-width: 1023px) { .category-select .dropdown { padding: 14px 30px !important; } }
@media only screen and (max-width: 600px) { .category-select .dropdown { width: 100%; } }
.category-select .dropdown::after { display: inline-block; content: ""; width: 20px; height: 20px; margin-left: 30px; position: absolute; right: 20px; top: 20px; border-top: 2px solid #F98228; border-right: 2px solid #F98228; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
@media only screen and (max-width: 1023px) { .category-select .dropdown::after { width: 13px; height: 13px; top: 17px; } }
.category-select .dropdown-container { list-style-type: none; background-color: #fff; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border: 1px solid #F98228; overflow: hidden; position: absolute; width: 300px; top: 78px; z-index: 10; line-height: 40px; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; display: none; }
@media only screen and (max-width: 1023px) { .category-select .dropdown-container { top: 59px; } }
@media only screen and (max-width: 600px) { .category-select .dropdown-container { width: 100%; } }
.category-select .dropdown-container li { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.category-select .dropdown-container li a { text-decoration: none; display: block; width: 100%; height: 100%; padding: 18px 36px !important; color: #6C6B6B; text-transform: lowercase; }
.category-select .dropdown-container li.current-cat a { color: #3977C2; }
.category-select .dropdown-container li:hover { background-color: #EDEDED; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.category-select .dropdown, .category-select .dropdownLink { cursor: pointer; }
.category-select .active { display: block; }

.hero { position: relative; line-height: 0; background-color: #3977C2; margin-bottom: 60px; }
.hero img { width: 1640px; height: 532px; object-fit: cover; opacity: .65; }
@media only screen and (max-width: 1023px) { .hero img { width: 100%; height: 350px; } }
@media only screen and (max-width: 600px) { .hero img { width: 100%; height: 240px; } }
.hero h1 { position: absolute; background-color: #fff; border-top-left-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 60px; bottom: 26px; left: 26px; padding: .4em .5em .8em; }
@media only screen and (max-width: 1023px) { .hero h1 { border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; padding: .2em .4em .45em; bottom: 14px; left: 14px; } }
@media only screen and (max-width: 600px) { .hero h1 { border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; padding: .2em .4em .45em; bottom: 6px; left: 6px; } }
@media only screen and (max-width: 1023px) { .hero { margin-bottom: 30px; } }

.teasers { justify-content: space-between; margin-bottom: 100px; }
@media only screen and (max-width: 1023px) { .teasers { margin-bottom: 20px; } }
@media only screen and (max-width: 374px) { .teasers { margin-bottom: 15px; } }
.teasers div { flex-basis: calc(25% - 10.5px); }
@media only screen and (max-width: 1023px) { .teasers div { flex-basis: calc(50% - 7px); margin-bottom: 14px; } }
@media only screen and (max-width: 374px) { .teasers div { flex-basis: 100%; margin-bottom: 12px; } }
.teasers a { display: flex; flex-direction: column; background: #3977C2; border-top-left-radius: 0; border-top-right-radius: 30px; border-bottom-right-radius: 0; border-bottom-left-radius: 60px; border-top: 30px solid #F98228; color: #fff !important; text-decoration: none; padding: 30px 14px 60px; height: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (max-width: 1023px) { .teasers a { padding: 30px 14px 40px; } }
@media only screen and (max-width: 600px) { .teasers a { border-top-width: 15px; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; padding: 11px 12px 20px; } }
@media only screen and (max-width: 374px) { .teasers a { padding: 13px 15px 25px; } }
.teasers a:hover { background: #1C4991; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.teasers a h3 { color: #fff; font-size: 1.725em; line-height: 1.15em; padding-bottom: 60px; min-height: auto; }
@media only screen and (max-width: 1023px) { .teasers a h3 { padding-bottom: 20px; } }
.teasers a p { font-size: 1.23em; line-height: 1em; }
@media only screen and (max-width: 1023px) { .teasers a p { font-size: 0.8888888889em; line-height: 1.2em; } }

section.updates, section.projects { padding-bottom: 30px; margin-bottom: 60px; }
@media only screen and (max-width: 600px) { section.updates, section.projects { padding-bottom: 15px; margin-bottom: 30px; } }
section.updates h2, section.projects h2 { padding-bottom: 15px; }

.bottom-section { padding: 20px 0; }
.bottom-section h2 { padding-bottom: 15px; width: 100%; }
.bottom-section img { max-width: 60%; padding-left: 12%; }
@media only screen and (max-width: 1023px) { .bottom-section img { padding-left: 0; margin-top: 40px; max-width: 50%; } }

#monitor { position: relative; max-width: 400px; text-align: center; line-height: 0; }
#monitor .ss_screenshot_link { display: block; width: 100%; background-size: cover; border: 12px solid #000; padding-bottom: 52.6%; margin-bottom: -1px; }
#monitor .monitor-cover { width: 100%; height: auto; }

.data-topic-tiles { list-style-type: none; }
.data-topic-tiles li { flex-basis: calc(50% - 7px); margin-bottom: 1em; }
@media only screen and (max-width: 374px) { .data-topic-tiles li { flex-basis: 100%; margin-bottom: .5em; }
  .data-topic-tiles li a.dummy { display: none; } }
.data-topic-tiles a { border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; padding: .2em; justify-content: center; align-content: center; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; width: 100%; min-height: 182px; }
@media only screen and (max-width: 1600px) { .data-topic-tiles a { min-height: 130px; } }
@media only screen and (max-width: 1023px) { .data-topic-tiles a { min-height: 100px; } }
@media only screen and (max-width: 600px) { .data-topic-tiles a { min-height: 80px; } }
.data-topic-tiles a:hover { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.data-topic-tiles a h3 { color: #fff; width: 78%; margin-left: 2%; }
@media only screen and (max-width: 1600px) { .data-topic-tiles a h3 { font-size: 1.1em; } }
.data-topic-tiles a svg { height: auto; width: 20%; }
.data-topic-tiles a.health-performance { background: #DF316A; }
.data-topic-tiles a.health-performance:hover { background-color: #a91a49; }
.data-topic-tiles a.social-welfare { background-color: #963B09; }
.data-topic-tiles a.social-welfare:hover { background-color: #4e1f05; }
.data-topic-tiles a.work-productivity { background-color: #F98228; }
.data-topic-tiles a.work-productivity:hover { background-color: #cf5c06; }
.data-topic-tiles a.education-learning { background-color: #649BDD; }
.data-topic-tiles a.education-learning:hover { background-color: #2c73c9; }
.data-topic-tiles a.housing-urban { background-color: #8BAD34; }
.data-topic-tiles a.housing-urban:hover { background-color: #5c7222; }
.data-topic-tiles a.public-attitudes { background-color: #00A099; }
.data-topic-tiles a.public-attitudes:hover { background-color: #005450; }
.data-topic-tiles a.social-civic { background-color: #D9B718; }
.data-topic-tiles a.social-civic:hover { background-color: #947d10; }
.data-topic-tiles a.uses-technology { background-color: #9662B5; }
.data-topic-tiles a.uses-technology:hover { background-color: #6e418a; }
.data-topic-tiles a.wellbeing { background-color: #B98B53; }
.data-topic-tiles a.wellbeing:hover { background-color: #886437; }
.data-topic-tiles a.intergenerational { background-color: #1C4991; }
.data-topic-tiles a.intergenerational:hover { background-color: #102951; }
.data-topic-tiles a.all-databases { background-color: #6C6B6B; }
.data-topic-tiles a.all-databases:hover { background-color: #464545; }
.data-topic-tiles a.dummy { background-color: #dfe9f5; cursor: default; }
.data-topic-tiles a.dummy:hover { opacity: 1; }

.data-landing h1 { padding: 125px 0 100px; }
@media only screen and (max-width: 1600px) { .data-landing h1 { padding: 60px 0 50px; } }
@media only screen and (max-width: 1023px) { .data-landing h1 { padding: 30px 0 20px; } }
.data-landing main { align-items: stretch; }
.data-landing main .map-wrapper { position: relative; height: 91%; overflow: hidden; }
.data-landing main .map-wrapper .st3 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.data-landing main .map-wrapper .st3:hover { fill: #F98228; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
@media only screen and (max-width: 1600px) { .data-landing main .map-wrapper svg { margin-top: -7vw; } }
@media only screen and (max-width: 1168px) { .data-landing main .map-wrapper svg { top: 0; right: -5vw; marginn-top: 0; } }
@media only screen and (max-width: 1023px) { .data-landing main .map-wrapper svg { position: relative; top: 0; } }
.data-landing .data-topic-tiles li.all-databases, .data-landing .data-topic-tiles li.dummy { display: none; }

.country-topic .data-topic-tiles li { flex-basis: calc(25% - 7px); }
@media only screen and (max-width: 1023px) { .country-topic .data-topic-tiles li { flex-basis: calc(50% - 7px); } }
@media only screen and (max-width: 374px) { .country-topic .data-topic-tiles li { flex-basis: 100%; margin-bottom: .5em; }
  .country-topic .data-topic-tiles li a.dummy { display: none; } }

.topics-overview .category-select { display: inline-block; margin-right: 20px; }
@media only screen and (max-width: 1600px) { .topics-overview .category-select { margin: 0 0 30px 0; } }

a.to-top { vertical-align: -8px; display: inline-block; }
@media only screen and (max-width: 1600px) { a.to-top svg { width: 38px; vertical-align: -5px; } }
@media only screen and (max-width: 1023px) { a.to-top svg { width: 33px; vertical-align: -9px; } }
a.to-top .a { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a.to-top:hover .a { fill: #3977C2; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.county-database-list { margin-bottom: 60px; }
@media only screen and (max-width: 1023px) { .county-database-list { margin-bottom: 30px; } }
.county-database-list header { display: flex; align-items: flex-end; }
.county-database-list header section { flex-basis: 68%; }
.county-database-list header span { flex-basis: 14%; color: #959494; }
.county-database-list header span:last-child { flex-basis: 26%; }
.county-database-list h2 { display: inline-block; margin: 20px 20px 20px 0; }
.county-database-list a { color: inherit; text-decoration: none; }
.county-database-list a:hover { color: #3977C2; }
.county-database-list ul { list-style-type: none; }
.county-database-list ul > li { display: flex; align-items: center; margin-bottom: 25px; }
@media only screen and (max-width: 1023px) { .county-database-list ul > li { align-items: flex-start; } }
@media only screen and (max-width: 600px) { .county-database-list ul > li { flex-direction: column; } }
.county-database-list .database { flex-basis: 68%; }
.county-database-list strong { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif; }
.county-database-list small { color: #959494; }
.county-database-list .relevance { flex-basis: 26%; }
@media only screen and (max-width: 600px) { .county-database-list .relevance { flex-basis: 100%; display: flex; } }
.county-database-list .language { flex-basis: 14%; }
@media only screen and (max-width: 600px) { .county-database-list .language { flex-basis: 100%; display: flex; margin: 10px 0; } }
.county-database-list .language img { max-width: 32px; }
@media only screen and (max-width: 600px) { .county-database-list .language img { max-width: 25px; margin-left: 5px; } }

ul.relevance-score { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; list-style-type: none; }
ul.relevance-score li { width: 15px; height: 15px; border-radius: 50%; background-color: #ccc; }
@media only screen and (max-width: 600px) { ul.relevance-score li { margin-left: 5px; width: 10px; height: 10px; } }
ul.relevance-score li.relevant { background-color: #3977C2; }

.topic-view header.entry-header { margin-bottom: 80px; }
.topic-view main section { margin-bottom: 20px; }
.topic-view h3 { display: inline-block; padding: 0 20px 30px 0; }
.topic-view a.to-top { vertical-align: -12px; }
.topic-view p { margin-bottom: 30px; }

a.back-to-topic { display: flex; align-items: center; color: inherit; text-decoration: none; font-family: "azo-sans-web", sans-serif; font-size: 1.1em; }
a.back-to-topic svg { padding-right: 20px; }

.topic-about { margin-bottom: 80px; }
.topic-about ul.relevance-score { max-width: 260px; }
.topic-about table { border-collapse: collapse; }
.topic-about tr { vertical-align: baseline; border-bottom: 1px solid #fff !important; }
.topic-about tr:last-child { border-bottom-width: 0 !important; }
.topic-about td { padding: 6px 6px 10px 6px; }
.topic-about td:first-child { white-space: nowrap; }
.topic-about td:last-child { font-weight: 500; }

.single-alignment h1 { padding-bottom: .85em; }
.single-alignment h2 { padding-bottom: .8em; }
.single-alignment .country-toggle { margin-bottom: 1.4em; }
.single-alignment .country-toggle h3 { display: block; border: 1px solid #ccc; padding: .4em; cursor: pointer; margin-top: 1em; position: relative; padding-left: 2em; }
.single-alignment .country-toggle h3 span { color: #F98228; font-size: 1em; font-family: verdana; font-weight: 700; left: .4em; margin-top: -.02em; position: absolute; }
.single-alignment .country-toggle h3 + .country-input { padding-top: .5em; padding-bottom: 0.4em; display: none; }

.tax-country h1 { padding-bottom: .85em; }
.tax-country h2 { padding-bottom: .45em !important; }
.tax-country h3 { padding-bottom: .3em !important; display: inline-block; margin-right: 20px; }
.tax-country .subject-lang { display: inline-block; height: .8em; }
.tax-country .subject-lang img { height: 100%; width: auto; margin-right: 6px; }
.tax-country .loop { margin-bottom: 2.5em; }
.tax-country .loop li { margin-bottom: 1.4em; }

.wp-block-file a:not(.wp-block-file__button)::after { content: url("assets/images/PDF-file-icon.svg"); display: inline-block; margin: 0 0 0 20px; vertical-align: -5px; }
.wp-block-file a:nth-last-child(2) { display: none; }
.wp-block-file .wp-block-file__button { margin-left: 0; line-height: 3em; }

.wp-block-table.is-style-stripes { padding: 30px 0; border-bottom: 0; }
.wp-block-table.is-style-stripes table td, .wp-block-table.is-style-stripes table td * { vertical-align: top; }
.wp-block-table.is-style-stripes table { border-collapse: collapse; }
.wp-block-table.is-style-stripes thead { background: #F98228; color: #fff; }
.wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { padding: .7em .7em .7em .5em; }
.wp-block-table.is-style-stripes tbody tr:nth-child(2n+1) { background-color: #EDEDED; }

.wp-block-table.is-style-regular { padding: 0 0 30px; }
.wp-block-table.is-style-regular table td, .wp-block-table.is-style-regular table td * { vertical-align: top; }
.wp-block-table.is-style-regular table { border-collapse: collapse; }
.wp-block-table.is-style-regular th, .wp-block-table.is-style-regular td { padding: .7em .7em .7em .5em; border: 1px solid #F98228; }

.wp-block-separator { border-bottom: 1px solid #ccc; border-top: none; margin: 30px 0; }

.wp-block-button { margin-top: 1.3em; }

footer.site-footer { padding: 60px 0; margin-top: 60px; }
@media only screen and (max-width: 1023px) { footer.site-footer { padding: 20px 0 !important; } }
footer.site-footer h3 { padding-bottom: 30px; }
footer.site-footer div.col-xs-12 + div { max-width: 94%; padding-left: 6%; }
@media only screen and (max-width: 1023px) { footer.site-footer div.col-xs-12 + div { max-width: 100%; padding-left: 0; } }
footer.site-footer .col-md-4 .row { margin-top: 18px; }
footer.site-footer .col-md-4 .row figure { margin: 5px 16px 0 0; }
footer.site-footer .col-md-4 .row.contact-mail { margin-top: 30px; }
footer.site-footer .col-md-4 .row.contact-mail figure { margin: 5px 18px 0 0; }
footer.site-footer .mailpoet_form_widget { margin-top: 9px; }
@media only screen and (max-width: 1023px) { footer.site-footer { margin-top: 30px; }
  footer.site-footer h3 { padding-bottom: 10px; }
  footer.site-footer .col-xs-12 { padding: 40px 0 !important; border-top: 1px solid #fff; }
  footer.site-footer .col-xs-12:first-child { border-top: 0; padding-top: 10px !important; }
  footer.site-footer .col-xs-12:last-child { padding-bottom: 10px !important; }
  footer.site-footer aside.col-xs-12 { padding-top: 0 !important; margin-top: 0 !important; } }

#beautiful-taxonomy-filters-projects { margin: 60px 0; }
@media only screen and (max-width: 1023px) { #beautiful-taxonomy-filters-projects { margin: 30px 0; } }
@media only screen and (max-width: 600px) { #beautiful-taxonomy-filters-projects { width: 100%; } }
#beautiful-taxonomy-filters-projects:focus { outline: 0; }
#beautiful-taxonomy-filters-projects .beautiful-taxonomy-filters-loader.active, #beautiful-taxonomy-filters-projects .beautiful-taxonomy-filters-loader { display: none !important; }

#beautiful-taxonomy-filters-form { display: flex; }
@media only screen and (max-width: 600px) { #beautiful-taxonomy-filters-form { flex-wrap: wrap; width: 100%; align-items: flex-end; } }

.beautiful-taxonomy-filters-tax { margin-right: 30px; outline: 0; }
@media only screen and (max-width: 1023px) { .beautiful-taxonomy-filters-tax { margin-right: 15px; } }
@media only screen and (max-width: 600px) { .beautiful-taxonomy-filters-tax { margin-right: 0; } }

label.beautiful-taxonomy-filters-label { display: none; }

.beautiful-taxonomy-filters-select-wrap { display: flex; width: auto; }
@media only screen and (max-width: 600px) { .beautiful-taxonomy-filters-select-wrap { flex-direction: column; width: 100%; flex-basis: 100%; } }

.beautiful-taxonomy-filters-clear-all { margin: auto 0 0 30px; }

.select2-container--default .select2-selection--single { background-color: #fff !important; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border: 1px solid #F98228; width: 300px; height: 74px; margin-right: 30px; outline: 0; }
@media only screen and (max-width: 1023px) { .select2-container--default .select2-selection--single { height: 54px; width: 240px; } }
@media only screen and (max-width: 600px) { .select2-container--default .select2-selection--single { width: 100%; margin-right: 0; margin-bottom: 10px; } }

.select2-container--default .select2-selection--single .select2-selection__rendered { text-transform: lowercase; padding: 18px 36px !important; font-family: "azo-sans-web", sans-serif; font-weight: 500; color: #3977C2; }
@media only screen and (max-width: 1023px) { .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 11px 30px !important; } }

.select2-dropdown, .select2-container { width: 300px !important; background: transparent; border: 0; }
@media only screen and (max-width: 1023px) { .select2-dropdown, .select2-container { width: 240px !important; } }
@media only screen and (max-width: 600px) { .select2-dropdown, .select2-container { width: 100% !important; } }

.select2-selection__arrow { display: inline-block; content: ""; width: 20px !important; height: 20px !important; position: absolute; right: 20px !important; top: 20px !important; border-top: 2px solid #F98228; border-right: 2px solid #F98228; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
@media only screen and (max-width: 1023px) { .select2-selection__arrow { width: 13px !important; height: 13px !important; top: 17px !important; } }
.select2-selection__arrow b { display: none; }

.select2-results__options { background-color: #fff; border-top-left-radius: 0; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 30px; border: 1px solid #F98228; width: 300px; margin-top: 36px; line-height: 40px; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1) ; font-family: "azo-sans-web", sans-serif; font-weight: 500; color: #6C6B6B; }
@media only screen and (max-width: 1023px) { .select2-results__options { width: 240px; margin-top: 51px; } }
@media only screen and (max-width: 600px) { .select2-results__options { margin-top: 40px; width: calc(100% - 40px); } }

.select2-container--default .select2-results > .select2-results__options { max-height: 100% !important; }

.select2-results__option { text-transform: lowercase; padding: 18px 36px !important; background-color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.select2-results__option:hover { background-color: #EDEDED !important; color: #6C6B6B !important; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }

.select2-container--default .select2-results__option[aria-selected="true"] { color: #3977C2; background-color: #fff; }

.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fff; color: inherit !important; }

.select2-container--default .select2-selection--single .select2-selection__clear { display: none; }

@media only screen and (max-width: 600px) { .beautiful-taxonomy-filters-button { margin-left: auto; } }
.beautiful-taxonomy-filters-tax select { appearance: none; background-color: transparent; border-color: #F98228; width: 100%; font-family: inherit; font-size: inherit; cursor: inherit; line-height: inherit; outline: none; }

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