PK beIVvw !w va-hero-heading-topnav-dd.cccomp PK 4eIV\) ) component.json)Z{"UUID":"d68ddd64-19ef-4c67-93d6-969f2061602f","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"},"show-menu":{"character":".","name":"show-menu","value":"show-menu"}},"Font Icon":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"HTML Element":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Heading 1":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Paragraph":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Picture":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appBuildInfo":"RSD 5.0.3536","appId":"RSD","appVersion":3536,"buildNumber":5981,"component_resources":{"classes":19,"file_sizes_values":[543643,0,0],"file_type_values":[2,0,0],"html_elements":1,"ids":0,"links_external":0,"links_internal":4,"local_files":"2 (local size 530,90 kB)","styled_breakpoints":"768px"},"description":"Your component description","element_name":"Container","framework":"vanillacss","html":"
Live preview not available for this HTML element
Lost in Space?
1. This is where you put your content. You can remove the flex positioning (change to block) and have the paragraphs run right across the page if you like. You can even remove the paragraphs (but not the containing .content.wrap) and add images, sliders or any content you prefer.
2. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
","htmlembed":{"4":""},"mobile_first":false,"name":"va-hero-heading-topnav-dd","resources":{"./images/logo-menu.png":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":3},"type":"image"},"./img/space2.jpg":{"breakpoints":{},"elements":{"counter":0},"pictures":{"default":1},"type":"image"}},"stylesheet":".container.topnav-wrap {\n position:relative;\n z-index:10;\n max-width:1200px;\n margin-right:auto;\n margin-left:auto;\n width:100%;\n height:80px;\n padding-bottom:0px;\n background-color:rgba(0, 0, 0, 1);\n margin-top:0px;\n}\n\n.container.links-wrap {\n position:absolute;\n top:0px;\n right:0px;\n z-index:20;\n margin-top:8px;\n display:flex;\n align-items:center;\n justify-content:flex-end;\n margin-right:33px;\n}\n\na.link-text.menu-link {\n font-size:14px;\n color:rgba(255, 255, 255, 1);\n text-decoration:none;\n text-align:left;\n margin-bottom:20px;\n margin-right:20px;\n margin-top:22px;\n text-transform:uppercase;\n font-weight:600;\n margin-left:20px;\n}\n\n.container.wide-wrap {\n position:relative;\n}\n\ndiv.responsive-picture.logo-wide {\n max-width:80px;\n width:70px;\n margin-top:0px;\n margin-left:22px;\n padding-top:6px;\n}\n\n.container.narrow-wrap {\n margin-bottom:10px;\n width:100%;\n display:none;\n}\n\ndiv.responsive-picture.logo-narrow {\n max-width:75px;\n min-width:50px;\n padding-bottom:8px;\n margin-left:22px;\n}\n\nspan.glyph.hamburger {\n line-height:34px;\n font-size:34px;\n padding-top:24px;\n padding-right:30px;\n}\n\n.container.dark {\n position:fixed;\n top:0px;\n min-width:10px;\n min-height:70px;\n width:100%;\n height:100vh;\n background-color:rgba(0, 0, 0, 1);\n display:none;\n}\n\nspan.glyph.close-menu {\n margin-top:25px;\n margin-right:30px;\n font-size:34px;\n text-align:right;\n color:rgba(255, 255, 255, 1);\n}\n\ndiv.responsive-picture.logo-dark {\n max-width:70px;\n margin-right:auto;\n margin-left:auto;\n}\n\n.html-element.html-element-1 {\n display:none;\n}\n\n.container.hero-container {\n max-width:1200px;\n margin-right:auto;\n margin-left:auto;\n box-sizing:border-box;\n display:grid;\n grid-template-columns:100px 1fr;\n grid-template-rows:auto auto;\n}\n\nh1.page-name {\n box-sizing:border-box;\n font-size:65px;\n line-height:91px;\n color:rgba(10, 10, 10, 1);\n text-align:left;\n -webkit-text-stroke-width:0.01em;\n -webkit-text-stroke-color:rgba(255, 255, 255, 1);\n background-image:linear-gradient(90deg, rgba(255, 255, 255, 0.5) 20%, rgba(6, 21, 27, 1) 80%);\n background-blend-mode:normal;\n background-position:left top;\n background-attachment:scroll;\n background-repeat:repeat;\n background-size:auto auto;\n background-origin:padding-box;\n background-clip:border-box;\n margin-top:219px;\n margin-bottom:0px;\n font-variant:small-caps;\n grid-area:1/1/span 2/span 1;\n width:540px;\n height:100px;\n padding-top:8px;\n margin-left:-220px;\n transform:rotateZ(270deg);\n}\n\ndiv.responsive-picture.space {\n box-sizing:border-box;\n grid-area:1/2/span 1/span 1;\n}\n\n.container.content-wrap {\n padding-top:50px;\n padding-right:10px;\n padding-left:10px;\n box-sizing:border-box;\n display:flex;\n grid-area:2/2/span 1/span 1;\n}\n\np.paragraph.one.space-para {\n margin-top:0px;\n}\n\np.paragraph.space-para {\n width:50%;\n padding-top:10px;\n padding-right:10px;\n padding-bottom:10px;\n padding-left:10px;\n}\n\np.paragraph.space-para.two {\n padding-top:10px;\n margin-top:0px;\n}\n\n@media screen and (max-width: 48rem) {\n .container.topnav-wrap {\n height:90px;\n background-color:rgba(0, 0, 0, 1);\n }\n\n .container.links-wrap {\n width:100%;\n right:auto;\n top:150px;\n flex-direction:column;\n justify-content:center;\n display:none;\n margin-right:0px;\n margin-left:0px;\n align-content:center;\n }\n\n a.link-text.menu-link {\n margin-top:18px;\n margin-right:20px;\n margin-bottom:30px;\n font-size:20px;\n color:rgba(255, 255, 255, 1);\n text-align:center;\n }\n\n .container.wide-wrap {\n display:none;\n }\n\n div.responsive-picture.logo-wide {\n width:0px;\n max-width:none;\n margin-top:0px;\n margin-left:0px;\n }\n\n .container.narrow-wrap {\n display:flex;\n justify-content:space-between;\n margin-bottom:0px;\n }\n\n div.responsive-picture.logo-narrow {\n padding-top:10px;\n }\n\n span.glyph.hamburger {\n color:rgba(255, 255, 255, 1);\n }\n\n .container.hero-container {\n display:block;\n grid-template-columns:none;\n grid-template-rows:none;\n }\n\n h1.page-name {\n transform:rotateZ(0deg);\n text-align:center;\n font-size:50px;\n line-height:70px;\n display:block;\n height:auto;\n width:auto;\n margin-left:0px;\n margin-top:0px;\n }\n\n .container.content-wrap {\n display:block;\n }\n\n p.paragraph.one.space-para {\n width:100%;\n box-sizing:border-box;\n }\n\n p.paragraph.space-para.two {\n width:100%;\n box-sizing:border-box;\n }\n}","timestamp":1675942866381,"type":"Container","units":"rem"}
PK 4eIV. ' ' resources/images/logo-menu.png'X؉PNG
IHDR Z= iTXtXML:com.adobe.xmp
' iCCPsRGB IEC61966-2.1 (uKA$),XD
A_I6%q%Hl
BmkAPAkEs2;vg؝k0:739?u.
pD?s 5oZk-јQx\QZN5y[SI§.M.(|k(Zk3Qő*VZZX^NO:W1_beŻ3'3Lc2{`AYQ#?OVrU
h Iy=E߾Ruh}GT0.zC]VoA
k_&nZCq
˥9|Ao[;ygҫM pHYs IDATxyu`AYJ@0b (G^\s5FUc1G.F\# ";#300qzާ9u)(<~
t
}u Ptm(z:P* T} [` KwRn ` 01]\CCa-XRH XLbZBrX 2`1}t7X m\95L{\X&@Zr=EA.^Xz`0Ki)hLuwj`*jn0xKtB$AOic=hnAEӵK+" z*̱Ut`c5(0[&AOƯ;77\Fķ <*.&_I
@kR;.&Hug6Ո R{.&_Hp+0
NE-65cTŸ0x9*^`&woz"fvۥXLRn_t&]pE0
Ku\*uK7tRꁇԡtM5RD^YLR.i_~KyRnݯz](ہ;nKۥ4ktY5UL ~V]]tsM#Į].D&0ӡ尅tsK*ؽW-@rCC.Ex*B,ۅdvHȅKC\A*oKEB;n/uk̪](jWaZIUݯoaM&ۖ.IEa]a6
a.z4|roBh^Yۥ@g`Ah_[tY$@p
PgR~ݯ/^xo-,
Osоw/~}% (4́Cp^ɯQwi"$Dꂘ^vts|#uGK<| @B.0K-pnA.@Fׅ7 gaO,ݠo9νKo8lƸ57ޝms[HEs.A7דFB`v(9F~r=(^a2Sd1Kk
.RՋ.f}).g)Dt͒sѠ0'
9t3Zцbp.-MHd
rm)r$!;v7ZtsWG8uɌ#٘噅陀ޱI_?|R'#!"S=1-_>9(Ng`v=}A ۞S:dǓu
r!2)[Ӣ `%̖B ðlȮ1$I)JܮBfle-D`bxWPnW"
PƲ]ݯ+U@8xJD[R>A-Hȓ
d-c~ml
B
臥28V$BJL2YםMmȥ/ڛ!!"`[tl ZeBclI~'r!
עu'` }Teۢ߈\d1ef@jB8`p,KW!!"_td2%N_C2I XJ7T[Hȅ7C0lRAy-Bͦ~YXB|TR;=(j$Bf&E7p$p`@AZ3cPSAO<UInf m.Ha}@D3咵㑐Q(IrN=Y/!f6~twe$_55^=Q> DA?߹ZDA`!Bnlzjpx-0Qa k~h;tR~ݢEB.DkQA?-w!x-EdݯK=
@d~"r!
&@dХ.txOq!sf:<1h`; tӌTm5w T\`5yXǵ#7|wb~ +U0e@wvh
!f4orzM`>XRq[>VϷ#vO ]v)U0FzW~_qTKL4t=m >Ju/KO,'#?Ք{7y!7чXctOôk^d
AZKEaZb!vsb`,]ؽvV)vUARY=5~c?~}_&іRSOrfpԠŧiXy3?CBd/4{uoH[8Ȁ<W1wsӃ:uB1K?