@openeuropa/bcl-theme-default 1.10.7 → 1.10.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/color-scheme.min.css +1 -1
- package/css/color-scheme.min.css.map +1 -1
- package/css/oe-bcl-ckeditor5.min.css +1 -1
- package/css/oe-bcl-ckeditor5.min.css.map +1 -1
- package/css/oe-bcl-default.css +315 -174
- package/css/oe-bcl-default.css.map +1 -1
- package/css/oe-bcl-default.min.css +1 -1
- package/css/oe-bcl-default.min.css.map +1 -1
- package/icons/bcl-default-icons.svg +1 -1
- package/icons/bootstrap-icons.svg +1 -1
- package/js/oe-bcl-default.bundle.js +86 -14
- package/js/oe-bcl-default.bundle.js.map +1 -1
- package/js/oe-bcl-default.bundle.min.js +1 -1
- package/js/oe-bcl-default.bundle.min.js.map +1 -1
- package/js/oe-bcl-default.esm.js +85 -14
- package/js/oe-bcl-default.esm.js.map +1 -1
- package/js/oe-bcl-default.esm.min.js +1 -1
- package/js/oe-bcl-default.esm.min.js.map +1 -1
- package/js/oe-bcl-default.umd.js +86 -14
- package/js/oe-bcl-default.umd.js.map +1 -1
- package/js/oe-bcl-default.umd.min.js +1 -1
- package/js/oe-bcl-default.umd.min.js.map +1 -1
- package/package.json +7 -7
- package/src/icons/icons.js +2 -0
- package/src/js/accordion-toggle/accordion-toggle.js +24 -9
- package/src/js/header/header.js +91 -0
- package/src/js/index.esm.js +2 -0
- package/src/js/index.umd.js +2 -0
- package/src/scss/_header.scss +27 -82
- package/src/scss/_input.scss +72 -31
- package/src/scss/_mega-menu.scss +50 -61
- package/src/scss/_multiselect-2.scss +33 -11
- package/src/scss/_pagination-v2.scss +86 -0
- package/src/scss/_pagination.scss +1 -0
- package/src/scss/_search-form.scss +4 -0
- package/src/scss/base/_mixins.scss +21 -0
- package/src/scss/base/_utilities.scss +8 -0
- package/src/scss/base/_variables.scss +3 -0
- package/src/scss/oe-bcl-default.scss +1 -0
- package/templates/bcl-base-templates/listing-page.html.twig +17 -19
- package/templates/bcl-contact-form/contact-form.html.twig +3 -3
- package/templates/bcl-content-banner/content-banner.html.twig +3 -0
- package/templates/bcl-dropdown/dropdown.html.twig +12 -7
- package/templates/bcl-event/event.html.twig +5 -5
- package/templates/bcl-file/file.html.twig +1 -1
- package/templates/bcl-glossary/glossary-detail.html.twig +4 -5
- package/templates/bcl-glossary/glossary-listing.html.twig +5 -5
- package/templates/bcl-group/group-landing.html.twig +5 -5
- package/templates/bcl-group/group.html.twig +3 -3
- package/templates/bcl-header/header.html.twig +43 -50
- package/templates/bcl-landing-page/landing-page.html.twig +5 -8
- package/templates/bcl-language-list/language-list-modal.html.twig +58 -5
- package/templates/bcl-links-block/links-block.html.twig +1 -1
- package/templates/bcl-mega-menu/mega-menu-submenu.html.twig +10 -7
- package/templates/bcl-modal/modal.html.twig +20 -7
- package/templates/bcl-navigation/navigation.html.twig +8 -0
- package/templates/bcl-page/page.html.twig +5 -5
- package/templates/bcl-pagination-v2/pagination-item.html.twig +90 -0
- package/templates/bcl-pagination-v2/pagination.html.twig +213 -0
- package/templates/bcl-person/person.html.twig +5 -5
- package/templates/bcl-project/project.html.twig +7 -7
- package/templates/bcl-project-status/project-contributions.html.twig +1 -1
- package/templates/bcl-search/search.html.twig +3 -3
- package/templates/bcl-subscription/subscription.html.twig +5 -5
- package/templates/{bcl-toast → bcl-toasts}/toasts.html.twig +17 -8
- package/templates/bcl-user/user-terms.html.twig +3 -3
- package/templates/bcl-user/user.html.twig +3 -3
package/css/oe-bcl-default.css
CHANGED
|
@@ -542,6 +542,11 @@ legend + * {
|
|
|
542
542
|
-webkit-appearance: textfield;
|
|
543
543
|
outline-offset: -2px;
|
|
544
544
|
}
|
|
545
|
+
[type=search]::-webkit-search-cancel-button {
|
|
546
|
+
cursor: pointer;
|
|
547
|
+
-webkit-filter: grayscale(1);
|
|
548
|
+
filter: grayscale(1);
|
|
549
|
+
}
|
|
545
550
|
|
|
546
551
|
/* rtl:raw:
|
|
547
552
|
[type="tel"],
|
|
@@ -5310,7 +5315,7 @@ textarea.form-control-lg {
|
|
|
5310
5315
|
--bs-pagination-color: var(--bs-link-color);
|
|
5311
5316
|
--bs-pagination-bg: var(--bs-body-bg);
|
|
5312
5317
|
--bs-pagination-border-width: var(--bs-border-width);
|
|
5313
|
-
--bs-pagination-border-color:
|
|
5318
|
+
--bs-pagination-border-color: #ced4da;
|
|
5314
5319
|
--bs-pagination-border-radius: var(--bs-border-radius);
|
|
5315
5320
|
--bs-pagination-hover-color: var(--bs-link-hover-color);
|
|
5316
5321
|
--bs-pagination-hover-bg: var(--bs-tertiary-bg);
|
|
@@ -6922,6 +6927,8 @@ textarea.form-control-lg {
|
|
|
6922
6927
|
.spinner-grow,
|
|
6923
6928
|
.spinner-border {
|
|
6924
6929
|
display: inline-block;
|
|
6930
|
+
-ms-flex-negative: 0;
|
|
6931
|
+
flex-shrink: 0;
|
|
6925
6932
|
width: var(--bs-spinner-width);
|
|
6926
6933
|
height: var(--bs-spinner-height);
|
|
6927
6934
|
vertical-align: var(--bs-spinner-vertical-align);
|
|
@@ -8044,6 +8051,14 @@ svg {
|
|
|
8044
8051
|
border-color: #dee2e6;
|
|
8045
8052
|
}
|
|
8046
8053
|
|
|
8054
|
+
.border-top-subtle {
|
|
8055
|
+
border-top: 1px solid rgb(211.4, 216.4, 242);
|
|
8056
|
+
}
|
|
8057
|
+
|
|
8058
|
+
.border-bottom-subtle {
|
|
8059
|
+
border-bottom: 1px solid rgb(211.4, 216.4, 242);
|
|
8060
|
+
}
|
|
8061
|
+
|
|
8047
8062
|
.grid-3-9 {
|
|
8048
8063
|
-ms-grid-columns: 25% 75%;
|
|
8049
8064
|
grid-template-columns: 25% 75%;
|
|
@@ -9734,7 +9749,7 @@ svg {
|
|
|
9734
9749
|
padding-top: 1rem !important;
|
|
9735
9750
|
}
|
|
9736
9751
|
|
|
9737
|
-
.pt-4 {
|
|
9752
|
+
.pt-4, .pagination-v2 .pagination {
|
|
9738
9753
|
padding-top: 1.5rem !important;
|
|
9739
9754
|
}
|
|
9740
9755
|
|
|
@@ -10122,7 +10137,7 @@ svg {
|
|
|
10122
10137
|
font-weight: 300 !important;
|
|
10123
10138
|
}
|
|
10124
10139
|
|
|
10125
|
-
.fw-normal {
|
|
10140
|
+
.fw-normal, .pagination-v2 .pagination.pagination--glossary .page-item .page-link {
|
|
10126
10141
|
font-weight: 400 !important;
|
|
10127
10142
|
}
|
|
10128
10143
|
|
|
@@ -10170,7 +10185,7 @@ svg {
|
|
|
10170
10185
|
text-align: center !important;
|
|
10171
10186
|
}
|
|
10172
10187
|
|
|
10173
|
-
.text-decoration-none {
|
|
10188
|
+
.text-decoration-none, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:hover {
|
|
10174
10189
|
text-decoration: none !important;
|
|
10175
10190
|
}
|
|
10176
10191
|
|
|
@@ -10543,7 +10558,7 @@ svg {
|
|
|
10543
10558
|
background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
|
|
10544
10559
|
}
|
|
10545
10560
|
|
|
10546
|
-
.bg-light {
|
|
10561
|
+
.bg-light, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:hover {
|
|
10547
10562
|
--bs-bg-opacity: 1;
|
|
10548
10563
|
background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
|
|
10549
10564
|
}
|
|
@@ -10684,7 +10699,7 @@ svg {
|
|
|
10684
10699
|
border-radius: var(--bs-border-radius-sm) !important;
|
|
10685
10700
|
}
|
|
10686
10701
|
|
|
10687
|
-
.rounded-2 {
|
|
10702
|
+
.rounded-2, .bcl-navbar-toggler {
|
|
10688
10703
|
border-radius: var(--bs-border-radius) !important;
|
|
10689
10704
|
}
|
|
10690
10705
|
|
|
@@ -17740,10 +17755,6 @@ em.placeholder {
|
|
|
17740
17755
|
display: inline;
|
|
17741
17756
|
}
|
|
17742
17757
|
|
|
17743
|
-
.bcl-header__project {
|
|
17744
|
-
background: linear-gradient(90deg, #039 0%, #1b4ac3 100%);
|
|
17745
|
-
}
|
|
17746
|
-
|
|
17747
17758
|
.bcl-header .nav-link {
|
|
17748
17759
|
color: #1b4ac3;
|
|
17749
17760
|
display: -ms-flexbox;
|
|
@@ -17752,14 +17763,32 @@ em.placeholder {
|
|
|
17752
17763
|
align-items: center;
|
|
17753
17764
|
}
|
|
17754
17765
|
|
|
17766
|
+
.bcl-navbar-toggler {
|
|
17767
|
+
background: transparent;
|
|
17768
|
+
border: none;
|
|
17769
|
+
border-radius: var(--bs-border-radius-sm);
|
|
17770
|
+
padding: 0.375rem 0.75rem;
|
|
17771
|
+
color: #253ebe;
|
|
17772
|
+
line-height: 1;
|
|
17773
|
+
}
|
|
17774
|
+
.bcl-navbar-toggler .active-icon {
|
|
17775
|
+
display: none;
|
|
17776
|
+
}
|
|
17777
|
+
.bcl-navbar-toggler[aria-expanded=true] {
|
|
17778
|
+
background-color: #253ebe;
|
|
17779
|
+
color: #fff;
|
|
17780
|
+
}
|
|
17781
|
+
.bcl-navbar-toggler[aria-expanded=true] .active-icon {
|
|
17782
|
+
display: block;
|
|
17783
|
+
}
|
|
17784
|
+
.bcl-navbar-toggler[aria-expanded=true] .default-icon {
|
|
17785
|
+
display: none;
|
|
17786
|
+
}
|
|
17787
|
+
|
|
17755
17788
|
.bcl-header--ec,
|
|
17756
17789
|
.ec__header {
|
|
17757
17790
|
/* stylelint-disable-next-line no-descending-specificity */
|
|
17758
17791
|
}
|
|
17759
|
-
.bcl-header--ec .bcl-header__project,
|
|
17760
|
-
.ec__header .bcl-header__project {
|
|
17761
|
-
background: #004494;
|
|
17762
|
-
}
|
|
17763
17792
|
.bcl-header--ec .nav-link,
|
|
17764
17793
|
.ec__header .nav-link {
|
|
17765
17794
|
color: #17458f;
|
|
@@ -17770,16 +17799,8 @@ em.placeholder {
|
|
|
17770
17799
|
align-items: flex-end;
|
|
17771
17800
|
}
|
|
17772
17801
|
|
|
17773
|
-
.bcl-header
|
|
17774
|
-
|
|
17775
|
-
}
|
|
17776
|
-
|
|
17777
|
-
.bcl-header:not(.bcl-header--neutral) .bcl-header__project {
|
|
17778
|
-
padding-top: 1rem;
|
|
17779
|
-
}
|
|
17780
|
-
|
|
17781
|
-
.bcl-header .navbar-brand img {
|
|
17782
|
-
width: 100px;
|
|
17802
|
+
.bcl-header {
|
|
17803
|
+
--oel-mega-menu-offset-top: 0px;
|
|
17783
17804
|
}
|
|
17784
17805
|
.bcl-header .notification {
|
|
17785
17806
|
position: relative;
|
|
@@ -17796,16 +17817,6 @@ em.placeholder {
|
|
|
17796
17817
|
transform: translate(-11px, 5px);
|
|
17797
17818
|
}
|
|
17798
17819
|
|
|
17799
|
-
.bcl-header__project .bcl-header__site-name {
|
|
17800
|
-
display: inline-block;
|
|
17801
|
-
margin-bottom: 0;
|
|
17802
|
-
font-size: 1.3rem;
|
|
17803
|
-
font-weight: 300;
|
|
17804
|
-
color: #fff;
|
|
17805
|
-
vertical-align: middle;
|
|
17806
|
-
max-width: 80%;
|
|
17807
|
-
}
|
|
17808
|
-
|
|
17809
17820
|
.bcl-header__navbar.navbar {
|
|
17810
17821
|
padding: 0;
|
|
17811
17822
|
}
|
|
@@ -17819,11 +17830,6 @@ em.placeholder {
|
|
|
17819
17830
|
transition: none;
|
|
17820
17831
|
}
|
|
17821
17832
|
|
|
17822
|
-
@media only screen and (max-width: 400px) {
|
|
17823
|
-
.bcl-header--neutral .bcl-header__project-logo {
|
|
17824
|
-
display: none;
|
|
17825
|
-
}
|
|
17826
|
-
}
|
|
17827
17833
|
@media (min-width: 768px) {
|
|
17828
17834
|
.bcl-header--ec .navbar-brand img,
|
|
17829
17835
|
.ec__header .navbar-brand img {
|
|
@@ -17841,12 +17847,11 @@ em.placeholder {
|
|
|
17841
17847
|
header:has(.bcl-header__navbar #main-navbar.show),
|
|
17842
17848
|
header:has(.bcl-header__navbar.collapsing),
|
|
17843
17849
|
header:has(.bcl-header__navbar.show) {
|
|
17844
|
-
height: 100vh;
|
|
17850
|
+
height: calc(100vh - var(--oel-mega-menu-offset-top, 0px));
|
|
17845
17851
|
display: -ms-flexbox;
|
|
17846
17852
|
display: flex;
|
|
17847
17853
|
-ms-flex-flow: column;
|
|
17848
17854
|
flex-flow: column;
|
|
17849
|
-
overflow: auto;
|
|
17850
17855
|
}
|
|
17851
17856
|
header:has(.bcl-header__navbar #main-navbar.collapsing) > div:has(.breadcrumb),
|
|
17852
17857
|
header:has(.bcl-header__navbar #main-navbar.show) > div:has(.breadcrumb),
|
|
@@ -17854,17 +17859,7 @@ em.placeholder {
|
|
|
17854
17859
|
header:has(.bcl-header__navbar.show) > div:has(.breadcrumb) {
|
|
17855
17860
|
display: none;
|
|
17856
17861
|
}
|
|
17857
|
-
.bcl-
|
|
17858
|
-
padding: 1rem 0;
|
|
17859
|
-
}
|
|
17860
|
-
.bcl-header .bcl-header__project {
|
|
17861
|
-
z-index: 1040;
|
|
17862
|
-
position: relative;
|
|
17863
|
-
box-shadow: var(--bs-box-shadow);
|
|
17864
|
-
-ms-flex-negative: 0;
|
|
17865
|
-
flex-shrink: 0;
|
|
17866
|
-
}
|
|
17867
|
-
.bcl-header:not(:has(.bcl-header__project)) > .navbar:first-child {
|
|
17862
|
+
.bcl-header {
|
|
17868
17863
|
box-shadow: var(--bs-box-shadow);
|
|
17869
17864
|
}
|
|
17870
17865
|
.bcl-header nav + nav {
|
|
@@ -17883,6 +17878,7 @@ em.placeholder {
|
|
|
17883
17878
|
width: 100%;
|
|
17884
17879
|
-ms-flex-align: start;
|
|
17885
17880
|
align-items: flex-start;
|
|
17881
|
+
overflow: auto;
|
|
17886
17882
|
}
|
|
17887
17883
|
.bcl-header__navbar.navbar .navbar-nav {
|
|
17888
17884
|
width: 100%;
|
|
@@ -17942,11 +17938,6 @@ em.placeholder {
|
|
|
17942
17938
|
}
|
|
17943
17939
|
}
|
|
17944
17940
|
@media (min-width: 992px) {
|
|
17945
|
-
.bcl-header__project.light,
|
|
17946
|
-
.bcl-header--ec .bcl-header__project.light,
|
|
17947
|
-
.ec__header .bcl-header__project.light {
|
|
17948
|
-
background: #fff;
|
|
17949
|
-
}
|
|
17950
17941
|
.bcl-header__navbar {
|
|
17951
17942
|
background: linear-gradient(90deg, #039 0%, #1b4ac3 100%);
|
|
17952
17943
|
}
|
|
@@ -17961,27 +17952,14 @@ em.placeholder {
|
|
|
17961
17952
|
.bcl-header--neutral .bcl-header__navbar {
|
|
17962
17953
|
background: #495057;
|
|
17963
17954
|
}
|
|
17964
|
-
.bcl-header__site-name {
|
|
17965
|
-
margin-left: 1.5rem;
|
|
17966
|
-
font-weight: 500;
|
|
17967
|
-
}
|
|
17968
|
-
.bcl-header__project.light .bcl-header__site-name {
|
|
17969
|
-
color: #000;
|
|
17970
|
-
}
|
|
17971
17955
|
.bcl-header .navbar-toggler {
|
|
17972
17956
|
position: relative;
|
|
17973
17957
|
right: 0;
|
|
17974
17958
|
bottom: 0;
|
|
17975
17959
|
}
|
|
17976
|
-
.bcl-header .navbar-brand img {
|
|
17977
|
-
width: auto;
|
|
17978
|
-
}
|
|
17979
17960
|
.bcl-header__navbar .bcl-mega-menu {
|
|
17980
17961
|
--bcl-mega-menu-zindex: 1050;
|
|
17981
17962
|
}
|
|
17982
|
-
.bcl-header:not(.bcl-header--neutral) .bcl-header__project {
|
|
17983
|
-
padding-bottom: 1rem;
|
|
17984
|
-
}
|
|
17985
17963
|
.bcl-header__navbar.collapse {
|
|
17986
17964
|
display: block;
|
|
17987
17965
|
}
|
|
@@ -18219,12 +18197,14 @@ em.placeholder {
|
|
|
18219
18197
|
white-space: nowrap;
|
|
18220
18198
|
scrollbar-width: none;
|
|
18221
18199
|
-ms-overflow-style: none;
|
|
18222
|
-
border: none;
|
|
18223
18200
|
}
|
|
18224
18201
|
.nav-tabs::-webkit-scrollbar {
|
|
18225
18202
|
width: 0;
|
|
18226
18203
|
height: 0;
|
|
18227
18204
|
}
|
|
18205
|
+
.nav-tabs {
|
|
18206
|
+
border: none;
|
|
18207
|
+
}
|
|
18228
18208
|
.nav-tabs .nav-item {
|
|
18229
18209
|
z-index: 1;
|
|
18230
18210
|
}
|
|
@@ -18333,6 +18313,10 @@ em.placeholder {
|
|
|
18333
18313
|
border-top-left-radius: 0;
|
|
18334
18314
|
border-bottom-left-radius: 0;
|
|
18335
18315
|
}
|
|
18316
|
+
.bcl-search-form.submittable .bcl-search-form__submit:focus-visible {
|
|
18317
|
+
outline-offset: 2px;
|
|
18318
|
+
outline-color: #253ebe;
|
|
18319
|
+
}
|
|
18336
18320
|
.bcl-search-form.submittable .bcl-search-form__group {
|
|
18337
18321
|
display: -ms-flexbox;
|
|
18338
18322
|
display: flex;
|
|
@@ -18366,12 +18350,53 @@ em.placeholder {
|
|
|
18366
18350
|
padding-bottom: 0.5rem;
|
|
18367
18351
|
padding-left: 1rem;
|
|
18368
18352
|
font-size: 1.25rem;
|
|
18353
|
+
border-color: #6c757d;
|
|
18369
18354
|
}
|
|
18370
18355
|
.form-select:focus-visible {
|
|
18356
|
+
border-color: #6c757d;
|
|
18357
|
+
box-shadow: none;
|
|
18358
|
+
outline: 2px solid #253ebe;
|
|
18359
|
+
box-shadow: none;
|
|
18360
|
+
border-radius: 4px;
|
|
18361
|
+
outline-offset: 2px;
|
|
18362
|
+
}
|
|
18363
|
+
.form-select:focus-visible.is-valid {
|
|
18364
|
+
outline-color: #09854c;
|
|
18365
|
+
}
|
|
18366
|
+
.form-select:focus-visible.is-valid:focus {
|
|
18367
|
+
box-shadow: none;
|
|
18368
|
+
border-color: #6c757d;
|
|
18369
|
+
}
|
|
18370
|
+
.form-select:focus-visible.is-invalid {
|
|
18371
|
+
outline-color: #a51f2c;
|
|
18372
|
+
}
|
|
18373
|
+
.form-select:focus-visible.is-invalid:focus {
|
|
18374
|
+
box-shadow: none;
|
|
18375
|
+
border-color: #6c757d;
|
|
18376
|
+
}
|
|
18377
|
+
.form-select:focus {
|
|
18378
|
+
box-shadow: none;
|
|
18379
|
+
border-color: #6c757d;
|
|
18380
|
+
}
|
|
18381
|
+
.form-select.is-valid:focus, .form-select.is-invalid:focus {
|
|
18382
|
+
box-shadow: none;
|
|
18383
|
+
}
|
|
18384
|
+
|
|
18385
|
+
.form-check-input {
|
|
18386
|
+
border-color: #253ebe;
|
|
18387
|
+
}
|
|
18388
|
+
.form-check-input:focus-visible[type=radio] {
|
|
18389
|
+
border-radius: 50%;
|
|
18390
|
+
}
|
|
18391
|
+
.form-check-input:focus {
|
|
18392
|
+
border-color: #253ebe;
|
|
18393
|
+
box-shadow: none;
|
|
18394
|
+
}
|
|
18395
|
+
.form-check-input:focus-visible {
|
|
18371
18396
|
outline: 2px solid #253ebe;
|
|
18372
18397
|
box-shadow: none;
|
|
18373
18398
|
border-radius: 4px;
|
|
18374
|
-
outline-offset:
|
|
18399
|
+
outline-offset: 1px;
|
|
18375
18400
|
}
|
|
18376
18401
|
|
|
18377
18402
|
.form-control {
|
|
@@ -18379,6 +18404,7 @@ em.placeholder {
|
|
|
18379
18404
|
padding: 0.5rem 1rem;
|
|
18380
18405
|
font-size: 1.25rem;
|
|
18381
18406
|
border-radius: 0.3rem;
|
|
18407
|
+
border-color: #6c757d;
|
|
18382
18408
|
}
|
|
18383
18409
|
.form-control::-webkit-file-upload-button {
|
|
18384
18410
|
padding: 0.5rem 1rem;
|
|
@@ -18388,11 +18414,31 @@ em.placeholder {
|
|
|
18388
18414
|
padding: 0.5rem 1rem;
|
|
18389
18415
|
margin: -0.5rem 1rem -0.5rem -1rem;
|
|
18390
18416
|
}
|
|
18391
|
-
.form-control:focus-visible {
|
|
18417
|
+
.form-control:focus:focus-visible {
|
|
18418
|
+
border-color: #6c757d;
|
|
18392
18419
|
outline: 2px solid #253ebe;
|
|
18393
18420
|
box-shadow: none;
|
|
18394
18421
|
border-radius: 4px;
|
|
18395
|
-
outline-offset:
|
|
18422
|
+
outline-offset: 2px;
|
|
18423
|
+
}
|
|
18424
|
+
.form-control.is-valid:focus, .form-control.is-invalid:focus {
|
|
18425
|
+
box-shadow: none;
|
|
18426
|
+
}
|
|
18427
|
+
.form-control.is-valid:focus:focus-visible {
|
|
18428
|
+
transition: none;
|
|
18429
|
+
border-color: #6c757d;
|
|
18430
|
+
outline: 2px solid #09854c;
|
|
18431
|
+
box-shadow: none;
|
|
18432
|
+
border-radius: 4px;
|
|
18433
|
+
outline-offset: 2px;
|
|
18434
|
+
}
|
|
18435
|
+
.form-control.is-invalid:focus:focus-visible {
|
|
18436
|
+
transition: none;
|
|
18437
|
+
border-color: #6c757d;
|
|
18438
|
+
outline: 2px solid #a51f2c;
|
|
18439
|
+
box-shadow: none;
|
|
18440
|
+
border-radius: 4px;
|
|
18441
|
+
outline-offset: 2px;
|
|
18396
18442
|
}
|
|
18397
18443
|
|
|
18398
18444
|
.form-check:not(.form-switch) {
|
|
@@ -18407,19 +18453,6 @@ em.placeholder {
|
|
|
18407
18453
|
margin-top: 0.15rem;
|
|
18408
18454
|
}
|
|
18409
18455
|
|
|
18410
|
-
.form-check-input:focus-visible {
|
|
18411
|
-
outline: 4px solid #253ebe;
|
|
18412
|
-
box-shadow: none;
|
|
18413
|
-
border-radius: 4px;
|
|
18414
|
-
outline-offset: 0;
|
|
18415
|
-
}
|
|
18416
|
-
.form-check-input:focus-visible[type=radio] {
|
|
18417
|
-
border-radius: 50%;
|
|
18418
|
-
}
|
|
18419
|
-
.form-check-input:checked:focus-visible {
|
|
18420
|
-
border-color: #fff;
|
|
18421
|
-
}
|
|
18422
|
-
|
|
18423
18456
|
@media (min-width: 768px) {
|
|
18424
18457
|
.form-check:not(.form-switch) {
|
|
18425
18458
|
padding-left: 1.5rem;
|
|
@@ -18453,23 +18486,17 @@ em.placeholder {
|
|
|
18453
18486
|
}
|
|
18454
18487
|
textarea.form-control.is-invalid,
|
|
18455
18488
|
.form-control.is-invalid {
|
|
18456
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%
|
|
18489
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23A51F2C'/%3E%3C/svg%3E%0A");
|
|
18457
18490
|
}
|
|
18458
18491
|
textarea.form-control.is-valid,
|
|
18459
18492
|
.form-control.is-valid {
|
|
18460
18493
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z' fill='%2328A745'/%3E%3C/svg%3E%0A");
|
|
18461
18494
|
}
|
|
18462
18495
|
|
|
18463
|
-
.form-select:not([multiple]):not([size])
|
|
18464
|
-
|
|
18465
|
-
box-shadow: none;
|
|
18466
|
-
border-radius: 4px;
|
|
18467
|
-
outline-offset: -1px;
|
|
18496
|
+
select.form-select:not([multiple]):not([size]).is-invalid {
|
|
18497
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23A51F2C'/%3E%3C/svg%3E%0A");
|
|
18468
18498
|
}
|
|
18469
|
-
.form-select:not([multiple]):not([size]).is-
|
|
18470
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 4C7.46459 4 7.04623 4.46229 7.0995 4.99504L7.45025 8.50248C7.47849 8.78492 7.71616 9 8 9C8.28384 9 8.52151 8.78492 8.54975 8.50248L8.9005 4.99504C8.95377 4.46228 8.53541 4 8 4ZM8.00154 10C7.44926 10 7.00154 10.4477 7.00154 11C7.00154 11.5523 7.44926 12 8.00154 12C8.55383 12 9.00154 11.5523 9.00154 11C9.00154 10.4477 8.55383 10 8.00154 10Z' fill='%23D72E3D'/%3E%3C/svg%3E%0A");
|
|
18471
|
-
}
|
|
18472
|
-
.form-select:not([multiple]):not([size]).is-valid {
|
|
18499
|
+
select.form-select:not([multiple]):not([size]).is-valid {
|
|
18473
18500
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"), url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z' fill='%2328A745'/%3E%3C/svg%3E%0A");
|
|
18474
18501
|
}
|
|
18475
18502
|
|
|
@@ -18649,8 +18676,9 @@ a.badge:focus-within.text-bg-danger, a.badge:active.text-bg-danger, a.badge:hove
|
|
|
18649
18676
|
background-color: rgb(140.25, 26.35, 37.4) !important;
|
|
18650
18677
|
}
|
|
18651
18678
|
|
|
18652
|
-
.badge.bg-light a,
|
|
18653
|
-
.badge.bg-light
|
|
18679
|
+
.badge.bg-light a, .pagination-v2 .pagination.pagination--glossary .page-item .badge.page-link:hover a,
|
|
18680
|
+
.badge.bg-light,
|
|
18681
|
+
.pagination-v2 .pagination.pagination--glossary .page-item .badge.page-link:hover {
|
|
18654
18682
|
color: #000;
|
|
18655
18683
|
}
|
|
18656
18684
|
|
|
@@ -19360,7 +19388,7 @@ select.multi-select {
|
|
|
19360
19388
|
--ss-font-color: #4d4d4d;
|
|
19361
19389
|
--ss-font-placeholder-color: #212529;
|
|
19362
19390
|
--ss-disabled-color: #dcdee2;
|
|
19363
|
-
--ss-border-color: #
|
|
19391
|
+
--ss-border-color: #6c757d;
|
|
19364
19392
|
--ss-highlight-color: #fffb8c;
|
|
19365
19393
|
--ss-success-color: #00b755;
|
|
19366
19394
|
--ss-error-color: #dc3545;
|
|
@@ -19450,8 +19478,11 @@ select.multi-select {
|
|
|
19450
19478
|
overflow: hidden;
|
|
19451
19479
|
min-height: 38px;
|
|
19452
19480
|
}
|
|
19453
|
-
.ss-main.ss-2:focus {
|
|
19454
|
-
|
|
19481
|
+
.ss-main.ss-2:focus-visible {
|
|
19482
|
+
outline: 2px solid #253ebe;
|
|
19483
|
+
box-shadow: none;
|
|
19484
|
+
border-radius: 4px;
|
|
19485
|
+
outline-offset: 2px;
|
|
19455
19486
|
}
|
|
19456
19487
|
.ss-main.ss-2.form-select {
|
|
19457
19488
|
background: none;
|
|
@@ -19734,7 +19765,10 @@ select.multi-select {
|
|
|
19734
19765
|
vertical-align: middle;
|
|
19735
19766
|
}
|
|
19736
19767
|
.ss-content.ss-content-2 .ss-search input:focus {
|
|
19737
|
-
|
|
19768
|
+
outline: 2px solid #253ebe;
|
|
19769
|
+
box-shadow: none;
|
|
19770
|
+
border-radius: 4px;
|
|
19771
|
+
outline-offset: 2px;
|
|
19738
19772
|
}
|
|
19739
19773
|
.ss-content.ss-content-2 .ss-search .ss-addable {
|
|
19740
19774
|
display: -ms-inline-flexbox;
|
|
@@ -19926,23 +19960,48 @@ select.multi-select {
|
|
|
19926
19960
|
background-color: var(--ss-highlight-color);
|
|
19927
19961
|
}
|
|
19928
19962
|
|
|
19929
|
-
.ss-main.multi-select.is-invalid,
|
|
19930
|
-
.was-validated .multi-select:invalid + .ss-main.multi-select {
|
|
19963
|
+
.form-select.ss-main.multi-select.is-invalid,
|
|
19964
|
+
.was-validated .multi-select:invalid + .form-select.ss-main.multi-select {
|
|
19931
19965
|
border-color: #a51f2c;
|
|
19932
|
-
background-position: right
|
|
19966
|
+
background-position: right 2.5rem center;
|
|
19933
19967
|
background-repeat: no-repeat;
|
|
19968
|
+
padding-right: 0.5rem;
|
|
19934
19969
|
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
|
|
19935
|
-
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='
|
|
19970
|
+
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23a51f2c' d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4m.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2'/%3E%3C/svg%3E");
|
|
19971
|
+
}
|
|
19972
|
+
.form-select.ss-main.multi-select.is-invalid:focus-visible,
|
|
19973
|
+
.was-validated .multi-select:invalid + .form-select.ss-main.multi-select:focus-visible {
|
|
19974
|
+
border-color: #6c757d;
|
|
19975
|
+
outline-color: #a51f2c;
|
|
19936
19976
|
}
|
|
19937
19977
|
|
|
19938
|
-
.ss-main.multi-select.is-valid,
|
|
19939
|
-
.was-validated .multi-select:valid + .ss-main.multi-select {
|
|
19978
|
+
.form-select.ss-main.multi-select.is-valid,
|
|
19979
|
+
.was-validated .multi-select:valid + .form-select.ss-main.multi-select {
|
|
19940
19980
|
border-color: #09854c;
|
|
19941
|
-
background-position: right
|
|
19981
|
+
background-position: right 2.5rem center;
|
|
19942
19982
|
background-repeat: no-repeat;
|
|
19983
|
+
padding-right: 0.5rem;
|
|
19943
19984
|
background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
|
|
19944
19985
|
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z' fill='%2328A745'/%3E%3C/svg%3E%0A");
|
|
19945
19986
|
}
|
|
19987
|
+
.form-select.ss-main.multi-select.is-valid:focus-visible,
|
|
19988
|
+
.was-validated .multi-select:valid + .form-select.ss-main.multi-select:focus-visible {
|
|
19989
|
+
border-color: #6c757d;
|
|
19990
|
+
outline-color: #09854c;
|
|
19991
|
+
}
|
|
19992
|
+
|
|
19993
|
+
.ss-sr-only {
|
|
19994
|
+
position: absolute;
|
|
19995
|
+
width: 1px;
|
|
19996
|
+
height: 1px;
|
|
19997
|
+
margin: -1px;
|
|
19998
|
+
padding: 0;
|
|
19999
|
+
border: 0;
|
|
20000
|
+
clip: rect(0, 0, 0, 0);
|
|
20001
|
+
-webkit-clip-path: inset(50%);
|
|
20002
|
+
clip-path: inset(50%);
|
|
20003
|
+
overflow: hidden;
|
|
20004
|
+
}
|
|
19946
20005
|
|
|
19947
20006
|
/* stylelint-disable no-descending-specificity, declaration-no-important */
|
|
19948
20007
|
/* -------------------------------------
|
|
@@ -19991,16 +20050,6 @@ select.multi-select {
|
|
|
19991
20050
|
}
|
|
19992
20051
|
.bcl-mega-menu__container[class] {
|
|
19993
20052
|
display: none;
|
|
19994
|
-
z-index: var(--bcl-mega-menu-zindex);
|
|
19995
|
-
position: absolute;
|
|
19996
|
-
inset-block-start: 0;
|
|
19997
|
-
inset-inline-start: 0;
|
|
19998
|
-
inline-size: 100%;
|
|
19999
|
-
-webkit-margin-before: 0;
|
|
20000
|
-
margin-block-start: 0;
|
|
20001
|
-
padding: 0;
|
|
20002
|
-
border: 0;
|
|
20003
|
-
border-radius: 0;
|
|
20004
20053
|
}
|
|
20005
20054
|
.bcl-mega-menu > [aria-expanded=true] + .bcl-mega-menu__container[class] {
|
|
20006
20055
|
display: block;
|
|
@@ -20011,6 +20060,9 @@ select.multi-select {
|
|
|
20011
20060
|
display: flex;
|
|
20012
20061
|
}
|
|
20013
20062
|
}
|
|
20063
|
+
.bcl-mega-menu__container[class] {
|
|
20064
|
+
z-index: var(--bcl-mega-menu-zindex);
|
|
20065
|
+
}
|
|
20014
20066
|
@media (prefers-reduced-motion: no-preference) {
|
|
20015
20067
|
.bcl-mega-menu__container[class] {
|
|
20016
20068
|
transition: opacity 0.15s ease, -webkit-transform 0.15s ease;
|
|
@@ -20029,6 +20081,17 @@ select.multi-select {
|
|
|
20029
20081
|
pointer-events: none;
|
|
20030
20082
|
}
|
|
20031
20083
|
}
|
|
20084
|
+
.bcl-mega-menu__container[class] {
|
|
20085
|
+
position: absolute;
|
|
20086
|
+
inset-block-start: 0;
|
|
20087
|
+
inset-inline-start: 0;
|
|
20088
|
+
inline-size: 100%;
|
|
20089
|
+
-webkit-margin-before: 0;
|
|
20090
|
+
margin-block-start: 0;
|
|
20091
|
+
padding: 0;
|
|
20092
|
+
border: 0;
|
|
20093
|
+
border-radius: 0;
|
|
20094
|
+
}
|
|
20032
20095
|
@media (min-width: 992px) {
|
|
20033
20096
|
.bcl-mega-menu__container[class] {
|
|
20034
20097
|
inset-block-start: 100%;
|
|
@@ -20198,32 +20261,6 @@ ul.bcl-mega-menu__items > li > button[aria-expanded=true] {
|
|
|
20198
20261
|
background-color: #253ebe;
|
|
20199
20262
|
}
|
|
20200
20263
|
}
|
|
20201
|
-
ul.bcl-mega-menu__items > li:has(> a.see-all-button) {
|
|
20202
|
-
position: -webkit-sticky;
|
|
20203
|
-
position: sticky;
|
|
20204
|
-
inset-block-start: 100%;
|
|
20205
|
-
}
|
|
20206
|
-
ul.bcl-mega-menu__items > li > a.see-all-button {
|
|
20207
|
-
border-top: none;
|
|
20208
|
-
}
|
|
20209
|
-
ul.bcl-mega-menu__items > li > a.see-all-button:after {
|
|
20210
|
-
background: #b9c5e9;
|
|
20211
|
-
content: "";
|
|
20212
|
-
block-size: 1px;
|
|
20213
|
-
inset-inline-start: 0;
|
|
20214
|
-
position: absolute;
|
|
20215
|
-
inset-block-start: 0;
|
|
20216
|
-
inset-inline: 1rem;
|
|
20217
|
-
}
|
|
20218
|
-
ul.bcl-mega-menu__items > li > a.see-all-button > svg {
|
|
20219
|
-
inline-size: 0.8rem;
|
|
20220
|
-
}
|
|
20221
|
-
ul.bcl-mega-menu__items > li > a.see-all-button > span {
|
|
20222
|
-
text-overflow: ellipsis;
|
|
20223
|
-
overflow: hidden;
|
|
20224
|
-
display: block;
|
|
20225
|
-
white-space: nowrap;
|
|
20226
|
-
}
|
|
20227
20264
|
|
|
20228
20265
|
@media (min-width: 992px) {
|
|
20229
20266
|
.bcl-mega-menu__menu {
|
|
@@ -20231,14 +20268,18 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
|
|
|
20231
20268
|
padding-right: 0;
|
|
20232
20269
|
}
|
|
20233
20270
|
}
|
|
20271
|
+
@media (max-width: 991.98px) {
|
|
20272
|
+
.bcl-mega-menu__menu > .bcl-mega-menu__items:has(.bcl-mega-menu__submenu:not([hidden])) > .__leaf,
|
|
20273
|
+
.bcl-mega-menu__menu > .bcl-mega-menu__items:has(.bcl-mega-menu__submenu:not([hidden])) > .__parent {
|
|
20274
|
+
display: none;
|
|
20275
|
+
}
|
|
20276
|
+
.bcl-mega-menu__menu > .bcl-mega-menu__items > .__parent:has(.bcl-mega-menu__submenu:not([hidden])) {
|
|
20277
|
+
display: block;
|
|
20278
|
+
}
|
|
20279
|
+
}
|
|
20234
20280
|
|
|
20235
20281
|
.bcl-mega-menu__submenu {
|
|
20236
20282
|
position: absolute;
|
|
20237
|
-
background: white;
|
|
20238
|
-
display: -ms-flexbox;
|
|
20239
|
-
display: flex;
|
|
20240
|
-
-ms-flex-direction: column;
|
|
20241
|
-
flex-direction: column;
|
|
20242
20283
|
}
|
|
20243
20284
|
@media (max-width: 991.98px) {
|
|
20244
20285
|
.bcl-mega-menu__submenu {
|
|
@@ -20266,11 +20307,20 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
|
|
|
20266
20307
|
z-index: -1;
|
|
20267
20308
|
}
|
|
20268
20309
|
}
|
|
20310
|
+
.bcl-mega-menu__submenu {
|
|
20311
|
+
background: white;
|
|
20312
|
+
}
|
|
20269
20313
|
@media (min-width: 992px) {
|
|
20270
20314
|
.bcl-mega-menu__submenu {
|
|
20271
20315
|
background: rgb(233.2, 235.7, 248.5);
|
|
20272
20316
|
}
|
|
20273
20317
|
}
|
|
20318
|
+
.bcl-mega-menu__submenu {
|
|
20319
|
+
display: -ms-flexbox;
|
|
20320
|
+
display: flex;
|
|
20321
|
+
-ms-flex-direction: column;
|
|
20322
|
+
flex-direction: column;
|
|
20323
|
+
}
|
|
20274
20324
|
.bcl-mega-menu__submenu > .__header > .__label {
|
|
20275
20325
|
padding: 1rem 1rem;
|
|
20276
20326
|
margin: 0;
|
|
@@ -20284,36 +20334,52 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
|
|
|
20284
20334
|
display: none;
|
|
20285
20335
|
}
|
|
20286
20336
|
}
|
|
20287
|
-
|
|
20288
20337
|
@media (min-width: 992px) {
|
|
20289
|
-
.bcl-mega-
|
|
20290
|
-
|
|
20338
|
+
.bcl-mega-menu__submenu > .bcl-mega-menu__items {
|
|
20339
|
+
-ms-flex: 1 1 0px;
|
|
20340
|
+
flex: 1 1 0;
|
|
20341
|
+
overflow-y: auto;
|
|
20291
20342
|
}
|
|
20292
|
-
|
|
20293
|
-
|
|
20294
|
-
.bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__info,
|
|
20295
|
-
.bcl-mega-menu__container:has(.bcl-mega-menu__second-submenu > .tab-content > .tab-pane.active) .bcl-mega-menu__first-submenu {
|
|
20296
|
-
display: none;
|
|
20343
|
+
.bcl-mega-menu__submenu > .bcl-mega-menu__items > li > :is(span, a, button) {
|
|
20344
|
+
padding: 0.75rem 1.75rem;
|
|
20297
20345
|
}
|
|
20298
20346
|
}
|
|
20299
|
-
.bcl-mega-
|
|
20300
|
-
|
|
20301
|
-
margin: 0;
|
|
20302
|
-
color: #212529;
|
|
20303
|
-
background: rgb(233.2, 235.7, 248.5);
|
|
20304
|
-
display: block;
|
|
20305
|
-
font-size: 20px;
|
|
20347
|
+
.bcl-mega-menu__submenu > .__see_all {
|
|
20348
|
+
border-top: 1px solid #b9c5e9;
|
|
20306
20349
|
}
|
|
20307
20350
|
@media (min-width: 992px) {
|
|
20308
|
-
.bcl-mega-
|
|
20309
|
-
|
|
20351
|
+
.bcl-mega-menu__submenu > .__see_all {
|
|
20352
|
+
border-top: 1px solid rgb(211.4, 216.4, 242);
|
|
20353
|
+
margin: 0 1.75rem;
|
|
20310
20354
|
}
|
|
20311
20355
|
}
|
|
20312
|
-
|
|
20313
|
-
|
|
20314
|
-
|
|
20356
|
+
.bcl-mega-menu__submenu > .__see_all > .see-all-button {
|
|
20357
|
+
padding: 0.75rem 1rem;
|
|
20358
|
+
display: -ms-flexbox;
|
|
20359
|
+
display: flex;
|
|
20360
|
+
-ms-flex-align: center;
|
|
20361
|
+
align-items: center;
|
|
20362
|
+
color: #253ebe;
|
|
20363
|
+
}
|
|
20364
|
+
@media (min-width: 992px) {
|
|
20365
|
+
.bcl-mega-menu__submenu > .__see_all > .see-all-button {
|
|
20366
|
+
padding: 0.75rem 1.75rem;
|
|
20367
|
+
margin: 0 -1.75rem;
|
|
20315
20368
|
}
|
|
20316
20369
|
}
|
|
20370
|
+
.bcl-mega-menu__submenu > .__see_all > .see-all-button:hover {
|
|
20371
|
+
background: rgb(233.2, 235.7, 248.5);
|
|
20372
|
+
}
|
|
20373
|
+
.bcl-mega-menu__submenu > .__see_all > .see-all-button > svg {
|
|
20374
|
+
-ms-flex-negative: 0;
|
|
20375
|
+
flex-shrink: 0;
|
|
20376
|
+
}
|
|
20377
|
+
.bcl-mega-menu__submenu > .__see_all > .see-all-button > span {
|
|
20378
|
+
text-overflow: ellipsis;
|
|
20379
|
+
overflow: hidden;
|
|
20380
|
+
display: block;
|
|
20381
|
+
white-space: nowrap;
|
|
20382
|
+
}
|
|
20317
20383
|
|
|
20318
20384
|
@media (max-width: 991.98px) {
|
|
20319
20385
|
.bcl-mega-menu__submenu > .__header,
|
|
@@ -20881,9 +20947,6 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
|
|
|
20881
20947
|
padding-bottom: 0;
|
|
20882
20948
|
}
|
|
20883
20949
|
}
|
|
20884
|
-
.bcl-gallery {
|
|
20885
|
-
/* lazyload */
|
|
20886
|
-
}
|
|
20887
20950
|
.bcl-gallery .bcl-gallery__thumbnails {
|
|
20888
20951
|
border-radius: 0.375rem;
|
|
20889
20952
|
overflow: hidden;
|
|
@@ -21035,6 +21098,9 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
|
|
|
21035
21098
|
-o-object-fit: contain;
|
|
21036
21099
|
object-fit: contain;
|
|
21037
21100
|
}
|
|
21101
|
+
.bcl-gallery {
|
|
21102
|
+
/* lazyload */
|
|
21103
|
+
}
|
|
21038
21104
|
.bcl-gallery img:not([src]):not([srcset]) {
|
|
21039
21105
|
visibility: hidden;
|
|
21040
21106
|
}
|
|
@@ -21136,6 +21202,10 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
|
|
|
21136
21202
|
}
|
|
21137
21203
|
|
|
21138
21204
|
/* stylelint-disable no-descending-specificity */
|
|
21205
|
+
.pagination {
|
|
21206
|
+
-ms-flex-wrap: wrap;
|
|
21207
|
+
flex-wrap: wrap;
|
|
21208
|
+
}
|
|
21139
21209
|
.pagination .page-item .page-link {
|
|
21140
21210
|
display: -ms-flexbox;
|
|
21141
21211
|
display: flex;
|
|
@@ -21196,4 +21266,75 @@ ul.bcl-mega-menu__items > li > a.see-all-button > span {
|
|
|
21196
21266
|
height: 0;
|
|
21197
21267
|
}
|
|
21198
21268
|
}
|
|
21269
|
+
.pagination-v2.pager .pagination {
|
|
21270
|
+
--bs-border-color: transparent;
|
|
21271
|
+
}
|
|
21272
|
+
.pagination-v2 .pagination {
|
|
21273
|
+
--bs-pagination-border-color: transparent;
|
|
21274
|
+
--bs-pagination-disabled-border-color: transparent;
|
|
21275
|
+
--bs-pagination-item-size: 2.75rem;
|
|
21276
|
+
--bs-pagination-hover-bg: #253ebe;
|
|
21277
|
+
--bs-pagination-hover-color: #fff;
|
|
21278
|
+
border-top: 1px solid #ced4da;
|
|
21279
|
+
}
|
|
21280
|
+
.pagination-v2 .pagination .page-item .page-link {
|
|
21281
|
+
display: -ms-inline-flexbox;
|
|
21282
|
+
display: inline-flex;
|
|
21283
|
+
-ms-flex-align: center;
|
|
21284
|
+
align-items: center;
|
|
21285
|
+
-ms-flex-pack: center;
|
|
21286
|
+
justify-content: center;
|
|
21287
|
+
min-width: var(--bs-pagination-item-size);
|
|
21288
|
+
min-height: var(--bs-pagination-item-size);
|
|
21289
|
+
text-decoration: none;
|
|
21290
|
+
}
|
|
21291
|
+
.pagination-v2 .pagination .page-item .page-link:is(div):hover {
|
|
21292
|
+
background-color: transparent;
|
|
21293
|
+
border-color: transparent;
|
|
21294
|
+
color: #253ebe;
|
|
21295
|
+
}
|
|
21296
|
+
.pagination-v2 .pagination .page-item.active .page-link {
|
|
21297
|
+
cursor: default;
|
|
21298
|
+
--bs-pagination-active-bg: #253ebe;
|
|
21299
|
+
--bs-pagination-active-color: #fff;
|
|
21300
|
+
}
|
|
21301
|
+
.pagination-v2 .pagination .page-item.active .page-link:active, .pagination-v2 .pagination .page-item.active .page-link:hover {
|
|
21302
|
+
--bs-pagination-active-bg: #253ebe;
|
|
21303
|
+
color: var(--bs-pagination-active-color);
|
|
21304
|
+
background-color: var(--bs-pagination-active-bg);
|
|
21305
|
+
}
|
|
21306
|
+
@media (max-width: 767.98px) {
|
|
21307
|
+
.pagination-v2 .pagination .page-item.active .page-link:active, .pagination-v2 .pagination .page-item.active .page-link:hover {
|
|
21308
|
+
--bs-pagination-active-bg: $white;
|
|
21309
|
+
--bs-pagination-active-color: $dark;
|
|
21310
|
+
--bs-pagination-active-border-color: transparent;
|
|
21311
|
+
}
|
|
21312
|
+
}
|
|
21313
|
+
@media (max-width: 767.98px) {
|
|
21314
|
+
.pagination-v2 .pagination .page-item.active .page-link {
|
|
21315
|
+
--bs-pagination-active-bg: $white;
|
|
21316
|
+
--bs-pagination-active-color: $dark;
|
|
21317
|
+
--bs-pagination-active-border-color: transparent;
|
|
21318
|
+
}
|
|
21319
|
+
}
|
|
21320
|
+
.pagination-v2 .pagination.pagination--glossary .page-item {
|
|
21321
|
+
margin-right: inherit;
|
|
21322
|
+
}
|
|
21323
|
+
.pagination-v2 .pagination.pagination--glossary .page-item .page-link {
|
|
21324
|
+
border: 1px solid #ced4da;
|
|
21325
|
+
padding: 0.375rem 0.75rem;
|
|
21326
|
+
}
|
|
21327
|
+
.pagination-v2 .pagination.pagination--glossary .page-item .page-link:focus, .pagination-v2 .pagination.pagination--glossary .page-item .page-link:focus-visible {
|
|
21328
|
+
box-shadow: none;
|
|
21329
|
+
outline: 2px solid #253ebe;
|
|
21330
|
+
outline-offset: 2px;
|
|
21331
|
+
}
|
|
21332
|
+
.pagination-v2 {
|
|
21333
|
+
/* Outline the group when any pager control is focused for keyboard users. */
|
|
21334
|
+
}
|
|
21335
|
+
.pagination-v2 .pager__items:focus-within {
|
|
21336
|
+
outline: 2px solid currentColor;
|
|
21337
|
+
outline-offset: 2px;
|
|
21338
|
+
border-radius: 6px;
|
|
21339
|
+
}
|
|
21199
21340
|
/*# sourceMappingURL=oe-bcl-default.css.map */
|