PKHiPvOff-canvas vertical menu.cccomp&PK HiPWzm[Vcomponent.jsonV{"UUID":"9b9ab9d3-089e-49e6-8163-f2e34ce814aa","additional_states":{"Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Font Icon Link":{"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"}},"List Item":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Unordered List":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appId":"RSD","appVersion":3243,"buildNumber":5757,"description":"Your component description","element_name":"Container","framework":"foundation","html":"

Vertical Menu

Live preview not available for this HTML element

","htmlembed":{"4":""},"mobile_first":true,"name":"Off-canvas vertical menu","resources":{},"stylesheet":".container {\n padding-right:0px;\n padding-left:0px;\n}\n\n.container.sidenav {\n width:0px;\n position:fixed;\n z-index:1;\n overflow:auto;\n padding-top:60px;\n height:100%;\n background-color:rgba(8, 78, 105, 1);\n transition-duration:0.5s;\n min-width:0px;\n}\n\na.glyph.closebtn {\n font-size:35px;\n line-height:54px;\n position:absolute;\n top:0px;\n right:25px;\n color:rgba(255, 255, 255, 1);\n}\n\nul.unorder-list.menu-list {\n margin-top:10px;\n margin-left:20px;\n list-style-type:none;\n}\n\nli.list-item.back.item {\n font-size:20px;\n margin-left:0px;\n margin-right:30px;\n padding-bottom:5px;\n margin-bottom:7px;\n border-bottom-width:0.0625rem;\n border-bottom-style:solid;\n border-bottom-color:rgba(125, 125, 125, 1);\n}\n\nli.list-item.item {\n padding-bottom:6px;\n}\n\n.container.main {\n margin-bottom:10px;\n margin-top:0px;\n padding-top:10px;\n background-color:rgba(8, 78, 105, 1);\n position:static;\n}\n\n.container.container-1 {\n position:relative;\n}\n\na.glyph.openbtn {\n position:absolute;\n top:30px;\n left:20px;\n font-size:30px;\n line-height:40px;\n color:rgba(255, 255, 255, 1);\n}\n\nh1.heading-2 {\n color:rgba(255, 255, 255, 1);\n font-size:40px;\n text-align:center;\n margin-bottom:1rem;\n padding-top:20px;\n padding-bottom:22px;\n}\n\nli.list-item a.list-item-text-3 {\n color:rgba(255, 255, 255, 1);\n}\n\nli.list-item a.list-item-text-2 {\n color:rgba(255, 255, 255, 1);\n}\n\n@media screen and (min-width: 64rem) {\n .container.sidenav {\n width:0px;\n }\n}","type":"Container","units":"rem"} PK HiPWzm[Vcomponent.jsonPK<PKHiP2ջ??Off-canvas vertical menu.png?IPNG  IHDRAl1 pHYsttfx IDATxy|w!KZM-Jm)bֺϸ3.̭38s?8>NuRV[Bk[YR֖RRB8$$@~^^Mruss"'ʔ Yp~ D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D|w^̜Ťq#/uF]::wEՈabsKw3{ˢhmkgo< Mw~;o&eCzzZ} m1N_ MF@/l5O}=(3t;뫧GeOzhmsL5"Ȼ{W~~ApӾubвG@"87</6侞:nLܱ3ubHQQDD5[9Ǜ^'ݯ6F-\p%uߊX0cJ d^КxrϾe%q󕗝vu^Ns@Z*煣:5hݎ]lݦ Q[4(24Ct3cб#36 h\尨DDdMM~E'K@4}BU8{F5XY_^:CKc5ͬ4ϘL&::: 0 `ٺMb%/0Y1aԈϾp0 9jcb̩} GWFDDcKkgaYn{m`X0H#=SQVxWqҒܴ[bswe|{93ȥ=X]?ϼcв8MfkL;*M.h|4q|~_;㽷,*ܾxM bᬋcd1ĿZC W[?yl~d_ b:::h<_bbc֝@ztӎx+ň ʣxH\{iߦu^v8љ^u]ƬGEYI {v?0~&އS>Ѹ mo~.~3;n/^CK#D[8b½z|[u_W9Y h@g9x9پg_^L_'7ΞU#N^]uGo!nd2QQVs^L{u-=XcO?Mk!e21bh6v90#R̜|g"N!1jdE뮊o}U=^m-DyIqLo&xܸkkXHunGDD `Sߴ &Uxiz]3'1.?&wՌccnw.YY`K\=}r.U#[:^58wL1~o)uľ/Ϋ!z+T0udqcoyM˦uCv?5i;cϏ/\1`jxyY|Ͼwz=ơBJĻ_ym|ݯ}ζ;lѥbhIqDD|n~=^{SwŴ UWcW_O/4(SNe'>mX{1-qs\ybǸO9c>*Cct_kC)_cukҋw-YSƎʍ(Kbߡ>L;*""v>||Ɲ=KU{o^O}!>GDiӇNǥϼO]+KMx 1uɑZ\0~S'QRyQ:VvŷWEEYiͯ{2 ]=;ZM74K.L&NcԟPyQ&7j)"b}CcE֘8jD+=7/S&F&wo\5'O1gڄmk;2msf/}Efq(+o~ܸm4p܀J_87G 1(093cdq>;bв3"^Q=N3˿Ʀxtӎ>?VEYis~Xß: +?}$dA·N3˟^Vkn&szxg=o߸=c=`(į>yqiEUU4++{mgQ{:?}J.76w)9D4jM~>9n겘82yYQ5?+ZƾC/D3bhy~`phj=v{pQQTV =gtvG"cw̜i{ا߻&2?})fSs.<8Ǝ8z[9`GŦ2m 6s=c@!&|z\PZCꞯ$u1ĴN_3vL="C>qnG]<%[c׾qT/bV\3kjL;>sa8ukcXyiu6,zٓu'zY!3e@ѸaQ=y€%-2ڲub޴QZ<$- D_sEu|DZx=/:r_W^P>;5w1%nc)œufX6v/}gifO3DDD[X"_=uyIq_{s,6DǤdK/b}ҋcȉѴ7OͭQvbjXՈXp;~m~.Z"d2qQQVz{E\qQQVEcFFv&OȻ*Z[ܵb)PD'`>NF3ULEm=eOX:Ag묋 owY[w+]{ٹ{@NOī<ВXt鴨{(7bhLLPL&ś^1/jKa)"coZxۭz-~6>/w?;O,ŦPCL3.xۍww/> fNg̅X鈈(ʻ*ѶcZO>ڛbz^{ɟf68n|z̞zaDDmoU?,kb̩1(2L^}}|姏z\u|v=oUcL&9'^1BN׀gbscC)d2q1jdnJ̮6r;Z:99hyC|Hٺ}sDڗHtJ[_ٺ3ͶxMĠL&ʊ_8}`ܵew.&Jt}DD_^2$n{Y|cOxK|MKs=ufvz1eY_x+rF -?{G^-WxHrNPDSmT^zIQg|ۭ1l.8L3+jF1hPLGO, |&w,[)c׿2JO_>yB>U|ձfkL5"n{YcѥnqJiҟu4oqi??chݯ?+.(fO9>k#ʸkڸ qEEWŻ,)cGFooen[k?W&Wͽ,G>1cEsnjcښDW3Yqr{r$Yo_C"x/~~S(+W_}yqUʫ.4 +7?u舧r緻sQO9ƶc6yAg/6msfFgȏg_+vc,WSǍ JKrSZE}3o?{蚳+?}$LJ^$O!'0z5[w ۸}>><7bh<@-1,[){믽2.32wttċ-'kj`n;O=5qԈcUX?,"bfYx,o.tܘqḨ(+Mkk?Gb͇VſM++_^|ï)n=#FV\EGGGnjuk< /g?, 3 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@"e"|D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D|w\8߻d2 D'$N H@8 q@" D'$N H@8 q@ի.nƨ,x˗GDĒ%K宝3/ǔ)SbҤIu?_]vcܹ}ޯ˗GKKK,^8Nk˖-QSS>^3!0$JKK{1^:c̘1{W:uuuq<6ESSSȑ#{5Çh?G>Ǽ)VZ9Gyyyg֬Yg95\)<---m۶7/Kkqȑ:uY@ڲeKŌ3[3L䬍ɞԎ]CAsss{MCCCzSɾ߇zIp.Ϟ={`Sr!""JJJv<I&l~^z$B\IDAT,#0ٓ &xi2;v6 ;$7*cGDDQQQSle˖5kVlڴ)ۻMYzu8p &N[l4VX;~7ȑ#ݦk1*++;})V;o޼Xn]vﬞ#;5""Je9o/O#Ԭۏ3[x8qȑ B?իWWFccc,Y8t}oFDɟVSS1cƌ܈Oן甍<Æ +83rn?ˎ=zt:t7l'Ng}67/K :[;k5cƌظqc^Ι3>{">]-[NԗON?#GDuuud%nܺ$ׯO룵5vv[477ʕ+ϝ,666F[[[<ַ5"`/[,JJJu{]cժUx⨨N;wʘ4iR^:%%%WWWݾ7lذOwݺuN.7l)ZDDy^:֮]&Msru뭷FDtz>}y}F6M{$;j%zػwo_SS;Ayes\xaÆ^˗ʕ+s'qmpf͊N޵kWǾ}1ַBcҤI6 Ǽ?B>ٟ4xhiiN1&L---mHlɆXzux566X_{6œO>v[FMMMƜ9sbɒ%zعsgL<9Zg>k֬6-S}n.\+WƙG6mذ!JJJ:޽{s8>jS]}ȑhoo\Sau)/]eGwnq >SFmmm{YUU{dߗ%<[lѣGbPuggGF_u1]k׮ؽ{wL<9I&Eeeeܹ3Y?{6#0Z+&5OCCCTVVv=t\,Fdc=0ʎ?~|/及ɞeOw:Yfu{.Æ GeB#'}y}" /.MHzBӤ'͹c}ﳮ\g?۩?^ǧb]GȾ暨;no…F+zOSt׮]s̉TvZa6Df ><_=TWWwZ,8Ǝ[o۶--,KOk$'7=zϑ#Gr1 /ME:rH444wnis']D?lmm^/=tH숚 v{~>gO`cǎF ٳ׫qeOGUGvDmkdeoOD^=:7*S?{ŬBWngtzOq2]Ҟ={:M^a,{ ,Y˗/Ͻ{|@uW֖ ;vI&u v TоǪUbժU~zܻ^9.:a<@f_S}nmj@ȞvE#GWdcB_ uȎhɷgϞN/))6U]eÇcΝFt}~}(**_|1ZZZbرEEEqnS*tBSȎvm홈=6mmZMvIloիù^"N.}{iR}i9]ɑ#Gk}:ﳮS(䇤Ԯ't}O׫eXc{hN5)P -PSGdGMl#GKKKlݺ*tydIO]ceƌ]=?de_N>FdGRd7W__WW-f_g>/zD_c<&O!]:>צk?~|V#@YC-*++cذaE]#@9x`@ =Fyyy޽;"GUVŰarW*t"C-qrTRM6uZtSW]˅?]ӟ!QP*׫Ɏ.Q8mP-z1񤵵57z({#Ǥb^~}wVWW-N0aB]{P5 ;R̾|nسgOSte"|Ĺё Ϯ]bڵQ]]j[L|9a t'[eoL1)f$A H@8 q@"%s{ 3 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@8 q@" D'$N H@;o=ȅ "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0' Ds`N "9A0'\v rIENDB`PKHiPvOff-canvas vertical menu.cccompPKHiP2ջ??Off-canvas vertical menu.pngPKV