body .so-widget-wh2-featured-icons-widget a,body .so-widget-wh2-featured-icons-modal-widget a {
position: absolute
}
body .so-widget-wh2-featured-icons-widget a:before,body .so-widget-wh2-featured-icons-modal-widget a:before {
content: none
}
body .so-widget-wh2-featured-icons-widget .uk-grid,body .so-widget-wh2-featured-icons-modal-widget .uk-grid {
justify-content: space-evenly
}
body .so-widget-wh2-featured-icons-widget .uk-card,body .so-widget-wh2-featured-icons-modal-widget .uk-card {
padding: 0 20px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
@media only screen and (max-width: 1199px) {
body .so-widget-wh2-featured-icons-widget .uk-card,body .so-widget-wh2-featured-icons-modal-widget .uk-card {
padding:0
}
}
body .so-widget-wh2-featured-icons-widget .uk-card .uk-cover-container,body .so-widget-wh2-featured-icons-modal-widget .uk-card .uk-cover-container {
margin: 0 auto;
background-color: #003e66;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
border: 4px solid #003e66;
transition: background-color .25s ease-in-out;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-featured-icons-widget .uk-card .uk-cover-container,body .so-widget-wh2-featured-icons-modal-widget .uk-card .uk-cover-container {
max-width:400px;
border: 3px solid #003e66
}
}
body .so-widget-wh2-featured-icons-widget .uk-card .uk-cover-container:hover,body .so-widget-wh2-featured-icons-modal-widget .uk-card .uk-cover-container:hover {
border: 4px solid #003e66;
background-color: #e3e9ec
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-featured-icons-widget .uk-card .uk-cover-container:hover,body .so-widget-wh2-featured-icons-modal-widget .uk-card .uk-cover-container:hover {
border:3px solid #003e66
}
}
body .so-widget-wh2-featured-icons-widget .uk-card .uk-cover-container:hover h5,body .so-widget-wh2-featured-icons-modal-widget .uk-card .uk-cover-container:hover h5 {
color: #003e66
}
body .so-widget-wh2-featured-icons-widget .uk-card .uk-cover-container .card-title,body .so-widget-wh2-featured-icons-modal-widget .uk-card .uk-cover-container .card-title {
font-size: 1.6rem;
line-height: 1.9rem;
color: #ffffff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
padding: 50px 0;
transition: color .1s ease-in-out
}
@media only screen and (max-width: 959px) {
body .so-widget-wh2-featured-icons-widget .uk-card .uk-cover-container .card-title,body .so-widget-wh2-featured-icons-modal-widget .uk-card .uk-cover-container .card-title {
font-size:1.4rem;
line-height: 1.7rem;
padding: 30px 0
}
}
@media only screen and (max-width: 639px) {
body .so-widget-wh2-featured-icons-widget .uk-card .uk-cover-container .card-title,body .so-widget-wh2-featured-icons-modal-widget .uk-card .uk-cover-container .card-title {
font-size:1.2rem;
line-height: 1.5rem;
padding: 15px 0
}
}
.wh2-featured-icons-modal {
background-color: rgba(0,0,0,0.8)
}
.wh2-featured-icons-modal .uk-modal-dialog {
width: 959px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.wh2-featured-icons-modal .uk-modal-dialog.uk-modal-body {
padding: 45px;
background-color: #e3e9ec
}
@media only screen and (max-width: 959px) {
.wh2-featured-icons-modal .uk-modal-dialog.uk-modal-body {
padding:40px
}
}
@media only screen and (max-width: 639px) {
.wh2-featured-icons-modal .uk-modal-dialog.uk-modal-body {
padding:35px 20px 20px 20px
}
}
.wh2-featured-icons-modal .uk-modal-dialog.uk-modal-body h4 {
color: #003e66;
margin-bottom: 10px
}
.wh2-featured-icons-modal .uk-modal-dialog.uk-modal-body p>a {
color: #0068aa;
position: relative;
text-decoration: none;
transition: all .15s ease-out
}
.wh2-featured-icons-modal .uk-modal-dialog.uk-modal-body p>a:before {
content: "";
position: absolute;
width: 100%;
height: 2px;
bottom: -2px;
left: 0;
background: #0068aa;
visibility: hidden;
transform: scaleX(0);
transition: all .3s ease-in-out 0s
}
.wh2-featured-icons-modal .uk-modal-dialog.uk-modal-body p>a:hover {
transition: all .15s ease-out;
text-decoration: none;
color: #0068aa
}
.wh2-featured-icons-modal .uk-modal-dialog.uk-modal-body p>a:hover:before {
visibility: visible;
transform: scaleX(1)
}
.wh2-featured-icons-modal .uk-modal-dialog .uk-close {
top: 8px;
right: 8px;
color: #0068aa;
padding: 10px;
transition: color .25s ease-in-out
}
@media only screen and (max-width: 639px) {
.wh2-featured-icons-modal .uk-modal-dialog .uk-close {
top:5px;
right: 5px
}
}
.wh2-featured-icons-modal .uk-modal-dialog .uk-close:hover {
color: #003e66
}
.wh2-featured-icons-modal .uk-modal-dialog .uk-close svg {
width: 22px;
height: 22px
}
@media only screen and (max-width: 959px) {
.wh2-featured-icons-modal .uk-modal-dialog .uk-close svg {
width:18px;
height: 18px
}
}
@media only screen and (max-width: 639px) {
.wh2-featured-icons-modal .uk-modal-dialog .uk-close svg {
width:15px;
height: 15px
}
}
.wh2-featured-icons-modal .uk-modal-dialog .uk-close svg line {
stroke-width: 3
}