← All changes | includes/widgets/Pricing_Table/style.css +323 -0 51.1.2 → 51.1.87 View file →

		@@ -1,0 +1,323 @@
	1	+.king-addons-pricing-table {
	2	+ position: relative;
	3	+}
	4	+
	5	+.king-addons-pricing-table-heading {
	6	+ text-align: center;
	7	+}
	8	+
	9	+.king-addons-pricing-table-heading-inner {
	10	+ display: inline-block;
	11	+}
	12	+
	13	+.king-addons-pricing-table-heading-left .king-addons-pricing-table-heading-inner > div,
	14	+.king-addons-pricing-table-heading-right .king-addons-pricing-table-heading-inner > div {
	15	+ display: inline-block;
	16	+ vertical-align: top;
	17	+}
	18	+
	19	+.king-addons-pricing-table-heading-left .king-addons-pricing-table-icon {
	20	+ float: left;
	21	+}
	22	+
	23	+.king-addons-pricing-table-heading-right .king-addons-pricing-table-icon {
	24	+ float: right;
	25	+}
	26	+
	27	+.king-addons-pricing-table-heading-left .king-addons-pricing-table-title-wrap,
	28	+.king-addons-pricing-table-heading-right .king-addons-pricing-table-title-wrap {
	29	+ text-align: left;
	30	+}
	31	+
	32	+.king-addons-pricing-table-heading-center .king-addons-pricing-table-icon img {
	33	+ margin: 0 auto;
	34	+}
	35	+
	36	+.king-addons-pricing-table-icon img {
	37	+ display: block;
	38	+ border-style: none;
	39	+}
	40	+
	41	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-title-wrap .king-addons-pricing-table-title {
	42	+ font-size: 26px;
	43	+ font-weight: 600;
	44	+}
	45	+
	46	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-title-wrap .king-addons-pricing-table-sub-title {
	47	+ font-size: 14px;
	48	+}
	49	+
	50	+.king-addons-pricing-table-price {
	51	+ font-size: 65px;
	52	+ font-weight: 500;
	53	+ line-height: 0.9;
	54	+ text-align: center;
	55	+}
	56	+
	57	+.king-addons-pricing-table-price-inner {
	58	+ display: flex;
	59	+ justify-content: center;
	60	+}
	61	+
	62	+.king-addons-pricing-table-sub-price,
	63	+.king-addons-pricing-table-currency,
	64	+.king-addons-pricing-table-old-price,
	65	+.king-addons-pricing-table-period {
	66	+ line-height: 1;
	67	+}
	68	+
	69	+.king-addons-pricing-table-period {
	70	+ font-size: 17px;
	71	+ line-height: 1.5;
	72	+ align-self: flex-end;
	73	+}
	74	+
	75	+.king-addons-pricing-table-old-price {
	76	+ text-decoration: line-through !important;
	77	+}
	78	+
	79	+.king-addons-pricing-table-feature {
	80	+ font-size: 15px;
	81	+ position: relative;
	82	+ padding: 0;
	83	+}
	84	+
	85	+.king-addons-pricing-table-feature-inner {
	86	+ display: flex;
	87	+ align-items: center;
	88	+ margin: 0 auto;
	89	+}
	90	+
	91	+.king-addons-pricing-table-feature-inner span {
	92	+ position: relative;
	93	+}
	94	+
	95	+.king-addons-pricing-table-feature-inner span.king-addons-pricing-table-ftext-line-yes {
	96	+ text-decoration: line-through;
	97	+}
	98	+
	99	+.king-addons-pricing-table-feature:after {
	100	+ display: block;
	101	+ width: 100%;
	102	+ margin: 0 auto;
	103	+ content: "";
	104	+}
	105	+
	106	+.king-addons-pricing-table section:last-of-type:after {
	107	+ display: none;
	108	+}
	109	+
	110	+.king-addons-pricing-table-feature-text,
	111	+.king-addons-pricing-table-feature-icon {
	112	+ display: inline;
	113	+}
	114	+
	115	+.king-addons-pricing-table-feature-icon {
	116	+ margin-right: 8px;
	117	+}
	118	+
	119	+.king-addons-pricing-table-feature-tooltip {
	120	+ font-size: 15px;
	121	+ position: absolute;
	122	+ top: 0;
	123	+ left: 50%;
	124	+ visibility: hidden;
	125	+ padding: 6px 10px;
	126	+ transition: all 230ms ease-in-out 0s;
	127	+ transform: translate(-50%, -100%);
	128	+ text-align: center;
	129	+ opacity: 0;
	130	+ border-radius: 4px;
	131	+}
	132	+
	133	+.king-addons-pricing-table-feature-tooltip:before {
	134	+ position: absolute;
	135	+ bottom: -5px;
	136	+ left: 50%;
	137	+ width: 0;
	138	+ height: 0;
	139	+ content: "";
	140	+ transform: translateX(-50%);
	141	+ border-top-width: 6px;
	142	+ border-top-style: solid;
	143	+ border-right: 6px solid transparent;
	144	+ border-left: 6px solid transparent;
	145	+}
	146	+
	147	+.king-addons-pricing-table-feature:hover .king-addons-pricing-table-feature-tooltip {
	148	+ top: 5px;
	149	+ visibility: visible;
	150	+ transform: translate(-50%, -100%);
	151	+ opacity: 1;
	152	+}
	153	+
	154	+.king-addons-pricing-table-button {
	155	+ font-size: 17px;
	156	+ text-align: center;
	157	+}
	158	+
	159	+.king-addons-pricing-table-btn {
	160	+ position: relative;
	161	+ display: inline-block;
	162	+ overflow: hidden;
	163	+ cursor: pointer;
	164	+ vertical-align: middle;
	165	+}
	166	+
	167	+.king-addons-pricing-table-btn span {
	168	+ position: relative;
	169	+ z-index: 2;
	170	+ opacity: 1 !important;
	171	+}
	172	+
	173	+.king-addons-pricing-table-btn:before,
	174	+.king-addons-pricing-table-btn:after {
	175	+ z-index: 1 !important;
	176	+}
	177	+
	178	+.king-addons-pricing-table-badge {
	179	+ position: absolute;
	180	+ z-index: 2;
	181	+ display: inline-block;
	182	+ text-align: center;
	183	+}
	184	+
	185	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-badge .king-addons-pricing-table-badge-inner {
	186	+ font-size: 15px;
	187	+ font-weight: 900;
	188	+}
	189	+
	190	+.king-addons-pricing-table-badge-left {
	191	+ right: auto;
	192	+ left: 0;
	193	+}
	194	+
	195	+.king-addons-pricing-table-badge-right {
	196	+ right: 0;
	197	+ left: auto;
	198	+}
	199	+
	200	+.king-addons-pricing-table-badge-corner {
	201	+ top: 0;
	202	+ overflow: hidden;
	203	+ width: 200px;
	204	+ height: 200px;
	205	+}
	206	+
	207	+.king-addons-pricing-table-badge-corner .king-addons-pricing-table-badge-inner {
	208	+ width: 200%;
	209	+}
	210	+
	211	+.king-addons-pricing-table-badge-corner.king-addons-pricing-table-badge-right {
	212	+ transform: rotate(90deg);
	213	+}
	214	+
	215	+.king-addons-pricing-table-badge-circle {
	216	+ top: 0;
	217	+}
	218	+
	219	+.king-addons-pricing-table-badge-circle .king-addons-pricing-table-badge-inner {
	220	+ border-radius: 100%;
	221	+}
	222	+
	223	+.king-addons-pricing-table-badge-flag {
	224	+ border-right: 5px;
	225	+}
	226	+
	227	+.king-addons-pricing-table-badge-flag.king-addons-pricing-table-badge-left {
	228	+ margin-left: -10px;
	229	+}
	230	+
	231	+.king-addons-pricing-table-badge-flag.king-addons-pricing-table-badge-right {
	232	+ margin-right: -10px;
	233	+}
	234	+
	235	+.king-addons-pricing-table-badge-flag:before {
	236	+ position: absolute;
	237	+ z-index: 1;
	238	+ bottom: -5px;
	239	+ width: 0;
	240	+ height: 0;
	241	+ margin-left: -10px;
	242	+ content: "";
	243	+ border-top-width: 10px;
	244	+ border-top-style: solid;
	245	+ border-right: 10px solid transparent;
	246	+ border-left: 10px solid transparent;
	247	+}
	248	+
	249	+.king-addons-pricing-table-badge-flag .king-addons-pricing-table-badge-inner {
	250	+ position: relative;
	251	+ z-index: 2;
	252	+ border-top-left-radius: 3px;
	253	+ border-top-right-radius: 3px;
	254	+}
	255	+
	256	+.king-addons-pricing-table-badge-flag.king-addons-pricing-table-badge-left:before {
	257	+ left: 5px;
	258	+ transform: rotate(90deg);
	259	+}
	260	+
	261	+.king-addons-pricing-table-badge-flag.king-addons-pricing-table-badge-right:before {
	262	+ right: -5px;
	263	+ transform: rotate(-90deg);
	264	+}
	265	+
	266	+.king-addons-pricing-table-badge-flag.king-addons-pricing-table-badge-left .king-addons-pricing-table-badge-inner {
	267	+ border-bottom-right-radius: 3px;
	268	+}
	269	+
	270	+.king-addons-pricing-table-badge-flag.king-addons-pricing-table-badge-right .king-addons-pricing-table-badge-inner {
	271	+ border-bottom-left-radius: 3px;
	272	+}
	273	+
	274	+.king-addons-pricing-table-text {
	275	+ font-size: 13px;
	276	+ line-height: 1.3;
	277	+}
	278	+
	279	+.king-addons-pricing-table-divider {
	280	+ margin: 0 auto;
	281	+ border: 0;
	282	+}
	283	+
	284	+.king-addons-pricing-table-animation-slide {
	285	+ transition-timing-function: ease-in-out;
	286	+ transition-property: margin;
	287	+}
	288	+
	289	+.king-addons-pricing-table-animation-bounce {
	290	+ animation-iteration-count: 1;
	291	+}
	292	+
	293	+.king-addons-pricing-table-animation-slide:hover {
	294	+ margin-top: -5px;
	295	+}
	296	+
	297	+.king-addons-pricing-table-animation-bounce:hover {
	298	+ animation-name: bounce;
	299	+}
	300	+
	301	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-heading {
	302	+ background-color: #f9f9f9;
	303	+}
	304	+
	305	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-price {
	306	+ background-color: #5B03FF;
	307	+}
	308	+
	309	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-button {
	310	+ background-color: #f9f9f9;
	311	+}
	312	+
	313	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-btn {
	314	+ background-color: #2B2B2B;
	315	+}
	316	+
	317	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-btn:hover {
	318	+ background-color: #4D02D8;
	319	+}
	320	+
	321	+.elementor-widget-king-addons-pricing-table .king-addons-pricing-table-text {
	322	+ background-color: #f9f9f9;
	323	+}