@keyframes wpdm-dialog-content-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wpdm-dialog-spin{to{transform:rotate(360deg)}}@keyframes wpdm-dialog-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes wpdm-dialog-shimmer{0%{left:-100%}to{left:100%}}@keyframes wpdm-dialog-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes wpdm-dialog-footer-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.wpdm-dialog-wrapper{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.wpdm-dialog-wrapper.wpdm-dialog-visible{opacity:1;visibility:visible}.wpdm-dialog-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.wpdm-dialog{position:relative;width:100%;max-width:420px;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(0,0,0,.05);transform:scale(.95) translateY(-10px);transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;overflow:hidden}.wpdm-dialog-wrapper.wpdm-dialog-visible .wpdm-dialog{transform:scale(1) translateY(0)}.wpdm-dialog--sm{max-width:320px}.wpdm-dialog--md{max-width:420px}.wpdm-dialog--lg{max-width:560px}.wpdm-dialog--xl{max-width:720px}.wpdm-dialog__header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:linear-gradient(180deg,#fff 0,#f8fafc 100%);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0}.wpdm-dialog__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06),0 0 0 1px rgba(0,0,0,.04)}.wpdm-dialog__icon svg{width:22px;height:22px}.wpdm-dialog__icon--info{background:linear-gradient(135deg,#eff6ff 0,#dbeafe 100%);color:#2563eb;box-shadow:0 2px 8px rgba(37,99,235,.15),0 0 0 1px rgba(37,99,235,.1)}.wpdm-dialog__icon--success{background:linear-gradient(135deg,#ecfdf5 0,#d1fae5 100%);color:#059669;box-shadow:0 2px 8px rgba(5,150,105,.15),0 0 0 1px rgba(5,150,105,.1)}.wpdm-dialog__icon--warning{background:linear-gradient(135deg,#fffbeb 0,#fef3c7 100%);color:#d97706;box-shadow:0 2px 8px rgba(217,119,6,.15),0 0 0 1px rgba(217,119,6,.1)}.wpdm-dialog__icon--danger{background:linear-gradient(135deg,#fef2f2 0,#fee2e2 100%);color:#dc2626;box-shadow:0 2px 8px rgba(220,38,38,.15),0 0 0 1px rgba(220,38,38,.1)}.wpdm-dialog__icon--question{background:linear-gradient(135deg,#f5f3ff 0,#ede9fe 100%);color:#7c3aed;box-shadow:0 2px 8px rgba(124,58,237,.15),0 0 0 1px rgba(124,58,237,.1)}.wpdm-dialog__header-content{flex:1;min-width:0;padding-right:1.5rem}.wpdm-dialog__title{margin:0!important;font-size:1.0625rem!important;font-weight:600;color:#0f172a;line-height:1.4;letter-spacing:-.01em}.wpdm-dialog__subtitle{margin:.25rem 0 0!important;font-size:.8125rem;color:#64748b;line-height:1.4}.wpdm-dialog__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;transition:all .15s ease}.wpdm-dialog__close:hover{background:#e2e8f0;border-color:#cbd5e1;color:#334155;transform:scale(1.05)}.wpdm-dialog__close:active{transform:scale(.95)}.wpdm-dialog__close svg{width:16px;height:16px;stroke-width:2.5}.wpdm-dialog__body{padding:1rem 1.5rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.wpdm-dialog__body--loaded{animation:wpdm-dialog-content-appear .35s cubic-bezier(.4,0,.2,1) forwards}.wpdm-dialog__message{margin:0;font-size:.9375rem;color:#475569;line-height:1.6}.wpdm-dialog__input-wrapper{margin-top:1rem}.wpdm-dialog__input{width:100%;padding:.75rem 1rem;font-size:.9375rem;color:#0f172a;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;outline:0;transition:all .15s ease;box-sizing:border-box}.wpdm-dialog__input:focus{background:#fff;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 4px rgba(59,130,246,.1)}.wpdm-dialog__input::placeholder{color:#94a3b8}.wpdm-dialog__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem!important;background:#f8fafc;border-top:1px solid #f1f5f9}.wpdm-dialog__footer--compact{padding:0 1.5rem 1.5rem;background:0 0;border-top:none}.wpdm-dialog__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:100px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;line-height:1.5;text-decoration:none;border:0;border-radius:10px;cursor:pointer;transition:all .15s ease}.wpdm-dialog__btn:focus{outline:0}.wpdm-dialog__btn--secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.wpdm-dialog__btn--secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.wpdm-dialog__btn--secondary:focus{box-shadow:0 0 0 3px rgba(148,163,184,.2)}.wpdm-dialog__btn--primary{color:#fff;background:linear-gradient(135deg,var(--color-primary, #3b82f6) 0%,#2563eb 100%);box-shadow:0 1px 3px rgba(37,99,235,.2),inset 0 1px 0 rgba(255,255,255,.1)}.wpdm-dialog__btn--primary:hover{background:linear-gradient(135deg,#2563eb 0,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.3),inset 0 1px 0 rgba(255,255,255,.1)}.wpdm-dialog__btn--primary:focus{box-shadow:0 0 0 3px rgba(59,130,246,.3)}.wpdm-dialog__btn--primary:active{transform:translateY(0)}.wpdm-dialog__btn--success{color:#fff;background:linear-gradient(135deg,#10b981 0,#059669 100%);box-shadow:0 1px 3px rgba(5,150,105,.2),inset 0 1px 0 rgba(255,255,255,.1)}.wpdm-dialog__btn--success:hover{background:linear-gradient(135deg,#059669 0,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(5,150,105,.3),inset 0 1px 0 rgba(255,255,255,.1)}.wpdm-dialog__btn--danger{color:#fff;background:linear-gradient(135deg,#ef4444 0,#dc2626 100%);box-shadow:0 1px 3px rgba(220,38,38,.2),inset 0 1px 0 rgba(255,255,255,.1)}.wpdm-dialog__btn--danger:hover{background:linear-gradient(135deg,#dc2626 0,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.3),inset 0 1px 0 rgba(255,255,255,.1)}.wpdm-dialog__btn--loading{pointer-events:none;opacity:.7}.wpdm-dialog__btn--loading::before{content:"";width:16px;height:16px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:wpdm-dialog-spin .6s linear infinite}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog{background:#1e293b;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05)}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__header,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__header{background:linear-gradient(180deg,#1e293b 0,#0f172a 100%);border-bottom-color:#334155}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__title,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__title{color:#f1f5f9}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__message,.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__subtitle,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__message,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__subtitle{color:#94a3b8}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__close,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__close{background:#334155;border-color:#475569;color:#94a3b8}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__close:hover,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__close:hover{background:#475569;border-color:#64748b;color:#e2e8f0}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__input,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__input{background:#0f172a;border-color:#334155;color:#f1f5f9}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__input:focus,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__input:focus{background:#0f172a;border-color:#3b82f6}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__input::placeholder,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__input::placeholder{color:#64748b}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__footer,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__footer{background:#0f172a;border-top-color:#334155}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__btn--secondary,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__btn--secondary{background:#334155;border-color:#475569;color:#e2e8f0}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__btn--secondary:hover,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__btn--secondary:hover{background:#475569;border-color:#64748b}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__icon--info,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__icon--info{background:rgba(59,130,246,.2);color:#60a5fa;box-shadow:0 2px 8px rgba(59,130,246,.2),0 0 0 1px rgba(59,130,246,.15)}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__icon--success,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__icon--success{background:rgba(16,185,129,.2);color:#34d399;box-shadow:0 2px 8px rgba(16,185,129,.2),0 0 0 1px rgba(16,185,129,.15)}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__icon--warning,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__icon--warning{background:rgba(245,158,11,.2);color:#fbbf24;box-shadow:0 2px 8px rgba(245,158,11,.2),0 0 0 1px rgba(245,158,11,.15)}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__icon--danger,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__icon--danger{background:rgba(239,68,68,.2);color:#f87171;box-shadow:0 2px 8px rgba(239,68,68,.2),0 0 0 1px rgba(239,68,68,.15)}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__icon--question,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__icon--question{background:rgba(139,92,246,.2);color:#a78bfa;box-shadow:0 2px 8px rgba(139,92,246,.2),0 0 0 1px rgba(139,92,246,.15)}@media (prefers-color-scheme:dark){.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog{background:#1e293b;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.05)}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__header{background:linear-gradient(180deg,#1e293b 0,#0f172a 100%);border-bottom-color:#334155}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__title{color:#f1f5f9}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__message,.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__subtitle{color:#94a3b8}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__close{background:#334155;border-color:#475569;color:#94a3b8}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__close:hover{background:#475569;border-color:#64748b;color:#e2e8f0}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__input{background:#0f172a;border-color:#334155;color:#f1f5f9}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__input:focus{background:#0f172a;border-color:#3b82f6}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__input::placeholder{color:#64748b}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__footer{background:#0f172a;border-top-color:#334155}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__btn--secondary{background:#334155;border-color:#475569;color:#e2e8f0}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__btn--secondary:hover{background:#475569;border-color:#64748b}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__icon--info{background:rgba(59,130,246,.2);color:#60a5fa;box-shadow:0 2px 8px rgba(59,130,246,.2),0 0 0 1px rgba(59,130,246,.15)}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__icon--success{background:rgba(16,185,129,.2);color:#34d399;box-shadow:0 2px 8px rgba(16,185,129,.2),0 0 0 1px rgba(16,185,129,.15)}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__icon--warning{background:rgba(245,158,11,.2);color:#fbbf24;box-shadow:0 2px 8px rgba(245,158,11,.2),0 0 0 1px rgba(245,158,11,.15)}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__icon--danger{background:rgba(239,68,68,.2);color:#f87171;box-shadow:0 2px 8px rgba(239,68,68,.2),0 0 0 1px rgba(239,68,68,.15)}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__icon--question{background:rgba(139,92,246,.2);color:#a78bfa;box-shadow:0 2px 8px rgba(139,92,246,.2),0 0 0 1px rgba(139,92,246,.15)}}.wpdm-dialog__body--ajax{min-height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f8fafc 0,#fff 100%)}.wpdm-dialog__loading{display:flex;flex-direction:column;align-items:center;gap:1.25rem;padding:2rem}.wpdm-dialog__spinner{display:flex;align-items:center;justify-content:center;gap:6px;height:40px}.wpdm-dialog__spinner span,.wpdm-dialog__spinner::after,.wpdm-dialog__spinner::before{content:'';width:10px;height:10px;background:var(--color-primary, #3b82f6);border-radius:50%;animation:wpdm-dialog-bounce 1.4s ease-in-out infinite both}.wpdm-dialog__spinner::before{animation-delay:-.32s}.wpdm-dialog__spinner span{animation-delay:-.16s}.wpdm-dialog__loading-text{margin:0;font-size:.875rem;font-weight:500;color:#64748b;position:relative;overflow:hidden}.wpdm-dialog__loading-text::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:wpdm-dialog-shimmer 2s infinite}.wpdm-dialog__skeleton{width:100%;padding:1.5rem}.wpdm-dialog__skeleton-line{height:12px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:6px;margin-bottom:.75rem;animation:wpdm-dialog-skeleton 1.5s ease-in-out infinite}.wpdm-dialog__skeleton-line:last-child{margin-bottom:0;width:60%}.wpdm-dialog__skeleton-line--short{width:40%}.wpdm-dialog__skeleton-line--medium{width:75%}.wpdm-dialog__error{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;text-align:center}.wpdm-dialog__error-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#fef2f2 0,#fee2e2 100%);border-radius:50%;color:#dc2626}.wpdm-dialog__error-icon svg{width:28px;height:28px}.wpdm-dialog__error-message{margin:0;font-size:.9375rem;color:#64748b;line-height:1.5}.wpdm-dialog__retry{margin-top:.5rem}.wpdm-dialog__footer--hidden{display:none!important}.wpdm-dialog__footer:not(.wpdm-dialog__footer--hidden){animation:wpdm-dialog-footer-appear .25s cubic-bezier(.4,0,.2,1) forwards}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__body--ajax,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__body--ajax{background:linear-gradient(180deg,#0f172a 0,#1e293b 100%)}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__spinner span,.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__spinner::after,.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__spinner::before,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__spinner span,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__spinner::after,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__spinner::before{background:#60a5fa}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__loading-text,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__loading-text{color:#94a3b8}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__loading-text::after,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__loading-text::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__skeleton-line,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__skeleton-line{background:linear-gradient(90deg,#334155 25%,#475569 50%,#334155 75%);background-size:200% 100%}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__error-icon,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__error-icon{background:rgba(239,68,68,.15);color:#f87171}.wpdm-dialog-wrapper.dark-mode .wpdm-dialog__error-message,.wpdm-dialog-wrapper.wpdm-dialog--dark .wpdm-dialog__error-message{color:#94a3b8}@media (prefers-color-scheme:dark){.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__body--ajax{background:linear-gradient(180deg,#0f172a 0,#1e293b 100%)}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__spinner span,.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__spinner::after,.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__spinner::before{background:#60a5fa}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__loading-text{color:#94a3b8}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__loading-text::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__skeleton-line{background:linear-gradient(90deg,#334155 25%,#475569 50%,#334155 75%);background-size:200% 100%}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__error-icon{background:rgba(239,68,68,.15);color:#f87171}.wpdm-dialog-wrapper:not(.light-mode) .wpdm-dialog__error-message{color:#94a3b8}}@media (max-width:480px){.wpdm-dialog-wrapper{padding:.5rem;align-items:flex-end}.wpdm-dialog{max-width:100%!important;border-radius:16px 16px 0 0;margin-bottom:0}.wpdm-dialog__footer{flex-direction:column}.wpdm-dialog__btn{width:100%}}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;} span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important; cursor: pointer !important; } #altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease} /*************************************************************************/ /*************** Open Link to New Window Icon **********/ /*************************************************************************/ a.ab-item[target="_blank"]:after { content: '\f504'; position: relative; left: 10px; font-family: 'dashicons'; font-size: inherit !important; } /*************************************************************************/ /*************** Stacked Login Form **********/ /*************************************************************************/ .stack.et_pb_login .et_pb_newsletter_form { width: 100% !important; padding-left: 0px !important; } .stack.et_pb_login .et_pb_newsletter_description { width: 100% !important; } p.et_pb_forgot_password { text-align: var(--forgot-pass-align); } /*************************************************************************/ /*************** Custom SVG **********/ /*************************************************************************/ .et-fb .custom-svg.et_pb_hovered { z-index:1 !important; } .dh-custom-svg { height: 100%; width: 100%; line-height:0px; } /*************************************************************************/ /*************** Show Admin Bar in Theme Builder **********/ /*************************************************************************/ .divi_page_et_theme_builder div#wpadminbar { z-index: 99999999; top:-20px; opacity:0; transition:all 0.2s ease-in-out; } .divi_page_et_theme_builder div#wpadminbar:hover { z-index: 99999999; top:0px; opacity:1; transition:all 0.2s ease-in-out; } /*************************************************************************/ /*************** Dim Visual Builder Controls **********/ /*************************************************************************/ .divi-hacks-dim-controls .et-fb-page-settings-bar.et-fb-page-settings-bar--active { opacity:0.1; -webkit-transition:0.2s all ease-in-out; -moz-transition:0.2s all ease-in-out; -ms-transition:0.2s all ease-in-out; -o-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out; padding:0px; } .divi-hacks-dim-controls .et-fb-page-settings-bar.et-fb-page-settings-bar--active:hover { opacity:1; -webkit-transition:0.2s all ease-in-out; -moz-transition:0.2s all ease-in-out; -ms-transition:0.2s all ease-in-out; -o-transition:0.2s all ease-in-out; transition:0.2s all ease-in-out; } /*************************************************************************/ /*************** Always Show Hover & Responsive Style Buttons **********/ /*************************************************************************/ .divi-hacks-show-hovres-buttons.et-db #et-boc .et-fb-form__help, .divi-hacks-show-hovres-buttons.et-db #et-boc .et-fb-form__hover, .divi-hacks-show-hovres-buttons.et-db #et-boc .et-fb-form__reset, .divi-hacks-show-hovres-buttons.et-db #et-boc .et-fb-form__menu, .divi-hacks-show-hovres-buttons.et-db #et-boc .et-fb-form__responsive { margin-left: 7px !important; opacity: 1 !important; } /*************************************************/ /*************** Miscellaneous Styles **********/ /*************************************************/ .et_pb_root--vb li.menu-item[class*="lightbox-content"] { display: none; } .closeable { position:relative; } pre { white-space: inherit; } body { overflow-x:hidden !important; } /*************************************************/ /* Compatibility with Divi Bars & Divi Overlays */ /*************************************************/ .divibar-open #main-header .et_menu_container { z-index: 1 !important; } #main-header > .container { z-index: 99 !important; } /*************************************************/ /*** Add word spacing in the CSS Classes box to see the different classes easier. ***/ /*************************************************/ .divi-hacks-class-space input#et-fb-module_class { word-spacing: 12px; } /*************************************************/ /******** Pretty Sidebar Shadow ***********/ /*************************************************/ @media only screen and (min-width:981px) { .divi-hacks-sidebar-shadow.et_right_sidebar #sidebar { box-shadow: -100px 50px 80px -80px rgba(0,0,0,0.1); } .divi-hacks-sidebar-shadow.et_left_sidebar #sidebar { box-shadow: 100px 50px 80px -80px rgba(0,0,0,0.1); } .divi-hacks-sidebar-shadow #main-content .container:before { display: none; } } /*************************************************/ /****** Hide content based on Role and logged-in/out status *******/ /*************************************************/ body.divi-hacks-hide-show.subscriber:not(.et-fb) .hide-if-subscriber, body.divi-hacks-hide-show.contributor:not(.et-fb) .hide-if-contributor, body.divi-hacks-hide-show.author:not(.et-fb) .hide-if-author, body.divi-hacks-hide-show.editor:not(.et-fb) .hide-if-editor, body.divi-hacks-hide-show.administrator:not(.et-fb) .hide-if-admin, body.divi-hacks-hide-show.customer:not(.et-fb) .hide-if-customer, body.divi-hacks-hide-show.shop_manager:not(.et-fb) .hide-if-shop-manager, body.divi-hacks-hide-show.logged-in:not(.et-fb) .hide-if-login, body.divi-hacks-hide-show.logged-out .hide-if-logout { display:none !important; } /*************************************************************/ /****** Fix for BG scroll on mobile device while editing in Visual Builder *******/ /*************************************************************/ .et-fb-preview--phone .et-fb .et_parallax_bg, .et-fb-preview--tablet .et-fb .et_parallax_bg { background-attachment: scroll !important; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; } /*************************************************************/ /****** Fix for overlapping section on footer with section class .full-height *******/ /*************************************************************/ .divi-hacks-full-height #main-footer { z-index: 9999; position: relative; margin-top: 0 !important; } .divi-hacks-full-height.et-fb #main-footer { margin-top:0; } /*************************************************************/ /****** New Instagram Gradient *******/ /*************************************************************/ .divi-hacks-insta-gradient .et_pb_social_media_follow.insta-gradient .et-social-instagram a.icon::after { background: #d6249f; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important; content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 0; border-radius: inherit; } /*************************************************************/ /****** Reverse column view on mobile *******/ /*************************************************************/ .divi-hacks-mobile-reverse.is-mobile .mobile-reverse, html.et-fb-preview--tablet .divi-hacks-mobile-reverse .mobile-reverse, html.et-fb-preview--phone .divi-hacks-mobile-reverse .mobile-reverse { flex-direction: column-reverse; display: flex; } /*************************************************************/ /****** Replace RSS icon in footer with Instagram icon *******/ /*************************************************************/ .divi-hacks-rss-insta .et-social-rss a.icon:before { content: "\e09a" !important; } /*************************************************************/ /****** Custom hover styles *******/ /*************************************************************/ .divi-hacks-hover .hover-grow { transform:scale(1); transition:transform 0.3s ease-in-out; } .divi-hacks-hover .hover-grow:hover { transform:scale(1.05); } /*************************************************************/ /****** Custom styles *******/ /*************************************************************/ [class*="keep-hidden-"] { display:none; visibility:hidden; } /***********************************/ /****** User Meta Shortcodes ******/ /***********************************/ .get_avatar.circle img { -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; overflow:hidden; border-radius: 50%; } .get_avatar { max-width: fit-content; max-height: fit-content; line-height: 0; } /*************************************************/ /********* Menu Module Slide-in Mobile Menu *********/ /*************************************************/ @media only screen and (max-width: 980px) { .mobile-menu-slide-in .et_mobile_menu { display:block!important; min-height: 100vh; height: 100vh; right: 0; z-index: 9998; overflow: scroll; border-top: none; padding-top: 20px!important; padding-bottom: 70px !important; box-sizing:border-box; } .mobile-menu-slide-in .et_mobile_menu { position:absolute; } .mobile-menu-slide-in .et_mobile_menu li a { width: 100%; float: left; margin: 0; transition: .2s; } .mobile-menu-slide-in .et_mobile_menu li li { padding-left: 0; margin-left: -10px; } .mobile-menu-slide-in .mobile_nav.closed .et_mobile_menu { -webkit-transform: translateX(130%); -moz-transform: translateX(130%); -ms-transform: translateX(130%); -o-transform: translateX(130%); transform: translateX(130%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s; -ms-transition: -ms-transform 0.4s 0s; -o-transition: -o-transform 0.4s 0s; transition: transform 0.4s 0s; } .mobile-menu-slide-in .mobile_nav.opened .et_mobile_menu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s; -ms-transition: -ms-transform 0.4s 0s; -o-transition: -o-transform 0.4s 0s; transition: transform 0.4s 0s } .mobile-menu-slide-in .mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; z-index: 999999; } .mobile-menu-slide-in .mobile_nav.closed .mobile_menu_bar:before { content: "a"; z-index: 999999; } .divi-hacks-mobile-menu-slide-in.et_header_style_split .mobile_menu_bar, .divi-hacks-mobile-menu-slide-in.et_header_style_left .mobile_menu_bar { z-index:9999 } .mobile-menu-slide-in #et-top-navigation { padding-right: 5px } .et_header_style_centered.divi-hacks-mobile-menu-slide-in:not(.divi-hacks-app-mobile-header) .et_mobile_menu { top: auto; margin-top: 25px; } .et_header_style_split.divi-hacks-mobile-menu-slide-in:not(.divi-hacks-app-mobile-header) .et_mobile_menu { top: auto; margin-top: 29px; } } @media only screen and (min-width: 481px) { .mobile-menu-slide-in .et_mobile_menu { width:320px; margin-left: calc(100% - 320px) } } @media only screen and (max-width: 480px) { .divi-hacks-mobile-menu-slide-in.divi-hacks-app-mobile-header .et_mobile_menu { width:260px; margin-left: calc(100% - 260px) } .divi-hacks-mobile-menu-slide-in.divi-hacks-app-mobile-header:not(.divi-hacks-fixed-mobile-header) .et_mobile_menu { width:260px; margin-left: calc(100% - 249px) } .divi-hacks-mobile-menu-slide-in:not(.divi-hacks-app-mobile-header) .et_mobile_menu { width:260px; margin-left: calc(100% - 218px) } } @media only screen and (max-width: 340px) { .mobile-menu-slide-in .et_mobile_menu { width:100%; margin-left: 0 } } /**************************************************************/ /************ Menu Modules Full-Screen Mobile Menu ************/ /**************************************************************/ @media screen and (max-width: 980px) { .mobile-menu-fullscreen a.mobile_nav.opened .mobile_menu_bar { position: fixed; top: 0; right: 0; } .mobile-menu-fullscreen span.mobile_menu_bar { z-index: 9999; } .mobile-menu-fullscreen.et_pb_fullwidth_menu .et_pb_row, .mobile-menu-fullscreen.et_pb_menu .et_pb_row { min-height: auto !important; height: 100% !important; } .mobile-menu-fullscreen.et_pb_fullwidth_menu .et_mobile_menu, .mobile-menu-fullscreen.et_pb_menu .et_mobile_menu { position: fixed !important; top: 0px !important; bottom: 0px !important; } .et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a, .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a { padding-bottom: 0px; } .admin-bar .mobile-menu-fullscreen .et_mobile_menu { top: 0 } .mobile-menu-fullscreen .et_mobile_menu li ul, .mobile-menu-fullscreen .et_pb_fullwidth_menu .et_mobile_menu li ul { padding-left: 0; } .mobile-menu-fullscreen .et_mobile_menu li li { padding-left: 0; } .mobile-menu-fullscreen .et_mobile_menu { left: 0; position: fixed; z-index: 9998; overflow-y: scroll !important; padding: 15vh 0; height: 100vh; width: 100vw; border-top: none; top: 0; box-sizing:border-box; } .mobile-menu-fullscreen .et_mobile_menu li a { text-align: center; font-size: 1.55em; border: 0; text-transform: uppercase; letter-spacing: 6px; } .mobile-menu-fullscreen .mobile_nav ul.et_mobile_menu li ul li a { margin: auto; } .mobile-menu-fullscreen .et_mobile_menu li a:hover { -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .mobile-menu-fullscreen .mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; z-index: 999999; position: sticky; } .mobile-menu-fullscreen .mobile_nav.closed .mobile_menu_bar:before { content: "a"; z-index: 999999; } } /*************************************************/ /************ Full-Screen Mobile Menu ************/ /*************************************************/ @media screen and (max-width: 980px) { .divi-hacks-mobile-menu-fullscreen.admin-bar #main-header.et-fixed-header .et_mobile_menu { top: 0 } .divi-hacks-mobile-menu-fullscreen .et_mobile_menu .menu-item-has-children>a { background-color: transparent; } .divi-hacks-mobile-menu-fullscreen .et_mobile_menu li ul, .divi-hacks-mobile-menu-fullscreen .et_pb_fullwidth_menu .et_mobile_menu li ul { padding-left: 0; } .divi-hacks-mobile-menu-fullscreen .et_mobile_menu li li { padding-left: 0; } .divi-hacks-mobile-menu-fullscreen.et_header_style_centered .mobile_nav { background-color: transparent } .divi-hacks-mobile-menu-fullscreen .et_mobile_menu { left: 0; position: fixed; z-index: 9998; overflow-y: scroll !important; background-color: rgb(10,10,10); background-color: rgba(10,10,10,0.9); padding: 15vh 0; height: 100vh; width: 100vw; border-top: none; top: 0; box-sizing:border-box; } .divi-hacks-mobile-menu-fullscreen .et_mobile_menu li a { text-align: center; font-size: 1.55em; border: 0; text-transform: uppercase; letter-spacing: 6px; color:#fff; } .divi-hacks-mobile-menu-fullscreen .et_mobile_menu .menu-item-has-children > a { font-weight: inherit; } .divi-hacks-mobile-menu-fullscreen .mobile_nav ul.et_mobile_menu .current_page_item > a { background-color: rgb(255,255,255); background-color: rgba(255,255,255,0.1); } .divi-hacks-mobile-menu-fullscreen .mobile_nav ul.et_mobile_menu li ul li a { font-size: 1.05em!important; margin: auto; } .divi-hacks-mobile-menu-fullscreen .et_mobile_menu li a:hover { color: #999; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .divi-hacks-mobile-menu-fullscreen .mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; z-index: 999999; position: fixed; right: 30px !important; top: 20px; left: calc(100% - 60px); } .divi-hacks-mobile-menu-fullscreen.divi-hacks-app-mobile-header .mobile_nav.opened .mobile_menu_bar:before { top: 10px; margin-left: 17px; } .divi-hacks-mobile-menu-fullscreen .mobile_nav.closed .mobile_menu_bar:before { content: "a"; z-index: 999999; } .divi-hacks-mobile-menu-fullscreen span.mobile_menu_bar { z-index: 9999; } } /*************************************************/ /********* Simple Slide-in Mobile Menu *********/ /*************************************************/ @media only screen and (max-width: 980px) { .divi-hacks-mobile-menu-slide-in .et_mobile_menu .menu-item-has-children > a { background-color: transparent } .divi-hacks-mobile-menu-slide-in .et_mobile_menu { display:block!important; min-height: 100vh; height: 100vh; right: 0; z-index: 9998; overflow: scroll; border-top: none; padding-top: 20px!important; padding-bottom: 70px !important; box-sizing:border-box; } .divi-hacks-mobile-menu-slide-in:not(.divi-hacks-fixed-mobile-header) .et_mobile_menu { position:absolute; } .divi-hacks-mobile-menu-slide-in.divi-hacks-fixed-mobile-header .et_mobile_menu { position:fixed; } .z9 { z-index:99999 !important; } .divi-hacks-mobile-menu-slide-in .et_mobile_menu li a { width: 100%; float: left; text-align: left; margin: 0; transition: .2s; padding: 12px; } .divi-hacks-mobile-menu-slide-in .et_mobile_menu li li { padding-left: 0; margin-left: -10px; } .divi-hacks-mobile-menu-slide-in .mobile_nav.closed .et_mobile_menu { -webkit-transform: translateX(130%); -moz-transform: translateX(130%); -ms-transform: translateX(130%); -o-transform: translateX(130%); transform: translateX(130%); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s; -ms-transition: -ms-transform 0.4s 0s; -o-transition: -o-transform 0.4s 0s; transition: transform 0.4s 0s; } .divi-hacks-mobile-menu-slide-in .et_mobile_menu .menu-item-has-children > a { font-weight: inherit; } .divi-hacks-mobile-menu-slide-in .mobile_nav.opened .et_mobile_menu { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.4s 0s; -moz-transition: -moz-transform 0.4s 0s; -ms-transition: -ms-transform 0.4s 0s; -o-transition: -o-transform 0.4s 0s; transition: transform 0.4s 0s } .divi-hacks-mobile-menu-slide-in .mobile_nav.opened .mobile_menu_bar:before { content: "\4d"; z-index: 999999; } .divi-hacks-mobile-menu-slide-in .mobile_nav.closed .mobile_menu_bar:before { content: "a"; z-index: 999999; } .divi-hacks-mobile-menu-slide-in.et_header_style_split .mobile_menu_bar, .divi-hacks-mobile-menu-slide-in.et_header_style_left .mobile_menu_bar { z-index:9999 } .divi-hacks-mobile-menu-slide-in #et-top-navigation { padding-right: 5px } .et_header_style_centered.divi-hacks-mobile-menu-slide-in:not(.divi-hacks-app-mobile-header) .et_mobile_menu { top: auto; margin-top: 25px; } .et_header_style_split.divi-hacks-mobile-menu-slide-in:not(.divi-hacks-app-mobile-header) .et_mobile_menu { top: auto; margin-top: 29px; } } @media only screen and (min-width: 481px) { .divi-hacks-mobile-menu-slide-in .et_mobile_menu { width:320px; margin-left: calc(100% - 320px) } } @media only screen and (max-width: 480px) { .divi-hacks-mobile-menu-slide-in.divi-hacks-app-mobile-header .et_mobile_menu { width:260px; margin-left: calc(100% - 260px) } .divi-hacks-mobile-menu-slide-in.divi-hacks-app-mobile-header:not(.divi-hacks-fixed-mobile-header) .et_mobile_menu { width:260px; margin-left: calc(100% - 249px) } .divi-hacks-mobile-menu-slide-in:not(.divi-hacks-app-mobile-header) .et_mobile_menu { width:260px; margin-left: calc(100% - 218px) } } @media only screen and (max-width: 340px) { .divi-hacks-mobile-menu-slide-in .et_mobile_menu { width:100%; margin-left: 0 } } /*************** Pre-Load Element ******************/ .lds-spinner { color: official; display: inline-block; position: relative; width: 64px; height: 64px; } .lds-spinner div { transform-origin: 32px 32px; animation: lds-spinner 1.2s linear infinite; } .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 29px; width: 5px; height: 14px; border-radius: 20%; } .lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .lds-ripple { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ripple div { position: absolute; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1; } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0; } } .lds-hourglass { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-hourglass:after { content: " "; display: block; border-radius: 50%; width: 0; height: 0; margin: 6px; box-sizing: border-box; animation: lds-hourglass 1.2s infinite; } @keyframes lds-hourglass { 0% { transform: rotate(0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 50% { transform: rotate(900deg); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 100% { transform: rotate(1800deg); } } .lds-grid { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-grid div { position: absolute; width: 13px; height: 13px; border-radius: 50%; animation: lds-grid 1.2s linear infinite; } .lds-grid div:nth-child(1) { top: 6px; left: 6px; animation-delay: 0s; } .lds-grid div:nth-child(2) { top: 6px; left: 26px; animation-delay: -0.4s; } .lds-grid div:nth-child(3) { top: 6px; left: 45px; animation-delay: -0.8s; } .lds-grid div:nth-child(4) { top: 26px; left: 6px; animation-delay: -0.4s; } .lds-grid div:nth-child(5) { top: 26px; left: 26px; animation-delay: -0.8s; } .lds-grid div:nth-child(6) { top: 26px; left: 45px; animation-delay: -1.2s; } .lds-grid div:nth-child(7) { top: 45px; left: 6px; animation-delay: -0.8s; } .lds-grid div:nth-child(8) { top: 45px; left: 26px; animation-delay: -1.2s; } .lds-grid div:nth-child(9) { top: 45px; left: 45px; animation-delay: -1.6s; } @keyframes lds-grid { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } .lds-default { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-default div { position: absolute; width: 5px; height: 5px; border-radius: 50%; animation: lds-default 1.2s linear infinite; } .lds-default div:nth-child(1) { animation-delay: 0s; top: 29px; left: 53px; } .lds-default div:nth-child(2) { animation-delay: -0.1s; top: 18px; left: 50px; } .lds-default div:nth-child(3) { animation-delay: -0.2s; top: 9px; left: 41px; } .lds-default div:nth-child(4) { animation-delay: -0.3s; top: 6px; left: 29px; } .lds-default div:nth-child(5) { animation-delay: -0.4s; top: 9px; left: 18px; } .lds-default div:nth-child(6) { animation-delay: -0.5s; top: 18px; left: 9px; } .lds-default div:nth-child(7) { animation-delay: -0.6s; top: 29px; left: 6px; } .lds-default div:nth-child(8) { animation-delay: -0.7s; top: 41px; left: 9px; } .lds-default div:nth-child(9) { animation-delay: -0.8s; top: 50px; left: 18px; } .lds-default div:nth-child(10) { animation-delay: -0.9s; top: 53px; left: 29px; } .lds-default div:nth-child(11) { animation-delay: -1s; top: 50px; left: 41px; } .lds-default div:nth-child(12) { animation-delay: -1.1s; top: 41px; left: 50px; } @keyframes lds-default { 0%, 20%, 80%, 100% { transform: scale(1); } 50% { transform: scale(1.5); } } .lds-roller { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 32px 32px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; margin: -3px 0 0 -3px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 50px; left: 50px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 54px; left: 45px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 57px; left: 39px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 58px; left: 32px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 57px; left: 25px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 54px; left: 19px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 50px; left: 14px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 45px; left: 10px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lds-ring { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ring div { box-sizing: border-box; display: block; position: absolute; width: 51px; height: 51px; margin: 6px; border-radius: 50%; animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; } .lds-ring div:nth-child(1) { animation-delay: -0.45s; } .lds-ring div:nth-child(2) { animation-delay: -0.3s; } .lds-ring div:nth-child(3) { animation-delay: -0.15s; } @keyframes lds-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lds-heart { display: inline-block; position: relative; width: 64px; height: 64px; transform: rotate(45deg); transform-origin: 32px 32px; } .lds-heart div { top: 23px; left: 19px; position: absolute; width: 26px; height: 26px; animation: lds-heart 1.2s infinite cubic-bezier(0.215, 0.61, 0.355, 1); } .lds-heart div:after, .lds-heart div:before { content: " "; position: absolute; display: block; width: 26px; height: 26px; } .lds-heart div:before { left: -17px; border-radius: 50% 0 0 50%; } .lds-heart div:after { top: -17px; border-radius: 50% 50% 0 0; } @keyframes lds-heart { 0% { transform: scale(0.95); } 5% { transform: scale(1.1); } 39% { transform: scale(0.85); } 45% { transform: scale(1); } 60% { transform: scale(0.95); } 100% { transform: scale(0.9); } } .lds-facebook { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-facebook div { display: inline-block; position: absolute; left: 6px; width: 13px; animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite; } .lds-facebook div:nth-child(1) { left: 6px; animation-delay: -0.24s; } .lds-facebook div:nth-child(2) { left: 26px; animation-delay: -0.12s; } .lds-facebook div:nth-child(3) { left: 45px; animation-delay: 0; } @keyframes lds-facebook { 0% { top: 6px; height: 51px; } 50%, 100% { top: 19px; height: 26px; } } .lds-dual-ring { display: inline-block; width: 64px; height: 64px; } .lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; animation: lds-dual-ring 1.2s linear infinite; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .lds-circle { display: inline-block; width: 51px; height: 51px; margin: 6px; border-radius: 50%; animation: lds-circle 2.4s cubic-bezier(0, 0.2, 0.8, 1) infinite; } @keyframes lds-circle { 0%, 100% { animation-timing-function: cubic-bezier(0.5, 0, 1, 0.5); } 0% { transform: rotateY(0deg); } 50% { transform: rotateY(1800deg); animation-timing-function: cubic-bezier(0, 0.5, 0.5, 1); } 100% { transform: rotateY(3600deg); } } .double-bounce1, .double-bounce2 { width: 100px; height: 100px; border-radius: 50%; opacity: 0.6; position: absolute; -webkit-animation: sk-bounce 2.0s infinite ease-in-out; animation: sk-bounce 2.0s infinite ease-in-out; } .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0.0) } 50% { -webkit-transform: scale(1.0) } } @keyframes sk-bounce { 0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); } 50% { transform: scale(1.0); -webkit-transform: scale(1.0); } } .dh-spinner { height: 300px; width: 300px; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-direction: column; justify-content: center; align-items: center; } [id^="preloader"] { position: fixed; z-index: 1000002; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ align-items: center; justify-content: center; overflow:hidden !important; } #preloader { left: 0px; top: 0px; width: 100%; height: 100%; } #preloader1, #preloader3 { left: 0px; top: 0px; } #preloader2, #preloader4 { right: 0px; bottom: 0px; } [id^="preloader"].hidden { max-height:0px !important; max-width:0px !important; opacity:0; } [id^="preloader"].in { opacity:1 !important; } #preloader.slide-down.out, #preloader.slide-up.in { bottom:0 !important; top:unset !important; } #preloader.slide-right.out, #preloader.slide-left.in { top:0; right:0 !important; left:unset !important; } #preloader.slide-right.in, #preloader.slide-left.out { top:0; left:0 !important; right:unset !important; } #preloader.slide-left, #preloader.slide-right { height: 100vh !important; } #preloader.fade-out.out { top:0 !important; opacity:0; } #preloader.fade-in.in { top:0 !important; opacity:1; } #preloader1.horizontal-split, #preloader1.vertical-split, #preloader3.horizontal-split, #preloader3.vertical-split { top:0; left:0; } #preloader2.horizontal-split, #preloader4.horizontal-split { top:0; right:0; } #preloader2.vertical-split, #preloader4.vertical-split { bottom:0; right:0; } #preloader1.vertical-split .dh-spinner, #preloader3.vertical-split .dh-spinner { align-self: flex-end; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); } #preloader2.vertical-split .dh-spinner, #preloader4.vertical-split .dh-spinner { align-self: flex-start; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #preloader1.horizontal-split, #preloader3.horizontal-split { justify-content: flex-end; } #preloader1.horizontal-split .dh-spinner, #preloader3.horizontal-split .dh-spinner { -webkit-transform:translateX(50%); -moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); transform:translateX(50%); } #preloader2.horizontal-split, #preloader4.horizontal-split { justify-content: flex-start; } #preloader2.horizontal-split .dh-spinner, #preloader4.horizontal-split .dh-spinner { -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); } .vertical-split.in { height:50vh !important; max-height:50vh !important; } .vertical-split.out { height:50vh; max-height:50vh !important; } #preloader1.vertical-split:before, #preloader3.vertical-split:before { top: 0; left: 0; } #preloader2.vertical-split:before, #preloader4.vertical-split:before { top: 50%; left: 0; } #preloader1.horizontal-split:before, #preloader3.horizontal-split:before { top: 0; left: 0; } #preloader1 + #preloader:not(.in):not(.out), #preloader2 + #preloader:not(.in):not(.out), #preloader3 + #preloader:not(.in):not(.out), #preloader4 + #preloader:not(.in):not(.out) { max-width:0; max-height:0; } #preloader1 + #preloader.slide-left, #preloader2 + #preloader.slide-left, #preloader1 + #preloader.slide-right, #preloader2 + #preloader.slide-right, #preloader3 + #preloader.slide-left, #preloader4 + #preloader.slide-left, #preloader3 + #preloader.slide-right, #preloader4 + #preloader.slide-right { max-width:0; width:0; } #preloader1 + #preloader.slide-up, #preloader2 + #preloader.slide-up, #preloader1 + #preloader.slide-down, #preloader2 + #preloader.slide-down, #preloader3 + #preloader.slide-up, #preloader4 + #preloader.slide-up, #preloader3 + #preloader.slide-down, #preloader4 + #preloader.slide-down { max-height:0; height:0; } @media only screen and (min-width:981px) { #preloader.slide-up, #preloader.slide-down, #preloader.fade-in, #preloader.fade-out { width: calc(100vw - (100vw - 100%)) !important; } #preloader1.horizontal-split, #preloader3.horizontal-split { right:unset !important; left: 0 !important; height: 100vh; width: calc(50vw - (50vw - 50%)); } #preloader2.horizontal-split, #preloader4.horizontal-split { left:unset !important; right: 0 !important; height: 100vh; width: calc(50vw - (50vw - 50%)); } #preloader1.vertical-split, #preloader3.vertical-split { bottom:unset !important; top: 0 !important; width: calc(100vw - (100vw - 100%)); height: 100vh; max-height: 50vh; } #preloader2.vertical-split, #preloader4.vertical-split { top: unset !important; bottom: 0 !important; width: calc(100vw - (100vw - 100%)); height: 100vh; max-height: 50vh; } .horizontal-split.in { width:calc(50vw - (50vw - 50%)) !important; max-width:calc(50vw - (50vw - 50%)) !important; } .horizontal-split.out { width:calc(50vw - (50vw - 50%)); max-width:calc(50vw - (50vw - 50%)) !important; } .vertical-split:before, .horizontal-split:before { content: ''; background: inherit; position: absolute; height: 100vh; width:calc(100vw - (100vw - 100%)); } #preloader2.horizontal-split:before, #preloader4.horizontal-split:before { top: 50%; left: calc(50vw - (50vw - 50%)); } } @media only screen and (max-width:980px) { #preloader.slide-up, #preloader.slide-down, #preloader.fade-in, #preloader.fade-out { width: 100vw !important; } #preloader1.horizontal-split, #preloader3.horizontal-split { right:unset !important; left: 0 !important; height: 100vh; width: 50vw !important; } #preloader2.horizontal-split, #preloader4.horizontal-split { top:0; left:unset !important; right: 0 !important; height: 100vh; width: 50vw !important; } #preloader1.vertical-split, #preloader3.vertical-split { bottom:unset !important; top: 0 !important; width: 100vw !important; height: 100vh; max-height: 50vh; } #preloader2.vertical-split, #preloader4.vertical-split { top: unset; bottom: 0 !important; width: 100vw; height: 100vh; max-height: 50vh; z-index:1000001; } .horizontal-split.in, .horizontal-split.out { width:50vw !important; max-width:50vw !important; } .vertical-split:before, .horizontal-split:before { content: ''; background: inherit; position: absolute; height: 100vh; width: 100vw !important; } #preloader2.horizontal-split:before, #preloader4.horizontal-split:before { top: 50%; left: 50vw !important; } }/******** Documentation Menu ********/ body.divi_page_divi-hacks-settings.divi-hacks-bg-effects #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="bg-effects"]:after, body.divi_page_divi-hacks-settings.divi-hacks-custom-svgs #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-svgs"]:after, body.divi_page_divi-hacks-settings.divi-hacks-custom-menus #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-menus"]:after, body.divi_page_divi-hacks-settings.divi-hacks-dim-controls #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="dim-controls"]:after, body.divi_page_divi-hacks-settings.divi-hacks-equal-height #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="equal-height"]:after, body.divi_page_divi-hacks-settings.divi-hacks-full-width-posts #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="full-width-posts"]:after, body.divi_page_divi-hacks-settings.divi-hacks-full-width-archive #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="full-width-archive"]:after, body.divi_page_divi-hacks-settings.divi-hacks-show-hovres-buttons #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="show-hovres-buttons"]:after, body.divi_page_divi-hacks-settings.divi-hacks-mobile-parallax #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="parallax-mobile"]:after, body.divi_page_divi-hacks-settings.divi-hacks-parallax #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="parallax"]:after, body.divi_page_divi-hacks-settings.divi-hacks-custom-dividers #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-dividers"]:after, body.divi_page_divi-hacks-settings.divi-hacks-wider-popup #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="wider-popup"]:after, body.divi_page_divi-hacks-settings.divi-hacks-open-links #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="open-links"]:after, body.divi_page_divi-hacks-settings.divi-hacks-password-protected #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="password-protected"]:after, body.divi_page_divi-hacks-settings.divi-hacks-custom-footer #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-footer"]:after, body.divi_page_divi-hacks-settings.divi-hacks-custom-tables #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-tables"]:after, body.divi_page_divi-hacks-settings.divi-hacks-custom-dropdowns #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-dropdowns"]:after, body.divi_page_divi-hacks-settings.divi-hacks-class-space #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="class-space"]:after, body.divi_page_divi-hacks-settings.divi-hacks-device-specific-alignment #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="device-specific-alignment"]:after, body.divi_page_divi-hacks-settings.divi-hacks-reveal-main-footer #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="reveal-main-footer"]:after, body.divi_page_divi-hacks-settings.divi-hacks-reveal-custom-footer #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="reveal-custom-footer"]:after, body.divi_page_divi-hacks-settings.divi-hacks-custom-tabs #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-tab-alignment"]:after, body.divi_page_divi-hacks-settings.divi-hacks-autohide-admin-bar #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="autohide-admin-bar"]:after, body.divi_page_divi-hacks-settings.divi-hacks-nav-columns #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="nav-columns"]:after, body.divi_page_divi-hacks-settings.divi-hacks-font-awesome-icons #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="font-awesome-icons"]:after, body.divi_page_divi-hacks-settings.divi-hacks-divider-shadows #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="divider-shadows"]:after, body.divi_page_divi-hacks-settings.divi-hacks-collapse-mobile-submenus #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="collapse-mobile-submenus"]:after, body.divi_page_divi-hacks-settings.divi-hacks-row-layouts #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="row-layouts"]:after, body.divi_page_divi-hacks-settings.divi-hacks-vb-module-hover #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="vb-module-hover"]:after, body.divi_page_divi-hacks-settings.divi-hacks-sticky #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="sticky"]:after, body.divi_page_divi-hacks-settings.divi-hacks-mobile-reverse #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="mobile-reverse"]:after, body.divi_page_divi-hacks-settings.divi-hacks-blurb-effects #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="blurb-effects"]:after, body.divi_page_divi-hacks-settings.divi-hacks-testimonial-styles #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="testimonial-styles"]:after, body.divi_page_divi-hacks-settings.divi-hacks-blurb-styles #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="blurb-styles"]:after, body.divi_page_divi-hacks-settings.divi-hacks-module-styles #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="module-styles"]:after, body.divi_page_divi-hacks-settings.divi-hacks-fixed-mobile-header #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="fixed-header"]:after, body.divi_page_divi-hacks-settings.divi-hacks-text-styles #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="text-styles"]:after, body.divi_page_divi-hacks-settings.divi-hacks-sidebar-shadow #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="sidebar-shadow"]:after, body.divi_page_divi-hacks-settings.divi-hacks-hide-show #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="hide-show"]:after, body.divi_page_divi-hacks-settings.divi-hacks-blog-styles #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="blog-styles"]:after, body.divi_page_divi-hacks-settings.divi-hacks-archive-grid #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="archive-grid"]:after, body.divi_page_divi-hacks-settings.divi-hacks-app-mobile-header #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="app-mobile-header"]:after, body.divi_page_divi-hacks-settings.divi-hacks-image-shapes #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="image-shapes"]:after, body.divi_page_divi-hacks-settings.divi-hacks-rss-insta #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="rss-replace-instagram"]:after, body.divi_page_divi-hacks-settings.divi-hacks-hover #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="hover-animations"]:after, body.divi_page_divi-hacks-settings.divi-hacks-shapes #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="element-shapes"]:after, body.divi_page_divi-hacks-settings.divi-hacks-gradient-overlay #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="gradient-overlay-parallax"]:after, body.divi_page_divi-hacks-settings.divi-hacks-insta-gradient #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="new-insta-gradient"]:after, body.divi_page_divi-hacks-settings.divi-hacks-blur-bg #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="blur-parallax-bg"]:after, body.divi_page_divi-hacks-settings.divi-hacks-blog-style #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="post-it-shadow"]:after, body.divi_page_divi-hacks-settings.divi-hacks-footer-on-bottom #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="footer-on-bottom"]:after, body.divi_page_divi-hacks-settings.divi-hacks-full-height #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="full-height-section"]:after, body.divi_page_divi-hacks-settings.divi-hacks-valign-center #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="vertical-center-row"]:after, body.divi_page_divi-hacks-settings.divi-hacks-instagram-filters #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="instagram-filters"]:after, body.divi_page_divi-hacks-settings.divi-hacks-animate-anything #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="animate-anything"]:after, body.divi_page_divi-hacks-settings.divi-hacks-stacked-login #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="stacked-login"]:after { content: "ON"; position:relative; left:20px; border: 7px solid green; font-size: 10px !important; -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; -ms-border-radius: 15px !important; -o-border-radius: 15px !important; border-radius: 15px !important; color: #fff; background: green; text-decoration-line: underline; text-decoration-color: green; font-weight: bold !important; text-transform:uppercase !important; } body.divi_page_divi-hacks-settings:not(.divi-hacks-bg-effects) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="bg-effects"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-custom-svgs) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-svgs"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-custom-menus) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-menus"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-dim-controls) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="dim-controls"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-equal-height) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="equal-height"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-full-width-posts) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="full-width-posts"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-full-width-archive) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="full-width-archive"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-show-hovres-buttons) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="show-hovres-buttons"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-mobile-parallax) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="parallax-mobile"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-parallax) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="parallax"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-custom-dividers) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-dividers"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-wider-popup) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="wider-popup"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-open-links) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="open-links"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-password-protected) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="password-protected"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-custom-footer) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-footer"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-custom-tables) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-tables"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-custom-dropdowns) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-dropdowns"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-class-space) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="class-space"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-device-specific-alignment) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="device-specific-alignment"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-reveal-main-footer) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="reveal-main-footer"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-reveal-custom-footer) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="reveal-custom-footer"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-custom-tabs) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="custom-tabs"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-autohide-admin-bar) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="autohide-admin-bar"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-nav-columns) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="nav-columns"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-font-awesome-icons) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="font-awesome-icons"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-divider-shadows) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="divider-shadows"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-collapse-mobile-submenus) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="collapse-mobile-submenus"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-row-layouts) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="row-layouts"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-vb-module-hover) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="vb-module-hover"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-sticky) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="sticky"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-mobile-reverse) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="mobile-reverse"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-blurb-effects) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="blurb-effects"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-testimonial-styles) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="testimonial-styles"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-blurb-styles) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="blurb-styles"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-module-styles) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="module-styles"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-fixed-mobile-header) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="fixed-header"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-text-styles) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="text-styles"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-sidebar-shadow) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="sidebar-shadow"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-hide-show) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="hide-show"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-blog-styles) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="blog-styles"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-archive-grid) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="archive-grid"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-app-mobile-header) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="app-mobile-header"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-image-shapes) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="image-shapes"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-rss-insta) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="rss-replace-instagram"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-hover) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="hover-animations"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-shapes) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="element-shapes"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-gradient-overlay) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="gradient-overlay-parallax"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-insta-gradient) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="new-insta-gradient"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-blur-bg) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="blur-parallax-bg"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-blog-style) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="post-it-shadow"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-footer-on-bottom) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="footer-on-bottom"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-full-height) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="full-height-section"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-valign-center) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="vertical-center-row"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-instagram-filters) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="instagram-filters"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-animate-anything) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="animate-anything"]:after, body.divi_page_divi-hacks-settings:not(.divi-hacks-stacked-login) #wp-admin-bar-dh_docs a[href*="page=divi-hacks-settings"][href*="stacked-login"]:after { content: "OFF"; position:relative; left:20px; border: 7px solid red; font-size: 10px !important; -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; -ms-border-radius: 15px !important; -o-border-radius: 15px !important; border-radius: 15px !important; color: #fff; background: red; text-decoration-line: underline; text-decoration-color: red; font-weight: bold !important; text-transform:uppercase !important; } span.auto-on { content: "AUTO ON"; position:relative; left:20px; border: 7px solid green; font-size: 10px !important; -webkit-border-radius: 15px !important; -moz-border-radius: 15px !important; -ms-border-radius: 15px !important; -o-border-radius: 15px !important; border-radius: 15px !important; color: #fff; background: green; text-decoration-line: underline; text-decoration-color: green; font-weight: bold !important; text-transform:uppercase !important; } #wp-admin-bar-dh_docs span.wp-admin-bar-arrow { display: none; } .ab-item:empty { display: none !important; } .hack_desc li { list-style: decimal !important; margin-left: 15px !important; } .dh_hack > .ab-sub-wrapper { min-width: calc(100% - 700px); background: #fff !important; padding: 10px 20px !important; box-sizing: border-box !important; max-height: 85vh; overflow: scroll; left:0; right:0; } li#wp-admin-bar-dh_docs > .ab-item, li#wp-admin-bar-dh_docs > .ab-item:hover { background: #c2fc52 !important; color: #000 !important; } .dh_hack > ul > table { width: 100% !important; } .dh_hack { color: #000; } .dh_hack input.cls { font-family: monospace !important; font-weight: 900 !important; background:#ddd; padding:3px 5px !important; line-height: 1.2em !important; font-size: 14px !important; border: 0px; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; border-radius: 5px !important; margin-bottom: 10px !important; margin-right: 45px !important; } .dh_hack th { font-size: 15px !important; font-weight: 900 !important; text-transform: uppercase !important; letter-spacing: -1px !important; padding:0px 10px !important; } .dh_hack td { padding: 10px !important; vertical-align:top !important; } .dh_hack tr:first-child { background:rgba(0,0,0,0.1) !important; } .dh_hack b { font-weight: 900 !important; line-height: 1.2em !important; } .dh_hack td.hack_cls { min-width: 240px; } .dh_sticky a, .dh_hack a { color: blue !important; padding: 0px !important; text-decoration: underline !important; line-height: 1.2em !important; margin-top: 5px !important; display: inline-block !important; } .dh_hack tr:nth-child(odd):not(:first-child) { background: rgba(0,0,0,0.05) !important; } .dh_hack td, .dh_hack td > *, .dh_hack td div > *, .dh_hack td li > *, .dh_hack td li, .dh_hack td ol { line-height: 1.2em !important; } .dh_hack .hack_desc p:not(:first-child) { margin-top: 10px !important; } input.cls + button { border: 0px; padding: 3px 5px 5px 5px !important; box-shadow: 0px 0px 5px rgba(0,0,0,0.5); line-height: 1em !important; border-radius: 5px !important; vertical-align: top; margin-left: -43px !important; cursor: pointer; position: absolute !important; } input.cls + button:not(.copied) { background: #fff !important; font-size:14px !important; } input.cls + button.copied { background: #c2fc52 !important; font-size:0px !important; } button.copied:after { content: 'copied' !important; font-size:14px !important; line-height:1.2em !important; } #wp-admin-bar-dh_docs ul.ab-submenu { display: -webkit-box !important; display: -moz-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important; position: unset !important; flex-direction: row !important; flex-wrap: nowrap !important; } #wp-admin-bar-dh_docs ul.ab-submenu:not(#wp-admin-bar-dh_docs-default) { padding-bottom: 0px !important; } #wp-admin-bar-dh_docs li.hover>.ab-sub-wrapper, #wp-admin-bar-dh_docs li:hover>.ab-sub-wrapper { margin-left: 0px !important; margin-top: 5px !important; } ul#wp-admin-bar-dh_docs-default, ul#wp-admin-bar-dh_docs-default .ab-submenu { padding: 0px !important; } ul#wp-admin-bar-dh_docs-default li { padding: 5px 0px; } .dh_sticky { position: -webkit-sticky !important; position: -moz-sticky !important; position: -ms-sticky !important; position: -o-sticky !important; position: sticky !important; top: 15px; } li#wp-admin-bar-dh_docs, .dh_hack, .dh_category { position: unset !important; } .dh_category > .ab-sub-wrapper { min-width: 100% !important; left: 0; } #wp-admin-bar-dh_docs > .ab-sub-wrapper { min-width: 75% !important; max-width: 75% !important; } .dh_category .ab-item.ab-empty-item { min-width: unset !important; padding-right: 10px !important; height: 100% !important; white-space: normal !important; } li.menupop.dh_category:hover, li.menupop.dh_hack:hover { background:#fff !important; } li:hover > .ab-item.ab-empty-item { color:#000 !important; } .dh_category .ab-item:before, .dh_hack .ab-item:before { display: none !important; } .dh_sticky p { line-height: 1.2em !important; } .tooltip_templates { display: none; } body.is-mobile [class*="tooltip-content-"] { max-width:100% !important; } .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:transparent; overflow:visible;}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{padding:0px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} .tooltipster-sidetip.tooltipster-shadow .tooltipster-box{border:none; background:transparent; overflow:visible;}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-box{margin-top:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-box{margin-right:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-box{margin-left:6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-box{margin-bottom:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{background:transparent; overflow:visible;}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow{height:6px;margin-left:-6px;width:12px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow{height:12px;margin-left:0;margin-top:-6px;width:6px}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-background{display:none}.tooltipster-sidetip.tooltipster-shadow .tooltipster-arrow-border{border:6px solid transparent}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-shadow.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-shadow.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom .tooltipster-arrow-uncropped{top:-6px}.tooltipster-sidetip.tooltipster-shadow.tooltipster-right .tooltipster-arrow-uncropped{left:-6px} /*************************************************/ /****************** Lightboxes ******************/ /*************************************************/ .mfp-wrap { transition: all 0.5s ease-in-out; opacity: 0; } .mfp-wrap.mfp-ready { opacity: 1; } .mfp-wrap .mfp-close:active { top:0; } .mfp-bg:not(.mfp-fade):not([style*="background"]):not(.dh):not(.dhscroll) { background: transparent !important; } .mfp-bg.dh[class*="animate"].mfp-ready, .mfp-bg.dhscroll[class*="animate"].mfp-ready { animation:none !important; } .lightbox-overlay { background: var(--overlay-background-color, rgba(0,0,0,0.8)) !important; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; overflow: hidden; position: fixed; } [class*="lightbox-content"] ol { list-style-type: decimal; margin-left:1em; } [class*="lightbox-content"] ul { list-style-type: inherit; margin-left:1em; } .et-fb .et_pb_module[class*="lightbox-content"]:before { line-height: 1.5em; } .et-fb .et_pb_row[class*="lightbox-content"] > .et-fb-mousetrap, .et-fb .et_pb_section[class*="lightbox-content"] > .et-fb-mousetrap, .et-fb .et_pb_module[class*="lightbox-content"], .et-fb .et_pb_row.exit-popup > .et-fb-mousetrap:before, .et-fb .et_pb_section.exit-popup > .et-fb-mousetrap:before, .et-fb .et_pb_module.exit-popup:before { border: 2px solid #c9c9c9; } .et-fb .et_pb_row[class*="lightbox-content"] > .et-fb-mousetrap:before, .et-fb .et_pb_section[class*="lightbox-content"] > .et-fb-mousetrap:before, .et-fb .et_pb_module[class*="lightbox-content"]:before, .et-fb .et_pb_row.exit-popup > .et-fb-mousetrap:before, .et-fb .et_pb_section.exit-popup > .et-fb-mousetrap:before, .et-fb .et_pb_module.exit-popup:before { background: #c9c9c9; color: #000; width: calc(100% + 4px); position: absolute; bottom: 100%; left: -2px; padding: 0 10px; text-align: center; box-sizing: border-box; font-size:10px; font-weight:bold; height:auto; } .et-fb .et_pb_row[class*="lightbox-content"] > .et-fb-mousetrap:before, .et-fb .et_pb_section[class*="lightbox-content"] > .et-fb-mousetrap:before, .et-fb .et_pb_module[class*="lightbox-content"]:before { content: 'lightbox-content'; } .et-fb .et_pb_row.exit-popup > .et-fb-mousetrap:before, .et-fb .et_pb_section.exit-popup > .et-fb-mousetrap:before, .et-fb .et_pb_module.exit-popup:before { content: 'exit-popup'; } .mfp-content .lightbox-content:not(:first-child), .mfp-content [class*="lightbox-content-"]:not(:first-child) { display:none; } .lightbox-trigger, [class*="lightbox-trigger-"] { cursor:pointer; } .lightbox-content, [class*="lightbox-content-"] { position:relative; z-index: unset !important; } .lightbox-content .mfp-close, [class*="lightbox-content-"] .mfp-close, .mfp-wrap .mfp-container [class*="lightbox-content-"] button:hover { color: var(--close-icon-color, #999999) !important; background-color: var(--close-button-color) !important; opacity:1 !important; } .lightbox-content .mfp-close:active, [class*="lightbox-content-"] .mfp-close:active { top:0 !important; } /*************************************************/ /****************** Body Classes ******************/ /*************************************************/ .hide-footer #main-footer { height: 0; overflow:hidden; } .hide-main-header #main-header { height: 0; overflow:hidden; } .hide-top-header:not(.divi-hacks-before-header) #top-header { height: 0; overflow:hidden; } .hide-top-header.divi-hacks-before-header #top-header .container { height: 0; overflow: hidden; padding-top: 0; } .hide-main-header #page-container { padding-top: 0 !important; } .hide-logo #logo { display: none; } /*************** Custom Archives ******************/ #et-main-area > [id^="divi-hacks-"] .archive[data-posts] p.post-meta { font-size: 0px !important; line-height: inherit; } #et-main-area > [id^="divi-hacks-"] .archive[data-posts] .post-meta span.published, #et-main-area > [id^="divi-hacks-"] .archive[data-posts] .author:after, #et-main-area > [id^="divi-hacks-"] .archive[data-posts] .post-meta .author:before { font-size: var(--postmeta-size, 14px) !important; } #et-main-area > [id^="divi-hacks-"] .archive[data-posts] .post-meta .author:before { content: 'By '; } #et-main-area > [id^="divi-hacks-"] .archive[data-posts] .post-meta span.published:after, #et-main-area > [id^="divi-hacks-"] .archive[data-posts] .post-meta a[rel*="category"]:after, #et-main-area > [id^="divi-hacks-"] .archive[data-posts] .post-meta .author:after { content: "|"; margin-left: 0.4em; margin-right: 0.4em; } #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-meta .post-meta, #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-date .post-meta .published, #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-categories .post-meta a[rel*="category"], #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-comments .post-meta .comments-number, #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-image .entry-featured-image-url, #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-author .post-meta .author, #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-pagination .pagination, #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-excerpt .dh-excerpt, #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-sidebar #sidebar { display:none !important; } .dh-shortcode-avatar { width:100%; } body:not(.et-fb):not([class*="search-results"]) .show-on-results, body:not(.et-fb):not([class*="search-no-results"]) .show-on-results { display:none; } body.search-results .show-on-results, body.search-no-results .show-on-results { display:inherit !important; } .show-button a.et_pb_button.et_pb_read_more_button { display: block; width: max-content; width: -moz-max-content; margin-top: 15px; } .show-button.button-center a.et_pb_button.et_pb_read_more_button { margin-left: auto; margin-right: auto; } .show-button.button-left a.et_pb_button.et_pb_read_more_button { margin-left: 0; margin-right: auto; } .show-button.button-right a.et_pb_button.et_pb_read_more_button { margin-left: auto; margin-right: 0; } .et-fb .search-results:before, .et-fb .archive:before, body.search-results .show-on-results:before, body.search-no-results .show-on-results:before { background: #c9c9c9; color: #fff; width: 100%; position: absolute; bottom: 100%; left:0; right: 0; padding: 5px 10px; text-align: center; box-sizing: border-box; font-size:18px; font-weight:normal; height:auto; display:block; } .et-fb .show-on-results:before { content:'Only visible on search results page.'; } .et-fb .search-results:before { content:'Search Results (not visible in visual builder)'; } .et-fb .archive:before { content:'Archive of Posts found (not visible in visual builder)'; } li.dh-excerpt { border-left: 0; padding-left: 0; } #et-main-area > [id^="divi-hacks-"] .archive[data-posts].no-sidebar #left-area { width:100%; padding-right:0px; } #divi-hacks-search article, #divi-hacks-tag article, #divi-hacks-cptarchive article, #divi-hacks-archive article, #divi-hacks-author article, #divi-hacks-category article { background: var(--article-background) !important; -webkit-border-radius: var(--article-border-radius, inherit); -moz-border-radius: var(--article-border-radius, inherit); -ms-border-radius: var(--article-border-radius, inherit); -o-border-radius: var(--article-border-radius, inherit); border-radius: var(--article-border-radius, inherit); border-top: var(--article-border-top, inherit) !important; border-right: var(--article-border-right, inherit) !important; border-bottom: var(--article-border-bottom, inherit) !important; border-left: var(--article-border-left, inherit) !important; overflow:hidden !important; padding: var(--article-padding, inherit); margin: var(--article-margin, inherit); display: var(--article-display, block); width: var(--article-width, inherit); vertical-align:top; } #divi-hacks-search .archive.grid:not(.default) article, #divi-hacks-tag .archive.grid:not(.default) article, #divi-hacks-cptarchive .archive.grid:not(.default) article, #divi-hacks-archive .archive.grid:not(.default) article, #divi-hacks-author .archive.grid:not(.default) article, #divi-hacks-category .archive.grid:not(.default) article { background: var(--article-background) !important; -webkit-box-shadow: var(--article-shadow, 0 0 50px rgba(0,0,0,0.1)) !important; -moz-box-shadow: var(--article-shadow, 0 0 50px rgba(0,0,0,0.1)) !important; -ms-box-shadow: var(--article-shadow, 0 0 50px rgba(0,0,0,0.1)) !important; -o-box-shadow: var(--article-shadow, 0 0 50px rgba(0,0,0,0.1)) !important; box-shadow: var(--article-shadow, 0 0 50px rgba(0,0,0,0.1)) !important; } #divi-hacks-search .archive.default:not(.grid) article, #divi-hacks-tag .archive.default:not(.grid) article, #divi-hacks-cptarchive .archive.default:not(.grid) article, #divi-hacks-archive .archive.default:not(.grid) article, #divi-hacks-author .archive.default:not(.grid) article, #divi-hacks-category .archive.default:not(.grid) article { background: var(--article-background) !important; -webkit-box-shadow: var(--article-shadow, inherit) !important; -moz-box-shadow: var(--article-shadow, inherit) !important; -ms-box-shadow: var(--article-shadow, inherit) !important; -o-box-shadow: var(--article-shadow, inherit) !important; box-shadow: var(--article-shadow, inherit) !important; } #divi-hacks-search article .post-meta, #divi-hacks-category article .post-meta, #divi-hacks-archive article .post-meta, #divi-hacks-author article .post-meta, #divi-hacks-tag article .post-meta, #divi-hacks-cptarchive article .post-meta, #divi-hacks-search article .post-meta a, #divi-hacks-category article .post-meta a, #divi-hacks-archive article .post-meta a, #divi-hacks-author article .post-meta a, #divi-hacks-tag article .post-meta a, #divi-hacks-cptarchive article .post-meta a { font-size: var(--postmeta-size, 14px); font-weight: var(--postmeta-weight, inherit); color: var(--postmeta-color, inherit); text-align: var(--postmeta-align, inherit); text-transform: var(--postmeta-transform, inherit); } #divi-hacks-search article .post-meta a, #divi-hacks-category article .post-meta a, #divi-hacks-archive article .post-meta a, #divi-hacks-author article .post-meta a, #divi-hacks-tag article .post-meta a, #divi-hacks-cptarchive article .post-meta a { font-size: var(--postmeta-link-size, 14px); font-weight: var(--postmeta-link-weight, inherit); color: var(--postmeta-link-color, inherit); text-decoration: var(--postmeta-link-decoration, inherit); text-transform: var(--postmeta-link-transform, inherit); } /************************************************************/ /****** Adds animation effects to menu items on hover *******/ /************************************************************/ .divi-hacks-animenu-1 #top-menu .current_page_item a::before { content: ""; position: absolute; z-index: 2; left: 0; right: 0; } .divi-hacks-animenu-1 #top-menu > li:before { content: ""; position: absolute; z-index: -2; left: 0; right: 100%; bottom: 20%; background: transparent; /*** COLOR OF THE LINE ***/ height: 3px; /*** THICKNESS OF THE LINE ***/ border-bottom: 3px solid; -webkit-transition-property: right; -moz-transition-property: right; -ms-transition-property: right; -o-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .divi-hacks-animenu-1 #top-menu > li.centered-inline-logo-wrap:before { display: none; } .divi-hacks-animenu-1 #top-menu li:hover { opacity: 1 !important; } .divi-hacks-animenu-1 #top-menu li:hover:before { right: 0; } .divi-hacks-animenu-1 #top-menu li li:before { bottom: 10%; } .divi-hacks-animenu-2 #top-menu li:not(.menu-item-has-children):not(.current_page_item):hover a { box-shadow: 0 5px 0 0; } .divi-hacks-animenu-2 #top-menu li li a { padding-bottom: 6px !important; } .divi-hacks-animenu-2 #top-menu li.current_page_item > a, .divi-hacks-animenu-2 .et-fixed-header #top-menu li.current_page_item > a { border: 5px solid; margin-bottom: 0; padding-top: 10px; padding-right: 10px; padding-bottom: 10px !important; padding-left: 10px; } @keyframes grow { from { border-top-width: 0; } to { border-top-width: 5px; } } /* Firefox < 16 */ @-moz-keyframes grow { from { border-top-width: 0; } to { border-top-width: 5px; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes grow { from { border-top-width: 0; } to { border-top-width: 5px; } } /* Opera < 12.1 */ @-o-keyframes grow { from { border-top-width: 0; } to { border-top-width: 5px; } } .divi-hacks-animenu-3 #top-menu > li.page_item::before { height:5px; content:""; width:100%; left:0; top:-15px; position:absolute; background:transparent; border-top-width:5px; border-top-style:solid; opacity:1; animation: grow 0.5s; } .divi-hacks-animenu-3 #top-menu li li a { line-height: 1.2em; } .divi-hacks-animenu-3 #top-menu > li > a { opacity:1 !important; } .divi-hacks-animenu-1 #top-menu > li:not(:last-child), .divi-hacks-animenu-3 #top-menu > li:not(:last-child) { padding-right:0; margin-right:22px; } /**********************************/ /****** Adds extra links to admin bar menu *******/ /**********************************/ #wp-admin-bar-themeoptions, #wp-admin-bar-divi-hacks { display: block; } #wp-admin-bar-edit-backend.edit-backend a { background: transparent !important; } #wp-admin-bar-edit-backend.edit-backend a:before { display:none; } .is-phone #wp-admin-bar-et-use-visual-builder.edit-visual { display: block; position: static; } .is-phone #wp-admin-bar-et-use-visual-builder.edit-visual > a { font-size:0px; } .is-phone #wp-admin-bar-et-use-visual-builder.edit-visual > a:before { font-size:50px !important; width:100%; color:#fff !important; } @media only screen and (min-width:783px) { #wp-admin-bar-be-edit, #wp-admin-bar-vb-edit { display:none; } }