@visitscotland/component-library 4.18.1 → 4.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/client/fonts/custom-icons.ttf +0 -0
- package/dist/client/fonts/custom-icons.woff2 +0 -0
- package/dist/client/manifest.json +52 -4
- package/dist/client/scripts/d0a677bb18f0b5f5da26.js +1 -0
- package/dist/client/scripts/d996109dbd06419cb989.js +1 -0
- package/dist/client/scripts/f7fe8b808ea7bf6e46ed.js +1 -0
- package/dist/client/styles/{663b20021e4b8ae58e19.css → b48505dcb11be2be4f4d.css} +1 -1
- package/dist/client/styles/d996109dbd06419cb989.css +1 -0
- package/dist/client/styles/f7fe8b808ea7bf6e46ed.css +1 -0
- package/dist/client/styles/third-party/_font-awesome.css +1 -1
- package/dist/components/components/hero-section/HeroSection.vue.d.ts +722 -4
- package/dist/components/components/hero-section/components/HeroSectionVideoControl.vue.d.ts +704 -0
- package/dist/components/icons.css +1 -1
- package/dist/components/vs-component-library.css +1 -1
- package/dist/components/vs-component-library.js +8 -8
- package/dist/components/vs-component-library.mjs +606 -542
- package/dist/ssr/fonts/custom-icons.ttf +0 -0
- package/dist/ssr/fonts/custom-icons.woff2 +0 -0
- package/dist/ssr/index.js +1 -1
- package/dist/ssr/manifest.json +1 -1
- package/dist/ssr/styles/{a8a242c872a2fdcba180.css → 30b6b0dd73515b7a7878.css} +3 -2
- package/package.json +1 -1
- package/dist/client/scripts/dd2ae894df3875d1ffab.js +0 -1
- package/dist/client/styles/dd2ae894df3875d1ffab.css +0 -1
- /package/dist/client/scripts/{663b20021e4b8ae58e19.js → b48505dcb11be2be4f4d.js} +0 -0
package/dist/ssr/manifest.json
CHANGED
|
@@ -74,7 +74,8 @@ label,legend{font-weight:600;margin-bottom:0}legend{font-size:1.125rem}.error{fo
|
|
|
74
74
|
.vs-dropdown .dropdown-menu .vs-global-menu__languages__item:not(:last-of-type){border-bottom:1px solid #fff}.vs-dropdown .dropdown-menu .vs-global-menu__languages__item .dropdown-item{padding:.75rem;color:#fff;text-decoration:none;line-height:1}.vs-dropdown .dropdown-menu .vs-global-menu__languages__item .dropdown-item:hover{background:#33225d}.vs-dropdown .dropdown-menu .vs-global-menu__languages__item .dropdown-item:focus{background:#5b2487;box-shadow:0 0 0 2px #fffa99 inset}.no-js .vs-global-menu__languages__item{width:100%;border:none}@media(min-width: 768px){.no-js .vs-global-menu__languages__item{width:auto;padding:.75rem}}.no-js .vs-global-menu__languages__item .dropdown-item{color:#fff;text-decoration:underline;font-size:1rem}.no-js .vs-global-menu__languages__item .dropdown-item:hover{background:rgba(0,0,0,0);text-decoration:none}@media(min-width: 768px){.no-js .vs-global-menu__languages__item .dropdown-item{padding:.25rem .5rem}}@media(min-width: 992px){.no-js .vs-global-menu__languages__item .dropdown-item{padding:.25rem 1rem}}
|
|
75
75
|
.vs-global-menu{background:#5b2487;color:#fff;position:relative;font-size:.75rem;display:flex;align-items:center;min-height:2.25rem}.vs-global-menu__wrapper{position:initial;display:flex;align-items:center;justify-content:end}@media(max-width: 991.98px){.vs-global-menu__wrapper{margin:0}}@media(max-width: 991.98px){.row:not(.g-0)>.vs-global-menu__wrapper{padding:0}}.no-js .vs-global-menu{height:auto;margin-bottom:1rem}.no-js .vs-global-menu .dropdown-toggle{display:none}.no-js .vs-global-menu__wrapper{display:flex;flex-wrap:wrap}.no-js .vs-global-menu__wrapper .vs-global-menu__websites{display:none}
|
|
76
76
|
.vs-hero-section-image__img{width:100%;height:386px;object-fit:cover}@media(min-width: 576px){.vs-hero-section-image__img{height:514px}}@media(min-width: 992px){.vs-hero-section-image__img{height:648px}}.vs-hero-section-image--split .vs-hero-section-image__img{height:255px}@media(min-width: 576px){.vs-hero-section-image--split .vs-hero-section-image__img{height:408px}}@media(min-width: 992px){.vs-hero-section-image--split .vs-hero-section-image__img{height:540px;border-radius:0 0 0 64px}}.vs-hero-section-image--split .vs-caption{text-align:left}@media(min-width: 992px){.vs-hero-section-image--split .vs-caption{text-align:right}}.vs-hero-section-image--split .vs-caption.vs-caption--fullwidth{min-height:auto}
|
|
77
|
-
.vs-hero-section
|
|
77
|
+
.vs-hero-section-video-control.vs-button:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px #3369ff}.vs-hero-section-video-control.vs-button{color:#fff;background-color:#200f2e;border-color:rgba(0,0,0,0)}.vs-hero-section-video-control.vs-button .vs-icon:not(.vs-map-marker-icon__marker,.vs-map-marker-icon__icon){color:#fff}.vs-hero-section-video-control.vs-button:hover{color:#fff;background-color:#17359c;border-color:rgba(0,0,0,0)}.vs-hero-section-video-control.vs-button:hover .vs-icon{color:#fff}.vs-hero-section-video-control.vs-button:active,.vs-hero-section-video-control.vs-button:active:focus{color:#fff;background-color:#112876;border-color:rgba(0,0,0,0)}.vs-hero-section-video-control.vs-button:active .vs-icon,.vs-hero-section-video-control.vs-button:active:focus .vs-icon{color:#fff}.vs-hero-section-video-control.vs-button:focus{background-color:#1f49d6}
|
|
78
|
+
.vs-hero-section{background:#fff;--grid-columns: 12px 1fr 1fr 12px;--content_maxwidth: 100%;--container-col: 2 / span 2;--container-row: 1;--image-col: 1 / -1;--image-row: 2;--inset-image-col: 2 / span 2;--divider-col: 2 / span 2;--divider-row: 2}@media(min-width: 576px){.vs-hero-section{--content_maxwidth: 516px;--grid-columns: 1fr min-content min-content 1fr}}@media(min-width: 768px){.vs-hero-section{--content_maxwidth: 696px}}@media(min-width: 992px){.vs-hero-section{--content_maxwidth: 936px}}@media(min-width: 1200px){.vs-hero-section{--content_maxwidth: 1116px}}@media(min-width: 1400px){.vs-hero-section{--content_maxwidth: 1316px}}.vs-hero-section__grid{display:grid;grid-template-columns:var(--grid-columns);width:100%;position:relative}.vs-hero-section__image{grid-row:var(--image-row);grid-column:var(--image-col)}.vs-hero-section__image--inset{grid-column:var(--inset-image-col);padding:0}.vs-hero-section__text-container{position:relative;grid-row:var(--container-row);grid-column:var(--container-col);width:var(--content_maxwidth);padding:1.5rem 0 2.5rem 0}@media(min-width: 992px){.vs-hero-section__text-container{padding:3rem 0}}.vs-hero-section__text{width:100%}@media(min-width: 576px){.vs-hero-section__text{width:80%}}@media(min-width: 768px){.vs-hero-section__text{width:70%}}@media(min-width: 992px){.vs-hero-section__text{width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:6rem}}@media(min-width: 1200px){.vs-hero-section__text{grid-template-columns:1.5fr .75fr}}@media(min-width: 1400px){.vs-hero-section__text{gap:12rem}}.vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#5b2487}@media(min-width: 768px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2rem;margin:1rem 0 .75rem}}@media(min-width: 992px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0}}@media(min-width: 1200px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2.5625rem;margin:1rem 0 .75rem;margin:0}}.vs-hero-section__video-wrapper{grid-row:1;grid-column:1/-1;position:relative;line-height:0}.vs-hero-section__video-wrapper .vs-hero-section__video{width:100%;height:560px;object-fit:cover}@media(min-width: 576px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:648px}}@media(min-width: 992px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:812px}}.vs-hero-section__video-wrapper .vs-hero-section__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 100%)}.vs-hero-section .vs-hero-section__text-container--video{color:#fff}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section-video-control{position:absolute;bottom:5rem;right:1.25rem}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;position:absolute;bottom:5rem;width:70%}@media(min-width: 768px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{width:50%}}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#fff;text-wrap:balance}@media(min-width: 992px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}.vs-hero-section__divider{height:2px;margin:0;color:#e9e9e9;grid-row:var(--divider-row);grid-column:var(--divider-col)}.vs-hero-section--split{--split-image-row: 1;--split-image-col: 1 / -1;--split-container-row: 2;--split-container-col: 2 / -2}@media(min-width: 992px){.vs-hero-section--split{--split-container-row: 1;--split-container-col: 2 / span 2;--split-image-row: 1;--split-image-col: 3 / span 2}}.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col);position:relative;overflow:hidden;z-index:0;min-height:14rem;max-width:1000px}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col)}}.vs-hero-section--split .vs-hero-section__text-container{grid-row:var(--split-container-row);grid-column:var(--split-container-col);padding-top:0}.vs-hero-section--split .vs-hero-section__text{height:100%;width:100%;padding:0}@media(min-width: 576px){.vs-hero-section--split .vs-hero-section__text{width:75%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;place-content:center;width:42%}}@media(min-width: 1400px){.vs-hero-section--split .vs-hero-section__text{width:40%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}
|
|
78
79
|
.vs-icon-list__item{display:inline-table;text-align:center;width:90px;margin-bottom:1rem;padding:0 .25rem;font-size:.875rem;line-height:1.2}.vs-icon-list__item .vs-icon{margin-bottom:.75rem}
|
|
79
80
|
.vs-icon-list{text-align:center}.vs-icon-list .vs-icon-list__title{font-size:1rem;font-weight:400;margin-bottom:1.25rem}.vs-icon-list .vs-icon-list__list{display:inline-block;margin:0 auto;padding:0;text-align:left}
|
|
80
81
|
.vs-toggle-btn{z-index:3;display:block}
|
|
@@ -162,7 +163,7 @@ button.vs-guest-selector__trigger{text-align:left}button.vs-guest-selector__trig
|
|
|
162
163
|
* Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
|
|
163
164
|
* License - https://fontawesome.com/license (Commercial License)
|
|
164
165
|
* Copyright 2024 Fonticons, Inc.
|
|
165
|
-
*/@font-face{font-family:"Font Awesome Kit";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/custom-icons.woff2) format("woff2"),url(../fonts/custom-icons.ttf) format("truetype")}.fak,.fa-kit{font-family:"Font Awesome Kit";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;font-variant:normal;font-weight:normal;line-height:1}.fak::before,.fa-kit::before{content:var(--fa)}.fak.fa-accessible-toilet,.fa-kit.fa-accessible-toilet{--fa:""}.fak.fa-accommodation-map-pin,.fa-kit.fa-accommodation-map-pin{--fa:""}.fak.fa-activities-map-pin,.fa-kit.fa-activities-map-pin{--fa:""}.fak.fa-arrow-up,.fa-kit.fa-arrow-up{--fa:""}.fak.fa-attractions-map-pin,.fa-kit.fa-attractions-map-pin{--fa:""}.fak.fa-attractions-map-pin-1,.fa-kit.fa-attractions-map-pin-1{--fa:""}.fak.fa-bars-mobile-menu,.fa-kit.fa-bars-mobile-menu{--fa:""}.fak.fa-bed,.fa-kit.fa-bed{--fa:""}.fak.fa-boat,.fa-kit.fa-boat{--fa:""}.fak.fa-boat-tour,.fa-kit.fa-boat-tour{--fa:""}.fak.fa-breakfast-available,.fa-kit.fa-breakfast-available{--fa:""}.fak.fa-bus,.fa-kit.fa-bus{--fa:""}.fak.fa-cafe,.fa-kit.fa-cafe{--fa:""}.fak.fa-calendar-check,.fa-kit.fa-calendar-check{--fa:""}.fak.fa-camera,.fa-kit.fa-camera{--fa:""}.fak.fa-campervans-motorhomes,.fa-kit.fa-campervans-motorhomes{--fa:""}.fak.fa-car,.fa-kit.fa-car{--fa:""}.fak.fa-castle,.fa-kit.fa-castle{--fa:""}.fak.fa-chevron,.fa-kit.fa-chevron{--fa:""}.fak.fa-chevron-down,.fa-kit.fa-chevron-down{--fa:""}.fak.fa-chevron-left,.fa-kit.fa-chevron-left{--fa:""}.fak.fa-chevron-right,.fa-kit.fa-chevron-right{--fa:""}.fak.fa-child,.fa-kit.fa-child{--fa:""}.fak.fa-church,.fa-kit.fa-church{--fa:""}.fak.fa-cities-map-pin,.fa-kit.fa-cities-map-pin{--fa:""}.fak.fa-city,.fa-kit.fa-city{--fa:""}.fak.fa-clock,.fa-kit.fa-clock{--fa:""}.fak.fa-close,.fa-kit.fa-close{--fa:""}.fak.fa-close-circle,.fa-kit.fa-close-circle{--fa:""}.fak.fa-close-circle-filled,.fa-kit.fa-close-circle-filled{--fa:""}.fak.fa-cluster-map-pin,.fa-kit.fa-cluster-map-pin{--fa:""}.fak.fa-compress,.fa-kit.fa-compress{--fa:""}.fak.fa-coo,.fa-kit.fa-coo{--fa:""}.fak.fa-cycle,.fa-kit.fa-cycle{--fa:""}.fak.fa-distillery,.fa-kit.fa-distillery{--fa:""}.fak.fa-down-arrow,.fa-kit.fa-down-arrow{--fa:""}.fak.fa-download-link,.fa-kit.fa-download-link{--fa:""}.fak.fa-edit,.fa-kit.fa-edit{--fa:""}.fak.fa-email,.fa-kit.fa-email{--fa:""}.fak.fa-events,.fa-kit.fa-events{--fa:""}.fak.fa-events-map-pin,.fa-kit.fa-events-map-pin{--fa:""}.fak.fa-expand-arrows,.fa-kit.fa-expand-arrows{--fa:""}.fak.fa-expected-open,.fa-kit.fa-expected-open{--fa:""}.fak.fa-external-link,.fa-kit.fa-external-link{--fa:""}.fak.fa-facebook,.fa-kit.fa-facebook{--fa:""}.fak.fa-facility-accessparkdrop,.fa-kit.fa-facility-accessparkdrop{--fa:""}.fak.fa-facility-audioloop,.fa-kit.fa-facility-audioloop{--fa:""}.fak.fa-facility-dsblaccess,.fa-kit.fa-facility-dsblaccess{--fa:""}.fak.fa-facility-parking,.fa-kit.fa-facility-parking{--fa:""}.fak.fa-facility-petswelcom,.fa-kit.fa-facility-petswelcom{--fa:""}.fak.fa-facility-wifi,.fa-kit.fa-facility-wifi{--fa:""}.fak.fa-family,.fa-kit.fa-family{--fa:""}.fak.fa-favourite,.fa-kit.fa-favourite{--fa:""}.fak.fa-favourite-filled,.fa-kit.fa-favourite-filled{--fa:""}.fak.fa-featured-places-map-pin,.fa-kit.fa-featured-places-map-pin{--fa:""}.fak.fa-ferry,.fa-kit.fa-ferry{--fa:""}.fak.fa-filled-round-checkmark,.fa-kit.fa-filled-round-checkmark{--fa:""}.fak.fa-film-tv,.fa-kit.fa-film-tv{--fa:""}.fak.fa-filters,.fa-kit.fa-filters{--fa:""}.fak.fa-food,.fa-kit.fa-food{--fa:""}.fak.fa-food-drink-map-pin,.fa-kit.fa-food-drink-map-pin{--fa:""}.fak.fa-giftshop,.fa-kit.fa-giftshop{--fa:""}.fak.fa-globe,.fa-kit.fa-globe{--fa:""}.fak.fa-hiking,.fa-kit.fa-hiking{--fa:""}.fak.fa-history,.fa-kit.fa-history{--fa:""}.fak.fa-home,.fa-kit.fa-home{--fa:""}.fak.fa-hot-tub,.fa-kit.fa-hot-tub{--fa:""}.fak.fa-hourglass,.fa-kit.fa-hourglass{--fa:""}.fak.fa-icentre-information,.fa-kit.fa-icentre-information{--fa:""}.fak.fa-icentres-map-pin,.fa-kit.fa-icentres-map-pin{--fa:""}.fak.fa-information,.fa-kit.fa-information{--fa:""}.fak.fa-information-filled,.fa-kit.fa-information-filled{--fa:""}.fak.fa-instagram,.fa-kit.fa-instagram{--fa:""}.fak.fa-instagram-filled,.fa-kit.fa-instagram-filled{--fa:""}.fak.fa-internal-link,.fa-kit.fa-internal-link{--fa:""}.fak.fa-internal-link-back,.fa-kit.fa-internal-link-back{--fa:""}.fak.fa-islands,.fa-kit.fa-islands{--fa:""}.fak.fa-islands-map-pin,.fa-kit.fa-islands-map-pin{--fa:""}.fak.fa-landscape,.fa-kit.fa-landscape{--fa:""}.fak.fa-languages,.fa-kit.fa-languages{--fa:""}.fak.fa-leaf,.fa-kit.fa-leaf{--fa:""}.fak.fa-level-access-dining-room,.fa-kit.fa-level-access-dining-room{--fa:""}.fak.fa-level-entry-shower,.fa-kit.fa-level-entry-shower{--fa:""}.fak.fa-link,.fa-kit.fa-link{--fa:""}.fak.fa-linkedin,.fa-kit.fa-linkedin{--fa:""}.fak.fa-list,.fa-kit.fa-list{--fa:""}.fak.fa-map,.fa-kit.fa-map{--fa:""}.fak.fa-map-marker,.fa-kit.fa-map-marker{--fa:""}.fak.fa-map-marker-filled,.fa-kit.fa-map-marker-filled{--fa:""}.fak.fa-minus,.fa-kit.fa-minus{--fa:""}.fak.fa-notes,.fa-kit.fa-notes{--fa:""}.fak.fa-palace,.fa-kit.fa-palace{--fa:""}.fak.fa-pdf-link,.fa-kit.fa-pdf-link{--fa:""}.fak.fa-phone,.fa-kit.fa-phone{--fa:""}.fak.fa-picture,.fa-kit.fa-picture{--fa:""}.fak.fa-pinterest,.fa-kit.fa-pinterest{--fa:""}.fak.fa-pintrest,.fa-kit.fa-pintrest{--fa:""}.fak.fa-places-map-pin,.fa-kit.fa-places-map-pin{--fa:""}.fak.fa-plane,.fa-kit.fa-plane{--fa:""}.fak.fa-play,.fa-kit.fa-play{--fa:""}.fak.fa-play-filled,.fa-kit.fa-play-filled{--fa:""}.fak.fa-plus,.fa-kit.fa-plus{--fa:""}.fak.fa-print,.fa-kit.fa-print{--fa:""}.fak.fa-product-accommodation,.fa-kit.fa-product-accommodation{--fa:""}.fak.fa-product-attractions,.fa-kit.fa-product-attractions{--fa:""}.fak.fa-product-events,.fa-kit.fa-product-events{--fa:""}.fak.fa-product-food-and-drink,.fa-kit.fa-product-food-and-drink{--fa:""}.fak.fa-product-shopping,.fa-kit.fa-product-shopping{--fa:""}.fak.fa-prototype,.fa-kit.fa-prototype{--fa:""}.fak.fa-public-transport,.fa-kit.fa-public-transport{--fa:""}.fak.fa-publictlt,.fa-kit.fa-publictlt{--fa:""}.fak.fa-question,.fa-kit.fa-question{--fa:""}.fak.fa-ready,.fa-kit.fa-ready{--fa:""}.fak.fa-refresh,.fa-kit.fa-refresh{--fa:""}.fak.fa-regions,.fa-kit.fa-regions{--fa:""}.fak.fa-regions-map-pin,.fa-kit.fa-regions-map-pin{--fa:""}.fak.fa-reverse-arrow,.fa-kit.fa-reverse-arrow{--fa:""}.fak.fa-reverse-arrow-filled,.fa-kit.fa-reverse-arrow-filled{--fa:""}.fak.fa-route,.fa-kit.fa-route{--fa:""}.fak.fa-search,.fa-kit.fa-search{--fa:""}.fak.fa-season-autumn,.fa-kit.fa-season-autumn{--fa:""}.fak.fa-season-spring,.fa-kit.fa-season-spring{--fa:""}.fak.fa-season-summer,.fa-kit.fa-season-summer{--fa:""}.fak.fa-season-winter,.fa-kit.fa-season-winter{--fa:""}.fak.fa-share,.fa-kit.fa-share{--fa:""}.fak.fa-shopping-bag,.fa-kit.fa-shopping-bag{--fa:""}.fak.fa-shopping-map-pin,.fa-kit.fa-shopping-map-pin{--fa:""}.fak.fa-sightseeing,.fa-kit.fa-sightseeing{--fa:""}.fak.fa-ski-boot,.fa-kit.fa-ski-boot{--fa:""}.fak.fa-ski-lift,.fa-kit.fa-ski-lift{--fa:""}.fak.fa-smile,.fa-kit.fa-smile{--fa:""}.fak.fa-square-instagram,.fa-kit.fa-square-instagram{--fa:""}.fak.fa-star,.fa-kit.fa-star{--fa:""}.fak.fa-status-closed,.fa-kit.fa-status-closed{--fa:""}.fak.fa-subway,.fa-kit.fa-subway{--fa:""}.fak.fa-sun-cloud,.fa-kit.fa-sun-cloud{--fa:""}.fak.fa-taxi,.fa-kit.fa-taxi{--fa:""}.fak.fa-tick,.fa-kit.fa-tick{--fa:""}.fak.fa-ticket,.fa-kit.fa-ticket{--fa:""}.fak.fa-towns-map-pin,.fa-kit.fa-towns-map-pin{--fa:""}.fak.fa-train,.fa-kit.fa-train{--fa:""}.fak.fa-tram,.fa-kit.fa-tram{--fa:""}.fak.fa-transport,.fa-kit.fa-transport{--fa:""}.fak.fa-twitter,.fa-kit.fa-twitter{--fa:""}.fak.fa-unicorn,.fa-kit.fa-unicorn{--fa:""}.fak.fa-universal-access,.fa-kit.fa-universal-access{--fa:""}.fak.fa-user,.fa-kit.fa-user{--fa:""}.fak.fa-vegan-vegetarian,.fa-kit.fa-vegan-vegetarian{--fa:""}.fak.fa-vs-accessible-dining,.fa-kit.fa-vs-accessible-dining{--fa:""}.fak.fa-vs-accessible-parking,.fa-kit.fa-vs-accessible-parking{--fa:""}.fak.fa-vs-accessible-toilet,.fa-kit.fa-vs-accessible-toilet{--fa:""}.fak.fa-vs-bed-bunk,.fa-kit.fa-vs-bed-bunk{--fa:""}.fak.fa-vs-bus-taxi,.fa-kit.fa-vs-bus-taxi{--fa:""}.fak.fa-vs-coo,.fa-kit.fa-vs-coo{--fa:""}.fak.fa-vs-coo-solid,.fa-kit.fa-vs-coo-solid{--fa:""}.fak.fa-vs-kilt,.fa-kit.fa-vs-kilt{--fa:""}.fak.fa-vs-lighthouse,.fa-kit.fa-vs-lighthouse{--fa:""}.fak.fa-vs-map-scotland,.fa-kit.fa-vs-map-scotland{--fa:""}.fak.fa-vs-putting-green,.fa-kit.fa-vs-putting-green{--fa:""}.fak.fa-vs-signpost-mountain,.fa-kit.fa-vs-signpost-mountain{--fa:""}.fak.fa-vs-still,.fa-kit.fa-vs-still{--fa:""}.fak.fa-vs-still-solid,.fa-kit.fa-vs-still-solid{--fa:""}.fak.fa-vs-tent-caravan,.fa-kit.fa-vs-tent-caravan{--fa:""}.fak.fa-vs-tree-mountain-water,.fa-kit.fa-vs-tree-mountain-water{--fa:""}.fak.fa-vs-unicorn,.fa-kit.fa-vs-unicorn{--fa:""}.fak.fa-walk,.fa-kit.fa-walk{--fa:""}.fak.fa-warning,.fa-kit.fa-warning{--fa:""}.fak.fa-webcam,.fa-kit.fa-webcam{--fa:""}.fak.fa-wellness,.fa-kit.fa-wellness{--fa:""}.fak.fa-whatsapp,.fa-kit.fa-whatsapp{--fa:""}.fak.fa-whisky,.fa-kit.fa-whisky{--fa:""}.fak.fa-x-twitter,.fa-kit.fa-x-twitter{--fa:""}.fak.fa-youtube,.fa-kit.fa-youtube{--fa:""}/*!
|
|
166
|
+
*/@font-face{font-family:"Font Awesome Kit";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/custom-icons.woff2) format("woff2"),url(../fonts/custom-icons.ttf) format("truetype")}.fak,.fa-kit{font-family:"Font Awesome Kit";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-style:normal;font-variant:normal;font-weight:normal;line-height:1}.fak::before,.fa-kit::before{content:var(--fa)}.fak.fa-accessible-toilet,.fa-kit.fa-accessible-toilet{--fa:""}.fak.fa-accommodation-map-pin,.fa-kit.fa-accommodation-map-pin{--fa:""}.fak.fa-activities-map-pin,.fa-kit.fa-activities-map-pin{--fa:""}.fak.fa-arrow-up,.fa-kit.fa-arrow-up{--fa:""}.fak.fa-attractions-map-pin,.fa-kit.fa-attractions-map-pin{--fa:""}.fak.fa-attractions-map-pin-1,.fa-kit.fa-attractions-map-pin-1{--fa:""}.fak.fa-bars-mobile-menu,.fa-kit.fa-bars-mobile-menu{--fa:""}.fak.fa-bed,.fa-kit.fa-bed{--fa:""}.fak.fa-boat,.fa-kit.fa-boat{--fa:""}.fak.fa-boat-tour,.fa-kit.fa-boat-tour{--fa:""}.fak.fa-breakfast-available,.fa-kit.fa-breakfast-available{--fa:""}.fak.fa-bus,.fa-kit.fa-bus{--fa:""}.fak.fa-cafe,.fa-kit.fa-cafe{--fa:""}.fak.fa-calendar-check,.fa-kit.fa-calendar-check{--fa:""}.fak.fa-camera,.fa-kit.fa-camera{--fa:""}.fak.fa-campervans-motorhomes,.fa-kit.fa-campervans-motorhomes{--fa:""}.fak.fa-car,.fa-kit.fa-car{--fa:""}.fak.fa-castle,.fa-kit.fa-castle{--fa:""}.fak.fa-chevron,.fa-kit.fa-chevron{--fa:""}.fak.fa-chevron-down,.fa-kit.fa-chevron-down{--fa:""}.fak.fa-chevron-left,.fa-kit.fa-chevron-left{--fa:""}.fak.fa-chevron-right,.fa-kit.fa-chevron-right{--fa:""}.fak.fa-child,.fa-kit.fa-child{--fa:""}.fak.fa-church,.fa-kit.fa-church{--fa:""}.fak.fa-cities-map-pin,.fa-kit.fa-cities-map-pin{--fa:""}.fak.fa-city,.fa-kit.fa-city{--fa:""}.fak.fa-clock,.fa-kit.fa-clock{--fa:""}.fak.fa-close,.fa-kit.fa-close{--fa:""}.fak.fa-close-circle,.fa-kit.fa-close-circle{--fa:""}.fak.fa-close-circle-filled,.fa-kit.fa-close-circle-filled{--fa:""}.fak.fa-cluster-map-pin,.fa-kit.fa-cluster-map-pin{--fa:""}.fak.fa-compress,.fa-kit.fa-compress{--fa:""}.fak.fa-coo,.fa-kit.fa-coo{--fa:""}.fak.fa-cycle,.fa-kit.fa-cycle{--fa:""}.fak.fa-distillery,.fa-kit.fa-distillery{--fa:""}.fak.fa-down-arrow,.fa-kit.fa-down-arrow{--fa:""}.fak.fa-download-link,.fa-kit.fa-download-link{--fa:""}.fak.fa-edit,.fa-kit.fa-edit{--fa:""}.fak.fa-email,.fa-kit.fa-email{--fa:""}.fak.fa-events,.fa-kit.fa-events{--fa:""}.fak.fa-events-map-pin,.fa-kit.fa-events-map-pin{--fa:""}.fak.fa-expand-arrows,.fa-kit.fa-expand-arrows{--fa:""}.fak.fa-expected-open,.fa-kit.fa-expected-open{--fa:""}.fak.fa-external-link,.fa-kit.fa-external-link{--fa:""}.fak.fa-facebook,.fa-kit.fa-facebook{--fa:""}.fak.fa-facility-accessparkdrop,.fa-kit.fa-facility-accessparkdrop{--fa:""}.fak.fa-facility-audioloop,.fa-kit.fa-facility-audioloop{--fa:""}.fak.fa-facility-dsblaccess,.fa-kit.fa-facility-dsblaccess{--fa:""}.fak.fa-facility-parking,.fa-kit.fa-facility-parking{--fa:""}.fak.fa-facility-petswelcom,.fa-kit.fa-facility-petswelcom{--fa:""}.fak.fa-facility-wifi,.fa-kit.fa-facility-wifi{--fa:""}.fak.fa-family,.fa-kit.fa-family{--fa:""}.fak.fa-favourite,.fa-kit.fa-favourite{--fa:""}.fak.fa-favourite-filled,.fa-kit.fa-favourite-filled{--fa:""}.fak.fa-featured-places-map-pin,.fa-kit.fa-featured-places-map-pin{--fa:""}.fak.fa-ferry,.fa-kit.fa-ferry{--fa:""}.fak.fa-filled-round-checkmark,.fa-kit.fa-filled-round-checkmark{--fa:""}.fak.fa-film-tv,.fa-kit.fa-film-tv{--fa:""}.fak.fa-filters,.fa-kit.fa-filters{--fa:""}.fak.fa-food,.fa-kit.fa-food{--fa:""}.fak.fa-food-drink-map-pin,.fa-kit.fa-food-drink-map-pin{--fa:""}.fak.fa-giftshop,.fa-kit.fa-giftshop{--fa:""}.fak.fa-globe,.fa-kit.fa-globe{--fa:""}.fak.fa-hiking,.fa-kit.fa-hiking{--fa:""}.fak.fa-history,.fa-kit.fa-history{--fa:""}.fak.fa-home,.fa-kit.fa-home{--fa:""}.fak.fa-hot-tub,.fa-kit.fa-hot-tub{--fa:""}.fak.fa-hourglass,.fa-kit.fa-hourglass{--fa:""}.fak.fa-icentre-information,.fa-kit.fa-icentre-information{--fa:""}.fak.fa-icentres-map-pin,.fa-kit.fa-icentres-map-pin{--fa:""}.fak.fa-information,.fa-kit.fa-information{--fa:""}.fak.fa-information-filled,.fa-kit.fa-information-filled{--fa:""}.fak.fa-instagram,.fa-kit.fa-instagram{--fa:""}.fak.fa-instagram-filled,.fa-kit.fa-instagram-filled{--fa:""}.fak.fa-internal-link,.fa-kit.fa-internal-link{--fa:""}.fak.fa-internal-link-back,.fa-kit.fa-internal-link-back{--fa:""}.fak.fa-islands,.fa-kit.fa-islands{--fa:""}.fak.fa-islands-map-pin,.fa-kit.fa-islands-map-pin{--fa:""}.fak.fa-landscape,.fa-kit.fa-landscape{--fa:""}.fak.fa-languages,.fa-kit.fa-languages{--fa:""}.fak.fa-leaf,.fa-kit.fa-leaf{--fa:""}.fak.fa-level-access-dining-room,.fa-kit.fa-level-access-dining-room{--fa:""}.fak.fa-level-entry-shower,.fa-kit.fa-level-entry-shower{--fa:""}.fak.fa-link,.fa-kit.fa-link{--fa:""}.fak.fa-linkedin,.fa-kit.fa-linkedin{--fa:""}.fak.fa-list,.fa-kit.fa-list{--fa:""}.fak.fa-map,.fa-kit.fa-map{--fa:""}.fak.fa-map-marker,.fa-kit.fa-map-marker{--fa:""}.fak.fa-map-marker-filled,.fa-kit.fa-map-marker-filled{--fa:""}.fak.fa-minus,.fa-kit.fa-minus{--fa:""}.fak.fa-notes,.fa-kit.fa-notes{--fa:""}.fak.fa-palace,.fa-kit.fa-palace{--fa:""}.fak.fa-pause-regular,.fa-kit.fa-pause-regular{--fa:""}.fak.fa-pdf-link,.fa-kit.fa-pdf-link{--fa:""}.fak.fa-phone,.fa-kit.fa-phone{--fa:""}.fak.fa-picture,.fa-kit.fa-picture{--fa:""}.fak.fa-pinterest,.fa-kit.fa-pinterest{--fa:""}.fak.fa-pintrest,.fa-kit.fa-pintrest{--fa:""}.fak.fa-places-map-pin,.fa-kit.fa-places-map-pin{--fa:""}.fak.fa-plane,.fa-kit.fa-plane{--fa:""}.fak.fa-play,.fa-kit.fa-play{--fa:""}.fak.fa-play-filled,.fa-kit.fa-play-filled{--fa:""}.fak.fa-plus,.fa-kit.fa-plus{--fa:""}.fak.fa-print,.fa-kit.fa-print{--fa:""}.fak.fa-product-accommodation,.fa-kit.fa-product-accommodation{--fa:""}.fak.fa-product-attractions,.fa-kit.fa-product-attractions{--fa:""}.fak.fa-product-events,.fa-kit.fa-product-events{--fa:""}.fak.fa-product-food-and-drink,.fa-kit.fa-product-food-and-drink{--fa:""}.fak.fa-product-shopping,.fa-kit.fa-product-shopping{--fa:""}.fak.fa-prototype,.fa-kit.fa-prototype{--fa:""}.fak.fa-public-transport,.fa-kit.fa-public-transport{--fa:""}.fak.fa-publictlt,.fa-kit.fa-publictlt{--fa:""}.fak.fa-question,.fa-kit.fa-question{--fa:""}.fak.fa-ready,.fa-kit.fa-ready{--fa:""}.fak.fa-refresh,.fa-kit.fa-refresh{--fa:""}.fak.fa-regions,.fa-kit.fa-regions{--fa:""}.fak.fa-regions-map-pin,.fa-kit.fa-regions-map-pin{--fa:""}.fak.fa-reverse-arrow,.fa-kit.fa-reverse-arrow{--fa:""}.fak.fa-reverse-arrow-filled,.fa-kit.fa-reverse-arrow-filled{--fa:""}.fak.fa-route,.fa-kit.fa-route{--fa:""}.fak.fa-search,.fa-kit.fa-search{--fa:""}.fak.fa-season-autumn,.fa-kit.fa-season-autumn{--fa:""}.fak.fa-season-spring,.fa-kit.fa-season-spring{--fa:""}.fak.fa-season-summer,.fa-kit.fa-season-summer{--fa:""}.fak.fa-season-winter,.fa-kit.fa-season-winter{--fa:""}.fak.fa-share,.fa-kit.fa-share{--fa:""}.fak.fa-shopping-bag,.fa-kit.fa-shopping-bag{--fa:""}.fak.fa-shopping-map-pin,.fa-kit.fa-shopping-map-pin{--fa:""}.fak.fa-sightseeing,.fa-kit.fa-sightseeing{--fa:""}.fak.fa-ski-boot,.fa-kit.fa-ski-boot{--fa:""}.fak.fa-ski-lift,.fa-kit.fa-ski-lift{--fa:""}.fak.fa-smile,.fa-kit.fa-smile{--fa:""}.fak.fa-square-instagram,.fa-kit.fa-square-instagram{--fa:""}.fak.fa-star,.fa-kit.fa-star{--fa:""}.fak.fa-status-closed,.fa-kit.fa-status-closed{--fa:""}.fak.fa-subway,.fa-kit.fa-subway{--fa:""}.fak.fa-sun-cloud,.fa-kit.fa-sun-cloud{--fa:""}.fak.fa-taxi,.fa-kit.fa-taxi{--fa:""}.fak.fa-tick,.fa-kit.fa-tick{--fa:""}.fak.fa-ticket,.fa-kit.fa-ticket{--fa:""}.fak.fa-towns-map-pin,.fa-kit.fa-towns-map-pin{--fa:""}.fak.fa-train,.fa-kit.fa-train{--fa:""}.fak.fa-tram,.fa-kit.fa-tram{--fa:""}.fak.fa-transport,.fa-kit.fa-transport{--fa:""}.fak.fa-twitter,.fa-kit.fa-twitter{--fa:""}.fak.fa-unicorn,.fa-kit.fa-unicorn{--fa:""}.fak.fa-universal-access,.fa-kit.fa-universal-access{--fa:""}.fak.fa-user,.fa-kit.fa-user{--fa:""}.fak.fa-vegan-vegetarian,.fa-kit.fa-vegan-vegetarian{--fa:""}.fak.fa-vs-accessible-dining,.fa-kit.fa-vs-accessible-dining{--fa:""}.fak.fa-vs-accessible-parking,.fa-kit.fa-vs-accessible-parking{--fa:""}.fak.fa-vs-accessible-toilet,.fa-kit.fa-vs-accessible-toilet{--fa:""}.fak.fa-vs-bed-bunk,.fa-kit.fa-vs-bed-bunk{--fa:""}.fak.fa-vs-bus-taxi,.fa-kit.fa-vs-bus-taxi{--fa:""}.fak.fa-vs-coo,.fa-kit.fa-vs-coo{--fa:""}.fak.fa-vs-coo-solid,.fa-kit.fa-vs-coo-solid{--fa:""}.fak.fa-vs-kilt,.fa-kit.fa-vs-kilt{--fa:""}.fak.fa-vs-lighthouse,.fa-kit.fa-vs-lighthouse{--fa:""}.fak.fa-vs-map-scotland,.fa-kit.fa-vs-map-scotland{--fa:""}.fak.fa-vs-putting-green,.fa-kit.fa-vs-putting-green{--fa:""}.fak.fa-vs-signpost-mountain,.fa-kit.fa-vs-signpost-mountain{--fa:""}.fak.fa-vs-still,.fa-kit.fa-vs-still{--fa:""}.fak.fa-vs-still-solid,.fa-kit.fa-vs-still-solid{--fa:""}.fak.fa-vs-tent-caravan,.fa-kit.fa-vs-tent-caravan{--fa:""}.fak.fa-vs-tree-mountain-water,.fa-kit.fa-vs-tree-mountain-water{--fa:""}.fak.fa-vs-unicorn,.fa-kit.fa-vs-unicorn{--fa:""}.fak.fa-walk,.fa-kit.fa-walk{--fa:""}.fak.fa-warning,.fa-kit.fa-warning{--fa:""}.fak.fa-webcam,.fa-kit.fa-webcam{--fa:""}.fak.fa-wellness,.fa-kit.fa-wellness{--fa:""}.fak.fa-whatsapp,.fa-kit.fa-whatsapp{--fa:""}.fak.fa-whisky,.fa-kit.fa-whisky{--fa:""}.fak.fa-x-twitter,.fa-kit.fa-x-twitter{--fa:""}.fak.fa-youtube,.fa-kit.fa-youtube{--fa:""}/*!
|
|
166
167
|
* Font Awesome Pro 6.7.2 by @fontawesome - https://fontawesome.com
|
|
167
168
|
* License - https://fontawesome.com/license (Commercial License)
|
|
168
169
|
* Copyright 2024 Fonticons, Inc.
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.VsHeroSection=t():e.VsHeroSection=t()}(self,(function(){return(self.webpackChunk_visitscotland_component_library=self.webpackChunk_visitscotland_component_library||[]).push([[1763],{93143:function(){},86833:function(e,t,s){"use strict";var i=s(13838),n=s(72958),o=s(28533);t.A={name:"VsHeroSection",status:"prototype",release:"0.0.1",components:{VsHeading:i.default,VsRichTextWrapper:n.default,VsHeroSectionImage:o.default},props:{heading:{type:String,default:"",required:!0},lede:{type:String,default:"",required:!0},src:{type:String,default:""},imgAlt:{type:String,default:""},imgCaption:{type:String,default:""},imgCredit:{type:String,default:""},inset:{type:Boolean,default:!1},split:{type:Boolean,default:!1},videoSrc:{type:String,default:""}},computed:{imageClasses:function(){return{"vs-hero-section__image--inset":this.inset}},textContainerClasses:function(){return[{"vs-hero-section__text-container--video":this.videoSrc},"vs-hero-section__text-container"]}}}},16631:function(e,t,s){"use strict";s.d(t,{X:function(){return v}});var i=s(20641),n=s(90033),o={class:"vs-hero-section__grid"},r={key:1,class:"vs-hero-section__video-wrapper"},a=["poster"],c=["src"],l={key:2,class:"vs-hero-section__divider"},d={class:"vs-hero-section__text"},u=["innerHTML"],p={class:"mb-0"};function v(e,t,s,v,f,g){var m=(0,i.g2)("VsHeroSectionImage"),_=(0,i.g2)("VsHeading"),h=(0,i.g2)("VsRichTextWrapper");return(0,i.uX)(),(0,i.CE)("div",{class:(0,n.normalizeClass)(["vs-hero-section",{"vs-hero-section--split":s.split}]),"data-test":"vs-hero-section"},[(0,i.Lk)("div",o,[s.src&&!s.videoSrc?((0,i.uX)(),(0,i.CE)("div",{key:0,class:(0,n.normalizeClass)(["vs-hero-section__image",g.imageClasses])},[(0,i.bF)(m,{"img-alt":s.imgAlt,src:s.src,"img-caption":s.imgCaption,"img-credit":s.imgCredit,split:s.split},null,8,["img-alt","src","img-caption","img-credit","split"])],2)):s.videoSrc?((0,i.uX)(),(0,i.CE)("div",r,[(0,i.Lk)("video",{loop:"",muted:"",autoplay:"",playsinline:"",preload:"auto",poster:s.src,class:"vs-hero-section__video",ref:"heroVideo"},[(0,i.Lk)("source",{src:s.videoSrc,type:"video/mp4"},null,8,c)],8,a),t[0]||(t[0]=(0,i.Lk)("div",{class:"vs-hero-section__video-overlay"},null,-1))])):((0,i.uX)(),(0,i.CE)("hr",l)),(0,i.Lk)("div",{class:(0,n.normalizeClass)(g.textContainerClasses)},[(0,i.Lk)("div",d,[(0,i.bF)(_,{class:"vs-hero-section__heading","data-test":"vs-hero-section__heading",level:"1","heading-style":"display-xs",id:"main-heading"},{default:(0,i.k6)((function(){return[(0,i.Lk)("span",{innerHTML:s.heading},null,8,u)]})),_:1}),s.lede?((0,i.uX)(),(0,i.Wv)(h,{key:0,class:"vs-hero-section__lede","data-test":"vs-hero-section__lede",variant:"lead"},{default:(0,i.k6)((function(){return[(0,i.Lk)("p",p,(0,n.toDisplayString)(s.lede),1)]})),_:1})):(0,i.Q3)("",!0)])],2)])],2)}},64733:function(e,t,s){"use strict";var i=s(85072),n=s.n(i),o=s(97825),r=s.n(o),a=s(77659),c=s.n(a),l=s(55056),d=s.n(l),u=s(10540),p=s.n(u),v=s(41113),f=s.n(v),g=s(93143),m=s.n(g),_={};_.styleTagTransform=f(),_.setAttributes=d(),_.insert=c().bind(null,"head"),_.domAPI=r(),_.insertStyleElement=p(),n()(m(),_),m()&&m().locals&&m().locals},38399:function(e,t,s){"use strict";s.r(t);var i=s(22087),n=s(66565);s(6793);const o=(0,s(66262).A)(n.A,[["render",i.X]]);t.default=o},66565:function(e,t,s){"use strict";s.d(t,{A:function(){return i.A}});var i=s(86833)},22087:function(e,t,s){"use strict";s.d(t,{X:function(){return i.X}});var i=s(16631)},6793:function(e,t,s){"use strict";s(64733)}},function(e){return e.O(0,[641,6262,7510,3751,4352,4467,2543,6422,8638,2368,3838,7521,1438,1574,2958,4982,1244,630,8533],(function(){return e(e.s=38399)})),e.O()}])}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.vs-hero-section{background:#fff;--grid-columns: 12px 1fr 1fr 12px;--content_maxwidth: 100%;--container-col: 2 / span 2;--container-row: 1;--image-col: 1 / -1;--image-row: 2;--inset-image-col: 2 / span 2;--divider-col: 2 / span 2;--divider-row: 2}@media(min-width: 576px){.vs-hero-section{--content_maxwidth: 516px;--grid-columns: 1fr min-content min-content 1fr}}@media(min-width: 768px){.vs-hero-section{--content_maxwidth: 696px}}@media(min-width: 992px){.vs-hero-section{--content_maxwidth: 936px}}@media(min-width: 1200px){.vs-hero-section{--content_maxwidth: 1116px}}@media(min-width: 1400px){.vs-hero-section{--content_maxwidth: 1316px}}.vs-hero-section__grid{display:grid;grid-template-columns:var(--grid-columns);width:100%;position:relative}.vs-hero-section__image{grid-row:var(--image-row);grid-column:var(--image-col)}.vs-hero-section__image--inset{grid-column:var(--inset-image-col);padding:0}.vs-hero-section__text-container{grid-row:var(--container-row);grid-column:var(--container-col);width:var(--content_maxwidth);padding:1.5rem 0 2.5rem 0}@media(min-width: 992px){.vs-hero-section__text-container{padding:3rem 0}}.vs-hero-section__text{width:100%}@media(min-width: 576px){.vs-hero-section__text{width:80%}}@media(min-width: 768px){.vs-hero-section__text{width:70%}}@media(min-width: 992px){.vs-hero-section__text{width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:6rem}}@media(min-width: 1200px){.vs-hero-section__text{grid-template-columns:1.5fr .75fr}}@media(min-width: 1400px){.vs-hero-section__text{gap:12rem}}.vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#5b2487}@media(min-width: 768px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2rem;margin:1rem 0 .75rem}}@media(min-width: 992px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0}}@media(min-width: 1200px){.vs-hero-section__text .vs-hero-section__heading.vs-heading{font-size:2.5625rem;margin:1rem 0 .75rem;margin:0}}.vs-hero-section__video-wrapper{grid-row:1;grid-column:1/-1;position:relative;line-height:0}.vs-hero-section__video-wrapper .vs-hero-section__video{width:100%;height:560px;object-fit:cover}@media(min-width: 576px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:648px}}@media(min-width: 992px){.vs-hero-section__video-wrapper .vs-hero-section__video{height:812px}}.vs-hero-section__video-wrapper .vs-hero-section__video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity 1s;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.4) 100%)}.vs-hero-section .vs-hero-section__text-container--video{color:#fff}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;position:absolute;bottom:5rem;width:70%}@media(min-width: 768px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text{width:50%}}.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{color:#fff;text-wrap:balance}@media(min-width: 992px){.vs-hero-section .vs-hero-section__text-container--video .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}.vs-hero-section__divider{height:2px;margin:0;color:#e9e9e9;grid-row:var(--divider-row);grid-column:var(--divider-col)}.vs-hero-section--split{--split-image-row: 1;--split-image-col: 1 / -1;--split-container-row: 2;--split-container-col: 2 / -2}@media(min-width: 992px){.vs-hero-section--split{--split-container-row: 1;--split-container-col: 2 / span 2;--split-image-row: 1;--split-image-col: 3 / span 2}}.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col);position:relative;overflow:hidden;z-index:0;min-height:14rem;max-width:1000px}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__image{grid-row:var(--split-image-row);grid-column:var(--split-image-col)}}.vs-hero-section--split .vs-hero-section__text-container{grid-row:var(--split-container-row);grid-column:var(--split-container-col);padding-top:0}.vs-hero-section--split .vs-hero-section__text{height:100%;width:100%;padding:0}@media(min-width: 576px){.vs-hero-section--split .vs-hero-section__text{width:75%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text{display:grid;grid-template-columns:1fr;gap:0;place-content:center;width:42%}}@media(min-width: 1400px){.vs-hero-section--split .vs-hero-section__text{width:40%}}@media(min-width: 992px){.vs-hero-section--split .vs-hero-section__text .vs-hero-section__heading.vs-heading{margin:0 0 1.5rem 0}}
|
|
File without changes
|