.ngparaeditablegallery-bar { display: flex; justify-content: flex-end; gap: 12px; flex-wrap: wrap; margin: 24px 0; } .ngparaeditablegallery form { display: block; margin: 24px 0; width: 100%; box-sizing: border-box; } .ngparaeditablegallery button, .ngparaeditablegallery input[type=submit] { border-color: #ffffff; border-width: 0px; border-style: solid; padding: 10px 20px 10px 20px; background: #2145aa; font: 15px Raleway,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; border-radius: 10px; cursor: pointer; } .ngparaeditablegallery button:focus-visible, .ngparaeditablegallery input[type=submit]:focus-visible { border-color: #ffffff; background: #2145aa; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; } .ngparaeditablegallery button:hover:enabled, .ngparaeditablegallery input[type=submit]:hover:enabled, .ngparaeditablegallery input[type=file]:enabled::file-selector-button:hover { border-color: #444444; background: #444444; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; } .ngparaeditablegallery label { font: 15px Raleway,Verdana,Helvetica,sans-serif; color: #174769; letter-spacing: 0px; display: block; margin: 0 0 6px 0; box-sizing: border-box; } .ngparaeditablegallery input { -webkit-appearance: none; } .ngparaeditablegallery input[type=text], .ngparaeditablegallery input[type=file] { border-color: #dae5ed; border-width: 1px; border-style: solid; padding: 6px 12px 6px 12px; background: #ffffff; font: 15px Raleway,Verdana,Helvetica,sans-serif; color: #323232; letter-spacing: 0px; border-radius: 0px; display: block; width: 100%; margin: 0 0 12px 0; box-sizing: border-box; } .ngparaeditablegallery input[type=file] { padding: 6px; } .ngparaeditablegallery input[type=text]:focus-visible { border-color: #dae5ed; background: #ffffff; } .ngparaeditablegallery input[type=file]::file-selector-button { border-color: #ffffff; border-width: 0px; border-style: solid; padding: 10px 20px 10px 20px; background: #2145aa; font: 15px Raleway,Verdana,Helvetica,sans-serif; color: #ffffff; letter-spacing: 0px; text-transform: uppercase; border-radius: 10px; cursor: pointer; margin: 0 12px 0 0; } .ngparaeditablegallery input[type=file]:focus-visible::file-selector-button { border-color: #ffffff; background: #2145aa; font-weight: normal; font-style: normal; text-transform: uppercase; color: #ffffff; outline: none; } .ngparaeditablegallery button:disabled, .ngparaeditablegallery input[type=submit]:disabled, .ngparaeditablegallery input[type=file]:disabled::file-selector-button { opacity: 0.8; cursor: wait; } .ngparaeditablegallery-content { display: flex; margin: 0; padding: 0; flex-wrap: wrap; gap: var(--ngparaeditgallery-gutter, 20px); } .ngparaeditablegallery-content li { display: block; list-style: none; margin: 0; padding: 0; width: calc((100% - (var(--ngparaeditgallery-columns, 3) - 1) * var(--ngparaeditgallery-gutter, 20px)) / var(--ngparaeditgallery-columns, 3)); position: relative; } .ngparaeditablegallery-content li img { display: block; width: 100%; height: auto; border-radius: var(--ngparaeditgallery-borderradius, 0); box-shadow: var(--ngparaeditgallery-shadow,none); } .ngparaeditablegallery a:focus-visible { outline: none; } .ngparaeditablegallery a:focus-visible img { filter: brightness(80%); } .ngparaeditablegallery li.ngparaeditablegallery-inactive img { opacity: 0.2; } .ngparaeditablegallery-floatingbar { flex-wrap: wrap; justify-content: flex-start; gap: 8px; position: absolute; right: 8px; bottom: 8px; display: flex; } .ngparaeditablegallery-hidefloatingbar .ngparaeditablegallery-floatingbar { display: none; } .ngparaeditablegallery .ngparaeditablegallery-floatingbar button { padding: 8px; background: rgba(0,0,0,0.3); color: rgba(255,255,255,0.8); border-radius: 8px; border: none; } .ngparaeditablegallery .ngparaeditablegallery-floatingbar button:hover, .ngparaeditablegallery .ngparaeditablegallery-floatingbar button:focus-visible { background: rgba(0,0,0,1); color: rgba(255,255,255,1); } .ngparaeditablegallery-floatingbar button svg { display: block; width: 24px; height: 24px; } @media (max-width: 1023px) { .ngparaeditablegallery-content li { width: 100%; } } @media (min-width: 1024px) { .ngparaeditablegallery-multicol svg.ngparaeditablegallery-rotate { transform: rotate(-90deg); } }