.gridList {
position: relative;
z-index: 1;
}
.unstyled {
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
}
.gridList-item:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.gridList-item {
position: relative;
background-color: #fff;
padding: 30px;
-ms-flex-preferred-size: 130px;
flex-basis: 130px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
text-align: center;
-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
transition: all .25s cubic-bezier(.645,.045,.355,1);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-right: 1px;
margin-bottom: 1px;
-webkit-box-shadow: 0 0 0 1px #e2e2e2;
box-shadow: 0 0 0 1px #e2e2e2;
}
a.gridList-item-title, a.gridList-item-title:link, a.gridList-item-title:visited {
color: #4d4d4d;
}
.gridList-item-title {
color: #4d4d4d;
font-weight: 600;
-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
transition: all .25s cubic-bezier(.645,.045,.355,1);
}
.gridList-item-link {
padding: .5em 0;
}
.btn, .btn:active, .btn:focus, .btn:hover, .btn:visited {
text-decoration: none;
}
.btn, .btn:link, .btn:visited {
color: #fff;
}
.btn--block {
display: block;
width: 100%;
}
.btn {
position: relative;
-webkit-transition: all .25s cubic-bezier(.645,.045,.355,1);
transition: all .25s cubic-bezier(.645,.045,.355,1);
display: inline-block;
vertical-align: middle;
font-family: Gilroy,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;
font-size: 16px;
border: 0;
margin: 0;
padding: .8em .85em;
overflow: visible;
text-align: center;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-weight: 600;
background-color: #3c1053;
-webkit-box-shadow: 0 11px 10px -10px rgba(0,0,0,.8);
box-shadow: 0 11px 10px -10px rgba(0,0,0,.8);
}
.btn, a.arrowLink {
cursor: pointer;
}
.btn--secondary, .btn--secondary:hover, .btn--secondary:link, .btn--secondary:visited {
color: #fff;
}
.btn--secondary {
background-color: rgba(0,147,178,.75);
-webkit-box-shadow: none;
box-shadow: none;
}
.gridList-item .icon--header>.icon, .gridList-item>.icon {
width: 41px;
height: 46px;
display: block;
color: #0093b2;
margin: 20px auto;
}
.showMoreUI {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}