.slider-wrapper {
display: flex;
flex-direction: column;
margin-top: calc(var(--spacer) * 2);
}
.slider-wrapper > * + * {
margin-top: 0;
}
.slider-wrapper .slider-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: calc(var(--spacer) * 2);
margin-bottom: var(--spacer);
}
@media (max-width: 63rem) {
.slider-wrapper .slider-header {
align-items: flex-end;
}
}
.slider-wrapper .slider-title-wrapper {
display: flex;
align-items: center;
}
@media (max-width: 63rem) {
.slider-wrapper .slider-title-wrapper {
flex-direction: column;
align-items: flex-start;
}
}
.slider-wrapper .slider-title-wrapper .slider-title {
font-size: 1.625rem;
margin: 0;
display: flex;
align-items: center;
}
@media (max-width: 63rem) {
.slider-wrapper .slider-title-wrapper .slider-title {
font-size: 1.25rem;
}
}
.slider-wrapper .slider-title-wrapper .slider-title::before {
width: 22px;
}
.slider-wrapper .slider-title-wrapper .slider-title.slider-title-places::before {
content: url(//qx1.org/wp-content/themes/qx1-2021/svg/icon/pin-16x16.svg);
margin-top: 3px;
}
.slider-wrapper .slider-title-wrapper .slider-title.slider-title-experiences::before {
content: url(//qx1.org/wp-content/themes/qx1-2021/svg/icon/experiences-16x16.svg);
margin-top: 3px;
margin-right: 5px;
}
.slider-wrapper .slider-title-wrapper .slider-title.slider-title-stories::before {
content: url(//qx1.org/wp-content/themes/qx1-2021/svg/icon/stories-16x16.svg);
margin-top: 4px;
margin-right: 5px;
}
.slider-wrapper .slider-title-wrapper .slider-title .badge {
margin-bottom: 0;
margin-left: 10px;
font-weight: bold;
}
.slider-wrapper .slider-title-wrapper .slider-show-link {
font-size: 0.7396449704rem;
text-transform: uppercase;
font-weight: bold;
border-left: 1px solid var(--black);
padding-left: 1rem;
font-weight: bold;
margin-left: 0.5rem;
}
@media (max-width: 63rem) {
.slider-wrapper .slider-title-wrapper .slider-show-link {
margin-left: 0;
border: none;
padding: 0;
}
}
.slider-wrapper .slider-title-wrapper .slider-show-link:hover {
text-decoration: underline;
}
.slider-wrapper .card {
margin-right: calc(var(--spacer)); }
.slider-wrapper .slider-nav {
display: flex;
justify-content: flex-end;
margin-right: calc(var(--spacer) / 2);
margin-left: auto;
}
.slider-wrapper .slider-nav .btn {
margin: 0 calc(var(--spacer) / 3);
width: 24px;
height: 24px;
}
.slider-wrapper .slider-nav .btn:disabled {
opacity: 0.3;
}
.slider-wrapper .slider-nav svg {
width: 100%;
height: 100%;
border-radius: 100%;
fill: var(--white);
background: var(--black);
padding: 0.2rem;
}
.slider-wrapper .slider-nav .next {
transform: rotate(180deg);
}
.rtl .slider-nav {
margin-left: 0;
margin-right: auto;
}
.rtl .prev {
order: 2;
}
.rtl .slider-wrapper .slider-title-wrapper .slider-title .badge {
margin-left: 0 !important;
margin-right: 10px;
}
.rtl .slider-wrapper .slider-title-wrapper .slider-show-link {
margin-right: calc(var(--spacer) / 2);
margin-left: 0;
border-right: 1px solid var(--black);
border-left: none;
padding-left: 0;
padding-right: var(--spacer);
}