2019-11-15 23:26:29 +01:00
. infinite-scroll . pagination {
display : none ;
}
2025-05-07 06:48:41 +02:00
. infinite-wrap > article :: before ,
. infinite-wrap > article :: after {
2019-11-15 23:26:29 +01:00
content : "" ;
display : table ;
}
2025-05-07 06:48:41 +02:00
. infinite-wrap > article :: after {
2019-11-15 23:26:29 +01:00
clear : both ;
}
. infinite-wrap > article {
margin-bottom : 3 . 5em ;
}
/* Spinner */
. site-main . infinite-loader {
clear : both ;
color : currentColor ;
height : 42px ;
margin-bottom : 3 . 5em ;
}
. infinite-loader . spinner {
left : 50 % ! important ;
top : 50 % ! important ;
}
/* Click-to-load */
# infinite-handle {
clear : both ;
margin-right : 7 . 6923 % ;
margin-left : 7 . 6923 % ;
text-align : center ;
}
. site-main # infinite-handle span {
background : # 1a1a1a ;
border-radius : 2px ;
color : # fff ;
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
font-size : inherit ;
font-weight : 700 ;
letter-spacing : 0 . 046875em ;
line-height : 1 ;
padding : 0 . 84375em 0 . 875em 0 . 78125em ;
text-transform : uppercase ;
}
# infinite-handle span : hover ,
# infinite-handle span : focus {
background : # 007acc ;
}
# infinite-handle button : focus {
outline-offset : 0 . 375em ;
}
/* Footer */
body # infinite-footer {
display : none ;
z-index : 999 ;
}
body # infinite-footer . container {
background-color : # fff ;
background-color : rgba ( 255 , 255 , 255 , 0 . 8 ) ;
border-color : # d1d1d1 ;
padding : 0 7 . 6923 % ;
width : 100 % ! important ;
}
body # infinite-footer . blog-info {
font-family : Montserrat , "Helvetica Neue" , sans-serif ;
height : 2 . 1875em ;
2025-05-07 06:48:41 +02:00
/* stylelint-disable-next-line declaration-property-unit-allowed-list -- this should be changed to a unitless value: https://developer.wordpress.org/coding-standards/wordpress-coding-standards/css/#values */
2019-11-15 23:26:29 +01:00
line-height : 2 . 1875em ;
}
body # infinite-footer . blog-info a {
color : # 1a1a1a ;
font-size : inherit
}
body # infinite-footer . blog-credits {
font-size : 13px ;
font-size : 0 . 8125rem ;
height : 2 . 692307692em ;
2025-05-07 06:48:41 +02:00
/* stylelint-disable-next-line declaration-property-unit-allowed-list -- this should be changed to a unitless value: https://developer.wordpress.org/coding-standards/wordpress-coding-standards/css/#values */
2019-11-15 23:26:29 +01:00
line-height : 2 . 692307692em ;
}
body # infinite-footer . blog-credits ,
body # infinite-footer . blog-credits a {
color : # 686868 ;
}
body # infinite-footer . blog-info a : hover ,
body # infinite-footer . blog-info a : focus ,
body # infinite-footer . blog-credits a : hover ,
body # infinite-footer . blog-credits a : focus {
color : # 007acc ;
text-decoration : none ;
}
@ media screen and ( min-width : 44 . 375em ) {
2025-05-07 06:48:41 +02:00
2019-11-15 23:26:29 +01:00
. infinite-wrap > article ,
. site-main . infinite-loader {
margin-bottom : 5 . 25em ;
}
. infinite-loader . spinner {
left : 7 . 6923 % ! important ;
margin-left : 12px ;
}
# infinite-handle {
text-align : left ;
}
. site-main # infinite-handle span {
display : inline-block ;
}
body # infinite-footer . container {
padding : 0 0 . 761904762em ;
width : -webkit-calc ( 100 % - 42px ) ! important ;
width : calc ( 100 % - 42px ) ! important ;
}
body : not ( . custom-background-image ) # infinite-footer {
bottom : 21px ! important ;
}
}
@ media screen and ( min-width : 56 . 875em ) {
2025-05-07 06:48:41 +02:00
2019-11-15 23:26:29 +01:00
. infinite-loader . spinner {
left : 0 ! important ;
}
# infinite-handle {
margin : 0 ;
}
. no-sidebar . infinite-loader . spinner {
left : 50 % ! important ;
margin : 0 ;
}
. no-sidebar # infinite-handle {
text-align : center ;
}
}
@ media screen and ( min-width : 61 . 5625em ) {
2025-05-07 06:48:41 +02:00
2019-11-15 23:26:29 +01:00
. infinite-wrap > article ,
. site-main . infinite-loader {
margin-bottom : 7 . 0em ;
}
}