body .so-widget-wh2-featured-icons-hover-widget .uk-grid {
justify-content: space-evenly;
margin-left: -30px
}
@media only screen and (max-width: 399px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-grid {
margin-left:-15px
}
}
body .so-widget-wh2-featured-icons-hover-widget .uk-grid>div {
padding-left: 30px
}
@media only screen and (max-width: 399px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-grid>div {
padding-left:15px
}
}
body .so-widget-wh2-featured-icons-hover-widget .uk-grid-margin {
margin-top: 25px
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-grid-margin {
margin-top:30px
}
}
@media only screen and (max-width: 399px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-grid-margin {
margin-top:15px
}
}
body .so-widget-wh2-featured-icons-hover-widget a:before {
content: none
}
body .so-widget-wh2-featured-icons-hover-widget .uk-card {
display: flex;
flex-direction: column;
overflow: hidden
}
body .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-cover-container {
width: 100%;
margin: 0 auto;
opacity: 1;
transition: opacity .25s ease-in-out
}
body .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header {
display: flex;
flex-direction: column;
padding: 0;
transition: transform .2s ease-in-out
}
body .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header .card-title {
text-align: center;
color: #1a1a18;
margin: 0;
background-color: #ffcc00;
padding: 10px 10px 0 10px;
hyphens: auto
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header .card-title {
text-align:left
}
}
body .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header span {
display: block;
text-align: center;
color: #ffcc00;
opacity: 0;
height: 0;
margin-top: 10px;
padding-right: 10px;
padding-left: 10px;
hyphens: auto;
font-size: 16px;
line-height: 24px;
transition: opacity .2s ease-in-out,color .35s ease-in-out
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header span {
font-size:15px;
line-height: 22px;
margin-top: -5px
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header span {
font-size:14px;
line-height: 20px
}
}
body .so-widget-wh2-featured-icons-hover-widget .uk-card:hover .uk-card-header,body .so-widget-wh2-featured-icons-hover-widget .uk-card:focus .uk-card-header,body .so-widget-wh2-featured-icons-hover-widget .uk-card.active .uk-card-header {
z-index: 1;
transform: translateY(-250px)
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-card:hover .uk-card-header,body .so-widget-wh2-featured-icons-hover-widget .uk-card:focus .uk-card-header,body .so-widget-wh2-featured-icons-hover-widget .uk-card.active .uk-card-header {
transform:none
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-card:hover .uk-card-header,body .so-widget-wh2-featured-icons-hover-widget .uk-card:focus .uk-card-header,body .so-widget-wh2-featured-icons-hover-widget .uk-card.active .uk-card-header {
transform:none
}
}
body .so-widget-wh2-featured-icons-hover-widget .uk-card:hover .uk-cover-container,body .so-widget-wh2-featured-icons-hover-widget .uk-card:focus .uk-cover-container {
opacity: 0
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-featured-icons-hover-widget .uk-card:hover .uk-cover-container,body .so-widget-wh2-featured-icons-hover-widget .uk-card:focus .uk-cover-container {
opacity:0.3
}
}
body .so-widget-wh2-featured-icons-hover-widget .uk-card:hover span,body .so-widget-wh2-featured-icons-hover-widget .uk-card:focus span {
opacity: 1;
color: #1a1a18
}
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget a.uk-display-block:before {
content: none !important
}
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card {
width: 100%;
background-color: #ffcc00;
color: #1a1a18;
display: inline-block;
position: relative;
z-index: 1;
text-decoration: none;
transition: color .25s ease-in-out
}
@media only screen and (max-width: 959px) {
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card {
height:stretch;
min-height: 100%
}
}
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header span {
color: #1a1a18;
opacity: 0;
height: 0;
margin-top: 10px;
padding-right: 15px;
padding-left: 15px;
hyphens: auto;
font-size: 16px;
line-height: 24px
}
@media only screen and (max-width: 959px) {
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header span {
font-size:15px;
line-height: 22px;
color: #1a1a18;
opacity: 1;
padding-left: 10px;
padding-bottom: 15px;
padding-top: 5px;
margin-top: 0;
height: auto;
text-align: left
}
}
@media only screen and (max-width: 639px) {
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-card-header span {
font-size:14px;
line-height: 20px
}
}
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card .card-title {
font-size: 1.22222222rem;
line-height: 1.66666667rem;
text-align: center;
margin-top: 0;
margin-bottom: 0;
hyphens: auto
}
@media only screen and (max-width: 959px) {
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card .card-title {
font-size:1.11111111rem;
line-height: 1.55555556rem
}
}
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card:hover span,.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card:focus span {
opacity: 1;
color: #1a1a18
}
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card>a::before {
content: none
}
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card:hover:before {
bottom: 0;
height: 100%
}
.schnelleinstieg .so-widget-wh2-featured-icons-hover-widget .uk-card .uk-cover-container {
-webkit-box-shadow: 0 4px 20px rgba(0,0,0,0.1);
-moz-box-shadow: 0 4px 20px rgba(0,0,0,0.1);
box-shadow: 0 4px 20px rgba(0,0,0,0.1)
}