PK :fjPAԘ " " simple nav.cccomp"PK "fjP}! ! component.json!~{"UUID":"5b62db38-aaf5-4503-b3d0-31182c24638d","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 Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"List Item Container":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"List Item Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"Text Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}},"UL Link":{"outofview":{"character":".","name":"Out of View","value":"outofview"}}},"appId":"RSD","appVersion":3243,"buildNumber":5757,"description":"Your component description","element_name":"Container","framework":"foundation","html":"
","htmlembed":{"4":""},"mobile_first":true,"name":"simple nav","resources":{},"stylesheet":".container.nav {\n padding-right:10px;\n padding-left:10px;\n position:relative;\n width:100%;\n z-index:10;\n background-color:rgba(123, 11, 8, 1);\n overflow:visible;\n display:inline-block;\n top:0px;\n}\n\n.container.container-1 {\n display:flex;\n justify-content:space-between;\n width:100%;\n}\n\na.link-text.text-link-1 {\n font-size:20px;\n align-self:center;\n font-weight:600;\n color:rgba(255, 255, 255, 1);\n}\n\nh1.logo.top {\n padding-top:10px;\n color:rgba(255, 255, 255, 1);\n}\n\nh1.logo {\n color:rgba(255, 255, 255, 1);\n display:none;\n}\n\na.glyph.font-icon-link-1 {\n color:rgba(255, 255, 255, 1);\n margin-right:10px;\n padding-top:8px;\n font-size:20px;\n line-height:24px;\n}\n\n.container.container-3 {\n display:flex;\n align-items:flex-start;\n justify-content:space-between;\n}\n\nul.list-container.medium-horizontal.menu.vertical {\n justify-content:flex-start;\n padding-right:10px;\n}\n\na.link-text.text-link-2 {\n font-size:18px;\n color:rgba(255, 255, 255, 1);\n min-height:0px;\n min-width:120px;\n}\n\na.link-text.text-link-2.cfs-hover {\n color:rgba(163, 155, 155, 1);\n}\n\na.link-text.text-link-3 {\n font-size:15px;\n color:rgba(255, 255, 255, 1);\n}\n\na.link-text.text-link-3.cfs-hover {\n color:rgba(163, 155, 155, 1);\n}\n\nli.list-item-link.list-item-link-1>a {\n color:rgba(255, 255, 255, 1);\n}\n\n@media screen and (min-width: 40rem) {\n a.link-text.text-link-1 {\n padding-top:10px;\n }\n\n h1.logo {\n font-size:30px;\n display:block;\n }\n\n a.glyph.font-icon-link-1 {\n margin-right:10px;\n padding-top:16px;\n }\n\n .container.container-3 {\n display:flex;\n justify-content:space-between;\n align-items:flex-start;\n padding-top:5px;\n }\n\n .container.container-2 {\n width:25%;\n }\n\n ul.list-container.medium-horizontal.menu.vertical {\n justify-content:flex-end;\n width:75%;\n padding-top:3px;\n }\n\n a.link-text.text-link-2 {\n padding-right:0px;\n padding-left:4px;\n min-width:110px;\n }\n\n li.list-item-container.list-item-container-1 {\n background-color:rgba(123, 11, 8, 1);\n }\n\n ul.list-container.menu.nested.vertical {\n background-color:rgba(123, 11, 8, 1);\n }\n\n li.list-item-container.list-item-container-2 {\n background-color:rgba(123, 11, 8, 1);\n }\n\n ul.link-list.menu.nested.vertical {\n background-color:rgba(123, 11, 8, 1);\n }\n}\n\n@media screen and (min-width: 64rem) {\n .container.nav {\n position:relative;\n display:inline-block;\n top:auto;\n }\n\n a.link-text.text-link-1 {\n display:inline-block;\n padding-top:10px;\n }\n\n h1.logo {\n font-size:39px;\n }\n\n a.glyph.font-icon-link-1 {\n padding-top:15px;\n line-height:26px;\n font-size:18px;\n margin-bottom:15px;\n }\n\n ul.list-container.medium-horizontal.menu.vertical {\n justify-content:flex-end;\n padding-top:10px;\n }\n\n a.link-text.text-link-2 {\n color:rgba(255, 255, 255, 1);\n padding-right:12px;\n padding-left:12px;\n min-width:110px;\n }\n\n a.link-text.text-link-3 {\n color:rgba(255, 255, 255, 1);\n }\n\n .html-element.hover-styling {\n display:none;\n }\n}","type":"Container","units":"rem"}
PK "fjP}! ! component.jsonPK <