← All changes | includes/widgets/Slider/style.css +363 -0 51.1.2 → 51.1.83 View file →

		@@ -1,0 +1,363 @@
	1	+.king-addons-advanced-slider-wrap {
	2	+ position: relative;
	3	+}
	4	+
	5	+.king-addons-advanced-slider {
	6	+ position: relative;
	7	+ overflow: hidden;
	8	+ height: auto;
	9	+ opacity: 0;
	10	+}
	11	+
	12	+.king-addons-slider-item {
	13	+ position: relative;
	14	+ overflow: hidden;
	15	+ height: auto;
	16	+}
	17	+
	18	+.king-addons-slider-content {
	19	+ position: relative;
	20	+ z-index: 90;
	21	+ width: 100%;
	22	+ max-width: 750px;
	23	+ padding: 10px 50px 50px 50px;
	24	+}
	25	+
	26	+.king-addons-slider-item-bg {
	27	+ position: absolute;
	28	+ top: 0;
	29	+ left: 0;
	30	+ width: 100%;
	31	+ height: 100%;
	32	+ background-repeat: no-repeat;
	33	+ background-position: center;
	34	+}
	35	+
	36	+.king-addons-slider-title *,
	37	+.king-addons-slider-sub-title *,
	38	+.king-addons-slider-description p {
	39	+ display: inline-block;
	40	+}
	41	+
	42	+.king-addons-slider-title * {
	43	+ font-size: 40px;
	44	+ font-weight: 600;
	45	+ line-height: 1.5em;
	46	+ margin: 0 0 2px 0;
	47	+ padding: 5px 10px 5px 10px;
	48	+ color: #ffffff;
	49	+}
	50	+
	51	+.king-addons-slider-sub-title * {
	52	+ font-size: 16px;
	53	+ margin: 0 0 10px 0;
	54	+ padding: 5px 10px 5px 10px;
	55	+}
	56	+
	57	+.king-addons-slider-description p {
	58	+ margin: 0 0 30px 0;
	59	+ padding: 5px 10px 5px 10px;
	60	+}
	61	+
	62	+.king-addons-slider-primary-btn,
	63	+.king-addons-slider-secondary-btn {
	64	+ margin: 0 10px 0 10px;
	65	+ padding: 12px 25px 12px 25px;
	66	+ border-width: 1px;
	67	+ border-style: solid;
	68	+ border-color: #ffffff;
	69	+ border-radius: 2px;
	70	+}
	71	+
	72	+.king-addons-slider-btns svg,
	73	+.king-addons-slider-scroll-btn svg {
	74	+ vertical-align: bottom;
	75	+}
	76	+
	77	+.king-addons-slider-video:not(.king-addons-custom-video) {
	78	+ position: relative;
	79	+ padding-bottom: 56.25%;
	80	+}
	81	+
	82	+.king-addons-custom-video video {
	83	+ height: 100%;
	84	+}
	85	+
	86	+.king-addons-advanced-slider iframe {
	87	+ position: absolute;
	88	+ top: 0;
	89	+ left: 0;
	90	+ width: 100%;
	91	+ height: 100%;
	92	+}
	93	+
	94	+.slick-slide .king-addons-slider-img {
	95	+ position: relative;
	96	+ z-index: 79;
	97	+ top: 0;
	98	+ left: 0;
	99	+ display: block;
	100	+ width: 100%;
	101	+ height: 100%;
	102	+}
	103	+
	104	+@keyframes king-addons-ken-burns-in {
	105	+ 0% {
	106	+ transform: scale(1);
	107	+ }
	108	+ 100% {
	109	+ transform: scale(1.3);
	110	+ }
	111	+}
	112	+
	113	+@keyframes king-addons-ken-burns-out {
	114	+ 0% {
	115	+ transform: scale(1.3);
	116	+ }
	117	+ 100% {
	118	+ transform: scale(1);
	119	+ }
	120	+}
	121	+
	122	+.king-addons-advanced-slider .slick-slide.king-addons-slick-visible .king-addons-slider-item-bg {
	123	+ animation-duration: 10s;
	124	+ animation-timing-function: linear;
	125	+}
	126	+
	127	+.king-addons-advanced-slider .slick-slide.king-addons-slick-visible .king-addons-slider-item-bg.king-addons-ken-burns-in {
	128	+ transform: scale(1.3);
	129	+ animation-name: king-addons-ken-burns-in;
	130	+ animation-iteration-count: infinite;
	131	+}
	132	+
	133	+.king-addons-advanced-slider .slick-slide.king-addons-slick-visible .king-addons-slider-item-bg.king-addons-ken-burns-out {
	134	+ transform: scale(1);
	135	+ animation-name: king-addons-ken-burns-out;
	136	+ animation-iteration-count: infinite;
	137	+}
	138	+
	139	+.king-addons-ken-burns-in {
	140	+ transform: scale(1);
	141	+}
	142	+
	143	+.king-addons-ken-burns-out {
	144	+ transform: scale(1.3);
	145	+}
	146	+
	147	+.king-addons-slider-item-url {
	148	+ position: absolute;
	149	+ z-index: 90;
	150	+ top: 0;
	151	+ left: 0;
	152	+ display: block;
	153	+ width: 100%;
	154	+ height: 100%;
	155	+}
	156	+
	157	+.king-addons-slider-nav-position-default .king-addons-slider-arrow-container {
	158	+ position: absolute;
	159	+ display: flex;
	160	+}
	161	+
	162	+.king-addons-slider-nav-position-default .king-addons-slider-arrow {
	163	+ position: static;
	164	+}
	165	+
	166	+.king-addons-slider-nav-position-default .king-addons-slider-prev-arrow {
	167	+ transform: none;
	168	+}
	169	+
	170	+.king-addons-slider-nav-position-default .king-addons-slider-next-arrow {
	171	+ transform: translateY(0) rotate(180deg);
	172	+}
	173	+
	174	+.king-addons-slider-nav-align-top-center .king-addons-slider-arrow-container,
	175	+.king-addons-slider-nav-align-bottom-center .king-addons-slider-arrow-container {
	176	+ left: 50%;
	177	+ transform: translateX(-50%);
	178	+}
	179	+
	180	+.king-addons-slider-arrow {
	181	+ position: absolute;
	182	+ z-index: 120;
	183	+ top: 50%;
	184	+ align-items: center;
	185	+ justify-content: center;
	186	+ box-sizing: content-box;
	187	+ cursor: pointer;
	188	+ transition: all .5s;
	189	+ text-align: center;
	190	+}
	191	+
	192	+.king-addons-slider-arrow i {
	193	+ line-height: inherit;
	194	+ display: block;
	195	+}
	196	+
	197	+.king-addons-slider-prev-arrow {
	198	+ left: 1%;
	199	+ transform: translateY(-50%);
	200	+}
	201	+
	202	+.king-addons-slider-next-arrow {
	203	+ right: 1%;
	204	+ transform: translateY(-50%) rotate(180deg);
	205	+}
	206	+
	207	+.king-addons-slider-nav-fade .king-addons-slider-arrow {
	208	+ visibility: hidden;
	209	+ opacity: 0;
	210	+}
	211	+
	212	+.king-addons-slider-nav-fade .king-addons-advanced-slider-wrap:hover .king-addons-slider-arrow {
	213	+ visibility: visible;
	214	+ opacity: 1;
	215	+}
	216	+
	217	+.king-addons-slider-dots {
	218	+ position: absolute;
	219	+ z-index: 1;
	220	+ left: 50%;
	221	+ display: inline-table;
	222	+ transform: translate(-50%, -50%);
	223	+}
	224	+
	225	+.king-addons-slider-dots .slick-dots {
	226	+ position: static !important;
	227	+}
	228	+
	229	+.king-addons-slider-dots ul {
	230	+ margin: 0;
	231	+ padding: 0;
	232	+ list-style: none;
	233	+}
	234	+
	235	+.king-addons-advanced-slider.slick-dotted.slick-slider {
	236	+ margin-bottom: 0 !important;
	237	+}
	238	+
	239	+.king-addons-slider-dots-vertical .slick-dots li {
	240	+ display: block;
	241	+ width: auto !important;
	242	+ height: auto !important;
	243	+ margin: 0 !important;
	244	+}
	245	+
	246	+.king-addons-slider-dots-horizontal .slick-dots li {
	247	+ width: auto !important;
	248	+ margin: 0 !important;
	249	+ padding-top: 10px;
	250	+}
	251	+
	252	+.king-addons-slider-dots-pro-vr .slick-dots li:last-child span,
	253	+.king-addons-slider-dots-horizontal .slick-dots li:last-child span {
	254	+ margin-right: 0 !important;
	255	+}
	256	+
	257	+.king-addons-slider-dots-pro-vr .king-addons-slider-dots li,
	258	+.king-addons-slider-dots-horizontal .king-addons-slider-dots li {
	259	+ float: left;
	260	+}
	261	+
	262	+.king-addons-slider-dot {
	263	+ display: block;
	264	+ cursor: pointer;
	265	+}
	266	+
	267	+.king-addons-slider-dots li:last-child .king-addons-slider-dot {
	268	+ margin: 0 !important;
	269	+}
	270	+
	271	+.king-addons-slider-scroll-btn {
	272	+ line-height: 1;
	273	+ position: absolute;
	274	+ bottom: 45px;
	275	+ left: 50%;
	276	+ display: inline-block;
	277	+ overflow: hidden;
	278	+ transition-duration: 200ms;
	279	+ transform: translateX(-50%);
	280	+}
	281	+
	282	+@keyframes king-addons-scroll-animation {
	283	+ 0% {
	284	+ opacity: 0;
	285	+ transform: translate3d(0, -60%, 0);
	286	+ }
	287	+ 50% {
	288	+ opacity: 1;
	289	+ transform: translate3d(0, 20%, 0);
	290	+ }
	291	+ 100% {
	292	+ opacity: 0;
	293	+ transform: translate3d(0, 20%, 0);
	294	+ }
	295	+}
	296	+
	297	+.king-addons-scroll-animation {
	298	+ animation-name: king-addons-scroll-animation;
	299	+ animation-duration: 1300ms;
	300	+ animation-iteration-count: infinite;
	301	+}
	302	+
	303	+.king-addons-slider-video {
	304	+ position: absolute;
	305	+ z-index: 90;
	306	+ top: 0;
	307	+ left: 0;
	308	+ width: 100%;
	309	+ height: 100%;
	310	+ background: #000;
	311	+}
	312	+
	313	+.king-addons-slider-video-btn {
	314	+ margin: 0 auto;
	315	+}
	316	+
	317	+.king-addons-slider-video-btn i {
	318	+ display: block;
	319	+}
	320	+
	321	+.king-addons-slider-video-icon-size-none .king-addons-slider-video-btn {
	322	+ display: none;
	323	+}
	324	+
	325	+.king-addons-slider-video-icon-size-small .king-addons-slider-video-btn {
	326	+ font-size: 16px;
	327	+ width: 50px;
	328	+ height: 50px;
	329	+ padding: 16px 0 0 4px;
	330	+ border-width: 1px;
	331	+}
	332	+
	333	+.king-addons-slider-video-icon-size-medium .king-addons-slider-video-btn {
	334	+ font-size: 26px;
	335	+ width: 80px;
	336	+ height: 80px;
	337	+ padding: 25px 0 0 5px;
	338	+ border-width: 2px;
	339	+}
	340	+
	341	+.king-addons-slider-video-icon-size-large .king-addons-slider-video-btn {
	342	+ font-size: 30px;
	343	+ width: 100px;
	344	+ height: 100px;
	345	+ padding: 33px 0 0 7px;
	346	+ border-width: 2px;
	347	+}
	348	+
	349	+.king-addons-slider-video-btn {
	350	+ cursor: pointer;
	351	+ text-align: center;
	352	+ border-style: solid;
	353	+ border-radius: 50%;
	354	+}
	355	+
	356	+.king-addons-slider-item-overlay {
	357	+ position: absolute;
	358	+ z-index: 80;
	359	+ top: 0;
	360	+ left: 0;
	361	+ width: 100%;
	362	+ height: 100%;
	363	+}