@charset "UTF-8";
/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  outline:none;
}
table {
  border-collapse: collapse; 
  border-spacing: 0;
}
td, td img {
  vertical-align: top;
} 
input, select, button, textarea {
  margin: 0;
  font-size: 100%;
  outline: none;
}
input[type="text"], input[type="password"], textarea {
  padding: 0;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}
nav ul, li {
  list-style:none;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select::-ms-expand {
    display: none;
}

/* --------------- Basic settings ---------*/
html, body {
  height:100%;
}
body {
  text-align: left;
  line-height: normal;
}
a, a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus, a:active {
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  letter-spacing: 0;
}
h1, .title__h1 {font-size: 40px;}
h2, .title__h2 {font-size: 38px;}
h3, .title__h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 14px;}
h6 {font-size: 12px;}
img{
  max-width:100%;height: auto;
}
.clr {
  clear:both;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

.d-none{
  display: none !important;
}

p:last-child{
  margin-bottom: 0 !important;
}

/* Variables */
:root {

    /* Font Family */
    --global--font-primary: unset;
    --global--font-secondary: unset;

    /* Font Size */
    --global--font-size-base: unset;
    --global--font-size-xs: unset;
    --global--font-size-sm: unset;
    --global--font-size-md: unset;
    --global--font-size-lg: unset;
    --global--font-size-xl: unset;
    --global--font-size-xxl: unset;
    --global--font-size-xxxl: unset;
    --global--font-size-page-title: unset;
    --global--letter-spacing: unset;

    /* Line Height */
    --global--line-height-body: unset;
    --global--line-height-heading: unset;
    --global--line-height-page-title: unset;

    /* Headings */
    --heading--font-family: unset;
    --heading--font-size-h6: unset;
    --heading--font-size-h5: unset;
    --heading--font-size-h4: unset;
    --heading--font-size-h3: unset;
    --heading--font-size-h2: unset;
    --heading--font-size-h1: unset;
    --heading--letter-spacing-h6: unset;
    --heading--letter-spacing-h5: unset;
    --heading--letter-spacing-h4: unset;
    --heading--letter-spacing-h3: unset;
    --heading--letter-spacing-h2: unset;
    --heading--letter-spacing-h1: unset;
    --heading--line-height-h6: unset;
    --heading--line-height-h5: unset;
    --heading--line-height-h4: unset;
    --heading--line-height-h3: unset;
    --heading--line-height-h2: unset;
    --heading--line-height-h1: unset;
    --heading--font-weight: unset;
    --heading--font-weight-page-title: unset;
    --heading--font-weight-strong: unset;

    /* Block: Latest posts */
    --latest-posts--title-font-family: unset;
    --latest-posts--title-font-size: unset;
    --latest-posts--description-font-family: unset;
    --latest-posts--description-font-size: unset;
    --list--font-family: unset;
    --definition-term--font-family: unset;

    /* Colors */
    --global--color-black: unset;
    --global--color-dark-gray: unset;
    --global--color-gray: unset;
    --global--color-light-gray: unset;
    --global--color-green: unset;
    --global--color-blue: unset;
    --global--color-purple: unset;
    --global--color-red: unset;
    --global--color-orange: unset;
    --global--color-yellow: unset;
    --global--color-white: unset;
    --global--color-white-50: unset;
    --global--color-white-90: unset;
    --global--color-primary: unset;

    /* Body text color, site title, footer text color. */
    --global--color-secondary: unset;

    /* Headings */
    --global--color-primary-hover: unset;
    --global--color-background: unset;

    /* Mint, default body background */
    --global--color-border:unset;

    /* Used for borders (separators) */

    /* Spacing */
    --global--spacing-unit: 20px;
    --global--spacing-measure: unset;
    --global--spacing-horizontal: 25px;
    --global--spacing-vertical: 30px;

    /* Elevation */
    --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);

    /* Forms */
    --form--font-family: var(--global--font-secondary);
    --form--font-size: unset;
    --form--line-height: var(--global--line-height-body);
    --form--color-text: var(--global--color-dark-gray);
    --form--color-ranged: var(--global--color-secondary);
    --form--label-weight: 500;
    --form--border-color: var(--global--color-secondary);
    --form--border-width: 3px;
    --form--border-radius: 0;
    --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));

    /* Cover block */
    --cover--height: calc(15 * var(--global--spacing-vertical));
    --cover--color-foreground: var(--global--color-white);
    --cover--color-background: var(--global--color-black);

    /* Buttons */
    --button--color-text: var(--global--color-background);
    --button--color-text-hover: var(--global--color-secondary);
    --button--color-text-active: var(--global--color-secondary);
    --button--color-background: var(--global--color-secondary);
    --button--color-background-active: var(--global--color-background);
    --button--font-family: unset;
    --button--font-size: var(--global--font-size-base);
    --button--font-weight: 500;
    --button--line-height: 1.5;
    --button--border-width: 3px;
    --button--border-radius: 0;
    --button--padding-vertical: 15px;
    --button--padding-horizontal: calc(2 * var(--button--padding-vertical));

    /* entry */
    --entry-header--color: var(--global--color-primary);
    --entry-header--color-link: currentColor;
    --entry-header--color-hover: var(--global--color-primary-hover);
    --entry-header--color-focus: var(--global--color-secondary);
    --entry-header--font-size: var(--heading--font-size-h2);
    --entry-content--font-family: var(--global--font-secondary);
    --entry-author-bio--font-family: var(--heading--font-family);
    --entry-author-bio--font-size: var(--heading--font-size-h4);

    /* Header */
    --branding--color-text: var(--global--color-primary);
    --branding--color-link: var(--global--color-primary);
    --branding--color-link-hover: var(--global--color-secondary);
    --branding--title--font-family: unset;
    --branding--title--font-size: var(--global--font-size-lg);
    --branding--title--font-size-mobile: var(--heading--font-size-h4);
    --branding--title--font-weight: unset;
    --branding--title--text-transform: uppercase;
    --branding--description--font-family: var(--global--font-secondary);
    --branding--description--font-size: unset;
    --branding--description--font-family: var(--global--font-secondary);
    --branding--logo--max-width: 300px;
    --branding--logo--max-height: 100px;
    --branding--logo--max-width-mobile: 96px;
    --branding--logo--max-height-mobile: 96px;

    /* Main navigation */
    --primary-nav--font-family: var(--global--font-secondary);
    --primary-nav--font-family-mobile: unset;
    --primary-nav--font-size: var(--global--font-size-md);
    --primary-nav--font-size-sub-menu: unset;
    --primary-nav--font-size-mobile: unset;
    --primary-nav--font-size-sub-menu-mobile: unset;
    --primary-nav--font-size-button: unset;
    --primary-nav--font-style: unset;
    --primary-nav--font-style-sub-menu-mobile: unset;
    --primary-nav--font-weight: unset;
    --primary-nav--font-weight-button: 500;
    --primary-nav--color-link: var(--global--color-primary);
    --primary-nav--color-link-hover: var(--global--color-primary-hover);
    --primary-nav--color-text: var(--global--color-primary);
    --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));
    --primary-nav--border-color: var(--global--color-primary);

    /* Pagination */
    --pagination--color-text: var(--global--color-primary);
    --pagination--color-link-hover: var(--global--color-primary-hover);
    --pagination--font-family: var(--global--font-secondary);
    --pagination--font-size: var(--global--font-size-lg);
    --pagination--font-weight: unset;
    --pagination--font-weight-strong: 600;

    /* Footer */
    --footer--color-text: var(--global--color-primary);
    --footer--color-link: var(--global--color-primary);
    --footer--color-link-hover: var(--global--color-primary-hover);
    --footer--font-family: unset;
    --footer--font-size: unset;

    /* Block: Pull quote */
    --pullquote--font-family: unset;
    --pullquote--font-size: var(--heading--font-size-h3);
    --pullquote--font-style: unset;
    --pullquote--letter-spacing: var(--heading--letter-spacing-h4);
    --pullquote--line-height: var(--global--line-height-heading);
    --pullquote--border-width: 3px;
    --pullquote--border-color: var(--global--color-primary);
    --pullquote--color-foreground: var(--global--color-primary);
    --pullquote--color-background: var(--global--color-background);
    --quote--font-family: var(--global--font-secondary);
    --quote--font-size: var(--global--font-size-md);
    --quote--font-size-large: var(--global--font-size-xl);
    --quote--font-style: unset;
    --quote--font-weight: 700;
    --quote--font-weight-strong: bolder;
    --quote--font-style-large: unset;
    --quote--font-style-cite: unset;
    --quote--line-height: var(--global--line-height-body);
    --quote--line-height-large: 1.35;
    --separator--border-color: var(--global--color-border);
    --separator--height: 1px;

    /* Block: Table */
    --table--stripes-border-color: var(--global--color-light-gray);
    --table--stripes-background-color: var(--global--color-light-gray);
    --table--has-background-text-color: var(--global--color-dark-gray);

    /* Widgets */
    --widget--line-height-list: 1.9;
    --widget--line-height-title: 1.4;
    --widget--font-weight-title: 700;
    --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));

    /* Admin-bar height */
    --global--admin-bar--height: 0px;
}

.site .button:focus, button:focus, 
input[type=submit]:focus, input[type=reset]:focus, 
.wp-block-search .wp-block-search__button:focus, 
.wp-block-button .wp-block-button__link:focus, 
.wp-block-file a.wp-block-file__button:focus{
  color: #fff;
}

.site .button:focus, 
button:focus, 
input[type=submit]:focus, 
input[type=reset]:focus, 
.wp-block-search .wp-block-search__button:focus, 
.wp-block-button .wp-block-button__link:focus, 
.wp-block-file a.wp-block-file__button:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus, 
input[type=datetime]:focus, 
input[type=datetime-local]:focus, 
input[type=color]:focus, .site textarea:focus{
    color: #000;
    outline-offset: unset;
    outline: none;
}