.bp-birthday-users-list { margin: 0; padding: 0; list-style: none; } .bp-birthday-users-list li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; padding: 3px 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 100%; list-style: none; } .bp-birthday-users-list li:last-child { margin-bottom: 0; } .bp-birthday-users-list .avatar { max-width: 50px; } .bp-birthday-users-list .badge-wrap { display: block; font-size: 12px; } .bp-birthday-users-list .birthday-item-content { margin-left: 12px; } .bp-birthday-users-list .birthday-item-content>.badge { color: #fff; background: #228B22; padding: 2px 5px; line-height: 1.4; border-radius: 100px; margin-top: 5px; display: inline-block; font-size: 12px; } .bp-birthday-users-list .bp-user-age { font-size: 13px; margin: 0 4px 0 2px; } .bp-birthday-users-list .bbirthday_action { flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: row wrap; flex-flow: row wrap; position:relative; } .bp-birthday-users-list .bbirthday_action span { margin-right: 3px; margin-top: 2px; } .bbirthday_action .send_wishes .tooltip_wishes { white-space: nowrap; position: absolute; z-index: 99; top: -25px; left: 50%; margin-left: -15px; opacity: 0; font-size: 12px; line-height: 1.7; padding: 0 13px; border-radius: 100px; background-color: #3e3f5e; color: #fff; visibility: hidden; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .bbirthday_action .send_wishes:hover .tooltip_wishes { opacity: 1; visibility: visible; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .youzify-sidebar .widget_bp_birthdays .widget-title:before { content: "\f1fd"; } .youzify-sidebar ul.bp-birthday-users-list { padding: 0 25px !important; padding-bottom: 25px !important; } .youzify-sidebar ul.bp-birthday-users-list > li { padding: 0; border: none; box-shadow: none; overflow: hidden; margin: 25px 0 0 0; list-style-type: none; } .youzify-sidebar ul.bp-birthday-users-list li .birthday-item-content>strong { border: none; color: #7c838a; font-size: 13px; font-weight: 600; } .youzify-sidebar ul.bp-birthday-users-list li .avatar { max-width: 50px; } .bp-birthday-blur { -webkit-filter: blur(4px); filter: blur(4px); } .bp-birthday-brightness { -webkit-filter: brightness(0.30); filter: brightness(0.30); } .bp-birthday-contrast { -webkit-filter: contrast(180%); filter: contrast(180%); } .bp-birthday-grayscale { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .bp-birthday-huerotate { -webkit-filter: hue-rotate(180deg); filter: hue-rotate(180deg); } .bp-birthday-invert { -webkit-filter: invert(100%); filter: invert(100%); } .bp-birthday-opacity { -webkit-filter: opacity(50%); filter: opacity(50%); } .bp-birthday-saturate { -webkit-filter: saturate(7); filter: saturate(7); } .bp-birthday-sepia { -webkit-filter: sepia(100%); filter: sepia(100%); } .bp-birthday-shadow { -webkit-filter: drop-shadow(8px 8px 10px green); filter: drop-shadow(8px 8px 10px green); } .youzify-sidebar .widget-content .bp-birthday-users-list { padding: 0 25px 25px; } .youzify-sidebar .bp-birthday-users-list li { padding: 0; border: none; box-shadow: none; overflow: hidden; margin: 25px 0 0 0; list-style-type: none; } .youzify-sidebar .bp-birthday-users-list li .avatar { border-radius: 100%; } .youzify-sidebar .bp-birthday-users-list li strong { color: #7c838a; font-size: 13px; font-weight: 600; text-transform: capitalize; } .youzify-sidebar .bp-birthday-users-list li .badge-wrap { color: #8a8a8a; display: block; margin-top: 6px; font-size: 10px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; } .youzify-sidebar .bp-birthday-users-list li i { font-style: normal; font-weight: 600; } .youzify-sidebar .bp-birthday-users-list .bbirthday_action span { margin-right: 3px; margin-top: 5px; } .youzify-sidebar .widget_bp_birthdays .widget-title:before { content: "\f1fd"; font-family: "Font Awesome 5 Free" !important; display: inline-block; width: 35px; height: 35px; line-height: 35px; margin-right: 10px; text-align: center; background-color: #f2f2f2; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; } @media only screen and (max-width: 1430px) {} @media only screen and (max-width: 1280px) {} @media only screen and (max-width: 980px) {} @media only screen and (max-width: 768px) {} @media only screen and (max-width: 600px) {} @media only screen and (max-width: 420px) {} @media only screen and (max-width: 380px) {} @media only screen and (max-width: 320px) {}