/*** * * The new CSS reset - version 1.11.2 (last updated 15.11.2023) * * GitHub page: https://github.com/elad2412/the-new-css-reset * *** */ /* * Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property * * - The "symbol *" part is to solve Firefox SVG sprite bug * * - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; box-sizing: border-box; background-repeat: no-repeat; } *::before, *::after { box-sizing: border-box; } /* Preferred box-sizing value */ /* Fix mobile Safari increase font-size on landscape mode */ html { -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu, summary { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input { -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } textarea { -moz-user-select: auto; user-select: auto; -webkit-user-select: auto; white-space: revert; } /* revert the 'white-space' property for textarea elements on Safari */ /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; box-sizing: border-box; } /* reset default text opacity of input placeholder */ ::-moz-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. * * display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers * * - fix for the content editable attribute will work properly. * * - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element */ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; line-break: after-white-space; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; box-sizing: border-box; } /* Remove details summary webkit styles */ ::-webkit-details-marker { display: none; } header { display: flex; justify-content: space-between; align-items: center; background-color: rgb(10, 9, 85); padding: 0.5em 1em; } header svg path + path + path + path + path, header svg g + path, header svg g + path + path, header svg g + path + path + path, header svg g + path + path + path + path { fill: rgb(255, 255, 255); } header nav a { color: rgb(255, 255, 255); padding: 0.625em 1.25em; font-weight: 500; } header nav a:last-child { background-color: rgb(220, 10, 9); } footer { display: flex; flex-wrap: wrap; } footer div[data-footer] { display: flex; flex-wrap: wrap; padding-top: 2em; padding-bottom: 2em; } footer div[data-footer=address] { flex: 0 0 40%; background-color: rgb(255, 255, 255); padding-left: calc((100% - 980px) / 2); align-items: flex-start; } footer div[data-footer=address] address + a { display: flex; justify-content: center; padding: 0.5em 0; font-weight: 500; } footer div[data-footer=address] > span { margin-bottom: 2em; } footer div[data-footer=address] span { flex: 0 0 100%; } footer div[data-footer=address] address { flex: 0 0 50%; flex-direction: column; display: flex; align-items: flex-start; } footer div[data-footer=address] address span:first-child { font-size: 0.875em; font-weight: 600; margin-bottom: 1em; text-transform: uppercase; } footer div[data-footer=address] address span + span { font-size: 0.9375em; padding-bottom: 0.25em; } footer div[data-footer=navigation] { background-color: rgb(10, 9, 85); flex: 0 0 60%; color: rgb(255, 255, 255); padding-right: calc((100% - 980px) / 2); padding-left: 2em; justify-content: space-between; } footer div[data-footer=navigation] > div { flex: 0 0 30%; display: flex; flex-direction: column; } footer div[data-footer=navigation] > div h3 { font-size: 0.875em; font-weight: 600; text-transform: uppercase; margin-bottom: 2em; } footer div[data-footer=navigation] > div > div { flex-direction: column; display: flex; } footer div[data-footer=navigation] > div > div a { padding: 0.5em 0; font-size: 0.9375em; } footer div[data-footer=navigation] > div:last-child { flex: 0 0 100%; flex-direction: row; } body { background-color: rgba(27, 27, 35, 0.05); font-family: "Inter", sans-serif; font-size: 1em; color: rgb(27, 27, 35); line-height: 1; } main { min-height: 200px; padding: 1em calc((100% - 980px) / 2); } div[data-list=grid] { display: flex; flex-wrap: wrap; justify-content: space-between; } div[data-list=grid] div { background-color: rgb(255, 255, 255); flex: 0 0 32%; padding-bottom: 1.5em; margin-bottom: 1em; border-radius: 6px; } div[data-title=page] { padding: 1.25em 1.75em; display: flex; justify-content: space-between; align-items: center; background-color: rgb(255, 255, 255); border-radius: 6px; border: 1px solid rgba(27, 27, 35, 0.08); box-shadow: 3px 3px 3px rgba(27, 27, 35, 0.01); margin-top: 1em; margin-bottom: 2em; min-height: 84px; } div[data-title=page] h1 { font-size: 1.5em; font-weight: 800; } div[data-list=grid] img { border-radius: 6px 6px 0 0; } div[data-list=grid] h2 { font-weight: 500; font-size: 1.125em; margin-bottom: 0.5em; text-transform: capitalize; padding: 0 18px; } div[data-list=grid] span { font-size: 0.75em; border: 1px solid rgba(27, 27, 35, 0.2); border-radius: 3px; margin-left: 18px; padding: 0.25em 0.75em; text-transform: capitalize; color: rgba(27, 27, 35, 0.75); } div[data-list=grid] img { margin-bottom: 0.75em; } div[data-page=contact] { background-color: rgb(255, 255, 255); border-radius: 6px; min-height: 200px; flex-wrap: wrap; display: flex; } div[data-page=contact] div[data-form] { flex: 0 0 40%; padding: 2em; } div[data-page=contact] div[data-form] p { font-size: 1.25em; margin-bottom: 1em; line-height: 1.25; } div[data-page=contact] div[data-map] { flex: 0 0 60%; } div[data-page=contact] div[data-tabs=content] { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; } div[data-page=contact] div[data-tabs=content] iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } form > div { margin-bottom: 1.5em; } button[type] { background-color: rgb(220, 10, 9); color: rgb(255, 255, 255); padding: 0.625em 2em; border-radius: 3px; } label { display: block; font-weight: 500; margin-bottom: 0.5em; } input, textarea { padding: 0.5em 1em; width: 100%; } input, select, textarea { border: 1px solid rgba(27, 27, 35, 0.25); border-radius: 3px; } select { padding: 0.5em 2.5em 0.5em 1em; background-position: calc(100% - 16px) center; background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L5 3.58579L8.29289 0.292893C8.68342 -0.0976311 9.31658 -0.0976311 9.70711 0.292893C10.0976 0.683417 10.0976 1.31658 9.70711 1.70711L5.70711 5.70711C5.31658 6.09763 4.68342 6.09763 4.29289 5.70711L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='%23292732'/%3E%3C/svg%3E%0A"); }/*# sourceMappingURL=style.css.map */