#cookie-notice {
position: fixed;
min-width: 100%;
height: auto;
z-index: 100000;
font-size: 13px;
letter-spacing: 0;
line-height: 20px;
left: 0;
text-align: center; font-weight: normal;
font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
}
#cookie-notice,
#cookie-notice * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#cookie-notice.cn-animated {
-webkit-animation-duration: 0.5s !important;
animation-duration: 0.5s !important;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#cookie-notice.cn-animated.cn-effect-none {
-webkit-animation-duration: 0.001s !important;
animation-duration: 0.001s !important;
}
#cookie-notice .cookie-notice-container {
display: block;
}
#cookie-notice.cookie-notice-hidden .cookie-notice-container {
display: none;
}
#cookie-notice .cookie-revoke-container {
display: block;
}
#cookie-notice.cookie-revoke-hidden .cookie-revoke-container {
display: none;
}
.cn-position-top {
top: 0;
}
.cn-position-bottom {
bottom: 0;
}
.cookie-notice-container {
padding: 15px 30px;
text-align: center;
width: 100%;
z-index: 2;
}
.cookie-revoke-container {
padding: 15px 30px;
width: 100%;
z-index: 1;
}
.cn-close-icon {
position: absolute;
right: 15px;
top: 50%;
margin-top: -10px;
width: 15px;
height: 15px;
opacity: 0.5;
padding: 10px;
outline: none;
}
.cn-close-icon:hover {
opacity: 1;
}
.cn-close-icon:before, 
.cn-close-icon:after {
position: absolute;
content: ' ';
height: 15px;
width: 2px;
top: 3px;
background-color: #fff;
}
.cn-close-icon:before {
transform: rotate(45deg);
}
.cn-close-icon:after {
transform: rotate(-45deg);
}
#cookie-notice .cn-revoke-cookie {
margin: 0;
}
#cookie-notice .cn-button {
margin: 0 0 0 10px;
border: none;
}
.cn-button {
font-family: -apple-system,BlinkMacSystemFont,Arial,Roboto,"Helvetica Neue",sans-serif;
font-weight: normal;
font-size: 13px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 0;
padding: 0;
text-align: center;
text-transform: none;
display: inline-block;
cursor: pointer;
touch-action: manipulation;
white-space: nowrap;
outline: none;
box-shadow: none;
text-shadow: none;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.cn-button:hover {
box-shadow: inset 0 0 0 99999px rgba(0,0,0,0.05);
text-decoration: none;
}
.cn-button.wp-default,
.cn-button.bootstrap {
text-decoration: none;
padding: 8.5px 10px;
line-height: 1;
}
.cn-button.wp-default {
color: #fff;
background: #fbb03b;
}
.cn-button.wp-default:hover {
}
.cn-button.bootstrap {
color: #fff;
background: #20C19E;
}
.cn-button.bootstrap:hover {
}
.cn-text-container {
margin: 0 0 6px 0;
}
.cn-text-container,
.cn-buttons-container {
display: inline-block;
}
#cookie-notice.cookie-notice-visible.cn-effect-none,
#cookie-notice.cookie-revoke-visible.cn-effect-none {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#cookie-notice.cn-effect-none {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
#cookie-notice.cookie-notice-visible.cn-effect-fade,
#cookie-notice.cookie-revoke-visible.cn-effect-fade {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
#cookie-notice.cn-effect-fade {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
#cookie-notice.cookie-notice-visible.cn-effect-slide,
#cookie-notice.cookie-revoke-visible.cn-effect-slide{
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
#cookie-notice.cn-effect-slide {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
#cookie-notice.cookie-notice-visible.cn-position-top.cn-effect-slide,
#cookie-notice.cookie-revoke-visible.cn-position-top.cn-effect-slide {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
#cookie-notice.cn-position-top.cn-effect-slide {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@media all and (max-width: 900px) {
.cookie-notice-container #cn-notice-text {
display: block;
}
.cookie-notice-container #cn-notice-buttons {
display: block;
}
#cookie-notice .cn-button {
margin: 0 5px 5px 5px;
}
}
@media all and (max-width: 480px) {
.cookie-notice-container,
.cookie-revoke-container {
padding: 15px 25px;
}
}.lazy-hidden,.entry img.lazy-hidden, img.thumbnail.lazy-hidden {
background-color: #ffffff;
background-image: url(//www.thekeeperofthecheerios.com/wp-content/plugins/a3-lazy-load/assets/css/loading.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
figure.wp-block-image img.lazy-hidden {
min-width: 150px;
}
picture source[type="image/webp"] {
display: block;
}.clear{clear:both}.nobr{white-space:nowrap}.lazy-hidden,.entry img.lazy-hidden,img.thumbnail.lazy-hidden{background-color:#fff}.addtoany_content{clear:both;margin:16px auto}.addtoany_header{margin:0 0 16px}.addtoany_list{display:inline;line-height:16px}.addtoany_list a,.widget .addtoany_list a{border:0;box-shadow:none;display:inline-block;font-size:16px;padding:0 4px;vertical-align:middle}.addtoany_list a img{border:0;display:inline-block;opacity:1;overflow:hidden;vertical-align:baseline}.addtoany_list a span{display:inline-block;float:none}.addtoany_list.a2a_kit_size_32 a{font-size:32px}.addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service)>span{height:32px;line-height:32px;width:32px}.addtoany_list a:not(.addtoany_special_service)>span{border-radius:4px;display:inline-block;opacity:1}.addtoany_list a .a2a_count{position:relative;vertical-align:top}.addtoany_list a:hover,.widget .addtoany_list a:hover{border:0;box-shadow:none}.addtoany_list a:hover img,.addtoany_list a:hover span{opacity:.7}.addtoany_list a.addtoany_special_service:hover img,.addtoany_list a.addtoany_special_service:hover span{opacity:1}.addtoany_special_service{display:inline-block;vertical-align:middle}.addtoany_special_service a,.addtoany_special_service div,.addtoany_special_service div.fb_iframe_widget,.addtoany_special_service iframe,.addtoany_special_service span{margin:0;vertical-align:baseline!important}.addtoany_special_service iframe{display:inline;max-width:none}a.addtoany_share.addtoany_no_icon span.a2a_img_text{display:none}a.addtoany_share img{border:0;width:auto;height:auto}@media only screen and (min-width: 992px) {
.pwaforwp-footer-prompt {
padding: 1% 3%;
flex-direction: row;
justify-content: center;
}
}
.pwaforwp-footer-prompt{
display: none;
width: 100%;
line-height: 2em;    
color: #333;
text-align: center;
text-decoration: none;    
min-height: 10%;
padding:15px 0px 15px 0px;
position: fixed;
bottom: 0;
justify-content: flex-end;
flex-direction: column;
flex-grow: 1;
animation-duration: 1s;
animation-fill-mode: both;
z-index: 9999;
}
.pwaforwp-footer-prompt .pwaforwp-prompt-close:after{
content: "✖";
color: #d5e0eb;
position: absolute;
right: 10px;
top: 10px;
font-size: 12px;
background: rgba(0, 0, 0, 0.40);
border-radius: 30px;
text-align: center;
width: 20px;
height: 20px;
line-height: 22px;
cursor: pointer;
} 
.pwaforwp-bounceInUp{
animation-name: bounceInUp;
}
.pwaforwp-animated {
animation-duration: 1s;
animation-fill-mode: both;
}
.pwaforwp-btn{
border: none;   
cursor: pointer;
display: inline-block;
border-radius: 4px;
height: auto;
line-height: 1;
min-width: auto;
padding: 8px 16px;
font-size: 16px;
margin: 10px 0px 0px 0px;
font-family: sans-serif;
text-transform: none;
transition: all .2s ease-in-out;
} #pwaforwp_loading_div {
width: 100%;
height: 200%;
position: fixed;
top: 0;
left: 0;
background-color: white;
z-index: 500;
}
.pwaforwp-loading-wrapper{display:none;}
#pwaforwp_loading_icon {
position: fixed;
left: 50%;
top: 50%;
z-index: 501;
margin: -60px 0 0 -60px;
border: 16px solid #f3f3f3;
border-radius: 50%;
border-top: 16px solid #3498db;
width: 120px;
height: 120px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
} .animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}
@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 } 
to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
from{ bottom:-100px; opacity:0 } 
to{ bottom:0; opacity:1 }
} #pwaforwp-add-to-home-click h3{
font-size: 20px;
font-weight: 600;
margin: 0px;
line-height: 1.4;
font-family: sans-serif;
}
@media(max-width:425px){
#pwaforwp-add-to-home-click h3 {
font-size: 16px;
}
.pwaforwp-btn{
font-size: 14px;
}
.pwaforwp-footer-prompt{
padding:15px 0px 10px 0px;
}
.pwaforwp-footer-prompt .pwaforwp-prompt-close:after {
right: 5px;
top: 5px;
}
}
.pwaforwp-app-contents{display: none;}