a.neon-btn {
position: relative;
display: block;
padding: 12px 10px;
color: #fffdf6;
text-decoration: none;
transition: 0.5s;
letter-spacing: 1px;
overflow: hidden;
width: 34%;
text-align: center; font-size: 1.4em;
background:#b31818b5;
}
a.neon-btn:hover {
background: #930e13;
color: #ffffff;
box-shadow: 0 0 5px #de8285, 0 0 12px #930e13, 0 0 0px #930e13, 0 0 0px 0px #930e13;
-webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}
a.neon-btn span {
position: absolute;
display: block;
}
a.neon-btn span:nth-child(1) {
top: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(
90deg
,transparent,#e00008);
animation: animate1 1s linear infinite;
}
a.neon-btn span:nth-child(2) {
top: -100%;
right: 0;
width: 2px;
height: 100%;
background: linear-gradient(
180deg
,transparent,#930e13);
animation: animate2 1s linear infinite;
animation-delay: 0.25s;
}
a.neon-btn span:nth-child(3) {
bottom: 0;
right: 0;
width: 100%;
height: 2px;
background: linear-gradient(
270deg
,transparent,#e00008);
animation: animate3 1s linear infinite;
animation-delay: 0.50s;
}
a.neon-btn span:nth-child(4) {
bottom: -100%;
left: 0;
width: 2px;
height: 100%;
background: linear-gradient(
360deg
,transparent,#930e13);
animation: animate4 1s linear infinite;
animation-delay: 0.75s;
}
@media (max-width: 768px){
a.neon-btn {
width: 72%!important;
margin: 0 11%;
}
}
@keyframes animate1{
0%{
left: -100%;
}
50%,100%{
left: 100%;
}
}
@keyframes animate2{
0%{
top: -100%;
}
50%,100%{
top: 100%;
}
}
@keyframes animate3{
0%{
right: -100%;
}
50%,100%{
right: 100%;
}
}
@keyframes animate4{
0%{
bottom: -100%;
}
50%,100%{
bottom: 100%;
}
} h1, h2, h3, h4, h5, h6, .site-title{
font-family: Libre Baskerville;
}
body{
background: #fff;
font-family: Muli;
}
.card-blog-post{
box-shadow: none;
}
.fairy-content-area.fairy-two-column > *:not(.sticky) > .card-blog-post, .fairy-content-area.fairy-three-column > *:not(.sticky) > .card-blog-post, .fairy-content-area.fairy-alternate > *:not(.sticky) > .card-blog-post{
padding: 0;
}
body:not(.single):not(.page) .entry-content > p:last-child{
margin-bottom: 0;
}
.category-label-group.bg-label a{
font-size: 12px;
padding: 0.2em 0.5em;
border-radius: 3px;
}
.card-blog-post .category-label-group.bg-label a:hover,
.card-bg-image .card_body .category-label-group.bg-label a:hover{
color: #fff;
}
.fairy-featured-post-list .card-bg-image{
height: 280px !important;
margin-top: 20px;
}
.fairy-featured-post-list .card-bg-image:first-child{
margin-top: 0;
}
.fairy-featured-post-list .card-bg-image img {
width: 100%;
height: 400px;
object-fit: cover;
}
.fairy-featured-post-list .card_title a{
color: #fff;
}
#primary .card-blog-post {
padding: 0;
}
#primary .sticky .card-blog-post{
padding: 20px;
}
.site-info a:hover{
color: rgba(255, 255, 255, 0.6);
}
.card-promo .entry-meta * {
font-size: 14px;
}
.card-promo .entry-meta a{
color: #37373f
}
.card-promo .entry-meta a:hover{
color: #d10014;
}
.ajax-pagination .show-more{
font-size: 16px;
padding: 0.7em 2.5em;
}
.ajax-pagination{
clear: both;
}
.fairy-content-area.fairy-masonry > article{
padding-bottom: 40px;
}
.entry-content + a.btn{
margin-top: 20px;
}
@media screen and (max-width: 767px) {
#primary,
.widget-area .widget{
padding-left: 15px;
padding-right: 15px;
}
#primary .post-navigation{
padding-left: 0;
padding-right: 0;
}
.fairy-breadcrumb-wrapper .breadcrumb{
display: none;
}
.fairy-breadcrumb-wrapper{
margin-bottom: 20px;
}
#primary .related-post div[class*="col-"]{
padding-top: 20px;
}
#primary .related-post div[class*="col-"]:first-child{
padding-top: 0;
}
}
@media screen and (min-width: 992px) {
.row.row-full-width .card-blog-post.card-full-width .card_media {
flex-basis: 100%;
max-width: 100%;
}
}