| 1 |
#charitable-notifications{position:relative;background:#fff 0 0 no-repeat padding-box;box-shadow:0 5px 15px rgba(0,0,0,.05);border-radius:6px;opacity:1;min-height:48px;text-align:left;margin:20px 0}div.wrap div.intro #charitable-notifications{margin-top:25px}#charitable-notifications *{box-sizing:border-box}#charitable-notifications h3{text-align:left}#charitable-notifications .charitable-notifications-header{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid rgba(204,208,212,.5)}#charitable-notifications .charitable-notifications-header .charitable-notifications-bell{position:relative;width:16px;height:20px;top:3px;margin-right:10px}#charitable-notifications .charitable-notifications-header .charitable-notifications-circle{position:absolute;width:11px;height:11px;border-radius:50%;top:-4px;right:-1px;border:2px solid #fff}#charitable-notifications .charitable-notifications-header .charitable-notifications-title{font-style:normal;font-weight:500;font-size:14px;line-height:17px;color:#23282d}#charitable-notifications .charitable-notifications-body{position:relative}#charitable-notifications .charitable-notifications-messages{padding:16px 100px 16px 16px}#charitable-notifications .charitable-notifications-messages .charitable-notifications-message{display:none}#charitable-notifications .charitable-notifications-messages .charitable-notifications-message.current{display:block}#charitable-notifications .charitable-notifications-messages .charitable-notifications-title{color:#444;font-size:17px;font-weight:700;line-height:17px;margin:0 0-2px;min-height:19px}#charitable-notifications .charitable-notifications-messages .charitable-notifications-content{font-weight:400;font-size:14px;line-height:18px;margin:8px 0 41px;color:#777}#charitable-notifications .charitable-notifications-messages .charitable-notifications-buttons{margin:-30px 80px 0 0}#charitable-notifications .charitable-notifications-messages .charitable-notifications-buttons a{margin:0 10px 0 0;min-height:unset}#charitable-notifications .charitable-notifications-badge{background-color:#f6f7f7;border-radius:3px;color:#2c3338;cursor:pointer;font-size:11px;margin-left:10px;padding:6px 8px;position:relative;text-decoration:none;text-transform:uppercase;top:-1px;white-space:nowrap}#charitable-notifications .charitable-notifications-badge:focus,#charitable-notifications .charitable-notifications-badge:hover{background-color:#f0f0f1;box-shadow:none;color:initial}#charitable-notifications .charitable-notifications-badge .fa{color:#d63638;font-size:17px;padding-right:6px;position:relative;top:2px}#charitable-notifications .dismiss{position:absolute;top:15px;right:16px;width:16px;height:16px;color:#a7aaad;font-size:16px;cursor:pointer;text-align:center;vertical-align:middle;line-height:16px;padding:0 10px 10px 0}#charitable-notifications .dismiss:hover{color:#dc3232}#charitable-notifications .navigation{position:absolute;bottom:20px;right:16px;width:63px;height:30px}#charitable-notifications .navigation a{display:block;width:30px;height:30px;border:1px solid #7e8993;border-radius:3px;font-size:16px;line-height:1.625;text-align:center;cursor:pointer;background-color:#fff;color:#41454a}#charitable-notifications .navigation a:hover{background-color:#f1f1f1}#charitable-notifications .navigation .prev{float:left}#charitable-notifications .navigation .next{float:right}#charitable-notifications .navigation .disabled{border-color:#ddd;color:#a0a5aa;cursor:default}#charitable-notifications .navigation .disabled:hover{background-color:#fff}.lity-iframe .lity-content{margin:0 auto}@media screen and (max-width:768px){#charitable-notifications .charitable-notifications-messages{padding:15px 50px 20px 16px}#charitable-notifications .charitable-notifications-messages .charitable-notifications-message .charitable-notifications-title{line-height:22px;margin:0 30px -2px 0;min-height:24px}#charitable-notifications .charitable-notifications-messages .charitable-notifications-message .charitable-notifications-content{font-size:16px;line-height:22px}#charitable-notifications .charitable-notifications-messages .charitable-notifications-message .charitable-notifications-buttons{margin:-30px 80px 0 0}#charitable-notifications .charitable-notifications-messages .charitable-notifications-message .charitable-notifications-buttons a{margin:0;display:table}#charitable-notifications .charitable-notifications-messages .charitable-notifications-message .charitable-notifications-buttons .button-secondary{margin-top:6px}} |
