diff --git a/app/assets/builds/application.css b/app/assets/builds/application.css index 92b758a..7f841e3 100644 --- a/app/assets/builds/application.css +++ b/app/assets/builds/application.css @@ -5,13 +5,6 @@ * https://get.foundation * Licensed under MIT Open Source */ -@media print, screen and (min-width: 40em) { - .reveal.large, .reveal.small, .reveal.tiny, .reveal { - right: auto; - left: auto; - margin: 0 auto; - } -} /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html { line-height: 1.15; @@ -3440,32 +3433,6 @@ a.button:hover, a.button:focus { } } -.close-button { - position: absolute; - z-index: 10; - color: #8a8a8a; - cursor: pointer; -} -[data-whatinput=mouse] .close-button { - outline: 0; -} -.close-button:hover, .close-button:focus { - color: #0a0a0a; -} -.close-button.small { - right: 0.66rem; - top: 0.33em; - font-size: 1.5em; - line-height: 1; -} - -.close-button.medium, .close-button { - right: 1rem; - top: 0.5rem; - font-size: 2em; - line-height: 1; -} - .label { display: inline-block; padding: 0.33333rem 0.5rem; @@ -3498,269 +3465,6 @@ a.button:hover, a.button:focus { color: #fefefe; } -.progress { - height: 1rem; - margin-bottom: 1rem; - border-radius: 0; - background-color: #cacaca; -} -.progress.primary .progress-meter { - background-color: #c70338; -} -.progress.secondary .progress-meter { - background-color: #767676; -} -.progress.success .progress-meter { - background-color: #3adb76; -} -.progress.warning .progress-meter { - background-color: #ffae00; -} -.progress.alert .progress-meter { - background-color: #cc4b37; -} - -.progress-meter { - position: relative; - display: block; - width: 0%; - height: 100%; - background-color: #c70338; -} - -.progress-meter-text { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - margin: 0; - font-size: 0.75rem; - font-weight: bold; - color: #fefefe; - white-space: nowrap; -} - -.slider { - position: relative; - height: 0.5rem; - margin-top: 1.25rem; - margin-bottom: 2.25rem; - background-color: #e6e6e6; - cursor: pointer; - user-select: none; - touch-action: none; -} - -.slider-fill { - position: absolute; - top: 0; - left: 0; - display: inline-block; - max-width: 100%; - height: 0.5rem; - background-color: #cacaca; - transition: all 0.2s ease-in-out; -} -.slider-fill.is-dragging { - transition: all 0s linear; -} - -.slider-handle { - left: 0; - z-index: 1; - cursor: grab; - display: inline-block; - width: 1.4rem; - height: 1.4rem; - border-radius: 0; - background-color: #c70338; - transition: all 0.2s ease-in-out; - touch-action: manipulation; - position: absolute; - top: 50%; - transform: translateY(-50%); -} -[data-whatinput=mouse] .slider-handle { - outline: 0; -} -.slider-handle:hover { - background-color: rgb(169.15, 2.55, 47.6); -} -.slider-handle.is-dragging { - transition: all 0s linear; - cursor: grabbing; -} - -.slider.disabled, -.slider[disabled] { - opacity: 0.25; - cursor: not-allowed; -} - -.slider.vertical { - display: inline-block; - width: 0.5rem; - height: 12.5rem; - margin: 0 1.25rem; - transform: scale(1, -1); -} -.slider.vertical .slider-fill { - top: 0; - width: 0.5rem; - max-height: 100%; -} -.slider.vertical .slider-handle { - position: absolute; - top: 0; - left: 50%; - width: 1.4rem; - height: 1.4rem; - transform: translateX(-50%); -} - -.switch { - position: relative; - margin-bottom: 1rem; - outline: 0; - font-size: 0.875rem; - font-weight: bold; - color: #fefefe; - user-select: none; - height: 2rem; -} - -.switch-input { - position: absolute; - margin-bottom: 0; - opacity: 0; -} - -.switch-paddle { - position: relative; - display: block; - width: 4rem; - height: 2rem; - border-radius: 0; - background: #cacaca; - transition: all 0.25s ease-out; - font-weight: inherit; - color: inherit; - cursor: pointer; -} -input + .switch-paddle { - margin: 0; -} -.switch-paddle::after { - position: absolute; - top: 0.25rem; - left: 0.25rem; - display: block; - width: 1.5rem; - height: 1.5rem; - transform: translate3d(0, 0, 0); - border-radius: 0; - background: #fefefe; - transition: all 0.25s ease-out; - content: ""; -} -input:checked ~ .switch-paddle { - background: #c70338; -} -input:checked ~ .switch-paddle::after { - left: 2.25rem; -} -input:focus-visible ~ .switch-paddle { - background: rgb(181.8, 181.8, 181.8); -} -input:focus-visible ~ .switch-paddle::after { - background: #fefefe; -} -input:checked:focus-visible ~ .switch-paddle { - background: rgb(169.15, 2.55, 47.6); -} -input:disabled ~ .switch-paddle { - cursor: not-allowed; - opacity: 0.5; -} -[data-whatinput=mouse] input:focus ~ .switch-paddle { - outline: 0; -} - -.switch-inactive, .switch-active { - position: absolute; - top: 50%; - transform: translateY(-50%); -} - -.switch-active { - left: 8%; - display: none; -} -input:checked + label > .switch-active { - display: block; -} - -.switch-inactive { - right: 15%; -} -input:checked + label > .switch-inactive { - display: none; -} - -.switch.tiny { - height: 1.5rem; -} -.switch.tiny .switch-paddle { - width: 3rem; - height: 1.5rem; - font-size: 0.625rem; -} -.switch.tiny .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1rem; - height: 1rem; -} -.switch.tiny input:checked ~ .switch-paddle::after { - left: 1.75rem; -} - -.switch.small { - height: 1.75rem; -} -.switch.small .switch-paddle { - width: 3.5rem; - height: 1.75rem; - font-size: 0.75rem; -} -.switch.small .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 1.25rem; - height: 1.25rem; -} -.switch.small input:checked ~ .switch-paddle::after { - left: 2rem; -} - -.switch.large { - height: 2.5rem; -} -.switch.large .switch-paddle { - width: 5rem; - height: 2.5rem; - font-size: 1rem; -} -.switch.large .switch-paddle::after { - top: 0.25rem; - left: 0.25rem; - width: 2rem; - height: 2rem; -} -.switch.large input:checked ~ .switch-paddle::after { - left: 2.75rem; -} - table { border-collapse: collapse; width: 100%; @@ -4222,320 +3926,6 @@ table.hover:not(.unstriped) tr:nth-of-type(even):hover { right: 10%; } -.accordion { - margin-left: 0; - background: #fefefe; - list-style-type: none; -} -.accordion[disabled] .accordion-title { - cursor: not-allowed; -} - -.accordion-item:first-child > :first-child { - border-radius: 0 0 0 0; -} -.accordion-item:last-child > :last-child { - border-radius: 0 0 0 0; -} - -.accordion-title { - position: relative; - display: block; - padding: 1.25rem 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - font-size: 0.75rem; - line-height: 1; - color: #c70338; -} -:last-child:not(.is-active) > .accordion-title { - border-bottom: 1px solid #e6e6e6; - border-radius: 0 0 0 0; -} -.accordion-title:hover, .accordion-title:focus { - background-color: #e6e6e6; -} -.accordion-title::before { - position: absolute; - top: 50%; - right: 1rem; - margin-top: -0.5rem; - content: "+"; -} -.is-active > .accordion-title::before { - content: "–"; -} - -.accordion-content { - display: none; - padding: 1rem; - border: 1px solid #e6e6e6; - border-bottom: 0; - background-color: #fefefe; - color: #0a0a0a; -} -:last-child > .accordion-content:last-child { - border-bottom: 1px solid #e6e6e6; -} - -.media-object { - display: flex; - margin-bottom: 1rem; - flex-wrap: nowrap; -} -.media-object img { - max-width: none; -} -@media print, screen and (max-width: 39.99875em) { - .media-object.stack-for-small { - flex-wrap: wrap; - } -} - -.media-object-section { - flex: 0 1 auto; -} -.media-object-section:first-child { - padding-right: 1rem; -} -.media-object-section:last-child:not(:nth-child(2)) { - padding-left: 1rem; -} -.media-object-section > :last-child { - margin-bottom: 0; -} -@media print, screen and (max-width: 39.99875em) { - .stack-for-small .media-object-section { - padding: 0; - padding-bottom: 1rem; - flex-basis: 100%; - max-width: 100%; - } - .stack-for-small .media-object-section img { - width: 100%; - } -} -.media-object-section.main-section { - flex: 1 1 0px; -} - -.orbit { - position: relative; -} - -.orbit-container { - position: relative; - height: 0; - margin: 0; - list-style: none; - overflow: hidden; -} - -.orbit-slide { - width: 100%; - position: absolute; -} -.orbit-slide.no-motionui.is-active { - top: 0; - left: 0; -} - -.orbit-figure { - margin: 0; -} - -.orbit-image { - width: 100%; - max-width: 100%; - margin: 0; -} - -.orbit-caption { - position: absolute; - bottom: 0; - width: 100%; - margin-bottom: 0; - padding: 1rem; - background-color: rgba(10, 10, 10, 0.5); - color: #fefefe; -} - -.orbit-next, .orbit-previous { - z-index: 10; - padding: 1rem; - color: #fefefe; - position: absolute; - top: 50%; - transform: translateY(-50%); -} -[data-whatinput=mouse] .orbit-next, [data-whatinput=mouse] .orbit-previous { - outline: 0; -} -.orbit-next:hover, .orbit-previous:hover, .orbit-next:active, .orbit-previous:active, .orbit-next:focus, .orbit-previous:focus { - background-color: rgba(10, 10, 10, 0.5); -} - -.orbit-previous { - left: 0; -} - -.orbit-next { - left: auto; - right: 0; -} - -.orbit-bullets { - position: relative; - margin-top: 0.8rem; - margin-bottom: 0.8rem; - text-align: center; -} -[data-whatinput=mouse] .orbit-bullets { - outline: 0; -} -.orbit-bullets button { - width: 1.2rem; - height: 1.2rem; - margin: 0.1rem; - border-radius: 50%; - background-color: #cacaca; -} -.orbit-bullets button:hover { - background-color: #8a8a8a; -} -.orbit-bullets button.is-active { - background-color: #8a8a8a; -} - -.responsive-embed, -.flex-video { - position: relative; - height: 0; - margin-bottom: 1rem; - padding-bottom: 75%; - overflow: hidden; -} -.responsive-embed iframe, -.responsive-embed object, -.responsive-embed embed, -.responsive-embed video, -.flex-video iframe, -.flex-video object, -.flex-video embed, -.flex-video video { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; -} -.responsive-embed.widescreen, -.flex-video.widescreen { - padding-bottom: 56.25%; -} - -.tabs { - margin: 0; - border: 1px solid #e6e6e6; - background: #fefefe; - list-style-type: none; -} -.tabs::before, .tabs::after { - display: table; - content: " "; - flex-basis: 0; - order: 1; -} -.tabs::after { - clear: both; -} - -.tabs.vertical > li { - display: block; - float: none; - width: auto; -} - -.tabs.simple > li > a { - padding: 0; -} -.tabs.simple > li > a:hover { - background: transparent; -} - -.tabs.primary { - background: #c70338; -} -.tabs.primary > li > a { - color: #fefefe; -} -.tabs.primary > li > a:hover, .tabs.primary > li > a:focus { - background: rgb(214.1712871287, 3.2287128713, 60.2693069307); -} - -.tabs-title { - float: left; -} -.tabs-title > a { - display: block; - padding: 1.25rem 1.5rem; - font-size: 0.75rem; - line-height: 1; - color: #c70338; -} -[data-whatinput=mouse] .tabs-title > a { - outline: 0; -} -.tabs-title > a:hover { - background: #fefefe; - color: rgb(171.14, 2.58, 48.16); -} -.tabs-title > a:focus, .tabs-title > a[aria-selected=true] { - background: #e6e6e6; - color: #c70338; -} - -.tabs-content { - border: 1px solid #e6e6e6; - border-top: 0; - background: #fefefe; - color: #0a0a0a; - transition: all 0.5s ease; -} - -.tabs-content.vertical { - border: 1px solid #e6e6e6; - border-left: 0; -} - -.tabs-panel { - display: none; - padding: 1rem; -} -.tabs-panel.is-active { - display: block; -} - -.thumbnail { - display: inline-block; - max-width: 100%; - margin-bottom: 1rem; - border: 4px solid #fefefe; - border-radius: 0; - box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2); - line-height: 0; -} - -a.thumbnail { - transition: box-shadow 200ms ease-out; -} -a.thumbnail:hover, a.thumbnail:focus { - box-shadow: 0 0 6px 1px rgba(199, 3, 56, 0.5); -} -a.thumbnail image { - box-shadow: none; -} - .menu { padding: 0; margin: 0; @@ -4748,1068 +4138,6 @@ a.thumbnail image { display: none; } -.menu-icon { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; -} -.menu-icon::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #fefefe; - box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe; - content: ""; -} -.menu-icon:hover::after { - background: #cacaca; - box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca; -} - -.menu-icon.dark { - position: relative; - display: inline-block; - vertical-align: middle; - width: 20px; - height: 16px; - cursor: pointer; -} -.menu-icon.dark::after { - position: absolute; - top: 0; - left: 0; - display: block; - width: 100%; - height: 2px; - background: #0a0a0a; - box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a; - content: ""; -} -.menu-icon.dark:hover::after { - background: #8a8a8a; - box-shadow: 0 7px 0 #8a8a8a, 0 14px 0 #8a8a8a; -} - -.accordion-menu li { - width: 100%; -} -.accordion-menu a { - padding: 0.3rem 0.5rem; -} -.accordion-menu .is-accordion-submenu a { - padding: 0.3rem 0.5rem; -} -.accordion-menu .nested.is-accordion-submenu { - margin-right: 0; - margin-left: 1rem; -} -.accordion-menu.align-right .nested.is-accordion-submenu { - margin-right: 1rem; - margin-left: 0; -} -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a { - position: relative; -} -.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-bottom-width: 0; - border-color: #c70338 transparent transparent; - position: absolute; - top: 50%; - margin-top: -3px; - right: 1rem; -} -.accordion-menu.align-left .is-accordion-submenu-parent > a::after { - right: 1rem; - left: auto; -} -.accordion-menu.align-right .is-accordion-submenu-parent > a::after { - right: auto; - left: 1rem; -} -.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after { - transform: rotate(180deg); - transform-origin: 50% 50%; -} - -.is-accordion-submenu-parent { - position: relative; -} - -.has-submenu-toggle > a { - margin-right: 40px; -} - -.submenu-toggle { - position: absolute; - top: 0; - right: 0; - width: 40px; - height: 40px; - cursor: pointer; -} -.submenu-toggle::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-bottom-width: 0; - border-color: #c70338 transparent transparent; - top: 0; - bottom: 0; - margin: auto; -} - -.submenu-toggle[aria-expanded=true]::after { - transform: scaleY(-1); - transform-origin: 50% 50%; -} - -.submenu-toggle-text { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important; -} - -.is-drilldown { - position: relative; - overflow: hidden; -} -.is-drilldown li { - display: block; -} -.is-drilldown.animate-height { - transition: height 0.5s; -} - -.drilldown a { - padding: 0.3rem 0.5rem; - background: #fefefe; -} -.drilldown .is-drilldown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: -1; - width: 100%; - background: #fefefe; - transition: transform 0.15s linear; -} -.drilldown .is-drilldown-submenu.is-active { - z-index: 1; - display: block; - transform: translateX(-100%); -} -.drilldown .is-drilldown-submenu.is-closing { - transform: translateX(100%); -} -.drilldown .is-drilldown-submenu a { - padding: 0.3rem 0.5rem; -} -.drilldown .nested.is-drilldown-submenu { - margin-right: 0; - margin-left: 0; -} -.drilldown .drilldown-submenu-cover-previous { - min-height: 100%; -} -.drilldown .is-drilldown-submenu-parent > a { - position: relative; -} -.drilldown .is-drilldown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-right-width: 0; - border-color: transparent transparent transparent #c70338; - position: absolute; - top: 50%; - margin-top: -6px; - right: 1rem; -} -.drilldown.align-left .is-drilldown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-right-width: 0; - border-color: transparent transparent transparent #c70338; - right: 1rem; - left: auto; -} -.drilldown.align-right .is-drilldown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-left-width: 0; - border-color: transparent #c70338 transparent transparent; - right: auto; - left: 1rem; -} -.drilldown .js-drilldown-back > a::before { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-left-width: 0; - border-color: transparent #c70338 transparent transparent; - display: inline-block; - vertical-align: middle; - margin-right: 0.75rem; -} - -.dropdown.menu > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; -} -.dropdown.menu > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; -} -.dropdown.menu > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; -} -.dropdown.menu > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-bottom-width: 0; - border-color: #c70338 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; -} -[data-whatinput=mouse] .dropdown.menu a { - outline: 0; -} -.dropdown.menu > li > a { - padding: 0.3rem 0.5rem; -} -.dropdown.menu > li.is-active > a { - background: transparent; - color: #c70338; -} -.no-js .dropdown.menu ul { - display: none; -} -.dropdown.menu .nested.is-dropdown-submenu { - margin-right: 0; - margin-left: 0; -} -.dropdown.menu.vertical > li .is-dropdown-submenu { - top: 0; -} -.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu { - top: 0; - right: 100%; - left: auto; -} -.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; -} -.dropdown.menu.vertical > li > a::after { - right: 14px; -} -.dropdown.menu.vertical > li.opens-left > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-left-width: 0; - border-color: transparent #c70338 transparent transparent; - right: auto; - left: 5px; -} -.dropdown.menu.vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-right-width: 0; - border-color: transparent transparent transparent #c70338; -} -@media print, screen and (min-width: 40em) { - .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; - } - .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; - } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; - } - .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-bottom-width: 0; - border-color: #c70338 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; - } - .dropdown.menu.medium-vertical > li .is-dropdown-submenu { - top: 0; - } - .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu { - top: 0; - right: 100%; - left: auto; - } - .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; - } - .dropdown.menu.medium-vertical > li > a::after { - right: 14px; - } - .dropdown.menu.medium-vertical > li.opens-left > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-left-width: 0; - border-color: transparent #c70338 transparent transparent; - right: auto; - left: 5px; - } - .dropdown.menu.medium-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-right-width: 0; - border-color: transparent transparent transparent #c70338; - } -} -@media print, screen and (min-width: 64em) { - .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu { - top: 100%; - right: 0; - left: auto; - } - .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu { - top: 100%; - right: auto; - left: 0; - } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a { - position: relative; - padding-right: 1.5rem; - } - .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-bottom-width: 0; - border-color: #c70338 transparent transparent; - right: 5px; - left: auto; - margin-top: -3px; - } - .dropdown.menu.large-vertical > li .is-dropdown-submenu { - top: 0; - } - .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu { - top: 0; - right: 100%; - left: auto; - } - .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; - } - .dropdown.menu.large-vertical > li > a::after { - right: 14px; - } - .dropdown.menu.large-vertical > li.opens-left > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-left-width: 0; - border-color: transparent #c70338 transparent transparent; - right: auto; - left: 5px; - } - .dropdown.menu.large-vertical > li.opens-right > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-right-width: 0; - border-color: transparent transparent transparent #c70338; - } -} -.dropdown.menu.align-right .is-dropdown-submenu.first-sub { - top: 100%; - right: 0; - left: auto; -} - -.is-dropdown-menu.vertical { - width: 100px; -} -.is-dropdown-menu.vertical.align-right { - float: right; -} - -.is-dropdown-submenu-parent { - position: relative; -} -.is-dropdown-submenu-parent a::after { - position: absolute; - top: 50%; - right: 5px; - left: auto; - margin-top: -6px; -} -.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu { - top: 100%; - left: auto; -} -.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu { - right: 100%; - left: auto; -} -.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu { - right: auto; - left: 100%; -} - -.is-dropdown-submenu { - position: absolute; - top: 0; - left: 100%; - z-index: 1; - display: none; - min-width: 200px; - border: 1px solid #cacaca; - background: #fefefe; -} -.dropdown .is-dropdown-submenu a { - padding: 0.3rem 0.5rem; -} -.is-dropdown-submenu .is-dropdown-submenu-parent > a::after { - right: 14px; -} -.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-left-width: 0; - border-color: transparent #c70338 transparent transparent; - right: auto; - left: 5px; -} -.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after { - display: block; - width: 0; - height: 0; - border-style: solid; - border-width: 6px; - content: ""; - border-right-width: 0; - border-color: transparent transparent transparent #c70338; -} -.is-dropdown-submenu .is-dropdown-submenu { - margin-top: -1px; -} -.is-dropdown-submenu > li { - width: 100%; -} -.is-dropdown-submenu.js-dropdown-active { - display: block; -} - -.is-off-canvas-open { - overflow: hidden; -} - -.js-off-canvas-overlay { - position: absolute; - top: 0; - left: 0; - z-index: 11; - width: 100%; - height: 100%; - transition: opacity 0.5s ease, visibility 0.5s ease; - background: rgba(254, 254, 254, 0.25); - opacity: 0; - visibility: hidden; - overflow: hidden; -} -.js-off-canvas-overlay.is-visible { - opacity: 1; - visibility: visible; -} -.js-off-canvas-overlay.is-closable { - cursor: pointer; -} -.js-off-canvas-overlay.is-overlay-absolute { - position: absolute; -} -.js-off-canvas-overlay.is-overlay-fixed { - position: fixed; -} - -.off-canvas-wrapper { - position: relative; - overflow: hidden; -} - -.off-canvas { - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #e6e6e6; - position: fixed; -} -[data-whatinput=mouse] .off-canvas { - outline: 0; -} -.off-canvas.is-transition-push { - z-index: 12; -} -.off-canvas.is-closed { - visibility: hidden; -} -.off-canvas.is-transition-overlap { - z-index: 13; -} -.off-canvas.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); -} -.off-canvas.is-open { - transform: translate(0, 0); -} - -.off-canvas-absolute { - z-index: 12; - transition: transform 0.5s ease; - backface-visibility: hidden; - background: #e6e6e6; - position: absolute; -} -[data-whatinput=mouse] .off-canvas-absolute { - outline: 0; -} -.off-canvas-absolute.is-transition-push { - z-index: 12; -} -.off-canvas-absolute.is-closed { - visibility: hidden; -} -.off-canvas-absolute.is-transition-overlap { - z-index: 13; -} -.off-canvas-absolute.is-transition-overlap.is-open { - box-shadow: 0 0 10px rgba(10, 10, 10, 0.7); -} -.off-canvas-absolute.is-open { - transform: translate(0, 0); -} - -.position-left { - top: 0; - left: 0; - height: 100%; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - width: 250px; - transform: translateX(-250px); -} -.off-canvas-content .off-canvas.position-left { - transform: translateX(-250px); -} -.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open { - transform: translate(0, 0); -} - -.off-canvas-content.is-open-left.has-transition-push { - transform: translateX(250px); -} - -.position-left.is-transition-push { - box-shadow: inset -13px 0 20px -13px rgba(10, 10, 10, 0.25); -} - -.position-right { - top: 0; - right: 0; - height: 100%; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - width: 250px; - transform: translateX(250px); -} -.off-canvas-content .off-canvas.position-right { - transform: translateX(250px); -} -.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open { - transform: translate(0, 0); -} - -.off-canvas-content.is-open-right.has-transition-push { - transform: translateX(-250px); -} - -.position-right.is-transition-push { - box-shadow: inset 13px 0 20px -13px rgba(10, 10, 10, 0.25); -} - -.position-top { - top: 0; - left: 0; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - height: 250px; - transform: translateY(-250px); -} -.off-canvas-content .off-canvas.position-top { - transform: translateY(-250px); -} -.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open { - transform: translate(0, 0); -} - -.off-canvas-content.is-open-top.has-transition-push { - transform: translateY(250px); -} - -.position-top.is-transition-push { - box-shadow: inset 0 -13px 20px -13px rgba(10, 10, 10, 0.25); -} - -.position-bottom { - bottom: 0; - left: 0; - width: 100%; - overflow-x: auto; - -webkit-overflow-scrolling: touch; - height: 250px; - transform: translateY(250px); -} -.off-canvas-content .off-canvas.position-bottom { - transform: translateY(250px); -} -.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open { - transform: translate(0, 0); -} - -.off-canvas-content.is-open-bottom.has-transition-push { - transform: translateY(-250px); -} - -.position-bottom.is-transition-push { - box-shadow: inset 0 13px 20px -13px rgba(10, 10, 10, 0.25); -} - -.off-canvas-content { - transform: none; - backface-visibility: hidden; -} -.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push { - transition: transform 0.5s ease; -} -.off-canvas-content.has-transition-push { - transform: translate(0, 0); -} -.off-canvas-content .off-canvas.is-open { - transform: translate(0, 0); -} - -@media print, screen and (min-width: 40em) { - .position-left.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; - } - .position-left.reveal-for-medium .close-button { - display: none; - } - .off-canvas-content .position-left.reveal-for-medium { - transform: none; - } - .off-canvas-content.has-reveal-left { - margin-left: 250px; - } - .position-left.reveal-for-medium ~ .off-canvas-content { - margin-left: 250px; - } - .position-right.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; - } - .position-right.reveal-for-medium .close-button { - display: none; - } - .off-canvas-content .position-right.reveal-for-medium { - transform: none; - } - .off-canvas-content.has-reveal-right { - margin-right: 250px; - } - .position-right.reveal-for-medium ~ .off-canvas-content { - margin-right: 250px; - } - .position-top.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; - } - .position-top.reveal-for-medium .close-button { - display: none; - } - .off-canvas-content .position-top.reveal-for-medium { - transform: none; - } - .off-canvas-content.has-reveal-top { - margin-top: 250px; - } - .position-top.reveal-for-medium ~ .off-canvas-content { - margin-top: 250px; - } - .position-bottom.reveal-for-medium { - transform: none; - z-index: 12; - transition: none; - visibility: visible; - } - .position-bottom.reveal-for-medium .close-button { - display: none; - } - .off-canvas-content .position-bottom.reveal-for-medium { - transform: none; - } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 250px; - } - .position-bottom.reveal-for-medium ~ .off-canvas-content { - margin-bottom: 250px; - } -} -@media print, screen and (min-width: 64em) { - .position-left.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; - } - .position-left.reveal-for-large .close-button { - display: none; - } - .off-canvas-content .position-left.reveal-for-large { - transform: none; - } - .off-canvas-content.has-reveal-left { - margin-left: 250px; - } - .position-left.reveal-for-large ~ .off-canvas-content { - margin-left: 250px; - } - .position-right.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; - } - .position-right.reveal-for-large .close-button { - display: none; - } - .off-canvas-content .position-right.reveal-for-large { - transform: none; - } - .off-canvas-content.has-reveal-right { - margin-right: 250px; - } - .position-right.reveal-for-large ~ .off-canvas-content { - margin-right: 250px; - } - .position-top.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; - } - .position-top.reveal-for-large .close-button { - display: none; - } - .off-canvas-content .position-top.reveal-for-large { - transform: none; - } - .off-canvas-content.has-reveal-top { - margin-top: 250px; - } - .position-top.reveal-for-large ~ .off-canvas-content { - margin-top: 250px; - } - .position-bottom.reveal-for-large { - transform: none; - z-index: 12; - transition: none; - visibility: visible; - } - .position-bottom.reveal-for-large .close-button { - display: none; - } - .off-canvas-content .position-bottom.reveal-for-large { - transform: none; - } - .off-canvas-content.has-reveal-bottom { - margin-bottom: 250px; - } - .position-bottom.reveal-for-large ~ .off-canvas-content { - margin-bottom: 250px; - } -} -@media print, screen and (min-width: 40em) { - .off-canvas.in-canvas-for-medium { - visibility: visible; - height: auto; - position: static; - background: none; - width: auto; - overflow: visible; - transition: none; - } - .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom { - box-shadow: none; - transform: none; - } - .off-canvas.in-canvas-for-medium .close-button { - display: none; - } -} -@media print, screen and (min-width: 64em) { - .off-canvas.in-canvas-for-large { - visibility: visible; - height: auto; - position: static; - background: none; - width: auto; - overflow: visible; - transition: none; - } - .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom { - box-shadow: none; - transform: none; - } - .off-canvas.in-canvas-for-large .close-button { - display: none; - } -} -html.is-reveal-open { - position: fixed; - width: 100%; - overflow-y: hidden; -} -html.is-reveal-open.zf-has-scroll { - overflow-y: scroll; - -webkit-overflow-scrolling: touch; -} -html.is-reveal-open body { - overflow-y: hidden; -} - -.reveal-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1005; - display: none; - background-color: rgba(10, 10, 10, 0.45); - overflow-y: auto; - -webkit-overflow-scrolling: touch; -} - -.reveal { - position: relative; - top: 100px; - margin-right: auto; - margin-left: auto; - overflow-y: auto; - -webkit-overflow-scrolling: touch; - z-index: 1006; - backface-visibility: hidden; - display: none; - padding: 1rem; - border: 1px solid #cacaca; - border-radius: 0; - background-color: #fefefe; -} -[data-whatinput=mouse] .reveal { - outline: 0; -} -@media print, screen and (min-width: 40em) { - .reveal { - min-height: 0; - } -} -.reveal .column, .reveal .columns { - min-width: 0; -} -.reveal > :last-child { - margin-bottom: 0; -} -@media print, screen and (min-width: 40em) { - .reveal { - width: 600px; - max-width: 75rem; - } -} -.reveal.collapse { - padding: 0; -} -@media print, screen and (min-width: 40em) { - .reveal.tiny { - width: 30%; - max-width: 75rem; - } -} -@media print, screen and (min-width: 40em) { - .reveal.small { - width: 50%; - max-width: 75rem; - } -} -@media print, screen and (min-width: 40em) { - .reveal.large { - width: 90%; - max-width: 75rem; - } -} -.reveal.full { - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - min-height: 100%; - margin-left: 0; - border: 0; - border-radius: 0; -} -@media print, screen and (max-width: 39.99875em) { - .reveal { - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - max-width: none; - height: 100%; - min-height: 100%; - margin-left: 0; - border: 0; - border-radius: 0; - } -} -.reveal.without-overlay { - position: fixed; -} - -.sticky-container { - position: relative; -} - -.sticky { - position: relative; - z-index: 0; - transform: translate3d(0, 0, 0); -} - -.sticky.is-stuck { - position: fixed; - z-index: 5; - width: 100%; -} -.sticky.is-stuck.is-at-top { - top: 0; -} -.sticky.is-stuck.is-at-bottom { - bottom: 0; -} - -.sticky.is-anchored { - position: relative; - right: auto; - left: auto; -} -.sticky.is-anchored.is-at-bottom { - bottom: 0; -} - .title-bar { padding: 0.5rem; background: #0a0a0a; @@ -5914,30 +4242,224 @@ html.is-reveal-open body { flex: 0 0 auto; } -.float-left { - float: left !important; +.align-left { + justify-content: flex-start; } -.float-right { - float: right !important; +.align-right { + justify-content: flex-end; } -.float-center { - display: block; - margin-right: auto; - margin-left: auto; +.align-center { + justify-content: center; } -.clearfix::before, .clearfix::after { - display: table; - content: " "; - flex-basis: 0; +.align-justify { + justify-content: space-between; +} + +.align-spaced { + justify-content: space-around; +} + +.align-left.vertical.menu > li > a { + justify-content: flex-start; +} + +.align-right.vertical.menu > li > a { + justify-content: flex-end; +} + +.align-center.vertical.menu > li > a { + justify-content: center; +} + +.align-top { + align-items: flex-start; +} + +.align-self-top { + align-self: flex-start; +} + +.align-bottom { + align-items: flex-end; +} + +.align-self-bottom { + align-self: flex-end; +} + +.align-middle { + align-items: center; +} + +.align-self-middle { + align-self: center; +} + +.align-stretch { + align-items: stretch; +} + +.align-self-stretch { + align-self: stretch; +} + +.align-center-middle { + justify-content: center; + align-items: center; + align-content: center; +} + +.small-order-1 { order: 1; } -.clearfix::after { - clear: both; + +.small-order-2 { + order: 2; } +.small-order-3 { + order: 3; +} + +.small-order-4 { + order: 4; +} + +.small-order-5 { + order: 5; +} + +.small-order-6 { + order: 6; +} + +@media print, screen and (min-width: 40em) { + .medium-order-1 { + order: 1; + } + .medium-order-2 { + order: 2; + } + .medium-order-3 { + order: 3; + } + .medium-order-4 { + order: 4; + } + .medium-order-5 { + order: 5; + } + .medium-order-6 { + order: 6; + } +} +@media print, screen and (min-width: 64em) { + .large-order-1 { + order: 1; + } + .large-order-2 { + order: 2; + } + .large-order-3 { + order: 3; + } + .large-order-4 { + order: 4; + } + .large-order-5 { + order: 5; + } + .large-order-6 { + order: 6; + } +} +.flex-container { + display: flex; +} + +.flex-child-auto { + flex: 1 1 auto; +} + +.flex-child-grow { + flex: 1 0 auto; +} + +.flex-child-shrink { + flex: 0 1 auto; +} + +.flex-dir-row { + flex-direction: row; +} + +.flex-dir-row-reverse { + flex-direction: row-reverse; +} + +.flex-dir-column { + flex-direction: column; +} + +.flex-dir-column-reverse { + flex-direction: column-reverse; +} + +@media print, screen and (min-width: 40em) { + .medium-flex-container { + display: flex; + } + .medium-flex-child-auto { + flex: 1 1 auto; + } + .medium-flex-child-grow { + flex: 1 0 auto; + } + .medium-flex-child-shrink { + flex: 0 1 auto; + } + .medium-flex-dir-row { + flex-direction: row; + } + .medium-flex-dir-row-reverse { + flex-direction: row-reverse; + } + .medium-flex-dir-column { + flex-direction: column; + } + .medium-flex-dir-column-reverse { + flex-direction: column-reverse; + } +} +@media print, screen and (min-width: 64em) { + .large-flex-container { + display: flex; + } + .large-flex-child-auto { + flex: 1 1 auto; + } + .large-flex-child-grow { + flex: 1 0 auto; + } + .large-flex-child-shrink { + flex: 0 1 auto; + } + .large-flex-dir-row { + flex-direction: row; + } + .large-flex-dir-row-reverse { + flex-direction: row-reverse; + } + .large-flex-dir-column { + flex-direction: column; + } + .large-flex-dir-column-reverse { + flex-direction: column-reverse; + } +} .hide { display: none !important; }