/* RESET */
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

/* TYPOGRAPHY */
/* GLOBAL */
html { font-size: 16px; }

body { font-family: Verdana, Arial, sans-serif; line-height: 1.6; }

main, header, footer, aside { display: block; }

h1, h2, h3, h4, h5, h6 { line-height: 1.25; }

h1 { font-size: 2rem; font-weight: 700; margin-bottom: 2rem; }

h2 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.75rem; }

h3 { font-size: 1.1rem; font-weight: 700; }

a { color: #1d2124; text-decoration: none; }

a:hover { text-decoration: underline; }

.inner-link, .paragraph p a, .paragraph--type--fqt-text a, .file a { color: #009090; }

.inner-link:hover, .paragraph p a:hover, .paragraph--type--fqt-text a:hover, .file a:hover, .inner-link:focus, .paragraph p a:focus, .paragraph--type--fqt-text a:focus, .file a:focus, .inner-link.is-active, .paragraph p a.is-active, .paragraph--type--fqt-text a.is-active, .file a.is-active { color: #007575; }

.inner-link:visited, .paragraph p a:visited, .paragraph--type--fqt-text a:visited, .file a:visited { color: #728895; }

.paragraph ul, .paragraph ol { list-style-position: inside; padding: 0 0 0 1em; margin-bottom: 1em; }

.faq { border-bottom: 1px dotted #DBE2E6; }

.faq:last-child { border-bottom: none; }

.more-link { text-align: right; font-style: italic; }

.paragraph--type--fqt-media img { height: auto; max-width: 100%; }

/* HELPERS */
@media all and (min-width: 36em) { .hidden-desktop { display: none; } }

.arrow-link, .faq--row a { color: #1d2124; background: url("/profiles/contrib/faqtool/themes/coldskin/assets/arrow.svg") no-repeat 99% 50%/8px; background-size: 24px; display: block; padding: 0.5rem 1rem 0.5rem 0; font-size: 1rem; transition: background-position-x 200ms ease-in-out; }

.arrow-link:focus, .faq--row a:focus, .arrow-link:hover, .faq--row a:hover { text-decoration: none; background-position-x: 100%; }

.inline-arrow { background: url("/profiles/contrib/faqtool/themes/coldskin/assets/arrow.svg") no-repeat 99% 50%/4px; background-size: 24px; font-weight: 700; display: inline-block; padding: 8px 30px 8px 0; font-size: 1rem; margin: 0; transition: background-position-x 200ms ease-in-out; }

.inline-arrow:focus, .inline-arrow:hover { text-decoration: none; background-position: 100%; }

.inline-arrow + span { display: block; width: 100%; }

.link--back { background: url("/profiles/contrib/faqtool/themes/coldskin/assets/return.svg") no-repeat 0% 50%/4px; background-size: 21px; padding-left: 2rem; }

.comment-forbidden { display: none; }

ul.inline { display: flex; list-style: none; padding: 0; }

ul.inline li { margin: 0 5px; }