html{line-height:1.15;-webkit-text-size-adjust:100%;}
body{margin:0;}
h1{font-size:2em;margin:.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{background-color:transparent;}
abbr[title]{border-bottom:none;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
img{border-style:none;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{color:inherit;display:table;max-width:100%;white-space:normal;padding:0;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
main,details{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
template,[hidden]{display:none;}
@font-face {
    font-family: 'Josefin';
    src: url('fonts/josefinsans-bold.eot');
    src: url('fonts/josefinsans-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/josefinsans-bold.woff2') format('woff2'),
         url('fonts/josefinsans-bold.woff') format('woff'),
         url('fonts/josefinsans-bold.ttf') format('truetype'),
         url('fonts/josefinsans-bold.svg#josefin_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;}

@font-face {
    font-family: 'Josefin';
    src: url('fonts/josefinsans-bolditalic.eot');
    src: url('fonts/josefinsans-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('fonts/josefinsans-bolditalic.woff2') format('woff2'),
         url('fonts/josefinsans-bolditalic.woff') format('woff'),
         url('fonts/josefinsans-bolditalic.ttf') format('truetype'),
         url('fonts/josefinsans-bolditalic.svg#josefin_sansbold_italic') format('svg');
    font-weight: bold;
    font-style: italic;}

@font-face {
    font-family: 'Josefin';
    src: url('fonts/josefinsans-italic.eot');
    src: url('fonts/josefinsans-italic.eot?#iefix') format('embedded-opentype'),
         url('fonts/josefinsans-italic.woff2') format('woff2'),
         url('fonts/josefinsans-italic.woff') format('woff'),
         url('fonts/josefinsans-italic.ttf') format('truetype'),
         url('fonts/josefinsans-italic.svg#josefin_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;}

@font-face {
    font-family: 'Josefin';
    src: url('fonts/josefinsans-regular.eot');
    src: url('fonts/josefinsans-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/josefinsans-regular.woff2') format('woff2'),
         url('fonts/josefinsans-regular.woff') format('woff'),
         url('fonts/josefinsans-regular.ttf') format('truetype'),
         url('fonts/josefinsans-regular.svg#josefin_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;}

:root {
	--max-width: 1200px;
	--left-aside-width: 0;
	--right-aside-width: 0;
	--main-min-width: 0;
	--header-min-height: 120px;
	--selection-bgcolor: rgba(0, 110, 255, 0.5);
	--accent: hsl(325, 100%, 46%);
	--accent-hs: 325, 100%;
	--dark: rgb(77, 77, 77);
	--light: rgb(230,230,230);
	--blank: white;
	--neutral: rgb(185,185,185);
	--shadow-color: rgba(27, 43, 57, 0.2);
	--header-main-rgb: 192,192,192;
	--header-tint-1: rgb(181, 181, 182);
	--header-tint-2: rgb(206, 211, 221);
	--pdf-hs: 349, 15%;
	--html-hs: 219, 15%;
	--pdf-3d-hs: 284, 15%;
	--lighten25-color: rgba(255,255,255,.25);
	--darken25-color: rgba(0,0,0,.25);
	--darken25-overlay: linear-gradient(var(--darken25-color),var(--darken25-color));
	--lighten25-overlay: linear-gradient(var(--lighten25-color),var(--lighten25-color));
	--white-stroke: var(--blank) 2px 0 0,var(--blank) 1.75517px 0.958851px 0,var(--blank) 1.0806px 1.68294px 0,var(--blank) 0.141474px 1.99499px 0,var(--blank) -0.832294px 1.81859px 0,var(--blank) -1.60229px 1.19694px 0,var(--blank) -1.97999px 0.28224px 0,var(--blank) -1.87291px -0.701566px 0,var(--blank) -1.30729px -1.51361px 0,var(--blank) -0.421592px -1.95506px 0,var(--blank) 0.567324px -1.91785px 0,var(--blank) 1.41734px -1.41108px 0,var(--blank) 1.92034px -0.558831px 0;
	--image-404:url(../../data/uploads/404.png);
	--light-pattern: url("images/pattern-light.png");
	--dark-pattern: url("images/pattern-dark.png");
	--logo-image: url("images/logo-dark.png");
	--logo-scopus: url("images/logo-scopus.svg");
	--scopus-link-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340 100' fill='%23f08100'%3E%3Cpath d='M172.4 74.8v23c-3.2.7-6 .3-8.6.3-1-1.4-.8-2.6-.8-3.8V36a69 69 0 0 0-.7-11.1c-.1-1-.3-1.9.4-3 2.4-.4 5-.3 7.5 0 1.5 1.9 1 4.3 2 6.4 1.5-.3 2.3-1.6 3.3-2.5 5.7-5.3 12.5-6.2 19.7-4.8A15 15 0 0 1 207 31.7a39.6 39.6 0 0 1-.8 30.4c-5.5 12-17 16.4-30 13.4-1-.3-2-.9-3.8-.8zm0-9.8c8.6 6.6 21.1 3.5 24.8-6.2a33 33 0 0 0 .2-23 9.5 9.5 0 0 0-6.7-6.6c-6.4-1.7-16.6 4.3-18.2 10.8v25zm-169 7.7c-.4-3.2.6-6 .8-9.2 2.1.2 3.5 1.3 5 2A25.5 25.5 0 0 0 28 66.6c7.6-2.8 9-10.8 3.3-16.3-3.8-3.6-8.5-5.8-12.9-8.6a63 63 0 0 1-9-6.6 18.3 18.3 0 0 1 7.2-30.9 40.4 40.4 0 0 1 27 1.8l.6.7-.3 8.4c-1.6.4-2.5-.4-3.6-.9a30 30 0 0 0-16.1-2.7c-4.3.5-7.7 2.3-9.3 6.6-1.5 4.2-.2 7.6 2.8 10.7 3.3 3.4 7.5 5.5 11.5 8 3.1 2 6.2 4 9.2 6.3 11.4 9.1 8.2 25-4.1 30.8a40 40 0 0 1-30.9-1.2zm97.2-23.8a28.6 28.6 0 0 1 7.6-21.5c9.8-10.5 35.8-10.8 41.6 10.5a35 35 0 0 1-1.8 25.4c-4.8 9.5-14.4 14.2-26.5 13-9.5-1-17.1-7.9-19.8-17.8a35 35 0 0 1-1.1-9.6zm9.8-.2c0 2.4.4 4.8 1 7.1 1.3 6 4.6 10.7 11 12.1 4.9 1.1 9.8.8 13.3-3 6.7-7.2 7.2-22.5 1.7-30.7-5-7.2-19.8-8.2-23.8 1.3a32.8 32.8 0 0 0-3.2 13.2zm111-26.7c2.7-.3 5.4-.4 8 0 1 1.3.7 2.5.7 3.8l.1 30.6c0 2.2.3 4.4 1 6.5 1 3.6 3.4 5.3 7.1 5.5 7.3.2 14.2-4.6 16.2-11.4.3-1 .3-2 .3-3.1v-28c0-1.2-.2-2.4.4-3.8 2.6-.7 5.4-.3 8.7-.3.7 17.8-.5 35.3.8 53-2.7.6-5.3.3-7.7.2-1.5-1.9-1.1-4.2-1.8-6-1.3-.3-1.6.7-2.1 1.3a22 22 0 0 1-26.3 3.5 13.1 13.1 0 0 1-5.2-7.6c-.6-2.3-1-4.5-1-6.8V25c0-1 0-1.9.8-3zm90.6 2.8c-.4 2.6.1 5.2-1.1 7.6-1.2 0-1.9-.7-2.7-1.2-4.7-3-9.8-3.6-15.1-2.7-2.8.4-5.2 1.8-5.9 4.7-.7 3 1 5.1 3.3 6.8 3 2.3 6.5 3.6 9.8 5.3 3 1.5 6 3 8.5 5.3a14.3 14.3 0 0 1-.7 21.7c-6.7 5.8-23.6 5.7-30.6-.3.3-2.5 0-5.3 1.1-7.9 1.8 0 2.8 1.3 4 2 4.8 2.6 9.8 3.6 15.2 2.2 3-.7 5.3-2.2 6-5.4.8-3.2-1-5.3-3.3-7-3-2.4-6.7-3.8-10-5.5-2.9-1.4-5.6-3-8-5a13.6 13.6 0 0 1 .3-21c6.9-5.4 22-5.2 29.2.4zm-217 9c-2.6.3-5 .4-7.9 0-.4-3.3-2.4-5-5.5-5.1-4.8-.3-9.5-.5-12.8 4a17.6 17.6 0 0 0-3.2 6c-1.7 6.5-1.9 13 .6 19.4 3.2 8.3 10.5 11.8 19.2 9.5 3.2-.9 6-2.6 9.4-4.4l.7 8c-1.9 2-4.2 2.8-6.5 3.6a32.4 32.4 0 0 1-16.2 1.3 19.2 19.2 0 0 1-14.4-10.3 34.6 34.6 0 0 1-.2-33.8c4.1-7.5 11-11.5 19.8-11.4 4.1 0 8.2 0 12 1.9 4.4 2.1 6.3 6 5 11.3zm233.8-16.7v6h-2.6v-8.3h3.3c1 0 1.8.3 2.3.8.6.5 1 1.2 1 2 0 .9-.4 1.6-1.2 2.1l1.5 3.5h-2.6l-1.2-2.7v-2.2h.1c.5 0 .7-.2.7-.6 0-.4-.3-.6-.9-.6h-.4z'/%3E%3Cpath d='M329.7 28a9 9 0 1 1 0-18 9 9 0 0 1 0 18zm0-15a6 6 0 1 0 0 12 6 6 0 0 0 0-12z'/%3E%3C/svg%3E");
	--scimago-link-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 300' style='enable-background:new 0 0 1000 300' xml:space='preserve' fill='%23E77641'%3E%3Cpath d='M361 65.1c-4-5.8-10.8-8.7-20.1-8.8h-.6c-6.9 0-12.3 1.8-16.3 5.5a17.2 17.2 0 0 0-5.7 13.3c0 4.7 3.1 8.7 9.2 11.9 2.2 1 9.3 3.6 21.4 7.8 10 3.5 17.5 7.2 22 11a26 26 0 0 1 9.8 20.8v.9a37 37 0 0 1-13.7 29.2 48.5 48.5 0 0 1-31.4 9.8 50.8 50.8 0 0 1-41-17.6l18.7-12.3a26.3 26.3 0 0 0 22.8 11.9h.7c6.9 0 12.6-1.8 17.3-5.4 4.7-3.6 7-8 7-13.2 0-5.2-2.9-9.5-8.7-12.7-2.5-1.4-9.5-4-21-7.8-10-3.4-17.4-7-22-10.9a27.4 27.4 0 0 1-10.5-21.9v-.4c0-11.6 4.7-20.8 14-27.6 8.5-6 19-9 31.4-9a51 51 0 0 1 36.4 13.6l-19.6 12zM502 146.8a62.9 62.9 0 0 1-46.2 19.7 58 58 0 0 1-44-18.8 62.4 62.4 0 0 1-17.2-44.5c0-17.5 5.7-32.4 17.2-44.6a58.1 58.1 0 0 1 44-18.7c17.8 0 33.2 6.6 46.2 19.7l-13 13a45.5 45.5 0 0 0-33.2-14.8c-12 0-22.2 4.4-30.3 13.1a45.7 45.7 0 0 0-12.1 32.3c0 12.8 4 23.6 12 32.3 8.2 8.7 18.3 13 30.4 13 12.5 0 23.6-4.8 33.3-14.7l12.9 13zM537.3 39v127.5h-19V39h19zM682.6 166.5h-17.7V112c0-5.8-1.6-10.6-4.7-14.4C657 93.9 653 92 648 92c-5.4 0-10 2-13.7 5.7-3.9 3.9-5.9 9-5.9 15.6v53.2h-17.8V112c0-5.8-1.5-10.6-4.6-14.4a15.5 15.5 0 0 0-12.4-5.6c-5.3 0-9.8 1.9-13.6 5.6-3.9 4-5.8 9.2-5.8 15.7v53.2h-17.8V75.2h17.7v5.3a32 32 0 0 1 19.5-5.3c6.7 0 13.3 2.5 20 7.4 3 2.2 4.9 4 6 5.4 1-1.4 3-3.2 5.8-5.3 6.7-5 14.1-7.5 22.5-7.5 6.7 0 13.4 2.5 20 7.4a38.2 38.2 0 0 1 14.7 28.9v55zM757.6 158.2c-5.4 5.5-14.6 8.3-27.7 8.3-8.9 0-16.3-2.3-22.4-6.8-6.8-5-10.1-11.6-10.1-19.8 0-13 5.8-22.1 17.5-27.4a94.9 94.9 0 0 1 37.4-5.7h4c-.2-5.7-2-9.7-5.3-12-2.5-1.8-6.8-2.8-12.7-3H737c-5.4 0-10.2 1.2-14.4 3.4a65.8 65.8 0 0 0-11.4 9.3l-8.6-14.6a50.5 50.5 0 0 1 37.9-14.7c16.3 0 26.8 5.2 31.4 15.5 2 4 2.9 12 2.9 23.8v50h-17.2v-6.3zm-26.1-8.4c12-.3 19.7-5 23.3-14a27 27 0 0 0 1.7-12.8H747.1c-9 0-16 1-21.2 3.2-6.1 2.6-9.2 6.6-9.3 12 0 4 1.2 7 3.4 8.7 2.1 1.7 6 2.7 11.5 2.8zM864.5 156.9a40.1 40.1 0 0 1-28.3 9.3 40.6 40.6 0 0 1-31.4-13.6 45 45 0 0 1-12-31.9c0-12.7 4-23.4 12-32 8.3-9 18.7-13.5 31.4-13.5 12.1 0 21.6 3.1 28.4 9.4v-3.2h17.6v76.4a43.9 43.9 0 0 1-14.5 32 44.7 44.7 0 0 1-31.5 12.3c-8.9 0-16.8-1.7-23.7-5.2-7.2-3.7-13-9.4-17.2-17l14.8-6.1a33.6 33.6 0 0 0 26.1 11.5 28.7 28.7 0 0 0 28.2-28.4zm-28.3-7.5c7.8 0 14.3-2.8 19.8-8.4a27.5 27.5 0 0 0 8.5-20.3c0-8-2.8-15-8.5-20.6a27 27 0 0 0-19.8-8.1c-7.4 0-13.6 2.7-18.4 8.2a30 30 0 0 0-7.2 20.5c0 8.2 2.4 15 7.2 20.4 4.8 5.5 11 8.3 18.4 8.3zM941.9 75.2c12.7 0 23.4 4.5 32 13.5a44.5 44.5 0 0 1 12.8 32.2c0 12.6-4.3 23.3-12.8 32a42.5 42.5 0 0 1-32 13.6 42.8 42.8 0 0 1-32.2-13.5 44.4 44.4 0 0 1-12.7-32.1c0-12.7 4.2-23.4 12.7-32.1 8.7-9 19.4-13.6 32.2-13.6zm0 74.4c7.6 0 14-2.8 19.2-8.2a29 29 0 0 0 7.8-20.6c0-8.1-2.6-15-7.8-20.5a25.3 25.3 0 0 0-19.2-8.2c-7.6 0-14 2.7-19.3 8.2a28.6 28.6 0 0 0-7.8 20.5 29 29 0 0 0 7.8 20.6 25.6 25.6 0 0 0 19.3 8.2zM328 238.4h-14.2v27.4H302v-78.6h26.6c8.2 0 15 2.2 20.3 6.7a23 23 0 0 1 8.3 18.4c0 5-1.3 9.6-3.8 13.6a23.2 23.2 0 0 1-9.2 8.6 22.9 22.9 0 0 1 3.1 4.4l12.7 26.8h-12.8L337 243.6a10.1 10.1 0 0 0-9-5.2zm.7-11.2c5 0 8.9-1.3 12-3.8 3.3-2.7 5-6.4 5-11s-1.7-8.1-5-10.7c-3-2.3-7.4-3.4-13-3.4h-14v29h15zM408.1 186.8l25.6 76v3h-11.3l-6.8-20.2H388l-6.8 20.2H370v-3l25.6-76H408zm3.7 47.7-10-29.5-10 29.4 20 .1zM505 187v78.8h-11.8L455 210.4v55.4h-11.7v-78.9h12l38.3 55.3V187H505zM532.1 187.2v31.7l28.6-31.7h13.4v2.6l-33.4 36.6 33.4 37v2.3h-13.4L532.1 234v31.8h-11.6v-78.6H532z'/%3E%3Cg%3E%3Cpath d='m233.5 89.4 11.6-8.6a118.8 118.8 0 0 0-35.3-31.5l-7.2 12.4a105.2 105.2 0 0 1 31 27.7zm-11.2-61.2L215 40.6a127 127 0 0 1 38.2 34.1l11.5-8.7c-11.5-15-26-28-42.4-37.8zm15 159.7-13.3-5.7a80 80 0 0 1-131.4 22.5 81 81 0 0 1-20.8-48l-.3-6A80 80 0 0 1 98 90.9l-9.5-10.7a96 96 0 0 0-31.2 77.4c.3 5 1.2 9.5 2 14.2a94.2 94.2 0 0 0 178 16.1zm-22.6-84.6a87.4 87.4 0 0 1 12.8 25.4l13.8-4a93.9 93.9 0 0 0-43-55.2l-11-5.5-5.5 13.3 9.3 4.6a80 80 0 0 1 23.7 21.4zm-45 173.6 2 14.2a141.5 141.5 0 0 0 74.5-35.6l-9.8-10.6a126 126 0 0 1-66.7 32z'/%3E%3Cpath d='M220.2 227c-15 13.8-34 22.9-54.3 26l2.3 14.4c23.7-4 44.8-14.5 61.9-30l-9.9-10.5zM150.6 23.2c4.6 0 9 .3 13.6.9l1.4-14.5a144.3 144.3 0 0 0-75 12.4l6 13c17-7.7 35.4-11.8 54-11.8zM163 34a118.1 118.1 0 0 0-62 10.4l6 13c13.3-6.4 28-9.9 43.6-9.9l11 .6L163 34zm-52.3 31.5 6.1 13a77.4 77.4 0 0 1 42.2-7l1.4-14.4-10-.6c-13.8 0-27.3 3-39.7 9zm40 15.8a69.6 69.6 0 0 0-69 74.5l1.3 10.5a69.3 69.3 0 0 0 114.7 35.5c7.2-6.6 13-14.7 17-23.7l-13.3-5.8A55.2 55.2 0 0 1 96 155l-.3-4c0-11 3.2-21.1 9-29.8a52 52 0 0 1 22.8-20c9-4 19-5.7 28.9-4.8a56.3 56.3 0 0 1 47 39.3l14-4a72.2 72.2 0 0 0-31.8-40.8l-8.1-4a63.6 63.6 0 0 0-19.7-5c-2.3-.6-4.6-.6-7.2-.6z'/%3E%3Cpath d='M131 128.7c2-2 4.6-3.4 7.2-4.6 3.8-1.7 8-2.9 12.4-2.9l3.2.3 3.2.6 3.1-14.2-4.9-.9-4.6-.2c-6.6 0-13 1.4-18.8 4.3a52 52 0 0 0-10.7 7 45 45 0 0 0-14.7 36l.9 6.7a44.2 44.2 0 0 0 43 34l6.7-.5a44.2 44.2 0 0 0 35.8-55.5 39.3 39.3 0 0 0-7-13.9l-3.7-4.6-10.4 10.1 2.6 3.2c3.8 5.1 5.8 11.3 5.8 17.6 0 4-.9 8.1-2.3 11.9a30.3 30.3 0 0 1-22.9 17.6l-4.3.3a29.5 29.5 0 0 1-29.5-27.4v-2.4c0-5.7 1.8-11.5 5-16.1a18 18 0 0 1 4.9-6.4zm-56 91.9a102.2 102.2 0 0 1-25-46.8L36 177c4.5 20 14.2 38.4 28.2 53.4a121.9 121.9 0 0 0 44.8 30.3l5.2-13.5A101 101 0 0 1 75 220.6zm-27.2-62.1-.3-7.8c0-20.5 6-39.9 16.5-55.8L52 87.1a117.3 117.3 0 0 0-18.5 72.2l14.2-.8zm-35.3 24a141.9 141.9 0 0 0 34.1 64.4l10.7-9.9a124.1 124.1 0 0 1-30.6-58l-14.2 3.4z'/%3E%3C/g%3E%3C/svg%3E");
	--erih-link-img: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 175' style='enable-background:new 0 0 1000 175' xml:space='preserve' fill='%23365583'%3E%3Cpath d='M103.7 163.8H32.1c-8.8 0-13.8-3-13.8-12.3V23.1c0-9.1 5.8-11.6 13.8-11.6h71.6c12.4 0 12.4 7.8 12.4 17.6 0 8.4-3.5 13-12.4 13-16.4 0-32.9-.5-49.3-.7v29.2c14.7-.2 29.3-.7 44-.7 11.5 0 12.7 6.8 12.7 16 0 8.4-3.7 13-12.7 13-14.7 0-29.3-.5-44-.7V134c16.4-.2 32.9-.7 49.3-.7 13.4 0 12.4 9.4 12.4 18.9.1 8-4.5 11.6-12.4 11.6zm154.6 0h-13.8c-7.1 0-11.7-1.4-16.4-7.1l-38.5-46.5h-3.2v41.3c0 14.4-12 12.3-22.3 12.3-8.8 0-13.8-3-13.8-12.3V23.1c0-9.1 5.8-11.6 13.8-11.6h42.8c16.4 0 29.3-.7 41.5 11.2 10.8 10.7 12.7 28.7 12.7 43.1 0 20.1-6.7 37.6-28.3 42.9l32.5 37.4c2.3 2.5 3.7 6.2 3.7 9.4-.1 6.3-5.2 8.3-10.7 8.3zm-38-120.6c-2.8-1.4-10.8-1.4-14.3-1.4h-6.4c-4.4 0-8.8 0-13.1.2v37.9H210c13.8 0 15.2-2.7 15.2-16-.1-4.7-.1-18.4-4.9-20.7zm105 120.6h-9.9c-8.8 0-13.8-3-13.8-12.3V23.1c0-9.1 5.8-11.6 13.8-11.6h9.9c7.8 0 12.4 3.6 12.4 11.6v128.4c0 8.2-4.1 12.3-12.4 12.3zm152 0c-8.8 0-13.8-3-13.8-12.3V97a857 857 0 0 1-50.7 0v54.5c0 14.4-11.7 12.3-22.3 12.3-8.8 0-13.8-3-13.8-12.3V23.1c0-14.1 13.8-11.6 23.7-11.6 7.8 0 12.4 3.6 12.4 11.6v45.2a857 857 0 0 1 50.7 0V23.1c0-13.9 13.8-11.6 23.5-11.6 7.8 0 12.7 3.6 12.7 11.6v128.4c-.1 14.2-12 12.3-22.4 12.3zm78.1-123.7c-6.4 0-13.1 0-19.6.2v44h24.9c3.5 0 9.2-.2 11.5-3.2s2.3-12.3 2.3-16.2c0-5.2.5-21-4.8-23.5-2.8-1.3-10.8-1.3-14.3-1.3zm161.7 120.6h47.7c-33-12.2-31.9-46-31.9-88.1V21.4c0-5.8 2.4-8.7 5.8-10.3h-77c3.5 1.7 5.5 5.1 5.5 10.3V132c14.3-.2 28.3-.5 42.6-.5 13.4 0 12.4 9.1 12.4 18.9.2 5.2-1.7 8.5-5.1 10.3zm228.5-55.8c-9.7-4.1-19.6-7.5-29.3-11.6-24.9-10.3-30.4-15.7-30.4-43.1 0-24.4 7.9-34.7 22.1-39h-49.4c3.5 1.7 5.2 5.1 5.2 10.3v51.1c0 16.6.2 33.8-2.8 49.9-4 21.3-13.8 32.6-28.3 38.2h56.2c-2.9-1.4-4.9-3.8-4.9-8.3v-7.6c0-9.1 1.6-13.2 11.5-13.2 4.8 0 9.4.5 14.3.9 8.8.9 17.5.9 26.3.9 17.7 0 15.9-1.4 15.9-18 0-6.2-.7-8-6.4-10.5zm-314.4 44.9V21.4c0-5.6 2.2-8.7 5.7-10.3h-57.2a35.7 35.7 0 0 1 18.1 9.8c10.8 10.7 12.7 28.7 12.7 43.1 0 18-3.5 37.2-21.4 45.6-14.5 6.8-37.5 5-53.2 5v35.2c0 6.1-2.2 9.2-5.4 10.8h106.2c-3.6-1.6-5.5-5-5.5-10.8zm332.2 10.9h18.3v-12.6a34 34 0 0 1-18.3 12.6zm18.3-148.1v-1.4h-2.3c.9.4 1.6.8 2.3 1.4zm-148.1-1.4h-70.2c3.6 1.7 5.7 5.1 5.7 10.3v65c0 11.2-.5 28.5 4.6 38.8 4.6 9.1 15.4 9.4 24.6 9.4 9.2 0 20 0 24.6-9.4 5.1-10.5 4.6-27.6 4.6-38.8v-65c.1-5.8 2.6-8.8 6.1-10.3zm148.1 78.6v-52c-1.7 1.6-4.4 2.4-8.7 2.4-8.3 0-16.6-1.1-24.9-1.1l-16.8-.2c-8.5 0-9.9 2.7-9.9 10.7v2.7c0 6.6.2 8 6.4 10.7s12.7 5 19.1 7.5c7.8 3.2 15.7 6.2 23 10.3 5.4 2.8 9.2 5.7 11.8 9z'/%3E%3C/svg%3E");

}
:root.truegold {
    --header-tint-1: orange;
	--header-tint-2: rgb(53, 24, 29);
    --accent: hsl(39, 100%, 50%);
    --accent-hs:39, 100%;
    --dark: rgb(50,40,30);
    --logo-hue:412deg;
    --header-main-rgb: 192,192,192;
    --pdf-hs: 349, 95%;
    --html-hs: 219, 59%;
    --pdf-3d-hs: 284, 95%;
}
:root.ocean {
	--header-tint-1: slateblue;
	--header-tint-2: rgb(0, 135, 255);
	--accent: rgb(0, 135, 255);
	--dark: rgb(12, 23, 30);
	--logo-hue: 637deg;
	--header-main-rgb: /*100,190,200 61, 89, 114*/108, 146, 179;
}
:root.atrament {
	--header-tint-1: slateblue;
	--header-tint-2: rgb(0, 135, 255);
	--accent: rgb(55, 120, 255);
	--dark: rgb(42, 43, 50);
	--logo-hue: 637deg;
	--header-main-rgb: 20,20,0;
}

::-moz-selection {
  background-color: var(--selection-bgcolor);
  text-shadow: none;
}

::selection {
  background-color: var(--selection-bgcolor);
  text-shadow: none;
}

*, *:after, *:before {
  position: relative;
  box-sizing: border-box;
  font-family: 'Josefin', sans-serif;
}
html {
display:flex;
height: 100%;
width: 100%;
}
body {
	min-height: 100%;
	width: 100%;
	display: flex;
	overflow: auto;
	min-width: calc(var(--left-aside-width) + var(--right-aside-width) + var(--main-min-width));
	flex-direction: column;
	background-image: linear-gradient(rgba(255, 255, 255, 0.2),white), var(--light-pattern);
	background-attachment: fixed;
	background-size: 100vw 100vh, auto auto;
}
main {
	flex: 1 0 auto;
	margin: auto;
	width: 100%;
    max-width: var(--max-width);
    /*color:rgb(108, 146, 179)*/
}
header {
	background-image: linear-gradient(rgba(var(--header-main-rgb), 0.35),rgba(var(--header-main-rgb), 1)),var(--dark-pattern),linear-gradient(90deg,var(--header-tint-1) 50%,var(--header-tint-2));
	display: block;
	height: var(--header-min-height);
	min-height: var(--header-min-height);
	border-bottom: 5px solid var(--accent);
	box-shadow: 0 -5px 0 var(--dark) inset, 0 10px 10px var(--shadow-color);
}
header .inner {
	max-width: var(--max-width);
	height: 100%;
	margin: auto;
	width: 100%;
}
header .inner::before {
       content: "";
       background-image: var(--logo-image);
       background-size: contain;
	background-position: center;
    background-repeat: no-repeat;
    filter:hue-rotate(var(--logo-hue,0));
}
header .logo, header .inner::before  {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 5px;
    width: 135px;
}
header .logo::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
    content: "";
    mask: var(--logo-image) center / contain;
	mask-image: var(--logo-image);
	mask-position: center;
    mask-size: contain;
    -webkit-mask-image:  var(--logo-image);
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
	background-image: radial-gradient(ellipse at bottom left,white 70%,transparent 75%);
	background-repeat: no-repeat;
    background-size: 0;
    background-position: left bottom;
    opacity: 1;
}


header .logo:hover::after {
    transition: all .6s;
    background-size: 120%;
    opacity: 0;}


/******************************* NAV ***************************************/
header nav {
	display: flex;
	align-items: flex-end;
	position: absolute;
	left: 135px;
	right: 0;
	bottom: 0;
	flex-wrap: wrap;
	padding: 0 0 15px 25px ;
}
header nav.desktopMenu::before { /*Height buffer for chrome */
    content: "";
    display: block;
    width: 100%;
    height: 5px;
}
header nav.desktopMenu.multiple-rows {transform: translate(-5px,5px);}
header.menu-opened .overflew-y nav.mobileMenu {
	display: block;
	bottom: unset;
	z-index: 2;
	padding: 10px;
	position: absolute;
	left: unset;
	top: 49px;
	right: 10px;
}
header .overflew-y nav.mobileMenu::before {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0, 0, 0, 0.85);
	content: "";
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: visibility 0s .6s, opacity .6s ;
}

header.menu-opened .overflew-y nav.mobileMenu::before {
    visibility: visible;
    opacity: 1;
    transition: opacity .6s ;
}
header.menu-opened .overflew-y nav.mobileMenu:after {
	content: "";
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color:white;
	position: absolute;
	z-index: -1;
	border-radius: 5px 0 5px 5px;
	box-shadow: -2px 2px 15px rgba(0, 0, 0, 0.8);
}

/******************************* NAV A ***************************************/
header nav a, header nav [a-set] {
    visibility: hidden;
	padding: 3px 5px;
	flex: 1 1 auto;
	text-align: center;
	color: var(--dark);
	text-transform: uppercase;
	text-decoration: none;
	z-index: 0;
    font-weight: bold;
    outline: none;
    transition: color .3s;
}
header nav [a-set] {
    display: inline-flex;
    padding: 0;
}
header nav.mobileMenu [a-set] {
    filter: drop-shadow(0 3px 4px rgba(0,0,0,.25));
    gap: 3px;
}
header nav.desktopMenu [a-set]::before {
    content: "";
    flex: 1;
}
header nav [a-set] a {
    flex: 2 0 0;
    white-space: nowrap;
    font-size: 0;
    color: transparent;
    height: 34px;
    width: 100px;
	max-width: 100px;
}
header nav.mobileMenu [a-set] a::before {
    box-shadow: 0 0 0 1px rgb(0 0 0 / 8%);
    background-color: white;
}header nav [a-set] a:nth-child(1) {z-index: 2;}
header nav [a-set] a:nth-child(2) {z-index: 1;}
header nav [a-set] a:nth-child(3) {z-index: 0;}


header nav [a-set] a::after {
    content: "";
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    background:var(--link-img) center / contain no-repeat;
}
[rank-src=scimago] {--link-img:var(--scimago-link-img);}
[rank-src=erih] {--link-img:var(--erih-link-img);}
[rank-src=scopus] {--link-img:var(--scopus-link-img);}
[rank-src=scopus]::after {
    transform: scale(.8);
    filter: brightness(0.75) saturate(1.75);
}
[rank-src=scimago]::after {
	filter: brightness(0.75) saturate(1.75);
}
header nav [a-set] a [rank-value] {
	--badge-size:12px;
    font-size: var(--badge-size);
    position: absolute;
    height: calc(2 * var(--badge-size));
    width: calc(2 * var(--badge-size));
    bottom: calc(-.75 * var(--badge-size));
	right: calc(-.75 * var(--badge-size));
    color: white;
    background: var(--darken25-overlay) var(--neutral);
	font-style: normal;
    border-radius: 100%;
    z-index: 1;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
header nav [a-set] a [rank-value]::after {
    content: attr(rank-value);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: scale(.85,1);
}

header nav.multiple-rows.desktopMenu a {
    padding: 8px 5px;
}

header .inner.fit-y nav.desktopMenu a, header .inner.fit-y nav.desktopMenu [a-set] {visibility: visible;}
header.menu-opened .overflew-y nav.mobileMenu a, header.menu-opened .overflew-y nav.mobileMenu [a-set] {
	visibility: visible;
	display: flex;
	justify-content: flex-start;
	text-align: left;
	padding: 10px 5px;
}
header nav a:focus {color:white;}
header nav a:hover {z-index: 2;}
header nav a.active {
    z-index: 1;
    color:white;
}
header nav a::before {
	content: "";
	position: absolute;
	border-radius: 3px;
	z-index: -1;
	background-image: linear-gradient(var(--accent),var(--accent)), radial-gradient(ellipse, var(--light) 70%,transparent 80%);
	background-size: 0 3px, 10% 0;
	background-repeat: no-repeat;
    background-position: center bottom;
}
header nav.one-row a::before {
    top: -1px;
    left: 1px;
    right: 1px;
    bottom: -1px;
}
header nav.multiple-rows a::before, header nav.mobileMenu a::before {
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: var(--lighten25-color);
}
header nav a:not(.active):hover::before {
	background-size: 100% 3px, 300% 300%;
	transition: all .6s;
}
header nav a.active::before {
	background-color:var(--dark);
}
header nav.one-row a.active::before {
	bottom: -10px;
	top: -10px;
	border-radius: 3px 3px 0 0;
	left: 0;
	right: 0;
	border-top: 3px solid var(--accent);
}


header nav.one-row a + a::after {
    content: "";
    position: absolute;
	left: -1px;
    width: 1px;
    bottom: -15px;
    height:0;
    background-image: linear-gradient(transparent,var(--dark));
    transition: all .3s;
}
header nav.one-row a:not(.active):not(:hover) + a:not(.active):not(:hover)::after {
    height:calc(100% + 20px);
}

/*************************MENUSWITCH****************************************/
.menuSwitch {
	position: absolute;
	top: 0;
	right: 10px;
	height: 44px;
	font-size: 16px;
	align-items: center;
	justify-content: flex-start;
	color: var(--dark);
	border-radius: 3px;
	background-color: var(--light);
	border: 1px solid var(--neutral);
    transition: all 0.3s 0.3s;
	z-index: 10;
	cursor: pointer;
	display: none;
	padding: 0 10px;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	transform: translateY(calc(var(--header-min-height) - 100% - 20px));
}
header .inner.overflew-y .menuSwitch {display: flex;}

header.menu-opened .menuSwitch {
	border-radius: 3px 3px 0 0;
	transition: all 0.3s;
	transform: translateY(5px);
	background-color: white;
	box-shadow: none;
	border-color: white;
}
.menuSwitch::before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-image: radial-gradient(ellipse at center bottom, white 70%,transparent 80%);
	background-size: 10% 0;
	background-repeat: no-repeat;
    background-position: center bottom;
	z-index: -1;
    border-radius: inherit;
}
.menuSwitch:hover::before {background-size: 300% 300%;transition: all .6s;}
.menuSwitch i {
	display: inline-block;
	height: 32px;
	width: 32px;
	margin-right: 7px;
	margin-left: -5px;
	color: var(--accent);
}

.menuSwitch i::before, .menuSwitch i::after {
	position: absolute;
	left: 3px;
	right: 3px;
	content: "";
	height: calc(50% - 1px);
	box-shadow: 0 4px 0 0 currentColor inset,0 -4px 0 0 currentColor inset;
	transition: all 0.3s;
	transform: none;
}
.menuSwitch i::before {top:3px}
.menuSwitch i::after {bottom:3px}


header.menu-opened .menuSwitch i::before, header.menu-opened .menuSwitch i::after {
	height: 4px;
}
header.menu-opened .menuSwitch i::before {
    top: calc(50% - 2px);
    transform: rotate(45deg);
}
header.menu-opened .menuSwitch i::after {
	bottom: calc(50% - 2px);
	transform: rotate(-45deg);
}

/******************************** USERMENU *********************************/
#user-menu {
	position: absolute;
	right: 7px;
	bottom: -36px;
	height: 36px;
	z-index: 1;
}
#user-menu a {
	display: inline-flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	padding: 0 10px;
	background-color: var(--dark);
	color: white;
	text-decoration: none;
	font-weight: bold;
    border-radius: 0 0 3px 3px;
    padding-bottom: 5px;
}
#user-menu a.highlighted {
	background-color: var(--accent);
}
#user-menu a::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background-color: rgba(255, 255, 255, 0.33);
	border-radius: 2px;
    transition: all .3s;
    opacity: 0;
}
#user-menu a:hover::before { opacity: 1;}

#user-menu a[href*=facebook] {
    background-color: #2872b9;
    top: -2px;
    height: calc(100% - 9px);
    border-radius: 5px 0 5px 5px;
    margin: 0 0 0 -3px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M26.4 53.3h11V100h21.8V53.5h12.6c.8 0 1.5-.6 1.6-1.4l1.9-16.6c.1-.7-.3-1.4-1.1-1.7l-.5-.1H59.2V23.2c0-3.1 1.7-4.7 5-4.7h9.5c.9 0 1.6-.7 1.6-1.6V1.6c0-.9-.7-1.6-1.6-1.6H60c-2.3 0-10.2.4-16.4 6.2-6.9 6.4-5.9 14-5.7 15.3v12.2H26.4c-.9 0-1.6.7-1.6 1.6v16.4c-.1.8.7 1.6 1.6 1.6z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: auto 80%;
    background-repeat: no-repeat;
    color: transparent;
    font-size: 0;
    background-position: center bottom -1px;
    width: 30px;
}
#user-menu a[href*=facebook]::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
}
#user-menu a[href*=facebook]::after {
    position: absolute;
    content: "";
    top: -14px;
    left: -8px;
    right: -4px;
    bottom: -4px;
}
@media (max-width:900px) {
	#user-menu {right: unset; left: 5px;}
}

/******************************** MINI MENU ***************************************/
#miniMenu {
    --size: 32px;
    --item-shadow: 0 5px 5px rgba(0, 0, 0, 0.08);
    display: inline-flex;
    height: var(--size);
    position: absolute;
    top: 123px;
    right: 3px;
    z-index: 1;
}
#miniMenu * {order:0}
#miniMenu a {
    text-decoration: none;
    display: flex;
    align-items: center;
    max-width: 70px;
    padding: 0 7px;
    line-height: 93%;
    color: var(--dark);
}
#miniMenu span {
    --right-roundness: 5px;
    border-radius: var(--size) var(--right-roundness) var(--right-roundness) var(--size);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
	display: flex;
	box-shadow: var(--item-shadow);
    --user-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M91.3 81c-2.4-15.1-15-26.5-29.3-30.7 6.2-6.8 9.4-18 9.4-25.5 0-11.6-9.5-23.6-21.7-23.6S28 13.2 28 24.8c0 7.6 3.3 18.8 9.5 25.6C23.4 54.7 11 66 8.7 81c-1 6.2 6.3 10.3 10.9 12.4A75.4 75.4 0 0049.3 99c10.1.1 20.7-1.2 30.1-5.2 4.9-2 13-6.2 11.9-12.8z' fill='%23fff'/%3E%3C/svg%3E");
}

#miniMenu span::before {
    content: "";
    background-color: var(--accent);
    width: var(--size);
    background-image: var(--user-icon), var(--lighten25-overlay);
    border-radius: 100%;
    margin-right: calc(var(--size) / -2);
    z-index: 1;
    box-shadow: 0 0 0 1px var(--accent) inset, 0 0 0 0 var(--lighten25-color) inset;
    background-size: 67%,100%;
    background-repeat: no-repeat;
	background-position: center;
	pointer-events: none;
    transition: all .3s;
}
#miniMenu span:hover::before {
	box-shadow: 0 0 0 1px var(--accent) inset, 0 0 0 var(--size) var(--lighten25-color) inset;
}

#miniMenu span a {
	--border-shadow-color:var(--neutral);
    box-shadow: 0 0 0 1px var(--border-shadow-color) inset;
	transition: all .3s;
	font-size: 12px;
	background-color: var(--light);
}

#miniMenu span a:first-of-type {
    padding-left: calc(var(--size) / 2 + 5px);
}
#miniMenu span a:last-of-type {
	--border-shadow-color:transparent;
    border-radius: 0 var(--right-roundness) var(--right-roundness) 0;
    background-color: var(--neutral);
	background-image: var(--darken25-overlay);
	font-size: 11px;
    color: white;
}
#miniMenu span a:hover {
    background-color: var(--dark);
    color: white;
    box-shadow: 0 0 0 1px var(--dark) inset;
}
#miniMenu a[href*=facebook], #miniMenu a[href*=twitter] {
    border-radius: 100%;
    width: var(--size);
    font-size: 0;
    background-color: var(--neutral);
    margin: 0 1px;
    box-shadow: var(--item-shadow), 0 0 0 0 var(--lighten25-color) inset;
    transition: all .3s;
}
#miniMenu a[href*=facebook]:hover, #miniMenu a[href*=twitter]:hover {
    box-shadow: var(--item-shadow), 0 0 0 var(--size) var(--lighten25-color) inset;
}
#miniMenu a[href*=facebook] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M26.4 53.3h11V100h21.8V53.5h12.6c.8 0 1.5-.6 1.6-1.4l1.9-16.6c.1-.7-.3-1.4-1.1-1.7l-.5-.1H59.2V23.2c0-3.1 1.7-4.7 5-4.7h9.5c.9 0 1.6-.7 1.6-1.6V1.6c0-.9-.7-1.6-1.6-1.6H60c-2.3 0-10.2.4-16.4 6.2-6.9 6.4-5.9 14-5.7 15.3v12.2H26.4c-.9 0-1.6.7-1.6 1.6v16.4c-.1.8.7 1.6 1.6 1.6z' fill='%23fff'/%3E%3C/svg%3E");
    background-color: #2872b9;
    background-size: auto calc(100% - 5px);
    background-repeat: no-repeat;
    background-position: center bottom -1px;
}
#miniMenu a[href*=twitter] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M99 20l-12 3c5-3 8-7 9-11l-13 5c-3-4-8-7-14-7-13 0-23 12-20 25-16-1-31-9-41-21-6 9-3 21 6 27l-9-3c0 10 6 18 16 20l-9 1c3 8 10 13 19 14-9 6-19 9-30 8 9 5 19 9 31 9 37 0 58-32 57-60l10-10z' fill='%23fff'/%3E%3C/svg%3E");
    background-size: 75%;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #52a7e7;
}
@media (min-width:1235px) {
	#miniMenu {right:-9px}
}
@media (max-width:900px) {
	#miniMenu {right:unset; left:10px}
	#miniMenu span {
		--right-roundness: var(--size);
		order: -1;
		margin-right: 3px;
	}
}
/********************************Subheader*********************************/
#content, #content .catalog-items {
	transition: opacity .3s;
	opacity: 1;
}
body[work-in-progress=pageload] #content, body[work-in-progress=sorting] #content .catalog-items {opacity: 0;}
#subheader, #content {
	width: calc(100% - 300px);
	float: left;
}
#subheader {
	margin-bottom: 25px;
}
#heading-image {
	--top-shift: 0px;
	height: 300px;
	margin-top: calc(var(--top-shift) - 20px);
	background-image: var(--heading-image);
	background-position: right;
	background-repeat: no-repeat;
	background-size: auto 100%;
	margin-bottom: 5px;
	display: flex;
	align-items: flex-start;
	overflow: hidden;
}
#heading-image::before {
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    position: absolute;
    background-image: linear-gradient(90deg, var(--blank), transparent 25px);
}
#heading-image.bottomText {
    align-items: flex-end;
}
#heading-image .heading-text {
	padding: calc(35px - var(--top-shift)) 0 15px 0;
	display: flex;
	flex-direction: column;
}
#heading-image.bottomText .heading-text {
	flex-direction: column-reverse;
}
#heading-image .heading-text::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: -50%;
	right: -50%;
	content: "";
	background-image: radial-gradient(ellipse at top left, var(--blank) 33%,transparent 72%);
	background-repeat: no-repeat;
}
#heading-image.bottomText .heading-text::before {
	top: -50%;
    bottom: 0;
	background-image: radial-gradient(ellipse at bottom left, var(--blank) 33%,transparent 72%);
}

.heading-text > * {
	text-shadow: var(--white-stroke), 0 0 8px var(--blank), 0 0 12px var(--blank), 0 0 20px var(--blank);
	text-transform: uppercase;
	margin: 0;
	padding: 10px 0;
}

#heading-image h1 {
	font-size: 24px;
	color: rgb(153, 153, 153);
}
@media screen and (max-width: 900px) {#heading-image h1 {margin-top: 15px;}}
@media screen and (min-width: 560px) {#heading-image h1 {font-size: calc(24px + 4 * ((100vw - 560px) / 90));}}
@media screen and (min-width: 650px) {#heading-image h1 {font-size: 28px;}}

#heading-image h2 {
	color: var(--accent);
	font-size: 18px;
}
@media screen and (min-width: 560px) {#heading-image h2 {font-size: calc(18px + 6 * ((100vw - 560px) / 90));}}
@media screen and (min-width: 650px) {#heading-image h2 {font-size: 24px;}}

#heading-image:not(.hasPf) .pf {display:none;}
#heading-image.hasPf .pf {
    position: absolute;
    bottom: 0;
	font-size: 50px;
	font-weight: normal;
    letter-spacing: -4px;
    color: var(--dark);
    padding: 0;
    margin: 0;
    z-index: 0;
    text-shadow: var(--white-stroke), 0 0 2px var(--blank), 0 0 2px var(--blank), 0 0 4px var(--blank), 0 0 8px var(--blank), 0 0 16px var(--blank);
}
#heading-image.hasPf .pf::before {
    position: absolute;
    left: 0;
    top: -25px;
    right: -100px;
    bottom: 0;
    content: "";
    /* background-color: white; */
    z-index: -1;
    background-image: radial-gradient(ellipse at left bottom,white,rgba(87, 52, 72, 0) 75%);
}

#three-highlights {
	display: flex;
	justify-content: space-between;
}
#three-highlights a {
	width: calc(100%/3 - 4px);
	height: 150px;
    border-radius: 5px;
    overflow: hidden;
}
#three-highlights a.active {background-color: var(--accent);}
#three-highlights a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    background-size: cover;
    background-position: center;
	transition: all .6s;
	background-image:var(--banner-image);
}

#three-highlights a:hover::before, #three-highlights a.active::before {transform: scale(1.2); opacity: 0.8;}

/*Defaults
#three-highlights a[href*=bioarchaeology]::before {	background-image:var(--banner-image), url(images/bioarchaeology.png);}
#three-highlights a[href*=archaeometry]::before {background-image:var(--banner-image), url(images/archaeometry.png);}
#three-highlights a[href*=geoarchaeology]::before {	background-image:var(--banner-image), url(images/geoarchaeology.png);}
*/

#three-highlights h3 {
	position: absolute;
	margin: 0;
	padding: 5px 27px 5px 7px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.67);
	color: white;
	font-size: 14px;
	font-weight: normal;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}
@media (min-width: 560px) {#three-highlights h3 {font-size: calc(14px + 6 * ((100vw - 560px) / 340));}}
@media (min-width: 900px) {#three-highlights h3 {font-size: 20px;}}

#three-highlights h3::after {
	content: "▶";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
    padding: 0 7px;
    transition: all .3s;
}
#three-highlights a:hover h3::after {color: var(--accent);}

.authorTag {
    position: absolute;
	color: white;
	background-color: rgba(0, 0, 0, .5);
	font-weight: bold;
	font-size: 13px;
	text-align: right;
	padding: 5px 7px 4px 32px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 100'%3E%3Cpath d='M43 1l-8 14H11C5 15 0 20 0 25v64c0 6 5 10 11 10h98c6 0 11-4 11-10V25c0-5-5-10-11-10H85L77 1H43zm17 23a33 33 0 010 67 33 33 0 010-67zm0 14c-10 0-19 9-19 19 0 11 9 19 19 19 11 0 19-8 19-19 0-10-8-19-19-19z' fill='%23fff'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: 20px 15px;
	background-position: 5px 3px;
	border-radius: 3px;
    transition: opacity .3s;
    opacity: 0;
}

.hasAuthorTag:hover .authorTag {
    opacity: 1;
}

#three-highlights .authorTag {
    top: 3px;
    right: 3px;
    max-width: calc(100% - 6px);
    overflow: hidden;
	text-overflow: ellipsis;
}
#heading-image .authorTag {
    bottom: 3px;
    right: 3px;
    border-bottom-right-radius: 6px;
}


@media (max-width: 560px) {
    #three-highlights h3 {padding-right:7px;text-align:center;}
    #three-highlights h3::after {display:none;}
}


/*********************************** MAIN *************************************************/
main {
	flex: 1 0 auto;
	margin: auto;
	width: 100%;
	max-width: var(--max-width);
	background-color: white;
	padding: 20px 40px;
}
main::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100px;
	box-shadow: 0 0 50px 50px var(--shadow-color);
	border-radius: 0 0 50% 50%;
    transform: scaleY(3);
    opacity: 0.25;
	z-index: -1;
}
main::after { /*Top Shadow*/
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 10px;
	background-image: linear-gradient(var(--shadow-color),transparent 10px);
	pointer-events: none;
}
#contentTitle > * {
	margin: 0;
}
#contentTitle h3 {
	color: var(--accent);
	font-size: 24px;
	margin-top: 7px;
}
#contentTitle h2 {
	transform: scaleY(1.3);
	margin-bottom: 35px;
	transform-origin: top;
	color: var(--dark);
	line-height: 90%;
	margin-top: 7px;
}
#contentTitle .searchDetails {
	font-size: 16px;
	line-height: 16px;
	margin: 5px 0 45px;
}
#contentTitle .searchDetails:empty {
	display: none;
}
.catalog .listing-bar {
	background-color: var(--dark);
	border-radius: 3px;
	color: rgba(255, 255, 255, 0.8);
	padding: 5px 7px 5px 50px;
	background-image: var(--lighten25-overlay);
	left: -50px;
	width: calc(100% + 50px);
	margin-bottom: 5px;
}
@media (max-width:900px) {.catalog .listing-bar {
	width: calc(100% + 65px);
	border-radius: 0 0 0 0;
}}
.catalog .listing-bar > * {
	display: inline-block;
	vertical-align: middle;
}
.catalog .listing-bar .category {
	max-width: calc(100% - 260px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.catalog .listing-bar select {
	background-color: transparent;
	border: none;
	color: white;
    font-weight: bold;
    width:100px;
}
.catalog .listing-bar option {
    border-color: var(--dark);
	background-color: var(--dark);
	color: white;
}
.catalog .listing-bar option:hover {
    background-color: black;
    color:white;
}
.catalog .listing-bar .listing-status {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	padding: 0 7px;
	background-color: var(--dark);
	border-radius: 0 5px 5px 0;
}
.catalog-items .contentEmpty {
	font-size: 24px;
	padding: 5px 15px;
	border-left: 15px solid var(--accent);
	margin: 35px 0;
}
.catalog-items .group h3 {
	background-color: var(--accent);
	margin: 0 0 3px;
	display: inline-block;
	padding: 10px 20px;
	color: white;
	border-radius: 5px;
	letter-spacing: 1px;
	margin-bottom: -20px;
	margin-left: -50px;
}
@media (max-width:900px) {
    .catalog-items .group h3 {padding: 10px 20px 10px 50px;}
}
.catalog-items .divider h3 {
	opacity: .5;
	display: flex;
	justify-content: stretch;
}
.catalog-items .divider h3::before, .catalog-items .divider h3::after {
	content: "";
	flex: 1;
	background-image: linear-gradient(var(--dark),var(--dark));
	background-size: 95% 1px;
	background-repeat: no-repeat;
}
.catalog-items .divider h3::before {background-position: left center;}
.catalog-items .divider h3::after {	background-position: right center;}

.catalog-item {
    padding-top: 15px;
	padding-bottom: 25px;
	background-size: 100% 1px;
	background-repeat: no-repeat;
	background-position: center bottom;
	display: flex;
	justify-content: space-between;
}

/*body:not(.hasTippy) .catalog-item {
	content-visibility: auto;
	contain-intrinsic-size: 150px;
}*/
.catalog-item:first-of-type {
	padding-top: 20px;
	border-top: 3px solid var(--accent);
}
.catalog-item:not(:last-of-type)::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -15px;
	right: -15px;
	height: 50%;
	background-image: radial-gradient(ellipse at center bottom,rgb(235, 235, 235) 0,var(--blank) 50%);
	background-size: 150% 120%;
	background-position: center bottom;
	border-bottom: 1px solid silver;
}

#content.narrow .catalog-item {
	flex-direction: column;
}
.catalog-item .item-body {
	padding-right: 5px;
}
.catalog-item .item-body a {
	font-size: 110%;
	color: hsl(var(--accent-hs),33%);
	text-decoration: none;
	background-image: linear-gradient(hsl(var(--accent-hs),85%),hsl(var(--accent-hs),85%));
	background-repeat: no-repeat;
	background-size: 100% 1px;
	background-position: left bottom 2px;
    text-shadow:var(--white-stroke);
    font-weight: bold;
    transition:all .3s; 
}

.catalog-item .item-body a:hover {
    color:var(--accent);
}
.item-body .new::after, .item-body .onlineFirst::after {
    color: white;
    background-color: var(--accent);
    text-shadow: none;
    font-size: 67%;
    display: inline-flex;
    height: 20px;
    vertical-align: bottom;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    left: 10px;
    box-shadow: 0 0 0 4px white;
    transform: scale(0.7, 0.8);
    margin-right: -15px;
    transform-origin: left;
}
.item-body .new::after {
	content: "NEW";
	width: 40px;
	background-image: var(--lighten25-overlay),var(--lighten25-overlay);
}
.item-body .onlineFirst::after {
	content: "ONLINE FIRST";
	width: 90px;
	/*background-image: var(--lighten25-overlay),var(--lighten25-overlay);*/
}
.catalog-item .item-body .sub-heading {
	font-weight: bold;
	color: var(--dark);
	margin-top: 7px;
}
.catalog-item .item-body .description + .description {
	font-size: 13px;
	font-weight: bold;
	margin-top: 7px;
	display: inline-block;
}
.catalog-item .item-body .description.publishInfo + br { /*Hide break before "more" if description is simple*/
	display: none;
}
.description.doi {
	opacity: 0.7;}
.description.topic {
	text-transform: uppercase;
	opacity: 0.35;
	letter-spacing: -.5px;
	cursor: pointer;
	transition: all .3s;
	z-index: 0;
}
.description.topic::before {
    position: absolute;
    top: -2px;
    left: -3px;
    right: -3px;
    bottom: -1px;
    content: "";
    box-shadow: 0 0 0 1px var(--accent);
    background-color: white;
    z-index: -1;
	opacity: 0;
	transition: all;
}
.description.topic:hover, .description.topic:hover::before {opacity: 1;}

.description.doi + .description.topic {
	margin-left: 10px;
}

.catalog-item .more {
	--icon-size: 12px;
	--icon-color: transparent;
	--icon-rotation:0deg;

	--icon-shadow:1px 1px 0 1px var(--dark);
	--button-text:"Additional data";
	opacity: .5;
	display: inline-block;
	background-color: white;
	box-shadow: 0 0 0 1px silver inset, 0 2px 5px var(--shadow-color);
	padding: 4px calc(2 * var(--icon-size)) 4px 7px;
	border-radius: 3px;
	font-weight: bold;
	margin: 8px 0 0 0;
	text-transform: uppercase;
	font-size: 12px;
	cursor: pointer;
	transition: all .3s;
	color: var(--dark);
}
.catalog-item .more::before {
	position: absolute;
	content: "";
	height: var(--icon-size);
	width: var(--icon-size);
	background-color: var(--icon-bg,white);
	border-radius: 100%;
	right: calc(var(--icon-size)/2);
	top: calc(50% - var(--icon-size)/2);
	box-shadow: var(--icon-shadow);
	transform: rotate(var(--icon-rotation));
	background-image: linear-gradient(var(--icon-color),var(--icon-color)),linear-gradient(var(--icon-color),var(--icon-color));
	background-size: 85% 2px, 2px 85%;
	background-repeat: no-repeat;
	background-position: center;
	transition: all .3s;
	animation: var(--icon-animation) 1s linear infinite;
}
@keyframes rotate {100% {transform: rotate(360deg);}}

.catalog-item .more::after {
content:var(--button-text)
}

.catalog-item .more:hover {
	box-shadow: 0 0 0 1px var(--accent) inset;
	color: var(--accent);
	opacity: 1;
}
[in-viewport=true] .catalog-item .more:not(.hasDetails):not(.hasNoDetails) {
		--icon-animation:rotate;
}
.catalog-item .more.hasDetails {
	--icon-rotation:0deg;
	--icon-color:var(--blank);
	--icon-animation:none;
	--icon-shadow: 0 0 0 2px var(--accent);
	--icon-bg:var(--accent);
	opacity: 1;
}
.catalog-item .more.hasNoDetails {
	--icon-rotation:45deg;
	--icon-color:var(--dark);
	--icon-animation:none;
	--icon-shadow: 0 0 0 2px var(--shadow-color);
	--button-text:"No more info available";
	opacity: .25;
	pointer-events: none;}

.downloadTile {
	font-size: 11px;
	border: 1px solid transparent;
	height: 60px;
	width: 100px;
	display: inline-flex;
	align-items: flex-end;
	background-color: var(--dark);
	padding: 5px;
	text-decoration: none;
	color: white;
	border-radius: 5px;
	/* vertical-align: middle; */
	box-shadow: 0 2px 5px var(--shadow-color);
	justify-content: flex-start;
	text-align: left;
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.25));
	line-height: 1;
	transition: all .3s;
	font-weight: bold;
	z-index: 0;
	vertical-align: top;
}

.downloadTile::before {
	position: absolute;
	top: 0;
	bottom: 6px;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 45px;
    font-weight: bold;
    z-index: -1;
	letter-spacing: -2px;
}
.downloadTileLabel {
	text-decoration: none;
	padding-right: 15px;
	max-width: 150px;
	display: inline-flex;
	line-height: 100%;
	color: var(--dark);
}
.downloadTile.pdf-link {
	background-color: hsl(var(--pdf-hs), 38%);
	text-shadow: 0 0 1px hsl(var(--pdf-hs), 38%), 0 0 2px hsl(var(--pdf-hs), 38%), 0 0 4px hsl(var(--pdf-hs), 38%);
}
.downloadTile.pdf-link::before {
	content: "PDF";
	color: hsla(var(--pdf-hs), 80%, 0.4);
	text-shadow: 0 0 5px hsla(var(--pdf-hs), 30%, 0.7);
}

.downloadTile.html-link {
	background-color: hsl(var(--html-hs), 38%);
	text-shadow: 0 0 1px hsl(var(--html-hs), 38%), 0 0 2px hsl(var(--html-hs), 38%), 0 0 4px hsl(var(--html-hs), 38%);
}
.downloadTile.html-link::before {
	content: "HTML";
	color: hsla(var(--html-hs), 80%, 0.4);
    text-shadow: 0 0 5px hsla(var(--html-hs), 30%, 0.7);
    transform: scaleX(0.75);
}
.downloadTile.doc-link {
	background-color: hsl(var(--html-hs), 38%);
	text-shadow: 0 0 1px hsl(var(--html-hs), 38%), 0 0 2px hsl(var(--html-hs), 38%), 0 0 4px hsl(var(--html-hs), 38%);
}
.downloadTile.doc-link::before {
	content: "DOC";
	color: hsla(var(--html-hs), 80%, 0.4);
    text-shadow: 0 0 5px hsla(var(--html-hs), 30%, 0.7);
    transform: scaleX(0.75);
}
.downloadTile.pdf-3d-link {
	background-color: hsl(var(--pdf-3d-hs), 38%);
	text-shadow: 0 0 1px hsl(var(--pdf-3d-hs), 38%), 0 0 2px hsl(var(--pdf-3d-hs), 38%), 0 0 4px hsl(var(--pdf-3d-hs), 38%);
}
.downloadTile.pdf-3d-link::before {
	content: "PDF3D";
	color: hsla(var(--pdf-3d-hs), 80%, 0.4);
    text-shadow: 0 0 5px hsla(var(--pdf-3d-hs), 30%, 0.7);
    transform: scale(.7, .8) translateY(-6px);
}

.downloadTile:hover {
background-image:none;
}

.supplement .downloadTileSet {
	text-align: right;
}

.catalog-item .item-attachments {
	flex: 0 0 auto;
    text-align:right;
}
#content:not(.narrow) .item-attachments .downloadTile {
	display: flex;
	margin: 0 0 5px 5px;	
}

#content.narrow .item-attachments .downloadTile {
	display: inline-flex;
	margin-top: 10px;
}

#page-holder {
	border-top: 3px solid var(--accent);
	margin: -15px 0 50px;
}
#page-holder > .item-attachments:first-of-type {
	margin-top: 15px;
}
#page-holder .catalog-item:first-of-type {margin:0; padding:0;border:none;}

/*********************************GUIDE SWITCH *****************************************/
@media (min-width:900px) {#guideSwitch {display: none;}}
@media (min-width:560px) and (max-width:900px) {
    #for1Col {display: none;}
    #for3Cols {display: flex;}
    #guideSwitch .switch::before {content: "Choose by keyword, issue or topic";}
}
@media (max-width:560px) {
   #for1Col {display: flex;}
   #for3Cols {display: none;}}

#guideSwitch {
        margin: -10px 0 15px 0;
    }
#guideSwitch.widgetOpened #for1Col {
        padding-right: 39px !important;
    }
#guideSwitch > div {
        background-color: var(--dark);
        padding: 5px 10px;
        margin: 0 -15px;
        width: calc(100% + 30px);
        box-shadow: 0 -3px 0 var(--accent) inset;
    }
#guideSwitch label, #guideSwitch .switch {
        box-shadow: 0 1px 2px var(--shadow-color), 0 2px 5px var(--shadow-color);
        background-image: radial-gradient(ellipse, rgba(255,255,255,.5) 70%,transparent 80%);
        background-size: 25% 0;
        background-position: center bottom;
        background-repeat: no-repeat;
        transition: all .3s;

}
#guideSwitch label:hover, #guideSwitch .switch:hover {
        background-size: 300% 300%;
        background-position: center bottom -50px;
        color: var(--dark);
    }
#guideSwitch label {
        display: inline-block;
        background-color: var(--lighten25-color);
        padding: 5px 7px;
        border-radius: 3px;
        color: white;
        z-index: 1;
    }
#guideSwitch.guideOpened #for3Cols label,
#guideSwitch.guideOpened.quickSearchOpened #for1Col .quickSearchLabel,
#guideSwitch.guideOpened.byIssueOpened #for1Col .byIssueLabel,
#guideSwitch.guideOpened.byTopicOpened #for1Col .byTopicLabel {color:var(--dark);}

#guideSwitch label::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: white;
        border-top: 0 solid var(--accent);
        opacity: 0;
        transition: all .3s;
        border-radius: 5px 5px 0 0;
    }
#guideSwitch.guideOpened #for3Cols label::before,
#guideSwitch.guideOpened.quickSearchOpened #for1Col .quickSearchLabel::before,
#guideSwitch.guideOpened.byIssueOpened #for1Col .byIssueLabel::before,
#guideSwitch.guideOpened.byTopicOpened #for1Col .byTopicLabel::before {
        top: -3px;
        border-top-width: 3px;
        bottom: -7px;
        opacity: 1;
    }
#guideSwitch label strong {
        text-transform: uppercase;
    }
#guideSwitch #for1Col label {
        text-transform: uppercase;
        font-weight: bold;
        flex: 1;
        margin: 0 2px;
        top: -1px;
    }
#guideSwitch.widgetOpened #for1Col label {
        left: -8px;    
}
#guideSwitch #for1Col label small {
        display: block;
        font-size: 11px;
        opacity: 0.5;
    }
#guideSwitch .switch {
    position: absolute;
    right: 0;
    top: 50%;
    height: 48px;
    width: 48px;
    background-color: var(--accent);
    border-radius: 5px;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.67);
    display: flex;
    transform: translateY(-50%) scaleY(1);
    transform-origin: top;
    opacity: 1;
    transition: all .3s;
}
@media (max-width:560px) {
    #guideSwitch .switch {
        z-index: 1;
        box-shadow: none;
        transform: translate(15px,-53%) scale(0.8);
        transform-origin: center center;
    }
    #guideSwitch:not(.widgetOpened) .switch {opacity: 0; pointer-events: none;}
}
#guideSwitch .switch::before {
    position: absolute;
    top: 0;
    right: 100%;
    width: 125px;
    line-height: 0.85;
    bottom: 3px;
    display: flex;
    align-items: center;
    font-size: 90%;
    color: rgba(255,255,255,.75);
    pointer-events: none;
}
#guideSwitch .switch::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	color: white;
	background-image: radial-gradient(circle at center,transparent 40%,currentColor 41%, currentColor 55%, transparent 56%), linear-gradient(45deg,transparent 42%,currentColor 42%,currentColor 58%,transparent 58%), linear-gradient(-45deg,transparent 42%,currentColor 42%,currentColor 58%,transparent 58%);
	background-repeat: no-repeat;
    background-size: 300% 300%, 30% 30%, 30% 30%;
    background-position: center, center, center; 
    transform: scale(1);
	transition: all .6s;
}
#guideSwitch .switch:hover::after:hover { /*chromeBug fix*/
    color:var(--accent);
}
@media (min-width:560px){ #guideSwitch:not(.guideOpened) .switch::after {
	background-size: 80% 80% , 40% 40%, 0 0;
    background-position: left top, right bottom, left bottom;
    transform: scale(0.7);
    transition: all .3s;
}}


/*********************************** GUIDE *********************************************/
#guide {
	width: 270px;
    float: right;
}
@media (min-width:900px) {
    #guide {margin-top:48px;}

}
@media (max-width:900px) {#guideSwitch.guideOpened ~ #guide::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -15px;
	right: -15px;
	height: 25%;
	background-image: radial-gradient(ellipse at center bottom, rgba(255, 0, 0, 0) 0, white 50%),var(--light-pattern);
	background-size: 200% 120%, auto;
	background-position: center bottom;
	background-color: var(--light);
	border-bottom: 3px solid var(--accent);
}}
@media (min-width:560px) and (max-width:900px) {
    #guide > * {max-width:calc(100% / 3 - 7px)}
    #guide {
        display:flex;
        justify-content: space-between;
        transition-property: opacity, max-height;
        transition-duration: 0.3s, 0s;
        transition-delay: 0s, 0s;
        }
    #guideSwitch:not(.guideOpened) ~ #guide {
        max-height:0;
        opacity: 0;
        transition-delay:0s, 0.3s;
    }
    #guideSwitch:not(.openingFinished) ~ #guide {overflow: hidden;}
    #guideSwitch.guideOpened ~ #guide {max-height:2000px;}
}
@media (max-width:560px) {
    #guide { flex-direction:column;}
    #guide > * {
        max-width:100%;
        transition-property: opacity, max-height, padding-bottom;
        transition-duration: 0.3s, 0s, 0s;
        transition-delay: 0s, 0s, 0s;
    }
    #guide > *:not(.widgetOpened) {
        max-height:0;
        padding-bottom:0;
        opacity: 0;
    }
    #guide > *:not(.openingFinished) {overflow: hidden;}
    #guide > *.widgetOpened {max-height:1000px;}
    #guideSwitch:not(.guideOpened) ~ #guide > * {transition-delay:0s, 0.3s, 0.3s;}
}
#guide > * {
    flex: 1;
    padding-bottom: 25px;
}
#guide h2 {
	margin: 0 0 10px;
	line-height: 0.9;
	border-top: 4px solid var(--accent);
	padding-top: 5px;
	color: var(--dark);
	font-size: 20px;
}
#guide h3 {
	color: var(--dark);
	margin: 15px 0 5px;
	border-top: 1px solid var(--neutral);
	padding-top: 5px;
}
#search-box small {
	display: inline-block;
	opacity: 0.6;
}
#search-box input, #search-box select {
	width: 100%;
}
#search-box .input-box:not(.button) {
	padding: 5px;
	border: 1px solid var(--neutral);
	margin: 5px 0;
	background-color: var(--light);
	border-radius: 5px;
	box-shadow: 0 1px 3px var(--shadow-color);
}
#search-box .input-box > * {
	background-color: transparent;
	border: none;
}
#search-box #searchtext {
	background-image: linear-gradient(90deg,var(--accent) 5px,transparent 5px,transparent calc(100% - 5px),var(--accent) calc(100% - 5px)),linear-gradient(90deg,var(--accent) 5px,transparent 5px,transparent calc(100% - 5px),var(--accent) calc(100% - 5px));
	background-repeat: no-repeat;
	background-size: 100% 1px;
	background-position: center top, center bottom;
	border-style: none solid;
	border-width: 0 1px;
	border-color: transparent var(--accent);
	background-color: rgba(255, 255, 255, 0.5);
	margin-top: 5px;
	padding: 2px 5px;
}
#search-box .input-box.button a {
	background-color: var(--dark);
	border: none;
	margin: 15px 0 20px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 7px 0;
	color: white;
	border-radius: 5px;
	box-shadow: 0 2px 5px var(--shadow-color);
	font-size: 14px;
	transition: all .3s;
	cursor: pointer;
	display: block;
	text-align: center;
	text-decoration: none;
}
#search-box .input-box.button a:hover, #search-box .input-box.button a:focus {
	background-color: var(--accent);
}
#search-box .input-box select {
	border-style: solid;
	border-color: rgba(0, 0, 0,0);
	margin: -9px -10px;
	width: calc(100% + 20px);
	border-width: 10px 10px;
    border-radius: 5px;
}
#search-box .input-box select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
#search-box .input-box select:focus {
	border-color: var(--light);
	box-shadow: 0 0 0 1px rgb(138, 138, 138), 0 2px 5px 2px var(--shadow-color), 0 5px 10px 5px var(--shadow-color);
	z-index: 1;
    outline: 0;
    transition: all .3s;
}
/*************************************BROWSER*********************************************/
.tree-list, .tree-list li, .tree-list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.tree-list label {
	color: var(--dark);
	display: block;
	overflow: hidden;
    text-overflow: ellipsis;
    pointer-events: none;
}
.tree-list > li > label {
	font-weight: bold;
	display: block;
}
.tree-list > li {
	border: 1px solid var(--neutral);
	border-radius: 5px;
	padding: 5px;
	margin: 5px 0;
	box-shadow: 0 1px 3px var(--shadow-color);
	background-color: var(--light);
}
.tree-list ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 5px;
}
.tree-list ul.row-reversed {
	flex-direction: row-reverse;
}
.tree-list ul li {
	display: inline-block;
	flex: 1;
	min-width: calc(50% - 4px);
	background-color:white;
	border-radius: 3px;
	margin: 2px;
	padding: 5px 4px;
	box-shadow: 0 2px 5px var(--shadow-color);
}
.tree-list a {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	box-shadow: 0 0 1px 1px inset var(--accent), 0 0 0 100px inset rgba(255, 255, 255, 0.75);
	border-radius: 3px;
	transition: all .3s;
    opacity: 0;
    outline: none;
}
.tree-list > li > a {border-radius: 5px;}
.tree-list > li > a:hover ~ label {color:var(--accent);}

.tree-list li:hover > a:focus {opacity: 1;}
.tree-list li:hover > a {
    right: -3px;
	left: -3px;
	top: -2px;
	bottom: -2px;
    opacity: 1;
}
.tree-list li.active > a {
    right: -3px;
	left: -3px;
	top: -2px;
    bottom: -2px;
    background-color: var(--accent);
    opacity: 1;
}
@media (min-width:560px) and (max-width:900px){
#areas .tree-list ul li {
	min-width: calc(100% - 4px);
}}
#volumes .tree-list label {
	white-space: nowrap;
	min-width: 42px;
}
#volumes .tree-list.wide > li {
    display: flex;
    justify-content: space-between;
}


/******************************************TAGS*********************************************/
#tag-box a {
	text-decoration: none;
	display: inline-flex;
	padding: 0 5px;
	border-radius: 3px;
	margin: 2px 0;
	box-shadow: 0 1px 4px var(--shadow-color);
	font-weight: bold;
	background-color: var(--accent);
	height: 25px;
	vertical-align: top;
	align-items: center;
	white-space: nowrap;
	max-width: 100%;
}
#tag-box a span {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}
#tag-box a:hover {
	box-shadow: 0 0 1px 1px inset var(--accent), 0 0 0 100px inset rgba(255, 255, 255, 0.88);
}
#tag-box a.active {
    box-shadow: 0 0 0 2px;
}
#tag-box a.tag-relevance-0 {display: none;}
.tag-relevance-5 {
	color: black;
	font-size: 120%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2));
}
.tag-relevance-4 {
	background-image: linear-gradient(rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.4));
	color: rgba(0, 0, 0, 0.9);
}
.tag-relevance-3 {
	background-image: linear-gradient(rgba(255, 255, 255, 0.5),rgba(255, 255, 255, 0.5));
	font-size: 90%;
	color: rgba(0, 0, 0, 0.8);
}
.tag-relevance-2 {
	background-image: linear-gradient(rgba(255, 255, 255, 0.65),rgba(255, 255, 255, 0.65));
	font-size: 80%;
	color: rgba(0, 0, 0, 0.7);
}
.tag-relevance-1 {
	background-image: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8));
	font-size: 70%;
	color: rgba(0,0,0,0.7);
}

/*********************************** FOOTER *********************************************/
footer {
	background-color: var(--dark);
	background-image: linear-gradient(90deg,transparent,rgba(0, 0, 0, 0.25) calc(50% - var(--max-width)/2),rgba(0, 0, 0, 0.25) calc(50% + var(--max-width)/2),transparent),var(--dark-pattern);
	border-top: 5px solid var(--accent);
	--erihplus-logo:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 300' fill='%23FFF'%3E%3Cpath class='st0' d='M102 179H30.4c-8.8 0-13.8-3-13.8-12.3V38.3c0-9.1 5.8-11.6 13.8-11.6H102c12.4 0 12.4 7.8 12.4 17.6 0 8.4-3.5 13-12.4 13-16.4 0-32.9-.5-49.3-.7v29.2c14.7-.2 29.3-.7 44-.7 11.5 0 12.7 6.8 12.7 16 0 8.4-3.7 13-12.7 13-14.7 0-29.3-.5-44-.7v35.8c16.4-.2 32.9-.7 49.3-.7 13.4 0 12.4 9.4 12.4 18.9.1 8-4.5 11.6-12.4 11.6zM256.6 179h-13.8c-7.1 0-11.7-1.4-16.4-7.1l-38.5-46.5h-3.2v41.3c0 14.4-12 12.3-22.3 12.3-8.8 0-13.8-3-13.8-12.3V38.3c0-9.1 5.8-11.6 13.8-11.6h42.8c16.4 0 29.3-.7 41.5 11.2 10.8 10.7 12.7 28.7 12.7 43.1 0 20.1-6.7 37.6-28.3 42.9l32.5 37.4c2.3 2.5 3.7 6.2 3.7 9.4-.1 6.3-5.2 8.3-10.7 8.3zm-38-120.6c-2.8-1.4-10.8-1.4-14.3-1.4h-6.4c-4.4 0-8.8 0-13.1.2v37.9h23.5c13.8 0 15.2-2.7 15.2-16-.1-4.7-.1-18.4-4.9-20.7zM323.6 179h-9.9c-8.8 0-13.8-3-13.8-12.3V38.3c0-9.1 5.8-11.6 13.8-11.6h9.9c7.8 0 12.4 3.6 12.4 11.6v128.4c0 8.2-4.1 12.3-12.4 12.3zM475.6 179c-8.8 0-13.8-3-13.8-12.3v-54.5a857 857 0 01-50.7 0v54.5c0 14.4-11.7 12.3-22.3 12.3-8.8 0-13.8-3-13.8-12.3V38.3c0-14.1 13.8-11.6 23.7-11.6 7.8 0 12.4 3.6 12.4 11.6v45.2a857 857 0 0150.7 0V38.3c0-13.9 13.8-11.6 23.5-11.6 7.8 0 12.7 3.6 12.7 11.6v128.4c-.1 14.2-12 12.3-22.4 12.3zM553.7 55.3c-6.4 0-13.1 0-19.6.2v44H559c3.5 0 9.2-.2 11.5-3.2s2.3-12.3 2.3-16.2c0-5.2.5-21-4.8-23.5-2.8-1.3-10.8-1.3-14.3-1.3zM715.4 175.9h47.7c-33-12.2-31.9-46-31.9-88.1V36.6c0-5.8 2.4-8.7 5.8-10.3h-77c3.5 1.7 5.5 5.1 5.5 10.3v110.6c14.3-.2 28.3-.5 42.6-.5 13.4 0 12.4 9.1 12.4 18.9.2 5.2-1.7 8.5-5.1 10.3zM943.9 120.1c-9.7-4.1-19.6-7.5-29.3-11.6-24.9-10.3-30.4-15.7-30.4-43.1 0-24.4 7.9-34.7 22.1-39h-49.4c3.5 1.7 5.2 5.1 5.2 10.3v51.1c0 16.6.2 33.8-2.8 49.9-4 21.3-13.8 32.6-28.3 38.2h56.2c-2.9-1.4-4.9-3.8-4.9-8.3V160c0-9.1 1.6-13.2 11.5-13.2 4.8 0 9.4.5 14.3.9 8.8.9 17.5.9 26.3.9 17.7 0 15.9-1.4 15.9-18 0-6.2-.7-8-6.4-10.5z'/%3E%3Cpath class='st0' d='M629.5 165V36.6c0-5.6 2.2-8.7 5.7-10.3H578a35.7 35.7 0 0118.1 9.8c10.8 10.7 12.7 28.7 12.7 43.1 0 18-3.5 37.2-21.4 45.6-14.5 6.8-37.5 5-53.2 5V165c0 6.1-2.2 9.2-5.4 10.8H635c-3.6-1.6-5.5-5-5.5-10.8zM961.7 175.9H980v-12.6a34 34 0 01-18.3 12.6zM980 27.8v-1.4h-2.3c.9.4 1.6.8 2.3 1.4zM831.9 26.4h-70.2c3.6 1.7 5.7 5.1 5.7 10.3v65c0 11.2-.5 28.5 4.6 38.8 4.6 9.1 15.4 9.4 24.6 9.4 9.2 0 20 0 24.6-9.4 5.1-10.5 4.6-27.6 4.6-38.8v-65c.1-5.8 2.6-8.8 6.1-10.3zM980 105V53c-1.7 1.6-4.4 2.4-8.7 2.4-8.3 0-16.6-1.1-24.9-1.1l-16.8-.2c-8.5 0-9.9 2.7-9.9 10.7v2.7c0 6.6.2 8 6.4 10.7 6.2 2.7 12.7 5 19.1 7.5 7.8 3.2 15.7 6.2 23 10.3 5.4 2.8 9.2 5.7 11.8 9zM22.5 225v-32.5h19.3v4.9h-13v8.4h11.9v4.9H28.9v9.5h13.4v4.9H22.5zM75.5 222.8a13.8 13.8 0 01-9.7 3.2c-4.7 0-8.2-1.1-10.4-3.2-2.2-2.1-3.4-5.4-3.4-9.8v-20.5h6.3v20c0 1.8.2 3.3.6 4.4a6 6 0 001.6 2.6 7 7 0 002.4 1.3c.9.2 1.9.3 2.9.3s1.9-.1 2.7-.4c.8-.3 1.5-.8 2.1-1.5a7 7 0 001.4-2.7c.3-1.1.5-2.4.5-4v-20h6.3v20.6c.1 4.4-1 7.6-3.3 9.7zM106.3 225l-9.9-13.5H95V225h-6.3v-32.5h12.2c1.3 0 2.6.1 3.9.4 1.3.3 2.5.7 3.5 1.4 1.1.7 1.9 1.7 2.6 2.9.7 1.2 1 2.8 1 4.7 0 1.1-.1 2.2-.4 3.2a9 9 0 01-1.3 2.8 9 9 0 01-2.5 2.2c-1 .6-2.3 1-3.8 1.3L114 225h-7.7zm-.9-23.1c0-1.4-.3-2.5-1-3.3-.7-.8-1.8-1.2-3.3-1.2H95v9.3h6.1c1.5 0 2.6-.4 3.2-1.3.8-1 1.1-2.1 1.1-3.5zM150 208.9a28 28 0 01-.8 6.7c-.5 2.1-1.4 3.9-2.6 5.4a12 12 0 01-4.7 3.6c-1.9.9-4.3 1.3-7.1 1.3-2.9 0-5.4-.4-7.3-1.3-2-.9-3.6-2.1-4.7-3.6-1.2-1.5-2-3.3-2.5-5.4a28.8 28.8 0 010-13.5 12.7 12.7 0 017.4-9c2-.9 4.4-1.3 7.2-1.3s5.2.4 7.1 1.3c1.9.8 3.5 2 4.7 3.5a15 15 0 012.6 5.4c.4 2.1.7 4.4.7 6.9zm-6.6 0c0-4.3-.7-7.4-2.1-9.3-1.4-1.9-3.6-2.8-6.5-2.8-3 0-5.2 1-6.7 2.9-1.4 1.9-2.1 5-2.1 9.3 0 2.2.2 4.1.5 5.7a12 12 0 001.6 3.8c.7 1 1.6 1.7 2.7 2.1 1.1.4 2.4.7 3.9.7 3.1 0 5.3-1 6.7-3.1 1.4-2.2 2-5.2 2-9.3zM180.9 202.3c0 1.8-.3 3.4-.8 4.7a8 8 0 01-5.6 4.8c-1.3.4-2.8.5-4.5.5h-5.6V225h-6.3v-32.5h11.4c1.6 0 3.2.2 4.6.5 1.4.3 2.6.9 3.7 1.6 1 .8 1.8 1.8 2.4 3 .4 1.3.7 2.8.7 4.7zm-6.5 0a6 6 0 00-.5-2.6c-.3-.7-.7-1.1-1.2-1.5-.5-.3-1-.5-1.7-.6l-1.9-.1h-5v10.1h5.2c.7 0 1.3-.1 1.9-.3.6-.2 1.1-.4 1.6-.8s.8-.9 1.1-1.6c.4-.8.5-1.6.5-2.6zM188.3 225v-32.5h19.3v4.9h-13v8.4h11.9v4.9h-11.9v9.5H208v4.9h-19.7zM238.9 225l-2.9-8.7h-11.6l-3.1 8.7h-6.7l13.2-32.5h5.8l12.3 32.5h-7zm-8.5-25.5l-4.3 12h8.2l-3.9-12zM269.9 225l-11.5-25v25h-6v-32.5h9.4l11.5 25.1v-25.1h6.2V225h-9.6zM322.9 225l-9.9-13.5h-1.4V225h-6.3v-32.5h12.2c1.3 0 2.6.1 3.9.4 1.3.3 2.5.7 3.5 1.4 1.1.7 1.9 1.7 2.6 2.9.7 1.2 1 2.8 1 4.7 0 1.1-.1 2.2-.4 3.2a9 9 0 01-1.3 2.8 9 9 0 01-2.5 2.2c-1 .6-2.3 1-3.8 1.3l10.3 13.7h-7.9zm-.9-23.1c0-1.4-.3-2.5-1-3.3-.7-.8-1.8-1.2-3.3-1.2h-6.1v9.3h6.1c1.5 0 2.6-.4 3.2-1.3.7-1 1.1-2.1 1.1-3.5zM338.6 225v-32.5h19.3v4.9h-13v8.4h11.9v4.9h-11.9v9.5h13.4v4.9h-19.7zM375.3 197.4v8.6h12.4v4.8h-12.4V225H369v-32.5h19.3v4.9h-13zM396.7 225v-32.5H416v4.9h-13v8.4h12v4.9h-12v9.5h13.4v4.9h-19.7zM444.7 225l-9.9-13.5h-1.4V225H427v-32.5h12.2c1.3 0 2.6.1 3.9.4 1.3.3 2.5.7 3.5 1.4 1.1.7 1.9 1.7 2.6 2.9.7 1.2 1 2.8 1 4.7 0 1.1-.1 2.2-.4 3.2a9 9 0 01-1.3 2.8 9 9 0 01-2.5 2.2c-1 .6-2.3 1-3.8 1.3l10.3 13.7h-7.8zm-.9-23.1c0-1.4-.3-2.5-1-3.3-.7-.8-1.8-1.2-3.3-1.2h-6.1v9.3h6.1c1.5 0 2.6-.4 3.2-1.3.7-1 1.1-2.1 1.1-3.5zM460.4 225v-32.5h19.3v4.9h-13v8.4h11.9v4.9h-11.9v9.5h13.4v4.9h-19.7zM508.4 225l-11.6-25v25h-6v-32.5h9.4l11.5 25.1v-25.1h6.2V225h-9.5zM546.6 225.6a23.7 23.7 0 01-11.9-.8c-1.9-.8-3.4-2-4.6-3.5-1.2-1.5-2.1-3.3-2.6-5.4a30.6 30.6 0 010-13.5c.5-2.1 1.3-3.9 2.5-5.4 1.2-1.5 2.7-2.8 4.7-3.7 1.9-.9 4.4-1.4 7.2-1.4a25.8 25.8 0 018.6 1.4l-2 5.3c-1.1-.5-2.1-.9-3.2-1.2a9.7 9.7 0 00-3.4-.5c-1.6 0-3 .3-4 .8a7 7 0 00-2.7 2.4 10 10 0 00-1.5 3.8 26 26 0 00-.5 5.1c0 4 .6 7.1 1.9 9.2 1.2 2.1 3.4 3.2 6.5 3.2 1.4 0 2.6-.2 3.7-.6l3.6-1.4 2 5.3c-1.5.2-2.9.6-4.3.9zM558.5 225v-32.5h19.3v4.9h-13v8.4h11.9v4.9h-11.9v9.5h13.4v4.9h-19.7zM602.9 225v-32.5h6.3V225h-6.3zM638 225l-11.6-25v25h-6v-32.5h9.4l11.5 25.1v-25.1h6.2V225H638zM685.4 208.6c0 3-.3 5.5-.9 7.6a10.5 10.5 0 01-7.6 7.9c-1.9.6-4.3.9-6.9.9h-10.6v-32.5H670c2.6 0 4.9.3 6.9.9 2 .6 3.6 1.5 4.9 2.8 1.3 1.3 2.2 2.9 2.9 5 .4 2 .7 4.5.7 7.4zm-6.5.1c0-2.5-.2-4.6-.7-6.1a8.4 8.4 0 00-1.9-3.4 5.4 5.4 0 00-2.9-1.5c-1.1-.2-2.3-.3-3.5-.3h-4.3v22.8h4.7c1.2 0 2.4-.2 3.4-.5s2-.9 2.7-1.7c.8-.8 1.3-2 1.8-3.5s.7-3.4.7-5.8zM695.5 225v-32.5h19.3v4.9h-13v8.4h11.9v4.9h-11.9v9.5h13.4v4.9h-19.7zM744.7 225l-6.7-11.8-7.4 11.8h-6.8l10.9-16.8-9.6-15.7h7.3l6 10.2 6.4-10.2h6.8l-10 15.5 10.7 17.1h-7.6zM783.3 197.4v8.6h12.4v4.8h-12.4V225H777v-32.5h19.3v4.9h-13zM833.5 208.9a28 28 0 01-.8 6.7c-.5 2.1-1.4 3.9-2.6 5.4a12 12 0 01-4.7 3.6c-1.9.9-4.3 1.3-7.1 1.3-2.9 0-5.4-.4-7.3-1.3a12.3 12.3 0 01-7.2-9 28.8 28.8 0 010-13.5 12.7 12.7 0 017.4-9c2-.9 4.4-1.3 7.2-1.3s5.2.4 7.1 1.3c1.9.8 3.5 2 4.7 3.5a15 15 0 012.6 5.4c.4 2.1.7 4.4.7 6.9zm-6.6 0c0-4.3-.7-7.4-2.1-9.3-1.4-1.9-3.6-2.8-6.5-2.8-3 0-5.2 1-6.7 2.9-1.4 1.9-2.1 5-2.1 9.3 0 2.2.2 4.1.5 5.7a12 12 0 001.6 3.8c.7 1 1.6 1.7 2.7 2.1 1.1.4 2.4.7 3.9.7 3.1 0 5.3-1 6.7-3.1 1.4-2.2 2-5.2 2-9.3zM859.9 225l-9.9-13.5h-1.4V225h-6.3v-32.5h12.2c1.3 0 2.6.1 3.9.4 1.3.3 2.5.7 3.5 1.4 1.1.7 1.9 1.7 2.6 2.9.7 1.2 1 2.8 1 4.7 0 1.1-.1 2.2-.4 3.2a9 9 0 01-1.3 2.8 9 9 0 01-2.5 2.2c-1 .6-2.3 1-3.8 1.3l10.3 13.7h-7.9zm-.9-23.1c0-1.4-.3-2.5-1-3.3-.7-.8-1.8-1.2-3.3-1.2h-6.1v9.3h6.1c1.5 0 2.6-.4 3.2-1.3.7-1 1.1-2.1 1.1-3.5zM902.9 197.4V225h-6.3v-27.6h-9v-4.9h24.2v4.9h-8.9zM941.2 225v-14.3h-12.7V225h-6.3v-32.5h6.3v13.3h12.7v-13.3h6.3V225h-6.3zM959.5 225v-32.5h19.3v4.9h-13v8.4h11.9v4.9h-11.9v9.5h13.4v4.9h-19.7zM41.6 272.7v-14.3H28.9v14.3h-6.3v-32.5h6.3v13.3h12.7v-13.3h6.3v32.5h-6.3zM83.6 270.5a13.8 13.8 0 01-9.7 3.2c-4.7 0-8.2-1.1-10.4-3.2-2.2-2.1-3.4-5.4-3.4-9.8v-20.5h6.3v20c0 1.8.2 3.3.6 4.4a6 6 0 001.6 2.6 7 7 0 002.4 1.3c.9.2 1.9.3 2.9.3s1.9-.1 2.7-.4c.8-.3 1.5-.8 2.1-1.5a7 7 0 001.4-2.7c.3-1.1.5-2.4.5-4v-20H87v20.6c0 4.3-1.1 7.5-3.4 9.7zM130.1 272.7v-25.8l-9.2 25.8h-6.5l-9.2-25.8v25.8h-6v-32.5h10.4l8.2 24 8.5-24h10v32.5h-6.2zM169.6 272.7l-2.9-8.7h-11.6l-3.1 8.7h-6.7l13.2-32.5h5.8l12.3 32.5h-7zm-8.5-25.5l-4.3 12h8.2l-3.9-12zM203.2 272.7l-11.6-25.1v25.1h-6v-32.5h9.4l11.5 25.1v-25.1h6.2v32.5h-9.5zM224.3 272.7v-32.5h6.3v32.5h-6.3zM253.9 245.1v27.6h-6.3v-27.6h-9v-4.9h24.2v4.9h-8.9zM270.9 272.7v-32.5h6.3v32.5h-6.3zM288.9 272.7v-32.5h19.3v4.9h-13v8.4h11.9v4.9h-11.9v9.5h13.4v4.9h-19.7zM342.5 264.2c0 2-.4 3.6-1.2 4.8a8 8 0 01-3 2.8c-1.3.7-2.7 1.1-4.3 1.4a27 27 0 01-4.9.4l-2.3-.1-2.6-.4-2.6-.5-2.3-.6 2-5.3 3.8 1.4c1.3.4 2.7.7 4 .7l2.8-.2c.9-.1 1.6-.3 2.2-.7.6-.3 1.1-.8 1.4-1.4.3-.6.5-1.3.5-2.2 0-.9-.2-1.6-.7-2.2a9 9 0 00-4.4-2.8l-3-1.2-3.2-1.4c-1.1-.5-2-1.1-2.8-1.9a8.6 8.6 0 01-2.8-6.5c0-1.6.4-3 1.1-4.1a9.7 9.7 0 012.9-2.8 17.6 17.6 0 0110.5-2l2.4.3 2.5.4 2.2.6-2 5.3-3.2-1.2a13 13 0 00-7-.2c-.8.3-1.4.6-1.9 1a3 3 0 00-1 1.3 4 4 0 00-.3 1.4c0 .7.2 1.2.5 1.7s.8.9 1.4 1.2a69.4 69.4 0 004.6 1.9l3.6 1.4c1.2.5 2.3 1.2 3.3 2s1.8 1.8 2.4 3a7 7 0 011.4 4.7zM399.2 272.7l-2.9-8.7h-11.6l-3.1 8.7h-6.7l13.2-32.5h5.8l12.3 32.5h-7zm-8.5-25.5l-4.3 12h8.2l-3.9-12zM432.8 272.7l-11.6-25.1v25.1h-6v-32.5h9.4l11.5 25.1v-25.1h6.2v32.5h-9.5zM480.7 256.3c0 3-.3 5.5-.9 7.6a10.5 10.5 0 01-7.6 7.9c-1.9.6-4.3.9-6.9.9h-10.6v-32.5h10.6c2.6 0 4.9.3 6.9.9 2 .6 3.6 1.5 4.9 2.8 1.3 1.3 2.2 2.9 2.9 5 .3 1.9.7 4.4.7 7.4zm-6.6 0c0-2.5-.2-4.6-.7-6.1a8.4 8.4 0 00-1.9-3.4 5.4 5.4 0 00-2.9-1.5c-1.1-.2-2.3-.3-3.5-.3h-4.3v22.8h4.7c1.2 0 2.4-.2 3.4-.5 1.1-.3 2-.9 2.7-1.7.8-.8 1.3-2 1.8-3.5s.7-3.4.7-5.8zM538.6 264.2c0 2-.4 3.6-1.2 4.8a8 8 0 01-3 2.8c-1.3.7-2.7 1.1-4.3 1.4s-3.3.4-4.9.4l-2.3-.1-2.6-.4-2.6-.5-2.3-.6 2-5.3 3.8 1.4c1.3.4 2.7.7 4 .7l2.8-.2c.9-.1 1.6-.3 2.2-.7.6-.3 1.1-.8 1.4-1.4.3-.6.5-1.3.5-2.2 0-.9-.2-1.6-.7-2.2a9 9 0 00-4.4-2.8l-3-1.2-3.2-1.4c-1.1-.5-2-1.1-2.8-1.9a8.6 8.6 0 01-2.8-6.5c0-1.6.4-3 1.1-4.1a9.7 9.7 0 012.9-2.8 17.6 17.6 0 0110.5-2l2.4.3 2.5.4 2.2.6-2 5.3-3.2-1.2a13.3 13.3 0 00-7.1-.2c-.8.3-1.4.6-1.9 1a3 3 0 00-1 1.3 4 4 0 00-.3 1.4c0 .7.2 1.2.5 1.7s.8.9 1.4 1.2a69.4 69.4 0 004.6 1.9l3.6 1.4c1.2.5 2.3 1.2 3.3 2s1.8 1.8 2.4 3a6.7 6.7 0 011.5 4.7zM578.3 256.5a28 28 0 01-.8 6.7c-.5 2.1-1.4 3.9-2.6 5.4a12 12 0 01-4.7 3.6c-1.9.9-4.3 1.3-7.1 1.3-2.9 0-5.4-.4-7.3-1.3a12.3 12.3 0 01-7.2-9 28.8 28.8 0 010-13.5 12.7 12.7 0 017.4-9c2-.9 4.4-1.3 7.2-1.3s5.2.4 7.1 1.3c1.9.8 3.5 2 4.7 3.5a15 15 0 012.6 5.4c.5 2.1.7 4.4.7 6.9zm-6.5 0c0-4.3-.7-7.4-2.1-9.3-1.4-1.9-3.6-2.8-6.5-2.8-3 0-5.2 1-6.7 2.9-1.4 1.9-2.1 5-2.1 9.3 0 2.2.2 4.1.5 5.7a12 12 0 001.6 3.8c.7 1 1.6 1.7 2.7 2.1 1.1.4 2.4.7 3.9.7 3.1 0 5.3-1 6.7-3.1 1.3-2.2 2-5.2 2-9.3zM608.2 273.2a23.7 23.7 0 01-11.9-.8c-1.9-.8-3.4-2-4.6-3.5-1.2-1.5-2.1-3.3-2.6-5.4a30.6 30.6 0 010-13.5c.5-2.1 1.3-3.9 2.5-5.4 1.2-1.5 2.7-2.8 4.7-3.7 1.9-.9 4.4-1.4 7.2-1.4a25.8 25.8 0 018.6 1.4l-2 5.3c-1.1-.5-2.1-.9-3.2-1.2a9.7 9.7 0 00-3.4-.5c-1.6 0-3 .3-4 .8a7 7 0 00-2.7 2.4 10 10 0 00-1.5 3.8 26 26 0 00-.5 5.1c0 4 .6 7.1 1.9 9.2 1.2 2.1 3.4 3.2 6.5 3.2 1.4 0 2.6-.2 3.7-.6l3.6-1.4 2 5.3-4.3.9zM622.4 272.7v-32.5h6.3v32.5h-6.3zM662.7 272.7l-2.9-8.7h-11.6l-3.1 8.7h-6.7l13.2-32.5h5.8l12.3 32.5h-7zm-8.5-25.5l-4.3 12h8.3l-4-12zM679.9 272.7v-32.5h6.3v27.5h13.5v5h-19.8zM756.3 264.2c0 2-.4 3.6-1.2 4.8a8 8 0 01-3 2.8c-1.3.7-2.7 1.1-4.3 1.4s-3.3.4-4.9.4l-2.3-.1-2.6-.4-2.6-.5-2.3-.6 2-5.3 3.8 1.4c1.3.4 2.7.7 4 .7l2.8-.2c.9-.1 1.6-.3 2.2-.7.6-.3 1.1-.8 1.4-1.4.3-.6.5-1.3.5-2.2 0-.9-.2-1.6-.7-2.2a9 9 0 00-4.4-2.8l-3-1.2-3.2-1.4c-1.1-.5-2-1.1-2.8-1.9a8.6 8.6 0 01-2.8-6.5c0-1.6.4-3 1.1-4.1a9.7 9.7 0 012.9-2.8 17.6 17.6 0 0110.5-2l2.4.3 2.5.4 2.2.6-2 5.3-3.2-1.2a13.3 13.3 0 00-7.1-.2c-.8.3-1.4.6-1.9 1a3 3 0 00-1 1.3 4 4 0 00-.3 1.4c0 .7.2 1.2.5 1.7s.8.9 1.4 1.2a69.4 69.4 0 004.6 1.9l3.6 1.4c1.2.5 2.3 1.2 3.3 2s1.8 1.8 2.4 3a6.7 6.7 0 011.5 4.7zM786.2 273.2a23.7 23.7 0 01-11.9-.8c-1.9-.8-3.4-2-4.6-3.5-1.2-1.5-2.1-3.3-2.6-5.4a30.6 30.6 0 010-13.5c.5-2.1 1.3-3.9 2.5-5.4 1.2-1.5 2.7-2.8 4.7-3.7 1.9-.9 4.4-1.4 7.2-1.4a25.8 25.8 0 018.6 1.4l-2 5.3c-1.1-.5-2.1-.9-3.2-1.2a9.7 9.7 0 00-3.4-.5c-1.6 0-3 .3-4 .8a7 7 0 00-2.7 2.4 10 10 0 00-1.5 3.8 26 26 0 00-.5 5.1c0 4 .6 7.1 1.9 9.2 1.2 2.1 3.4 3.2 6.5 3.2 1.4 0 2.6-.2 3.7-.6l3.6-1.4 2 5.3-4.3.9zM800 272.7v-32.5h6.3v32.5H800zM818.8 272.7v-32.5h19.3v4.9h-13v8.4H837v4.9h-11.9v9.5h13.4v4.9h-19.7zM869.3 272.7l-11.6-25.1v25.1h-6v-32.5h9.4l11.5 25.1v-25.1h6.2v32.5h-9.5zM910 273.2a23.7 23.7 0 01-11.9-.8c-1.9-.8-3.4-2-4.6-3.5-1.2-1.5-2.1-3.3-2.6-5.4a30.6 30.6 0 010-13.5c.5-2.1 1.3-3.9 2.5-5.4 1.2-1.5 2.7-2.8 4.7-3.7 1.9-.9 4.4-1.4 7.2-1.4a25.8 25.8 0 018.6 1.4l-2 5.3c-1.1-.5-2.1-.9-3.2-1.2a9.7 9.7 0 00-3.4-.5c-1.6 0-3 .3-4 .8a7 7 0 00-2.7 2.4 10 10 0 00-1.5 3.8 26 26 0 00-.5 5.1c0 4 .6 7.1 1.9 9.2 1.2 2.1 3.4 3.2 6.5 3.2 1.4 0 2.6-.2 3.7-.6l3.6-1.4 2 5.3-4.3.9zM924.4 272.7v-32.5h19.3v4.9h-13v8.4h11.9v4.9h-11.9v9.5h13.4v4.9h-19.7zM979 264.2c0 2-.4 3.6-1.2 4.8a8 8 0 01-3 2.8c-1.3.7-2.7 1.1-4.3 1.4s-3.3.4-4.9.4l-2.3-.1-2.6-.4-2.6-.5-2.3-.6 2-5.3 3.8 1.4c1.3.4 2.7.7 4 .7l2.8-.2c.9-.1 1.6-.3 2.2-.7.6-.3 1.1-.8 1.4-1.4.3-.6.5-1.3.5-2.2 0-.9-.2-1.6-.7-2.2a9 9 0 00-4.4-2.8l-3-1.2-3.2-1.4c-1.1-.5-2-1.1-2.8-1.9a8.6 8.6 0 01-2.8-6.5c0-1.6.4-3 1.1-4.1a9.7 9.7 0 012.9-2.8 17.6 17.6 0 0110.5-2l2.4.3 2.5.4 2.2.6-2 5.3-3.2-1.2a13.3 13.3 0 00-7.1-.2c-.8.3-1.4.6-1.9 1a3 3 0 00-1 1.3 4 4 0 00-.3 1.4c0 .7.2 1.2.5 1.7s.8.9 1.4 1.2a69.4 69.4 0 004.6 1.9l3.6 1.4c1.2.5 2.3 1.2 3.3 2s1.8 1.8 2.4 3a7.2 7.2 0 011.5 4.7z'/%3E%3C/svg%3E");
}
footer .inner {
    width: 100%;
    margin: auto;
    max-width: var(--max-width);
    display: flex;
    background-color: var(--dark);
    background-image: var(--dark-pattern);
    align-items: flex-start;
}
#journalInfo {
    background-color: rgba(192, 192, 192, 0.2);
    padding: 25px 15px;
    color: white;
    border-bottom: 10px solid var(--accent);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 300px;
    align-self: stretch;
}
div#journalInfo::after { /* flex stretcher */
    content: "";
    flex: 1;
}
#journalInfo > p {
	display: inline;
	margin: 0;
}
#issn {
    margin-bottom: 25px;
    padding-right: 10px;
}
#scopus {
	text-decoration: none;
	color: white;
}
#scopus::before {content:var(--logo-scopus);
}

#scimagojr {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    padding: 10px 0;
    border-color: rgb(255, 255, 255, .25);
    border-width: 1px;
    border-style: solid none;
    box-shadow: 0 -1px 0 rgb(0, 0,0, .25) inset, 0 -1px 0 rgb(0, 0, 0, .25);
    margin-bottom: 28px;
    color: white;
    text-decoration: none;
}
#scimagojr span {
	font-size: 0;
	color: transparent;
	background-repeat: no-repeat;
	background-image: var(--scimagojr-image);
}
#scimagojr span:first-of-type {
    background-position: 0 -50px;
    background-color: #e6e6e6;
    height: 70px;
    filter: invert(1) brightness(3) hue-rotate(180deg);
    mix-blend-mode: screen;
	margin: 5px -15px 0 -15px;
	transition: all .3s;
}
#scimagojr:hover span:first-of-type {
	filter: invert(1) brightness(5) hue-rotate(180deg);;
}
#scimagojr span:last-of-type {
    height: 55px;
    width: 190px;
    background-position: right -1px bottom -25px;
    align-self: flex-end;
    mix-blend-mode: color-dodge;
    filter: invert(1);
    margin-right: -10px;
}
#scimagojr span:first-of-type::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 100 100' xml:space='preserve'%3E%3Cstyle%3Epath%7Bfill: %23fcc %7D%3C/style%3E%3Cpath d='M78.8 28.8l4-3a41.1 41.1 0 00-12.2-10.9l-2.5 4.3c4.2 2.5 7.8 5.7 10.7 9.6zM74.9 7.6l-2.5 4.3a44 44 0 0113.2 11.8l4-3c-4-5.2-9-9.7-14.7-13.1zM80.1 62.9l-4.6-2A27.7 27.7 0 0130 68.7a28 28 0 01-7.2-16.6l-.1-2.1a27.7 27.7 0 019.2-20.7l-3.3-3.7a33.2 33.2 0 00-10.8 26.8c.1 1.7.4 3.3.7 4.9a32.6 32.6 0 0061.6 5.6zM72.3 33.6c1.9 2.6 3.4 5.6 4.4 8.8l4.8-1.4a32.5 32.5 0 00-14.9-19.1L62.8 20l-1.9 4.6 3.2 1.6c3.2 1.9 6 4.4 8.2 7.4zM56.7 93.7l.7 4.9a49 49 0 0025.8-12.3l-3.4-3.7a43.6 43.6 0 01-23.1 11.1z'/%3E%3Cpath d='M74.2 76.4a35.6 35.6 0 01-18.8 9l.8 5c8.2-1.4 15.5-5 21.4-10.4l-3.4-3.6zM50.1 5.9c1.6 0 3.1.1 4.7.3l.5-5a49.9 49.9 0 00-26 4.3l2.1 4.5a45.2 45.2 0 0118.7-4.1zM54.4 9.6a40.9 40.9 0 00-21.5 3.6l2.1 4.5c4.6-2.2 9.7-3.4 15.1-3.4l3.8.2.5-4.9zM36.3 20.5l2.1 4.5A26.8 26.8 0 0153 22.6l.5-5-3.5-.2a32 32 0 00-13.7 3.1zM50.1 26a23.5 23.5 0 00-16 6.1 24.1 24.1 0 00-7.9 19.7l.5 3.6a24 24 0 0039.7 12.3c2.5-2.3 4.5-5.1 5.9-8.2l-4.6-2a19.1 19.1 0 01-24.2 10.3 20.4 20.4 0 01-7.3-4.9 20 20 0 01-5-11.4l-.1-1.4c0-3.8 1.1-7.3 3.1-10.3a18 18 0 017.9-6.9 19.9 19.9 0 0110-1.7 19.5 19.5 0 0113.3 7.6c1.3 1.8 2.4 3.8 3 6l4.8-1.4a25 25 0 00-11-14.1l-2.8-1.4a22 22 0 00-6.8-1.7c-.8-.2-1.6-.2-2.5-.2z'/%3E%3Cpath d='M43.3 42.4c.7-.7 1.6-1.2 2.5-1.6 1.3-.6 2.8-1 4.3-1l1.1.1 1.1.2 1.1-4.9-1.7-.3-1.6-.1c-2.3 0-4.5.5-6.5 1.5a18 18 0 00-3.7 2.4 15.6 15.6 0 00-5.1 12.5l.3 2.3A15.3 15.3 0 0050 65.3l2.3-.2a15.3 15.3 0 0013-15c0-1.5-.2-2.9-.6-4.2-.5-1.8-1.3-3.4-2.4-4.8L61 39.5 57.4 43l.9 1.1a10.1 10.1 0 012 6.1c0 1.4-.3 2.8-.8 4.1a10.5 10.5 0 01-7.9 6.1l-1.5.1c-1.3 0-2.5-.2-3.6-.7a10.2 10.2 0 01-6.6-8.8v-.8c0-2 .6-4 1.7-5.6.4-.9 1-1.6 1.7-2.2zM23.9 74.2A35.4 35.4 0 0115.3 58l-4.9 1.1a40 40 0 009.8 18.5c4.3 4.6 9.6 8.2 15.5 10.5l1.8-4.7a35 35 0 01-13.6-9.2zM14.5 52.7l-.1-2.7c0-7.1 2.1-13.8 5.7-19.3L16 28a40.6 40.6 0 00-6.4 25l4.9-.3zM2.3 61c2 8.5 6.1 16.2 11.8 22.3l3.7-3.4A43 43 0 017.2 59.8L2.3 61z'/%3E%3C/svg%3E"), linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.8));
    background-repeat: no-repeat;
    background-size: auto 60%, 100% 100%;
    background-position: right 5px center, center center;
}
#scimagojr small {
    align-self: flex-end;
    font-weight: normal;
    opacity: .75;
    letter-spacing: 1px;
}
#erihPlus {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .25) inset, 0 -1px 0 rgba(0, 0, 0, .25);
    display: block;
    padding-top: 35%;
    text-decoration: none;
    color: white;
}
#erihPlus::before {
    content: "";
    filter: invert(67%) sepia(10%) saturate(3123%) hue-rotate(185deg) brightness(220%) contrast(87%);
    background-image: var(--erihplus-logo);
    height: 100%;
    top: 5px;
    right: 0;
    left: 0;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
	pointer-events: none;
	transition: all .3s;
}
#erihPlus:hover::before {
	filter: none;
}
@media (max-width:570px) {
    footer .inner {flex-direction: column;}
    #journalInfo {flex-direction: row; max-width: unset;}
	#issn {padding-right: 20px;}
	#scimagojr {margin-top: -15px; border-top: none; box-shadow: 0 -1px 0 rgb(0, 0,0, .25) inset;}
	#scimagojr span:first-of-type {margin: 5px 0 0 0;}
}
#logos {
    margin: 0 auto;
    width: 100%;
    max-width: var(--max-width);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

  #logos h3 {
	min-width: 100%;
	padding-left: 15px;
	color: white;
	opacity: .5;
	font-size: 18px;
	margin: 15px 0 10px 0;
}
#logos a {
    flex: 1;
    padding: 100px 15px 0;
    text-align: center;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.5);
    line-height: 1;
    font-size: 14px;
    max-width: 150px;
    min-width: 140px;
    padding-bottom: 25px;
    transition: all .3s;
}
#logos a::before {
    position: absolute;
    content: "";
    top: 0;
    left: 15px;
    right: 15px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
	background-image: var(--banner-image);
	transition: all .3s;
}
#logos a:hover::before {
    filter: brightness(0.76) sepia(1) hue-rotate(-42deg) saturate(13);
}
#logos a:hover {
	color: white;
}

/* conditional row splitter before value */
#logos a:nth-of-type(1), #logos a:nth-of-type(1) ~ a {order: 1;}
#logos a:nth-of-type(3), #logos a:nth-of-type(3) ~ a {order: 3;}
#logos a:nth-of-type(6), #logos a:nth-of-type(6) ~ a {order: 5;}
#logos::before, #logos::after { 
    content: "";
    width: 100%;
    order: 0;
    height: 0;
}
@media (min-width:740px) /*AND (max-width:1160px)*/ {
	#logos::before{order:2;}
	#logos::after{order:4;}
}

#copyright {
	padding: 10px;
	text-align: center;
	color: white;
	font-weight: bold;
	opacity: .5;
}
#copyright > p {
	display: inline;
	margin: 0;
}
@media (max-width:900px) {
	main {display:flex;flex-direction: column;padding: 20px 15px;}
    #subheader {width:100%;}
    #guideSwitch {order:2;width:100%;}
    #guide {order:3;width:100%;}
	#content {order:4;width:100%;}
}

/********************** SCOPUS WIDGET ************************/
#scopusScore {
    font-size: 18px;
    display: block;
    color: white;
    text-decoration: none;
    width: calc(100% - 10px);
    margin: 0 auto;
    --active-bar: #028bb7;
    --passive-bar: silver;
}
#scopusScore:hover {
    --active-bar: #75c2fb;
    --passive-bar: #727575;
}
#scopusScore * {display: block;}
#scopusScore .aboveLine {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    text-align: right;
}
#scopusScore .score {
    font-size: 180%;
	line-height: 75%;
	transition: all .3s;
}

#scopusScore .yearLabel {
    font-size: 80%;
    line-height: 100%;
}
#scopusScore .line {
    height: 4px;
    background-color: var(--passive-bar);
    margin: 5px 0 2px;
    background-image: linear-gradient(var(--active-bar),var(--active-bar));
    background-repeat: no-repeat;
    background-size: calc(var(--scopus-percentile) * 1%),100%;
    transition: all .3s;
}
#scopusScore .belowLine {
	font-size: 65%;
	transition: all .3s;
}
#scopusScore:hover .score, #scopusScore:hover .belowLine  {color: var(--active-bar);}
#scopusScore .poweredBy {
    text-align: right;
    padding-right: 55px;
    height: 15px;
    background-image: url("https://www.scopus.com/static/images/scopusLogoOrange.svg");
    background-repeat: no-repeat;
    background-position: right bottom -1px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

/********************** TIPPY *******************************/
.tippy-popper .tippy-tooltip {
	/*width: calc(100vw - 25px);*/
	max-width: 600px !important;
	box-shadow: 0 4px 5px -2px rgba(0, 8, 16, 0.125),0 4px 15px -2px rgba(0, 8, 16, 0.05),0 0 50vw 50vw rgba(72, 84, 98, 0.15);
}
.tippy-popper .tippy-tooltip .tippy-content {
	padding: 15px 20px 25px 30px;
	font-size: 15px;
	background-image: linear-gradient(rgb(99, 108, 124) 40px,rgb(120, 128, 142) 100px);
	background-size: 12px 100%;
	background-repeat: no-repeat;
	max-width: calc(100vw - 30px);
}
[message-head] {
	padding: 0 10px 5px 42px;
	margin: -5px -10px 6px;
	z-index: 0;
	text-transform: uppercase;
	font-size: 10px;
	text-align: left;
	border-bottom: 2px solid;
	background-image: linear-gradient(white,rgba(255, 255, 255, 0.7)), radial-gradient(ellipse at bottom,currentColor,white 55%);
	background-size: 100%;
	background-position: center bottom;
}
[message-head]::before,[message-head]::after {
	position: absolute;
	top: -10px;
	left: 5px;
	bottom: -5px;
	width: 30px;
}
[message-head]::before {
	content: "";
	background-color: currentColor;
	border-radius: 2px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	background-image: linear-gradient(-145deg, rgba(255, 255, 255, 0.25),transparent);
}
[message-head]::after {
	position: absolute;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Material Icons';
	font-weight: normal;
	text-transform: none;
	font-size: 24px;
}
[message-head="success"] {
	color: var(--success-color);	
}
[message-head="success"]:after {
	content:'assignment_turned_in';	
}
[message-head="fail"] {
	color: var(--fail-color);	
}
[message-head="fail"]:after {
	content: 'assignment_late';	
}
[message-head="working"] {
	color: var(--primary-color);	
}
[message-head="working"]:after {
	content: 'timelapse';	
}
[message-head="info"] {
	color: var(--primary-color);	
}
[message-head="info"]:after {
	content: 'info';	
}
[message-subhead] {
	font-weight: bold;
	display: inline-block;
	background-color: var(--accent);
	color: white;
	padding: 2px 15px;
	margin: 15px 0 5px -35px;
	border-radius: 3px;
}
:first-child > [message-subhead] {
	margin-top: -15px;
}

/************************ 404 ***************************/
[page-slug="404"] #content h1, [page-slug="404"] #content h2 {
    width: calc(100% - calc(var(--h-margin) * 2));
    --h-margin: 50px;
    margin: 0 var(--h-margin);
}
[page-slug="404"] #content h1 {
    background-image: linear-gradient(90deg,transparent,var(--accent),var(--accent),transparent),radial-gradient(ellipse at center bottom,#70819a61, transparent 70%),radial-gradient(ellipse at left bottom,rgba(255,255,255,.8) 25%, transparent 50%), var(--image-404);
    display: inline-flex;
	padding-top: 33%;
	border-top:30px solid transparent;
    background-size: 100% 1px,100% 50px, 100% 150%,contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    font-size: 120px;
    align-items: flex-end;
    justify-content: flex-start;
    line-height: 50%;
    color: var(
    --accent);
    letter-spacing: -8px;
    text-shadow: var(--white-stroke), 0 0 8px var(--blank), 0 0 12px var(--blank), 0 0 20px var(--blank);
}
[page-slug="404"] #content h2 {
    color: var(--dark);
    text-transform: uppercase;
    padding-top: 10px;
}
@media (max-width:560px) {
	[page-slug="404"] #content h1, [page-slug="404"] #content h2 {--h-margin: 10px;}
	[page-slug="404"] #content h1 {font-size: 80px;}
	[page-slug="404"] #content h2 {font-size: 18px;}}