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	font: normal 20px/1.6 dashicons;
28	position: absolute;
29	top: 8px;
30	left: 15px;
31	speak: never;
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	display: block !important;
70	font: normal 16px/1 dashicons;
71	speak: never;
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 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 13px;
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