:root{--primary: #000000;--primary_rgb: 0, 0, 0;--secondary: #c00f0c;--secondary_rgb: 192, 15, 12;--tertiary: #1bdb00;--tertiary_rgb: 27, 219, 0}.d-none{display:none}.text-primary{color:#000}.bg-primary{background-color:#000}.text-secondary{color:#c00f0c}.bg-secondary{background-color:#c00f0c}.text-tertiary{color:#1bdb00}.bg-tertiary{background-color:#1bdb00}.w-maxcontent{width:max-content}.max-sm-fluid{max-width:540px}.max-md-fluid{max-width:720px}.max-lg-fluid{max-width:960px}.max-xl-fluid{max-width:1140px}.max-xxl-fluid{max-width:1320px}@media(min-width: 576px){.max-sm,.max-md,.max-lg,.max-xl,.max-xxl{max-width:540px}}@media(min-width: 768px){.max-md,.max-lg,.max-xl,.max-xxl{max-width:720px}}@media(min-width: 992px){.max-lg,.max-xl,.max-xxl{max-width:960px}}@media(min-width: 1200px){.max-xl,.max-xxl{max-width:1140px}}@media(min-width: 1400px){.max-xxl{max-width:1320px}}.rounded-top-left{border-top-left-radius:8px}.rounded-bottom-left{border-bottom-left-radius:8px}.rounded-top-right{border-top-right-radius:8px}.rounded-bottom-right{border-bottom-right-radius:8px}#page_about{color:red}.nav-main{position:-webkit-sticky;position:sticky;top:0;z-index:1000;min-height:60px;display:flex;justify-content:stretch;align-items:stretch;box-sizing:border-box;padding-left:1.4rem;padding-right:1.4rem;margin-left:220px;color:#000;background-color:#f4f4f4;border-bottom:1px solid #d5d5d5;transition:all 400ms ease-out}@media screen and (max-width: 767px){.nav-main{margin-left:0}}.nav-main a{text-decoration:none;color:inherit}.nav-main ul.nav-menu{text-align:center;padding-left:0;background-color:inherit}.nav-main ul.nav-menu li{list-style:none}.nav-main.nav-minified{min-height:3rem}.nav-main.nav-minified .nav-logo{padding-top:8px;padding-bottom:8px}.nav-main.nav-minified .nav-logo svg{width:auto;height:30px}.nav-main.nav-minified .nav-hamburger{padding:7px}.nav-logo{font-size:1rem;align-self:center}@media screen and (min-width: 768px){.nav-logo{display:none}}.nav-logo svg{display:block;width:auto;height:42px;transition:all 200ms ease}@media screen and (min-width: 768px){.nav-logo svg{height:36px}}.nav-hamburger{display:none;border:1px solid #505050;background-color:#fff;box-shadow:1px 1px 5px #505050;padding:10px;margin:8px 0}.nav-hamburger .nav-hamline{display:block;width:20px;height:2px;margin:4px auto;transition:all 300ms ease-in-out;background-color:#505050}ul.nav-menu{flex:1 1 auto;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:0;column-gap:0;font-size:1.1rem;font-weight:400}@media screen and (max-width: 991px){ul.nav-menu{font-size:.9rem}}ul.nav-menu .nav-item{display:flex}ul.nav-menu .nav-item a{display:flex;align-items:center;color:#000;box-sizing:border-box;border:1px solid rgba(0,0,0,0);border-radius:5px;padding:.2em 1em;transition:400ms ease-in border-color}ul.nav-menu .nav-item a:hover{border:1px solid #c00f0c;color:#c00f0c;background-color:inherit}ul.nav-menu .nav-item.active a{color:#fff;background-color:#c00f0c}[data-theme=dark] .nav-main{background-color:#d0c4c4;color:#000}[data-theme=dark] .nav-hamburger{border:1px solid #dadada;background-color:#6a6a6a;box-shadow:1px 1px 3px #505050}[data-theme=dark] .nav-hamburger .nav-hamline{background-color:#dadada}[data-theme=dark] ul.nav-menu .nav-item a{color:#000;background-color:rgba(0,0,0,0)}[data-theme=dark] ul.nav-menu .nav-item a:hover{color:#c00f0c;background-color:inherit}[data-theme=dark] ul.nav-menu .nav-item.active a{color:#fff;background-color:#c00f0c}@media screen and (max-width: 767px){.nav-main{width:100%;justify-content:space-between;align-items:center;z-index:1000;padding-left:.9rem;padding-right:.9rem}.nav-logo{padding:10px 0}ul.nav-menu{position:absolute;box-sizing:border-box;left:-100%;top:100%;margin:0;flex-direction:column;align-items:stretch;width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;text-align:center;transition:300ms;box-shadow:0 8px 20px rgba(0,0,0,.05);z-index:1000}ul.nav-menu.opened{left:0}ul.nav-menu .nav-item{margin:0}ul.nav-menu .nav-item a{flex:1 0 auto;padding-top:.5em;padding-bottom:.5em;padding-left:.9rem;padding-right:.9rem}.nav-hamburger{display:block;cursor:pointer}.nav-hamburger.opened .nav-hamline:nth-child(2){opacity:0}.nav-hamburger.opened .nav-hamline:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-hamburger.opened .nav-hamline:nth-child(3){transform:translateY(-6px) rotate(-45deg)}}#nav-overlay{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.77)}#nav-overlay.opened{display:block}header{display:flex;align-items:flex-end}header a.header-logo{flex:1 0 220px}@media screen and (max-width: 767px){header a.header-logo{display:none}}header a.header-logo svg{width:auto;height:160px;display:block;margin:0 auto}@media screen and (max-width: 991px){header a.header-logo svg{height:120px}}:root{font-size:16px;line-height:1.4}html{-webkit-text-size-adjust:none;text-size-adjust:none;margin:0;padding:0}body{font-family:"Jost",sans-serif;font-weight:300;position:relative;padding:0;margin:0;color:#333;background-color:#f4f4f4}[data-theme=dark] body{color:#000;background-color:#d0c4c4}main{margin:1rem auto 0}img{max-width:100%;height:auto;display:block}h2,h3{color:#000;border-bottom:1px solid #000}h1{display:inline-block;color:#000;background-color:#f4f4f4;font-size:1.8rem;text-transform:uppercase;margin:0;padding:0 .5em;position:relative;top:-0.8em;left:50%;transform:translateX(-50%)}p{margin:0 0 1.2em}#arrow_scroll_top{position:fixed;z-index:100;right:1rem;bottom:0;width:40px;height:50px;cursor:pointer;color:#fff;background-color:rgba(192,15,12,.4);border:1px solid hsla(0,0%,100%,.3)}#arrow_scroll_top:hover{background-color:#c00f0c}@media screen and (min-width: 768px){#arrow_scroll_top{width:50px;height:50px}}#arrow_scroll_top svg{width:100%;height:100%}.separator{border:0;width:70%;margin:0 auto;border-top:1px solid #333}[data-theme=dark] .separator{border-top:1px solid #000}.skip-link{left:-999px;position:fixed;top:auto;width:1px;height:1px;padding:15px;font-size:1.2em;overflow:hidden;text-align:center;z-index:-999}.skip-link:focus,.skip-link:active{z-index:9999;top:auto;left:auto;width:auto;height:auto;overflow:auto;color:#fff;background-color:#000}.hint{position:relative;cursor:help;font-size:.7rem;border:1px dotted #fff;border-radius:20px;display:inline-block;width:.9rem;height:1rem;text-align:center;vertical-align:top}.hint span{display:none;width:230px;padding:5px 3px;border-radius:5px;font-size:.7rem;position:absolute;top:0;left:40px;background-color:rgba(0,0,0,.3)}.hint:hover span{display:block}.container-inner{background-color:#f4f4f4;margin:4rem auto;display:flex;flex-direction:row-reverse}@media screen and (max-width: 767px){.container-inner{flex-wrap:wrap;justify-content:flex-end}}.container-inner aside{flex:0 0 220px;padding-top:22px;padding-left:20px;padding-right:40px;box-sizing:border-box}@media screen and (max-width: 767px){.container-inner aside{flex:1 1 auto;padding:1.4rem;margin:0 .9rem;border:1px solid silver;border-radius:5px}}.container-inner article{flex:1 1 auto;padding-bottom:2em;border-top:2px solid #c00f0c;color:#333}.container-inner .aside_extras{margin-top:3rem}.container-inner .aside_extras a.goto_favs{color:#c00f0c}.container-inner .aside_extras a.goto_favs svg{height:1em;width:1em;display:inline-block}[data-theme=dark] .container-inner{color:#000;background-color:#d0c4c4}.card-wrapper{display:flex;justify-content:flex-start;flex-wrap:wrap;column-gap:2%;row-gap:18px}@media screen and (max-width: 1399px){.card-wrapper{padding-right:.9rem}}@media screen and (max-width: 767px){.card-wrapper{padding:0 .9rem}}.card{flex:0 1 32%;background-color:#4682b4;border-radius:5px;box-sizing:border-box;overflow:hidden;display:flex;justify-content:stretch;align-items:stretch;position:relative}@media screen and (max-width: 991px){.card{flex:0 1 49%}}@media screen and (max-width: 575px){.card{flex:0 1 auto}}.card:hover{outline:2px solid #c00f0c}.card span.name{pointer-events:none;position:absolute;z-index:3;bottom:2em;left:50%;transform:translateX(-50%);padding:.3em 2em;border-radius:10px;background-color:#c00f0cc0;color:#fff}.card span.name.s_female{background-color:rgba(85,135,213,.8156862745)}.card span.fav{position:absolute;right:20px;top:20px;z-index:3;color:#c00f0c;background-color:hsla(0,0%,100%,.3607843137);border-radius:5px;cursor:pointer}.card span.fav:hover{outline:2px solid #c00f0c}.card span.fav svg{display:block}.card span.preview{position:absolute;z-index:1;opacity:0;left:0;bottom:0;width:100%;height:50%;overflow:hidden;transition:500ms ease-in-out all;background:#fff;background:linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0.8) 95%, rgba(255, 255, 255, 0) 100%);padding:20px;box-sizing:border-box;pointer-events:none}.card a{display:block;z-index:2;cursor:pointer}.card a:hover img{filter:grayscale(100%)}.card a:hover~span.preview{z-index:99;opacity:.8}.card img{width:100%;height:100%;object-fit:cover}.card.card-intro{background-color:#c00f0c;color:#fff;font-size:1.5em;line-height:1.6;padding:50px}footer{background-color:#c00f0c;color:#fff;padding:2rem 1.4rem}footer .social_icons a{text-decoration:none;display:inline-block;margin-left:.5em}footer .social_icons a svg{width:auto;height:30px;max-width:2em;max-height:2em;text-decoration:none;cursor:pointer;color:#000;transition:all .3s ease}footer .social_icons a:hover svg{transform:scale(1.2) translateY(-5px)}button[type=reset]{border:none;background-color:rgba(0,0,0,0);text-decoration:underline}button[type=reset]:hover{outline:1px solid #000}.btn-custom{font-size:inherit;text-align:center;border:2px solid #000;border-radius:0;color:#c00f0c;background-color:#fff;padding:.5em 1.3em}.btn-custom:hover{outline:1px solid #c00f0c;color:#1bdb00}.btn-header{text-align:center;border:1px outset #505050;outline:1px solid #dd5050;color:#909090;text-shadow:1px 1px 2px #333;background-color:rgba(0,0,0,0);position:relative;cursor:default}.btn-header::after{content:"";position:absolute;right:3px;bottom:-11px;width:14px;height:30px;transition:transform 300ms;background-image:url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMDYuNzggMTcyLjkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTI0LjE2MiAyMy4xMTgpIj48cGF0aCBkPSJtODQuNTUzIDE0NS4xOWMwLjI1ODQ4IDAuNTgxMjIgMC43NTA1NyAwLjk5NzExIDEuMzQzMyAxLjIyNDkgMC41OTI0OCAwLjIyNzczIDEuMjYxMyAwLjI1ODUyIDEuODE3Ny0wLjAxIDYuMjU2OS0yLjc4MjMgMTguNzctOC4zNDcgMjUuMDI3LTExLjEzIDEuMTk2Ni0wLjUzMjE2IDEuNzQ3Mi0xLjk2NDYgMS4yMTUtMy4xNjEyLTYuNjc0NS0xNS4wMDktMjYuNjk5LTYwLjAzNi0yNi42OTktNjAuMDM2czI4LjY0Ni0wLjc4MTY3IDM4LjE4OS0xLjA1MzNjMi4xNzEzLTAuMDQ0NDIgMy4xNDctMi43MzA0IDEuNTU0OC00LjE5MjgtMjMuOTA3LTIxLjU3Ni03MS43MzItNjQuNzAzLTk1LjY2NC04Ni4yODktMS4zMDM0LTEuMTgxMy00LjAwNDMgMC4wMTk4OS00LjAwMDIgMS43Nzg5IDAuMDA5MSAzMi4yMDQgMC4wMDI2IDk2LjYwMiAwLjAxMTY0IDEyOC44MS0wLjAxMDgzIDIuMDkzMSAyLjY5NjIgMy4xNjIyIDQuMTU0OCAxLjY1MzYgNi41OTM3LTYuOTA1IDI2LjM2LTI3LjY1MyAyNi4zNi0yNy42NTNzMjAuMDE1IDQ1LjA1MiAyNi42ODkgNjAuMDYxeiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1vcGFjaXR5PSIuOCIgc3Ryb2tlPSIjMDAwMDAwIiBzdHJva2UtbGluZWpvaW49ImJldmVsIiBzdHJva2Utd2lkdGg9IjYuMzUiLz48L2c+PC9zdmc+");background-size:100% auto;background-repeat:no-repeat}.btn-header:hover{border:1px outset blue;color:#000;text-shadow:1px 1px 2px green;background-color:#1bdb00;cursor:pointer}.btn-header:hover::after{transform:scale(1.2)}#dog_filter{font-size:1rem;line-height:normal}#dog_filter select,#dog_filter input{cursor:pointer}#dog_filter select{display:block;width:100%;max-width:160px;background-color:#fff;border:1px solid #bababa;border-radius:4px;padding:.4em 1em;margin-bottom:.3em;font-size:.9em;text-overflow:ellipsis}#dog_filter select option[value=""]{background-color:silver}#dog_filter input[type=checkbox]{display:inline-block;width:18px;height:18px;margin-bottom:.8em;accent-color:#c00f0c}#dog_filter input[type=submit]{background:#c00f0c;color:#fff;border:1px solid #000;border-radius:4px;padding:.3em 1em;font-size:1em;min-width:130px}#dog_filter input[type=submit]:hover{font-weight:bold;box-shadow:2px 2px 0 #a2a2a2}#dog_filter input[type=reset]{background:#fff;color:#c00f0c;border:1px solid #c00f0c;border-radius:4px;padding:.3em 1em;margin-top:1em;font-size:1em;min-width:130px}#dog_filter input[type=reset]:hover{font-weight:bold;box-shadow:2px 2px 0 #a2a2a2}#dog_filter fieldset{border:none;padding:0;margin:0 0 1.2em}#dog_filter fieldset.dropdowns label{display:block;font-size:.9em;line-height:1.3}#dog_filter fieldset.checkboxes input[type=checkbox]:checked~label svg{color:#c00f0c}#dog_filter fieldset.checkboxes label{cursor:pointer}#dog_filter fieldset.checkboxes svg{display:inline-block;height:1.5em;width:auto;vertical-align:text-bottom}#dog_filter fieldset legend{margin-bottom:.5em}@media screen and (max-width: 767px){.flex_dialog{display:flex;justify-content:space-between;align-items:flex-end}}