border: 1px solid #c3c4c7;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
padding: 15px 18px 14px 60px;
border: 1px solid #2271b1;
.wp-pointer-content h3:before {
font: normal 20px/1.6 dashicons;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
.wp-pointer-buttons a.close {
.wp-pointer-buttons a.close:before {
display: block !important;
font: normal 16px/1 dashicons;
-webkit-font-smoothing: antialiased !important;
.wp-pointer-buttons a.close:hover:before {
/* The arrow base class must take up no space, even with transparent borders. */
.wp-pointer-arrow-inner {
border: 0 solid transparent;
.wp-pointer-arrow-inner {
/* Make Room for the Arrow! */
/* Base Size & Positioning */
.wp-pointer-top .wp-pointer-arrow,
.wp-pointer-bottom .wp-pointer-arrow,
.wp-pointer-undefined .wp-pointer-arrow {
.wp-pointer-left .wp-pointer-arrow,
.wp-pointer-right .wp-pointer-arrow {
.wp-pointer-top .wp-pointer-arrow,
.wp-pointer-undefined .wp-pointer-arrow {
border-width: 0 13px 13px 13px;
border-bottom-color: #2271b1;
.wp-pointer-top .wp-pointer-arrow-inner,
.wp-pointer-undefined .wp-pointer-arrow-inner {
border: 13px solid transparent;
border-bottom-color: #2271b1;
.wp-pointer-bottom .wp-pointer-arrow {
border-width: 13px 13px 0 13px;
border-top-color: #c3c4c7;
.wp-pointer-bottom .wp-pointer-arrow-inner {
border: 13px solid transparent;
.wp-pointer-left .wp-pointer-arrow {
border-width: 13px 13px 13px 0;
border-right-color: #c3c4c7;
.wp-pointer-left .wp-pointer-arrow-inner {
border: 13px solid transparent;
border-right-color: #fff;
.wp-pointer-right .wp-pointer-arrow {
border-width: 13px 0 13px 13px;
border-left-color: #c3c4c7;
.wp-pointer-right .wp-pointer-arrow-inner {
border: 13px solid transparent;
.wp-pointer.arrow-bottom .wp-pointer-content {
.wp-pointer.arrow-bottom .wp-pointer-arrow {
/* Disable pointers at responsive sizes */
@media screen and (max-width: 782px) {