CSS in footer (and others) not working

Hi guys,

so it seems like that something part of the below css:

/*Scroll-Down-Icon – Start*/

@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.scroll-btn {
display: block;
position: absolute;
left: 0;
right: 0;
top: 92%;
text-align: center;
}

.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
color: #ffffff;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.scroll-btn .mouse {
position: relative;
display: block;
width: 24px;
height: 34px;
margin: 0 auto 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid white;
border-radius: 23px;
}
.scroll-btn .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 4px;
height: 8px;
margin: -4px 0 0 -2px;
background: white;
border-radius: 50%;
-webkit-animation: ani-mouse 2.5s linear infinite;
-moz-animation: ani-mouse 2.5s linear infinite;
animation: ani-mouse 2.5s linear infinite;

/*Scroll-Down-Icon – End*/

is causing an issue with the below css for the footer background colour:

/*Footer – Start*/

#footer .flex_column.av_one_third {
background: #f4f4f4 !important;
}

#footer .flex_column.av_one_third:nth-child(2) {
background: #f9f9f9 !important;
}

#footer .flex_column.av_one_third:nth-child(3) {
background: #f4f4f4 !important;
}

/*Footer – End*/

as well as:

/*Portfolio – Start*/

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
font-size: 35px;
}

.av-inner-masonry-content:hover {
background-color: rgba(54, 212, 46,.6)!important;
}

/*Portfolio – End*/

as well as:

/*Back to top link – Start*/

#scroll-top-link {
display: none!important;
}

/*Back to top link – End*/

Can you think of a solution?

Thanks

• This topic was modified 8 years, 4 months ago by clairemartindigital.