Issues:
1.gdpr-container-fluid {
2 width: 100%;
3 padding-right: 15px;
4 padding-left: 15px;
5 margin-right: auto;
6 margin-left: auto;
7}
8.gdpr-row {
9 display: -ms-flexbox;
10 display: flex;
11 -ms-flex-wrap: wrap;
12 flex-wrap: wrap;
13 margin-right: -15px;
14 margin-left: -15px;
15}
16.gdpr-col-4 {
17 -ms-flex: 0 0 33.333333%;
18 flex: 0 0 33.333333%;
19 max-width: 33.333333%;
20}
21.gdpr-col-8 {
22 -ms-flex: 0 0 66.666667%;
23 flex: 0 0 66.666667%;
24 max-width: 66.666667%;
25}
26.gdpr-align-items-stretch {
27 -ms-flex-align: stretch!important;
28 align-items: stretch!important;
29}
30.gdpr-d-flex {
31 display: -ms-flexbox!important;
32 display: flex!important;
33}
34.gdpr-px-0 {
35 padding-left: 0;
36 padding-right: 0;
37}
38.modal-backdrop.show {
39 opacity: .8;
40}
41.modal-open {
42 overflow: hidden
43}
44
45.modal-open .gdpr-modal {
46 overflow-x: hidden;
47 overflow-y: auto
48}
49
50.gdpr-modal.fade .gdpr-modal-dialog {
51 transition: -webkit-transform .3s ease-out;
52 transition: transform .3s ease-out;
53 transition: transform .3s ease-out,-webkit-transform .3s ease-out;
54 -webkit-transform: translate(0,-25%);
55 transform: translate(0,-25%)
56}
57
58.gdpr-modal.show .gdpr-modal-dialog {
59 -webkit-transform: translate(0,0);
60 transform: translate(0,0)
61}
62
63.modal-backdrop {
64 position: fixed;
65 top: 0;
66 right: 0;
67 bottom: 0;
68 left: 0;
69 z-index: 1039;
70 background-color: #000
71}
72
73.modal-backdrop.fade {
74 opacity: 0
75}
76
77.modal-backdrop.show {
78 opacity: .5
79}
80
81.gdpr-modal {
82 position: fixed;
83 top: 0;
84 right: 0;
85 bottom: 0;
86 left: 0;
87 z-index: 1050;
88 display: none;
89 overflow: hidden;
90 outline: 0
91}
92.gdpr-modal a {
93 text-decoration: none;
94}
95.gdpr-modal .gdpr-modal-dialog {
96 position: relative;
97 width: auto;
98 margin: .5rem;
99 pointer-events: none;
100 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
101 font-size: 1rem;
102 font-weight: 400;
103 line-height: 1.5;
104 color: #212529;
105 text-align: left;
106 display: -ms-flexbox;
107 display: flex;
108 -ms-flex-align: center;
109 align-items: center;
110 min-height: calc(100% - (.5rem * 2))
111}
112@media (min-width: 576px) {
113 .gdpr-modal .gdpr-modal-dialog {
114 max-width:500px;
115 margin: 1.75rem auto;
116 min-height: calc(100% - (1.75rem * 2));
117 }
118}
119@media (min-width: 992px) {
120 .gdpr-modal .gdpr-modal-dialog {
121 max-width: 900px;
122 }
123}
124.gdpr-modal-content {
125 position: relative;
126 display: -ms-flexbox;
127 display: flex;
128 -ms-flex-direction: column;
129 flex-direction: column;
130 width: 100%;
131 pointer-events: auto;
132 background-color: #fff;
133 background-clip: padding-box;
134 border: 1px solid rgba(0,0,0,.2);
135 border-radius: .3rem;
136 outline: 0
137}
138.gdpr-modal .row {
139 margin: 0 -15px;
140}
141.gdpr-modal .modal-body {
142 padding: 0;
143 position: relative;
144 -ms-flex: 1 1 auto;
145 flex: 1 1 auto;
146}
147.gdpr-modal .close {
148 position: absolute;
149 right: 10px;
150 top: 10px;
151 z-index: 1;
152 padding: 0;
153 background-color: transparent;
154 border: 0;
155 -webkit-appearance: none;
156 font-size: 1.5rem;
157 font-weight: 700;
158 line-height: 1;
159 color: #000;
160 text-shadow: 0 1px 0 #fff;
161}
162.gdpr-modal .close:focus {
163 outline: 0;
164}
165.gdpr-switch {
166 display: inline-block;
167 position: relative;
168 min-height: 1px;
169 padding-left: 70px;
170 font-size: 14px;
171}
172.gdpr-switch input[type="checkbox"] {
173 display:none;
174}
175.gdpr-switch .gdpr-slider {
176 background-color: #e3e1e8;
177 height: 24px;
178 width: 50px;
179 bottom: 0;
180 cursor: pointer;
181 left: 0;
182 position: absolute;
183 right: 0;
184 top: 0;
185 transition: .4s;
186}
187.gdpr-switch .gdpr-slider:before {
188 background-color: #fff;
189 bottom: 2px;
190 content: "";
191 height: 20px;
192 left: 2px;
193 position: absolute;
194 transition: .4s;
195 width: 20px;
196}
197.gdpr-switch input:checked + .gdpr-slider {
198 background-color:rgb(99, 179, 95);
199}
200.gdpr-switch input:checked + .gdpr-slider:before {
201 transform: translateX(26px);
202}
203.gdpr-switch .gdpr-slider {
204 border-radius: 34px;
205}
206.gdpr-switch .gdpr-slider:before {
207 border-radius: 50%;
208}
209.gdpr-tab-content>.gdpr-tab-pane {
210 display: none;
211}
212.gdpr-tab-content>.active {
213 display: block;
214}
215.gdpr-fade {
216 transition: opacity .15s linear;
217}
218.gdpr-nav-pills {
219 display: -ms-flexbox;
220 display: flex;
221 -ms-flex-wrap: wrap;
222 flex-wrap: wrap;
223 padding-left: 0;
224 margin-bottom: 0;
225 list-style: none;
226 -ms-flex-direction: column !important;
227 flex-direction: column !important;
228 align-items: stretch !important;
229 -ms-align-items: stretch !important;
230}
231.nav.gdpr-nav-pills, .gdpr-tab-content {
232 width: 100%;
233 padding: 30px;
234}
235.nav.gdpr-nav-pills {
236 background: #f3f3f3;
237}
238.nav.gdpr-nav-pills .gdpr-nav-link {
239 border: 1px solid #0070ad;
240 margin-bottom: 10px;
241 color: #0070ad;
242 font-size: 14px;
243 display: block;
244 padding: .5rem 1rem;
245 border-radius: .25rem;
246}
247.nav.gdpr-nav-pills .gdpr-nav-link.active, .nav.gdpr-nav-pills .show>.gdpr-nav-link {
248 background-color: #0070ad;
249 border: 1px solid #0070ad;
250}
251.nav.gdpr-nav-pills .gdpr-nav-link.active {
252 color: #ffffff;
253}
254.gdpr-tab-content .gdpr-button-wrapper {
255 padding-top: 30px;
256 margin-top: 30px;
257 border-top: 1px solid #d6d6d6;
258}
259.gdpr-tab-content .gdpr-button-wrapper .btn-gdpr {
260 background-color: #0070ad;
261 border-color: #0070ad;
262 color: #ffffff;
263 font-size: 14px;
264 display: inline-block;
265 font-weight: 400;
266 text-align: center;
267 white-space: nowrap;
268 vertical-align: middle;
269 -webkit-user-select: none;
270 -moz-user-select: none;
271 -ms-user-select: none;
272 user-select: none;
273 border: 1px solid transparent;
274 padding: .375rem .75rem;
275 font-size: 1rem;
276 line-height: 1.5;
277 border-radius: .25rem;
278 transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
279}
280.gdpr-tab-content p {
281 color: #343438;
282 font-size: 14px;
283 margin-top: 0;
284}
285.gdpr-tab-content h4 {
286 font-size: 20px;
287 margin-bottom: .5rem;
288 margin-top: 0;
289 font-family: inherit;
290 font-weight: 500;
291 line-height: 1.2;
292 color: inherit;
293}
294
295
296.cli-container-fluid {
297 padding-right: 15px;
298 padding-left: 15px;
299 margin-right: auto;
300 margin-left: auto;
301}
302.cli-row {
303 display: -ms-flexbox;
304 display: flex;
305 -ms-flex-wrap: wrap;
306 flex-wrap: wrap;
307 margin-right: -15px;
308 margin-left: -15px;
309}
310.cli-col-4 {
311 -ms-flex: 0 0 33.333333%;
312 flex: 0 0 33.333333%;
313 max-width: 33.333333%;
314}
315.cli-col-8 {
316 -ms-flex: 0 0 66.666667%;
317 flex: 0 0 66.666667%;
318 max-width: 66.666667%;
319}
320.cli-align-items-stretch {
321 -ms-flex-align: stretch!important;
322 align-items: stretch!important;
323}
324.cli-d-flex {
325 display: -ms-flexbox!important;
326 display: flex!important;
327}
328.cli-px-0 {
329 padding-left: 0;
330 padding-right: 0;
331}
332.cli-btn {
333 cursor: pointer;
334 font-size: 14px;
335 display: inline-block;
336 font-weight: 400;
337 text-align: center;
338 white-space: nowrap;
339 vertical-align: middle;
340 -webkit-user-select: none;
341 -moz-user-select: none;
342 -ms-user-select: none;
343 user-select: none;
344 border: 1px solid transparent;
345 padding: .5rem 1.25rem;
346 line-height: 1;
347 border-radius: .25rem;
348 transition: all .15s ease-in-out;
349}
350.cli-btn:hover {
351 opacity: .8;
352}
353.cli-read-more-link {
354 cursor: pointer;
355 font-size: 15px;
356 font-weight: 500;
357 text-decoration: underline;
358}
359.cli-btn:focus {
360 outline: 0;
361}
362.cli-modal-backdrop.cli-show {
363 opacity: .8;
364}
365.cli-modal-open {
366 overflow: hidden
367}
368.cli-barmodal-open {
369 overflow: hidden
370}
371.cli-modal-open .cli-modal {
372 overflow-x: hidden;
373 overflow-y: auto
374}
375.cli-modal.cli-fade .cli-modal-dialog {
376 transition: -webkit-transform .3s ease-out;
377 transition: transform .3s ease-out;
378 transition: transform .3s ease-out,-webkit-transform .3s ease-out;
379 -webkit-transform: translate(0,-25%);
380 transform: translate(0,-25%)
381}
382.cli-modal.cli-show .cli-modal-dialog {
383 -webkit-transform: translate(0,0);
384 transform: translate(0,0)
385}
386.cli-modal-backdrop {
387 position: fixed;
388 top: 0;
389 right: 0;
390 bottom: 0;
391 left: 0;
392 z-index: 1040;
393 background-color: #000;
394 display: none;
395}
396.cli-modal-backdrop.cli-fade {
397 opacity: 0
398}
399.cli-modal-backdrop.cli-show {
400 opacity: .5;
401 display: block;
402}
403.cli-modal.cli-show {
404 display: block;
405}
406.cli-modal a {
407 text-decoration: none;
408}
409.cli-modal .cli-modal-dialog {
410 position: relative;
411 width: auto;
412 margin: .5rem;
413 pointer-events: none;
414 font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
415 font-size: 1rem;
416 font-weight: 400;
417 line-height: 1.5;
418 color: #212529;
419 text-align: left;
420 display: -ms-flexbox;
421 display: flex;
422 -ms-flex-align: center;
423 align-items: center;
424 min-height: calc(100% - (.5rem * 2))
425}
426@media (min-width: 576px) {
427 .cli-modal .cli-modal-dialog {
428 max-width:500px;
429 margin: 1.75rem auto;
430 min-height: calc(100% - (1.75rem * 2))
431 }
432}
433@media (min-width: 992px) {
434 .cli-modal .cli-modal-dialog {
435 max-width: 900px;
436 }
437}
438.cli-modal-content {
439 position: relative;
440 display: -ms-flexbox;
441 display: flex;
442 -ms-flex-direction: column;
443 flex-direction: column;
444 width: 100%;
445 pointer-events: auto;
446 background-color: #fff;
447 background-clip: padding-box;
448 border-radius: .3rem;
449 outline: 0
450}
451.cli-modal .row {
452 margin: 0 -15px;
453}
454.cli-modal .modal-body {
455 padding: 0;
456 position: relative;
457 -ms-flex: 1 1 auto;
458 flex: 1 1 auto;
459}
460.cli-modal .cli-modal-close {
461 position: absolute;
462 right: 10px;
463 top: 10px;
464 z-index: 1;
465 padding: 0;
466 background-color: transparent !important;
467 border: 0;
468 -webkit-appearance: none;
469 font-size: 1.5rem;
470 font-weight: 700;
471 line-height: 1;
472 color: #000;
473 text-shadow: 0 1px 0 #fff;
474}
475.cli-modal .cli-modal-close:focus {
476 outline: 0;
477}
478.cli-switch {
479 display: inline-block;
480 position: relative;
481 min-height: 1px;
482 padding-left: 70px;
483 font-size: 14px;
484}
485.cli-switch input[type="checkbox"] {
486 display:none;
487}
488.cli-switch .cli-slider {
489 background-color: #e3e1e8;
490 height: 24px;
491 width: 50px;
492 bottom: 0;
493 cursor: pointer;
494 left: 0;
495 position: absolute;
496 right: 0;
497 top: 0;
498 transition: .4s;
499}
500.cli-switch .cli-slider:before {
501 background-color: #fff;
502 bottom: 2px;
503 content: "";
504 height: 20px;
505 left: 2px;
506 position: absolute;
507 transition: .4s;
508 width: 20px;
509}
510.cli-switch input:checked + .cli-slider {
511 background-color: #00acad
512}
513.cli-switch input:checked + .cli-slider:before {
514 transform: translateX(26px);
515}
516.cli-switch .cli-slider {
517 border-radius: 34px;
518}
519.cli-switch .cli-slider:before {
520 border-radius: 50%;
521}
522.cli-tab-content {
523background: #ffffff;
524}
525.cli-tab-content>.cli-active {
526 display: block;
527}
528.cli-fade {
529 transition: opacity .15s linear;
530}
531.cli-nav-pills {
532 display: -ms-flexbox;
533 display: flex;
534 -ms-flex-wrap: wrap;
535 flex-wrap: wrap;
536 padding-left: 0;
537 margin-bottom: 0;
538 list-style: none;
539 -ms-flex-direction: column;
540 flex-direction: column;
541}
542.cli-nav-pills, .cli-tab-content {
543 width: 100%;
544 padding: 30px;
545}
546@media (max-width: 767px) {
547 .cli-nav-pills, .cli-tab-content {
548 padding: 30px 10px;
549 }
550}
551.cli-nav-pills {
552 background: #f3f3f3;
553}
554.cli-nav-pills .cli-nav-link {
555 border: 1px solid #00acad;
556 margin-bottom: 10px;
557 color: #00acad;
558 font-size: 14px;
559 display: block;
560 padding: .5rem 1rem;
561 border-radius: .25rem;
562 cursor: pointer
563}
564.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
565 background-color: #00acad;
566 border: 1px solid #00acad;
567}
568.cli-nav-pills .cli-nav-link.cli-active {
569 color: #ffffff;
570}
571.cli-tab-content .cli-button-wrapper {
572 padding-top: 30px;
573 margin-top: 30px;
574 border-top: 1px solid #d6d6d6;
575}
576.cli-tab-content p {
577 color: #343438;
578 font-size: 14px;
579 margin-top: 0;
580}
581.cli-tab-content h4 {
582 font-size: 20px;
583 margin-bottom: 1.5rem;
584 margin-top: 0;
585 font-family: inherit;
586 font-weight: 500;
587 line-height: 1.2;
588 color: inherit;
589}
590/* Settings Popup */
591.cli-container-fluid {
592 padding-right: 15px;
593 padding-left: 15px;
594 margin-right: auto;
595 margin-left: auto;
596}
597.cli-row {
598 display: -ms-flexbox;
599 display: flex;
600 -ms-flex-wrap: wrap;
601 flex-wrap: wrap;
602 margin-right: -15px;
603 margin-left: -15px;
604}
605.cli-col-4 {
606 -ms-flex: 0 0 33.333333%;
607 flex: 0 0 33.333333%;
608 max-width: 33.333333%;
609}
610.cli-col-8 {
611 -ms-flex: 0 0 66.666667%;
612 flex: 0 0 66.666667%;
613 max-width: 66.666667%;
614 flex-direction: column;
615}
616.cli-align-items-stretch {
617 -ms-flex-align: stretch!important;
618 align-items: stretch!important;
619}
620.cli-d-flex {
621 display: -ms-flexbox!important;
622 display: flex!important;
623}
624.cli-px-0 {
625 padding-left: 0;
626 padding-right: 0;
627}
628.cli-btn {
629 cursor: pointer;
630 font-size: 14px;
631 display: inline-block;
632 font-weight: 400;
633 text-align: center;
634 white-space: nowrap;
635 vertical-align: middle;
636 -webkit-user-select: none;
637 -moz-user-select: none;
638 -ms-user-select: none;
639 user-select: none;
640 border: 1px solid transparent;
641 padding: .5rem 1.25rem;
642 line-height: 1;
643 border-radius: .25rem;
644 transition: all .15s ease-in-out;
645}
646.cli-btn:hover {
647 opacity: .8;
648}
649.cli-read-more-link {
650 cursor: pointer;
651 font-size: 15px;
652 font-weight: 500;
653 text-decoration: underline;
654}
655.cli-btn:focus {
656 outline: 0;
657}
658.cli-modal-backdrop.cli-show {
659 opacity: .8;
660}
661.cli-modal-open {
662 overflow: hidden
663}
664.cli-barmodal-open {
665 overflow: hidden
666}
667.cli-modal-open .cli-modal {
668 overflow-x: hidden;
669 overflow-y: auto
670}
671.cli-modal.cli-fade .cli-modal-dialog {
672 transition: -webkit-transform .3s ease-out;
673 transition: transform .3s ease-out;
674 transition: transform .3s ease-out,-webkit-transform .3s ease-out;
675 -webkit-transform: translate(0,-25%);
676 transform: translate(0,-25%)
677}
678.cli-modal.cli-show .cli-modal-dialog {
679 -webkit-transform: translate(0,0);
680 transform: translate(0,0)
681}
682.cli-modal-backdrop {
683 position: fixed;
684 top: 0;
685 right: 0;
686 bottom: 0;
687 left: 0;
688 z-index: 1040;
689 background-color: #000;
690 -webkit-transform:scale(0);
691 transform:scale(0);
692 transition: opacity ease-in-out 0.5s;
693}
694.cli-modal-backdrop.cli-fade {
695 opacity: 0;
696
697}
698.cli-modal-backdrop.cli-show {
699 opacity: .5;
700 -webkit-transform:scale(1);
701 transform:scale(1);
702}
703.cli-modal {
704 position: fixed;
705 top: 0;
706 right: 0;
707 bottom: 0;
708 left: 0;
709 z-index: 99999;
710 transform: scale(0);
711 overflow: hidden;
712 outline: 0;
713}
714.cli-modal a {
715 text-decoration: none;
716}
717.cli-modal .cli-modal-dialog {
718 position: relative;
719 width: auto;
720 margin: .5rem;
721 pointer-events: none;
722 font-family: inherit;
723 font-size: 1rem;
724 font-weight: 400;
725 line-height: 1.5;
726 color: #212529;
727 text-align: left;
728 display: -ms-flexbox;
729 display: flex;
730 -ms-flex-align: center;
731 align-items: center;
732 min-height: calc(100% - (.5rem * 2))
733}
734@media (min-width: 576px) {
735 .cli-modal .cli-modal-dialog {
736 max-width:500px;
737 margin: 1.75rem auto;
738 min-height: calc(100% - (1.75rem * 2))
739 }
740}
741.cli-modal-content {
742 position: relative;
743 display: -ms-flexbox;
744 display: flex;
745 -ms-flex-direction: column;
746 flex-direction: column;
747 width: 100%;
748 pointer-events: auto;
749 background-color: #fff;
750 background-clip: padding-box;
751 border-radius: .2rem;
752 box-sizing: border-box;
753 outline: 0
754}
755.cli-modal .row {
756 margin: 0 -15px;
757}
758.cli-modal .modal-body {
759 padding: 0;
760 position: relative;
761 -ms-flex: 1 1 auto;
762 flex: 1 1 auto;
763}
764.cli-modal .cli-modal-close:focus {
765 outline: 0;
766}
767.cli-switch {
768 display: inline-block;
769 position: relative;
770 min-height: 1px;
771 padding-left: 38px;
772 font-size: 14px;
773}
774.cli-switch input[type="checkbox"] {
775 display:none;
776}
777.cli-switch .cli-slider {
778 background-color: #e3e1e8;
779 height: 20px;
780 width: 38px;
781 bottom: 0;
782 cursor: pointer;
783 left: 0;
784 position: absolute;
785 right: 0;
786 top: 0;
787 transition: .4s;
788}
789.cli-switch .cli-slider:before {
790 background-color: #fff;
791 bottom: 2px;
792 content: "";
793 height: 15px;
794 left: 3px;
795 position: absolute;
796 transition: .4s;
797 width: 15px;
798}
799.cli-switch input:checked + .cli-slider {
800 background-color: #61a229;
801}
802.cli-switch input:checked + .cli-slider:before {
803 transform: translateX(18px);
804}
805.cli-switch .cli-slider {
806 border-radius: 34px;
807 font-size:0;
808}
809.cli-switch .cli-slider:before {
810 border-radius: 50%;
811}
812.cli-tab-content {
813background: #ffffff;
814}
815.cli-nav-pills {
816 display: -ms-flexbox;
817 display: flex;
818 -ms-flex-wrap: wrap;
819 flex-wrap: wrap;
820 padding-left: 0;
821 margin-bottom: 0;
822 list-style: none;
823 -ms-flex-direction: column;
824 flex-direction: column;
825}
826.cli-nav-pills, .cli-tab-content {
827 width: 100%;
828 padding:5px 30px 5px 5px;
829 box-sizing: border-box;
830}
831@media (max-width: 767px) {
832 .cli-nav-pills, .cli-tab-content {
833 padding: 30px 10px;
834 }
835}
836.cli-nav-pills {
837 background: #fff;
838}
839.cli-nav-pills .cli-nav-link {
840 border: 1px solid #cccccc;
841 margin-bottom: 10px;
842 color:#2a2a2a;
843 font-size: 14px;
844 display: block;
845 padding: .5rem 1rem;
846 border-radius: .25rem;
847 cursor: pointer
848}
849.cli-nav-pills .cli-nav-link.cli-active, .cli-nav-pills .cli-show>.cli-nav-link {
850 background-color: #f6f6f9;
851 border: 1px solid #cccccc;
852}
853.cli-nav-pills .cli-nav-link.cli-active {
854 color:#2a2a2a;
855}
856.cli-tab-content .cli-button-wrapper {
857 padding-top: 30px;
858 margin-top: 30px;
859 border-top: 1px solid #d6d6d6;
860}
861.cli-tab-content p {
862 color: #343438;
863 font-size: 14px;
864 margin-top: 0;
865}
866.cli-tab-content h4 {
867 font-size: 20px;
868 margin-bottom: 1.5rem;
869 margin-top: 0;
870 font-family: inherit;
871 font-weight: 500;
872 line-height: 1.2;
873 color: inherit;
874}
875/* Cookie Settings In Bar */
876#cookie-law-info-bar .cli-nav-pills,#cookie-law-info-bar .cli-tab-content,#cookie-law-info-bar .cli-nav-pills .cli-show>.cli-nav-link,#cookie-law-info-bar a.cli-nav-link.cli-active{
877 background: transparent;
878}
879
880#cookie-law-info-bar .cli-nav-pills .cli-nav-link.cli-active,#cookie-law-info-bar .cli-nav-link,#cookie-law-info-bar .cli-tab-container p,#cookie-law-info-bar span.cli-necessary-caption,#cookie-law-info-bar .cli-switch .cli-slider:after
881{
882color:inherit;
883}
884#cookie-law-info-bar .cli-tab-header a:before
885{
886 border-right: 1px solid currentColor;
887 border-bottom: 1px solid currentColor;
888}
889#cookie-law-info-bar .cli-row
890{
891 margin-top:20px;
892}
893#cookie-law-info-bar .cli-col-4
894{
895 -webkit-box-flex: 0;
896 -ms-flex: 0 0 auto;
897 flex: 0 0 auto;
898 width: auto;
899 max-width: none;
900}
901#cookie-law-info-bar .cli-col-8
902{
903 flex-basis: 0;
904 -webkit-box-flex: 1;
905 -ms-flex-positive: 1;
906 flex-grow: 1;
907 max-width: 100%;
908}
909.cli-wrapper {
910 max-width: 90%;
911 float: none;
912 margin: 0 auto;
913}
914#cookie-law-info-bar .cli-tab-content h4
915{
916 margin-bottom:0.5rem;
917}
918#cookie-law-info-bar .cli-nav-pills .cli-nav-link
919{
920 padding: .2rem 0.5rem;
921}
922#cookie-law-info-bar .cli-tab-container
923{
924 display:none;
925 text-align:left;
926}
927
928/* Popup Footer Styles */
929.cli-tab-footer .cli-btn {
930 background-color: #00acad;
931 padding: 10px 15px;
932 text-decoration:none;
933}
934.cli-tab-footer .wt-cli-privacy-accept-btn {
935 background-color: #61a229;
936 color: #ffffff;
937 border-radius: 0;
938}
939
940.cli-tab-footer {
941 width:100%;
942 text-align:right;
943 padding: 20px 0;
944}
945/* version 2.0 */
946.cli-col-12
947{
948 width:100%;
949}
950.cli-tab-header
951{
952 display: flex;
953 justify-content: space-between;
954}
955.cli-tab-header a:before {
956 width: 10px;
957 height: 2px;
958 left: 0;
959 top: calc(50% - 1px);
960}
961.cli-tab-header a:after {
962 width: 2px;
963 height: 10px;
964 left: 4px;
965 top: calc(50% - 5px);
966 -webkit-transform: none;
967 transform: none;
968}
969.cli-tab-header a:before {
970 width: 7px;
971 height: 7px;
972 border-right: 1px solid #4a6e78;
973 border-bottom: 1px solid #4a6e78;
974 content: " ";
975 transform: rotate(-45deg);
976 -webkit-transition: all 0.2s ease-in-out;
977 -moz-transition: all 0.2s ease-in-out;
978 transition: all 0.2s ease-in-out;
979 margin-right:10px;
980}
981.cli-tab-header a.cli-nav-link {
982 position: relative;
983 display: flex;
984 align-items: center;
985 font-size:14px;
986 color:#000;
987 text-transform: capitalize;
988
989}
990.cli-tab-header.cli-tab-active .cli-nav-link:before
991{
992 transform: rotate(45deg);
993 -webkit-transition: all 0.2s ease-in-out;
994 -moz-transition: all 0.2s ease-in-out;
995 transition: all 0.2s ease-in-out;
996}
997.cli-tab-header {
998 border-radius: 5px;
999 padding: 12px 15px;
1000 cursor: pointer;
1001 transition: background-color 0.2s ease-out 0.3s, color 0.2s ease-out 0s;
1002 background-color:#f2f2f2;
1003}
1004.cli-modal .cli-modal-close {
1005 position: absolute;
1006 right: 0;
1007 top: 0;
1008 z-index: 1;
1009 -webkit-appearance: none;
1010 width: 40px;
1011 height: 40px;
1012 padding: 0;
1013 border-radius: 50%;
1014 padding: 10px;
1015 background: transparent;
1016 border:none;
1017 min-width: 40px;
1018}
1019.cli-tab-container h4,.cli-tab-container h1 {
1020 font-family: inherit;
1021 font-size: 16px;
1022 margin-bottom: 15px;
1023 margin:10px 0;
1024}
1025#cliSettingsPopup .cli-tab-section-container {
1026 padding-top: 12px;
1027}
1028.cli-tab-container p ,.cli-privacy-content-text{
1029 font-size: 14px;
1030 line-height: 1.4;
1031 margin-top: 0;
1032 padding: 0;
1033 color: #000;
1034}
1035.wt-cli-privacy
1036{
1037 display:none;
1038}
1039.cli-tab-content
1040{
1041 display:none;
1042}
1043.cli-tab-section .cli-tab-content
1044{
1045 padding: 10px 20px 5px 20px;
1046}
1047.cli-tab-section
1048{
1049 margin-top:5px;
1050}
1051@media (min-width: 992px) {
1052 .cli-modal .cli-modal-dialog {
1053 max-width: 645px;
1054 }
1055}
1056.cli-switch .cli-slider:after{
1057 content: attr(data-cli-disable);
1058 position: absolute;
1059 right: 50px;
1060 color: #000;
1061 font-size:12px;
1062 text-align:right;
1063 min-width: 80px;
1064}
1065.cli-switch input:checked + .cli-slider:after
1066{
1067 content: attr(data-cli-enable);
1068}
1069.cli-privacy-overview:not(.cli-collapsed) .cli-privacy-content {
1070 max-height: 60px;
1071 transition: max-height 0.15s ease-out;
1072 overflow: hidden;
1073}
1074a.cli-privacy-readmore {
1075 font-size: 12px;
1076 margin-top: 12px;
1077 display: inline-block;
1078 padding-bottom: 0;
1079 cursor: pointer;
1080 color:#000;
1081 text-decoration: underline;
1082}
1083.cli-modal-footer {
1084 position: relative;
1085}
1086a.cli-privacy-readmore:before {
1087 content: attr(data-readmore-text);
1088}
1089.cli-collapsed a.cli-privacy-readmore:before {
1090 content: attr(data-readless-text);
1091}
1092
1093.cli-collapsed .cli-privacy-content
1094{
1095 transition: max-height 0.25s ease-in;
1096
1097}
1098.cli-privacy-content p
1099{
1100 margin-bottom:0;
1101}
1102.cli-modal-close svg {
1103 fill: #000;
1104}
1105span.cli-necessary-caption {
1106 color: #000;
1107 font-size: 12px;
1108}
1109.cli-tab-section.cli-privacy-tab {
1110 display: none;
1111}
1112#cookie-law-info-bar .cli-tab-section.cli-privacy-tab {
1113 display: block;
1114}
1115#cookie-law-info-bar .cli-privacy-overview {
1116 display: none;
1117}
1118.cli-tab-container .cli-row
1119{
1120 max-height: 500px;
1121 overflow-y: auto;
1122}
1123.cli-modal.cli-blowup.cli-out {
1124 z-index: -1;
1125}
1126.cli-modal.cli-blowup {
1127 z-index: 999999;
1128 transform: scale(1);
1129
1130 }
1131 .cli-modal.cli-blowup .cli-modal-dialog {
1132 animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
1133 }
1134 .cli-modal.cli-blowup.cli-out .cli-modal-dialog
1135 {
1136 animation: blowUpModalTwo 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
1137 }
1138 @keyframes blowUpContent {
1139 0% {
1140 transform: scale(1);
1141 opacity: 1;
1142 }
1143 99.9% {
1144 transform: scale(2);
1145 opacity: 0;
1146 }
1147 100% {
1148 transform: scale(0);
1149 }
1150 }
1151 @keyframes blowUpContentTwo {
1152 0% {
1153 transform: scale(2);
1154 opacity: 0;
1155 }
1156 100% {
1157 transform: scale(1);
1158 opacity: 1;
1159 }
1160 }
1161 @keyframes blowUpModal {
1162 0% {
1163 transform: scale(0);
1164 }
1165 100% {
1166 transform: scale(1);
1167 }
1168 }
1169 @keyframes blowUpModalTwo {
1170 0% {
1171 transform: scale(1);
1172 opacity: 1;
1173 }
1174 50% {
1175 transform: scale(0.5);
1176 opacity: 0;
1177 }
1178 100% {
1179 transform: scale(0);
1180 opacity: 0;
1181 }
1182 }
1183 .cli-tab-section .cookielawinfo-row-cat-table td, .cli-tab-section .cookielawinfo-row-cat-table th {
1184 font-size: 12px;
1185}
1186.cli_settings_button
1187{
1188 cursor: pointer;
1189}
1190/* Accessibility Fix */
1191.wt-cli-sr-only
1192{
1193 display: none;
1194 font-size:16px;
1195}
1196/* Changes for CCPA
1197Version : 1.8.9
1198*/
1199a.wt-cli-element.cli_cookie_close_button {
1200 text-decoration: none;
1201 color: #333333;
1202 font-size: 22px;
1203 line-height: 22px;
1204 cursor: pointer;
1205 position: absolute;
1206 right: 10px;
1207 top: 5px;
1208}
1209/* GDPR Bar Version 2 */
1210.cli-bar-container{
1211 float: none;
1212 margin: 0 auto;
1213 display: -webkit-box;
1214 display: -moz-box;
1215 display: -ms-flexbox;
1216 display: -webkit-flex;
1217 display: flex;
1218 justify-content: space-between;
1219 -webkit-box-align: center;
1220 -moz-box-align: center;
1221 -ms-flex-align: center;
1222 -webkit-align-items: center;
1223 align-items: center;
1224}
1225.cli-bar-btn_container {
1226 margin-left: 20px;
1227 display: -webkit-box;
1228 display: -moz-box;
1229 display: -ms-flexbox;
1230 display: -webkit-flex;
1231 display: flex;
1232 -webkit-box-align: center;
1233 -moz-box-align: center;
1234 -ms-flex-align: center;
1235 -webkit-align-items: center;
1236 align-items: center;
1237 flex-wrap: nowrap;
1238}
1239.cli-style-v2 a
1240{
1241 cursor: pointer;
1242}
1243.cli-bar-btn_container a {
1244 white-space: nowrap;
1245}
1246.cli-style-v2 .cli-plugin-main-link
1247{
1248 font-weight:inherit;
1249}
1250.cli-style-v2
1251{
1252 font-size: 11pt;
1253 line-height: 18px;
1254 font-weight:normal;
1255}
1256#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-container{
1257 display: block;
1258}
1259.cli-style-v2 .cli-bar-message {
1260 width: 70%;
1261 text-align: left;
1262}
1263#cookie-law-info-bar[data-cli-type="widget"] .cli-bar-message,#cookie-law-info-bar[data-cli-type="popup"] .cli-bar-message
1264{
1265 width:100%;
1266}
1267#cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-btn_container {
1268 margin-top:8px;
1269 margin-left: 0px;
1270 flex-wrap: wrap;
1271}
1272/* #cookie-law-info-bar[data-cli-type="widget"] .cli-style-v2 .cli-bar-message {
1273 text-align: center;
1274} */
1275#cookie-law-info-bar[data-cli-type="popup"] .cli-style-v2 .cli-bar-btn_container {
1276 margin-top:8px;
1277 margin-left: 0px;
1278}
1279#cookie-law-info-bar[data-cli-style="cli-style-v2"] .cli_messagebar_head{
1280 text-align: left;
1281 /* padding-left: 15px; */
1282 margin-bottom: 5px;
1283 margin-top: 0px;
1284 font-size: 16px;
1285}
1286/* #cookie-law-info-bar[data-cli-type="widget"] .cli-bar-container.cli-style-v2 {
1287 padding-left: 0px;
1288 padding-right: 0px;
1289} */
1290
1291.cli-style-v2 .cli-bar-message .wt-cli-ccpa-element,.cli-style-v2 .cli-bar-message .wt-cli-ccpa-checkbox {
1292 margin-top: 5px;
1293}
1294.cli-style-v2 .cli-bar-btn_container .cli_action_button ,
1295.cli-style-v2 .cli-bar-btn_container .cli-plugin-main-link,
1296.cli-style-v2 .cli-bar-btn_container .cli_settings_button
1297{
1298 margin-left: 5px;
1299}
1300.wt-cli-ccpa-checkbox label {
1301 font-size: inherit;
1302 cursor: pointer;
1303 margin: 0px 0px 0px 5px;
1304}
1305/* .cli-bar-container.cli-style-v2 {
1306 padding-left: 15px;
1307 padding-right: 15px;
1308 padding-top: 2px;
1309 padding-bottom: 2px;
1310} */
1311#cookie-law-info-bar[data-cli-style="cli-style-v2"]
1312{
1313 padding: 14px 25px;
1314}
1315#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"]
1316{
1317 padding:32px 30px;
1318}
1319#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"] {
1320 padding: 32px 45px;
1321}
1322.cli-style-v2 .cli-plugin-main-link:not(.cli-plugin-button), .cli-style-v2 .cli_settings_button:not(.cli-plugin-button),.cli-style-v2 .cli_action_button:not(.cli-plugin-button){
1323 text-decoration: underline;
1324}
1325.cli-style-v2 .cli-bar-btn_container .cli-plugin-button {
1326 margin-top: 5px;
1327 margin-bottom: 5px;
1328}
1329a.wt-cli-ccpa-opt-out {
1330 white-space: nowrap;
1331 text-decoration: underline;
1332}
1333.wt-cli-necessary-checkbox {
1334 display: none !important;
1335}
1336@media (max-width: 985px) {
1337 .cli-style-v2 .cli-bar-message
1338 {
1339 width:100%;
1340 }
1341 .cli-style-v2.cli-bar-container
1342 {
1343 justify-content:left;
1344 flex-wrap: wrap;
1345 }
1346 .cli-style-v2 .cli-bar-btn_container {
1347 margin-left:0px;
1348 margin-top: 10px;
1349 }
1350 #cookie-law-info-bar[data-cli-style="cli-style-v2"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="widget"],#cookie-law-info-bar[data-cli-style="cli-style-v2"][data-cli-type="popup"]
1351 {
1352 padding: 25px 25px;
1353 }
1354}
1355/* Settings popup footer section */
1356.wt-cli-ckyes-brand-logo {
1357 display: flex;
1358 align-items: center;
1359 font-size: 9px;
1360 color: #111111;
1361 font-weight: normal;
1362}
1363.wt-cli-ckyes-brand-logo img{
1364 width: 65px;
1365 margin-left: 2px;
1366}
1367.wt-cli-privacy-overview-actions {
1368 padding-bottom:0;
1369}
1370@media only screen and (max-width: 479px) and (min-width: 320px){
1371
1372 .cli-style-v2 .cli-bar-btn_container {
1373 flex-wrap: wrap;
1374 }
1375}
1376/* Fix: HTML validation error due to the enclosing of <p> tags on category description */
1377.wt-cli-cookie-description {
1378 font-size: 14px;
1379 line-height: 1.4;
1380 margin-top: 0;
1381 padding: 0;
1382 color: #000;
1383}