demo/resources/scss/style.css
2023-03-23 18:50:47 +01:00

203 lines
13 KiB
CSS

/* roboto-condensed-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
font-family: "Roboto Condensed";
font-style: normal;
font-weight: 300;
src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("/storage/fonts/roboto-condensed-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("/storage/fonts/roboto-condensed-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
font-family: "Roboto Condensed";
font-style: normal;
font-weight: 400;
src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("/storage/fonts/roboto-condensed-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("/storage/fonts/roboto-condensed-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-condensed-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
font-family: "Roboto Condensed";
font-style: normal;
font-weight: 700;
src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("/storage/fonts/roboto-condensed-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("/storage/fonts/roboto-condensed-v18-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* exo-2-300 - latin */
@font-face {
font-family: "Exo 2";
font-style: normal;
font-weight: 300;
src: local(""), url("/storage/fonts/exo-2-v9-latin-300.woff2") format("woff2"), url("/storage/fonts/exo-2-v9-latin-300.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* exo-2-regular - latin */
@font-face {
font-family: "Exo 2";
font-style: normal;
font-weight: 400;
src: local(""), url("/storage/fonts/exo-2-v9-latin-regular.woff2") format("woff2"), url("/storage/fonts/exo-2-v9-latin-regular.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* exo-2-700 - latin */
@font-face {
font-family: "Exo 2";
font-style: normal;
font-weight: 700;
src: local(""), url("/storage/fonts/exo-2-v9-latin-700.woff2") format("woff2"), url("/storage/fonts/exo-2-v9-latin-700.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* exo-2-900 - latin */
@font-face {
font-family: "Exo 2";
font-style: normal;
font-weight: 900;
src: local(""), url("/storage/fonts/exo-2-v9-latin-900.woff2") format("woff2"), url("/storage/fonts/exo-2-v9-latin-900.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-300 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 300;
src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff2") format("woff2"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-300.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 400;
src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-600 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 600;
src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2") format("woff2"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 700;
src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2") format("woff2"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-900 - vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
font-family: "Source Sans Pro";
font-style: normal;
font-weight: 900;
src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.woff2") format("woff2"), url("/storage/fonts/source-sans-pro-v14-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-900.woff") format("woff");
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body {
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media (min-width: 125em) {
html {
font-size: 0.79vw;
}
}
body {
color: var(--bs-dark);
background-color: #f0f0f0;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nNjEyJyBoZWlnaHQ9JzMxMicgdmlld0JveD0nMCAwIDEyMi4zOTk5OTk5OTk5OTk5OSA2Mi40MDAwMDAwMDAwMDAwMDYnPgoJPGRlZnM+CgkJPHBhdGggaWQ9J3MnIGZpbGw9JyNmZmYnIGQ9J00wLDBsMTAgNWwtMTAsNXonLz4KCTwvZGVmcz4KCTxnIGlkPSdiJz4KCTx1c2UgeD0nLTEwJyB5PSctNScgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjE2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMCcgeT0nMC4yJyBmaWxsLW9wYWNpdHk9JzAuMjQnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMTAnIHk9JzUuNCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjI0JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMCcgeT0nMTAuNicgZmlsbC1vcGFjaXR5PScwLjI0JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTEwJyB5PScxNS44JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMzInIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScwJyB5PScyMScgZmlsbC1vcGFjaXR5PScwLjE2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTEwJyB5PScyNi4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScxMC4yJyB5PSctNScgZmlsbC1vcGFjaXR5PScwLjI0JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTIwLjInIHk9JzAuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMyJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMTAuMicgeT0nNS40JyBmaWxsLW9wYWNpdHk9JzAuMjQnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMjAuMicgeT0nMTAuNicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjE2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMTAuMicgeT0nMTUuOCcgZmlsbC1vcGFjaXR5PScwLjA4JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTIwLjInIHk9JzIxJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScxMC4yJyB5PScyNi4yJyBmaWxsLW9wYWNpdHk9JzAuMjQnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMzAuNCcgeT0nLTUnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzIwLjQnIHk9JzAuMicgZmlsbC1vcGFjaXR5PScwLjE2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTMwLjQnIHk9JzUuNCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjI0JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMjAuNCcgeT0nMTAuNicgZmlsbC1vcGFjaXR5PScwLjE2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTMwLjQnIHk9JzE1LjgnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4wOCcgeGxpbms6aHJlZj0nI3MnIC8+CQoJPHVzZSB4PScyMC40JyB5PScyMScgZmlsbC1vcGFjaXR5PScwLjE2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTMwLjQnIHk9JzI2LjInIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzMwLjU5OTk5OTk5OTk5OTk5OCcgeT0nLTUnIGZpbGwtb3BhY2l0eT0nMC4xNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy00MC41OTk5OTk5OTk5OTk5OTQnIHk9JzAuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjE2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMzAuNTk5OTk5OTk5OTk5OTk4JyB5PSc1LjQnIGZpbGwtb3BhY2l0eT0nMC4wOCcgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy00MC41OTk5OTk5OTk5OTk5OTQnIHk9JzEwLjYnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4yNCcgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzMwLjU5OTk5OTk5OTk5OTk5OCcgeT0nMTUuOCcgZmlsbC1vcGFjaXR5PScwLjI0JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQwLjU5OTk5OTk5OTk5OTk5NCcgeT0nMjEnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4wOCcgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzMwLjU5OTk5OTk5OTk5OTk5OCcgeT0nMjYuMicgZmlsbC1vcGFjaXR5PScwLjE2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTUwLjgnIHk9Jy01JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMjQnIHhsaW5rOmhyZWY9JyNzJyAvPgkKCTx1c2UgeD0nNDAuOCcgeT0nMC4yJyBmaWxsLW9wYWNpdHk9JzAuMzInIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctNTAuOCcgeT0nNS40JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMDgnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSc0MC44JyB5PScxMC42JyBmaWxsLW9wYWNpdHk9JzAuMTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctNTAuOCcgeT0nMTUuOCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjI0JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nNDAuOCcgeT0nMjEnIGZpbGwtb3BhY2l0eT0nMC4wOCcgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy01MC44JyB5PScyNi4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMjQnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSc1MScgeT0nLTUnIGZpbGwtb3BhY2l0eT0nMC4xNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy02MC45OTk5OTk5OTk5OTk5OScgeT0nMC4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMTYnIHhsaW5rOmhyZWY9JyNzJyAvPgkKCTx1c2UgeD0nNTEnIHk9JzUuNCcgZmlsbC1vcGFjaXR5PScwLjMyJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTYwLjk5OTk5OTk5OTk5OTk5JyB5PScxMC42JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMTYnIHhsaW5rOmhyZWY9JyNzJyAvPgkKCTx1c2UgeD0nNTEnIHk9JzE1LjgnIGZpbGwtb3BhY2l0eT0nMC4yNCcgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy02MC45OTk5OTk5OTk5OTk5OScgeT0nMjEnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzUxJyB5PScyNi4yJyBmaWxsLW9wYWNpdHk9JzAuMTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPC9nPgoJPHVzZSB4PSctNjAuOTk5OTk5OTk5OTk5OTknIHk9JzMxLjIwMDAwMDAwMDAwMDAwMycgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgeGxpbms6aHJlZj0nI2InIC8+Cgk8dXNlIHg9Jy0xMjIuMTk5OTk5OTk5OTk5OTknIHk9Jy0yMC44JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgLTEgMCAwKScgeGxpbms6aHJlZj0nI2InIC8+Cgk8dXNlIHg9JzYxLjE5OTk5OTk5OTk5OTk5NicgeT0nLTQxLjYnIHRyYW5zZm9ybT0nbWF0cml4KDEgMCAwIC0xIDAgMCknIHhsaW5rOmhyZWY9JyNiJyAvPgoJPHVzZSB4PSc2MS4xOTk5OTk5OTk5OTk5OTYnIHk9Jy03Mi44JyB0cmFuc2Zvcm09J21hdHJpeCgxIDAgMCAtMSAwIDApJyB4bGluazpocmVmPScjYicgLz4KPC9zdmc+Cg==);
background-attachment: fixed;
}
a {
transition: color 0.3s ease;
text-decoration: none;
}
h1 {
font-family: "Exo 2", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 700;
}
label.required::after {
content: " *";
color: var(--bs-danger);
font-weight: 700;
font-size: 1rem;
}
.btn-transparent {
background-color: transparent;
}
.form-control,
.form-control:focus,
.btn:focus,
.btn.active {
box-shadow: none;
}
.global-header {
background: var(--bs-light);
}
.global-header__logo {
margin: 0;
padding: 1rem 1rem;
}
.global-header__logo-link {
color: var(--bs-primary);
}
.global-header__logo-link:hover {
text-decoration: none;
}
.global-header__navbar-container {
padding: 0.25rem 0;
}
.global-header__navbar-item {
color: var(--bs-light);
display: inline-block;
margin-right: 1rem;
}
.global-header__navbar-item:hover {
text-decoration: none;
color: var(--bs-gray);
}
.global-search__checkbox {
display: none;
}
.global-search__checkbox:checked ~ .global-search__container {
display: flex;
}
.global-search__label {
margin: 0;
}
.alert-danger {
background-color: #f44336;
color: #ffffff;
border: 0;
}
.dropdown-menu {
min-width: 20rem;
}
@media (min-width: 992px) {
.global-search__mobile-search-close-button,
.global-search__mobile-search-open-button {
display: none;
}
}
@media (min-width: 125em) {
.container {
max-width: 70vw;
}
}