.PageRegular-header {background-image:url("../../img/animals-background.jpg"); background-position:50% 0;}

.Animals {width:100%; max-width:1350px; margin:0 auto; padding:4rem 1rem;}
.AnimalsFilter-content {gap:1rem 2rem; padding:2rem 0;}
.AnimalsFilter-select {border-color:#E5EEE2; background-image: url("../../img/updown.svg"), linear-gradient(127deg,rgba(225, 240, 231, 1) 0%, rgba(225, 240, 231, 1) 40%, rgba(237, 241, 230, 1) 46%, rgba(237, 241, 230, 1) 54%, rgba(246,241,229, 1) 62%, rgba(246,241,229, 1) 100%); background-repeat: no-repeat,repeat-x; background-position: right .5em center, 0 0; background-size: 1em auto, 100% 100%;}
.AnimalsFilter-select:hover {color:black;}

.AnimalsList {display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap; gap:2rem;}
.AnimalsList-item {display:flex; flex:1; justify-content:stretch; align-items:flex-start; flex-direction:column; flex-wrap:nowrap; max-width:600px; min-width:500px; font-size:80%; padding-bottom:.5rem; border:1px solid #DFDFDF; border-radius:1rem; background-color:white; box-shadow:0 0 12px rgba(0,0,0,0.2);}
.AnimalsList-item > p,
.AnimalsList-previewRight > p {order:3; line-height:120%; width:calc(100% - 2rem); margin:.3em 1rem;}
.AnimalsList-previewRight > p {margin-top:1em; margin-bottom:1em;}
.AnimalsList-preview {order:1; display:block; width:100%; min-height:500px; border-top-left-radius:1rem; border-top-right-radius:1rem; overflow:hidden; position:relative;}
.AnimalsList-preview.LightGallery {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; gap:1rem;}
.AnimalsList-previewLeft {max-height:500px; height:500px; flex:1;}
.AnimalsList-previewRight {flex:1;}
.AnimalsList-previewCleaner {min-width:100%; clear:both;}
.AnimalsList-previewImage {display:block; width:100%; height:100%; background:white none 50% 50% no-repeat; background-size:cover;}
.AnimalsList-previewLeft .AnimalsList-previewImage {border-radius:.5rem; border:1px solid #DFDFDF;}
.AnimalsList-previewSmallImage {display:block; float:left; width:150px; height:150px; margin:0 0 1rem 1rem; border:1px solid #DFDFDF; background:white none 50% 50% no-repeat; background-size:cover; border-radius:.5rem;}
.AnimalsList-popup {position:absolute; z-index:2; bottom:2rem; right:2rem;}
.AnimalsList-name {order:2; margin:1rem;}
.AnimalsList-tags {order:3; width:fit-content; display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap; gap:.6rem; margin:0 1rem .5rem 1rem;}
.AnimalsList-tags > li {display:flex; justify-content:center; align-items:center; flex-direction:row; padding:.3em 1em; font-weight:600; background-color:#E4F8EB; color:#0D5A28; border:1px solid #ABE9C0; border-radius:1.5em; font-size:90%;}
.AnimalsList-tags > li:nth-child(2) {background-color:#FEF1DB; color:#946422; border-color:#FCE7C3;}
.AnimalsList-tags > li:nth-child(3) {background-color:#F1F1F2; color:#636874; border-color:#CCCCD0;}
.AnimalsList-description {color:#79879B;}
.AnimalsList-place {padding:.5em .5em; color:#595E6B; background-color:#FAFAFB; border:1px dashed #afafb1; border-radius:.6em;}
.AnimalsList-place > b:nth-child(1)::before {font-family:FontAwesome; content:"\f041"; color:#E16489; margin-right:.3em;}
.AnimalsList-tip {padding:.5em .5em; background-color:#E4F8EB; color:#595E6B; border:1px solid #ABE9C0; border-radius:.6em;}
.AnimalsList-share {font-size:80%; font-weight:300;}
.AnimalsList-share .Btn {padding:0; width:1.5em; height:1.5em; display:inline-flex; justify-content:center; align-items:center; font-size:120%; border-color:#abe9c0; background-color:#e4f8eb; color:#30b860;}
.AnimalsList-share .Btn .fa {font-size:80%;}
.AnimalsList-share .Btn:hover {background-color:#30b860; border-color:#30b860; color:white;}
.AnimalsList-share .fa-share-alt {color:#1a73e8;}

@media (max-width: 1200px) {
	.AnimalsList-item {min-width:400px;}
}

@media (max-width: 1080px) {
	.AnimalsList-preview.LightGallery {flex-direction:column; min-height:0;}
    .AnimalsList-previewLeft .AnimalsList-previewImage {height:500px;}
    .AnimalsList-previewLeft {width:100%; max-width:600px; margin:0 auto; height:500px;}
    .AnimalsList-previewRight {display:flex; flex-direction:row; justify-content:center; align-items:flex-start; flex-wrap:wrap; gap:.8rem;}
    .AnimalsList-previewRight > p {margin-top:0; margin-bottom:0;}
    .AnimalsList-previewSmallImage {margin:0;}
}

@media (max-width: 600px) {
	.AnimalsList-item {min-width:100%;}
    .AnimalsList-preview:not(.AnimalsList-preview--detail),
    .AnimalsList-previewImage.LightGallery-image {height:350px; min-height:350px;}
    .AnimalsList-item {box-shadow:none;}
}