/*
   Lubomir Pokorny (lubomirpokorny@email.cz)
   CSS styles for ChovZvirat.cz
*/

:root {
   --color-1-rgb:23,40,84;
   --color-2-rgb:188,44,26;
   --color-2-hover-rgb:121,0,0;
   --text-color-1-rgb:0,0,0;
   --text-color-2-rgb:138,142,123;
   --text-color-3-rgb:206,207,199;
   --text-color-4-rgb:92,109,153;
   --text-color-5-rgb:255,255,255;
   --text-color-6-rgb:255,255,255;
   --navbar-color-rgb:140,145,170;
   --background-color-1-rgb:255,255,255;
   --background-color-2-rgb:239,240,247;
   --background-color-3-rgb:247,249,247;
   --background-color-4-rgb:221,223,236;
   --background-color-5-rgb:243,243,242;
   --background-color-6-rgb:95,91,107;
   --background-color-7-rgb:255,255,255;
   --background-toppanel-rgb:23,40,84;
   --background-footer-rgb:23,40,84;
   --border-color-rgb:212,214,231;
   --shadow-color-rgb:230,231,241;
   --shadow-color-2-rgb:239,240,247;
   --alert-color-rgb:219,59,33;
   --warning-color-rgb:252,148,3;
   --success-color-rgb:26,170,85;
   --info-color-rgb:31,120,209;
   --gold-color-rgb:254,197,3;
   --silver-color-rgb:172,172,172;
   --bronze-color-rgb:176,124,37;
   --top-color-rgb:244,157,55;
   --highlight-color-rgb:188,44,26;

   --color-1: rgb(var(--color-1-rgb));
   --color-2: rgb(var(--color-2-rgb));
   --color-2-hover: rgb(var(--color-2-hover-rgb));
   --text-color-1: rgb(var(--text-color-1-rgb));
   --text-color-2: rgb(var(--text-color-2-rgb));
   --text-color-3: rgb(var(--text-color-3-rgb));
   --text-color-4: rgb(var(--text-color-4-rgb));
   --text-color-5: rgb(var(--text-color-5-rgb));
   --text-color-6: rgb(var(--text-color-6-rgb));
   --navbar-color: rgb(var(--navbar-color-rgb));
   --message-color: rgb(var(--color-1-rgb));
   --background-color-1: rgb(var(--background-color-1-rgb));
   --background-color-2: rgb(var(--background-color-2-rgb));
   --background-color-3: rgb(var(--background-color-3-rgb));
   --background-color-4: rgb(var(--background-color-4-rgb));
   --background-color-5: rgb(var(--background-color-5-rgb));
   --background-color-6: rgb(var(--background-color-6-rgb));
   --background-color-7: rgb(var(--background-color-7-rgb));
   --background-toppanel: rgb(var(--background-toppanel-rgb));
   --background-footer: rgb(var(--background-footer-rgb));
   --border-color: rgb(var(--border-color-rgb));
   --shadow-color: rgb(var(--shadow-color-rgb));
   --shadow-color-2: rgb(var(--shadow-color-2-rgb));
   --alert-color: rgb(var(--alert-color-rgb));
   --warning-color: rgb(var(--warning-color-rgb));
   --success-color: rgb(var(--success-color-rgb));
   --info-color: rgb(var(--info-color-rgb));
   --gold-color: rgb(var(--gold-color-rgb));
   --silver-color: rgb(var(--silver-color-rgb));
   --bronze-color: rgb(var(--bronze-color-rgb));
   --top-color: rgb(var(--top-color-rgb));
   --highlight-color: rgb(var(--highlight-color-rgb));
   
   --icon-opacity: 1;
   --small-shadow: 1px 1px 4px rgba(0,0,0, 0.08);
   --border-radius: 4px;
   --border-radius-top: 4px 4px 0 0;
   --border-radius-left: 4px 0 0 4px;
   --border-radius-right: 0 4px 4px 0;
   --inner-radius: 4px;
}

[data-theme="neutral"] {
   --color-1-rgb:0,0,0;
   --color-2-rgb:23,40,84;
   --color-2-hover-rgb:121,0,0;
   --text-color-1-rgb:0,0,0;
   --text-color-2-rgb:138,142,123;
   --text-color-3-rgb:206,207,199;
   --text-color-4-rgb:92,109,153;
   --text-color-5-rgb:255,255,255;
   --text-color-6-rgb:255,255,255;
   --navbar-color-rgb:140,145,170;
   --background-color-1-rgb:255,255,255;
   --background-color-2-rgb:239,240,247;
   --background-color-3-rgb:247,249,247;
   --background-color-4-rgb:221,223,236;
   --background-color-5-rgb:243,243,242;
   --background-color-6-rgb:95,91,107;
   --background-color-7-rgb:255,255,255;
   --background-toppanel-rgb:23,40,84;
   --background-footer-rgb:23,40,84;
   --border-color-rgb:212,214,231;
   --shadow-color-rgb:230,231,241;
   --shadow-color-2-rgb:239,240,247;
   --alert-color-rgb:219,59,33;
   --warning-color-rgb:252,148,3;
   --success-color-rgb:26,170,85;
   --info-color-rgb:31,120,209;
   --gold-color-rgb:254,197,3;
   --silver-color-rgb:172,172,172;
   --bronze-color-rgb:176,124,37;
   --top-color-rgb:244,157,55;
   --highlight-color-rgb:188,44,26;

   --color-1: rgb(var(--color-1-rgb));
   --color-2: rgb(var(--color-2-rgb));
   --color-2-hover: rgb(var(--color-2-hover-rgb));
   --text-color-1: rgb(var(--text-color-1-rgb));
   --text-color-2: rgb(var(--text-color-2-rgb));
   --text-color-3: rgb(var(--text-color-3-rgb));
   --text-color-4: rgb(var(--text-color-4-rgb));
   --text-color-5: rgb(var(--text-color-5-rgb));
   --text-color-6: rgb(var(--text-color-6-rgb));
   --navbar-color: rgb(var(--navbar-color-rgb));
   --message-color: rgb(var(--color-1-rgb));
   --background-color-1: rgb(var(--background-color-1-rgb));
   --background-color-2: rgb(var(--background-color-2-rgb));
   --background-color-3: rgb(var(--background-color-3-rgb));
   --background-color-4: rgb(var(--background-color-4-rgb));
   --background-color-5: rgb(var(--background-color-5-rgb));
   --background-color-6: rgb(var(--background-color-6-rgb));
   --background-color-7: rgb(var(--background-color-7-rgb));
   --background-toppanel: rgb(var(--background-toppanel-rgb));
   --background-footer: rgb(var(--background-footer-rgb));
   --border-color: rgb(var(--border-color-rgb));
   --shadow-color: rgb(var(--shadow-color-rgb));
   --shadow-color-2: rgb(var(--shadow-color-2-rgb));
   --alert-color: rgb(var(--alert-color-rgb));
   --warning-color: rgb(var(--warning-color-rgb));
   --success-color: rgb(var(--success-color-rgb));
   --info-color: rgb(var(--info-color-rgb));
   --gold-color: rgb(var(--gold-color-rgb));
   --silver-color: rgb(var(--silver-color-rgb));
   --bronze-color: rgb(var(--bronze-color-rgb));
   --top-color: rgb(var(--top-color-rgb));
   --highlight-color: rgb(var(--highlight-color-rgb));
   
   --icon-opacity: 1;
   --small-shadow: 1px 1px 4px rgba(0,0,0, 0.08);
}

[data-theme="natural"] {
   --color-1-rgb:81,56,34;
   --color-2-rgb:123,179,45;
   --color-2-hover-rgb:102,130,12;
   --text-color-1-rgb:0,0,0;
   --text-color-2-rgb:138,142,123;
   --text-color-3-rgb:206,207,199;
   --text-color-4-rgb:153,142,133;
   --text-color-5-rgb:255,255,255;
   --text-color-6-rgb:255,255,255;
   --navbar-color-rgb:140,130,130;
   --background-color-1-rgb:255,255,255;
   --background-color-2-rgb:240,236,232;
   --background-color-3-rgb:247,249,247;
   --background-color-4-rgb:223,212,203;
   --background-color-5-rgb:243,243,242;
   --background-color-6-rgb:95,91,107;
   --background-color-7-rgb:255,255,255;
   --background-toppanel-rgb:81,56,34;
   --background-footer-rgb:81,56,34;
   --border-color-rgb:231,223,216;
   --shadow-color-rgb:240,236,232;
   --shadow-color-2-rgb:240,236,232;
   --alert-color-rgb:219,59,33;
   --warning-color-rgb:252,148,3;
   --success-color-rgb:26,170,85;
   --info-color-rgb:31,120,209;
   --gold-color-rgb:254,197,3;
   --silver-color-rgb:172,172,172;
   --bronze-color-rgb:176,124,37;
   --top-color-rgb:244,157,55;
   --highlight-color-rgb:255,120,60;

   --color-1: rgb(var(--color-1-rgb));
   --color-2: rgb(var(--color-2-rgb));
   --color-2-hover: rgb(var(--color-2-hover-rgb));
   --text-color-1: rgb(var(--text-color-1-rgb));
   --text-color-2: rgb(var(--text-color-2-rgb));
   --text-color-3: rgb(var(--text-color-3-rgb));
   --text-color-4: rgb(var(--text-color-4-rgb));
   --text-color-5: rgb(var(--text-color-5-rgb));
   --text-color-6: rgb(var(--text-color-6-rgb));
   --navbar-color: rgb(var(--navbar-color-rgb));
   --message-color: rgb(var(--color-1-rgb));
   --background-color-1: rgb(var(--background-color-1-rgb));
   --background-color-2: rgb(var(--background-color-2-rgb));
   --background-color-3: rgb(var(--background-color-3-rgb));
   --background-color-4: rgb(var(--background-color-4-rgb));
   --background-color-5: rgb(var(--background-color-5-rgb));
   --background-color-6: rgb(var(--background-color-6-rgb));
   --background-color-7: rgb(var(--background-color-7-rgb));
   --background-toppanel: rgb(var(--background-toppanel-rgb));
   --background-footer: rgb(var(--background-footer-rgb));
   --border-color: rgb(var(--border-color-rgb));
   --shadow-color: rgb(var(--shadow-color-rgb));
   --shadow-color-2: rgb(var(--shadow-color-2-rgb));
   --alert-color: rgb(var(--alert-color-rgb));
   --warning-color: rgb(var(--warning-color-rgb));
   --success-color: rgb(var(--success-color-rgb));
   --info-color: rgb(var(--info-color-rgb));
   --gold-color: rgb(var(--gold-color-rgb));
   --silver-color: rgb(var(--silver-color-rgb));
   --bronze-color: rgb(var(--bronze-color-rgb));
   --top-color: rgb(var(--top-color-rgb));
   --highlight-color: rgb(var(--highlight-color-rgb));

   --icon-opacity: 1;
   --small-shadow: 1px 1px 4px rgba(0,0,0, 0.08);
}

[data-theme="green"] {
   --color-1-rgb:25,70,50;
   --color-2-rgb:128,96,51;
   --color-2-hover-rgb:94,71,38;
   --text-color-1-rgb:0,0,0;
   --text-color-2-rgb:138,142,123;
   --text-color-3-rgb:212,217,214;
   --text-color-4-rgb:120,150,130;
   --text-color-5-rgb:255,255,255;
   --text-color-6-rgb:255,255,255;
   --navbar-color-rgb:140,145,170;
   --background-color-1-rgb:255,255,255;
   --background-color-2-rgb:239,240,247;
   --background-color-3-rgb:247,249,247;
   --background-color-4-rgb:221,223,236;
   --background-color-5-rgb:243,243,242;
   --background-color-6-rgb:95,91,107;
   --background-color-7-rgb:255,255,255;
   --background-toppanel-rgb:25,70,50;
   --background-footer-rgb:25,70,50;
   --border-color-rgb:212,214,231;
   --shadow-color-rgb:230,231,241;
   --shadow-color-2-rgb:239,240,247;
   --alert-color-rgb:219,59,33;
   --warning-color-rgb:252,148,3;
   --success-color-rgb:26,170,85;
   --info-color-rgb:31,120,209;
   --gold-color-rgb:254,197,3;
   --silver-color-rgb:172,172,172;
   --bronze-color-rgb:176,124,37;
   --top-color-rgb:244,157,55;
   --highlight-color-rgb:164,10,24;

   --color-1: rgb(var(--color-1-rgb));
   --color-2: rgb(var(--color-2-rgb));
   --color-2-hover: rgb(var(--color-2-hover-rgb));
   --text-color-1: rgb(var(--text-color-1-rgb));
   --text-color-2: rgb(var(--text-color-2-rgb));
   --text-color-3: rgb(var(--text-color-3-rgb));
   --text-color-4: rgb(var(--text-color-4-rgb));
   --text-color-5: rgb(var(--text-color-5-rgb));
   --text-color-6: rgb(var(--text-color-6-rgb));
   --navbar-color: rgb(var(--navbar-color-rgb));
   --message-color: rgb(var(--color-1-rgb));
   --background-color-1: rgb(var(--background-color-1-rgb));
   --background-color-2: rgb(var(--background-color-2-rgb));
   --background-color-3: rgb(var(--background-color-3-rgb));
   --background-color-4: rgb(var(--background-color-4-rgb));
   --background-color-5: rgb(var(--background-color-5-rgb));
   --background-color-6: rgb(var(--background-color-6-rgb));
   --background-color-7: rgb(var(--background-color-7-rgb));
   --background-toppanel: rgb(var(--background-toppanel-rgb));
   --background-footer: rgb(var(--background-footer-rgb));
   --border-color: rgb(var(--border-color-rgb));
   --shadow-color: rgb(var(--shadow-color-rgb));
   --shadow-color-2: rgb(var(--shadow-color-2-rgb));
   --alert-color: rgb(var(--alert-color-rgb));
   --warning-color: rgb(var(--warning-color-rgb));
   --success-color: rgb(var(--success-color-rgb));
   --info-color: rgb(var(--info-color-rgb));
   --gold-color: rgb(var(--gold-color-rgb));
   --silver-color: rgb(var(--silver-color-rgb));
   --bronze-color: rgb(var(--bronze-color-rgb));
   --top-color: rgb(var(--top-color-rgb));
   --highlight-color: rgb(var(--highlight-color-rgb));
   
   --icon-opacity: 1;
   --small-shadow: 1px 1px 4px rgba(0,0,0, 0.08);
}

[data-theme="dark"] {
   --color-1-rgb:200,200,200;
   --color-2-rgb:226,114,91;
   --color-2-hover-rgb:121,0,0;
   --text-color-1-rgb:220,220,220;
   --text-color-2-rgb:140,140,140;
   --text-color-3-rgb:220,220,220;
   --text-color-4-rgb:120,120,120;
   --text-color-5-rgb:120,120,120;
   --text-color-6-rgb:255,255,255;
   --navbar-color-rgb:150,150,150;
   --background-color-1-rgb:20,18,18;
   --background-color-2-rgb:33,33,33;
   --background-color-3-rgb:0,0,0;
   --background-color-4-rgb:0,0,0;
   --background-color-5-rgb:0,0,0;
   --background-color-6-rgb:40,40,40;
   --background-color-7-rgb:0,0,0;
   --background-toppanel-rgb:30,30,30;
   --background-footer-rgb:0,0,0;
   --border-color-rgb:40,40,40;
   --shadow-color-rgb:33,33,33;
   --shadow-color-2-rgb:20,18,18;
   --alert-color-rgb:219,59,33;
   --warning-color-rgb:252,148,3;
   --success-color-rgb:26,170,85;
   --info-color-rgb:31,120,209;
   --gold-color-rgb:254,197,3;
   --silver-color-rgb:172,172,172;
   --bronze-color-rgb:176,124,37;
   --highlight-color-rgb:200,190,80;

   --color-1: rgb(var(--color-1-rgb));
   --color-2: rgb(var(--color-2-rgb));
   --color-2-hover: rgb(var(--color-2-hover-rgb));
   --text-color-1: rgb(var(--text-color-1-rgb));
   --text-color-2: rgb(var(--text-color-2-rgb));
   --text-color-3: rgb(var(--text-color-3-rgb));
   --text-color-4: rgb(var(--text-color-4-rgb));
   --text-color-5: rgb(var(--text-color-5-rgb));
   --text-color-6: rgb(var(--text-color-6-rgb));
   --navbar-color: rgb(var(--navbar-color-rgb));
   --message-color: rgb(var(--color-2-rgb));
   --background-color-1: rgb(var(--background-color-1-rgb));
   --background-color-2: rgb(var(--background-color-2-rgb));
   --background-color-3: rgb(var(--background-color-3-rgb));
   --background-color-4: rgb(var(--background-color-4-rgb));
   --background-color-5: rgb(var(--background-color-5-rgb));
   --background-color-6: rgb(var(--background-color-6-rgb));
   --background-color-7: rgb(var(--background-color-7-rgb));
   --background-toppanel: rgb(var(--background-toppanel-rgb));
   --background-footer: rgb(var(--background-footer-rgb));
   --border-color: rgb(var(--border-color-rgb));
   --shadow-color: rgb(var(--shadow-color-rgb));
   --shadow-color-2: rgb(var(--shadow-color-2-rgb));
   --alert-color: rgb(var(--alert-color-rgb));
   --warning-color: rgb(var(--warning-color-rgb));
   --success-color: rgb(var(--success-color-rgb));
   --info-color: rgb(var(--info-color-rgb));
   --gold-color: rgb(var(--gold-color-rgb));
   --silver-color: rgb(var(--silver-color-rgb));
   --bronze-color: rgb(var(--bronze-color-rgb));
   --top-color: rgb(var(--top-color-rgb));
   --highlight-color: rgb(var(--highlight-color-rgb));
   
   --icon-opacity: 0.2;
   --small-shadow: 1px 1px 4px rgba(0,0,0, 0.08);
}

/* General styles */
html {font-size:16px;}
body {font-family:'Source Sans Pro',sans-serif;font-weight:400;color:var(--text-color-1);text-align:center;background:var(--color-1);}
strong, b, .bold {font-weight:700;}
u {text-decoration:underline;}
em, i {font-style:italic;}
sup {vertical-align:super;font-size:0.8125em;}
sub {vertical-align:sub;font-size:0.8215em;}
th,td {vertical-align:top;}
code {display:block;margin:20px 0;padding:10px 15px;color:var(--text-color-4);font-family:monospace;overflow:hidden;background:var(--background-color-4);border:1px dashed var(--text-color-4);border-radius:4px;}
select[multiple="multiple"] {overflow-y:scroll;}
option {padding:1px 5px;}
option:hover,option:focus,option:active,option:checked{color:var(--background-color-1);background:var(--color-1);}
input::placeholder {color:var(--text-color-1)!important;opacity:1!important;}

@media only screen and (max-width: 1350px) {
   html {font-size:15.125px;}
}

@media only screen and (max-width: 1020px) {
   html {font-size:14.5px;}
}

@media only screen and (max-width: 550px) {
   html {font-size:14px;}
}

#toppanel {padding:8px 15px;color:var(--text-color-3);background:var(--background-toppanel);}
#toppanel .container {max-width:1730px;margin:0 auto;text-align:left;}
#toppanel span {margin:8px;}

#header {padding:0 15px;background:var(--background-color-7);border-bottom:1px solid rgba(var(--text-color-2-rgb),0.2);}
#header .container {max-width:1730px;height:95px;margin:0 auto;text-align:left;display:flex;justify-content:left;align-items:center;gap:40px}

#logotype {position:relative;width:10%;min-width:145px;margin-left:0;scale:1;transition:300ms;}
#logotype svg {width:100%;height:57px;}
#logotype:hover {scale:1.04;}

#christmastree {position:absolute;top:0;right:0;height:30px;}
#pf {position:absolute;top:10px;right:-2px;height:18px;}

#mainmenu {width:calc(90% - 350px);}
#mainmenu > ul {max-width:850px;display:flex;justify-content:space-between;align-items:baseline;}
#mainmenu > ul > li > a {display:flex;justify-content:center;align-items:center;gap:7px;position:relative;padding:35px 10px;font-size:1.125rem;color:var(--color-1);text-decoration:none;font-weight:700;white-space:nowrap;}
#mainmenu svg {width:25px;height:25px;fill:var(--text-color-3);}
#mainmenu i {border:solid var(--color-2);border-width:0 3px 3px 0;border-radius:2px;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#mainmenu > ul li:hover svg, #mainmenu ul li.selected svg {fill:var(--color-2);}
#mainmenu > ul li:hover i {position:relative;top:4px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
#mainmenu > ul li:hover .submenu {visibility:visible;top:130px;}
#mainmenu .submenu {visibility:hidden;position:absolute;top:120px;left:0;z-index:20;display:flex;width:1280px;margin-left:calc(50% - 640px);background:linear-gradient(var(--background-color-3),var(--background-color-1) 25px);border-radius:0 0 4px 4px;box-shadow:5px 5px 5px 0 rgba(var(--color-1-rgb),0.05), -5px 5px 5px 0 rgba(var(--color-1-rgb),0.05);transition:top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}
#mainmenu .submenu .biglist {display:flex;width:60%;gap:20px;margin:0 20px;align-items:center;}
#mainmenu .submenu .biglist.full {width:100%;}
#mainmenu .submenu .biglist a {display:flex;gap:15px;padding:30px;color:var(--text-color-2);}
#mainmenu .submenu .biglist a .title {display:block;font-size:1.25rem;font-weight:700;color:var(--color-1);}
#mainmenu .submenu .biglist a .title svg {position:relative;top:2px;width:18px;height:18px;margin-left:5px;fill:var(--color-1);}
#mainmenu .submenu .biglist em {display:flex;width:45px;min-width:45px;height:45px;text-align:center;align-items:center;border-radius:50%;background:var(--color-1);}
#mainmenu .submenu .biglist em svg {width:22px;height:22px;margin:0 auto;fill:var(--background-color-1);}
#mainmenu .submenu .biglist a:hover em {background:var(--background-color-2);}
#mainmenu .submenu .biglist a:hover svg {fill:var(--color-2);}
#mainmenu .submenu .biglist a:hover .title {color:var(--color-2);}
#mainmenu .submenu .list {width:40%;margin:40px 0;padding:0 0 0 40px;color:var(--color-1);border-left:1px solid var(--shadow-color);}
#mainmenu .submenu .list .title {font-size:1.25rem;}
#mainmenu .submenu .list ul {padding:15px 0 0 10px;column-count:2;}
#mainmenu .submenu .list ul li::marker {content:"•";color:var(--color-1);}
#mainmenu .submenu .list a {display:block;padding:3px 7px;color:var(--color-1);font-weight:700;}
#mainmenu .submenu .list a:hover {color:var(--color-2);text-decoration:underline;}

#accountbox {position:relative;z-index:10;margin-left:auto;display:flex;align-items:center;gap:15px;}
#accountbox .notifications {width:110px;text-align:right;}
#accountbox .notifications a {position:relative;top:3px;margin-right:16px;}
#accountbox .notifications svg {width:23px;height:23px;fill:var(--color-1);}
#accountbox .notifications svg:hover {fill:var(--color-2);}
#accountbox .notifications span {position:absolute;top:-12px;left:15px;display:block;min-width:20px;height:20px;line-height:19px;font-size:0.8125rem;text-align:center;color:var(--background-color-1);background:var(--color-1);border-radius:50%;}
#accountbox .notifications .active {background:var(--color-2);}
#accountbox .user {display:flex;align-items:center;gap:10px;cursor:pointer;}
#accountbox .avatar,#accountbox .avatar svg,#accountbox .avatar img {width:55px;min-width:55px;height:55px;}
#accountbox .avatar {border-radius:50%;background:var(--background-color-2);}
#accountbox .avatar svg {fill:var(--color-1);opacity:0.3;border-radius:50%;}
#accountbox .avatar img {border-radius:50%;}
#accountbox .caption {color:var(--color-1);font-weight:700;white-space:nowrap;}
#accountbox .caption i {position:relative;top:-2px;margin-left:8px;border:solid var(--color-2);border-width:0 3px 3px 0;border-radius:2px;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#accountbox .user.is-active .caption i {top:2px;transform:rotate(-135deg);-webkit-transform:rotate(-135deg);}
#accountbox dialog {display:block;visibility:hidden;transition:250ms;position:absolute;top:65px;right:-5px;padding:20px 20px 30px 20px;white-space:nowrap;background:var(--background-color-1);border-radius:0 0 4px 4px;box-shadow:5px 5px 5px 0 rgba(var(--color-1-rgb),0.05), -5px 5px 5px 0 rgba(var(--color-1-rgb),0.05);transition:top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}
#accountbox dialog.active {visibility:visible;top:75px;}
#accountbox dialog figure {display:flex;width:100%;padding:15px 50px 15px 20px;gap:7px;align-items:center;color:var(--text-color-2);font-size:0.9375rem;background:var(--background-color-2);border-radius:8px;}
#accountbox dialog figure span {font-weight:bold;}
#accountbox dialog figure small {display:block;padding-bottom:10px;font-size:0.8125rem;}
#accountbox dialog .avatar {margin-right:5px;background:var(--background-color-1);}
#accountbox dialog .avatar,#accountbox dialog .avatar svg,#accountbox dialog .avatar img {width:35px;min-width:35px;height:35px;}
#accountbox dialog a {font-weight:700;color:var(--color-2);}
#accountbox dialog a:hover {text-decoration:underline;}
#accountbox dialog .spacer {margin:0 10px;}
#accountbox dialog nav {margin:20px 10px;}
#accountbox dialog ul {margin:15px 0;}
#accountbox dialog li {padding:5px 0;}
#accountbox dialog ul a {font-weight:700;color:var(--color-1);}
#accountbox dialog .themeswitch {padding:20px 0 0 10px;}
#accountbox dialog .themeswitch ul {display:flex;}
#accountbox dialog .themeswitch li {position:relative;z-index:1;width:22px;height:22px;margin-right:20px;text-indent:-9999px;border-radius:50%;cursor:pointer;}
#accountbox dialog .themeswitch li.active::before {content:"✔";position:absolute;top:0;left:0;z-index:3;text-indent:0;display:block;width:22px;height:22px;text-align:center;color:rgb(255,255,255);}
#accountbox dialog .themeswitch .default {background:linear-gradient(90deg, rgb(23,40,84) 50%, rgb(188,44,26) 50%);}
#accountbox dialog .themeswitch .natural {background:linear-gradient(90deg, rgb(81,56,34) 50%, rgb(123,179,45) 50%);}
#accountbox dialog .themeswitch .green {background:linear-gradient(90deg, rgb(30,80,60) 50%, rgb(128,96,51) 50%);}
#accountbox dialog .themeswitch .neutral {background:linear-gradient(90deg, rgb(23,40,84) 50%, rgb(200,200,200) 50%);}
#accountbox dialog .themeswitch .dark {background:linear-gradient(90deg, rgb(0,0,0) 50%, rgb(120,120,120) 50%);}
#accountbox.logged dialog figure {align-items:flex-start;}
#accountbox.logged dialog a {color:var(--color-1);}
#accountbox.logged dialog ul a {color:var(--color-2);}
#acccoutbox.logged dialog li.inverted {padding-top:10px;}
#acccoutbox.logged dialog li.inverted a {color:var(--color-1);}

#header button.nav-toggle {display:none;position:relative;z-index:10;overflow:hidden;width:36px;height:36px;font-size:0;text-indent:-9999px;border-radius:50%;background:var(--background-color-2);cursor:pointer;transition:background .3s;}
#header button.nav-toggle:focus {outline:0}
#header button.nav-toggle span {display:block;position:absolute;top:16px;left:9px;right:9px;width:18px;height:5px;background:var(--background-color-1);border:2.2px solid var(--color-1);transition:background 0s .3s;border-radius:2px;}
#header button.nav-toggle span:after,#header button.nav-toggle span:before {position:absolute;display:block;left:-2px;width:18px;height:5px;background-color:var(--background-color-1);border:2.2px solid var(--color-1);content:"";border-radius:2px;transition-duration:.3s,.3s;transition-delay:.3s,0s;}
#header button.nav-toggle span:before {top:-8px;transition-property:top,transform;}
#header button.nav-toggle span:after {bottom:-8px;transition-property:bottom,transform;}
#header button.nav-toggle.is-active span {left:11px;background:0 0;border:none;}
#header button.nav-toggle.is-active span:before {top:0;height:4px;background-color:var(--color-1);transform:rotate(45deg);}
#header button.nav-toggle.is-active span:after {bottom:1px;height:4px;background-color:var(--color-1);transform:rotate(-45deg)}
#header button.nav-toggle.is-active span:after,#header button.nav-toggle.is-active span:before {transition-delay:0s,.3s}

@media only screen and (max-width: 1350px) {
   #toppanel {padding:6px 10px;}
   #header {padding:0 10px;}
   #header .container {height:75px;gap:20px;}
   #logotype {min-width:125px;}
   #mainmenu {width:calc(90% - 210px);}
   #mainmenu ul {max-width:800px;}
   #mainmenu svg {width:22px;height:22px;}
   #mainmenu a {padding:27px 6px 26px 6px;}
   #mainmenu ul li:hover .submenu {top:105px;}
   #mainmenu .submenu {top:95px;}
   #accountbox {gap:5px;}
   #accountbox .user {flex-direction:column;gap:0;}
   #accountbox .avatar,#accountbox .avatar svg,#accountbox .avatar img {width:45px;min-width:45px;height:45px;}
   #accountbox .caption {display:none;}
   #accountbox dialog {top:50px;right:0;}
   #accountbox dialog.active {top:60px;}
}

@media only screen and (max-width: 1300px) {
   #mainmenu .submenu {width:100%;margin:0;}
}

@media only screen and (max-width: 1020px) {
   #toppanel {height:60px;background:none;}
   #toppanel .container {display:none;}
   #header {position:fixed;top:0;z-index:10;width:100%;height:60px;}
   #header .container {height:60px;gap:5px;}
   #logotype {margin:5px 0 0 5px;}
   #logotype svg {width:125px;height:40px;}
   #christmastree {top:0;right:1px;height:22px;}
   #pf {top:7px;height:14px;}

   #accountbox .notifications {width:auto;}
   #accountbox .notifications svg {width:21px;height:21px;}
   #accountbox .notifications span {top:-10px;left:13px;}
   #accountbox .avatar,#accountbox .avatar svg,#accountbox .avatar img {width:36px;min-width:36px;height:36px;}
   #accountbox dialog {top:38px;right:-50px;}
   #accountbox dialog.active {top:48px;}

   #header button.nav-toggle {display:block;}

   #mainmenu {width:100%;position:absolute;left:-100%;top:60px;height:calc(100vh - 60px);margin:0;padding:0;transition:150ms;background:linear-gradient(var(--background-color-2),80px,var(--background-color-1));}
   #mainmenu.active {left:0;}
   #mainmenu svg {width:22px;height:22px;}
   #mainmenu > ul {flex-wrap:wrap;padding:10px 0;max-width:none;}
   #mainmenu > ul > li {width:100%;border-bottom:1px solid rgba(var(--color-1-rgb),0.08);}
   #mainmenu > ul > li a {padding:15px 0 15px 30px;justify-content:left;gap:10px;}
   #mainmenu > ul > li:hover .submenu {display:none;}
   #mainmenu > ul > li.active .submenu {display:flex;}
   #mainmenu .submenu {position:inherit;visibility:visible;display:none;width:calc(100% - 40px);margin:10px 0 40px 40px;flex-direction:column;box-shadow:none;border-left:1px solid var(--shadow-color);}
   #mainmenu .submenu .biglist {display:block;width:100%;margin:0;}
   #mainmenu .submenu .biglist em {position:relative;top:2px;width:30px;min-width:30px;height:30px;}
   #mainmenu .submenu .biglist em svg {width:15px;height:15px;}
   #mainmenu .submenu .biglist a {padding:8px 10px 8px 30px;gap:10px;}
   #mainmenu .submenu .biglist a::before {content:"__";position:relative;top:-5px;margin:0 5px 0 -32px;color:var(--shadow-color);}
   #mainmenu .submenu .biglist a .title {margin:-2px 0 -3px 0;}
   #mainmenu .submenu .biglist a .title::after {content:"→";margin-left:10px;}
   #mainmenu .submenu .list {width:100%;padding:20px 20px 0 30px;border:0;}
   #mainmenu .submenu .list .title::before {content:"__";position:relative;top:-7px;margin:0 15px 0 -32px;color:var(--shadow-color);}
   #mainmenu .submenu .list ul {padding:5px 0 0 10px;column-count:1;}
}

#footer {padding:0 15px;color:var(--background-color-1);background:var(--background-footer);}
#footer .container {max-width:1280px;margin:0 auto;text-align:left;}
#footer a {color:var(--text-color-3);font-weight:600;}
#footer a:hover {text-decoration:underline;}
#footer svg {fill:var(--text-color-4);}
#footer .menu {display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:80px;}
#footer .menu ul li {padding:5px 0;}
#footer .menu .title {width:100%;padding:70px 0 30px 0;font-size:1.75rem;color:var(--text-color-5);font-weight:700;}
#footer .stats {display:flex;justify-content:space-between;margin:100px 0 50px 0;text-align:center;color:var(--text-color-4);}
#footer .stats svg {width:30px;height:30px;margin:5px auto;}
#footer .stats span {display:block;font-size:1.5rem;font-weight:700;color:var(--text-color-3);white-space:nowrap;}
#footer .bottompanel {display:flex;align-items:baseline;padding:60px 0;border-top:1px solid rgba(var(--text-color-4-rgb),0.25);}
#footer .copyright {display:flex;gap:20px;align-items:center;}
#footer .copyright .social {display:flex;gap:20px;align-items:center;}
#footer .copyright .social a {display:flex;align-items:center;gap:10px;}
#footer .copyright .social a span {display:flex;width:26px;height:26px;align-items:center;justify-content:center;background:var(--text-color-4);border-radius:6px;}
#footer .copyright .social a span svg {height:16px;width:16px;fill:var(--background-footer);}
#footer .links {margin-left:auto;}
#footer .links span {margin:0 20px;}

@media only screen and (max-width: 1350px) {
   #footer .menu {justify-content:space-evenly;}
   #footer .stats {justify-content:space-evenly;gap:25px;}
   #footer .bottompanel {flex-wrap:wrap;flex-direction:column-reverse;text-align:center;}
   #footer .copyright {width:100%;flex-direction:column-reverse;gap:0;}
   #footer .copyright span {display:none;}
   #footer .copyright .social {padding:25px 0 40px 0;}
   #footer .links {width:100%;}
}
@media only screen and (max-width: 767px) {
   #footer .menu {padding-top:30px;justify-content:space-evenly;}
   #footer .menu > li {width:40%;}
   #footer .menu li h3 {padding:40px 0 5px 0;}
   #footer .menu ul li {padding:3px 0;}
   #footer .stats {flex-wrap:wrap;padding:50px 0;}
   #footer .stats svg {width:25px;height:25px;}
   #footer .bottompanel span {display:block;margin-top:-10px;text-indent:-9999px;}
   #footer .copyright a {gap:0;font-size:0;text-indent:-9999px;}
   #footer .bottompanel {padding:30px 0;}
}
@media only screen and (max-width: 450px) {
   #footer .menu > li {width:40%;}
   #footer .stats li {width:25%;}
}

/* Main boxes */
#page {min-width:300px;padding-bottom:50px;text-align:left;background:linear-gradient(var(--shadow-color),var(--background-color-2) 30px);}
#page > .container {max-width:1300px;margin:0 auto;padding:20px 0;display:flex;flex-wrap:wrap;gap:0 70px;}
#page > .container.reverse {flex-direction:row-reverse;}
#fullcontent {width:100%;}
#content {width:72%;}
#leftbox {width:25%;}
#rightcontent {width:calc(75% - 70px);}
#sidebar {width:calc(28% - 70px);}

@media only screen and (max-width:1350px) {
   #page {padding:0 15px 50px 15px;}
   #page .container {gap:0 30px;}
   #sidebar {width:calc(28% - 30px);}
}

@media only screen and (max-width:1020px) {
   #page {padding:0 10px 30px 10px;}
   #content {width:100%;}
   #sidebar {width:100%;margin-top:40px;}
}

/* Global items */
.hidden {display:none!important;}
.float-right {float:right;}
.float-left {float:left;}
.left {text-align:left!important;}
.center {text-align:center!important;}
.right {text-align:right!important;}
.pointer {cursor:pointer!important;}
.noitems {padding:40px 0!important;font-weight:700;}
.today {display:inline!important;margin:0!important;color:var(--highlight-color);font-weight:700;}
.yesterday {display:inline!important;margin:0!important;font-weight:700;}
.arrowlink {margin:20px 0;text-align:right;}
.arrowlink a {font-weight:bold;font-size:1.125em;color:var(--color-1);}
.arrowlink a::after {content:"→";margin-left:10px;}
.arrowlink a:hover::after {position:relative;left:2px;}
.backlink {margin:10px 0 20px 0;}
.backlink a {padding:5px 0 7px 10px;font-weight:700;font-size:1rem;color:var(--color-1);}
.backlink a svg {position:relative;top:4px;left:-5px;width:18px;height:18px;margin-right:10px;fill:var(--color-1);}
.backlink a:hover {text-decoration:underline;}
.button {margin:30px 0;text-align:right;}
.button a {display:inline-block;padding:19px 60px;font-weight:700;white-space:nowrap;color:var(--text-color-6);transition:100ms;background:var(--color-2);border-bottom:2px solid var(--color-2-hover);border-radius:30px;}
.button a:hover {background:var(--color-2-hover);}
.button.left {text-align:left}
.button.small {margin:15px 0;}
.button.small a {padding:10px 30px;}
.adminlinks {white-space:nowrap;text-align:right;}
.adminlink svg {width:24px;height:24px;fill:var(--color-2)!important;}
.externallink {padding-right:15px;margin-right:3px;}
.externallink::after {content:"❐";position:relative;top:-5px;left:3px;font-size:0.6em;}

@media only screen and (max-width:1020px) {
   .arrowlink {margin:10px 0 10px 0;}
   .button a {padding:14px 35px;}
}

/* Dropdown */
.opendropdown {cursor:pointer;}
.dropdown {position:relative;z-index:50;display:none;visibility:hidden;transition:300ms;}
.dropdown.active {display:block;visibility:visible;opacity:1;}
.dropdownclose {position:absolute;top:5px;right:5px;z-index:31;display:flex;width:34px;height:34px;font-size:2rem;color:var(--color-1);justify-content:center;align-items:center;border-radius:50%;cursor:pointer;}
.dropdownclose:hover {background:var(--background-color-2);}
.dropdown.modal {position:fixed!important;top:10%!important;left:50%!important;z-index:50;max-height:97%;margin:1% 2%;overflow-y:auto;overscroll-behavior:contain;transform:translate(-52%,-10%)!important;}
.modalscreen {position:fixed;z-index:29;top:0;left:0;width:100%;height:100vh;background: rgba(0, 0, 0, 0.6);}


/* Controls */
.controls {position:relative;}
.controls > span {display:flex;width:1.8rem;height:1.8rem;margin-left:auto;z-index:9;align-items:center;justify-content:center;font-size:1.25em;font-weight:700;color:var(--text-color-2);border-radius:50%;cursor:pointer;user-select:none;}
.controls > span:hover {color:var(--text-color-1);background:var(--background-color-2);}
.controls ul {position:absolute;top:40px;right:14px;z-index:20;padding:20px 25px 25px 25px;background:var(--background-color-1);border-radius:4px;box-shadow:0 0 15px 0 rgba(var(--color-1-rgb),0.3);transition:top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}
.controls ul:before{content:"";position:absolute;top:-12px;right:0;white-space:nowrap;border:solid transparent;border-width:0 0 16px 16px;border-bottom-color:var(--background-color-1);}
.controls li {padding:5px 30px 5px 0;white-space:nowrap;}
.controls li.title {margin-bottom:10px;padding-bottom:15px;color:var(--color-1);font-weight:700;border-bottom:1px solid var(--background-color-2);}
.controls li.delimiter {margin:10px 0;padding:0;border-bottom:1px solid var(--background-color-2);}
.controls li a {color:var(--color-2);font-weight:700;text-decoration:none;}
.controls li a:hover {text-decoration:underline;}
.controls li svg {margin:0 8px -5px 0;width:22px;height:22px;fill:var(--text-color-1)!important;}
.controls .favourites {display:inline-block;margin-left:5px;}
.topcontrols .opendropdown {position:absolute;right:0;}
.topcontrols:has(+ .titlebox) {top:-50px;}
.topcontrols ul {top:50px;right:18px;}
.topcontrols > span {width:2.25rem;height:2.25rem;font-size:1.5rem;background:var(--background-color-1);box-shadow:0 0 3px 1px var(--shadow-color);}
.topcontrols > span:hover {color:var(--background-color-1);background:var(--color-1);}
.darkcontrols > span:hover {background:var(--background-color-1);}
.lightcontrols > span {color:var(--background-color-1);}
.lightcontrols > span:hover {color:var(--text-color-1);}
.inline-controls {float:right;font-size:1rem!important;}
.inline-controls li {list-style:none;}

/* Navbar */
#navbar {width:100%;margin:10px 0 20px 0;padding-left:4px;text-indent:-4px;color:var(--navbar-color);}
#navbar > svg {width:10px;height:10px;fill:var(--navbar-color);}
#navbar a svg {position:relative;top:2px;width:15px;height:15px;fill:var(--navbar-color);}
#navbar a, #navbar span {margin:0 3px;}
#navbar a:hover {color:var(--text-color-2);text-decoration:underline;}
#navbar a:hover svg {fill:var(--text-color-2);}

@media only screen and (max-width:1020px) {
   .topcontrols:has(+ .titlebox) {top:0;}
}

@media only screen and (max-width:800px) {
   #navbar {margin:-5px 0 10px 0;}
}

/* Titles */
h1.main {margin:0 45px 30px 0;font-size:2.5rem;line-height:2.6rem;font-weight:700;color:var(--color-1);}
h1.main:has(+ .backlink) {margin-bottom:0;}
h2.main {margin:0 45px 0 0;font-size:2rem;font-weight:700;color:var(--color-1);}
h2.subtitle {margin:-30px 45px 30px 0;font-size:1.25rem;font-weight:700;color:var(--color-1);}
h2.subtitle:has(+ .backlink) {margin-bottom:0;}
h2.smalltitle {margin:20px 0;font-weight:700;font-size:1.25rem;}
h3.subtitle {margin:0px 45px 30px 0;font-size:1.25rem;font-weight:700;color:var(--color-1);}
.titlenotice {margin:-25px 0 30px 5px;color:var(--text-color-2);}
.titlemargin {margin:8% 0 5% 0!important;}
.titlemargintop {margin-top:8%!important;}

/* Titlebox */
.titlebox {display:flex;margin-bottom:-30px;}
.titlebox .filter {flex:1;margin:10px 0 30px 0;}
.titlebox .button {flex:1;margin:10px 0 30px 0;}
.titlebox .systemmessage {margin:0 0 30px auto;}

@media only screen and (max-width: 1020px) {
   .titlebox {display:block;margin-bottom:0;}
}

.categorydesc {margin:30px 0;}

/* Selectfilter */
.selectfilter {display:flex;flex-wrap:wrap;gap:9px;margin:20px 0;padding:15px;background:var(--border-color);cursor:default;border-radius:var(--border-radius);}
.selectfilter .selected {font-weight:650;color:var(--color-2);}
.selectfilter > li a:hover {color:var(--color-2);}
.selectfilter > li {position:relative;width:calc(33.333% - 6px);padding:10px 20px;background:var(--background-color-1);border:1px solid rgba(var(--color-black-rgb),0.3);border-radius:var(--inner-radius);cursor:pointer;}
.selectfilter > li::after {content:'';position:absolute;right:8px;top:19px;display:block;width:10px;height:10px;border-right:2px solid var(--text-color-3);border-bottom:2px solid var(--text-color-3);transform:translate(-50%, -50%) rotate(45deg);}
.selectfilter > li.opened::after {top:14px;right:18px;border-color:var(--text-color-1);rotate:180deg;}
.selectfilter > li .close {position:absolute;top:10px;right:32px;display:block;width:12px;height:12px;color:var(--text-color-3);cursor:pointer;}
.selectfilter > li .close:hover {color:var(--text-color-1);}
.selectfilter > li > ul {position:absolute;left:-1px;top:40px;z-index:10;display:none;flex-direction:column;width:calc(100% + 2px);padding:10px 20px;color:var(--text-color-1);background:var(--background-color-1);border:1px solid var(--border-color);}
.selectfilter > li > ul.active {display:flex;}
.selectfilter > li > ul > li {display:flex;padding:5px 0;}

@media only screen and (max-width:660px) {
   .selectfilter > li {width:100%;}
}

/* Filter */
.filter {position:relative;display:flex;flex-wrap:wrap;row-gap:10px;margin:30px 0;align-items:stretch;}
.filtersubmit {z-index:5;display:flex;width:40px;height:40px;margin-left:auto;align-items:center;justify-content:center;background:var(--background-color-2);border-radius:50%;cursor:pointer;}
.filtersubmit svg {width:16px;height:16px;fill:var(--color-1);}
.filterdropdown > div {position:relative;display:flex;padding:10px 0;align-items:center;}
.filterdropdown > div:hover .title {text-decoration:underline;}
.filterdropdown > div.active .title {text-decoration:underline;}
.filterdropdown .pin {position:relative;top:5px;left:8px;z-index:3;min-width:26px;height:26px;background:var(--background-color-1);border:1px solid rgba(var(--shadow-color-rgb),1);border-radius:3px;}
.filterdropdown .pin svg {position:relative;top:4px;left:5px;width:14px;height:13px;fill:var(--text-color-3);}
.filterdropdown .pin:hover svg {fill:var(--color-2);}
.filterdropdown .pin.selected svg {fill:var(--color-2);rotate:-15deg;}
.filterdropdown .title {display:flex;gap:20px;align-items:center;font-weight:700;color:var(--color-2);cursor:pointer;}
.filterdropdown .icon {position:relative;display:block;width:30px;min-width:34px;height:34px;}
.filterdropdown .icon .folder {width:34px;height:34px;opacity:var(--icon-opacity);}
.filterdropdown .icon .object {position:absolute;bottom:2px;right:-5px;z-index:4;width:30px;height:30px;fill:var(--color-1);}
.filter .dropdown {padding:20px;grid-template-columns:repeat(4, 1fr);background:var(--background-color-1);border-radius:4px;box-shadow:0 0 15px 0 rgba(var(--color-1-rgb),0.3);transition:top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}
.filter .dropdown.active {display:grid;}
.filter form {flex:1;display:flex;height:60px;padding:0 13px 0 25px;align-items:center;background:var(--background-color-1);box-shadow:0 0 10px 5px var(--shadow-color);border-radius:30px 0 0 30px;}
.filter form::after {position:relative;left:13px;display:block;content:'';height:30px;width:17px;background:var(--background-color-1);border-right:2px solid var(--background-color-2);}
.filter form input[type="text"] {width:calc(100% - 60px);}
.filter .select {flex:1;position:relative;z-index:5;display:flex;height:60px;padding:0 13px 0 20px;align-items:center;background:var(--background-color-1);box-shadow:12px 0 10px 5px var(--shadow-color);border-radius:0 30px 30px 0;user-select:none;}
.filter .select strong {display:flex;align-items:center;}
.filter .select strong span {display:flex;gap:3px;margin-left:7px;width:22px;height:22px;align-items:center;justify-content:center;font-size:0.9375rem;text-align:center;color:var(--background-color-1);background:var(--color-2);border-radius:11px;}
.filter .select > svg {width:32px;height:32px;margin:0 10px 0 0;fill:var(--color-1);}
.filter .select > svg.category {margin-top:-5px;}
.filter .addbutton {flex:1;margin:0 0 0 25px;display:flex;justify-content:flex-end;}
.filter .addbutton a {display:flex;height:60px;padding:0 65px;align-items:center;justify-content:center;text-align:center;}
.filter .filterbutton {display:none;margin:0;}
.filter .filterbutton a {flex:1;display:flex;gap:10px;padding:20px;justify-content:center;align-items:center;background:var(--color-1);border-color:var(--text-color-1);}
.filter .filterbutton svg {width:18px;height:18px;fill:var(--background-color-1);}
.filter.searchonly form {flex-basis:100%;margin-right:60%;border-radius:30px;}
.filter.searchonly form::after {display:none;} 
.filter.searchandbutton form {flex:2;border-radius:30px;}
.filter.searchandbutton form::after {display:none;}
.filter.searchphoneonly form {display:none;}
.filter.selectonly .select {border-radius:30px;}
.filtersearchparams {display:none;position:absolute;left:15px;top:55px;z-index:10;width:300px;padding:15px 10px 15px 0;background:var(--background-color-1);box-shadow:0 3px 3px 3px var(--shadow-color);border-radius:0 8px 8px 8px;}
.filtersearchparams label {cursor:pointer;}
.filtersearchparams input[type=radio] {appearance:button;margin:0 5px 0 25px;background:var(--background-color-1);border:1px solid rgba(0,0,0,0.1);}
.filtersearchparams.active {display:block;}

@media only screen and (max-width: 1350px) {
   .filter.searchtop form {flex:2;flex-basis:100%;margin-right:60%;border-radius:30px;}
   .filter.searchtop form::after {display:none;}
   .filter.searchtop .select {flex:2;border-radius:30px;box-shadow:0 0 10px 5px var(--shadow-color);}
   .filter .button {flex:1;margin-left:15px;}
} 

@media only screen and (max-width: 1020px) {
   .filter .filterbutton {display:block;}
   .filter.searchphoneonly form {flex:2;display:flex;border-radius:30px;}
   .filter.searchphoneonly form::after {display:none;}
   .filter.searchphoneonly .button {margin-left:10px;}
   .filter .dropdown {grid-template-columns:repeat(3, 1fr);}
}

@media only screen and (max-width: 767px) {
   .filter {margin:20px 0 30px 0;row-gap:10px;}
   .filtersubmit {width:34px;height:34px;}
   .filtersubmit svg {width:16px;height:16px;}
   .filter .filtersubmit {position:relative;left:6px;}
   .filter.searchphoneonly {gap:10px;}
   .filter.searchphoneonly form {width:100%;flex-basis:100%;}
   .filter.searchphoneonly .addbutton {flex:1;flex-basis:calc(50% - 5px);margin-left:0;}
   .filter.searchphoneonly .filterbutton {flex:1;flex-basis:calc(50% - 5px);margin-left:0;}
   .filter form {flex:1;height:44px;margin-right:0!important;border-radius:22px;}
   .filter form::after {display:none;}
   .filter .select {flex:1;flex-basis:100%;height:44px;padding-left:15px;border-radius:22px;}
   .filter .dropdown {padding:10px 20px 20px 10px;grid-template-columns:1fr 1fr;}
   .filter .addbutton {flex:1;flex-basis:100%;margin:0;display:block;}
   .filter .addbutton a {height:44px;padding:0 35px}
   .filter .filterbutton a {padding:13px 12px 11px 12px;}
   .filtersearchparams {top:40px;width:calc(100% - 30px);}

}

@media only screen and (max-width: 374px) {
   .filter .dropdown {grid-template-columns:1fr;}
}

/* Sidefilter */
.sidefilter {position:relative;z-index:10;}
.sidefilter > .dropdownclose {display:none;}
.sidefilter h4 {padding:30px 0 30px 30px;font-size:1.25rem;color:var(--color-1);font-weight:700;background:var(--background-color-1);border-bottom:1px solid rgba(var(--background-color-2-rgb),0.8);border-radius:4px 4px 0 0;}
.sidefilter select {position:absolute;width:250px!important;padding:8px 0;cursor:pointer;}
.sidefilter .number {display:flex;margin-left:7px;width:22px;height:22px;align-items:center;justify-content:center;text-indent:0;font-weight:700;font-size:0.9375rem;color:var(--background-color-1);background:var(--color-2);border-radius:11px;}
.sidefilter .sfbox {position:relative;padding:5%;background:var(--background-color-1);}
.sidefilter .sfitem {position:relative;display:flex;align-items:center;margin:25px 0;padding:5px;text-indent:15px;background:var(--background-color-1);border:1px solid var(--shadow-color);border-radius:30px;}
.sidefilter .sfinput {display:flex;width:calc(100% - 40px);padding:8px 0;user-select:none;}
.sidefilter .sfitem > svg {width:32px;height:40px;}
.sidefilter .sfitem > svg.category {margin-top:-5px;}
.sidefilter .button {margin-top:0;padding:30px 15px 30px 15px;background:var(--background-color-1);border-top:1px solid rgba(var(--background-color-2-rgb),0.8);border-radius:0 0 4px 4px;}
.sidefilter .button a {width:100%;text-align:center;}
.sidefilter .dropdown {display:none;padding:20px;grid-template-columns:1fr 1fr 1fr;background:var(--background-color-1);border-radius:4px;box-shadow:0 0 15px 0 rgba(var(--color-1-rgb),0.3);transition:top 200ms cubic-bezier(0.17, 0.04, 0.03, 0.94);}
.sidefilter .dropdown.active {display:grid;}

@media only screen and (max-width:1020px) {
   .sidefilter {width:100%;position:absolute;left:-100%;top:60px;height:calc(100vh - 60px);margin:0;padding:0;transition:150ms;background:linear-gradient(var(--background-color-2),80px,var(--background-color-1));}
   .sidefilter .dropdownclose {display:flex;}
   .sidefilter.active {left:0;}
   .sidefilter .dropdown {grid-template-columns:1fr 1fr;}
   .sidefilter select {width:100%!important;}
}

/* Orderpagination */
.orderpagination {display:flex;margin:30px 0 10px 0;gap:15px;justify-content:flex-start;align-items:center;flex-wrap:wrap;}
.orderpagination .orderbar {margin:0;}
.orderpagination .displaychange::before {margin-right:12px;content:"";border-right:1px solid var(--text-color-3);}
.orderpagination .pagination {margin:0 0 0 auto;}

/* Orderbar */
.orderbar {display:flex;margin:10px 0;font-size:0.9375rem}
.orderbar .arrowdown {position:relative;top:-3px;margin-left:6px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-1);font-size:0;line-height:0;}
.orderbar .arrowup {position:relative;top:-7px;margin-left:6px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--color-1);font-size:0;line-height:0;}
.orderbar a {display:block;padding:5px 0;color:var(--color-1);text-decoration:none;}
.orderbar a:hover, .orderbar a.selected:hover {color:var(--color-2);}
.orderbar a.selected {font-weight:700;color:var(--color-1);}
.orderbar a::after {margin:0 15px;content:"";border-right:1px solid var(--text-color-3);}
.orderbar li:last-child a::after {display:none;}

/* Display change */
.displaychange {display:flex;}
.displaychange a {display:flex;margin:0 3px;align-items:center;}
.displaychange a svg {width:15px;height:15px;fill:var(--color-1);}
.displaychange a:hover svg {fill:var(--color-2);}

/* Pagination */
.pagination {display:flex;margin:30px 0;justify-content:flex-end;flex-wrap:wrap;font-size:0.9375rem;font-weight:700;color:var(--color-1);line-height:3.3em;}
.paginationtop {margin:20px 0 10px 0;}
.pagination a {display:flex;height:36px;padding:0 8px;justify-content:center;align-items:center;}
.pagination a:hover {color:var(--color-2);}
.pagination a.selected {width:36px;padding:0 4px;color:var(--background-color-1);background:var(--color-1);border-radius:50%;}
.pagination span {display:flex;height:36px;padding:0;justify-content:center;align-items:center;font-weight:400;}
.pagination svg {width:10px;height:10px;fill:var(--color-1);}
.pagination .prev {padding:0 8px 0 0;}
.pagination .next {padding:0 0 0 8px;}
.pagination .inactive {opacity:0.3;}
.itemsonpage {position:relative;padding-right:20px;margin-top:-5px;color:var(--text-color-2);font-weight:400;}
.itemsonpage i {position:absolute;top:40%;right:30px;border:solid var(--color-2);border-width:0 3px 3px 0;border-radius:3px;display:inline-block;padding:2px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.itemsonpage select {height:36px;margin-left:5px;padding:0 15px 0 10px;line-height:36px;font-size:1rem;font-weight:700;background:var(--background-color-1);border-radius:18px;cursor:pointer;}

/* Tags */
.tags {margin:15px 0;display:flex;flex-wrap:wrap;gap:5px;}
.tags a, .tags span {display:flex;padding:5px 15px;font-size:0.875rem;font-weight:600;white-space:nowrap;color:var(--color-2);background:var(--background-color-1);border-radius:14px;}
.tags a svg, .tags span svg {margin:0 5px 0 -5px;width:16px;height:16px;fill:var(--color-1);}
.tags a:hover {color:var(--background-color-1)!important;background:var(--color-1)!important;}
.tags a:hover svg {fill:var(--background-color-1);}

/* Image tag */
.imagetag {position:absolute;top:8px;right:8px;z-index:5;display:flex;gap:8px;align-items:center;padding:1% 5% 1% 5%;font-size:0.8125em;font-weight:600;color:var(--text-color-6);background:var(--background-toppanel);border-radius:4px;}
.imagetag.sell {background:var(--color-2);}
.imagetag.buy {background:var(--color-1);}
.imagetag svg {position:relative;top:-1px;margin-left:-2%;width:20px;height:20px;fill:var(--text-color-6);}

@media only screen and (max-width:800px) {
   .imagetag {top:5px;right:5px;gap:5px;}
   .imagetag svg {top:-1px;width:16px;height:16px;}
}

/* Tooltips */
.styled-tooltip {position:absolute;z-index:9999;max-width:300px;padding:10px 15px;font-size:0.875rem;background:var(--background-color-1);border:1px dashed rgba(var(--text-color-4-rgb),0.5);border-radius:8px;box-shadow:0 0 5px var(--text-color-4);}
.styled-tooltip p {margin:8px 0!important;}
.ui-helper-hidden-accessible {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}

/* Ajax popup */
.ajax-popup {position:relative;background:var(--background-color-1);padding:20px;width:auto;max-width:700px;margin:20px auto;}
.ajax-popup img {width:100%;}
.ajax-popup table img {width:auto;}

/* Image popup */
.image-popup, .image-popup-gallery {cursor:zoom-in;}
.mfp-title {margin:10px;font-size:1em;font-style:italic;}
.mfp-title em {display:block;font-size:0.875rem;color:var(--text-color-2);}
.mfp-title a {color:var(--text-color-2);}

/* Text styles */
.textwrapper {margin:20px 0;font-size:1.125em;}
.textwrapper p {margin:20px 0;line-height:1.6rem;}
.textwrapper a {color:var(--color-1);font-weight:700;text-decoration:underline;}
.textwrapper a:hover {text-decoration:none;}
.textwrapper h2 {margin:30px 0 15px 0;font-size:2rem;font-weight:700;color:var(--color-1);}
.textwrapper h2.first {margin-top:0;}
.textwrapper h3 {margin:30px 0 15px 0;font-size:1.25rem;font-weight:700;color:var(--color-1);}
.textwrapper h3.subtitle {margin-top:-15px;}
.textwrapper .small {margin-top:-10px;font-size:0.875em;line-height:1.25em;}

.textwrapper ul {margin:20px 30px 30px 40px;list-style:square;}
.textwrapper ul li {margin:10px 0;padding-left:5px;}
.textwrapper ol {margin:20px 30px 30px 40px;list-style:decimal;}
.textwrapper ol li {margin:10px 0;padding-left:5px;}
.textwrapper ul ul, .textwrapper ul ol, .textwrapper ol ul, .textwrapper ol ol {margin:15px 30px 30px 30px;}
.textwrapper table {width:100%;border-spacing:1px;border-spacing:2px;border-collapse:separate;}
.textwrapper table th {padding:5px 10px;color:var(--background-color-1);background:var(--color-1);}
.textwrapper table td {padding:5px 10px;background:var(--background-color-1);}
.textwrapper blockquote {display:block;margin:30px 0;text-align:center;font-size:1.75rem;color:var(--text-color-2);font-family:sans;font-weight:700;}
.textwrapper blockquote p {margin:10px 0;text-align:center;}
.textwrapper .imageauto img {width:auto!important;}
.textwrapper iframe {width:100%;}

/* Sections */
#sections {width:100%;padding:30px 15px 40px 15px;z-index:5;background:linear-gradient(var(--shadow-color-2),var(--background-color-1) 30px);border-bottom:2px solid rgba(var(--text-color-2-rgb),0.03);}
#sections .container {max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:15px 20px;}
#sections .section {display:flex;flex-wrap:nowrap;align-items:flex-start;gap:10px;text-align:left;}
#sections .icon {position:relative;width:60px;min-width:60px;height:52px;}
#sections .icon::before {content:"";position:absolute;top:0;left:0;width:60px;min-width:60px;height:52px;opacity:var(--icon-opacity);background:url('../images/folder.svg') 15px 9px no-repeat;background-size:37px 35px;}
#sections .icon .animal {position:absolute;bottom:2px;right:0;z-index:4;width:47px;height:47px;fill:var(--color-1);}
#sections .pin {position:absolute;top:20px;left:-6px;z-index:3;width:28px;height:28px;background:var(--background-color-1);border:1px solid rgba(var(--shadow-color-rgb),1);border-radius:3px;}
#sections .pinlink svg {position:relative;top:7px;left:6px;width:16px;height:16px;fill:var(--text-color-3);}
#sections .pinlink {position:absolute;top:20px;left:-6px;z-index:5;display:block;width:28px;height:28px;}
#sections .pinlink:hover svg {fill:var(--color-2);}
#sections .pinlink.selected svg {fill:var(--color-2);rotate:-15deg;}
#sections .content .title {display:block;margin:10px 0 5px 0;font-size:1.125rem;font-weight:700;color:var(--color-2);}
#sections .content .title.selected {text-decoration:underline;}
#sections .content {line-height:1.125em;color:var(--text-color-2);}
#sections .content a {font-size:0.9375rem;color:var(--text-color-2);}
#sections .content .links a:first-child::after {content:"•";margin:0 0.1875rem;}
#sections .content .links a:last-child::before {content:"\a";white-space:pre;}
#sections a:hover {text-decoration:underline;}
.subcategories {display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center;padding:2.7% 3.5%;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:20px;}
.subcategories > a {position:relative;display:flex;gap:10px;align-items:center;font-weight:700;color:var(--color-2);}
.subcategories > a:hover {text-decoration:underline;}
.subcategories > a.active {text-decoration:underline;}
.subcategories .icon {position:relative;display:block;width:40px;min-width:40px;height:40px;}
.subcategories .icon .folder {width:36px;height:36px;}
.subcategories .icon .animal {position:absolute;bottom:4px;right:-3px;z-index:4;width:40px;height:40px;fill:var(--color-1);}

@media only screen and (max-width:1280px) {
   #sections .container {grid-gap:5px;}
}

@media only screen and (max-width:1020px) {
   #sections .container {grid-template-columns:repeat(3, 1fr);grid-row-gap:10px;}
   #sections .links span {display:none;}
}

@media only screen and (max-width:700px) {
   #sections .container {grid-template-columns:repeat(2, 1fr);}
   .subcategories {grid-template-columns:1fr 1fr;}

}

@media only screen and (max-width:550px) {
   #sections {padding:20px 15px 30px 15px;}
   #sections .container {grid-row-gap:5px;}
   #sections .section {gap:10px;}
   #sections .icon {width:50px;min-width:50px;height:45px;}
   #sections .icon .folder {top:7px;left:15px;width:32px;height:27px;}
   #sections .icon .animal {bottom:4px;right:0;width:40px;height:40px;}
   .subcategories .icon {width:36px;min-width:36px;height:36px;}
   .subcategories .icon .folder {width:32px;height:32px;}
   .subcategories .icon .animal {bottom:4px;right:-3px;z-index:4;width:35px;height:35px;}
}

/* Home widgets */
.hwrow {display:flex;flex-wrap:wrap;gap:50px;}
.homewidget header {margin:50px 0 25px 0;}
.homewidget header h2 {margin-bottom:0;font-size:2rem;line-height:1.1em;font-weight:700;color:var(--color-1);}
.homewidget header h3 {margin:0 0 0 2px;color:var(--text-color-2);font-size:0.9375rem;font-weight:600;}
.homewidget header h3 svg {position:relative;top:2px;width:12px;height:12px;fill:var(--text-color-2);rotate:-15deg;}
.homewidget h3 {font-size:1.125rem;font-weight:700;color:var(--color-2);}
.hwbanner {margin:70px 0 40px 0;}

#hwarticles {width:calc(57% - 50px);}
#hwarticles ul {display:flex;flex-wrap:wrap;padding:15px;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
#hwarticles ul li {display:flex;flex-direction:column;width:50%;padding:10px;}
#hwarticles ul .image {position:relative;width:100%;border-radius:4px;overflow:hidden;}
#hwarticles ul img {display:block;object-fit:cover;width:100%;height:195px;border-radius:4px;transition:400ms;}
#hwarticles ul img:hover {scale:1.05;}
#hwarticles ul .content {font-size:0.9375rem;font-weight:700;color:var(--text-color-2);}
#hwarticles ul h3 {padding:0;margin:10px 0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#hwarticles ul h3:hover {text-decoration:underline;}
#hwarticles ul p {display:none;color:var(--text-color-1);font-weight:400;font-size:1rem;line-height:1.4rem;}
#hwarticles ul .icons {display:flex;flex-wrap:wrap;font-size:0.875rem;font-weight:600;line-height:1.8em;}
#hwarticles ul .icons span {display:flex;align-items:center;gap:3px;margin-right:10px;}
#hwarticles ul .icons svg {width:16px;height:16px;fill:var(--text-color-2);}
#hwarticles ul .icons a {text-decoration:underline;}
#hwarticles ul .icons a:hover {color:var(--color-2);}
#hwarticles ul li:first-child {width:100%;flex-direction:row;gap:20px;}
#hwarticles ul li:first-child .image {width:50%;margin-bottom:auto;}
#hwarticles ul li:first-child .content {width:50%;padding:0 10px;}
#hwarticles ul li:first-child h3 {margin-top:0;}
#hwarticles ul li:first-child p {display:block;margin:15px 0;}

#hwforum {width:43%;}
#hwforum li {display:flex;gap:20px;padding:7px 0 8px 0;align-items:center;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
#hwforum .icon {position:relative;width:34px;height:34px;margin:0 0 0 20px;}
#hwforum .icon svg {position:absolute;left:4px;top:3px;z-index:3;width:25px;height:25px;fill:var(--color-1);}
#hwforum .icon img {position:absolute;top:0;left:0;z-index:2;display:block;width:34px;height:34px;opacity:var(--icon-opacity);}
#hwforum .title {width:calc(100% - 160px);font-size:0.9375rem;font-weight:600;color:var(--text-color-2);}
#hwforum .title h3 {padding:2px 0;margin:0;}
#hwforum .title h3:hover {text-decoration:underline;}
#hwforum .today {font-weight:700;color:var(--highlight-color);}
#hwforum .title .date::after {content:"•";padding:0 4px;}
#hwforum .title .author a {font-weight:700;color:var(--color-1);}
#hwforum .title .author a:hover {text-decoration:underline;}
#hwforum .count {display:flex;gap:5px;width:65px;align-items:center;font-weight:600;font-size:0.875rem;color:var(--text-color-2);}
#hwforum .count svg {width:17px;height:17px;fill:var(--text-color-2);}

#hwads ul {display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
#hwads ul li {display:flex;flex-direction:column;padding:5% 5% 4% 5%;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
#hwads ul li:last-child {display:none;}
#hwads ul .image {position:relative;width:100%;border-radius:4px;overflow:hidden;}
#hwads ul .imagetag {background:var(--background-color-6);}
#hwads ul .image span  {display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:65% 0 0 0;border-radius:4px;transition:400ms;}
#hwads ul .image img {display:block;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px;transition:400ms;}
#hwads ul .image img:hover {scale:1.05;}
#hwads ul h3 {margin:10px 0;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
#hwads ul h3:hover {text-decoration:underline;}
#hwads ul footer {margin-top:auto;font-size:0.9375rem;font-weight:600;color:var(--text-color-2);}
#hwads ul footer svg {width:13px;height:13px;position:relative;top:2px;fill:var(--text-color-2);}
#hwads ul .price {margin-bottom:10px;color:var(--color-1);font-size:1.125rem;font-weight:700;}
#hwads ul .locality {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#hwads .button {margin:-35px 0 30px 0;text-align:center;}

#hwevents .container {display:flex;flex-direction:row-reverse;gap:3%;padding:25px;background:var(--background-color-1);box-shadow:var(--box-shadow);border-radius:var(--border-radius);}
#hwevents .firstevent {display:flex;flex-direction:column;width:40%;}
#hwevents .firstevent h2 {margin-bottom:5px;font-size:1.375em;font-weight:700;color:var(--color-1);}
#hwevents .firstevent .image {position:relative;margin:10px 0;}
#hwevents .firstevent .image img {border-radius:4px;}
#hwevents .firstevent .content {font-weight:650;color:var(--text-color-3);}
#hwevents .firstevent p {margin-top:15px;color:var(--text-color-1);line-height:1.4rem;}
#hwevents .firstevent .smallicons {flex-direction:column;align-items:flex-start;font-weight:600;}
#hwevents .firstevent .arrowlink {text-align:left;}
#hwevents .firstevent .arrowlink a {color:var(--color-1);}
#hwevents .smallevents {width:57%;}
#hwevents .smallevents .homeevents {display:flex;flex-wrap:nowrap;margin:0;border-bottom:2px solid var(--border-color);}
#hwevents .smallevents .homeevents:last-child {border-bottom:0;}
#hwevents .smallevents .homeevents .datebox {padding:10px 0;min-width:10%;text-align:center;font-size:0.8125em;color:var(--background-color-1);background:var(--color-1);border-radius:var(--border-radius);border-top-right-radius:0;border-bottom-right-radius:0;}
#hwevents .smallevents .homeevents .datebox strong {display:block;font-size:0.9375em;}
#hwevents .smallevents .homeevents .eventslist {width:90%;background:var(--background-color-1);border-radius:0 6px 6px 0;}
#hwevents .smallevents .homeevents .eventslist .item:last-child {border:0;}
#hwevents .smallevents .homeevents .item {gap:15px;align-items:center;margin:0;padding:3px 0 3px 10px;background:0;border-bottom:2px solid var(--border-color);border-radius:0;box-shadow:none;}
#hwevents .smallevents .homeevents .item .image {width:67px;min-width:67px;height:67px;align-content:center;}
#hwevents .smallevents .homeevents .item .image span {padding-top:100%;}
#hwevents .smallevents .homeevents .item .content {padding:0 0 4px 0;}
#hwevents .smallevents .homeevents .item .content .categories {margin:5px 0 0 -5px;font-size:0.875em;}
#hwevents .smallevents .homeevents .item .content .categories span {margin:0 5px;color:var(--color-1);}
#hwevents .smallevents .homeevents .item .content h3 {margin:0;font-size:1.0625em;}
#hwevents .smallevents .homeevents .item .content h3:hover {text-decoration:underline;}
#hwevents .smallevents .homeevents .item .smallicons {margin:0;font-size:0.875em;font-weight:600;}

#hwanimals .section {display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;}
#hwanimals .section a {position:relative;z-index:2;width:calc(20% - 20px);height:220px;border-radius:4px;overflow:hidden;}
#hwanimals .section a:last-child {display:none;}
#hwanimals .section a span {position:absolute;left:0;bottom:0;z-index:3;display:block;width:100%;height:130px;padding:60px 20px 25px 20px;font-size:1.125rem;color:rgb(255,255,255);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:linear-gradient(transparent,rgba(0,0,0,0.65));}
#hwanimals .section a span strong {display:block;text-overflow:ellipsis;overflow:hidden;}
#hwanimals .section a img {width:100%;height:220px;object-fit:cover;border-radius:4px;transition:400ms;}
#hwanimals .section a:hover img {scale:1.05;}

#hwusers .section {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:45px 30px;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
#hwusers .userscount {display:flex;width:330px;gap:20px;justify-content:center;font-size:1.125rem;white-space:nowrap;}
#hwusers .userscount strong {font-size:1.625rem;font-weight:600;color:var(--color-1);}
#hwusers .userscount strong svg {position:relative;top:3px;width:31px;height:31px;margin-right:5px;fill:var(--color-1);}
#hwusers .users {display:flex;flex-wrap:wrap;gap:20px 10px;height:75px;width:calc(100% - 330px);justify-content:center;overflow:hidden;}
#hwusers .users a {width:110px;display:flex;flex-direction:column;justify-content:center;align-items:center;}
#hwusers .users a span {width:55px;min-width:55px;height:55px;background:var(--background-color-3);border-radius:50%;}
#hwusers .users a span img {width:55px;min-width:55px;height:55px;border-radius:50%;}
#hwusers .users a span svg {width:55px;min-width:55px;height:55px;fill:var(--shadow-color);border-radius:50%;}
#hwusers .users a strong {display:block;width:100px;text-align:center;font-weight:600;color:var(--color-1);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#hwusers .users a:hover strong {text-decoration:underline;}

#hwnews {width:calc(66.66% - 50px);}
#hwnews ul {display:flex;flex-wrap:wrap;gap:30px;}
#hwnews li {width:calc(25% - 30px);}
#hwnews li .image {display:block;width:120px;height:80px;overflow:hidden;border-radius:4px;}
#hwnews li .image img {display:block;object-fit:cover;width:100%;height:80px;border-radius:4px;transition:400ms;}
#hwnews li .content strong {display:block;margin:20px 0 10px 0;font-size:1.125rem;color:var(--color-2);text-decoration:underline;}
#hwnews li .content .date {font-size:0.9375em;font-weight:700;color:var(--text-color-2);}
#hwnews li a:hover img {scale:1.05;}
#hwnews li a:hover strong {text-decoration:none;}

#hwjokes {width:33.33%;}
#hwjokes .section {position:relative;}
#hwjokes .section a {display:flex;gap:60px;align-items:center;padding:45px;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
#hwjokes .section a .icon svg {width:36px;height:36px;fill:var(--color-1);}
#hwjokes .section a .content strong {font-size:1.125rem;color:var(--color-2);}
#hwjokes .section a .content em {margin-top:15px;font-size:0.9375rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
#hwjokes .section a strong {text-decoration:underline;}
#hwjokes .section a:hover strong {text-decoration:none;}
#hwjokes .section small {position:absolute;bottom:-15px;left:20px;height:0;border-style:solid;border-width:17px 17px 0 0;border-color:var(--background-color-1) transparent transparent transparent;}

@media only screen and (max-width:1350px) {
   .hwrow {gap:25px;}
   .homewidget header {margin:30px 0 20px 0;}
   #hwarticles {width:calc(57% - 25px);}
   #hwanimals .section {gap:15px;}
   #hwanimals .section a {width:calc(20% - 12px);}
   #hwanimals .section a span {height:120px;padding:60px 15px 25px 15px;}
   #hwnews {width:calc(66.66% - 25px);}
}

@media only screen and (max-width:1280px) {
   #hwads ul {grid-template-columns:repeat(3,1fr);gap:15px;}
   #hwads ul li:last-child {display:flex;}
   #hwevents ul p {text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
}

@media only screen and (max-width:1020px) {
   .hwrow {gap:15px;}
   .homewidget header {margin:20px 0 15px 0;}
   #hwarticles {width:calc(50% - 15px);}
   #hwarticles ul {padding:0;background:0;border:0;}
   #hwarticles ul img {height:150px;}
   #hwarticles ul li {width:100%;flex-direction:row;gap:5px!important;margin-bottom:5px;padding:15px 10px;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
   #hwarticles ul li .image {width:45%!important;}
   #hwarticles ul li .content {width:55%!important;padding:0 10px;}
   #hwarticles ul li h3 {margin:0 0 15px 0;-webkit-line-clamp:3;}
   #hwarticles ul li p {display:none!important;}
   #hwarticles ul .icons {margin-top:10px;}
   #hwforum {width:50%;}
   #hwforum li {gap:10px;}
   #hwforum .icon {margin-left:10px;}
   #hwforum .title {width:calc(100% - 140px);}
   #hwforum .count {width:auto;padding:0 20px 0 20px;}
   #hwads .button {margin:-25px 0 40px 0;text-align:left;}
   #hwevents .container {padding:20px;}
   #hwanimals .section a {width:calc(33.333% - 10px);}
   #hwanimals .section a:last-child {display:block;}
   #hwusers .section {padding:30px 0;}
   #hwusers .userscount {width:230px;flex-direction:column;gap:15px;align-items:center;}
   #hwusers .userscount strong svg {top:3px;width:28px;height:28px;}
   #hwusers .users {height:65px;gap:15px;width:calc(100% - 230px);}
   #hwusers .users a {width:85px;}
   #hwusers .users a span {width:45px;min-width:45px;height:45px;}
   #hwusers .users a span img {width:45px;min-width:45px;height:55px;}
   #hwusers .users a span svg {width:45px;min-width:45px;height:45px;}
   #hwusers .users a strong {width:85px;}
   #hwnews li .image {width:115px;}
}

@media only screen and (max-width:800px) {
   .homewidget header {margin:20px 0 10px 0;}
   #hwarticles {width:100%;}
   #hwforum {width:100%;}
   #hwads ul {grid-template-columns:1fr 1fr;gap:8px;}
   #hwads ul li:last-child {display:none;}
   #hwads ul .price {text-align:left;}
   #hwevents .container {padding:15px;}
   #hwevents .firstevent {display:none;}
   #hwevents .smallevents {width:100%;}
   #hwnews {width:100%;margin-bottom:30px;}
   #hwnews li {width:calc(50% - 30px);}
   #hwnews li a {display:flex;flex-direction:row;gap:15px;}
   #hwnews li .image {width:120px;}
   #hwnews li .content {display:block;width:calc(100% - 130px);}
   #hwnews li .content strong {margin-top:0;}
   #hwjokes {width:100%;}
}

@media only screen and (max-width:650px) {
   #hwarticles ul li {padding:10px;}
   #hwarticles ul img {height:125px;}
   #hwevents .container {padding:0;}
   #hwanimals .section {gap:10px;}
   #hwanimals .section a {width:calc(50% - 5px);}
   #hwnews li {width:100%;}
   #hwusers .section {padding:20px 0px;}
   #hwusers .userscount {width:100%;flex-direction:row;padding-bottom:25px;}
   #hwusers .userscount br {display:none;}
   #hwusers .users {width:100%;}
   #hwusers .users a {width:85px;}
}

@media only screen and (max-width:410px) {
   #hwanimals .section a {width:100%;}
   #hwusers .userscount br {display:inherit;}
}

/* Sidebox widgets */
.sbwidget {margin-bottom:40px;}
.sbwidget header {margin-bottom:15px;}
.sbwidget header h4 {font-size:1.25rem;font-weight:700;color:var(--color-1);}
.sbwidget header div {font-size:0.9375rem;font-weight:600;color:var(--text-color-2);}
.sbwidget header div svg {position:relative;top:2px;width:12px;height:12px;fill:var(--text-color-2);rotate:-15deg;}
.sbonline {padding:12px;background:var(--background-color-1);border-radius:4px;}
.sbonline ul {padding:30px 45px;color:var(--text-color-3);background:var(--background-footer);}
.sbonline ul li {padding:3px 0 3px 7px;font-weight:700;}
.sbonline ul li.bigger {padding-bottom:10px;font-size:1.125rem;color:var(--text-color-6);}
.sbonline ul li::marker {content:"•";font-size:0.875rem;font-weight:400;}
.sbonline ul li a.selected {color:var(--text-color-6);text-decoration:underline;}
.sbonline .count {display:flex;padding:30px 25px 15px 25px;gap:7px;align-items:center;font-size:0.9375rem;font-weight:700;}
.sbonline .count span {margin-right:7px;font-size:1.5rem;font-weight:600;color:var(--color-1);}
.sbonline .count svg {width:24px;height:24px;fill:var(--color-1);}
.sbonline .list {padding:0 25px 50px 25px;font-size:0.9375rem;color:var(--text-color-2);}
.sbonline a:hover {text-decoration:underline;}
.sbitems a {display:flex;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
.sbitems a:hover span.title {text-decoration:underline;}
.sbitems .image {position:relative;display:flex;width:50px;height:55px;align-items:center;justify-content:center;}
.sbitems .image img {display:block;width:34px;height:34px;opacity:var(--icon-opacity);}
.sbitems .image svg {position:absolute;bottom:7px;left:10px;width:27px;height:27px;fill:var(--color-1);}
.sbitems .image.icon svg {position:initial;width:22px;height:22px;}
.sbitems .image.centericon svg {bottom:13px;left:14px;}
.sbitems .image.user svg {bottom:12px;left:11px;width:33px;height:33px;}
.sbitems .content {width:calc(100% - 55px);padding:10px 15px 10px 0;font-weight:700;color:var(--text-color-2);overflow:hidden;}
.sbitems .content span.title {display:block;color:var(--color-1);font-size:1em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sbitems .content span {display:block;margin-top:2px;font-size:0.875rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sbitems .content em {color:var(--color-1);font-style:normal;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.sbitems .content em::before {content:"•";padding:0 6px;color:var(--text-color-2);font-size:0.8125rem;}
.sbworldmap .mapbox {position:relative;z-index:1;width:330px;height:195px;background:url('../images/maps/world/small/world_map.png')}
.sbworldmap map {z-index:2;cursor:pointer;}
.sbworldmap img {opacity:0;}
.sbworldmap .hoverbox {position:absolute;top:0;left:0;z-index:5;width:330px;height:195px;}

@media only screen and (max-width: 360px) {
   .sbworldmap {zoom:0.9;}
}

@media only screen and (max-width: 330px) {
   .sbworldmap {zoom:0.8;}
}

/* Ads */
.offers {display:flex;flex-wrap:wrap;gap:10px;}
.offer .controls {position:relative;top:-1px;}
.offer {position:relative;display:flex;width:100%;gap:2.1%;padding:1.6%;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
.offer .image {position:relative;display:block;width:28%;border-radius:4px;}
.offer .image span  {display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:65% 0 0 0;border-radius:4px;transition:400ms;}
.offer .image img {display:block;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px;transition:400ms;}
.offer .imagetag {left:8px;right:auto;background:var(--background-color-6);}
.offer .image img:hover {scale:1.05;}
.offer .content {flex:1;font-weight:700;color:var(--text-color-2);}
.offer header {display:flex;gap:5px;margin-right:-6px;align-items:flex-start;justify-content:flex-start;}
.offer header h2 {margin-right:auto;font-size:1.375rem;color:var(--color-2);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.offer header h2:has(a):hover {text-decoration:underline;}
.offer header .top {display:flex;gap:5px;padding:3px 10px;align-items:center;justify-content:center;font-weight:600;font-size:0.9375rem;color:var(--background-color-1);background:var(--top-color);border-radius:4px;}
.offer header .top svg {width:18px;height:18px;fill:var(--background-color-1);}
.offer p {margin:15px 0;color:var(--text-color-1);font-weight:400;line-height:1.4em;}
.offer .icons {display:flex;flex-wrap:wrap;margin:5px 0;font-size:0.9375rem;line-height:1.8em;color:var(--text-color-2);}
.offer .icons.bottom {flex-direction:row-reverse;}
.offer .icons span {margin-right:25px;white-space:nowrap;}
.offer .icons svg {position:relative;top:4px;width:18px;height:18px;margin-right:2px;fill:var(--text-color-2);}
.offer .icons .price {margin:0 0 0 auto;color:var(--color-1);font-weight:700;font-size:1.25rem;}

.editnotice {margin:10px 0 0 0;padding:8px 25px;color:var(--text-color-2);background:rgba(var(--color-1-rgb),0.1);}

@media only screen and (max-width: 767px) {
   .offer {width:calc(50% - 5px);flex-direction:column;}
   .offer .controls {position:absolute;top:4%;right:6%;z-index:5;}
   .offer .image {width:100%;}
   .offer .image span {padding-top:80%;}
   .offer header {margin-right:0;}
   .offer header h2 {margin:0;font-size:1.25rem;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
   .offer header .top {gap:5px;padding:2px 6px;font-size:0.875rem;}
   .offer header .top svg {width:16px;height:16px;}
   .offer .imagetag {left:5px;right:auto;}
   .offer .icons {margin:5px 0;}
   .offer .icons span {margin-right:15px;}
   .offer .icons.bottom {flex-direction:column;align-items:flex-start;font-weight:600;}
   .offer .icons svg {top:2px;width:13px;height:13px;}
   .offer .icons .price {width:100%;margin-top:auto;margin-bottom:10px}
   .offer p {height:40px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
}

@media only screen and (max-width: 650px) {
   .offer header {flex-wrap:wrap;flex-direction:column-reverse;}
   .offer header .top {width:100%;margin-bottom:3px;}
   .offer header h2 {font-size:1.125rem;}
   .offer p {display:none;}
}

@media only screen and (max-width: 450px) {
   .offer header .top {gap:5px;padding:2px 6px;font-size:0.875rem;}
}

/* Ad */
#offerdetail {padding:2.7% 3.5%;background:var(--background-color-1);}
#offerdetail header {display:flex;flex-wrap:wrap;margin-bottom:2.7%;}
#offerdetail .lefticons {width:50%;display:flex;gap:15px;align-items:stretch;justify-content:flex-start;font-weight:700;color:var(--text-color-2);}
#offerdetail .lefticons .tag {display:flex;gap:10px;padding:6px 25px 5px 25px;align-items:center;color:var(--background-color-1);background:var(--background-color-6);border-radius:4px;}
#offerdetail .lefticons .tag svg {position:relative;top:-1px;margin-left:-10px;width:24px;height:24px;fill:var(--background-color-1);}
#offerdetail .lefticons .tag.sell {background:var(--color-2);}
#offerdetail .lefticons .tag.buy {background:var(--color-1);}
#offerdetail .lefticons .icon {display:flex;gap:10px;margin-left:10px;align-items:center;}
#offerdetail .lefticons .icon svg {position:relative;top:1px;width:18px;height:18px;fill:var(--text-color-2);}
#offerdetail .righticons {width:50%;display:flex;gap:10px;align-items:center;justify-content:flex-end;}
#offerdetail .righticons .price {margin-right:15px;color:var(--color-1);}
#offerdetail .righticons .price strong {margin-left:5px;font-size:1.25rem;}
#offerdetail .righticons .controls span {width:36px;height:36px;font-size:1.3125rem;color:var(--color-1);background:var(--background-color-2);}
#offerdetail .righticons .controls span:hover {background-color:var(--background-color-4);}

#offerdetail .titleimage {margin:3% 0 2.7% 0;}
#offerdetail .titleimage span {padding-top:65%;}
#offerdetail .images {margin:2.7% 0 6% 0;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px;}
#offerdetail .images span {display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:75% 0 0 0;border-radius:4px;background:var(--text-color-1);}
#offerdetail .images img, #offerdetail .images iframe {display:block;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px;}

.offerinfo {display:flex;gap:2%;flex-wrap:wrap;margin:6% 0 3% 0;padding:5% 6%;border:1px solid var(--border-color);border-radius:35px;}
.offerinfo .table {width:50%;}
.offerinfo .table a {text-decoration:underline;}
.offerinfo .table a:hover {color:var(--color-2);}
.offerinfo .table .row {padding:2px 0;display:flex;flex-wrap:wrap;gap:10px;}
.offerinfo .table .caption {width:40%;display:flex;gap:10px;align-items:center;color:var(--text-color-2);}
.offerinfo .table .caption span {display:flex;width:30px;height:30px;align-items:center;justify-content:center;background:var(--text-color-2);border-radius:50%;}
.offerinfo .table .caption span svg {width:18px;height:18px;fill:var(--background-color-1);}
.offerinfo .table .value {display:flex;width:calc(60% - 10px);gap:5px;align-items:center;font-weight:700;color:var(--color-1);}
.offerinfo .locality {width:48%;display:flex;align-items:center;justify-content:center;}
.offerinfo .locality img {width:75%;}

#offerdetail .smalltitle {margin-top:7%;}
#offerdetail .cols {margin:3% 0 5% 0;align-items:center;}
#offerdetail .cols .col1 {font-size:1.25rem;}
#offerdetail .col1 strong {color:var(--color-1);white-space:nowrap;}
#offerdetail .col1 strong svg {position:relative;top:4px;margin:0 3px 0 5px;width:21px;height:21px;fill:var(--color-1);}

.offervideo {margin:20px 0;}
.offervideo iframe {width:100%;}

@media only screen and (max-width: 767px) {
   #offerdetail .images {gap:10px;}
   .offerinfo .table {width:100%;}
   .offerinfo .locality {width:1000%;margin-top:5%;}
}

@media only screen and (max-width: 650px) {
   #offerdetail .lefticons {gap:10px;}
   #offerdetail .lefticons .tag {gap:10px;padding:1px 15px 2px 10px;font-size:0.875rem;}
   #offerdetail .lefticons .tag svg {top:-1px;width:18px;height:18px;}
   #offerdetail .lefticons .icon {gap:5px;margin-left:5px;}
   #offerdetail .lefticons .icon svg {width:16px;height:16px;}
   #offerdetail .righticons .price {margin-right:5px;}
   #offerdetail .righticons .price strong {font-size:1.125rem;}
   #offerdetail .righticons .controls span {width:30px;height:30px;font-size:1.25rem;}
   #offerdetail .col1 {display:flex;justify-content:center;align-items:center;margin:3% 2.7% 0 2.7%;}
   #offerdetail .col2 {display:flex;justify-content:center;}
   .offerinfo .table .row {margin-bottom:-10px;}
   .offerinfo .table .caption span {position:relative;top:11px;}
   .offerinfo .table .caption {width:100%;}
   .offerinfo .table .value {position:relative;left:40px;top:-15px;width:80%;}
}

@media only screen and (max-width: 410px) {
   #offerdetail .lefticons {width:100%;}
   #offerdetail .righticons {width:100%;}
}

/* Forum */
.forum {width:100%;display:grid;grid-template-columns:8.5% 55% 1fr 1fr 2.3fr;}
.forum > div {display:flex;align-items:center;margin-bottom:3px;padding:8px;font-size:0.9375rem;font-weight:600;color:var(--text-color-2);background:var(--background-color-1);}
.forum svg {width:18px;height:18px;margin-right:3px;fill:var(--text-color-2);}
.forum a:hover {text-decoration:underline;}
.forum .header {margin-bottom:0;padding:12px 8px;font-weight:700;color:var(--text-color-5);text-align:left;white-space:nowrap;background:var(--background-footer);border:0;}
.forum .header.title {grid-column-end:span 2;padding-left:20px;border-top-left-radius:4px;}
.forum .header.lastpost {border-bottom-right-radius:0;}
.forum .icon {justify-content:center;border-radius:4px 0 0 4px;}
.forum .icon span {position:relative;top:2px;width:50px;height:50px;}
.forum .icon svg {position:absolute;top:8px;left:9px;z-index:3;width:30px;height:30px;fill:var(--color-1);}
.forum .icon img {position:absolute;top:0;left:0;z-index:2;display:block;width:50px;height:50px;opacity:var(--icon-opacity);}
.forum .icon .tick {position:absolute;left:38px;z-index:4;top:2px;width:15px;height:15px;fill:var(--highlight-color);}
.forum .title {flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;}
.forum .title h3 a {font-size:1.0625rem;font-weight:700;color:var(--color-2);text-decoration:underline;}
.forum .title h3 a:hover {text-decoration:none;}
.forum .title svg {position:relative;top:3px;width:16px;height:16px;margin-right:2px;}
.forum .title a {color:var(--color-1);}
.forum .icons {display:flex;flex-wrap:wrap;align-items:center;}
.forum .icons li {margin-right:10px;white-space:nowrap;}
.forum .author {font-weight:700;}
.forum .author.logged svg {fill:var(--color-1);}
.forum .author a {color:var(--color-1);}
.forum .gotopage {margin-top:5px;}
.forum .gotopage a {font-weight:700;text-decoration:underline;}
.forum .gotopage a:hover {text-decoration:none;}
.forum .posts span {display:none;}
.forum .lastpost {flex-direction:column;justify-content:center;align-items:flex-start;border-radius:0 4px 4px 0;}
.forum .lastpost .date {font-weight:400;font-size:0.875rem;}
.forum .lastpost .author::before {content:"od: ";font-weight:400;}
.forum .seen {display:block;margin-bottom:3px;padding:0 8px 1px 8px;white-space:nowrap;font-size:0.8125rem;color:var(--background-color-1)!important;background:var(--highlight-color);border-radius:4px;}
.forum .seen svg {position:relative;top:2px;width:14px;height:14px;margin-right:4px;fill:var(--background-color-1);}
.forum .seen:hover {text-decoration:none;}
/*
.forum .seen {display:block;margin-bottom:3px;font-size:0.9375;color:var(--highlight-color)!important;}
.forum .seen svg {position:relative;top:2px;width:15px;height:15px;margin-right:4px;fill:var(--highlight-color);}
*/
.forum .adwrapper {margin:0 0 3px 0;grid-column-end:span 5;justify-content:center;border-radius:4px;}
.forum .adbox {margin:0;}
.forum .emptyrow {grid-column-end:span 5;justify-content:center;border-radius:4px;}

.post {margin:12px 0;padding:0 1.5%;background:var(--background-color-4);border-bottom:2px solid var(--border-color);border-radius:20px;}
.first_post {background:var(--background-color-4);border:0px solid var(--border-color);}
.post header {position:relative;padding:6px 35px 6px 6px;background:rgba(var(--background-color-4-rgb),0.8);border-radius:10px;}
.post header .controls {position:absolute;top:18px;right:5px;}
.post header .controls > span {color:var(--color-1);font-size:1.25rem;}
.post header .favourites {gap:3px;font-size:0.875em;}
.post header .favourites svg {width:18px;height:18px;}
.post header figure {display:flex;gap:10px;align-items:center;}
.post header figure > a {position:relative;width:50px;height:50px;border-radius:50%;}
.post header figure > a img {width:50px;height:50px;border-radius:50%;}
.post header figure > a small {position:absolute;bottom:0;right:0;display:block;width:15px;height:15px;border-radius:50%;border:2px solid var(--background-color-1);background:#4e9947;}
.post header figure > span {display:block;width:50px;height:50px;border-radius:50%;background:var(--background-color-1);}
.post header figure > span svg {position:relative;top:2px;width:50px;height:50px;border-radius:50%;fill:var(--color-1);opacity:0.3;}
.post header figcaption {color:var(--color-1);font-size:0.925rem;line-height:1.05rem;}
.post header figcaption strong {display:block;color:var(--text-color-2);}
.post header figcaption a em {color:var(--color-1);font-style:normal;}
.post header figcaption a:hover {text-decoration:underline;}
.post header figcaption .ip {display:block;font-size:0.875em;color:var(--text-color-2);}
.post section {width:100%;padding:15px 15px;font-size:1.125rem;line-height:1.4em;overflow:hidden;background:var(--background-color-1);border-radius:10px;}
.post section ul {padding:0 0 10px 30px;list-style:disc;}
.post section ol {padding:0 0 10px 30px;list-style:decimal;}
.post section p {margin:10px 0;}
.post section a {color:var(--color-1);font-weight:700;text-decoration:underline;}
.post section a:hover {text-decoration:none;}
.post section .smiley {position:relative;top:4px;height:20px;overflow:hidden;}
.post section a img {height:60px;}
.post section table {border:0;}
.post section table td {padding:2px 5px;background:#efefef;border:0;}
.post section hr {display:none;}
.post section iframe {width:60%;}
.post section blockquote {margin-bottom:15px;padding:10px 10% 10px 50px;color:var(--text-color-2);font-size:1rem;line-height:1.1rem;background:var(--background-color-5) url('../images/quote.svg') no-repeat 13px 10px;background-size:25px;border-radius:4px;}
.post section blockquote p {margin:5px 0;}
.post section blockquote .smiley {height:20px;}
.post section .reply {margin-bottom:15px;padding:10px 15px;color:var(--text-color-2);font-size:1rem;line-height:1.1rem;background:var(--background-color-5);border-radius:4px;}
.post section .showquote {position:relative;cursor:pointer;}
.post section .replybox {margin-top:15px;}
.post section .showquote .open {position:absolute;top:9px;right:5px;width:20px;height:20px;font-size:1.5rem;rotate:90deg;display:flex;text-align:center;justify-content:center;}
.post_images {padding:15px 10px 0px 0px;display:flex;flex-wrap:wrap;gap:5px;}
.post_images img {height:60px;}
#pollswitch {display:flex;gap:8px;max-width:180px;margin-top:5px;padding:5px 10px;align-items:center;justify-content:center;font-weight:700;background:var(--border-color);border-radius:20px;cursor:pointer;}
#pollswitch svg {width:24px;height:24px;}
.addanswerrow, .removeanswer {font-weight:600;cursor:pointer;}
.post_poll {max-width:600px;margin:20px 0 20px 0;padding:10px!important;list-style:none!important;background:var(--background-color-2);border:1px solid var(--border-color);border-radius:8px;}
.post_poll li:first-child {padding:10px;font-weight:700;font-size:1.125em;color:var(--color-1);}
.post_poll li {padding:5px 10px;}
.post_poll .option {margin:10px 0;padding:15px;background:var(--background-color-1);border:1px solid var(--border-color);border-radius:8px;}
.post_poll .useroption:hover {border-color:rgba(var(--color-1-rgb), 0.5);cursor:pointer;}
.post_poll.voted .useroption {border-color:var(--border-color)!important;cursor:default!important;}
.post_poll .textrow {display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;align-items:center;font-size:0.9375em;}
.post_poll input {zoom:1.5;width:auto!important;accent-color:var(--color-2);}
.post_poll .answer {line-height:1.05em;margin-right:30px;}
.post_poll .number {margin-left:auto;font-size:0.875em;font-weight:600;}
.post_poll li.active {border-color:var(--color-2);}
.post_poll .percentages {position:relative;width:100%;margin-top:10px;padding:0 8px;line-height:0.9em;background:linear-gradient(135deg,rgba(var(--color-1-rgb), 0.4),rgba(var(--color-1-rgb), 0.2) 40%);border-radius:10px;}
.post_poll .percentages span {position:absolute;top:0;left:0;z-index:5;height:100%;display:flex;background:var(--color-2);border-radius:10px;}
.post_poll .percentages small {position:relative;z-index:10;color:var(--text-color-5);font-size:0.75em;}
.post_poll li:last-child {padding:0 10px;text-align:right;font-size:0.875em}
.pollnote {margin:-20px 0 0 10px;font-size:0.75em;color:var(--text-color-2);}
.post footer {display:flex;width:100%;padding:10px 1.5% 8px 1.5%;}
.post .rating {color:var(--color-1);text-decoration:none;}
.post .rating a {text-decoration:none;}
.post .rating a:hover {color:var(--text-color-1);}
.post .rating svg {position:relative;top:1px;margin-right:2px;width:18px;height:18px;fill:var(--color-1);}
.post .buttons {display:flex;margin-left:auto;}
.post .buttons a {margin-left:35px;font-weight:700;font-size:0.925rem;color:var(--color-1);white-space:nowrap;text-decoration:none;}
.post .buttons a svg {margin:0 3px -5px 0;width:20px;height:20px;fill:var(--color-1);}
.post .buttons a:hover {color:var(--color-2);}
.post .buttons a:hover svg {fill:var(--color-2);}
.post .buttons .deletebutton {margin-left:5px;}

#quotereplyrow {display:none;}
#quotereplyrow blockquote {margin:10px 0;padding:15px 17% 11px 70px;color:var(--text-color-2);background:var(--background-color-1) url('../images/quote.svg') no-repeat no-repeat 17px 12px;background-size:40px;border:1px solid var(--background-color-4);border-radius:10px;}
#quotereplyrow blockquote p {margin:10px 0;}
#quotereplyrow blockquote a img {height:60px;}
#quotereplyrow blockquote ul {padding:0 0 10px 30px;list-style:disc;}
#quotereplyrow blockquote ol {padding:0 0 10px 30px;list-style:decimal;}
#quotereplyrow .reply {margin:10px 0;padding:10px 30px 10px 20px;color:var(--text-color-2);background:var(--background-color-1);border:1px solid #92a7bf;border-radius:10px;}
#quotereplyrow .smiley {position:relative;top:3px;height:20px;}

@media only screen and (max-width: 1350px) {
   .forum {grid-template-columns:65px 55% 1fr 2.3fr;}
   .forum .views {display:none;}
   .forum .icon a {width:40px;height:46px;}
   .forum .icon svg {top:8px;left:9px;width:22px;height:22px;}
   .forum .icon img {width:40px;height:40px;}
   .forum .icon .tick {left:31px;top:0px;}
   .forum .seen {padding-bottom:2px;}
   .forum .adwrapper {grid-column-end:span 4;}
   .forum .emptyrow {grid-column-end:span 4;}
}

@media only screen and (max-width: 650px) {
   .forum {grid-template-columns:54px 1fr;}
   .forum > div {border:0;}
   .forum .header {display:none;}
   .forum .header.title {display:flex;padding:10px 20px 8px 20px;border-top-right-radius:4px;}
   .forum .icon {grid-row-end:span 3;align-items:flex-start;padding-top:10px;}
   .forum .icon a {width:36px;height:36px;}
   .forum .icon svg {top:5px;left:6px;}
   .forum .icon img {width:36px;height:36px;}
   .forum .icon .tick {left:28px;top:0px;}
   .forum .title {margin-bottom:0;padding-bottom:3px;}
   .forum .title h3 {margin-bottom:10px;}
   .forum .title .gotopage {margin:3px 0 1px 0;}
   .forum .posts {margin-bottom:0;padding-top:0;}
   .forum .posts span {display:inline-block;margin-left:5px;}
   .forum .lastpost {flex-direction:row;justify-content:left;align-items:center;gap:1px 15px;flex-wrap:wrap;}
   .forum .lastpost .date::before {content:"Poslední: ";}
   .forum .lastpost .author::before {content:"od: ";}
   .forum .spacer {flex-basis:100%;}
   .forum .adwrapper {grid-column-end:span 2;}
   .forum .emptyrow {grid-column-end:span 2;}

   .post header {padding:4px 35px 4px 4px;}
   .post header .controls {top:7px;font-size:1.25rem;}
   .post header .favourites {top:10px;}
   .post header figure > a {width:40px;height:40px;}
   .post header figure > a small {width:12px;height:12px;right:0;bottom:0;border-width:2px;}
   .post header figure > a > img {width:40px;height:40px;}
   .post header figure > span {width:40px;height:40px;}
   .post header figure > span svg {top:1px;width:40px;height:40px;}
   .post section {padding:10px;}
   .post section iframe {width:100%;}
   .post_poll {width:100%;}
   .post_poll .answer {margin-right:15px;}
   .post footer {padding:7px 2.5% 4px 2.5%;}
   .post_images img {height:45px;}
   .post .rating svg {top:1px;width:15px;height:15px;}
   .post .buttons a {margin-left:15px;font-size:0.925rem;}
   .post .buttons a svg {margin:0 3px -5px 0;width:18px;height:18px;}
}

/* Items */
.item {position:relative;display:flex;gap:2.1%;margin:2.1% 0;padding:2.7% 2.1%;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
.item .controls {position:absolute;top:1%;right:0.3%;z-index:5;}
.item .image {position:relative;display:block;width:35%;border-radius:4px;overflow:hidden;}
.item .image span  {display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:62% 0 0 0;border-radius:4px;transition:400ms;}
.item .image img {display:block;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px;transition:400ms;}
.item .image.contain img {object-fit:contain;}
.item .image img:hover {scale:1.05;}
.item .content {flex:1;font-weight:700;color:var(--text-color-2);}
.item h2 {padding:0;margin-right:25px;font-size:1.25rem;color:var(--color-2);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.item h2:has(a):hover {text-decoration:underline;}
.item p {margin:2.7% 0;color:var(--text-color-1);font-weight:400;line-height:1.4em;}
.item .content .arrowlink {margin-top:0;}
.item .content .arrowlink a {color:var(--color-2);font-size:1rem;}
.item .icons {margin:5px 0;font-size:0.9375rem;line-height:1.8em;color:var(--text-color-2);}
.item .icons span {margin-right:2.3%;white-space:nowrap;}
.item .icons svg {position:relative;top:4px;width:18px;height:18px;margin-right:3px;fill:var(--text-color-2);}
.item .icons a {text-decoration:underline;}
.item .icons a:hover {color:var(--color-2);}
.item .icons.bottom {font-size:0.875rem;font-weight:600;}
.item .icons.bottom svg {width:16px;height:16px;top:3px;}
.item .tags a {background-color:var(--background-color-2);}
.item .logo {display:block;margin-top:20px;}
.item .logo img {width:150px;}
.item .bigicon {position:relative;top:10px;float:right;}
.item .bigicon svg {width:50px;height:50px;fill:var(--text-color-2);}
.item .desc {margin:20px 0;font-size:1.125rem;font-weight:400;color:var(--text-color-1);}

@media only screen and (max-width: 767px) {
   .item .icons svg {top:3px;width:15px;height:15px;}
   .item p {text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
   .item .tags {margin:10px 0;}
   .item .tags a {padding:2px 5px;border-radius:3px;}
}

@media only screen and (max-width: 650px) {
   .item .image {width:45%;}
   .item .image span {padding-top:74%;}
   .item p {display:none;}
   .item.nohidetext {flex-direction:column;}
   .item.nohidetext .image {width:100%;}
   .item.nohidetext .content {margin-top:10px;}
   .item.nohidetext p {display:inherit;}
   .item .bigicon svg {width:30px;height:30px;}
}

/* Small items */
.smallitems {display:grid;grid-template-columns:1fr 1fr;gap:1em;}
.smallitems .item {gap:5%;margin:0;}
.smallitems .item .controls > span {font-size:0.9em;}
.smallitems .item h2 {font-size:1.0625rem;}
.smallitems .adbox {grid-column-end:span 2;}

@media only screen and (max-width: 550px) {
   .smallitems {grid-template-columns:1fr;gap:10px;}
   .smallitems .adbox {grid-column-end:span 1;}
}

/* Wideitems */
.wideitems .image {width:180px;}
.wideitems .editlink {width:80px;display:flex;align-items:center;justify-content:center;}
.wideitems .editlink a {padding:10px;}
.wideitems .editlink svg {width:40px;height:40px;}

/* Simple items */
.simpleitems {margin:30px 0 80px 0;}
.simpleitems .item {padding:0;background:none;border:none;gap:4%;text-decoration:none;}
.simpleitems .item .content .title {display:block;margin:0 20px 10px 0;font-size:1.375rem;color:var(--color-2);text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.simpleitems .item .content .title:hover {text-decoration:underline;}

/* Inline items */
.inlineitems {grid-template-columns:1fr;margin:40px 0;padding:15px;background:var(--background-color-2);}
.inlineitems .item {gap:15px;}
.inlineitems .item .title {margin-bottom:6px!important;}
.inlineitems .image {width:150px;}

/* Square items */
.squareitems {display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;}
.squareitems.center {justify-content:center;grid-template-columns:1fr 1fr 1fr;}
.squareitems .item {margin:0;}
.squareitems .item .controls {top:3%;right:0.5%;}
.squareitems .item > a {display:flex;width:100%;flex-direction:column;align-items:center;gap:5px;}
.squareitems .item > a strong {color:var(--color-2);}
.squareitems .adbox {grid-column-end:span 4;}
.previewitems {grid-template-columns:1fr 1fr 1fr;margin:7% 10%;}
.previewitems h2 {grid-column-end:span 3;}

@media only screen and (max-width: 650px) {
   .previewitems {margin:7% 0;}
}

/* Smallicons */
.smallicons {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;font-size:0.9375em;color:var(--text-color-2);list-style:none!important;}
.smallicons li:after {content:"";margin:0 5px;}
.smallicons svg {width:16px;height:16px;position:relative;top:3px;margin-right:2px;fill:var(--text-color-2);}
.smallicons a {text-decoration:underline;}
.smallicons a:hover {color:var(--color-2);}

/* Article */
#article .textwrapper {margin:0;padding:4% 5%;background:var(--background-color-1);border-radius:4px 4px 0 0;}
#article .references {margin:40px 0 20px 0;color:var(--text-color-2);font-size:0.9375;}

.whitebox {margin:2% 0;padding:2.7% 2.1%;background:var(--background-color-1);border-radius:4px;}
.whitebox2 {margin:-20px 0 2% 0;padding:2.7% 3.1%;background:var(--background-color-1);border-radius:4px;}

.navbuttons {display:flex;margin:30px 0;gap:10px;justify-content:center;align-items:center;}
.navbuttons a {display:flex;padding:8px 15px;gap:10px;align-items:center;font-weight:700;color:var(--text-color-1);background:var(--background-color-4);border-radius:20px;}
.navbuttons a:hover {color:var(--background-color-1);background:var(--color-1);}

.titleimage {margin-top:-10px;}
.titleimage span {display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:56.21% 0 0 0;border-radius:4px;background:var(--text-color-1);} /* padding % = 100 / (w / h) */
.titleimage img, .titleimage iframe {display:block;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px;}
.titleimage.contain img {object-fit:contain;}

.contenticons {display:flex;margin:2.5% 0;padding:2.5% 4.5%;line-height:1.5rem;font-weight:700;color:var(--text-color-6);background:var(--background-footer);border-radius:4px;}
.contenticons span {white-space:nowrap;}
.contenticons .lefticons {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.contenticons .righticons {margin-left:auto;display:flex;flex-wrap:wrap;justify-content:flex-end;}
.contenticons .lefticons span {margin-right:25px;}
.contenticons .righticons span {margin-left:25px;}
.contenticons svg {position:relative;top:3px;width:18px;height:18px;margin-right:2px;fill:var(--text-color-6);}
.contenticons a {text-decoration:underline;}
.contenticons a:hover {color:var(--color-2);}
.contenticons .today {color:var(--text-color-3);}
.contenticons .yesterday {color:var(--text-color-3);}

.contentfooter {display:flex;gap:20px;flex-wrap:wrap;padding:4% 5%;background:var(--background-color-1);border-top:1px solid rgba(var(--background-color-2-rgb),0.8);border-bottom:2px solid var(--border-color);border-radius:0 0 4px 4px;}
.contentfooter .tags a {background:var(--shadow-color);}

.topedit {margin:-15px 8px 8px 0;text-align:right;color:var(--text-color-2);font-size:0.875rem;}
.topedit a {margin-left:15px;white-space:nowrap;}
.topedit a span {margin:0 8px;}
.topedit a:hover {color:var(--text-color-1);}
.topedit a:hover span {text-decoration:underline;}
.topedit svg {position:relative;top:3px;width:16px;height:16px;}

.bottomedit {margin:15px 40px;color:var(--color-1);font-size:0.9375rem;}
.bottomedit a span {margin:0 8px;font-weight:700;}
.bottomedit a:hover {text-decoration:underline;}

.sharebuttons {display:flex;gap:6px;justify-content:flex-end;align-items:center;margin-left:auto;}
.sharebuttons a {display:flex;width:26px;height:26px;line-height:26px;justify-content:center;align-items:center;background:var(--color-1);border-radius:50%;}
.sharebuttons a svg {width:16px;height:16px;fill:var(--background-color-1);}

.sharebuttons .rating {display:flex;gap:2px;align-items:center;margin-right:auto;}
.sharebuttons .rating > div {display:flex;gap:2px;align-items:center;margin-right:10px;}
.sharebuttons .rating a {display:flex;align-items:center;justify-content:center;height:26px;width:26px;min-width:26px;}
.sharebuttons .rating svg {width:18px;height:18px;}

.opencomments {display:flex;gap:40px;margin:50px 0 70px 0;align-items:center;justify-content:flex-end;}
.opencomments.center {justify-content:center;}
.opencomments > strong {font-size:1.125rem;color:var(--color-1);}
.opencomments .button {margin:0;}
.opencomments .button a {display:flex;flex-direction:column;padding:9px 50px 7px 50px;align-items:center;justify-content:center;font-size:0.875rem;font-weight:400;}
.opencomments .button strong {display:block;overflow:hidden;text-overflow:ellipsis;font-size:1.125rem;}
.opencomments .button strong svg {position:relative;top:4px;width:19px;height:19px;margin-right:10px;fill:var(--background-color-1);}

@media only screen and (max-width: 550px) {
   .opencomments {flex-direction:column;gap:15px;}
}

@media only screen and (max-width: 410px) {
   .contenticons {flex-wrap:wrap;flex-direction:column;}
   .contenticons .lefticons {flex-direction:column;}
   .contenticons .righticons {margin-left:0;justify-content:flex-start;flex-direction:column;}
   .contenticons .righticons span {margin-left:0;}
}

/* Article items */
.textimage {display:block;margin:15px 0;text-align:left;}
.textimagecaption {display:block;margin:3px 5px 0 0;font-style:italic;}
.textimagesource {display:block;margin:-5px 5px 5px 0;color:var(--text-color-2);font-size:0.85em;font-style:italic;}
.textimagesource a {color:var(--text-color-2);}
.textimagesource a:hover {color:var(--color-1)}
.textgallery {display:grid;grid-template-columns:repeat(4, 1fr);gap:10px;}
.textgallery .image {position:relative;display:block;border-radius:4px;overflow:hidden;}
.textgallery .image span  {display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:100% 0 0 0;border-radius:4px;transition:400ms;}
.textgallery .image img {display:block;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:4px;transition:400ms;}
.textgallery .image img:hover {scale:1.05;}
.blockquote {position:relative;left:35px;display:block;width:500px;margin:20px 0;padding:10px 40px 0 40px;font-family:Georgia,serif;font-size:1.2em;font-style:italic;color:#383838;}
.blockquote:before {position:absolute;left:-15px;top:30px;display:block;content:"\201C";font-size:5em;color:#aaa;}
.blockquote .cite {display:block;margin-top:5px;color:var(--text-color-2);}
.blockquote .cite:before {content:"\2014 \2009";}
.article_license {font-size:0.9375rem;color:var(--text-color-2);font-style:italic;}
.article_license p {margin:10px 0;}

/* Animals */
.animals {gap:0.5em 1.5em;}
.animals .item {gap:5%;}
.animals .item .image span {padding-top:75%;}
.animals .content em {display:block;padding-top:5px;font-size:0.9375rem;color:var(--text-color-2);}
.animals .content h3 {display:block;padding:2px 0 10px 0;font-size:1.25rem;color:var(--color-2);}
.animals .content h3:hover {text-decoration:underline;}
.animals .content > span {display:block;font-size:0.9375rem;}
.animals .content .category {color:var(--color-1);}
.articleanimal .item .image {width:100px;}
.articleanimal .item .image span {padding-top:100%!important;}
.articleanimal em {display:block;}

.animalslist {clear:both;padding:15px 30px;list-style:square;color:#999;background:var(--background-color-1);}
.animalslist > li {display:flex;padding:2px 5px;align-items:center;}
.animalslist > li .controls {margin-left:auto;}
.animalslist a {text-decoration:none;color:var(--color-1);}
.animalslist em {margin-left:6px;font-size:0.9em;font-weight:700;color:var(--text-color-2);}

.taxonomyicon svg {position:relative;top:-31px;left:10px;width:280px;height:280px;fill:var(--background-color-4);}
.compare {display:flex;width:400px;height:400px;align-items:flex-end;}
.compare svg {width:100%;}
.compare .compareperson {fill:var(--color-1);}
.compare .compareanimal {fill:var(--color-2);}

.azanimals {display:flex;justify-content:space-between;align-items:center;padding:0.9375em 1.5em;margin:1.25em 0;white-space:nowrap;font-size:0.875em;color:var(--text-color-1);background:var(--background-color-4);border-radius:20px;}
.azanimals a {display:flex;justify-content:center;align-items:center;width:1.3125rem;width:1.3125rem;height:1.3125rem;white-space:nowrap;font-weight:700;color:var(--color-1);border-radius:50%;}
.azanimals a.last {width:1.875rem;border-radius:10px;}
.azanimals a:hover,.azanimals a.selected {color:var(--background-color-1);background:var(--color-2);}

@media only screen and (max-width: 767px) {
   .azanimals {flex-wrap:wrap;justify-content:flex-start;}
   .taxonomyicon svg {left:27px;width:120px;height:120px;fill:var(--background-color-4);}
}

@media only screen and (max-width: 450px) {
   .compare {zoom:0.9;}
}

@media only screen and (max-width: 410px) {
   .compare {zoom:0.8;}
}

@media only screen and (max-width: 370px) {
   .compare {zoom:0.7;}
}

@media only screen and (max-width: 330px) {
   .compare {zoom:0.6;}
}

/* Animal */
#article.animal {display:flex;flex-direction:column;}
#article.animal header {order:1;}
#article.animal .tabs {order:2;}
#article.animal .contenticons {order:3;}
#article.animal .textwrapper {order:4;}
#article.animal .contentfooter {order:5;}
#article.animal .opencomments {order:6;}
#article.animal .authorbox {order:7;}

/* Events */
#events {position:relative;aspect-ratio:1;}
.monthrow {margin:20px 0;display:flex;gap:5px;align-items:center;padding:10px 15px 8px 15px;font-weight:650;color:var(--color-1);background:var(--border-color);border-radius:var(--border-radius);}
.monthrow svg {margin-top:-2px;width:22px;height:22px;fill:var(--color-1);}
.events {display:flex;flex-wrap:nowrap;margin-bottom:15px;}
.events .datebox {padding:15px 0;min-width:10%;text-align:center;font-size:0.9375em;color:var(--background-color-1);background:var(--color-1);border-radius:6px 0 0 6px;}
.events .datebox strong {display:block;font-size:1.25em;}
.events .eventslist {width:90%;background:var(--background-color-1);border-radius:0 6px 6px 0;}
.events .eventslist .item {margin:0;padding:0 0 0 2.5%;background:0;border-bottom:2px solid var(--border-color);border-radius:0;}
.events .eventslist .item:last-child {border:0;}
.events .item .image {width:17%;padding:10px 0;align-content:center;}
.events .item .content {padding:1.3% 2.5% 0.6% 0;}
.events .item .content .categories {margin:5px 0 5px -5px;font-size:0.875em;}
.events .item .content .categories span {margin:0 5px;color:var(--color-1);}
.events .item .content .smallicons {margin-top:7px;font-weight:600;}

#event {margin-top:-1.5%;padding:3% 3.5% 4% 3.5%;background:var(--background-color-1);border-radius:var(--border-radius);}
#event .topicons {width:50%;padding:0 0 20px 0;display:flex;gap:15px;align-items:stretch;justify-content:flex-start;font-weight:700;color:var(--text-color-2);}
#event .topicons .tag {display:flex;gap:10px;padding:6px 25px 5px 25px;align-items:center;color:var(--background-color-1);background:var(--background-color-6);border-radius:4px;}
#event .topicons .tag svg {position:relative;top:-1px;margin-left:-10px;width:24px;height:24px;fill:var(--background-color-1);}
#event .topicons .tag.sell {background:var(--color-2);}
#event .topicons .tag.buy {background:var(--color-1);}
#event .topicons .icon {display:flex;gap:10px;margin-left:10px;align-items:center;}
#event .topicons .icon svg {position:relative;top:1px;width:18px;height:18px;fill:var(--text-color-2);}
#event .titleimage, #event .titleimage:has(.blur) span {border-bottom-right-radius:0;border-bottom-left-radius:0;}
#event header {display:flex;gap:5%;flex-wrap:wrap;align-items:center;padding:4% 3.5%;border:1px solid var(--border-color);border-top:0;border-radius:0 0 25px 25px;}
#event .items {display:flex;gap:5px;flex-direction:column;width:60%;}
#event .map {width:35%;}
#event .bigitem {display:flex;gap:20px;margin-bottom:15px;flex-wrap:nowrap;}
#event .bigitem .icon {display:flex;width:50px;height:50px;align-items:center;justify-content:center;background:var(--color-1);border-radius:50%;}
#event .bigitem .icon svg {width:22px;height:22px;fill:var(--background-color-1);}
#event .bigitem .value {width:calc(100% - 70px);}
#event .bigitem .row1 {font-size:1.25em;font-weight:650;}
#event .bigitem .row2 {font-size:1.125em;}
#event .bigitem .row3 {font-size:0.9235em;}
#event .bigitem .row3:hover {color:var(--color-2);}
#event .smallitems {display:flex;flex-direction:column;gap:20px;margin-top:8%;}
#event .smallitem {display:flex;gap:20px;margin:0;align-items:center;}
#event .smallitem .icon {display:flex;width:60px;align-items:center;justify-content:center;}
#event .smallitem .icon span {display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:var(--color-1);border-radius:50%;}
#event .smallitem .icon span svg {width:16px;height:16px;fill:var(--background-color-1);}
#event .smallitem .value {width:calc(100% - 180px);line-height:1.2em;}
#event .smallitem .row1 {font-size:1.0625em;font-weight:650;}
#event h2.main {margin-top:5%;}
#event .content {display:flex;gap:5%;flex-wrap:wrap;}
#event .content .textwrapper {flex:1;}
#event .content .images {display:flex;flex-direction:column;gap:15px;width:25%;margin-top:60px;}
#event .content .images img {border-radius:var(--border-radius);}

@media only screen and (max-width: 800px) {
   .events .datebox {min-width:60px;padding:10px 0;font-size:0.9375em;}
   .events .datebox strong {display:block;font-size:1.25em;}
   #event .titleimage {margin:0;}
   #event .titleimage span {border-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0;}
}

@media only screen and (max-width: 600px) {
   #event .items {width:100%;}
   #event .map {width:80%;margin:3% 10% 0 10%;}
   #event .content .images {width:100%;}
}

@media only screen and (max-width: 450px) {
   .events .item {flex-direction:column;}
   .events .item .image {width:40%;padding:12px 0 0 5px;}
   .events .item .image span {padding:60% 0 0 0;}
   .events .item .image img {width:auto;}
   .events .item .content {padding-left:1.5%;}
}

/* ZOO */
.zooheader {display:flex;gap:30px;flex-wrap:wrap;}
.zooheader .ratings {flex:1;}
.zooheader .ratings h2 {margin:0;font-size:1.5rem;}
.zooheader .ratings .button {margin-top:30px;text-align:left;}
.zooheader .map {flex:1;display:flex;flex-direction:column;align-items:flex-end;}
.zooheader .map .logo {width:100px;}
#mapcr {position:relative;margin:0 auto;width:624px;height:358px;background:url('../images/map-cr-blue.gif') no-repeat top left;}
#mapcr a {position:absolute;}
#mapcr svg {width:50px;height:50px;fill:var(--color-2);}
#mapcr2 {position:relative;width:390px;height:224px;background:url('../images/map-cr-blue.gif') no-repeat top left;background-size:100% 100%;}
#mapcr2 span {position:absolute;}
#mapcr2 svg {width:33px;height:33px;fill:var(--color-2);}
.zoomap iframe {width:100%;}


@media only screen and (max-width: 950px) {
   #mapcr {zoom:0.8;}
}

@media only screen and (max-width: 767px) {
   #mapcr {zoom:0.9;}
}

@media only screen and (max-width: 650px) {
   .zooheader .ratings {flex-basis:100%;}
   .zooheader .map {flex-basis:100%;}
   .stars {zoom:0.8;}
   .bigstars {zoom:1.5;}
   #mapcr {zoom:0.7;}
}

@media only screen and (max-width: 500px) {
   #mapcr {zoom:0.6;}
}

@media only screen and (max-width: 450px) {
   #mapcr {zoom:0.5;}
   #mapcr2 {zoom:0.8;}
}

@media only screen and (max-width: 375px) {
   #mapcr {zoom:0.4;}
   #mapcr2 {zoom:0.65;}
}

/* Tabs */
.tabs {position:relative;}
.tabs .move {position:absolute;top:0;right:0;width:45px;height:100%;background:linear-gradient(90deg,transparent,var(--background-color-2));}
.tabs .buttons {display:flex;gap:2px;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;}
.tabs .buttons button, .tabs .buttons a {display:flex;gap:10px;padding:1.8% 3.7% 1.8% 2.7%;justify-content:center;align-items:center;color:var(--color-1);font-weight:700;border-radius:4px 4px 0 0;cursor:pointer;}
.tabs .buttons button svg, .tabs .buttons a svg {width:21px;height:21px;fill:var(--text-color-2);}
.tabs .buttons button:hover, .tabs .buttons a:hover, .tabs .buttons .active {background:var(--background-color-1);}
.tabs .buttons button:hover svg, .tabs .buttons a:hover svg {fill:var(--color-2);}
.tabs .buttons .active svg {width:25px;height:25px;fill:var(--color-2);}
.tabs .items > div {position:relative;display:flex;gap:5%;padding:5% 5% 7% 5%;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
.tabs .items > div .controls {position:absolute;top:5px;right:5px;}
.tabs .image {flex:50%;}
.tabs .image > span {display:block;width:100%;height:auto;position:relative;overflow:hidden;padding:80% 0 0 0;}
.tabs .image > span img {display:block;object-fit:contain;width:100%;position:absolute;top:0;bottom:0;left:0;right:0;}
.tabs .image figure {display:flex;margin-bottom:30px;gap:20px;align-items:center;line-height:1.2em;color:var(--text-color-2);}
.tabs h3 {font-size:1.375em;font-weight:700;color:var(--color-1);}
.tabs h3 span {display:block;font-size:0.7em;font-weight:700;color:var(--text-color-2);}
.tabs .image figure div {width:80px;height:80px;position:relative;overflow:hidden;border-radius:50%;}
.tabs .image figure div img {display:block;object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%;}
.tabs .content {flex:50%;line-height:1.4em;}
.tabs .content.paddingtop {padding-top:25px;}
.tabs .content ul {margin-top:30px;line-height:1.125rem;}
.tabs .content li {margin-bottom:8px;padding-left:10px;text-indent:-10px;}
.tabs .content li span {font-weight:700;}
.tabs .content li::before {content:"•";margin-right:2px;}

@media only screen and (max-width: 767px) {
   .tabs .items > div {flex-direction:column;}
   .tabs .content {padding-top:20px;}
}

@media only screen and (max-width: 550px) {
   .tabs .content {flex-direction:column;}
   .tabs .image {margin-bottom:10px;}
}

/* Cols */
.cols td {width:45%;padding:3px 0;vertical-align:top;}
.cols th {width:55%;padding:3px 0;vertical-align:top;}
.cols {display:flex;flex-wrap:wrap;}
.cols .col1 {flex:1;}
.cols .col2 {flex:1;}

@media only screen and (max-width: 650px) {
 .cols .col1,.cols .col2 {flex-basis:100%;}
}

/* Ratings */
.starsrating {margin:5px 0;display:flex;gap:15px;justify-content:flex-start;align-items:center;white-space:nowrap;}
.starsrating .stars {position:relative;z-index:1;}
.starsrating .bottomstars svg {display:block;width:90px;height:15.29px;fill:var(--text-color-2);}
.starsrating .topstars {position:absolute;top:0;left:0;z-index:2;overflow:hidden;}
.starsrating .topstars svg {display:block;width:90px;height:15.29px;fill:var(--color-1);}
.bigstars {zoom:1.7;}
.starrating li {display:inline-block;width:25px;height:25px;line-height:25px;color:var(--text-color-2);font-size:2rem;cursor:pointer;}
.starrating .highlight, .starrating .selected {color:var(--color-2);}

/* Authorbox */
.authorbox {display:flex;flex-wrap:wrap;gap:15px;margin:30px 0;padding:4% 4% 5% 4%;background:var(--background-color-4);border:5px solid var(--border-color);border-radius:20px;}
.authorbox .image a {position:relative;top:5px;display:block;width:60px;height:60px;border-radius:50%;}
.authorbox .image img {display:block;width:60px;height:60px;object-fit:cover;border-radius:50%;}
.authorbox .person {flex:1;padding-top:5px;}
.authorbox .person h3 {font-size:1.25rem;font-weight:700;color:var(--color-1);}
.authorbox .person h4 {font-weight:700;color:var(--color-1);}
.authorbox .person .date {padding-top:4px;font-size:0.9375rem;}
.authorbox .tags {margin-top:15px;}
.authorbox .tags a, .authorbox .tags span {background:var(--background-color-2);}
.authorbox .text {flex:2;padding-top:5px;}

@media only screen and (max-width: 767px) {
   .authorbox .text {flex-basis:100%;}
}

/* Comments */
#comments {margin:20px 0 50px 0;}
.comment {position:relative;display:grid;grid-template-columns:55px 1fr;gap:15px 10px;margin:15px 0;padding:20px 20px 30px 20px;background:var(--background-color-1);border-radius:20px;}
.comment .controls {position:absolute;top:8px;right:7px;}
.comment .avatar img {width:55px;min-width:55px;height:55px;border-radius:50%;}
.comment .postinfo {font-size:0.9375rem;}
.comment .postinfo .date {color:var(--text-color-2);}
.comment .postinfo .date svg {position:relative;top:1px;left:3px;width:13px;height:13px;fill:var(--text-color-2);}
.comment .postinfo a {text-decoration:underline;}
.comment .text {grid-column-end:span 2;padding:15px 10px 0 0px;background:var(--background-color-1);border-top:1px solid var(--background-color-2);overflow:hidden;}
.comment .post_images {grid-column-end:span 2;}
.comment .image {width:100%;}

@media only screen and (max-width: 767px) {
   .comment {padding:10px 15px 20px 15px;gap:10px;}
   .comment .text {padding-top:10px;}
}

/* Favourites */
.favourites {display:flex;align-items:center;gap:5px;font-weight:700;color:var(--color-1);font-size:1.125em;cursor:pointer;}
.favourites svg {width:24px;height:24px;fill:var(--color-1);}
.favourites a {display:flex;align-items:center;gap:5px;color:var(--color-1)!important;}
.favourites a:hover {text-decoration:none!important;}

#messenger {display:flex;}
#messenger .list {display:flex;flex-direction:column;gap:5px;width:25%;background:var(--background-color-1);border-radius:10px 0 0 10px;min-height:500px;}
#messenger .list .search {padding:10px;}
#messenger .list .search input {width:100%;padding:10px;background:rgba(var(--color-1-rgb),0.1);border-radius:8px;}
#messenger .list .search input::placeholder {opacity:0.7!important;}
#messenger .list a {position:relative;display:flex;gap:12px;margin:0 10px;padding:8px 10px;border-radius:8px;}
#messenger .list a:hover {background:rgba(var(--color-1-rgb),0.05);}
#messenger .list a.selected {background:rgba(var(--color-1-rgb),0.1);}
#messenger .list a img {display:block;width:50px;height:50px;border-radius:50%;}
#messenger .list .content {display:flex;flex-direction:column;gap:3px;width:calc(100% - 60px);justify-content:center;font-size:0.875em;color:var(--text-color-2);}
#messenger .list .content small {margin-right:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#messenger .list .user {display:flex;justify-content:space-between;align-items:center;}
#messenger .list .user strong {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.125em;color:var(--text-color-1);}
#messenger .list .user .datetime {position:relative;margin:2px 0 0 10px;}
#messenger .list .user .datetime span {position:absolute;right:0;display:block;min-width:20px;height:20px;line-height:19px;font-size:0.8125rem;text-align:center;color:var(--background-color-1);background:var(--color-2);border-radius:50%;}

#messenger .messages {width:75%;padding:10px;background:rgba(var(--background-color-1-rgb),0.6);}
#messenger .messages h2 {margin:30px 0 0 50px;}
#messenger header {display:flex;gap:20px;align-items:center;padding:10px;border-radius:8px;}
#messenger header .backtolist {display:none;cursor:pointer;}
#messenger header .backtolist svg {width:30px;height:30px;}
#messenger header img {display:block;width:50px;height:50px;border-radius:50%;}
#messenger header .content {display:flex;flex-direction:column;gap:3px;width:calc(100% - 60px);justify-content:center;font-size:0.875em;color:var(--text-color-2);}
#messenger header .content strong {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:1.125em;color:var(--text-color-1);}
#messenger .messages #form {padding:10px 10px 80px 10px;}
#messenger .messages .tools {display:flex;justify-content:flex-end;align-items:flex-start;gap:10px;padding-top:15px;}
#messenger .messages .tools .editor {width:100%;}
#messenger .messages .tools .ck.ck-toolbar {border-radius:15px 15px 0 0!important;border-bottom-width:0!important;zoom:0.85;}
#messenger .messages .tools .ck-editor__editable {min-height:30px!important;padding:5px 10px 7px 10px!important;border-top-width:0!important;border-radius:0 0 15px 15px!important;}
#messenger .messages .tools .ck-editor__editable.ck-focused {border-top-width:1px!important;}
#messenger .messages .tools .ck-editor__editable p {margin:5px 0!important;}
#messenger .messages .tools .buttons {display:flex;gap:10px;}
#messenger .messages .tools .filestoggler svg {width:28px;height:28px;margin-top:10px;fill:var(--text-color-4);transition:300ms;cursor:pointer;}
#messenger .messages .tools .filestoggler:hover svg {fill:var(--color-1);}
#messenger .messages .tools .submit {margin:0!important;display:flex;align-items:center;padding:15px 25px!important;border:0!important;border-radius:15px!important;}
#messenger .messages .tools .submit svg {width:18px;height:18px;fill:var(--text-color-6);}
#messenger .messages .files {margin:15px 10px 0 10px;}
#messenger .messages .fileuploader {margin-left:-16px!important;background:none!important;}
#messenger .messages .info {font-size:0.875em;color:var(--text-color-2);}
#messenger .pagination {margin:50px 60px;}

.message {display:flex;gap:10px;margin:20px 10px;}
.message .avatar {width:30px;height:30px;margin-top:5px;border-radius:50%;}
.message .text {max-width:70%;padding:10px 15px;font-size:1.0625em;background:rgba(var(--color-1-rgb),0.1);border-radius:15px;}
.message .date {margin-top:5px;text-align:right;font-size:0.7em;opacity:0.7;}
.message .date span {position:relative;top:1px;margin-left:8px;}
.message .controls {position:relative;top:5px;left:5px;}
.mymessage {flex-direction:row-reverse;}
.mymessage .text {color:var(--text-color-6);background:var(--message-color);}
.mymessage .text svg {fill:var(--text-color-6);}

@media only screen and (max-width:1280px) {
   #messenger .list {width:30%;}
   #messenger .messages {width:70%;}
}

@media only screen and (max-width:900px) {
   #messenger .list {width:100%;border-radius:10px;}
   #messenger .messages {width:100%;border-radius:10px;}
   #messenger.closed .messages {display:none;}
   #messenger.opened .list {display:none;}
   #messenger header .backtolist {display:flex;}
   #messenger .messages .tools .filestoggler svg {width:25px;height:25px;margin-top:6px;}
   #messenger .messages .tools .submit {padding:10px 20px!important;}
   #messenger .messages .tools .submit svg {width:18px;height:18px;}
}

@media only screen and (max-width:550px) {
   #messenger .messages #form {padding:10px 0 40px 0;}
   #messenger .messages .tools {flex-direction:column;}
   #messenger .messages .tools .buttons {width:100%;justify-content:flex-end;}
   #messenger .message {gap:5px;margin:15px 0px;}
   #messenger .message .avatar {width:20px;height:20px;}
}

/* Gridbox */
.gridbox .gridhead {display:grid;margin-bottom:0;padding:0;align-items:stretch;}
.gridbox .gridhead > div {padding:15px 5px;text-align:center;font-weight:700;font-size:0.875rem;color:var(--text-color-5);background:var(--background-footer);}
.gridbox .gridhead > div:first-child {padding-left:15px;border-radius:4px 0 0 0;}
.gridbox .gridhead > div:last-child {padding-right:15px;border-radius:0 4px 0 0;}
.gridbox .gridrow {display:grid;align-items:center;width:100%;margin-bottom:3px;padding:10px 0;font-size:0.875rem;background:var(--background-color-1);border-radius:4px;}
.gridbox .gridrow:nth-child(odd) {background:rgba(var(--background-color-1-rgb),0.5);}
.gridbox .gridrow > div {padding:0 5px;text-align:center;}
.gridbox .gridrow > div:first-child {padding-left:15px;border-radius:4px 0 0 4px;}
.gridbox .gridrow > div:last-child {padding-right:15px;border-radius:0 4px 4px 0;}
.gridbox .gridrow:hover {background:var(--shadow-color);}
.gridbox a {color:var(--color-1);text-decoration:underline;}
.gridbox a:hover {color:var(--color-2);}
.gridbox .gridrow .icon {align-self:flex-start;padding:5px!important;}
.gridbox .gridrow .icon img {display:inline-block;width:55px;min-width:55px;height:55px;border-radius:50%;}
.gridbox .gridrow .author {text-align:left;}
.gridbox .gridrow .count a {font-weight:700;}
.gridbox .gridrow .datetime {font-weight:700;}
.gridbox .controls {text-align:left;}
.usersgrid .gridhead,.usersgrid .gridrow {grid-template-columns:75px 3fr repeat(3, 1fr);}
.usersgrid.admin .gridhead,.usersgrid.admin .gridrow {grid-template-columns:75px 3fr repeat(3, 1fr) 35px;}
.logtable .gridhead,.logtable .gridrow {grid-template-columns:20% 1fr 1fr 50%;}
.pmessages .gridhead,.pmessages .gridrow {grid-template-columns:75px 3fr repeat(3, 1fr) 18%;}

@media only screen and (max-width: 550px) {
   .gridbox .gridrow .icon {grid-row-end:span 4;}
   .gridbox .gridrow .icon img {width:45px;min-width:45px;height:45px;}
   .gridbox .gridrow .author {padding-bottom:10px;}
   .gridbox .gridrow .count {text-align:left;}
   .gridbox .gridrow .editcol {grid-row-end:span 4;}
   .usersgrid .gridrow {grid-auto-flow:column;grid-template-columns:60px 3fr repeat(3, 1fr);}
   .usersgrid.admin .gridhead,.usersgrid.admin .gridrow {grid-template-columns:60px 1fr 30px;}
   .usersgrid .gridrow > div:nth-child(3)::before {content:"Inzeráty: ";padding-right:5px;}
   .usersgrid .gridrow > div:nth-child(4)::before {content:"Diskuze: ";padding-right:5px;}
   .usersgrid .gridrow > div:nth-child(5)::before {content:"Komentáře: ";padding-right:5px;}
   .usersgrid .gridhead .author {grid-column-start:span 4;}
   .usersgrid .gridhead .count {display:none;}
   .logtable .gridhead,.logtable .gridrow {grid-template-columns:40% 1fr;}
   .logtable .gridhead > div:nth-child(2),.logtable .gridhead > div:nth-child(4) {display:none;}
   .logtable .gridrow .datetime {grid-row-start:span 3;}
   .pmessages .gridhead {grid-template-columns:75px 1fr 1fr;}
   .pmessages .gridhead > div:nth-child(2) {grid-row-end:span 4;}
   .pmessages .gridhead > div:nth-child(3),.pmessages .gridhead > div:nth-child(4),.pmessages .gridhead > div:nth-child(5) {display:none;}
   .pmessages .gridrow {grid-auto-flow:column;grid-template-columns:75px 1fr 1fr;}
   .pmessages .gridrow .icon {grid-row-end:span 4;}
   .pmessages .gridrow > div:nth-child(6) {grid-row-end:span 4;}
   .pmessages .gridrow > div:nth-child(3)::before {content:"Přijaté: ";padding-right:5px;}
   .pmessages .gridrow > div:nth-child(4)::before {content:"Odeslané: ";padding-right:5px;}
   .pmessages .gridrow > div:nth-child(5)::before {content:"Nepřečtené: ";padding-right:5px;}
}

/* Gridtable */
.gridtable {width:100%;margin:20px 0;}
.gridtable td {padding:8px 5px;font-size:0.9375rem;font-weight:600;vertical-align:middle;background:var(--background-color-1);border-bottom:2px solid var(--border-color);}
.gridtable svg {width:18px;height:18px;margin-right:6px;fill:var(--text-color-2);}
.gridtable .adminlinks svg {fill:var(--color-2);}
.gridtable thead {padding:12px 0;font-weight:700;text-align:left;white-space:nowrap;color:var(--text-color-5);background:var(--background-footer);border:0;}
.gridtable thead th {padding:10px 5px;}
.gridtable thead th:first-child {border-top-left-radius:4px;}
.gridtable thead th:last-child {border-top-right-radius:4px;}
.gridtable tr td:first-child {border-radius:4px 0 0 4px;}
.gridtable tr td:last-child {border-radius:0 4px 4px 0;}
.gridtable .vat td {vertical-align:top;}
.gridtable .icon {width:90px;text-align:center;}
.gridtable .icon a {width:70px;height:70px;border-radius:50%;}
.gridtable .icon img {display:block;width:70px;height:70px;border-radius:50%;}
.gridtable .bigicon svg {width:40px;height:40px;fill:var(--color-1);}
.gridtable .title {flex-direction:column;gap:2px;align-items:flex-start;justify-content:center;}
.gridtable .title h3 a {margin-right:6px;font-size:1.0625rem;font-weight:700;color:var(--color-2);text-decoration:underline;}
.gridtable .title h3 a:hover {text-decoration:none;}
.gridtable .title h3 svg {top:2px;width:13px;height:13px;fill:var(--color-2);}
.gridtable .title a {color:var(--color-1);text-decoration:none;}
.gridtable .title a:hover {color:var(--color-2);}
.gridtable .text {margin:10px 0;}
.gridtable .center {text-align:center;}
.gridtable .smallertitle:before {content:"↳";position:relative;top:-4px;padding:0 5px;color:var(--text-color-2);}

@media only screen and (max-width: 650px) {
   .gridtable .icon {width:60px;text-align:center;}
   .gridtable .icon a {width:50px;height:50px;border-radius:50%;}
   .gridtable .icon img {display:block;width:50px;height:50px;border-radius:50%;}
   .gridtable .center {display:none;}
}

/* Emoticons */
.emoticon {margin:0 2px;position:relative;top:3px;}

/* Medals */
.medal svg {position:relative;top:2px;left:5px;width:14px;height:14px;}
.medal.gold svg {fill:var(--gold-color);}
.medal.silver svg {fill:var(--silver-color);}
.medal.bronze svg {fill:var(--bronze-color);}

/* Back to top */
.back-to-top {position:fixed;bottom:-20px;right:20px;display:block;width:50px;height:50px;background:var(--color-1);color:var(--background-color-1);text-align:center;text-decoration:none;border-radius:50%;opacity:0;-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transform:scale(0.3);box-shadow:4px 4px 10px rgba(0, 0, 0, 0.2);z-index:9;-webkit-transition:all 0.3s;transition:all 0.3s;}
.back-to-top:focus {color:var(--background-color-1);}
.back-to-top.show {bottom:20px;right:20px;opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.back-to-top.show:hover {color:var(--background-color-1);bottom:30px;opacity:1;}
.arrow {background-image:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMxOS4xIDIxN2MyMC4yIDIwLjIgMTkuOSA1My4yLS42IDczLjdzLTUzLjUgMjAuOC03My43LjZsLTE5MC0xOTBjLTIwLjEtMjAuMi0xOS44LTUzLjIuNy03My43UzEwOSA2LjggMTI5LjEgMjdsMTkwIDE5MHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE5LjEgMjkwLjVjMjAuMi0yMC4yIDE5LjktNTMuMi0uNi03My43cy01My41LTIwLjgtNzMuNy0uNmwtMTkwIDE5MGMtMjAuMiAyMC4yLTE5LjkgNTMuMi42IDczLjdzNTMuNSAyMC44IDczLjcuNmwxOTAtMTkweiIvPjwvc3ZnPg==);position:absolute;width:12px;height:12px;background-size:contain;transform:rotate(-90deg);top:30%;left:40%;}
.arrow:nth-child(2){top:42%;}

@keyframes bounceAlpha {0% {opacity:1;transform:rotate(-90deg) translateX(0px) scale(1);}25%{opacity:0;transform:rotate(-90deg) translateX(10px) scale(0.9);}26%{opacity:0;transform:rotate(-90deg) translateX(-10px) scale(0.9);}55% {opacity:1;transform:rotate(-90deg) translateX(0px) scale(1);}}
.back-to-top:hover .arrow{animation-name:bounceAlpha;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear;}
.back-to-top:hover .arrow:nth-child(2){animation-name:bounceAlpha;animation-duration:3s;animation-delay:1s;animation-iteration-count:infinite;animation-timing-function:linear;}

@media only screen and (max-width: 575px) {
    .back-to-top {width:40px;height:40px;}
    .back-to-top.show {bottom:10px;right:10px;}
    .back-to-top.show:hover {bottom:10px;}
    .arrow {top:27%;left:37%;}
}

/* Adbox */
.adbox {width:100%;margin:20px 0;text-align:center;overflow:hidden;}
.emptyadbox {margin:0 auto;display:flex;justify-content:center;align-items:center;}
.emptyadbox img {width:100%;}

/* Errors and warnings */
.systemmessage {position:relative;margin:20px 0;padding:20px 25px;color:var(--background-color-1);border-radius:4px;}
.systemmessage a {color:var(--background-color-1);font-weight:700;text-decoration:underline;}
.systemmessage a:hover {text-decoration:none;}
.systemmessage ol {padding-left:20px;list-style:decimal;}
.systemmessage button {position:absolute;top:5px;right:5px;display:flex;width:24px;height:24px;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border-radius:50%;}
.systemmessage button:hover {background:rgba(0,0,0,0.2)}
.notice {color:var(--text-color-2);background:var(--background-color-4);}
.notice span {color:var(--text-color-1);font-weight:700;}
.notice a {color:var(--text-color-1);}
.warning {background:var(--alert-color);}
.notification {background-color:var(--warning-color);}
.errorimage {width:300px !important;}

/* Access forms */
.accesspage {width:550px;margin:30px auto;padding:0;min-height:800px;text-align:center;}
.accessform {padding:40px 10%;text-align:center;background:var(--background-color-1);border-radius:4px;}
.accessform svg {width:35%;height:70px;}
.accessform h1 {margin-bottom:2%;color:var(--color-1);font-size:2.7rem;font-weight:700;}
.accessform form {margin:0;text-align:left;}
.accessform fieldset {padding:0;}
.accessform .caption {width:100%!important;padding:10px 0!important;text-align:left!important;} 
.accessform .input {width:100%!important;}
.accessform input {width:100%;padding:20px 0!important;text-indent:20px;border-radius:8px;}
.accessform .submit {text-indent:0;text-align:center;}
.accessform .checkboxlabel {display:block;padding-left:20px;text-indent:-20px;}
.accessform .checkboxlabel input {margin-right:3px;}
.accessform .checkboxlabel a {text-decoration:underline;}
.accessform .checkboxlabel a:hover {color:var(--color-2);}
.accessform .systemmessage {text-align:left;}
.accesspage p {margin:15px 0;color:var(--text-color-2);}
.accesspage .accessform p a {color:var(--text-color-2);font-weight:400;}
.accesspage p a {margin-left:5px;color:var(--color-1);font-weight:700;text-decoration:none;}
.accesspage p a:hover {text-decoration:underline;}

@media only screen and (max-width: 650px) {
   .accesspage {width:100%;margin:0 auto;}
   .accessform {padding:30px 5%;}
   .accessform form {width:100%;}
}

/* Ckeditor */
.ck.ck-editor__top.ck-reset_all {position:sticky;top:-21px;}
.ck-content {font-size:1.125rem;background:var(--background-color-1);}
.ck-content h1 {font-weight:bold;font-size:2rem;}
.ck-content h2 {font-weight:bold;font-size:1.6rem;}
.ck-content h3 {font-weight:bold;font-size:1.3rem;}
.ck-content p {margin:20px 0;}
.ck-content ol {margin:20px;list-style-type: decimal!;}
.ck-content ol ol {list-style-type: lower-latin;}
.ck-content ul {margin:10px 20px;list-style-type: disc!important;}
.ck-content ul ul {list-style-type: circle;}
.ck-content strong {font-weight:bold;}
.ck-content em {font-style:italic;}
.ck-content u {text-decoration:underline;}
.ck-content a {text-decoration:underline;font-weight:bold;color:var(--color-1);}

/* Helplist */
#helppanel {position:fixed;top:150px;right:0;}
#helppanel a {display:block;width:25px;margin-bottom:1px;padding:4px 0;color:var(--background-color-1);font-weight:700;font-size:0.85em;text-decoration:none;background:var(--color-2);opacity:0.7;}
#helppanel a:hover {opacity:1;}

/* Blinking effect */
 .blink{animation:blinker 3s cubic-bezier(.5,0,1,1)infinite;}
 @keyframes blinker {50%{opacity:0.5;}}

/* Autocomplete */
.ui-autocomplete {z-index:9999;max-height:250px;overflow-y:auto;overflow-x:hidden;float:left;padding-right:5px;text-align:left;background:var(--background-color-1);border-radius:0 0 15px 15px;box-shadow:5px 5px 5px 0 rgba(var(--color-1-rgb),0.05), -5px 5px 5px 0 rgba(var(--color-1-rgb),0.05);}
.ui-autocomplete .ui-menu-item {padding:10px!important;float:left;clear:left;width:100%;cursor:pointer;}
.ui-autocomplete .ui-menu-item:hover {font-weight:700;background:var(--background-color-2);}

/* Chat */
.chattitle {padding:15px 0 0 10px;font-size:1.125rem;font-weight:700;}
#chatonlineusers {min-height:300px;background:var(--background-color-1);overflow-y:auto;border-bottom:2px solid var(--border-color);border-radius:4px;}
#chatonlineusers ul {padding:20px 10px;}
#chatonlineusers ul li {padding:2px 0;}
#chatonlineusers ul a {color:var(--text-color-2);text-decoration:none;}
#chatonlineusers ul a:hover strong {color:var(--text-color-1)!important;text-decoration:underline;}
#chatlatestimages {position:relative;top:10px;height:167px;background:var(--background-color-1);border-bottom:2px solid var(--border-color);border-radius:4px;}
#chatlatestimages .chattitle {padding-top:10px;}
#chatlatestimages div {padding:5px 0 0 0;display:flex;flex-wrap:wrap;gap:3px;align-content:center;justify-content:center;}
#chatlatestimages a {width:calc(25% - 5px);height:40px;text-align:center;}
#chatmessagesbox {position:relative;}
#chatmessages {width:100%;height:440px;margin-bottom:10px;background:var(--background-color-1);overflow-y:scroll;}
#chatmessages table {width:100%;}
#chatmessages th {width:60px;padding-right:8px;vertical-align:top;font-size:0.9375rem;}
#chatmessages td {vertical-align:top;font-size:0.9375rem;}
#chatmessages td strong {cursor:pointer;}
#chatmessages .systemmessage {color:var(--text-color-2);}
#chatmessages .systemmessage td {color:var(--text-color-2);font-style:italic;}
#chatmessages .message {display:table-row;color:var(--text-color-2);}
#chatmessages .chaticon {position:relative;top:2px;}
#chatmessages .chatimage {position:relative;top:3px;}
#chatmessages .myname {font-weight:700;color:var(--text-color-1);}
#chatmessages .chatwarning {padding:20px;font-weight:700;text-align:center;color:#ff0000;}
#chatpostform {width:100%;z-index:10;}
#chatpostform .chatinput {width:calc(100% - 120px);}
#chatpostform .chatsubmit {width:120px;vertical-align:top;text-align:center;}
#chatpostform textarea {width:98%;height:68px;margin:0;padding:0;resize:none;overflow:auto;background:var(--background-color-1);border-radius:10px;}
#chatpostform .submit {width:100%;height:70px;margin:0!important;padding:0!important;}
#chatpostform .imagesubmit {width:80px;height:30px;margin-left:20px;text-align:center;cursor:pointer!important;}
#chatpostform .chatimagesubmit {position:relative;top:-10px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:30px;color:var(--text-color-6);background:var(--color-1);border-radius:10px;}
#chatpostform .chatimagesubmit svg {width:18px;height:18px;fill:var(--text-color-6);}
#chatemoticons {display:flex;flex-wrap:wrap;align-items:center;}
#chatemoticons li {width:27px;text-align:center;}
#chatinfo {width:calc(100% - 75px);color:var(--text-color-2);font-size:0.875rem;}
#oldmessages tr:first-child td, #oldmessages tr:first-child th {padding-top:30px;}
#getoldmessages {margin:10px 250px 0 250px;padding:5px 0;text-align:center;color:var(--text-color-2);background:var(--background-color-2);cursor:pointer;}
#getoldmessages:hover {color:var(--text-color-2);background:rgba(var(--color-1-rgb),0.1);}
#chat_loader {position:relative;top:-20px;left:30px;display:none;}
#chat_emoticons td {padding:2px;}
#chat_emoticons .emoticonbox {width:40px;height:40px;text-align:center;border:1px solid var(--color-1);}
#chat_emoticons .chat_number {width:42px;color:var(--background-color-1);font-weight:700;text-align:center;background:var(--color-1);}
.chat_emoticon {cursor:pointer;}
.quick_chat_emoticon {cursor:pointer;}
.abbrtable {width:400px;margin:30px 0 0 0;}
.abbrtable td {padding:5px;}

@media only screen and (max-width: 767px) {
   #chatonlineusers {min-height:inherit;}
}

/* Forms */
.submit {margin:30px 0!important;padding:15px 45px!important;font-weight:700;text-align:center;white-space:nowrap;color:var(--text-color-6);transition:100ms;background:var(--color-2)!important;border-bottom:2px solid var(--color-2-hover)!important;border-radius:30px!important;cursor:pointer;}
.submit:hover {background:var(--color-2-hover)!important;}
.graysubmit {margin:15px 0 0 0;padding:10px 20px 8px 20px!important;color:var(--text-color-1);font-weight:700;text-decoration:none;background:#f3f3f3;border:0!important;cursor:pointer;}
.graysubmit:hover {color:var(--background-color-1);background-color:var(--text-color-2);}
.form legend {display:none;}
.form th {padding:4px 30px 4px 0;text-align:left;vertical-align:top;text-align:right;white-space:nowrap;}
.form td {padding:4px 5px;}
.form label {padding:3px 30px 0 0;color:#333;cursor:pointer;}
.form label input {cursor:pointer;}
.form .icons {display:flex;flex-wrap:wrap;padding-bottom:30px;}
.form .icons svg {width:50px;height:50px;fill:var(--color-1);}
.form input,.form textarea,.form select {max-width:100%;padding:10px 7px;background:var(--background-color-1);border:1px solid rgba(0, 0, 0, 0.1);border-radius:6px;}
.form input:focus,.form textarea:focus,.form select:focus {border:1px solid rgba(var(--color-1-rgb),0.4);}
.form input[type=radio], .form input[type=checkbox] {appearance:button;background:var(--background-color-1);border:1px solid rgba(0,0,0,0.1);}
.form .vat {padding-top:4px;}
.form .title {padding:30px 0 15px 0;font-size:1.2em;font-weight:700;}
.form .toptitle {padding-top:0;}
.form .required {font-weight:700;}
.form .required::after {content:"*";margin-left:5px;}
.form .infoicon {position:relative;top:2px;left:3px;cursor:help;}
.form .info {clear:both;padding:5px 0 5px 5px;font-size:0.9em;color:var(--text-color-2);}
.form .info em {color:#8d8d8d;text-decoration:none;}
.form .info em.red {color:#d8716e;}
.form .info em.green {color:#65b674;}
.form .info strong {margin:0 1px 0 3px;}
.form .inputlength {padding-left:8px;font-size:0.9em;color:var(--text-color-2);}
.form .submitinfo {padding:10px 0;font-size:0.9em;color:var(--text-color-2);}
.form .submitinfo a {color:var(--text-color-2);}
.form .submitinfo a:hover {color:var(--text-color-1);}
.form .image_thumb {position:relative;top:5px;margin:0 5px 0 10px;}
.form .narrowth {width:110px;}
.form .select {width:250px;}
.form .wide_select {width:300px;}
.form .wider_select {width:386px;}
.form .rightsselect {display:block;margin-bottom:5px;}
.form .formimagebutton {position:relative;top:-7px;left:-28px;}
.form .noitems {padding:20px 5px!important;}
.form .remaining {font-size:0.9em;color:#999;}
.form .hiddenrow {display:none;}

.fullform {width:100%;}
.offerform {width:95%;}
.offerform input, .offerform textarea {width:calc(100% - 14px);}
.offerform select, .offerform .submit {width:100%;}
.form fieldset {clear:both;padding:15px 10px;}
.formcontainer {width:100%;}
.formcontainer .wide_select {width:90%;}
.formcontainer .wider_select {width:90%;}
.formcontainer #price_1 {width:30%;}
.formcontainer #currency {width:20%;}
.formcontainer #price_2 {width:54%;}
.formcontainer input[type=radio] {width:auto;}
.formcontainer input[type=checkbox] {width:auto;}
.formcontainer label {padding:3px 10px 3px 0;cursor:pointer;}
.formcontainer label input {cursor:pointer;}
.formrow {width:100%;display:flex;flex-wrap:wrap;margin:10px 0;align-items:top;}
.formrow .caption {width:calc(25% - 30px);padding:10px 30px 0 0;font-weight:700;text-align:right;}
.formrow .input {width:75%;}
.formspacer {padding-top:25px;}
.fileuploader {margin:5px 0!important;}
.formrow .userinput figure {display:flex;width:100%;margin-top:-3px;}
.formrow .userinput figure img {width:40px;height:40px;border-radius:20px;}
.formrow .userinput figcaption {margin-left:10px;padding-top:8px;color:var(--text-color-1);font-weight:700;font-size:1.2em;}

#contenteditor {padding:20px 0;}
#contenteditor section {margin:20px 0;}
#contenteditor section header {display:flex;align-items:center;padding:5px 5px 5px 10px;font-weight:600;background:var(--background-color-4);border-radius:4px 4px 0 0;cursor:move;}
#contenteditor section header .adminlinks {margin-left:auto;}
#contenteditor section header .adminlinks svg {position:relative;top:2px;width:20px;height:20px;fill:var(--color-1)!important;}
#contenteditor section header .adminlinks .adminlink:hover svg {fill:var(--color-2)!important;}
#contenteditor .content {padding:10px;background:var(--background-color-1);border-radius:0 0 4px 4px;}
#contenteditor .content.textwrapper {margin:0;}
#contenteditor .content.imagecontent {display:flex;gap:20px;}
#contenteditor .content .simpleitems {margin:0;}
#contenteditor .content .inlineitems {margin:0;}
#contenteditor .content h3 {padding:10px 0;font-size:1.25em;font-weight:700;}
#contenteditor .squareitems {grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
#contenteditor .squareitems .item {border:0;}
#contenteditor .squareitems .item .image {width:100%;}
#contenteditor .squareitems .item .image img {object-fit:contain!important;}
.buttonspanel {position:sticky;bottom:0;z-index:20;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0;background:var(--background-color-2);}
.buttonspanel .button {margin:15px 0;}
.buttonspanel .button a {display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;}
.buttonspanel .button a svg {width:20px;height:20px;fill:var(--text-color-6);}
.buttonspanel .titlebutton {margin:15px 0;padding:10px 20px;font-weight:700;font-size:1.25em;}
.modalform {min-width:80%;padding:20px;background:var(--background-color-1);}
.modalform h3.title {margin-bottom:30px;font-size:2em;font-weight:700;}

@media only screen and (max-width: 1100px) {
   .offerform {width:100%;}
} 

@media only screen and (max-width: 767px) {
   .form {width:100%;}
   .form fieldset {padding:10px 0;}
   .form input,.form textarea {width:calc(100% - 24px);}
   .form select {width:calc(100% - 7px);}
   .formrow .caption {width:auto;padding:8px 30px 3px 0;}
   .formrow .input {width:100%;}
   .formrow #price_1 {width:40%;}
   .formrow #currency {width:30%;}
   .formrow #price_2 {width:73%;}
   .formrow .pad10px0 {padding:5px 0 0 0!important;}
 }

 @media only screen and (max-width: 650px) {
   .form th {width:20%;}
   .form td {width:80%;}
 }

 /* Multiselect */
 .multiselect {position:relative;width:200px;} 
 .multiselect .insideselect {position:relative;z-index:5;} 
 .multiselect .insideselect select {width:100%;}
 .multiselect .overselect {position:absolute;left:0;right:0;top:0;bottom:0;}
 .checkboxgroup {position:absolute;z-index:10;display:none;width:100%;background:var(--background-color-1);border:1px solid rgba(var(--color-1-rgb), 0.33);border-radius:var(--border-radius);}
 .checkboxgroup label {display:block;padding:3px 10px;}
 .checkboxgroup label:hover {background-color:#1e90ff;}

.changepasswordrow td, .changepasswordrow th {padding:12px 30px 25px 0;}
.authortd img {border-radius:50%;}
.formcontainer .userinfo {float:left;padding:3px 0 0 10px;}


/* Print styles */
@media print {
   #header,#footer,aside,.form,.adbox {display:none;}
}


[data-theme="dark"] {
   --ck-custom-background: hsl(0, 5%, 7%)!important;
   --ck-custom-foreground: hsl(255, 3%, 18%)!important;
   --ck-custom-border: hsl(300, 0%, 20%)!important;
   --ck-color-base-background: var(--ck-custom-background)!important;
   --ck-color-base-foreground: var(--ck-custom-foreground)!important;
   --ck-color-base-border: var(--ck-custom-border)!important;
   --ck-color-focus-border: hsl(208, 90%, 62%)!important;
   --ck-color-text: hsl(0, 0%, 98%)!important;
   --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2)!important;
   --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1)!important;
   --ck-color-button-default-background: var(--ck-custom-background)!important;
   --ck-color-button-default-hover-background: hsl(270, 1%, 22%)!important;
   --ck-color-button-default-active-background: hsl(270, 2%, 20%)!important;
   --ck-color-button-default-active-shadow: hsl(270, 2%, 23%)!important;
   --ck-color-button-default-disabled-background: var(--ck-custom-background)!important;
   --ck-color-button-on-background: var(--ck-custom-foreground)!important;
   --ck-color-button-on-hover-background: hsl(255, 4%, 16%)!important;
   --ck-color-button-on-active-background: hsl(255, 4%, 14%)!important;
   --ck-color-button-on-active-shadow: hsl(240, 3%, 19%)!important;
   --ck-color-button-on-disabled-background: var(--ck-custom-foreground)!important;
   --ck-color-button-save: hsl(120, 100%, 46%)!important;
   --ck-color-button-cancel: hsl(15, 100%, 56%)!important;
   --ck-color-dropdown-panel-background: var(--ck-custom-background)!important;
   --ck-color-dropdown-panel-border: var(--ck-custom-foreground)!important;
   --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background)!important;
   --ck-color-split-button-hover-border: var(--ck-custom-foreground)!important;
   --ck-color-toolbar-background: var(--ck-custom-background)!important;
   --ck-color-toolbar-border: var(--ck-custom-border)!important;
   --ck-color-tooltip-background: hsl(252, 7%, 14%)!important;
   --ck-color-tooltip-text: hsl(0, 0%, 93%)!important;
}