/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

[data-uk-scrollspy*=uk-animation-]:not([data-uk-scrollspy*=target]) {
    opacity: 1;
}

/*   
UIkit  pagination for "foreign" pagination   
using different HTML structure and classes:   
*/  

.span12 ul {  
padding: 0;  
list-style: none;  
text-align: center;  
font-size: 0.001px;  
}  

.span12 ul:before,  
.span12 ul:after {  
content: " ";  
display: table;  
}  
.span12 ul:after {  
clear: both;  
}  

.span12 ul > li {  
display: inline-block;  
font-size: 1rem;  
vertical-align: top;  
}  
.span12 ul > li:nth-child(n+2) {  
margin-left: 5px;  
}  

.span12 ul > li > a,  
.span12 ul > li > span {  
display: inline-block;  
min-width: 16px;  
padding: 3px 5px;  
line-height: 20px;  
text-decoration: none;  
-moz-box-sizing: content-box;  
box-sizing: content-box;  
text-align: center;  
border-radius: 4px;  
}  

.span12 ul > li > a {  
background: #f7f7f7;  
color: #444444;  
border: 1px solid rgba(0, 0, 0, 0.2);  
border-bottom-color: rgba(0, 0, 0, 0.3);  
background-origin: border-box;  
background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);  
background-image: linear-gradient(to bottom, #ffffff, #eeeeee);  
text-shadow: 0 1px 0 #ffffff;  
}  

.span12 ul > li > a:hover,  
.span12 ul > li > a:focus {  
background-color: #fafafa;  
color: #444444;  
outline: none;  
background-image: none;  
}  

.span12 ul > li > a:active {  
background-color: #f5f5f5;  
color: #444444;  
border-color: rgba(0, 0, 0, 0.2);  
border-top-color: rgba(0, 0, 0, 0.3);  
background-image: none;  
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);  
}  

.span12 ul > li > span {  
background: #52b4df;  
color: #ffffff;  
border: 1px solid rgba(0, 0, 0, 0.2);  
border-bottom-color: rgba(0, 0, 0, 0.4);  
background-origin: border-box;  
background-image: -webkit-linear-gradient(top, #5cc0ea, #4cacd7);  
background-image: linear-gradient(to bottom, #5cc0ea, #4cacd7);  
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);  
}  

.span12 ul > .uk-disabled > span {  
background-color: #fafafa;  
color: #999999;  
border: 1px solid rgba(0, 0, 0, 0.2);  
text-shadow: 0 1px 0 #ffffff;  
}  

.span12 ul .pagination-prev {  
float: left;  
}  
.span12 ul.pagination-next {  
float: right;  
}  

.span12 ul .pagination-prev {  
float: none;  
}