@import '../../../scss/variables.scss';
@import '../../../scss/mixins.scss';
.items-page-main-wrapper {
& .mob-menu {
position: unset;
}
}
.items-page {
position: relative;
&__cards-wrapper--authors {
display: flex;
flex-wrap: wrap;
& .card__icon-box {
display: none;
}
}
& .loader {
width: 100%;
height: 900px;
display: flex;
justify-content: center;
align-items: center;
& div {
height: auto !important;
}
}
& .form-control {
outline: none;
}
&__tab {
display: block;
width: 127px;
min-height: 40px;
padding: 10px 0 0 17px;
}
&__tab-list {
background: no-repeat url('../../../imgs/icon-burger.svg') 10px 8px/20px
20px;
}
&__tab-map {
background: no-repeat url('../../../imgs/location-icon.svg') 10px 8px/20px
20px;
}
.audio-guide-block {
position: unset;
margin: 20px 0 0 0;
}
.number-el-found {
margin: 35px 0 0 0;
& span {
padding-left: 75px;
}
&__box {
min-height: 65px;
display: flex;
justify-content: normal;
}
&__title_monuments {
padding-top: 10px;
padding-left: 73px;
}
}
&__cards-wrapper:not(.items-page__cards-wrapper--authors) {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
/* &--authors {
} */
& .card-horizont-new {
margin: 0;
&__img-block {
width: 630px;
min-height: 426px;
background: $c-light-grey;
&__card-horizont__img {
max-width: unset;
width: 100%;
max-height: 426;
}
}
& .img-fluid {
width: 630px;
height: 426px;
}
}
}
& .breadcrumb-wrapper {
margin: 18px 0 27px 0;
}
&__button {
display: block;
width: 300px;
min-height: 60px;
margin: 0 auto 70px auto;
background: #ff4438;
&--list {
margin: 10px 55px 0 848px;
width: 127px;
height: 40px;
padding: 0 0 0 21px;
width: 127px;
min-height: 40px;
background: no-repeat url('../../../imgs/icon-burger.svg') 10px
center/20px 20px #ff4438;
}
}
&__location-button {
position: relative;
display: block;
cursor: pointer;
padding: 20px;
&::before {
content: '';
position: absolute;
width: 18px;
height: 19px;
background: no-repeat url('../../../imgs/location-icon.svg');
right: 73px;
cursor: pointer;
}
}
&__title {
position: relative;
z-index: 1;
width: max-content;
font-weight: bold;
font-size: 60px;
line-height: 56px;
}
& .group-icon {
width: 58px;
height: 60px;
background-color: unset;
}
&__card-wrapper {
display: flex;
flex-direction: column;
width: 630px;
margin: 0 0 70px 0;
&:nth-child(odd) {
margin-right: 30px;
}
/* &--person {
& img {
width: 400px;
height: 454px;
}
} */
}
/* &__card-wrapper-person {
} */
&__filter-advanced-wrapper {
display: flex;
flex-wrap: wrap;
/ max-width: 1100px; /
margin: 30px 0;
}
&__nothing-found-wrapper {
text-align: center;
margin-bottom: 70px;
}
&__filter-advanced-label {
position: relative;
margin: 10px 70px 10px 0;
cursor: pointer;
font-weight: bold;
&::before {
content: '';
position: absolute;
left: 115%;
top: 6px;
width: 15px;
height: 10px;
background: no-repeat url('../../../imgs/svg/arrow-down.svg');
cursor: pointer;
}
}
.react-tabs__tab-list {
border: none;
display: flex;
}
.react-tabs__tab {
border-radius: 5px;
border: none;
margin: 0 10px;
}
.react-tabs__tab--selected {
background: $c-red;
color: $c-white;
}
}
.items-page__pre-content-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin: 20px 0 30px 0;
p {
margin-bottom: 0;
}
}
.items-page__pre-content-icon {
width: 40px;
height: 40px;
margin-right: 10px;
}
.items-page__pre-content-count {
display: flex;
align-items: center;
p {
font-weight: 500;
font-size: 16px;
line-height: 20px;
margin-bottom: 0;
}
}
.items-page__pre-content-cancel {
font-size: 14px;
line-height: 20px;
letter-spacing: 1px;
color: #131921;
opacity: 0.56;
}
@media (max-width: 650px) {
.items-page {
& .form-control {
&::placeholder {
color: transparent;
}
}
&__tab-list-page {
position: absolute;
left: 20px;
top: 125px;
width: 300px;
text-align: center;
}
& .react-tabs__tab-panel--selected {
margin: 100px 0 0 0;
& .button-large {
width: unset;
}
& .search-filter__popup-button-content p {
display: none;
}
}
}
}
@media (min-width: 651px) {
.items-page {
&__tab-list-page {
position: absolute;
right: 23px;
top: 40px;
width: 300px;
text-align: center;
}
}
}
@media (min-width: 768px) {
.items-page {
&__add-museum-link {
display: block;
margin: 0 0 0 100px;
}
}
}
@media (min-width: 900px) {
.items-page {
&__tab-list-page {
right: 88px;
}
}
}
@media (min-width: 990px) {
.museums-page {
&__add-museum-link {
display: block;
margin: 0 0 0 100px;
}
}
}
@media (max-width: 1280px) {
.museums-page {
&__add-museum-link {
order: 5;
}
}
}
@media (min-width: 1280px) {
.items-page {
.audio-guide-block {
position: relative;
}
}
}