/* General CSS */
.ibwp-sp-notification-wrap {position: fixed; z-index: 100001;}
.ibwp-sp-notification-wrap .ibwp-sp-nf-inr {display: flex; width: 100%; position: relative;  box-shadow: 0px 0px 4px 1px #ccc;}
.ibwp-sp-notification-wrap .ibwp-sp-nf-link {position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; outline: 0;}
.ibwp-sp-rating {position: relative; display: inline-block; font-family: FontAwesome; color: #ffb900;}
.ibwp-sp-rating::before {content: "\f006 \f006 \f006 \f006 \f006";}
.ibwp-sp-rating-inr {position: absolute; top: 0; left: 0; white-space: nowrap; overflow: hidden; width: 0; color: #ffb900;}
.ibwp-sp-rating-inr::before {content: "\f005 \f005 \f005 \f005 \f005";}
.ibwp-sp-rating .ibwp-sp-star-active {color: #f2b01e;}

.ibwp-sp-nf-left-wrap {display: flex; align-items: center; background-color: #fff; padding: 7px 0 7px 7px;}
.ibwp-sp-nf-right {display: flex; align-items: center; background-color: #fff; padding: 7px 0;}
.ibwp-sp-nf-left {height: 70px; width: 70px; min-width: 70px;}
.ibwp-sp-nf-left img {height: 100%; width: 100%; object-fit: cover; object-position: center center;}
.ibwp-sp-nf-left span {line-height: 70px; display: block; text-align: center; background-color: #e7e7e7; font-size: 25px;}
.ibwp-sp-nf-content {font-size: 11px; line-height: 18px; padding: 0 15px 0 8px;}
.ibwp-sp-nf-name, .ibwp-sp-nf-title {font-weight: bold;}
.ibwp-sp-nf-title {font-size: 13px;}
.ibwp-sp-nf-close-btn {position: absolute; top: 0; right: 0; font-weight: bold; text-align: center; display: inline-block; padding: 0 4px; line-height: 1; font-size: 14px; cursor: pointer; z-index: 2; font-family: Arial,Baskerville,monospace;}
.ibwp-sp-nf-credit {display: inline-block; font-size: 10px;}
.ibwp-sp-nf-credit-link {text-decoration: none; position: relative; z-index: 2; display: inline-block; margin: 0px; outline:0 !important; color: #636363 !important;}
.ibwp-sp-nf-credit-link img {vertical-align: middle; height: 14px; width: 14px;}

/* Position CSS */
.ibwp-sp-nf-top-left {margin: 15px 15px 0 15px;}
.ibwp-sp-nf-top-right {margin: 15px 15px 0 15px;}
.ibwp-sp-nf-bottom-left {margin: 0 15px 15px 15px;}
.ibwp-sp-nf-bottom-right {margin: 0 15px 15px 15px;}

/* Slide Animation */
.ibwp-sp-nf-slide.ibwp-sp-nf-top-left {left: 0; top: -150px;}
.ibwp-sp-nf-slide.ibwp-sp-nf-top-right {right: 0; top: -150px;}
.ibwp-sp-nf-slide.ibwp-sp-nf-bottom-left {left: 0; bottom: -150px;}
.ibwp-sp-nf-slide.ibwp-sp-nf-bottom-right {right: 0; bottom: -150px;}

/* Slide Side Animation */
.ibwp-sp-nf-slide-side.ibwp-sp-nf-top-left {left: -999px; top:0;}
.ibwp-sp-nf-slide-side.ibwp-sp-nf-top-right {right: -999px; top: 0;}
.ibwp-sp-nf-slide-side.ibwp-sp-nf-bottom-left {left: -999px; bottom: 0;}
.ibwp-sp-nf-slide-side.ibwp-sp-nf-bottom-right {right: -999px; bottom: 0;}

/* Fade Animation */
.ibwp-sp-nf-fade {opacity: 0;}
.ibwp-sp-nf-fade.ibwp-sp-nf-top-left {left: 0; top: 0;}
.ibwp-sp-nf-fade.ibwp-sp-nf-top-right {right: 0; top: 0;}
.ibwp-sp-nf-fade.ibwp-sp-nf-bottom-left {left: 0; bottom: 0;}
.ibwp-sp-nf-fade.ibwp-sp-nf-bottom-right {right: 0; bottom: 0;}

/***** Design 2 Start *****/
.ibwp-sp-notification-wrap.ibwp-sp-design-2 .ibwp-sp-nf-inr {border-radius: 50px; overflow: hidden;}
.ibwp-sp-notification-wrap.ibwp-sp-design-2 .ibwp-sp-nf-left img {border-radius: 50px;}
.ibwp-sp-notification-wrap.ibwp-sp-design-2 .ibwp-sp-nf-content {padding: 0 35px 0 8px;}
.ibwp-sp-notification-wrap.ibwp-sp-design-2 .ibwp-sp-nf-close-btn {right: 20px; top: 5px;}
/***** Design 2 End *****/

/***** Design 3 Start *****/
.ibwp-sp-notification-wrap.ibwp-sp-design-3 .ibwp-sp-nf-inr {border-radius: 10px; overflow: hidden;}
.ibwp-sp-notification-wrap.ibwp-sp-design-3 .ibwp-sp-nf-left img {border-radius: 10px;}
.ibwp-sp-notification-wrap.ibwp-sp-design-3 .ibwp-sp-nf-close-btn {right: 2px; top: 2px;}
/***** Design 3 End *****/

/***** Design 4 Start *****/
.ibwp-sp-notification-wrap.ibwp-sp-design-4 .ibwp-sp-nf-inr {box-shadow: none;}
.ibwp-sp-notification-wrap.ibwp-sp-design-4 .ibwp-sp-nf-left-wrap {background-color: transparent;}
.ibwp-sp-notification-wrap.ibwp-sp-design-4 .ibwp-sp-nf-left {z-index: 1; height: 55px; width: 55px; min-width: 55px; border-radius: 50px; margin-right: -26px; padding: 2px; background-color: #fff;}
.ibwp-sp-notification-wrap.ibwp-sp-design-4 .ibwp-sp-nf-left img {border-radius: 50px;}
.ibwp-sp-notification-wrap.ibwp-sp-design-4 .ibwp-sp-nf-right {box-shadow: 0px 0px 4px 1px #ccc;}
.ibwp-sp-notification-wrap.ibwp-sp-design-4 .ibwp-sp-nf-content {padding: 0 15px 0 32px;}
/***** Design 4 End *****/

/***** Design 5 Start *****/
.ibwp-sp-notification-wrap.ibwp-sp-design-5 .ibwp-sp-nf-inr {box-shadow: none;}
.ibwp-sp-notification-wrap.ibwp-sp-design-5 .ibwp-sp-nf-left-wrap {background-color: transparent;}
.ibwp-sp-notification-wrap.ibwp-sp-design-5 .ibwp-sp-nf-left {z-index: 1; height: 55px; width: 55px; min-width: 55px; margin-right: 10px; padding: 2px; background-color: #fff; box-shadow: 0px 0px 4px 1px #ccc;}
.ibwp-sp-notification-wrap.ibwp-sp-design-5 .ibwp-sp-nf-right {box-shadow: 0px 0px 4px 1px #ccc;}
.ibwp-sp-notification-wrap.ibwp-sp-design-5 .ibwp-sp-nf-content {padding: 0 15px 0 7px;}
/***** Design 5 End *****/