/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
  - Variables
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/*VARIABLES CSS
--------------------------------------------- */
:root {
    /*========== Colors ==========*/
    --color-primary: #000;
    --color-secondary: #066eaf;
    --color-text: #4f4f4f;
    --color-white: #fff;
    --color-border: #707070;
    --color-background: #f5f5f5;
    --color-yelow: #ece16c;

    /*========== Font and typography ==========*/
    --body-font: "Raleway", sans-serif;
    --heading-font: "Roboto Condensed", sans-serif;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-xxl: 1.5rem;
    --text-2xl: 2.25rem;
    --text-3xl: 3rem;
    --text-4xl: 4rem;
    --text-5xl: 5rem;
    --text-6xl: 6rem;

    /*========== Font weight ==========*/
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;

    /*========== Line height ==========*/
    --leading-3: 0.75em;
    --leading-4: 1em;
    --leading-5: 1.15em;
    --leading-6: 1.5em;
    --leading-7: 1.75em;
    --leading-8: 2em;
    --leading-9: 2.25em;
    --leading-10: 2.5em;
    --leading-12: 3em;
    --leading-14: 3.5em;
    --leading-16: 4em;
    --leading-18: 4.5em;
    --leading-20: 5em;
    --leading-none: 1;

    /*========== Container ==========*/
    --container-none: 100%;
    --container-sm: 620px;
    --container-md: 1024px;
    --container-lg: 1140px;
    --container-xl: 1280px;
    --container-2xl: 1360px;
    --container-3xl: 1640px;
    --container-4xl: 1920px;

    /*========== Padding and Margin control ==========*/
    --space-0-5: 0.125rem; /* 2px */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem; /* 16px */
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 1.75rem;
    --space-8: 2rem; /* 32px */
    --space-9: 2.25rem;
    --space-10: 2.5rem;
    --space-12: 3rem; /* 48px */
    --space-14: 3.5rem;
    --space-16: 4rem;
    --space-18: 4.5rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-28: 7rem;
    --space-32: 8rem;
    --space-34: 8.5rem;
    --space-36: 9rem;
    --space-40: 10rem;
    --space-44: 11rem;
    --space-48: 12rem;
    --space-52: 13rem;
    --space-56: 14rem;
    --space-60: 15rem;
    --space-80: 20rem;

    /*========== z index and transition ==========*/
    --z-fixed: 100;
    --border-radius: 5px;
    --transition-time: 0.4s;
}
@media screen and (max-width: 1560px) {
    :root {
            --container-2xl: 1360px;
    }
}
/*=============== BASE ===============*/

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Normalize
--------------------------------------------- */

/*! 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: var(--leading-5);
    -webkit-text-size-adjust: 100%;
}

/* 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: var(--text-3xl);
    margin: var(--space-2) 0;
}

@media only screen and (max-width: 768px) {
    h1 {
        font-size: var(--text-2xl);
    }

    h2 {
        font-size: var(--text-xxl);
    }
}

/* Grouping content
           ========================================================================== */

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

/**
       * 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;
    font-size: var(--text-base);
}

/* 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;
    text-decoration: underline dotted;
}

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

/**
       * 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;
    font-size: var(--text-base);
}

/**
       * 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;
    font-size: 100%;
    line-height: var(--leading-5);
    margin: 0;
}

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

/**
       * Remove the inheritance of text transform in Edge, Firefox, and IE.
       * 1. Remove the inheritance of text transform in Firefox.
       */
button,
select {
    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;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

/**
       * 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;
    padding: 0;
}

/**
       * 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;
    outline-offset: -2px;
}

/**
       * 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;
    font: inherit;
}

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

/* Box sizing
      --------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
      @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
}

/*--------------------------------------------------------------
      # Base
      --------------------------------------------------------------*/

/* Typography
      --------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
    color: var(--color-text);
    font-family: var(--body-font);
    font-size: var(--text-base);
    line-height: var(--leading-7);
}

h1,
h2,
h3 {
    font-family: var(--heading-font);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color-primary);

    clear: both;
}

p {
    margin-bottom: var(--space-6);
    color: var(--color-text);
    font-family: var(--body-font);
    font-size: var(--text-base);
    font-weight: var(--font-normal);
    line-height: var(--leading-8);
}

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

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: var(--body-font);
    line-height: var(--leading-7);
    margin-bottom: var(--space-7);
    max-width: 100%;
    overflow: auto;
    padding: var(--space-7);
}

code,
kbd,
tt,
var {
    font-family: var(--body-font);
}

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

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

big {
    font-size: 125%;
}

/* Elements
      --------------------------------------------- */
body {
    background: var(--color-white);
}

hr {
    background-color: var(--color-background);
    border: 0;
    height: 1px;
    margin-bottom: var(--space-6);
}

ul,
ol {
    margin: 0 0 1.5em 3em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

p:has(+ ul) {
    margin-bottom: var(--space-2);
}

dt {
    font-weight: var(--font-bold);
}

dd {
    margin: 0 var(--space-6) var(--space-6);
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

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

figure {
    margin: 1em 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 1rem;
}

tr {
    border-bottom: 1px solid var(--color-secondary);
}

tr:nth-child(even) {
    background-color: var(--color-background);
}

@media only screen and (max-width: 768px) {
    tbody tr {
        justify-content: flex-start;
        align-items: flex-start;
    }

    td {
        text-align: left;
    }
}

th,
td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

th {
    font-weight: bold;
    text-align: left;
    background-color: #f7f7f7;
}

tbody tr:nth-of-type(odd) {
    background-color: #f2f2f2;
}

@media screen and (max-width: 768px) {
    table {
        width: 100%;
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    th,
    td {
        white-space: nowrap;
    }

    th {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0.5rem;
        font-size: 90%;
    }

    td {
        display: block;
        text-align: center;
        padding: 0.5rem;
    }

    tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin-bottom: 0.5rem;
    }

    tbody td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        margin-right: 0.5rem;
    }
}

/* Links
      --------------------------------------------- */
a {
    color: var(--color-secondary);
    transition: all var(--transition-time);
	text-decoration: none;
}
/*
a:visited {
	color: var(--color-secondary);
}
*/
a:hover,
a:focus,
a:active {
    color: var(--color-secondary);
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/* Forms
      --------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: var(--space-4) var(--space-6);
    border: 1px solid var(--color-secondary);
    border-radius: 5px;
    background: var(--color-secondary);
    color: var(--color-white);
    font-size: var(--text-base);
    font-weight: var(--font-normal);
    text-align: center;
    line-height: 1;
    cursor: pointer;
    transition: all var(--transition-time);
    -webkit-border-radius: var(--space-1);
    -moz-border-radius: var(--space-1);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa;
    background: var(--color-primary);
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
    border-color: var(--color-secondary);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    min-height: 60px;
    padding: var(--space-2) var(--space-6);
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);
    color: var(--color-primary);
    font-size: var(--text-base);
    line-height: 1.5;
    -webkit-border-radius: var(--space-1);
    -moz-border-radius: var(--space-1);
}

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="range"]: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,
textarea:focus {
    color: var(--color-primary);
    border-color: var(--color-secondary);
}

select {
    min-height: 42px;
    padding: var(--space-2) var(--space-6);
    border: 1px solid var(--color-background);
    border-radius: var(--space-1);
    color: var(--color-primary);
    font-size: var(--text-base);
    line-height: 1;
    -webkit-border-radius: var(--space-1);
    -moz-border-radius: var(--space-1);
}

textarea {
    width: 100%;
}

/*--------------------------------------------------------------
      # Layouts
      --------------------------------------------------------------*/

/*--------------------------------------------------------------
      # Components
      --------------------------------------------------------------*/

/* Navigation
      --------------------------------------------- */
.main-navigation {
    display: block;
    width: 100%;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-right: 0;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: right;
    position: absolute;
    top: 100%;
    /*right: -999em;*/
    z-index: 99999;
}

.main-navigation ul ul ul {
    /*right: -999em;*/
    top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    display: block;
    right: auto;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    right: auto;
}

.main-navigation li {
    position: relative;
}

.main-navigation a {
    display: block;
    text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}

@media screen and (min-width: 67em) {
    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: flex;
    }
}

/* Posts and pages
      --------------------------------------------- */
.sticky {
    display: block;
}

.updated:not(.published) {
    display: none;
}

.page-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/* Comments
      --------------------------------------------- */
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

/* Widgets
      --------------------------------------------- */
.widget {
    margin: 0 0 1.5em;
}

.widget select {
    max-width: 100%;
}

/* Media
      --------------------------------------------- */
.page-content .wp-smiley,
.site-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
    display: inline-block;
}

/* Captions
      --------------------------------------------- */
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/* Galleries
      --------------------------------------------- */
.gallery {
    margin-bottom: 1.5em;
    display: grid;
    grid-gap: 1.5em;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.gallery-columns-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
    grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
      # Plugins
      --------------------------------------------------------------*/

/* Jetpack infinite scroll
      --------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .copyright-footer {
    display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .copyright-footer {
    display: block;
}

/*--------------------------------------------------------------
      # Utilities
      --------------------------------------------------------------*/

/* Accessibility
      --------------------------------------------- */

/* 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 !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    right: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
    outline: 0;
}

/* Alignments
      --------------------------------------------- */
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1.5em;
}

/* Global
      --------------------------------------------- */

.section {
    position: relative;
    display: block;
    padding: 0 var(--space-4);
}

.container {
    max-width: var(--container-3xl);
    margin: 0 auto;
}
/* @media screen and (max-width: 1560px) {
    .container {
    max-width: var(--container-2xl);
    margin: 0 auto;
}
} */
@media screen and (max-width: 1380px) {
    .container {
    max-width: var(--container-xl);
}
}

.container-md {
    max-width: var(--container-md);
    margin: 0 auto;
}
.column {
    width: 50%;
}

@media screen and (min-width: 768em) {
    .column {
        width: 100%;
    }
}
.simptom-btn {
    align-items: center;
    font-size: var(--text-base);
    line-height: var(--leading-5);
    padding: var(--space-4) var(--space-10);
    font-weight: var(--font-normal) !important;
    border-radius: var(--border-radius);
    text-decoration: none;
}
.simptom-btn.primary {
    background-color: var(--color-secondary);
    color: var(--color-white);
}
.simptom-btn.primary:hover {
    background-color: var(--color-primary);
}
.simptom-btn.simple {
    color: var(--color-secondary);
}
.simptom-btn.simple:hover {
    color: var(--color-primary);
}