display: flex;
padding: 1em;
font-size: inherit;
+ border-radius: 0;
}
#mobile-menu .cta-button img {
@media only screen and (max-width: 599px) {
.header-slideshow .header-slideshow-content {
font-size: 3.75vw;
- padding-right: 3em;
+ padding-right: 1em;
}
}
.header-slideshow-buttons {
margin-top: 57px;
- flex-wrap: wrap;
gap: 17px;
+ flex-wrap: wrap;
}
@media only screen and (max-width: 999px) {
.header-slideshow-buttons {
margin-top: 20px;
gap: 9px;
+ flex-wrap: nowrap;
+ }
+}
+
+@media only screen and (max-width: 599px) {
+ .header-slideshow-buttons {
+ flex-wrap: wrap;
}
}
@media only screen and (max-width: 999px) {
.header-slideshow-buttons a,
.header-slideshow-buttons .btn {
- font-size: 0.6rem;
+ font-size: 0.9rem;
}
}
left: -1.3em;
width: 7px;
height: 13px;
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath stroke='%23ff078b' stroke-width='2' stroke-linecap='round' d='M1 1l6 6M1 13l6-6'/%3E%3C/svg%3E");
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath stroke='%23FFBF29' stroke-width='2' stroke-linecap='round' d='M1 1l6 6M1 13l6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-size: contain;
}
left: -1.3em
width: 7px
height: 13px
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath stroke='%23ff078b' stroke-width='2' stroke-linecap='round' d='M1 1l6 6M1 13l6-6'/%3E%3C/svg%3E")
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='14' viewBox='0 0 8 14'%3E%3Cpath stroke='%23FFBF29' stroke-width='2' stroke-linecap='round' d='M1 1l6 6M1 13l6-6'/%3E%3C/svg%3E")
background-repeat: no-repeat
background-size: contain
<div class="link-carousel swiper-container" data-swiper="{{ $swiper }}">
<div class="swiper-wrapper">
@foreach ($links as $link)
- <a class="link-carousel-item swiper-slide" href="{{ $link['link']['url'] }}">
+ @php($linkurl = str_replace('/en','',$link['link']['url']))
+ <a class="link-carousel-item swiper-slide" href="{{ $linkurl }}">
<div class="link-carousel-item-image">
<img src="{{ $link['image']['url'] }}" alt="{{ $link['title'] }}">
</div>