1.wp-pointer-content {
  2	padding: 0 0 10px;
  3	position: relative;
  4	font-size: 13px;
  5	background: #fff;
  6	border: 1px solid #c3c4c7;
  7	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.08);
  8}
  9
 10.wp-pointer-content h3 {
 11	position: relative;
 12	margin: -1px -1px 5px;
 13	padding: 15px 18px 14px 60px;
 14	border: 1px solid #2271b1;
 15	border-bottom: none;
 16	line-height: 1.4;
 17	font-size: 14px;
 18	color: #fff;
 19	background: #2271b1;
 20}
 21
 22.wp-pointer-content h3:before {
 23	background: #fff;
 24	border-radius: 50%;
 25	color: #2271b1;
 26	content: "\f227";
 27	content: "\f227" / '';
 28	font: normal 20px/1.6 dashicons;
 29	position: absolute;
 30	top: 8px;
 31	left: 15px;
 32	text-align: center;
 33	width: 32px;
 34	height: 32px;
 35	-webkit-font-smoothing: antialiased;
 36	-moz-osx-font-smoothing: grayscale;
 37}
 38
 39.wp-pointer-content h4 {
 40	margin: 1.33em 20px 1em;
 41	font-size: 1.15em;
 42}
 43
 44.wp-pointer-content p {
 45	padding: 0 20px;
 46}
 47
 48.wp-pointer-buttons {
 49	margin: 0;
 50	padding: 5px 15px;
 51	overflow: auto;
 52}
 53
 54.wp-pointer-buttons a {
 55	float: right;
 56	display: inline-block;
 57	text-decoration: none;
 58}
 59
 60.wp-pointer-buttons a.close {
 61	padding-left: 3px;
 62	position: relative;
 63}
 64
 65.wp-pointer-buttons a.close:before {
 66	background: none;
 67	color: #787c82;
 68	content: "\f153";
 69	content: "\f153" / '';
 70	display: block !important;
 71	font: normal 16px/1 dashicons;
 72	margin: 1px 0;
 73	text-align: center;
 74	-webkit-font-smoothing: antialiased !important;
 75	width: 10px;
 76	height: 100%;
 77	position: absolute;
 78	left: -15px;
 79	top: 1px;
 80}
 81
 82.wp-pointer-buttons a.close:hover:before {
 83	color: #d63638;
 84}
 85
 86/* The arrow base class must take up no space, even with transparent borders. */
 87.wp-pointer-arrow,
 88.wp-pointer-arrow-inner {
 89	position: absolute;
 90	width: 0;
 91	height: 0;
 92}
 93
 94.wp-pointer-arrow {
 95	z-index: 10;
 96	width: 0;
 97	height: 0;
 98	border: 0 solid transparent;
 99}
100
101.wp-pointer-arrow-inner {
102	z-index: 20;
103}
104
105/* Make Room for the Arrow! */
106.wp-pointer-top,
107.wp-pointer-undefined {
108	padding-top: 13px;
109}
110
111.wp-pointer-bottom {
112	margin-top: -13px;
113	padding-bottom: 13px;
114}
115
116/* rtl:ignore */
117.wp-pointer-left {
118	padding-left: 13px;
119}
120/* rtl:ignore */
121.wp-pointer-right {
122	margin-left: -13px;
123	padding-right: 13px;
124}
125
126/* Base Size & Positioning */
127.wp-pointer-top .wp-pointer-arrow,
128.wp-pointer-bottom .wp-pointer-arrow,
129.wp-pointer-undefined .wp-pointer-arrow {
130	left: 50px;
131}
132
133.wp-pointer-left .wp-pointer-arrow,
134.wp-pointer-right .wp-pointer-arrow {
135	top: 50%;
136	margin-top: -15px;
137}
138
139/* Arrow Sprite */
140.wp-pointer-top .wp-pointer-arrow,
141.wp-pointer-undefined .wp-pointer-arrow {
142	top: 0;
143	border-width: 0 13px 13px;
144	border-bottom-color: #2271b1;
145}
146
147.wp-pointer-top .wp-pointer-arrow-inner,
148.wp-pointer-undefined .wp-pointer-arrow-inner {
149	top: 1px;
150	margin-left: -13px;
151	margin-top: -13px;
152	border: 13px solid transparent;
153	border-bottom-color: #2271b1;
154	display: block;
155	content: " ";
156}
157
158.wp-pointer-bottom .wp-pointer-arrow {
159	bottom: 0;
160	border-width: 13px 13px 0;
161	border-top-color: #c3c4c7;
162}
163
164.wp-pointer-bottom .wp-pointer-arrow-inner {
165	bottom: 1px;
166	margin-left: -13px;
167	margin-bottom: -13px;
168	border: 13px solid transparent;
169	border-top-color: #fff;
170	display: block;
171	content: " ";
172}
173
174/* rtl:ignore */
175.wp-pointer-left .wp-pointer-arrow {
176	left: 0;
177	border-width: 13px 13px 13px 0;
178	border-right-color: #c3c4c7;
179}
180
181/* rtl:ignore */
182.wp-pointer-left .wp-pointer-arrow-inner {
183	left: 1px;
184	margin-left: -13px;
185	margin-top: -13px;
186	border: 13px solid transparent;
187	border-right-color: #fff;
188	display: block;
189	content: " ";
190}
191
192/* rtl:ignore */
193.wp-pointer-right .wp-pointer-arrow {
194	right: 0;
195	border-width: 13px 0 13px 13px;
196	border-left-color: #c3c4c7;
197}
198
199/* rtl:ignore */
200.wp-pointer-right .wp-pointer-arrow-inner {
201	right: 1px;
202	margin-right: -13px;
203	margin-top: -13px;
204	border: 13px solid transparent;
205	border-left-color: #fff;
206	display: block;
207	content: " ";
208}
209
210.wp-pointer.arrow-bottom .wp-pointer-content {
211	margin-bottom: -45px;
212}
213
214.wp-pointer.arrow-bottom .wp-pointer-arrow {
215	top: 100%;
216	margin-top: -30px;
217}
218
219/* Disable pointers at responsive sizes */
220@media screen and (max-width: 782px) {
221	.wp-pointer {
222		display: none;
223	}
224}
225