­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ .ultimate-post-kit-dashboard { position: relative; /* license page style */ /* Start Custom CSS and JS Styles */ /* Start Custom CSS and JS Styles */ /* Start White Label Styles */ /* White Label Option Styles */ /* Slide-down animation keyframes */ /* White Label Title Input Styles */ /* Locked/Disabled State Styles */ } .ultimate-post-kit-dashboard.wrap { margin: 10px 0 0 20px; } .ultimate-post-kit-dashboard.wrap a:focus { outline: none; box-shadow: none; } .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options { display: block; columns: 1; gap: 20px; } .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options .upk-option-item { margin-bottom: 20px; } .ultimate-post-kit-dashboard.wrap .upk-affiliate-sub-title { color: #1d2327; font-size: 1.3em; margin: 1em 0; } .ultimate-post-kit-dashboard.wrap .upk-affiliate-features ul { list-style: inside; } .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-settings-save-btn { padding: 3px 30px; color: #fff; background: linear-gradient(to left, #00A85C, #58D34D); border: 0; } .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-settings-save-btn:hover { background: linear-gradient(to left, #58D34D, #00A85C); } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header { position: relative; padding: 20px 30px; background: #fff; overflow: hidden; z-index: 11; border: 1px solid rgba(123, 123, 123, 0.09); border-radius: 6px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed { z-index: 999; box-shadow: 0px -32px 0px 0px #ffffff, 0px 5px 15px rgba(0, 0, 0, 0.1); border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom: 0; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed .upk-header-elements { opacity: 0.5; transition: opacity 0.3s ease; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed:hover .upk-header-elements { opacity: 1; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements { position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo, .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page { position: relative; z-index: 2; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element { position: absolute; display: block; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-circle { width: 160px; height: 160px; border-radius: 50%; background: linear-gradient(-45deg, rgba(88, 211, 77, 0.05), rgba(88, 211, 77, 0.08)); top: -80px; left: 10%; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-dots { bottom: 20px; right: 15%; width: 80px; height: 40px; background-image: radial-gradient(rgba(88, 211, 77, 0.15) 2px, transparent 2px); background-size: 10px 10px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-line { width: 120px; height: 2px; background: linear-gradient(-90deg, rgba(88, 211, 77, 0), rgba(88, 211, 77, 0.2)); transform: rotate(45deg); top: 40%; left: 25%; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-square { width: 30px; height: 30px; border: 2px solid rgba(88, 211, 77, 0.1); top: 30px; right: 20%; transform: rotate(-15deg); } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-header-elements .upk-header-element.upk-header-wave { width: 140px; height: 20px; bottom: 20px; left: 15%; background: linear-gradient(-45deg, rgba(88, 211, 77, 0) 45%, rgba(88, 211, 77, 0.1) 50%, rgba(88, 211, 77, 0) 55%); background-size: 15px 15px; transform: rotate(10deg); } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo { position: relative; z-index: 1; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header.bdt-sticky-fixed, .ultimate-post-kit-dashboard.wrap .bdt-widget-filter-wrapper.bdt-sticky-fixed { box-shadow: 0px -32px 0px 0px #ffffff, 0px 5px 15px rgba(0, 0, 0, 0.1); border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-wrapper { background: #ffffff; border-radius: 6px; padding: 30px; position: relative; max-width: 1600px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-container { gap: 20px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo { width: 300px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo img { height: 48px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-nav-title h3 { font-size: 20px; font-weight: 600; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-nav-title h3 i { margin-left: 10px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a { text-decoration: none; gap: 5px; color: #fff; border-radius: 6px; transition: all 0.3s ease; line-height: normal; font-size: clamp(12px, 0.8vw, 14px); font-weight: 600; padding: clamp(10px, 1vw, 11px) clamp(10px, 1vw, 20px); color: #58D34D; border: 2px solid #58D34D; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a:hover { border-color: #00A85C; color: #00A85C; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-dashboard-new-page a i { transition: color 300ms ease-out; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper { margin-top: 20px; display: none; } .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation { box-sizing: border-box; padding: 0; min-width: 240px; max-width: 240px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section { border-top: 1px solid #f5f5f5; margin-top: 50px; padding-top: 50px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section .upk-feature-sub-title { font-size: 15px; font-weight: 500; margin: 0 0 10px; color: #6a6b72; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; list-style: outside; padding: 0; margin: 30px 0 0; font-size: 14px; padding: 0 20px; margin-bottom: 30px; } .ultimate-post-kit-dashboard.wrap .upk-highlight-text { color: #48dab7; padding: 3px 6px; border-radius: 6px; line-height: 1; background: #e6fff8; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter { border-top: 2px solid #2196F3; padding-top: 20px; display: none; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul { gap: 2px; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li { margin: 0; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a { font-size: 14px; color: #666; border: 1px solid transparent; position: relative; padding: 4px 6px; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a:before { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 2px; background: #2196F3; transition: width 0.3s ease; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li a:hover { color: #2196F3; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li.bdt-active a { color: #2196F3; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter ul li.bdt-active a:before { width: 100%; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter .upk-filter-by-text { font-size: 14px; margin-left: 10px; font-weight: 600; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-compare-section.bdt-card { background: #fff; border: 1px solid rgba(123, 123, 123, 0.09); } .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container { grid-template-columns: repeat(12, 1fr); grid-auto-flow: dense; grid-row-gap: 20px; grid-column-gap: 20px; display: grid; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container p { margin-bottom: 16px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container .upk-dashboard-footer-item p { margin-bottom: 0; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1), .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) { grid-column: span 12/auto; grid-row: span 1/auto; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-item { grid-column: span 12/auto; grid-row: span 1/auto; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) { grid-column: span 12/auto; grid-row: span 2/auto; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-template-quick-access img { width: 100%; height: auto; border-radius: 6px; margin-bottom: 20px; } .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner { background-color: rgba(253, 228, 235, 0.12) !important; border-color: #ffeaf0 !important; } .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner:after { content: "PRO"; position: absolute; left: 24px; top: 50%; transform: translateY(-50%); font-size: 10px; font-weight: 600; color: #EF476F; padding: 5px 9px; border-radius: 20px; background-color: #ffe4eb; } .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-install, .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-active, .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .ultimate-post-kit-3pp-download, .ultimate-post-kit-dashboard.wrap .upk-pro-inactive .upk-option-item-inner .switch { display: none; } .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li { margin: 0; border-bottom: 1px solid rgba(123, 123, 123, 0.09); } .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a { padding: 16px 30px; border: none; background: none; text-decoration: none; font-size: clamp(14px, 1vw, 15px); color: #666; position: relative; transition: box-shadow 300ms ease-out; justify-content: flex-start; gap: 12px; font-weight: 600; } .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:hover, .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:focus { border-bottom: none; color: #000; box-shadow: none; } .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li a:after { background-color: #0680d6; content: ""; height: 0; position: absolute; right: 0; width: 4px; transition: height 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateY(-50%); top: 50%; } .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li.bdt-active a { color: #0680d6; } .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation .bdt-tab li.bdt-active a:after { height: 75%; } .ultimate-post-kit-dashboard.wrap .bdt-card { border-radius: 6px; background-color: #fff; border: 1px solid rgba(123, 123, 123, 0.09); } .ultimate-post-kit-dashboard.wrap .upk-option-page { margin-top: 20px; } .ultimate-post-kit-dashboard.wrap .upk-option-page p { font-size: 15px; line-height: 1.6; color: #666; max-width: 600px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .bdt-width-expand > [class^=upk-icon-] { font-size: 48px; margin-left: 20px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .bdt-width-expand > [class^=upk-icon-] { color: #48484a; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .bdt-width-expand > [class^=upk-icon-] { color: #48484a; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=update] > .upk-option-item-inner:before, .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=new] > .upk-option-item-inner:before { width: 70px; height: 20px; color: #fff; position: absolute; transform: rotate(45deg); text-align: center; line-height: 20px; font-size: 9px; right: -20px; top: 4px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=new] > .upk-option-item-inner:before { background-color: #EF476F; content: "NEW"; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item[data-content-type~=update] > .upk-option-item-inner:before { background-color: #0680d6; content: "UPDATE"; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label-wrap { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label-wrap .upk-option-links { display: flex; gap: 8px; align-items: center; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-label { font-size: 15px; font-weight: 500; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo, .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video { color: #837f90; transition: all 0.2s ease-out; text-decoration: none; display: flex; flex-direction: row-reverse; align-items: center; gap: 5px; font-size: 12px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo i, .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video i { font-size: 14px; color: currentColor; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-demo:hover i, .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-video:hover i { color: currentColor; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .upk-option-demo:hover, .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-free .upk-option-video:hover { color: #06D6A0; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .upk-option-demo:hover, .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item.upk-widget-pro .upk-option-video:hover { color: #EF476F; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner { position: relative; border: 1px solid rgba(123, 123, 123, 0.09); } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner.upk-option-group { background-color: #fff; border: 1px solid rgba(123, 123, 123, 0.09); } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-option-item .upk-option-item-inner .upk-option-item-inner { border: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper { position: relative; padding: 20px; background: #fff; overflow: hidden; z-index: 998; border-radius: 6px; border: 1px solid rgba(123, 123, 123, 0.09); margin-bottom: 20px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-filter-shape { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-filter-shape svg { position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; transform: scale(1.5); } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul { margin-top: 0; margin-bottom: 0; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-badge { height: 18px; width: 18px; margin-right: 5px; font-size: 10px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-button-default { text-decoration: none; color: #444; background-color: #fff; transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1); border: none; border-radius: 6px; outline: none; font-size: clamp(12px, 1vw, 14px); font-weight: 500; padding: 10px 12px; line-height: 18px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-button-default:hover { background: #0680d6; color: #fff; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li { margin: 0; padding: 0; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li:first-child { padding-right: 20px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a { text-decoration: none; color: #444; transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1); border: none; border-radius: 6px; outline: none; font-size: clamp(12px, 0.8vw, 14px); font-weight: 500; padding: 10px clamp(10px, 0.9vw, 10px); background: #e9f4ff; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a:hover { background: #0680d6; color: #fff; outline: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li a:hover .bdt-badge { background-color: #118ab2; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.bdt-active a { background: #0680d6; color: #fff; box-shadow: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free a { background-color: #B6FFEC; color: #06D6A0; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free a:hover { background-color: #06D6A0; color: #fff; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-free.bdt-active a { background-color: #06D6A0; color: #fff; box-shadow: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro a { background-color: #ffcdd9; color: #EF476F; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro a:hover { background-color: #EF476F; color: #fff; box-shadow: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul.bdt-subnav li.upk-widget-pro.bdt-active a { background-color: #EF476F; color: #fff; box-shadow: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget { background-color: #1e87f0; color: #fff; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget:hover, .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-active-all-widget.bdt-active { background-color: #0c6fd1; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget { background-color: #c81b07; color: #fff; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget.bdt-active, .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .upk-widget-onoff .upk-deactive-all-widget:hover { background-color: #cf1c08; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown { box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.1); border-radius: 3px; background-color: #fff; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li a { font-size: 14px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li a:focus { box-shadow: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper .bdt-dropdown ul li.bdt-active a { color: #fff; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options { display: grid; grid-template-columns: repeat(1, 1fr); gap: 15px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item { margin-bottom: 0 !important; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-group .upk-option-item .upk-option-label { font-size: 14px !important; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner .bdt-input { height: 34px; border-radius: 6px !important; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner .bdt-input:focus { background-color: #fff; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner input[type=text] { border-radius: 3px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item .upk-option-item-inner textarea { width: 100%; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner { line-height: 1; padding: 18px 25px; border-radius: 6px; transition: all 0.3s cubic-bezier(0.3, 0.36, 0.25, 1); } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover { box-shadow: none; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover .upk-widget-count-text { color: #7c99b7; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options > .upk-option-item > .upk-option-item-inner:hover [class^=upk-icon-] { color: #052442; } .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-subnav { margin: 0; } .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-widget-search input { min-height: 40px; padding: 0 8px; border-color: rgba(30, 135, 240, 0.3); } .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-widget-search input:focus { border: 1px solid #1e87f0; outline: 0; box-shadow: 0 0 0 1px #1e87f0; } .ultimate-post-kit-dashboard .ultimate-post-kit-settings-save-btn { border-radius: 6px; } .ultimate-post-kit-dashboard .upk-setting-save-btn { z-index: 99999 !important; position: relative; } .ultimate-post-kit-dashboard .switch { position: relative; display: inline-block; width: 44px; height: 24px; background-color: rgba(0, 0, 0, 0.25); border-radius: 20px; transition: all 0.3s ease-out; overflow: hidden; cursor: pointer; } .ultimate-post-kit-dashboard .switch::after { content: ""; position: absolute; width: 20px; height: 20px; border-radius: 20px; background-color: white; top: 2px; right: 3px; transition: all 0.3s cubic-bezier(0.24, 0.85, 0.58, 1); } .ultimate-post-kit-dashboard input[type=checkbox]:checked + .switch::after { transform: translateX(-18px); } .ultimate-post-kit-dashboard input[type=checkbox]:checked + .switch { background-color: #1e87f0; } .ultimate-post-kit-dashboard input[type=checkbox] { position: absolute; right: -9999px; } .ultimate-post-kit-dashboard .upk-widget-pro input[type=checkbox]:checked + .switch { background-color: #EF476F; } .ultimate-post-kit-dashboard .upk-widget-free input[type=checkbox]:checked + .switch { background-color: #06D6A0; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status { font-size: 13px; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status li > div { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .label1 { width: 200px; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status span { display: inline-block; line-height: 1.6; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid, .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .invalid { font-size: 15px; width: 20px; height: 18px; margin-right: 10px; margin-left: 15px; vertical-align: middle; border-radius: 3px; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .invalid { background: red; color: #fff; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid { background: #06D6A0; color: #fff; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status .valid i::before { margin-right: -1px; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status i::before { font-size: 15px; line-height: 20px; } .ultimate-post-kit-dashboard .upk-no-result { display: none; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%) !important; } .ultimate-post-kit-dashboard .bdt-animation-shake { animation-name: bdt-shake !important; display: block !important; } .ultimate-post-kit-dashboard .upk-code-editor-description { color: #0073aa; font-size: 13px; margin: 5px 0 10px 0; font-style: italic; opacity: 0.9; } .ultimate-post-kit-dashboard .upk-code-section-header { margin-bottom: 20px; background: #fefefe; padding: 20px; border-radius: 6px; border: 1px solid rgba(123, 123, 123, 0.09); } .ultimate-post-kit-dashboard .upk-section-title { color: #23282d; font-size: 18px; font-weight: 600; margin: 0 0 8px 0; padding: 0; } .ultimate-post-kit-dashboard .upk-section-description { color: #666; font-size: 14px; margin: 0; line-height: 1.5; } .ultimate-post-kit-dashboard .upk-page-exclusion-wrapper { border: 1px solid rgba(123, 123, 123, 0.09); border-radius: 4px; padding: 20px; margin-bottom: 20px; } .ultimate-post-kit-dashboard .upk-exclusion-label { display: block; font-weight: 600; margin-bottom: 8px; color: #23282d; } .ultimate-post-kit-dashboard .upk-page-select { width: 100%; min-height: 120px; max-height: 200px; padding: 8px; border: 1px solid rgba(123, 123, 123, 0.09); border-radius: 4px; background: #fff; font-size: 14px; max-width: 100%; } .ultimate-post-kit-dashboard .upk-page-select option { padding: 4px 8px; } .ultimate-post-kit-dashboard .upk-exclusion-help { color: #666 !important; font-size: 14px !important; font-style: italic !important; margin: 12px 0 0 0 !important; line-height: 1.4 !important; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container { position: relative; z-index: 98; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container.bdt-sticky-fixed { z-index: 998; } .ultimate-post-kit-dashboard .bdt-tab-container { position: relative; } .ultimate-post-kit-dashboard #ultimate_post_kit_elementor_extend_page .upk-option-item-inner, .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-option-item-inner, .ultimate-post-kit-dashboard #ultimate_post_kit_third_party_widget_page .upk-option-item-inner, .ultimate-post-kit-dashboard #ultimate_post_kit_active_modules_page .upk-option-item-inner { overflow: hidden; } .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-options > .upk-option-item > .upk-option-item-inner > label > .upk-option-label { font-weight: 700; font-size: 22px; } .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .description { margin-top: 20px; } .ultimate-post-kit-dashboard #ultimate_post_kit_elementor_extend_page .upk-widget-count-text, .ultimate-post-kit-dashboard #ultimate_post_kit_other_settings_page .upk-widget-count-text { display: none; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item { border: 1px solid rgba(123, 123, 123, 0.09); border-radius: 6px; background: #fefefe; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner { padding: 35px; border: 0; background: transparent; break-inside: avoid-column; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner a i { font-size: 18px; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .upk-option-item { margin-top: 10px; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-options > .upk-option-item > .upk-option-item-inner .upk-option-item:nth-last-child(1) { margin-top: 0; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page textarea { border-color: #ddd; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=text]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=password]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=color]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=date]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=datetime]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=datetime-local]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=email]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=month]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=number]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=search]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=tel]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=time]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=url]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=week]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=checkbox]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page input[type=radio]:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page select:focus, .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page textarea:focus { border-color: #0680d6; box-shadow: none; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-video { position: absolute; left: 25px; top: 20px; background: #e9f4ff; padding: 8px; border-radius: 6px; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-label { display: block; margin-bottom: 25px; font-size: 18px; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page .upk-option-group .upk-option-label { margin-bottom: 15px; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page p.description { font-size: 12px !important; color: #999; margin-top: 10px; } .ultimate-post-kit-dashboard #ultimate_post_kit_api_settings_page p.description a { color: #888; } .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .upk-white-label-options .upk-option-item-inner { background: #fefefe; padding: 30px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin { display: flex; flex-direction: column; gap: 20px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card { flex-direction: column; gap: 20px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card { border-radius: 6px; transition-property: box-shadow, color; transition-duration: 0.3s; transition-timing-function: cubic-bezier(0.3, 0.36, 0.25, 1); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card a { text-decoration: none; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card a:focus { box-shadow: none; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card p { margin-top: 0; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-count-canvas-wrap .upk-feature-title { margin-bottom: 5px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-count-wrap { flex: none; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-widget-count { color: #a1a8ad; font-size: 12px; line-height: 1.7; text-transform: uppercase; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content { width: 100%; gap: 20px; flex-direction: column; align-items: flex-start; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title { font-weight: 500; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-plugin-logo-wrap { gap: 15px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content img { width: clamp(50px, 8vw, 70px); height: auto; vertical-align: middle; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .upk-feature-title { margin-bottom: 0; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content p { margin: 0 0 10px 0; font-size: 15px; line-height: 1.5; color: #656a71; max-width: 600px; font-weight: 300; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs { font-size: 14px; font-weight: 500; color: #9C27B0; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content span.active-installs .installs-count { color: #9C27B0; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-content .bdt-others-plugin-updated { color: #656a71; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link { display: flex; flex-wrap: wrap; justify-content: left; gap: 8px; width: 100%; flex: 1; min-width: 300px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugins-link .bdt-dashboard-sec-btn { padding: 9px 20px !important; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-user-wrap { gap: 10px; flex-wrap: wrap; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-others-plugin-user-wrap .bdt-others-plugin-user { color: #373333; padding: 4px 6px; border-radius: 6px; font-size: 10px; font-weight: 700; box-shadow: 0 2px 8px rgba(76, 89, 98, 0.2); text-transform: uppercase; line-height: 1; border: 1px solid #dcd8e8; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-compare-section-buttons { display: flex; align-items: center; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button { color: #fff; border-radius: 6px; transition: all 0.3s ease; line-height: normal; font-size: clamp(12px, 0.8vw, 14px); font-weight: 600; padding: clamp(10px, 1vw, 11px) clamp(10px, 1vw, 20px); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-welcome-button { color: #fff; background: linear-gradient(to left, #00A85C, #58D34D); border: 0; padding: 13px 20px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-welcome-button:hover { background: linear-gradient(to left, #58D34D, #00A85C); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-dashboard-sec-btn { color: #58D34D; border: 2px solid #58D34D; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-dashboard-sec-btn:hover { border-color: #00A85C; color: #00A85C; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-red { background: #ffcdd9; color: #EF476F; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-red:hover { background: #EF476F; color: #fff; box-shadow: none; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-green { background: #B6FFEC; color: #06D6A0; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-green:hover { background: #06D6A0; color: #fff; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-blue { background: #0680d6; color: #fff; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-blue:hover { background: #097396; color: #fff; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-grey { background-color: #e3e8eb; color: #1d2327; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-button.bdt-btn-grey:hover { background: #1d2327; color: #fff; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-feature-title { color: #333; font-weight: 700; font-size: clamp(18px, 1vw, 20px); margin-bottom: 20px; padding: 0; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-welcome-title { font-size: 30px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-compare-title, .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .upk-dashboard-template-quick-title { font-size: 24px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-green { background: rgba(173, 200, 101, 0.03); box-shadow: 0 0 0 1px rgba(173, 200, 101, 0.3); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-red { color: #777; box-shadow: 0 0 0 1px rgba(255, 65, 77, 0.3); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.bdt-card-blue { color: #777; box-shadow: 0 0 0 1px #0680d6; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion { padding-top: 5px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title { font-size: 16px; padding: 10px 20px; background: rgba(255, 65, 77, 0.1); border-radius: 6px; font-weight: 400; letter-spacing: 0.3px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title:hover, .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-title:focus { box-shadow: 0 0 0 1px rgba(255, 65, 77, 0.3); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-open .bdt-accordion-title { color: #000; background: rgba(255, 65, 77, 0.3); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .bdt-accordion .bdt-accordion-content { padding: 0 20px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card .check-system-status { margin-top: 20px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial { display: flex; flex-direction: column; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-list { margin-bottom: 20px; flex-grow: 1; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-list-divider > li:nth-child(n+2) { border-top: 1px solid rgba(173, 200, 101, 0.3); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .upk-link-title { margin: 0; font-size: 14px; color: rgba(173, 200, 101, 0.7); } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .upk-link-title:hover { color: #06D6A0; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-video-btn { font-weight: 500; color: #444; border: 1px solid #06D6A0; display: inline-block; width: 145px; padding: 5px; text-align: center; border-radius: 3px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-video-tutorial .bdt-video-btn:hover { color: #000; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item { text-decoration: none; transition: all 0.3s ease; transform: translateY(0); position: relative; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item .upk-feature-title { font-size: 18px; margin: 0 0 10px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item .upk-dashboard-footer-item-icon { display: inline-block; padding: 10px; border-radius: 6px; border: 1px solid #f3f3f3; margin-bottom: 18px; background: #f5fffc; color: #58D34D; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item i { font-size: 18px; width: 18px; height: 18px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:after { content: "\f504"; font-family: dashicons; position: absolute; top: 15px; left: 15px; font-size: 20px; color: #58D34D; opacity: 0; transition: all 0.3s ease; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(73, 221, 179, 0.065); border-color: #58D34D; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover:after { opacity: 1; transform: translateX(-5px); } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-footer-item:hover .upk-dashboard-footer-item-icon { animation: upk-footer-icon-bounce 0.5s ease-in-out; } @keyframes upk-footer-icon-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section { margin-top: 30px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section .upk-feature-title { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-dashboard-support-section .upk-feature-title i { font-size: 20px; color: #58D34D; margin: 0; padding: 0; border: 0; background: none; } .ultimate-post-kit-dashboard #ultimate_post_kit_active_modules_page .checkbox, .ultimate-post-kit-dashboard #ultimate_post_kit_third_party_widget_page .checkbox { margin-top: 5px; } .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-install, .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-active, .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-download { text-decoration: none; color: #EF476F; line-height: normal; background-color: #eee; border-radius: 100px; padding: 5px; display: inline-flex; } .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-install:hover, .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-active:hover, .ultimate-post-kit-dashboard .ultimate-post-kit-3pp-download:hover { color: #fb6094; } .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info { background-color: #073B4C; color: #90b6c3; border-radius: 6px; box-sizing: border-box; padding: 30px 40px; background-image: url("../images/shiny-overlay.svg"); background-position: top left; background-repeat: no-repeat; } .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info p { font-size: 14px !important; color: #90b6c3 !important; text-align: center; margin-top: 25px; } .ultimate-post-kit-dashboard .ultimate-post-kit-footer-info a { color: #e5f4f9; } .ultimate-post-kit-dashboard .bdt-admin-alert { background-color: #fff3da; border-radius: 2px; padding: 10px 20px; box-sizing: border-box; margin-top: 30px; } .ultimate-post-kit-dashboard .upk-dashboard-divider { width: 100%; margin-top: 50px; margin-bottom: 50px; min-height: 20px; background-size: 20px 20px; background-repeat: repeat-x; } .ultimate-post-kit-dashboard .upk-dashboard-panel { position: relative; } .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-yes { color: #06D6A0; } .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-no { color: #FF0000; } .ultimate-post-kit-dashboard .upk-dashboard-panel .dashicons.dashicons-heart { color: #EA355F; } .ultimate-post-kit-dashboard .upk-dashboard-panel .upk-comparision { padding-right: 0; } .ultimate-post-kit-dashboard .upk-dashboard-panel h1 { font-weight: 700; } .ultimate-post-kit-dashboard .upk-purchase-button a { color: #ffffff; border-style: none; border-radius: 4px 4px 4px 4px; box-shadow: 0px 10px 40px 0px rgba(0, 130, 117, 0.29); padding: 18px 45px 18px 45px; font-weight: 700; cursor: pointer; display: inline-block; text-transform: uppercase; font-size: 14px; outline: none; position: relative; transition: all 0.3s ease-out; text-align: center; overflow: hidden; background-color: transparent; background-image: linear-gradient(-145deg, #20e2ad 0%, #08aeec 100%); text-decoration: none; letter-spacing: 1px; } .ultimate-post-kit-dashboard .upk-purchase-button a:hover { background-image: linear-gradient(-145deg, #08aeec 0%, #20e2ad 100%); box-shadow: 0px 10px 40px 0px rgba(0, 130, 117, 0.46); } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .el-license-container p.submit { margin: 0; padding: 0; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page h3.el-license-title, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management-title { font-size: 22px; margin-top: 0; margin-bottom: 50px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page ol { margin-bottom: 20px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field { display: block; margin-bottom: 15px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field input { font-size: 200%; padding: 0 10px; display: block; margin-top: 10px; border-radius: 6px; border-color: #ddd; width: 100%; max-width: 650px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-field label { display: inline-block; margin-bottom: 5px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-upk-license-active-btn { margin-top: 25px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info { font-size: 14px; line-height: 24px; max-width: 850px; margin-bottom: 50px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-info-title { width: 150px; display: inline-block; position: relative; padding-left: 5px; margin-left: 10px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-info-title:after { content: ":"; position: absolute; left: 2px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-valid, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-invalid { padding: 4px 8px; color: #fff; background-color: #06D6A0; border-radius: 3px; font-size: 14px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-invalid { background-color: #f44336; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .ultimate-post-kit-license-info .license-key { font-weight: 700; opacity: 0.8; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button { padding: 14px 16px; font-size: 14px; height: auto; border: 0; border-radius: 6px; min-height: auto; font-weight: 600; line-height: 1; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary { background: #1e87f0; color: #fff; text-decoration: none; text-shadow: none; box-shadow: none; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary:active, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .button-primary:hover { background: #0e6dcd; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-subsite-header { display: flex; align-items: center; gap: 14px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-feature-title { font-size: 24px; font-weight: 600; margin: 0; padding: 0; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-status-icon { background: #3ab981; display: inline-block; padding: 10px; border-radius: 50%; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-status-icon svg { fill: #fff; width: 24px; height: 24px; display: block; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-success { margin-bottom: 20px; padding: 20px; border-radius: 5px; background: rgba(78, 255, 177, 0.071); border-right: 4px solid #10b981; margin-top: 30px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-success h3, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-warning h3 { margin: 0 0 20px; font-size: 20px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-status-warning { margin-bottom: 20px; padding: 15px; border-radius: 5px; background: #fffbeb; border-right: 4px solid #f59e0b; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info { margin: 15px 0; font-size: 16px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details ul, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info ul { margin: 10px 0; padding-right: 0; list-style: inside; font-size: 14px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-details li, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-network-info li { margin: 8px 0; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions { margin: 15px 0; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions ol { margin: 10px 0; padding-right: 20px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-license-instructions ol li { margin: 8px 0; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .upk-admin-actions { margin-top: 20px; padding-top: 15px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .license-valid { color: #10b981; font-weight: bold; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management-title { gap: 10px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-actions-buttons { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .bdt-actions-buttons .bdt-button { padding: 10px 18px; font-size: 12px; line-height: 1.4; border-radius: 6px; font-weight: 600; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .bdt-subsite-license-management-table { border-radius: 6px; overflow: hidden; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table { border-collapse: collapse; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table thead td, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table thead th { border-bottom: 1px solid rgba(0, 0, 0, 0.059); } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table td, .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table th { padding: 14px 16px; border: 1px solid rgba(0, 0, 0, 0.059); } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table th { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table .bdt-badge { height: 24px; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody tr td:nth-last-child(1) a { background: rgba(65, 75, 255, 0.251); border: 1px solid rgba(65, 75, 255, 0.251); color: #414bff; } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody tr td:nth-last-child(1) a:hover { background: rgba(54, 64, 243, 0.325); } .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table .striped > tbody > :nth-child(odd), .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table ul.striped > :nth-child(odd), .ultimate-post-kit-dashboard #ultimate_post_kit_license_settings_page .bdt-subsite-license-management .wp-list-table tbody > tr:nth-child(odd) { background-color: transparent; } .ultimate-post-kit-dashboard .upk-widget-count-text { font-size: 11px; color: #b7b7b7; margin-top: 7px; display: block; text-transform: uppercase; } .ultimate-post-kit-dashboard .upk-go-pro { font-weight: bold; color: #f44336; text-shadow: -1px 1px 1px #eee; } .ultimate-post-kit-dashboard #bdt-ultimate_post_kit_get_pro { letter-spacing: 1px; overflow: hidden; color: #fff; background: linear-gradient(to left, #00A85C, #58D34D); margin: 16px 30px; border-radius: 6px; justify-content: center; } .ultimate-post-kit-dashboard #bdt-ultimate_post_kit_get_pro:after { display: none; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-row { margin-bottom: 20px; } .ultimate-post-kit-dashboard .upk-custom-code-section .CodeMirror-placeholder { opacity: 0.5; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor-title { font-size: 16px; font-weight: 600; color: #333; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor { width: 100%; min-height: 200px; font-family: "Monaco", "Consolas", "Courier New", monospace; font-size: 13px; line-height: 1.5; border: 1px solid rgba(123, 123, 123, 0.09); border-radius: 4px; padding: 15px; color: #333; resize: vertical; transition: border-color 0.3s ease, box-shadow 0.3s ease; background: #fefefe; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor:focus { border-color: #0680d6; box-shadow: 0 0 0 1px #0680d6; outline: none; background: #fff; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor::placeholder { color: #999; font-style: italic; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section { padding: 20px 0; border-top: 1px solid #f0f0f0; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button { color: #58D34D; padding: 16px 24px; font-size: clamp(12px, 1vw, 14px); font-weight: 600; border-radius: 6px; border: none; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; line-height: normal; border: 2px solid #58D34D; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button .dashicons { font-size: 16px; width: 16px; height: 16px; line-height: 1; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:active { transform: translateY(0); } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue { background: #0680d6; color: #fff; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue:hover { background: #097396; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey { background: #e3e8eb; color: #1d2327; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey:hover { background: #1d2327; color: #fff; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert { border-radius: 6px; padding: 15px; position: relative; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-success { background-color: #d4edda; border: 1px solid #c3e6cb; color: #155724; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-error { background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert p { margin: 0; font-weight: 500; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert .bdt-alert-close { position: absolute; top: 5px; left: -5px; background: none; border: none; font-size: 18px; cursor: pointer; opacity: 0.6; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert .bdt-alert-close:hover { opacity: 1; } .ultimate-post-kit-dashboard .upk-code-editor.scrolling { border-color: #0680d6; box-shadow: 0 0 0 1px fade(#0680d6, 30%); } .ultimate-post-kit-dashboard .upk-code-editor:focus::selection { background-color: fade(#0680d6, 20%); } .ultimate-post-kit-dashboard .bdt-button:disabled { opacity: 0.7; cursor: not-allowed; } .ultimate-post-kit-dashboard .bdt-button:disabled:hover { transform: none !important; box-shadow: none !important; } .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar { width: 8px; } .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; } .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner { position: relative; background: #fff; z-index: 1; border-radius: 6px; border: 1px solid rgba(123, 123, 123, 0.09); padding: 20px 0; overflow: hidden; min-height: 100vh; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner.bdt-sticky-fixed { top: 115px !important; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements { position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; z-index: 0; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element { position: absolute; display: block; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-circle { width: 180px; height: 180px; border-radius: 50%; background: linear-gradient(-45deg, rgba(73, 221, 180, 0.05), rgba(73, 221, 180, 0.1)); top: -90px; left: -90px; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-dots { bottom: 40px; right: 20px; width: 60px; height: 60px; background-image: radial-gradient(rgba(73, 221, 180, 0.15) 2px, transparent 2px); background-size: 10px 10px; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-line { width: 100px; height: 2px; background: linear-gradient(-90deg, rgba(73, 221, 180, 0), rgba(73, 221, 180, 0.2)); transform: rotate(45deg); bottom: 100px; left: 20px; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-square { width: 40px; height: 40px; border: 2px solid rgba(73, 221, 180, 0.1); top: 40px; right: 30px; transform: rotate(-15deg); } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-triangle { width: 0; height: 0; border-right: 25px solid transparent; border-left: 25px solid transparent; border-bottom: 40px solid rgba(73, 221, 180, 0.08); top: 60%; left: 40px; transform: rotate(-15deg); } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus { width: 30px; height: 30px; top: 30%; right: 40px; } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:before, .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:after { content: ""; position: absolute; background: rgba(73, 221, 180, 0.15); } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:before { width: 100%; height: 2px; top: 50%; transform: translateY(-50%); } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-plus:after { width: 2px; height: 100%; right: 50%; transform: translateX(50%); } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .upk-nav-elements .upk-nav-element.upk-nav-wave { width: 100px; height: 20px; bottom: 30px; left: 40px; background: linear-gradient(-45deg, rgba(73, 221, 180, 0) 45%, rgba(73, 221, 180, 0.1) 50%, rgba(73, 221, 180, 0) 55%); background-size: 15px 15px; transform: rotate(10deg); } .ultimate-post-kit-dashboard .upk-dashboard-nav-container-inner .bdt-dashboard-navigation { position: relative; z-index: 1; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper { position: relative; background: #fff; overflow: hidden; z-index: 98; border-radius: 6px; border: 1px solid rgba(123, 123, 123, 0.09); } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed { z-index: 998; border-top-right-radius: 0 !important; border-top-left-radius: 0 !important; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.1); } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed .upk-filter-elements { opacity: 0.5; transition: opacity 0.3s ease; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper.bdt-sticky-fixed:hover .upk-filter-elements { opacity: 1; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-used-unused-widgets { margin-right: 10px; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-used-unused-widgets li:first-child { padding-right: 0 !important; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements { position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element { position: absolute; display: block; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-circle { width: 140px; height: 140px; border-radius: 50%; background: linear-gradient(-135deg, rgba(88, 211, 77, 0.05), rgba(88, 211, 77, 0.08)); top: -70px; left: 5%; animation: floatingShape 6s ease-in-out infinite; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-dots { bottom: 10px; right: 10px; width: 70px; height: 35px; background-image: radial-gradient(rgba(88, 211, 77, 0.15) 2px, transparent 2px); background-size: 8px 8px; animation: fadeInOut 4s ease-in-out infinite; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-wave { width: 120px; height: 20px; bottom: 25px; left: 10%; background: repeating-linear-gradient(-45deg, rgba(88, 211, 77, 0) 0px, rgba(88, 211, 77, 0.1) 2px, rgba(88, 211, 77, 0) 4px); transform: rotate(15deg); animation: waveMotion 3s ease-in-out infinite; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon { top: 20%; right: 15px; width: 35px; height: 20px; background: rgba(88, 211, 77, 0.1); position: absolute; transform: rotate(-30deg); } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:before, .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:after { content: ""; position: absolute; width: 0; height: 0; border-right: 18px solid transparent; border-left: 18px solid transparent; } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:before { bottom: 100%; border-bottom: 10px solid rgba(88, 211, 77, 0.1); } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-hexagon:after { top: 100%; border-top: 10px solid rgba(88, 211, 77, 0.1); } .ultimate-post-kit-dashboard .bdt-widget-filter-wrapper .upk-filter-elements .upk-filter-element.upk-filter-zigzag { top: 40%; left: 20px; width: 50px; height: 25px; background: linear-gradient(-45deg, transparent 45%, rgba(88, 211, 77, 0.1) 45%, rgba(88, 211, 77, 0.1) 55%, transparent 55%); background-size: 10px 10px; animation: zigzagFloat 5s ease-in-out infinite; } .ultimate-post-kit-dashboard #upk-extra-options-tab-content { margin-top: 30px; } .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab { border-bottom: 2px solid #f1f1f1; margin: 0; padding: 0; list-style: none; display: flex; gap: 20px; } .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li { margin: 0; padding: 0; display: inline-block; } .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a { padding: 15px 0; display: inline-block; font-size: 15px; font-weight: 500; color: #666; text-decoration: none; position: relative; transition: all 0.3s ease; } .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a:after { content: ""; position: absolute; bottom: -2px; right: 0; width: 0; height: 2px; background: #58D34D; transition: width 0.3s ease; } .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li a:hover { color: #333; } .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li.bdt-active a { color: #58D34D; } .ultimate-post-kit-dashboard .upk-extra-options-tabs .bdt-tab li.bdt-active a:after { width: 100%; } .ultimate-post-kit-dashboard .upk-option-page .bdt-widget-filter-wrapper ul { display: none; gap: 10px; } .ultimate-post-kit-dashboard .upk-white-label-options .slider:before { height: 18px; width: 18px; right: 2px; bottom: 1px; } .ultimate-post-kit-dashboard .upk-white-label-options .switch:after { display: none; } .ultimate-post-kit-dashboard .upk-white-label-options input:checked + .slider:before { transform: translateX(-18px); } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-row { margin-bottom: 20px; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-code-editor-title { font-size: 16px; font-weight: 600; color: #333; margin: 0 0 15px 0; padding-bottom: 10px; border-bottom: 2px solid #f0f0f0; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container { position: relative; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .upk-code-editor { min-height: 200px; width: 100%; font-family: "Monaco", "Consolas", "Courier New", monospace; font-size: 13px; line-height: 1.5; border: 1px solid #ddd; border-radius: 4px; background: #fefefe; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror { min-height: 200px; width: 100% !important; border: 1px solid #ddd; border-radius: 4px; font-family: "Monaco", "Consolas", "Courier New", monospace; font-size: 13px; line-height: 1.5; background: #fff; box-sizing: border-box; display: block; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-focused { border-color: #0680d6; box-shadow: 0 0 0 1px fade(#0680d6, 25%); } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-scroll { min-height: 200px; padding: 0; box-sizing: border-box; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-lines { padding: 4px 0; cursor: text; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-gutters { border-left: 1px solid #ddd; background: #fefefe; white-space: nowrap; min-width: 40px; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-linenumber { color: #999; padding: 0 8px; white-space: nowrap; text-align: left; min-width: 20px; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-line { padding: 0 4px; line-height: inherit; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-cursor { border-right: 1px solid #333; height: auto; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror .CodeMirror-code { font-family: "Monaco", "Consolas", "Courier New", monospace; font-size: 13px; outline: none; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-wrap { width: 100%; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper .upk-codemirror-editor-container .CodeMirror.CodeMirror-empty .CodeMirror-scroll { min-height: 200px; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section { padding: 20px 0; border-top: 1px solid #f0f0f0; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button { padding: 12px 24px; font-size: 14px; font-weight: 500; border-radius: 5px; border: none; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button .dashicons { font-size: 16px; line-height: 1; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:hover { transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button:active { transform: translateY(0); } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue { background: #0680d6; color: #fff; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-blue:hover { background: #097396; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey { background: #e3e8eb; color: #1d2327; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-save-section .bdt-button.bdt-btn-grey:hover { background: #1d2327; color: #fff; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert { border-radius: 5px; padding: 15px 15px 15px 40px; position: relative; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-success { background-color: #d4edda; border: 1px solid #c3e6cb; color: #155724; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert.bdt-alert-error { background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; } .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-message .bdt-alert p { margin: 0; font-weight: 500; } .ultimate-post-kit-dashboard .upk-code-editor.scrolling { border-color: #0680d6; box-shadow: 0 0 0 1px fade(#0680d6, 30%); } .ultimate-post-kit-dashboard .upk-code-editor:focus::selection { background-color: fade(#0680d6, 20%); } .ultimate-post-kit-dashboard .bdt-button:disabled { opacity: 0.7; cursor: not-allowed; } .ultimate-post-kit-dashboard .bdt-button:disabled:hover { transform: none !important; box-shadow: none !important; } .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar { width: 8px; } .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; } .ultimate-post-kit-dashboard .upk-code-editor::-webkit-scrollbar-thumb:hover { background: #a8a8a8; } .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .switch { position: relative; display: inline-block; width: 46px; height: 24px; } .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .switch input { opacity: 0; width: 0; height: 0; } .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .slider { position: absolute; cursor: pointer; top: 0; right: 0; left: 0; bottom: 0; background-color: #ccc; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 34px; } .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page .slider:before { position: absolute; content: ""; height: 20px; width: 20px; right: 3px; bottom: 2px; background-color: white; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%; } .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:checked + .slider { background-color: #2196F3; } .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:focus + .slider { box-shadow: 0 0 1px #2196F3; } .ultimate-post-kit-dashboard #ultimate_post_kit_extra_options_page input:checked + .slider:before { transform: translateX(-22px); } .ultimate-post-kit-dashboard .upk-option-item-inner { background: #fff; border-radius: 8px; } .ultimate-post-kit-dashboard .upk-option-title { margin: 0 0 10px 0; font-size: 18px; font-weight: 600; color: #1e1e1e; } .ultimate-post-kit-dashboard .upk-option-description { margin: 0; color: #666; font-size: 14px; } .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn, .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn, .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn { padding: 3px 30px; line-height: 40px; font-size: 16px; color: #fff; background: linear-gradient(to left, #00A85C, #58D34D); border: 0; border-radius: 6px; } .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn { margin-left: 12px; } .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-save-btn:hover { background: linear-gradient(to left, #58D34D, #00A85C); } .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn, .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn { background: linear-gradient(to left, #fa6336, #ff3c3c); color: #fff; } .ultimate-post-kit-dashboard .ultimate-post-kit-custom-code-reset-btn:hover, .ultimate-post-kit-dashboard .ultimate-post-kit-white-label-save-btn:hover { background: linear-gradient(to left, #ff3c3c, #fa6336); } .ultimate-post-kit-dashboard .upk-code-message, .ultimate-post-kit-dashboard .upk-white-label-message { position: fixed; top: -100px; /* Start hidden above viewport */ right: 50%; transform: translateX(50%); z-index: 999; border-radius: 4px; opacity: 0; animation: slideDown 0.5s ease-out forwards; } .ultimate-post-kit-dashboard .upk-code-message .bdt-alert, .ultimate-post-kit-dashboard .upk-white-label-message .bdt-alert { padding-left: 40px; } @keyframes slideDown { to { top: 20px; /* End position slightly from top */ opacity: 1; } } .ultimate-post-kit-dashboard .bdt-alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; position: relative; } .ultimate-post-kit-dashboard .bdt-alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .ultimate-post-kit-dashboard .bdt-alert-close { position: absolute; top: 0; left: 0; padding: 15px; color: inherit; text-decoration: none; } .ultimate-post-kit-dashboard .dashicons { font-family: dashicons; display: inline-block; line-height: 1; font-weight: 400; font-style: normal; speak: none; text-decoration: inherit; text-transform: none; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 20px; height: 20px; font-size: 20px; vertical-align: top; } .ultimate-post-kit-dashboard .upk-white-label-input { width: 100%; max-width: 400px; padding: 12px 16px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; line-height: 1.4; background-color: #fff; transition: border-color 0.3s ease; } .ultimate-post-kit-dashboard .upk-white-label-input:focus { outline: none; border-color: #2196F3; box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1); } .ultimate-post-kit-dashboard .upk-white-label-input-wrapper { position: relative; margin: 20px 0; } .ultimate-post-kit-dashboard .upk-input-help { margin: 12px 0 0 0 !important; color: #666 !important; font-size: 14px !important; font-style: italic; } .ultimate-post-kit-dashboard .upk-white-label-title-section { width: 100%; } .ultimate-post-kit-dashboard .upk-white-label-fields { transition: all 0.3s ease; margin-top: 20px; } .ultimate-post-kit-dashboard .upk-white-label-locked { opacity: 0.6; pointer-events: none; } .ultimate-post-kit-dashboard .upk-white-label-locked .upk-option-item { background-color: #fefefe; } .ultimate-post-kit-dashboard .upk-white-label-locked .switch input:disabled + .slider { background-color: #ddd; cursor: not-allowed; } .ultimate-post-kit-dashboard .upk-white-label-locked .switch input:disabled + .slider:before { background-color: #f0f0f0; } .ultimate-post-kit-dashboard .upk-white-label-locked .upk-white-label-input:disabled { background-color: #fefefe; color: #999; cursor: not-allowed; } .ultimate-post-kit-dashboard .bdt-btn-blue:disabled { background-color: #ccc !important; color: #666 !important; cursor: not-allowed !important; opacity: 0.6; } .ultimate-post-kit-dashboard .bdt-alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeaa7; padding: 20px; border: 1px solid; border-radius: 8px; } .ultimate-post-kit-dashboard .bdt-alert-warning strong { display: block; margin-bottom: 8px; font-size: 16px; } .ultimate-post-kit-dashboard .bdt-others-plugin-rating .bdt-others-plugin-rating-stars i { color: #e26f56; font-size: 17px; } .ultimate-post-kit-dashboard .bdt-others-plugin-rating .bdt-others-plugin-rating-text { font-size: 13px; color: #656a71; } .ultimate-post-kit-dashboard .upk-dashboard-new-page-wrapper { gap: 15px; } .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installing { opacity: 0.7; cursor: not-allowed; } .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installing:before { content: ""; display: inline-block; width: 12px; height: 12px; border: 2px solid #ffffff; border-top: 2px solid transparent; border-radius: 50%; animation: spin 1s linear infinite; margin-left: 5px; } .ultimate-post-kit-dashboard .upk-install-plugin.bdt-installed { background-color: #28a745; border-color: #28a745; } #adminmenu #toplevel_page_ultimate_post_kit_options a[href="admin.php?page=ultimate_post_kit_options_upgrade"] { font-weight: 600; color: #20E2AD; transition: color 0.3s ease; } #adminmenu #toplevel_page_ultimate_post_kit_options a[href="admin.php?page=ultimate_post_kit_options_upgrade"]:hover { color: #08aeec; } .toplevel_page_ultimate_post_kit_options .bdt-notification { top: 43px; width: 400px; } .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message { line-height: 1; padding: 20px; border-radius: 6px; box-shadow: 0 0 0 2px #06D6A0, 0 15px 22px 2px rgba(0, 0, 0, 0.2); background: #fff; font-size: 18px; color: #06D6A0; border-color: transparent; } .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message > div { display: flex; align-items: center; } .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message > div .bdt-spinner { margin-left: 15px; } .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message .bdt-notification-close { top: 50%; left: 10px; transform: translateY(-50%); height: 30px; width: 30px; line-height: 32px; background: #fff0f3; border-radius: 6px; text-align: center; display: flex; align-items: center; justify-content: center; } .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message .dashicons { margin-left: 5px; } .toplevel_page_ultimate_post_kit_options .bdt-notification .bdt-notification-message svg { display: inline-flex; color: #EF476F; width: 12px; } .toplevel_page_ultimate_post_kit_options .bdt-lightbox-toolbar { padding: 45px 15px; background: rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.7); } @keyframes animate1 { 0% { transform: translateX(100%); } 100% { transform: translateX(-100%); } } @keyframes animate2 { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } @keyframes animate3 { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } @keyframes animate4 { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } @keyframes floatingShape { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } } @keyframes fadeInOut { 0%, 100% { opacity: 0.3; } 50% { opacity: 1; } } @keyframes waveMotion { 0%, 100% { transform: rotate(15deg) translateX(0); } 50% { transform: rotate(15deg) translateX(-5px); } } @keyframes zigzagFloat { 0%, 100% { transform: translateX(0); } 50% { transform: translateX(-5px); } } @media (min-width: 1400px) { .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-welcome-content p { margin-left: 160px; } .ultimate-post-kit-dashboard .upk-dashboard-panel .bdt-card.upk-facebook-community p { margin-left: 160px; } .ultimate-post-kit-dashboard .upk-system-requirement .check-system-status { font-size: 14px; } } @media screen and (max-width: 960px) { .ultimate-post-kit-dashboard .upk-widget-onoff { margin: 0; } } @media (min-width: 960px) { .ultimate-post-kit-dashboard.wrap { padding: 0 15px 15px 15px; } .ultimate-post-kit-dashboard.wrap .ultimate-post-kit-footer-info p { text-align: left; margin-top: 0; } } @media (max-width: 639px) { .ultimate-post-kit-dashboard.wrap .upk-option-item-inner { padding: 0; } .ultimate-post-kit-dashboard.wrap .upk-option-item-inner [class^=upk-icon-] { display: none; } .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap { display: block; } .ultimate-post-kit-dashboard.wrap .bdt-search-active-wrap .bdt-subnav { margin: 20px -20px 0 0; } .ultimate-post-kit-dashboard.wrap .bdt-card { background-image: none; } .ultimate-post-kit-dashboard.wrap .bdt-button { width: 100%; } } @media (max-width: 959px) { .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper { margin-bottom: 20px; } } @media (min-width: 768px) { .ultimate-post-kit-dashboard.wrap .upk-dashboard-item { grid-column: span 6/auto; } .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options { columns: 2; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options { grid-template-columns: repeat(2, 1fr); } .ultimate-post-kit-dashboard.wrap .upk-option-page .bdt-widget-filter-wrapper ul { display: flex; } .ultimate-post-kit-dashboard.wrap .upk-content-type-filter { display: block; } } @media (min-width: 1200px) { .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper { display: block; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1), .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) { grid-column: span 7/auto; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) { grid-column: span 5/auto; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card { flex-direction: row; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-panel .upk-dashboard-others-plugin .bdt-card .bdt-others-plugins-link { justify-content: right; } } @media (min-width: 1440px) { .ultimate-post-kit-dashboard.wrap .upk-dashboard-container { gap: 30px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-nav-container-wrapper { margin-top: 30px; } .ultimate-post-kit-dashboard.wrap .upk-option-page { margin-top: 30px; } .ultimate-post-kit-dashboard.wrap .bdt-dashboard-navigation { min-width: 300px; max-width: 300px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-header .upk-logo { width: 300px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-welcome-container { grid-row-gap: 30px; grid-column-gap: 30px; } .ultimate-post-kit-dashboard.wrap .bdt-widget-filter-wrapper { margin-bottom: 30px; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(1), .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(3) { grid-column: span 8/auto; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-item:nth-child(2) { grid-column: span 4/auto; } .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options { gap: 30px !important; } .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options .upk-option-item { margin-bottom: 30px !important; } } @media (min-width: 1600px) { .ultimate-post-kit-dashboard.wrap #ultimate_post_kit_api_settings_page .upk-options { columns: 3; } .ultimate-post-kit-dashboard.wrap .upk-dashboard-item { grid-column: span 3/auto; } .ultimate-post-kit-dashboard.wrap .bdt-subnav > * { padding-right: 20px; } .ultimate-post-kit-dashboard.wrap .upk-option-page .upk-options { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 959px) { .ultimate-post-kit-dashboard .upk-custom-code-section .upk-code-editor-wrapper { margin-bottom: 20px; } } @media (max-width: 768px) { .ultimate-post-kit-dashboard.wrap .upk-white-label-input { max-width: 100%; } } .upk-slider .swiper-pagination, .upk-dots-container .swiper-pagination, .upk-arrows-dots-container .swiper-pagination { position: relative; display: flex; align-items: var(--upk-swiper-dots-align, center); justify-content: center; } .upk-slider .swiper-pagination .swiper-pagination-bullet, .upk-dots-container .swiper-pagination .swiper-pagination-bullet, .upk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; outline: none; transition: all 0.3s ease; } .upk-slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet, .upk-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet, .upk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-right: var(--upk-swiper-dots-space-between, 5px); outline: none; } .upk-slider .swiper-pagination.swiper-pagination-fraction, .upk-dots-container .swiper-pagination.swiper-pagination-fraction, .upk-arrows-dots-container .swiper-pagination.swiper-pagination-fraction { bottom: auto; z-index: 1; } .upk-slider .swiper-pagination-bullets, .upk-dots-container .swiper-pagination-bullets, .upk-arrows-dots-container .swiper-pagination-bullets { min-height: var(--upk-swiper-dots-active-height, 10px); } .upk-slider .swiper-pagination-bullets .swiper-pagination-bullet, .upk-dots-container .swiper-pagination-bullets .swiper-pagination-bullet, .upk-arrows-dots-container .swiper-pagination-bullets .swiper-pagination-bullet { position: relative; } .upk-slider .swiper-pagination-bullets .swiper-pagination-bullet:after, .upk-dots-container .swiper-pagination-bullets .swiper-pagination-bullet:after, .upk-arrows-dots-container .swiper-pagination-bullets .swiper-pagination-bullet:after { content: ""; width: calc(100% + 6px); height: calc(100% + 6px); position: absolute; transform: translate(50%, -50%); right: 50%; top: 50%; } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic, .upk-slider .swiper-pagination-bullets-dynamic, .upk-dots-container .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; width: 100% !important; right: 0 !important; transform: translateX(0) !important; } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } [class*=upk-arrows-align-top] .upk-arrows-container { transform: translateY(-40px); } [class*=upk-arrows-align-bottom] .upk-arrows-container { transform: translateY(40px); } [class*=upk-dots-align-top] .upk-dots-container { transform: translateY(-30px); } [class*=upk-dots-align-bottom] .upk-dots-container { transform: translateY(30px); } [class*=upk-arrows-dots-align-top] .upk-arrows-dots-container { transform: translateY(-40px); } [class*=upk-arrows-dots-align-bottom] .upk-arrows-dots-container { transform: translateY(40px); } .upk-arrows-align-center .upk-position-center, .upk-arrows-dots-align-center .upk-position-center { width: 100%; } .upk-arrows-align-center .upk-navigation-prev, .upk-arrows-dots-align-center .upk-navigation-prev { right: 0; position: absolute; transform: translateY(-50%); } .upk-arrows-align-center .upk-navigation-next, .upk-arrows-dots-align-center .upk-navigation-next { left: 0; position: absolute; transform: translateY(-50%); } .rtl .upk-arrows-align-center .upk-navigation-prev, .rtl .upk-arrows-dots-align-center .upk-navigation-prev { left: 0; right: inherit; } .rtl .upk-arrows-align-center .upk-navigation-next, .rtl .upk-arrows-dots-align-center .upk-navigation-next { right: 0; left: inherit; } .upk-arrows-dots-align-center .upk-dots-container .swiper-pagination, .upk-arrows-dots-align-center .upk-arrows-dots-container .swiper-pagination { position: absolute; width: 100% !important; } .upk-navigation-type-progress .swiper-pagination-progress { transform: translateY(15px); height: 5px; width: 100%; } [class*=" elementor-widget-upk-"] svg.e-font-icon-svg { height: 1em; width: 1em; } [class*=" elementor-widget-upk-"] .swiper-pagination-fraction, [class*=" elementor-widget-upk-"] .swiper-pagination-custom, [class*=" elementor-widget-upk-"] .swiper-horizontal > .swiper-pagination-bullets, [class*=" elementor-widget-upk-"] .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: auto; } [class*=elementor-widget-upk-] .upk-arrows-container { -webkit-transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 40)); transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 40)); } [class*=elementor-widget-upk-] .upk-dots-container { -webkit-transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 30)); transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 30)); } [class*=elementor-widget-upk-] .upk-arrows-dots-container { -webkit-transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 40)); transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 40)); } [class*=elementor-widget-upk-] .upk-arrows-fraction-container { -webkit-transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 40)); transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 40)); } [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-container, [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-container { -webkit-transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 0)) rotate(-90deg); transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 0)) rotate(-90deg); } [class*=elementor-widget-upk-] .upk-position-center-left .upk-dots-container, [class*=elementor-widget-upk-] .upk-position-center-right .upk-dots-container { -webkit-transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 0)) rotate(-90deg); transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 0)) rotate(-90deg); } [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-dots-container, [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-dots-container { -webkit-transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 0)) rotate(-90deg); transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 0)) rotate(-90deg); } [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-fraction-container, [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-fraction-container { -webkit-transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(-90deg); transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(-90deg); } #elementor-panel #elementor-controls .upk-disabled-control .elementor-control-input-wrapper { pointer-events: none !important; opacity: 0.4; } #elementor-panel #elementor-controls .upk-disabled-control .elementor-control-field { pointer-events: none !important; } #elementor-panel #elementor-controls .upk-disabled-control .elementor-control-field:before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; height: 6px; width: 18px; margin-bottom: 6px; background-size: 100% auto !important; content: ""; display: none; position: absolute; left: 35px; top: 0; } #elementor-panel #elementor-controls .upk-disabled-control .elementor-control-field:after { content: "This is a pro control, available with Ultimate Post Kit Pro version."; padding: 10px; display: none; position: absolute; top: -52px; left: 20px; width: 220px; text-align: right; background-color: rgba(0, 0, 0, 0.8); border-radius: 3px; color: #fff; z-index: 10; line-height: 16px; pointer-events: none; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3); } #elementor-panel #elementor-controls .upk-disabled-control:hover .elementor-control-field:after, #elementor-panel #elementor-controls .upk-disabled-control:hover .elementor-control-field:before { display: block; } #elementor-panel-category-ultimate-post-kit .elementor-element:hover .icon, #elementor-panel-category-ultimate-post-kit .elementor-element:hover .title { color: #EF233C; } #elementor-panel-category-ultimate-post-kit .elementor-element:hover .icon .upk-widget-icon:after, #elementor-panel-category-ultimate-post-kit .elementor-element:hover .title .upk-widget-icon:after { opacity: 1; } .elementor-element .icon { position: relative; } .elementor-element .icon .upk-widget-icon:after { content: "\e95b"; position: absolute; font-family: "ultimate-post-kit", serif; left: 8px; top: 8px; font-size: 10px; opacity: 0.4; } .elementor-element .icon .upk-widget-icon:before { font-size: 48px; } .elementor-element .icon .upk-widget-icon.upk-new:after { color: #EF233C; opacity: 1; } .upk-new-control:after, .upk-pro-control:after { color: #fff; font-size: 8px; font-weight: 700; border-radius: 2px; padding: 3px 4px; margin-right: 5px; vertical-align: middle; } .upk-new-control:after { content: "NEW"; background-color: #55c10c; } .upk-pro-control:after { content: "PRO"; background-color: #e62a3f; } .upk-updated-control:after { content: "UPDATED"; background-color: #2d60ce; color: #fff; font-size: 7px; font-weight: 700; border-radius: 2px; padding: 3px 4px; margin-right: 5px; vertical-align: middle; } #elementor-panel .elementor-control-type-section span.upk-widget-badge { position: absolute; left: 15px; } #elementor-panel .elementor-control-title span.upk-widget-badge:after, #elementor-panel .elementor-section-title span.upk-widget-badge:after { background-color: #e0e6ec; color: #50565d; } #elementor-panel #elementor-panel-header-title span.upk-widget-badge:after, #elementor-panel .elementor-control-title span.upk-widget-badge:after, #elementor-panel .elementor-section-title span.upk-widget-badge:after { font-family: "ultimate-post-kit" !important; content: "\e95b"; background-color: #e0e6ec; color: #50565d; font-size: 10px; font-weight: 700; border-radius: 30px; padding: 4px; margin-left: 4px; vertical-align: middle; } @font-face { font-family: "ultimate-post-kit"; src: url("../fonts/ultimate-post-kit.woff2?gor8op") format("woff2"), url("../fonts/ultimate-post-kit.ttf?gor8op") format("truetype"), url("../fonts/ultimate-post-kit.woff?gor8op") format("woff"), url("../fonts/ultimate-post-kit.svg?gor8op#ultimate-post-kit") format("svg"); font-weight: normal; font-style: normal; font-display: block; } [class^=upk-icon-], [class*=" upk-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "ultimate-post-kit" !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .upk-icon-dynamic-carousel:before { content: "\e9aa"; } .upk-icon-dynamic-grid:before { content: "\e9ab"; } .upk-icon-dynamic-accordion:before { content: "\e9ac"; } .upk-icon-dynamic-tabs:before { content: "\e9ae"; } .upk-icon-remote-fraction:before { content: "\e9a5"; } .upk-icon-remote-thumbs:before { content: "\e9a6"; } .upk-icon-remote-pagination:before { content: "\e9a7"; } .upk-icon-remote-arrows:before { content: "\e9a9"; } .upk-icon-featured-gallery:before { content: "\e9a0"; } .upk-icon-post-comments:before { content: "\e9a1"; } .upk-icon-post-title:before { content: "\e99a"; } .upk-icon-post-content:before { content: "\e99b"; } .upk-icon-post-info:before { content: "\e99e"; } .upk-icon-post-featured-image:before { content: "\e99f"; } .upk-icon-checkerboard:before { content: "\e998"; } .upk-icon-gratis-grid:before { content: "\e995"; } .upk-icon-eldora-carousel:before { content: "\e996"; } .upk-icon-gratis-carousel:before { content: "\e997"; } .upk-icon-candy-list:before { content: "\e994"; } .upk-icon-instagram-gallery:before { content: "\e992"; } .upk-icon-banner:before { content: "\e98f"; } .upk-icon-stone-hover:before { content: "\e991"; } .upk-icon-snog-slider:before { content: "\e98e"; } .upk-icon-iconic-slider:before { content: "\e9a8"; } .upk-icon-exotic-list:before { content: "\e98d"; } .upk-icon-foxico-slider:before { content: "\e98c"; } .upk-icon-reading-progress-circle:before { content: "\e98b"; } .upk-icon-pholox-slider:before { content: "\e990"; } .upk-icon-sline-slider:before { content: "\e999"; } .upk-icon-berlin-slider:before { content: "\e9a4"; } .upk-icon-carbon-slider:before { content: "\e98a"; } .upk-icon-reading-progress:before { content: "\e987"; } .upk-icon-atlas-slider:before { content: "\e988"; } .upk-icon-category-carousel:before { content: "\e989"; } .upk-icon-crystal-slider:before { content: "\e986"; } .upk-icon-vertex-slider:before { content: "\e984"; } .upk-icon-camux-slider:before { content: "\e985"; } .upk-icon-static-social-count:before { content: "\e983"; } .upk-icon-welsh-list:before { content: "\e97f"; } .upk-icon-amox-carousel:before { content: "\e980"; } .upk-icon-amox-grid:before { content: "\e981"; } .upk-icon-skide-slider:before { content: "\e97e"; } .upk-icon-recent-comments:before { content: "\e97d"; } .upk-icon-pixina-grid:before { content: "\e975"; } .upk-icon-classic-list:before { content: "\e976"; } .upk-icon-noxe-slider:before { content: "\e977"; } .upk-icon-grove-timeline:before { content: "\e978"; } .upk-icon-post-calendar:before { content: "\e979"; } .upk-icon-wixer-carousel:before { content: "\e97a"; } .upk-icon-wixer-grid:before { content: "\e97b"; } .upk-icon-pixina-carousel:before { content: "\e97c"; } .upk-icon-soft-timeline:before { content: "\e96f"; } .upk-icon-hansel-slider:before { content: "\e970"; } .upk-icon-holux-tabs:before { content: "\e971"; } .upk-icon-forbes-tabs:before { content: "\e972"; } .upk-icon-snap-timeline:before { content: "\e973"; } .upk-icon-optick-slider:before { content: "\e974"; } .upk-icon-buzz-list:before { content: "\e96a"; } .upk-icon-buzz-list-carousel:before { content: "\e96b"; } .upk-icon-newsletter:before { content: "\e96c"; } .upk-icon-scott-list:before { content: "\e96d"; } .upk-icon-fanel-list:before { content: "\e96e"; } .upk-icon-social-share:before { content: "\e969"; } .upk-icon-social-link:before { content: "\e969"; } .upk-icon-tiny-list:before { content: "\e968"; } .upk-icon-author:before { content: "\e967"; } .upk-icon-timeline:before { content: "\e965"; } .upk-icon-featured-list:before { content: "\e966"; } .upk-icon-tag-cloud:before { content: "\e960"; } .upk-icon-post-accordion:before { content: "\e962"; } .upk-icon-harold-carousel:before { content: "\e963"; } .upk-icon-post-category:before { content: "\e964"; } .upk-icon-news-ticker:before { content: "\e95f"; } .upk-icon-kalon-carousel:before { content: "\e95c"; } .upk-icon-kalon-grid:before { content: "\e95d"; } .upk-icon-paradox-slider:before { content: "\e95e"; } .upk-icon-alice-carousel:before { content: "\e958"; } .upk-icon-alice-grid:before { content: "\e959"; } .upk-icon-harold-list:before { content: "\e95a"; } .upk-icon-alex-carousel:before { content: "\e951"; } .upk-icon-alex-grid:before { content: "\e952"; } .upk-icon-ramble-grid:before { content: "\e953"; } .upk-icon-ramble-carousel:before { content: "\e954"; } .upk-icon-maple-carousel:before { content: "\e955"; } .upk-icon-elite-carousel:before { content: "\e956"; } .upk-icon-alter-carousel:before { content: "\e957"; } .upk-icon-alter-grid:before { content: "\e902"; } .upk-icon-elite-grid:before { content: "\e94d"; } .upk-icon-hazel-carousel:before { content: "\e94e"; } .upk-icon-hazel-grid:before { content: "\e94f"; } .upk-icon-maple-grid:before { content: "\e950"; } .upk-icon-dynamic-content:before { content: "\e9b0"; } .upk-icon-audio_link:before { content: "\e9a2"; } .upk-icon-multicolor-item:before { content: "\e993"; } .upk-icon-category_image:before { content: "\e9c2"; } .upk-icon-video_link:before { content: "\e9c3"; } .upk-icon-live-copy:before { content: "\e9bf"; } .upk-icon-asset-manager:before { content: "\e9c0"; } .upk-icon-duplicator:before { content: "\e9c1"; } .upk-icon-animations:before { content: "\e982"; } .upk-icon-arrow-left-0:before { content: "\e99c"; } .upk-icon-arrow-right-0:before { content: "\e99d"; } .upk-icon-arrow-left-1:before { content: "\e917"; } .upk-icon-arrow-right-1:before { content: "\e925"; } .upk-icon-arrow-left-2:before { content: "\e918"; } .upk-icon-arrow-right-2:before { content: "\e926"; } .upk-icon-arrow-left-3:before { content: "\e919"; } .upk-icon-arrow-right-3:before { content: "\e927"; } .upk-icon-arrow-left-4:before { content: "\e91a"; } .upk-icon-arrow-right-4:before { content: "\e928"; } .upk-icon-arrow-left-5:before { content: "\e943"; } .upk-icon-arrow-right-5:before { content: "\e944"; } .upk-icon-arrow-left-6:before { content: "\e945"; } .upk-icon-arrow-right-6:before { content: "\e946"; } .upk-icon-arrow-left-7:before { content: "\e949"; } .upk-icon-arrow-right-7:before { content: "\e94a"; } .upk-icon-arrow-left-8:before { content: "\e91e"; } .upk-icon-arrow-right-8:before { content: "\e92c"; } .upk-icon-arrow-left-9:before { content: "\e91f"; } .upk-icon-arrow-right-9:before { content: "\e92d"; } .upk-icon-arrow-left-10:before { content: "\e920"; } .upk-icon-arrow-right-10:before { content: "\e92e"; } .upk-icon-arrow-left-11:before { content: "\e921"; } .upk-icon-arrow-right-11:before { content: "\e92f"; } .upk-icon-arrow-left-12:before { content: "\e94b"; } .upk-icon-arrow-right-12:before { content: "\e94c"; } .upk-icon-arrow-left-13:before { content: "\e922"; } .upk-icon-arrow-right-13:before { content: "\e930"; } .upk-icon-arrow-left-14:before { content: "\e91d"; } .upk-icon-arrow-right-14:before { content: "\e92b"; } .upk-icon-arrow-left-15:before { content: "\e923"; } .upk-icon-arrow-right-15:before { content: "\e931"; } .upk-icon-arrow-left-16:before { content: "\e924"; } .upk-icon-arrow-right-16:before { content: "\e932"; } .upk-icon-arrow-left-17:before { content: "\e91c"; } .upk-icon-arrow-right-17:before { content: "\e92a"; } .upk-icon-arrow-left-18:before { content: "\e91b"; } .upk-icon-arrow-right-18:before { content: "\e929"; } .upk-icon-arrow-up-1:before { content: "\e933"; } .upk-icon-arrow-down-1:before { content: "\e910"; } .upk-icon-arrow-up-2:before { content: "\e934"; } .upk-icon-arrow-down-2:before { content: "\e911"; } .upk-icon-arrow-up-3:before { content: "\e935"; } .upk-icon-arrow-down-3:before { content: "\e912"; } .upk-icon-arrow-up-4:before { content: "\e936"; } .upk-icon-arrow-down-4:before { content: "\e913"; } .upk-icon-arrow-up-5:before { content: "\e937"; } .upk-icon-arrow-down-5:before { content: "\e915"; } .upk-icon-arrow-up-7:before { content: "\e938"; } .upk-icon-arrow-down-7:before { content: "\e916"; } .upk-icon-arrow-up-8:before { content: "\e939"; } .upk-icon-arrow-down-8:before { content: "\e947"; } .upk-icon-arrow-left-circle-1:before { content: "\e93b"; } .upk-icon-arrow-right-circle-1:before { content: "\e93f"; } .upk-icon-arrow-left-circle-2:before { content: "\e93c"; } .upk-icon-arrow-right-circle-2:before { content: "\e940"; } .upk-icon-arrow-left-circle-3:before { content: "\e93d"; } .upk-icon-arrow-right-circle-3:before { content: "\e941"; } .upk-icon-arrow-left-circle-4:before { content: "\e93a"; } .upk-icon-arrow-right-circle-4:before { content: "\e93e"; } .upk-icon-arrow-left-square-1:before { content: "\e948"; } .upk-icon-arrow-right-square-1:before { content: "\e942"; } .upk-icon-play:before { content: "\e9a3"; } .upk-icon-ultimate-post-kit:before { content: "\e95b"; } .upk-icon-hexagon-zigzag:before { content: "\e90f"; } .upk-icon-bulge-rectangle:before { content: "\e90e"; } .upk-icon-hexagon-radius2:before { content: "\e90d"; } .upk-icon-hexagon:before { content: "\e90c"; } .upk-icon-hexagon-radius:before { content: "\e604"; } .upk-icon-g2:before { content: "\e90b"; } .upk-icon-plus-2:before { content: "\e908"; } .upk-icon-user:before { content: "\f007"; } .upk-icon-eye:before { content: "\f06e"; } .upk-icon-email:before { content: "\f0e0"; } .upk-icon-meneame:before { content: "\e906"; } .upk-icon-moimir:before { content: "\e900"; } .upk-icon-instapaper:before { content: "\e903"; } .upk-icon-surfingbird:before { content: "\e904"; } .upk-icon-livejournal:before { content: "\e905"; } .upk-icon-baidu:before { content: "\e907"; } .upk-icon-line:before { content: "\e90a"; } .upk-icon-twitter:before { content: "\f099"; } .upk-icon-linkedin:before { content: "\f0e1"; } .upk-icon-github:before { content: "\f113"; } .upk-icon-youtube:before { content: "\f167"; } .upk-icon-xing:before { content: "\f168"; } .upk-icon-instagram:before { content: "\f16d"; } .upk-icon-tumblr:before { content: "\f173"; } .upk-icon-apple:before { content: "\f179"; } .upk-icon-android:before { content: "\f17b"; } .upk-icon-dribbble:before { content: "\f17d"; } .upk-icon-skype:before { content: "\f17e"; } .upk-icon-vk:before { content: "\f189"; } .upk-icon-weibo:before { content: "\f18a"; } .upk-icon-renren:before { content: "\f18b"; } .upk-icon-wordpress:before { content: "\f19a"; } .upk-icon-google:before { content: "\f1a0"; } .upk-icon-delicious:before { content: "\f1a5"; } .upk-icon-digg:before { content: "\f1a6"; } .upk-icon-soundcloud:before { content: "\f1be"; } .upk-icon-wechat:before { content: "\f1d7"; } .upk-icon-pinterest:before { content: "\f231"; } .upk-icon-whatsapp:before { content: "\f232"; } .upk-icon-odnoklassniki:before { content: "\f263"; } .upk-icon-pocket:before { content: "\f265"; } .upk-icon-safari:before { content: "\f267"; } .upk-icon-chrome:before { content: "\f268"; } .upk-icon-firefox:before { content: "\f269"; } .upk-icon-opera:before { content: "\f26a"; } .upk-icon-ie:before { content: "\f26b"; } .upk-icon-vimeo:before { content: "\f27d"; } .upk-icon-reddit:before { content: "\f281"; } .upk-icon-edge:before { content: "\f282"; } .upk-icon-blogger:before { content: "\f37d"; } .upk-icon-facebook:before { content: "\f39e"; } .upk-icon-messenger:before { content: "\f39f"; } .upk-icon-googleplay:before { content: "\f3ab"; } .upk-icon-mix:before { content: "\f3cb"; } .upk-icon-telegram:before { content: "\f3fe"; } .upk-icon-uikit:before { content: "\f403"; } .upk-icon-viber:before { content: "\f409"; } .upk-icon-flipboard:before { content: "\f44d"; } .upk-icon-buffer:before { content: "\f837"; } .upk-icon-evernote:before { content: "\f839"; } .upk-icon-plus:before { content: "\e909"; } .upk-icon-search:before { content: "\e901"; } .upk-icon-edit:before { content: "\e914"; } .upk-icon-video-player:before { content: "\e961"; } .upk-icon-book-play:before { content: "\e9b1"; } .upk-icon-tutorial:before { content: "\e9b1"; } .upk-icon-post:before { content: "\e9ad"; } .upk-icon-picture:before { content: "\e9af"; } .upk-icon-music:before { content: "\e9b2"; } .upk-icon-video:before { content: "\e9b3"; } .upk-icon-code:before { content: "\e9bb"; } .upk-icon-cart:before { content: "\e9ff"; } .upk-icon-location:before { content: "\ea3d"; } .upk-icon-clock:before { content: "\ea4f"; } .upk-icon-calendar:before { content: "\ea5f"; } .upk-icon-display:before { content: "\ea75"; } .upk-icon-preview:before { content: "\ea75"; } .upk-icon-bubble:before { content: "\eac7"; } .upk-icon-bubbles:before { content: "\eac9"; } .upk-icon-quote:before { content: "\eae1"; } .upk-icon-spinner:before { content: "\eb23"; } .upk-icon-loading:before { content: "\eb23"; } .upk-icon-spinner-2:before { content: "\eb2a"; } .upk-icon-enlarge:before { content: "\eb3c"; } .upk-icon-lock:before { content: "\eb51"; } .upk-icon-menu:before { content: "\ec71"; } .upk-icon-website:before { content: "\ec98"; } .upk-icon-url:before { content: "\ec98"; } .upk-icon-link:before { content: "\ec9f"; } .upk-icon-star-empty:before { content: "\ece0"; } .upk-icon-star-half:before { content: "\ece1"; } .upk-icon-star-full:before { content: "\ece2"; } .upk-icon-heart-full:before { content: "\ecec"; } .upk-icon-heart-empty:before { content: "\eced"; } .upk-icon-gallery:before { content: "\ed3f"; } .upk-icon-question:before { content: "\ed55"; } .upk-icon-plus3:before { content: "\ed5d"; } .upk-icon-checkmark:before { content: "\ed71"; } .upk-icon-new-tab:before { content: "\eec9"; } .upk-icon-behance:before { content: "\ef07"; } .upk-icon-yelp:before { content: "\ef36"; } .upk-slider .swiper-pagination, .upk-dots-container .swiper-pagination, .upk-arrows-dots-container .swiper-pagination { position: relative; display: flex; align-items: var(--upk-swiper-dots-align, center); justify-content: center; } .upk-slider .swiper-pagination .swiper-pagination-bullet, .upk-dots-container .swiper-pagination .swiper-pagination-bullet, .upk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet { width: 10px; height: 10px; outline: none; transition: all 0.3s ease; } .upk-slider .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet, .upk-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet, .upk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-right: var(--upk-swiper-dots-space-between, 5px); outline: none; } .upk-slider .swiper-pagination.swiper-pagination-fraction, .upk-dots-container .swiper-pagination.swiper-pagination-fraction, .upk-arrows-dots-container .swiper-pagination.swiper-pagination-fraction { bottom: auto; z-index: 1; } .upk-slider .swiper-pagination-bullets, .upk-dots-container .swiper-pagination-bullets, .upk-arrows-dots-container .swiper-pagination-bullets { min-height: var(--upk-swiper-dots-active-height, 10px); } .upk-slider .swiper-pagination-bullets .swiper-pagination-bullet, .upk-dots-container .swiper-pagination-bullets .swiper-pagination-bullet, .upk-arrows-dots-container .swiper-pagination-bullets .swiper-pagination-bullet { position: relative; } .upk-slider .swiper-pagination-bullets .swiper-pagination-bullet:after, .upk-dots-container .swiper-pagination-bullets .swiper-pagination-bullet:after, .upk-arrows-dots-container .swiper-pagination-bullets .swiper-pagination-bullet:after { content: ""; width: calc(100% + 6px); height: calc(100% + 6px); position: absolute; transform: translate(50%, -50%); right: 50%; top: 50%; } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic, .upk-slider .swiper-pagination-bullets-dynamic, .upk-dots-container .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; width: 100% !important; right: 0 !important; transform: translateX(0) !important; } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .upk-arrows-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .upk-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next, .upk-dots-container .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } [class*=upk-arrows-align-top] .upk-arrows-container { transform: translateY(-40px); } [class*=upk-arrows-align-bottom] .upk-arrows-container { transform: translateY(40px); } [class*=upk-dots-align-top] .upk-dots-container { transform: translateY(-30px); } [class*=upk-dots-align-bottom] .upk-dots-container { transform: translateY(30px); } [class*=upk-arrows-dots-align-top] .upk-arrows-dots-container { transform: translateY(-40px); } [class*=upk-arrows-dots-align-bottom] .upk-arrows-dots-container { transform: translateY(40px); } .upk-arrows-align-center .upk-position-center, .upk-arrows-dots-align-center .upk-position-center { width: 100%; } .upk-arrows-align-center .upk-navigation-prev, .upk-arrows-dots-align-center .upk-navigation-prev { right: 0; position: absolute; transform: translateY(-50%); } .upk-arrows-align-center .upk-navigation-next, .upk-arrows-dots-align-center .upk-navigation-next { left: 0; position: absolute; transform: translateY(-50%); } .rtl .upk-arrows-align-center .upk-navigation-prev, .rtl .upk-arrows-dots-align-center .upk-navigation-prev { left: 0; right: inherit; } .rtl .upk-arrows-align-center .upk-navigation-next, .rtl .upk-arrows-dots-align-center .upk-navigation-next { right: 0; left: inherit; } .upk-arrows-dots-align-center .upk-dots-container .swiper-pagination, .upk-arrows-dots-align-center .upk-arrows-dots-container .swiper-pagination { position: absolute; width: 100% !important; } .upk-navigation-type-progress .swiper-pagination-progress { transform: translateY(15px); height: 5px; width: 100%; } [class*=" elementor-widget-upk-"] svg.e-font-icon-svg { height: 1em; width: 1em; } [class*=" elementor-widget-upk-"] .swiper-pagination-fraction, [class*=" elementor-widget-upk-"] .swiper-pagination-custom, [class*=" elementor-widget-upk-"] .swiper-horizontal > .swiper-pagination-bullets, [class*=" elementor-widget-upk-"] .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: auto; } [class*=elementor-widget-upk-] .upk-arrows-container { -webkit-transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 40)); transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 40)); } [class*=elementor-widget-upk-] .upk-dots-container { -webkit-transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 30)); transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 30)); } [class*=elementor-widget-upk-] .upk-arrows-dots-container { -webkit-transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 40)); transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 40)); } [class*=elementor-widget-upk-] .upk-arrows-fraction-container { -webkit-transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 40)); transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 40)); } [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-container, [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-container { -webkit-transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 0)) rotate(-90deg); transform: translate(var(--upk-swiper-carousel-arrows-ncx, 0), var(--upk-swiper-carousel-arrows-ncy, 0)) rotate(-90deg); } [class*=elementor-widget-upk-] .upk-position-center-left .upk-dots-container, [class*=elementor-widget-upk-] .upk-position-center-right .upk-dots-container { -webkit-transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 0)) rotate(-90deg); transform: translate(var(--upk-swiper-carousel-dots-nnx, 0), var(--upk-swiper-carousel-dots-nny, 0)) rotate(-90deg); } [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-dots-container, [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-dots-container { -webkit-transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 0)) rotate(-90deg); transform: translate(var(--upk-swiper-carousel-both-ncx, 0), var(--upk-swiper-carousel-both-ncy, 0)) rotate(-90deg); } [class*=elementor-widget-upk-] .upk-position-center-left .upk-arrows-fraction-container, [class*=elementor-widget-upk-] .upk-position-center-right .upk-arrows-fraction-container { -webkit-transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(-90deg); transform: translate(var(--upk-swiper-carousel-arrows-fraction-ncx, 0), var(--upk-swiper-carousel-arrows-fraction-ncy, 0)) rotate(-90deg); } [class*=elementor-widget-upk-] a:hover { text-decoration: none; } [class*=elementor-widget-upk-] .swiper-pagination .swiper-pagination-bullet { transition: all 350ms cubic-bezier(0.38, 0.91, 0.58, 1); } [class*=elementor-widget-upk-] .upk-title a { font-family: inherit; font-size: inherit; font-weight: inherit; text-transform: inherit; font-style: inherit; text-decoration: inherit; line-height: inherit; letter-spacing: inherit; word-spacing: inherit; } /* Common Less */ .elementor-lightbox *, .elementor-lightbox *::before, .elementor-lightbox *::after { box-sizing: border-box; } .title-animation-middle-overline, .title-animation-middle-underline, .title-animation-overline, .title-animation-underline { background-image: -webkit-gradient(linear, right top, right bottom, from(currentColor), to(currentColor)); background-image: linear-gradient(currentColor, currentColor); background-repeat: no-repeat; background-size: 0% 2px; -webkit-transition: background-size 0.3s; transition: background-size 0.3s; display: inline; } .title-animation-middle-overline:hover, .title-animation-middle-underline:hover, .title-animation-overline:hover, .title-animation-underline:hover { background-size: 100% 2px; } .title-animation-middle-overline:focus, .title-animation-middle-underline:focus, .title-animation-overline:focus, .title-animation-underline:focus { background-size: 100% 2px; } .title-animation-underline { background-position: 100% 100%; } .title-animation-overline { background-position: 100% 0; } .title-animation-middle-overline { background-position: 50% 0%; } .title-animation-middle-underline { background-position: 50% 100%; } .title-animation-style-5 { background: linear-gradient(to left, currentColor 0%, currentColor 98%); background-size: 0px 2px; background-repeat: no-repeat; background-position: right 85%; } .title-animation-style-5:hover { background-size: 100% 2px; } @keyframes backgroundGradient { 0% { background-position: 50% 0%; } 50% { background-position: 50% 100%; } 100% { background-position: 50% 0%; } } .title-animation-style-6 { position: relative; text-decoration: none; } .title-animation-style-6:after { content: ""; position: absolute; width: 100%; height: 1px; bottom: 0; right: 0; background-color: currentColor; transform: scaleX(0); transform-origin: bottom left; transition: transform 0.3s; } .title-animation-style-6:hover:after { transform-origin: bottom right; transform: scaleX(1); } [class*=elementor-widget-upk-] { /* swiper for 3rd party style */ } [class*=elementor-widget-upk-] .swiper-pagination-fraction, [class*=elementor-widget-upk-] .swiper-pagination-custom, [class*=elementor-widget-upk-] .swiper-horizontal .swiper-pagination-bullets, [class*=elementor-widget-upk-] .swiper-horizontal + .swiper-pagination-bullets { bottom: -50px; width: 100%; } [class*=elementor-widget-upk-] .swiper-pagination-fraction .swiper-pagination-bullet, [class*=elementor-widget-upk-] .swiper-pagination-custom .swiper-pagination-bullet, [class*=elementor-widget-upk-] .swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet, [class*=elementor-widget-upk-] .swiper-horizontal + .swiper-pagination-bullets .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px; } .upk-navigation-type-arrows-fraction .swiper-pagination { position: initial; } .rtl .upk-arrows-container, .rtl .upk-arrows-fraction-container, .rtl .upk-arrows-dots-container { direction: ltr; } .rtl .upk-arrows-container .swiper-pagination, .rtl .upk-arrows-fraction-container .swiper-pagination, .rtl .upk-arrows-dots-container .swiper-pagination { direction: rtl; } .rtl .upk-news-ticker-controls { display: flex; flex-direction: row-reverse; } [class*=elementor-widget-upk-] { /* Swiper */ } [class*=elementor-widget-upk-] .swiper .elementor-lightbox-content-source { display: none; } [class*=elementor-widget-upk-] .swiper-horizontal + .swiper-pagination-progressbar, [class*=elementor-widget-upk-] .swiper-vertical + .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; } [class*=elementor-widget-upk-] .swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; } [class*=elementor-widget-upk-] .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; position: absolute; right: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: right top; } .upk-alert { padding: 20px; background: #2b2d42; color: #fff; border-radius: 4px; } /** * Ajax Loadmore */ .upk-loadmore-container { text-align: center; margin-top: 30px; } .upk-loadmore-container .upk-loadmore-btn { padding: 10px 20px; border-radius: 4px; background: #EF233C; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase; transition: all 0.3s ease; cursor: pointer; display: inline-flex; } .upk-loadmore-container .upk-loadmore-btn:hover { background: #EDF2F4; color: #EF233C; } .upk-loadmore-container .upk-ajax-loading, .upk-loadmore-container .upk-ajax-loading:before, .upk-loadmore-container .upk-ajax-loading:after { border-radius: 50%; width: 2.5em; height: 2.5em; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation: load7 1.8s infinite ease-in-out; animation: load7 1.8s infinite ease-in-out; } .upk-loadmore-container .upk-ajax-loading { color: #EF233C; font-size: 5px; margin: 30px auto 40px auto; position: relative; text-indent: -9999em; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .upk-loadmore-container .upk-ajax-loading:before, .upk-loadmore-container .upk-ajax-loading:after { content: ""; position: absolute; top: 0; } .upk-loadmore-container .upk-ajax-loading:before { right: -3.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .upk-loadmore-container .upk-ajax-loading:after { right: 3.5em; } @-webkit-keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } @keyframes load7 { 0%, 80%, 100% { box-shadow: 0 2.5em 0 -1.3em; } 40% { box-shadow: 0 2.5em 0 0; } } .ep-pagination .upk-pagination { margin: 20px 0; } .ep-pagination .upk-pagination li { list-style-type: none; } .ep-pagination .upk-pagination li:hover a, .ep-pagination .upk-pagination li.upk-active a { color: #ef233c; } .ep-pagination .upk-pagination li a { font-size: 16px; font-weight: 600; color: #8d99ae; line-height: 1; } .ep-pagination .upk-pagination li:nth-child(1) { padding-right: 0; } .ep-pagination .upk-pagination li.upk-pagination-previous a, .ep-pagination .upk-pagination li.upk-pagination-next a { border: 1px solid #8d99ae; padding: 10px; border-radius: 3px; display: inline-block; } .ep-pagination .upk-pagination { display: flex; justify-content: center; flex-wrap: wrap; padding: 0; list-style: none; align-items: center; } .ep-pagination .upk-pagination > * { flex: none; padding-right: 20px; position: relative; } .ep-pagination .upk-pagination > * > * { color: #8d99ae; } .ep-pagination .upk-pagination > * > :hover, .ep-pagination .upk-pagination > * > :focus { color: #8d99ae; text-decoration: none; } .ep-pagination .upk-pagination > .upk-active > * { color: #8d99ae; } .ep-pagination .upk-pagination > .upk-disabled > * { color: #8d99ae; } .ep-pagination .upk-pagination-dot-dot { display: flex; align-items: center; justify-content: center; } .ep-pagination .upk-pagination-dot-dot span { line-height: 1px; height: 13px; color: #bbb !important; } [class*=elementor-widget-upk-] .upk-navigation-prev, [class*=elementor-widget-upk-] .upk-navigation-next { cursor: pointer; } [class*=elementor-widget-upk-] .swiper-coverflow { padding-top: 15px; } [class*=elementor-widget-upk-] .swiper-coverflow .swiper-slide { transition-property: transform, border, background; } [class*=elementor-widget-upk-] .swiper-horizontal > .swiper-pagination-progress { top: auto; bottom: 0; } .elementor-pagination-position-inside .swiper-pagination-fraction, .elementor-pagination-position-inside .swiper-horizontal > .swiper-pagination-bullets { bottom: 10px; } .elementor-pagination-position-outside .swiper { padding-bottom: 40px; } .elementor-pagination-position-outside .swiper-pagination-fraction, .elementor-pagination-position-outside .swiper-horizontal > .swiper-pagination-bullets { bottom: 0; } /* Button icon align */ .upk-button-icon-align-left { float: right; } .upk-button-icon-align-right { float: left; } .upk-flex-align-left { order: -1; } .upk-flex-align-right { order: 99; } .upk-display-inline-block { display: inline-block !important; } [class*=upk-position-top], [class*=upk-position-bottom], [class*=upk-position-left], [class*=upk-position-right], [class*=upk-position-center] { position: absolute !important; max-width: 100%; } .upk-position-top { top: 0; right: 0; left: 0; } .upk-position-bottom { bottom: 0; right: 0; left: 0; } .upk-position-left { top: 0; bottom: 0; right: 0; } .upk-position-right { top: 0; bottom: 0; left: 0; } .upk-position-top-left { top: 0; right: 0; } .upk-position-top-right { top: 0; left: 0; } .upk-position-bottom-left { bottom: 0; right: 0; } .upk-position-bottom-right { bottom: 0; left: 0; } .upk-position-center { top: 50%; right: 50%; transform: translate(50%, -50%); width: max-content; max-width: 100%; box-sizing: border-box; } [class*=upk-position-center-left], [class*=upk-position-center-right] { top: 50%; transform: translateY(-50%); } .upk-position-center-left { right: 0; } .upk-position-center-right { left: 0; } .upk-position-center-left-out { left: 100%; width: max-content; } .upk-position-center-right-out { right: 100%; width: max-content; } .upk-position-top-center, .upk-position-bottom-center { right: 50%; transform: translateX(50%); width: max-content; max-width: 100%; box-sizing: border-box; } .upk-position-top-center { top: 0; } .upk-position-bottom-center { bottom: 0; } .upk-position-cover { position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .upk-position-relative { position: relative !important; } .upk-position-absolute { position: absolute !important; } .upk-position-fixed { position: fixed !important; } .upk-position-z-index { z-index: 1; } .upk-position-small { max-width: calc(100% - 30px); margin: 15px; } .upk-position-small.upk-position-center { transform: translate(50%, -50%) translate(15px, -15px); } .upk-position-small[class*=upk-position-center-left], .upk-position-small[class*=upk-position-center-right] { transform: translateY(-50%) translateY(-15px); } .upk-position-small.upk-position-top-center, .upk-position-small.upk-position-bottom-center { transform: translateX(50%) translateX(15px); } .upk-position-medium { max-width: calc(100% - 60px); margin: 30px; } .upk-position-medium.upk-position-center { transform: translate(50%, -50%) translate(30px, -30px); } .upk-position-medium[class*=upk-position-center-left], .upk-position-medium[class*=upk-position-center-right] { transform: translateY(-50%) translateY(-30px); } .upk-position-medium.upk-position-top-center, .upk-position-medium.upk-position-bottom-center { transform: translateX(50%) translateX(30px); } .upk-position-large { max-width: calc(100% - 60px); margin: 30px; } .upk-position-large.upk-position-center { transform: translate(50%, -50%) translate(30px, -30px); } .upk-position-large[class*=upk-position-center-left], .upk-position-large[class*=upk-position-center-right] { transform: translateY(-50%) translateY(-30px); } .upk-position-large.upk-position-top-center, .upk-position-large.upk-position-bottom-center { transform: translateX(50%) translateX(30px); } @media (min-width: 1200px) { .upk-position-large { max-width: calc(100% - 100px); margin: 50px; } .upk-position-large.upk-position-center { transform: translate(50%, -50%) translate(50px, -50px); } .upk-position-large[class*=upk-position-center-left], .upk-position-large[class*=upk-position-center-right] { transform: translateY(-50%) translateY(-50px); } .upk-position-large.upk-position-top-center, .upk-position-large.upk-position-bottom-center { transform: translateX(50%) translateX(50px); } } .upk-transition-toggle { -webkit-tap-highlight-color: transparent; } .upk-transition-toggle:focus { outline: none; } .upk-transition-fade, [class*=upk-transition-scale], [class*=upk-transition-slide] { transition: 0.3s ease-out; transition-property: opacity, transform, filter; opacity: 0; } .upk-transition-toggle:hover .upk-transition-fade, .upk-transition-toggle:focus .upk-transition-fade, .upk-transition-active.upk-active .upk-transition-fade { opacity: 1; } .upk-transition-scale-up { transform: scale(1, 1); } .upk-transition-scale-down { transform: scale(1.1, 1.1); } .upk-transition-toggle:hover .upk-transition-scale-up, .upk-transition-toggle:focus .upk-transition-scale-up, .upk-transition-active.upk-active .upk-transition-scale-up { opacity: 1; transform: scale(1.1, 1.1); } .upk-transition-toggle:hover .upk-transition-scale-down, .upk-transition-toggle:focus .upk-transition-scale-down, .upk-transition-active.upk-active .upk-transition-scale-down { opacity: 1; transform: scale(1, 1); } .upk-transition-slide-top { transform: translateY(-100%); } .upk-transition-slide-bottom { transform: translateY(100%); } .upk-transition-slide-left { transform: translateX(100%); } .upk-transition-slide-right { transform: translateX(-100%); } .upk-transition-slide-top-small { transform: translateY(-10px); } .upk-transition-slide-bottom-small { transform: translateY(10px); } .upk-transition-slide-left-small { transform: translateX(10px); } .upk-transition-slide-right-small { transform: translateX(-10px); } .upk-transition-slide-top-medium { transform: translateY(-50px); } .upk-transition-slide-bottom-medium { transform: translateY(50px); } .upk-transition-slide-left-medium { transform: translateX(50px); } .upk-transition-slide-right-medium { transform: translateX(-50px); } .upk-transition-toggle:hover [class*=upk-transition-slide], .upk-transition-toggle:focus [class*=upk-transition-slide], .upk-transition-active.upk-active [class*=upk-transition-slide] { opacity: 1; transform: translate(0, 0); } .upk-transition-opaque { opacity: 1; } .upk-transition-slow { transition-duration: 0.7s; } [hidden], .upk-hidden { display: none !important; } @media (min-width: 640px) { .upk-hidden\@s { display: none !important; } } @media (min-width: 960px) { .upk-hidden\@m { display: none !important; } } @media (min-width: 1200px) { .upk-hidden\@l { display: none !important; } } @media (min-width: 1600px) { .upk-hidden\@xl { display: none !important; } } @media (max-width: 639px) { .upk-visible\@s { display: none !important; } } @media (max-width: 959px) { .upk-visible\@m { display: none !important; } } @media (max-width: 1199px) { .upk-visible\@l { display: none !important; } } @media (max-width: 1599px) { .upk-visible\@xl { display: none !important; } } .upk-invisible { visibility: hidden !important; } .upk-flex { display: flex; } .upk-flex-inline { display: inline-flex; } .upk-flex::before, .upk-flex::after, .upk-flex-inline::before, .upk-flex-inline::after { display: none; } .upk-flex-left { justify-content: flex-start; } .upk-flex-center { justify-content: center; } .upk-flex-right { justify-content: flex-end; } .upk-flex-between { justify-content: space-between; } .upk-flex-around { justify-content: space-around; } @media (min-width: 640px) { .upk-flex-left\@s { justify-content: flex-start; } .upk-flex-center\@s { justify-content: center; } .upk-flex-right\@s { justify-content: flex-end; } .upk-flex-between\@s { justify-content: space-between; } .upk-flex-around\@s { justify-content: space-around; } } @media (min-width: 960px) { .upk-flex-left\@m { justify-content: flex-start; } .upk-flex-center\@m { justify-content: center; } .upk-flex-right\@m { justify-content: flex-end; } .upk-flex-between\@m { justify-content: space-between; } .upk-flex-around\@m { justify-content: space-around; } } @media (min-width: 1200px) { .upk-flex-left\@l { justify-content: flex-start; } .upk-flex-center\@l { justify-content: center; } .upk-flex-right\@l { justify-content: flex-end; } .upk-flex-between\@l { justify-content: space-between; } .upk-flex-around\@l { justify-content: space-around; } } @media (min-width: 1600px) { .upk-flex-left\@xl { justify-content: flex-start; } .upk-flex-center\@xl { justify-content: center; } .upk-flex-right\@xl { justify-content: flex-end; } .upk-flex-between\@xl { justify-content: space-between; } .upk-flex-around\@xl { justify-content: space-around; } } .upk-flex-stretch { align-items: stretch; } .upk-flex-top { align-items: flex-start; } .upk-flex-middle { align-items: center; } .upk-flex-bottom { align-items: flex-end; } .upk-flex-row { flex-direction: row; } .upk-flex-row-reverse { flex-direction: row-reverse; } .upk-flex-column { flex-direction: column; } .upk-flex-column-reverse { flex-direction: column-reverse; } .upk-flex-nowrap { flex-wrap: nowrap; } .upk-flex-wrap { flex-wrap: wrap; } .upk-flex-wrap-reverse { flex-wrap: wrap-reverse; } .upk-flex-wrap-stretch { align-content: stretch; } .upk-flex-wrap-top { align-content: flex-start; } .upk-flex-wrap-middle { align-content: center; } .upk-flex-wrap-bottom { align-content: flex-end; } .upk-flex-wrap-between { align-content: space-between; } .upk-flex-wrap-around { align-content: space-around; } .upk-flex-first { order: -1; } .upk-flex-last { order: 99; } @media (min-width: 640px) { .upk-flex-first\@s { order: -1; } .upk-flex-last\@s { order: 99; } } @media (min-width: 960px) { .upk-flex-first\@m { order: -1; } .upk-flex-last\@m { order: 99; } } @media (min-width: 1200px) { .upk-flex-first\@l { order: -1; } .upk-flex-last\@l { order: 99; } } @media (min-width: 1600px) { .upk-flex-first\@xl { order: -1; } .upk-flex-last\@xl { order: 99; } } .upk-flex-none { flex: none; } .upk-flex-auto { flex: auto; } .upk-flex-1 { flex: 1; } .upk-slidenav { padding: 5px 10px; color: rgba(102, 102, 102, 0.5); } .upk-slidenav:hover, .upk-slidenav:focus { color: rgba(102, 102, 102, 0.9); outline: none; } .upk-slidenav:active { color: rgba(102, 102, 102, 0.5); } .upk-slidenav-large { padding: 10px 10px; } .upk-slidenav-container { display: flex; } .upk-icon { margin: 0; border: none; border-radius: 0; overflow: visible; font: inherit; color: inherit; text-transform: none; padding: 0; background-color: transparent; display: inline-block; fill: currentcolor; line-height: 0; } /* ------------------------------------------------ [1] Tooltip css Styles -------------------------------------------------*/ [class*=elementor-widget-upk-] [aria-label][role~=tooltip] { position: relative; } [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::before, [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::after { transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; will-change: transform; opacity: 0; pointer-events: none; transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s); position: absolute; box-sizing: border-box; z-index: 10; transform-origin: top; } [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::before { background-size: 100% auto !important; content: ""; } [class*=elementor-widget-upk-] [aria-label][role~=tooltip]::after { background: rgba(17, 17, 17, 0.9); border-radius: 4px; color: #ffffff; content: attr(aria-label); font-size: var(--microtip-font-size, 13px); font-weight: var(--microtip-font-weight, normal); text-transform: capitalize; padding: 10px 15px; box-sizing: content-box; width: 250px; } [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:hover::before, [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:hover::after, [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:focus::before, [class*=elementor-widget-upk-] [aria-label][role~=tooltip]:focus::after { opacity: 1; pointer-events: auto; } .upk-inline-block { display: inline-block; position: relative; width: 100%; max-width: 100%; vertical-align: middle; -webkit-backface-visibility: hidden; } /* ------------------------------------------------ [2] Position Modifiers -------------------------------------------------*/ [class*=elementor-widget-upk-] { /* ------------------------------------------------ [2.1] Top Left -------------------------------------------------*/ /* ------------------------------------------------ [2.2] Top Right -------------------------------------------------*/ /* ------------------------------------------------ [2.3] Bottom -------------------------------------------------*/ /* ------------------------------------------------ [2.4] Bottom Left -------------------------------------------------*/ /* ------------------------------------------------ [2.5] Bottom Right -------------------------------------------------*/ /* ------------------------------------------------ [2.6] Left -------------------------------------------------*/ /* ------------------------------------------------ [2.7] Right -------------------------------------------------*/ /* ------------------------------------------------ [3] Size -------------------------------------------------*/ } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; height: 6px; width: 18px; margin-bottom: 6px; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::after { margin-bottom: 11px; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::before { transform: translate3d(50%, 0, 0); bottom: 100%; right: 50%; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]:hover::before { transform: translate3d(50%, -5px, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=top]::after { transform: translate3d(50%, 0, 0); bottom: 100%; right: 50%; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top]:hover::after { transform: translate3d(50%, -5px, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-left]::after { transform: translate3d(calc(-1*(-100% + 16px)), 0, 0); bottom: 100%; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-left]:hover::after { transform: translate3d(calc(-1*(-100% + 16px)), -5px, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-right]::after { transform: translate3d(calc(-1*(0% - 16px)), 0, 0); bottom: 100%; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=top-right]:hover::after { transform: translate3d(calc(-1*(0% - 16px)), -5px, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; height: 6px; width: 18px; margin-top: 5px; margin-bottom: 0; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::after { margin-top: 11px; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::before { transform: translate3d(50%, -10px, 0); bottom: auto; right: 50%; top: 100%; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]:hover::before { transform: translate3d(50%, 0, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position|=bottom]::after { transform: translate3d(50%, -10px, 0); top: 100%; right: 50%; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom]:hover::after { transform: translate3d(50%, 0, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-left]::after { transform: translate3d(calc(-1*(-100% + 16px)), -10px, 0); top: 100%; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-left]:hover::after { transform: translate3d(calc(-1*(-100% + 16px)), 0, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-right]::after { transform: translate3d(calc(-1*(0% - 16px)), -10px, 0); top: 100%; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=bottom-right]:hover::after { transform: translate3d(calc(-1*(0% - 16px)), 0, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::before, [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::after { bottom: auto; right: auto; left: 100%; top: 50%; transform: translate3d(-10px, -50%, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; height: 18px; width: 6px; margin-left: 5px; margin-bottom: 0; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]::after { margin-left: 11px; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]:hover::before, [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=left]:hover::after { transform: translate3d(0, -50%, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::before, [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::after { bottom: auto; right: 100%; top: 50%; transform: translate3d(10px, -50%, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::before { background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat; height: 18px; width: 6px; margin-bottom: 0; margin-right: 5px; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]::after { margin-right: 11px; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]:hover::before, [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-position=right]:hover::after { transform: translate3d(0, -50%, 0); } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=small]::after { white-space: initial; width: 80px; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=medium]::after { white-space: initial; width: 150px; } [class*=elementor-widget-upk-] [role~=tooltip][data-microtip-size=large]::after { white-space: initial; width: 260px; } .upk-in-animation { perspective: var(--upk-perspective, 600px); -webkit-perspective: var(--upk-perspective, 600px); } .upk-in-animation .upk-item { opacity: 0; transform-origin: var(--upk-transform-origin, center top); transform-style: preserve-3d; transition: opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate(var(--upk-translate-x, 0), var(--upk-translate-y, 100%)) rotateX(var(--upk-rotate-x, -80deg)) rotateY(var(--upk-rotate-y, 0)) rotateZ(var(--upk-rotate-z, 0)) scaleX(var(--upk-scale-x, 1)) scaleY(var(--upk-scale-y, 1)) skewX(var(--upk-skew-x, 0)) skewY(var(--upk-skew-y, 0)); transform: translate(var(--upk-translate-x, 0), var(--upk-translate-y, 100%)) rotateX(var(--upk-rotate-x, -80deg)) rotateY(var(--upk-rotate-y, 0)) rotateZ(var(--upk-rotate-z, 0)) scaleX(var(--upk-scale-x, 1)) scaleY(var(--upk-scale-y, 1)) skewX(var(--upk-skew-x, 0)) skewY(var(--upk-skew-y, 0)); } .upk-in-animation .upk-item.is-inview { transform: none; opacity: 1; transition-duration: var(--upk-transition-duration, 800ms) !important; } @media (min-width: 768px) and (max-width: 1024px) { .upk-hide-orphan-yes .upk-hide-orphan-tablet { display: none !important; } } .upk-alex-grid { position: relative; } .upk-alex-grid .upk-alex-wrap { display: grid; grid-template-columns: repeat(1, 1fr); } .upk-alex-grid .upk-item { position: relative; overflow: hidden; display: flex; } .upk-alex-grid .upk-item:hover .upk-button-wrap { margin-bottom: 0 !important; } .upk-alex-grid .upk-item:hover .upk-readmore { background: #fff; } .upk-alex-grid .upk-item:hover .upk-readmore .upk-readmore-icon:before { width: 50px; background: #2B2D42; } .upk-alex-grid .upk-item:hover .upk-readmore .upk-readmore-icon span:before, .upk-alex-grid .upk-item:hover .upk-readmore .upk-readmore-icon span:after { width: 10px; transition-delay: 0.3s; background: #2B2D42; opacity: 1; } .upk-alex-grid .upk-item:hover .upk-post-format a { transform: translateY(0); opacity: 1; } .upk-alex-grid .upk-meta { position: absolute; top: 15px; right: 15px; display: flex; align-items: center; } .upk-alex-grid .upk-meta .upk-author-img { display: inline-flex; } .upk-alex-grid .upk-meta .upk-author-img img { border-radius: 80px; margin-left: 10px; } .upk-alex-grid .upk-meta .upk-author-name a { color: #dcdcdc; font-size: 14px; text-transform: capitalize; font-weight: 600; } .upk-alex-grid .upk-meta .upk-reading-time, .upk-alex-grid .upk-meta .upk-date, .upk-alex-grid .upk-meta .upk-post-time { color: #dcdcdc; font-size: 12px; font-weight: 500; } .upk-alex-grid .upk-meta .upk-post-time { margin-right: 5px; } .upk-alex-grid .upk-meta .upk-post-time i { margin-left: 2px; } .upk-alex-grid .upk-meta .upk-date-reading-wrap > div { position: relative; display: inline-flex; } .upk-alex-grid .upk-meta .upk-date-reading-wrap > div:before { content: attr(data-separator); margin: 0 5px; } .upk-alex-grid .upk-meta .upk-date-reading-wrap > div:nth-child(1)::before { display: none; } .upk-alex-grid .upk-image-wrap { width: 100%; } .upk-alex-grid .upk-image-wrap .upk-img { position: relative; width: 100%; height: 100%; object-fit: cover; } .upk-alex-grid .upk-content-wrap { position: absolute; overflow: hidden; width: 100%; bottom: 0; height: auto; background: rgba(43, 45, 66, 0.3); } .upk-alex-grid .upk-content { padding: 20px; } .upk-alex-grid .upk-title { font-size: 18px; font-weight: 600; display: inline; margin: 0; } .upk-alex-grid .upk-title a { color: #fff; } .upk-alex-grid .upk-category { margin-bottom: 5px; } .upk-alex-grid .upk-category a { font-size: 14px; font-weight: 500; color: rgba(255, 255, 255, 0.5); } .upk-alex-grid .upk-button-wrap { margin-bottom: -50px; transition: margin-bottom 0.5s cubic-bezier(0.25, 0.85, 0.35, 0.98); } .upk-alex-grid .upk-readmore { display: flex; position: relative; padding: 25px 20px; transition: all 0.3s ease; } .upk-alex-grid .upk-readmore .upk-readmore-icon { position: relative; } .upk-alex-grid .upk-readmore .upk-readmore-icon:before { content: ""; position: absolute; right: 0; height: 2px; width: 15px; background: rgba(255, 255, 255, 0.5); transition: all 0.5s ease; } .upk-alex-grid .upk-readmore .upk-readmore-icon span:before, .upk-alex-grid .upk-readmore .upk-readmore-icon span:after { content: ""; position: absolute; right: 40px; width: 10px; height: 2px; background: transparent; border-radius: 10px; transition: all 0.5s ease; opacity: 0; } .upk-alex-grid .upk-readmore .upk-readmore-icon span:after { transform: rotate(45deg); bottom: -6px; } .upk-alex-grid .upk-readmore .upk-readmore-icon span:before { transform: rotate(-45deg); top: -4px; } .upk-alex-grid .upk-content-left .upk-content-wrap { right: 0; } .upk-alex-grid .upk-content-right .upk-content-wrap { left: 0; } .upk-alex-grid .upk-post-format { position: absolute; left: 0; top: 0; margin: 15px; } .upk-alex-grid .upk-post-format a { padding: 16px 16px; display: inline-flex; color: #fff; font-size: 16px; transform: translateY(15px); opacity: 0; transition: all 0.5s cubic-bezier(0.25, 0.85, 0.35, 0.98); } .upk-global-link-yes .upk-alex-grid .upk-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-alex-grid .upk-style-1 { grid-template-columns: repeat(6, 1fr); } .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+1), .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+2), .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+3), .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+4), .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+5) { grid-column: span 3/auto; } .upk-alex-grid .upk-style-2 { grid-template-columns: repeat(2, 1fr); } .upk-alex-grid .upk-style-2 .upk-content-wrap { width: 70%; } .upk-alex-grid .upk-style-3 { grid-template-columns: repeat(6, 1fr); } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2) { grid-column: span 3/auto; grid-row: span 2; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-meta { top: 30px; right: 30px; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-content { padding: 30px; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-title { font-size: 24px; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-category a { font-size: 18px; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-button-wrap { margin-bottom: -60px; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-readmore { padding: 30px; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2):hover .upk-button-wrap { margin-bottom: 0 !important; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+1), .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+3), .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+4), .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+5) { grid-column: span 3/auto; } .upk-alex-grid .upk-style-3 .upk-item .upk-content-wrap { width: 80%; } } @media (min-width: 1024px) { .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+1), .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+2) { grid-column: span 3/auto; } .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+3), .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+4), .upk-alex-grid .upk-style-1 .upk-item:nth-child(5n+5) { grid-column: span 2/auto; } .upk-alex-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-content-wrap { width: 70%; } .upk-alex-grid .upk-style-2 { grid-template-columns: repeat(3, 1fr); } .upk-alex-grid .upk-style-3 .upk-content-wrap { width: 70%; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+2) { grid-column: span 2/auto; grid-row: span 2; } .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+1), .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+3), .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+4), .upk-alex-grid .upk-style-3 .upk-item:nth-child(5n+5) { grid-column: span 2/auto; } .upk-alex-grid .upk-style-3 .upk-content-wrap { width: 70%; } } @media (min-width: 1440px) { .upk-alex-grid .upk-style-1 .upk-item:nth-child(1) .upk-content-wrap, .upk-alex-grid .upk-style-1 .upk-item:nth-child(2) .upk-content-wrap { width: 50%; } } .upk-banner-wrap .upk-item { height: 300px; position: relative; overflow: hidden; } .upk-banner-wrap .upk-item::before { position: absolute; content: ""; width: 100%; height: 100%; } .upk-banner-wrap .upk-content { position: absolute; padding: 40px; } .upk-banner-wrap .upk-title { font-size: 18px; margin: 0; text-transform: uppercase; } .upk-banner-wrap .upk-title a { text-decoration: none; color: #27272d; transition: all 0.3s ease-in; } .upk-banner-wrap .upk-title a:hover { color: #D90429; } .upk-banner-wrap .upk-sub-title { font-size: 16px; color: #191b1e; font-weight: 400; margin: 0; text-transform: capitalize; } .upk-banner-wrap .upk-text { color: #262a2f; font-size: 12px; text-transform: capitalize; margin-bottom: 20px; } .upk-banner-wrap .upk-text p { margin: 0; } .upk-banner-wrap .upk-text strong { color: #fff; } .upk-banner-wrap .upk-buy-btn a { color: #3b3f42; text-decoration: none; text-transform: capitalize; font-size: 12px; font-weight: 600; background: 100% 0; border: 1px solid #3b3f42; padding: 7px 15px; transition: all 0.3s ease-in; display: inline-block; } .upk-banner-wrap .upk-buy-btn a:hover { background: #edeeee; color: rgba(24, 21, 21, 0.979); } .upk-banner-wrap .upk-buy-btn a svg { width: 1em; height: 1em; fill: #3b3f42; transition: all 0.3s ease-in; } .upk-banner-wrap .upk-discount { position: absolute; color: #fff; font-weight: 600; font-size: 10px; border: 0; background: #f00; text-align: center; padding: 4px 12px; } .upk-banner-wrap .upk-banner-size-text { position: absolute; background: red; font-size: 10px; padding: 5px; color: #fff; font-weight: 700; text-align: center; } .upk-sale-badge-style-1 .upk-discount { top: 0; right: 0; } .upk-sale-badge-style-2 .upk-discount { top: 0; left: 0; } .upk-sale-badge-style-3 .upk-discount { bottom: 0; right: 0; } .upk-sale-badge-style-4 .upk-discount { bottom: 0; left: 0; } .upk-sale-badge-style-5 .upk-discount { bottom: 0; right: 50%; transform: translateX(50%); } .upk-sale-badge-style-6 .upk-discount { top: 0; right: 50%; transform: translateX(50%); } .upk-sale-badge-style-7 .upk-discount { top: 0; right: 0; bottom: 0; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(-180deg); } .upk-sale-badge-style-8 .upk-discount { top: 0; left: 0; bottom: 0; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(-180deg); } .upk-size-badge-style-1 .upk-banner-size-text { top: 0; right: 0; } .upk-size-badge-style-2 .upk-banner-size-text { top: 0; left: 0; } .upk-size-badge-style-3 .upk-banner-size-text { bottom: 0; right: 0; } .upk-size-badge-style-4 .upk-banner-size-text { bottom: 0; left: 0; } .upk-size-badge-style-5 .upk-banner-size-text { bottom: 0; right: 50%; transform: translateX(50%); } .upk-size-badge-style-6 .upk-banner-size-text { top: 0; right: 50%; transform: translateX(50%); } .upk-size-badge-style-7 .upk-banner-size-text { top: 0; right: 0; bottom: 0; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(-180deg); } .upk-size-badge-style-8 .upk-banner-size-text { top: 0; left: 0; bottom: 0; writing-mode: vertical-rl; text-orientation: mixed; transform: rotate(-180deg); } .upk-banner-style-1 .upk-content { right: 0; left: 0; top: 50%; transform: translateY(-50%); } .upk-banner-style-1 .upk-buy-btn { display: inline-flex; margin-top: 16px; } .upk-banner-style-1 .upk-sub-title { padding-bottom: 10px; } .upk-banner-style-1 .upk-title { padding-bottom: 7px; } .upk-banner-style-2 .upk-content { display: inline-block; align-items: center; justify-content: space-between; top: 50%; right: 0; left: 0; transform: translateY(-50%); } .upk-banner-style-2 .upk-content-inner { margin-bottom: 10px; width: 100%; } .upk-banner-style-2 .upk-title { padding-bottom: 7px; } .upk-banner-style-2 .upk-text { width: 100%; } .upk-banner-style-2 .upk-buy-btn { width: 100%; text-align: right; } .upk-banner-style-3 .upk-title { padding-bottom: 10px; } .upk-banner-style-3 .upk-content { display: block; align-items: center; justify-content: space-between; flex-direction: row-reverse; text-align: right; top: 50%; right: 0; left: 0; transform: translateY(-50%); } .upk-banner-style-3 .upk-content-inner { margin-bottom: 10px; width: 100%; } .upk-banner-style-3 .upk-text { margin: 0; width: 100%; } .upk-banner-style-3 .upk-buy-btn { width: 100%; text-align: right; margin-top: 15px; } @media (min-width: 768px) { .upk-banner-wrap .upk-buy-btn a { font-size: 14px; padding: 9px 17px; } .upk-banner-wrap .upk-text { font-size: 14px; margin-bottom: 0; } .upk-banner-wrap .upk-title { font-size: 25px; } .upk-banner-style-2 .upk-content { display: flex; } .upk-banner-style-2 .upk-content-inner { margin-bottom: 0; } .upk-banner-style-2 .upk-discount { font-size: 12px; } .upk-banner-style-2 .upk-buy-btn { text-align: left; } .upk-banner-style-3 .upk-content { display: flex; text-align: left; } .upk-banner-style-3 .upk-buy-btn { margin-top: 0; } .upk-banner-style-3 .upk-text { display: block; } } @media (min-width: 1024px) { .upk-banner-category a { font-size: 12px; } .upk-banner-item .upk-banner-content { padding: 40px; } .upk-banner-title { margin: 20px 0; } .upk-banner-title a { font-size: 25px; } .upk-banner-meta { font-size: 14px; } } .upk-elite-grid .upk-post-grid { display: grid; grid-gap: 20px; } .upk-elite-grid .upk-item { position: relative; overflow: hidden; display: flex; } .upk-elite-grid .upk-item:hover .upk-main-image::before { opacity: 0; transform: translateY(-200px); } .upk-elite-grid .upk-item:hover .upk-meta-wrap { opacity: 0; transform: translateX(-100px); } .upk-elite-grid .upk-item-box { position: relative; } .upk-elite-grid .upk-image-wrap { position: relative; display: flex; } .upk-elite-grid .upk-main-image { overflow: hidden; display: flex; position: relative; width: 100%; } .upk-elite-grid .upk-main-image::before { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: linear-gradient(-207deg, #2B2D42 0, rgba(141, 153, 174, 0) 42%); opacity: 1; transform: translateY(0); transition: all 0.9s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.9s ease; } .upk-elite-grid .upk-main-image .upk-img { width: 100%; height: 100%; object-fit: cover; } .upk-elite-grid .upk-author-wrap { position: absolute; bottom: 0; right: 0; background: #fff; display: flex; align-items: center; } .upk-elite-grid .upk-author-img-wrap img { border-radius: 50%; } .upk-elite-grid .upk-author-info-warp { display: flex; flex-direction: column; } .upk-elite-grid .upk-author-info-warp .author-name .name { text-decoration: none; font-weight: 600; color: #283D58; text-transform: capitalize; letter-spacing: 1.1px; transition: all 0.3s ease-in-out; } .upk-elite-grid .upk-author-info-warp .author-depertment { color: #8D99AE; letter-spacing: 1px; text-transform: capitalize; } .upk-elite-grid .upk-content { display: flex; align-items: center; } .upk-elite-grid .upk-title { position: relative; padding-right: 50px; font-weight: 600; line-height: 1.4; margin-top: 0; } .upk-elite-grid .upk-title a { color: #283D58; transition: all 0.5s ease; } .upk-elite-grid .upk-title a:hover { color: #EF233C; background-size: 100% 2px; } .upk-elite-grid .upk-title a:before { position: absolute; content: ""; border: 1px solid #EF233C; width: 37px; right: 0; } .upk-elite-grid .upk-text-wrap { padding-right: 50px; } .upk-elite-grid .upk-text { line-height: 1.5; letter-spacing: 0.5px; color: #8D99AE; } .upk-elite-grid .upk-text p { margin: 0; } .upk-elite-grid .upk-blog-post-meta { display: flex; align-items: center; } .upk-elite-grid .upk-blog-post-meta .author { width: 40px; border-radius: 30px; } .upk-elite-grid .upk-blog-post-meta .author-name { text-decoration: none; font-weight: 600; } .upk-elite-grid .upk-meta-list { display: none; } .upk-elite-grid .upk-meta-wrap { position: absolute; left: 20px; top: 20px; display: inline-flex; align-items: center; opacity: 1; transform: translateX(0); transition: all 0.8s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.6s ease; } .upk-elite-grid .upk-category { display: flex; margin-right: 10px; } .upk-elite-grid .upk-category a { font-size: 14px; color: #dddfe2; font-weight: 600; padding: 4px 8px; display: flex; line-height: 1; border-radius: 3px; transition: all 0.3s ease; z-index: 1; } .upk-elite-grid .upk-category a + a { margin-right: 5px; } .upk-elite-grid .upk-reading-time, .upk-elite-grid .upk-post-time, .upk-elite-grid .upk-date { font-size: 14px; color: #ffffff; display: flex; line-height: 1; z-index: 1; } .upk-elite-grid .upk-post-time i { margin-left: 2px; } .upk-elite-grid .upk-style-1 { grid-template-columns: repeat(1, 1fr); } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-author-wrap { padding: 20px 0 20px 20px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-author-img-wrap img { width: 38px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-author-info-warp { padding-right: 15px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-author-info-warp .author-name .name { font-size: 14px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-author-info-warp .author-depertment { font-size: 12px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-content { padding: 30px 0 30px 30px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-title a:before { top: 12px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-text { font-size: 13px; } .upk-elite-grid .upk-style-2 { grid-template-columns: repeat(6, 1fr); } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) { grid-column: span 6/auto; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-item-box { display: block; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-author-wrap { padding: 20px 0 20px 20px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-author-img-wrap img { width: 38px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-author-info-warp { padding-right: 15px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-author-info-warp .author-name .name { font-size: 14px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-author-info-warp .author-depertment { font-size: 12px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-content { padding: 20px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-title a:before { top: 18px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-text { font-size: 13px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) { grid-column: span 6/auto; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-author-wrap, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-author-wrap, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-author-wrap, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-author-wrap { padding: 20px 0 20px 20px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-author-img-wrap img, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-author-img-wrap img, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-author-img-wrap img, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-author-img-wrap img { width: 38px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-author-info-warp, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-author-info-warp, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-author-info-warp, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-author-info-warp { padding-right: 15px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-author-info-warp .author-name .name, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-author-info-warp .author-name .name, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-author-info-warp .author-name .name, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-author-info-warp .author-name .name { font-size: 14px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-author-info-warp .author-depertment, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-author-info-warp .author-depertment, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-author-info-warp .author-depertment, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-author-info-warp .author-depertment { font-size: 12px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-content, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-content, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-content, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-content { padding-top: 30px; padding-left: 30px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-title, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-title, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-title, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-title a:before, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-title a:before, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-title a:before, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-title a:before { top: 12px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-text-wrap, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-text-wrap, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-text-wrap, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-text-wrap { display: none; } .upk-elite-grid .upk-style-3 { grid-template-columns: repeat(6, 1fr); } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) { grid-column: span 6/auto; grid-row: span 3/auto; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-author-wrap { padding: 20px 0 20px 20px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-author-img-wrap img { width: 38px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-author-info-warp { padding-right: 15px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-author-info-warp .author-name .name { font-size: 14px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-author-info-warp .author-depertment { font-size: 12px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-content { padding: 30px 0 30px 30px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-title a:before { top: 12px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-text { font-size: 13px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2), .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3), .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) { grid-column: span 6/auto; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-item-box, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-item-box, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-item-box { display: block; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-main-image::before, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-main-image::before, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-main-image::before { content: none; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-wrap { padding: 5px 0 5px 5px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-img-wrap img, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-img-wrap img, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-img-wrap img { width: 30px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-info-warp, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-info-warp, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-info-warp { padding-right: 10px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-info-warp .author-name, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-info-warp .author-name, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-info-warp .author-name { margin-bottom: 0px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-info-warp .author-name .name, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-info-warp .author-name .name, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-info-warp .author-name .name { font-size: 12px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-info-warp .author-depertment, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-info-warp .author-depertment, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-info-warp .author-depertment { font-size: 10px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-content, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-content, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-content { padding-top: 15px; padding-left: 15px; padding-right: 15px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-title, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-title, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-title { margin-bottom: 10px; font-size: 12px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-title a:before, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-title a:before, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-title a:before { top: 12px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-text-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-text-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-text-wrap { display: none; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-meta-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-meta-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-meta-wrap { display: none; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-meta-list, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-meta-list, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-meta-list { display: flex; padding-right: 50px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-meta-list .upk-date, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-meta-list .upk-date, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-meta-list .upk-date { margin-right: 10px; margin-left: 0; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-category, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-category, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-category { margin-right: 0; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-reading-time, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-post-time, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-date, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-reading-time, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-post-time, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-date, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-reading-time, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-post-time, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-date { color: #999; } .upk-elite-grid .upk-date-reading-wrap > div { position: relative; display: inline-flex; } .upk-elite-grid .upk-date-reading-wrap > div:before { content: attr(data-separator); margin: 0 5px; } .upk-elite-grid .upk-date-reading-wrap > div:nth-child(1)::before { display: none; } .upk-global-link-yes .upk-elite-grid .upk-item:hover { cursor: pointer; } @media only screen and (min-width: 600px) { .upk-elite-grid .upk-style-1 { grid-template-columns: repeat(3, 1fr); } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-title { margin-bottom: 20px; font-size: 20px; } .upk-elite-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-text-wrap .upk-text { font-size: 15px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) { grid-column: span 4/auto; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-item-box { display: flex; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-image-wrap { max-width: 50%; min-width: 50%; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-title { margin-bottom: 20px; font-size: 25px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-text { font-size: 16px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) { grid-column: span 2/auto; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-title, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-title, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-title, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-title { margin-bottom: 20px; font-size: 20px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-text, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-text, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-text, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-text { font-size: 15px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) { grid-column: span 3/auto; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-title { margin-bottom: 20px; font-size: 25px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-title a:before { top: 16px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) .upk-text { font-size: 16px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2), .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3), .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) { grid-column: span 3/auto; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-item-box, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-item-box, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-item-box { display: flex; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-image-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-image-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-image-wrap { width: 40%; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-content, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-content, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-content { width: 60%; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-wrap { padding: 10px 0 10px 10px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-img-wrap img, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-img-wrap img, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-img-wrap img { width: 32px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-info-warp, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-info-warp, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-info-warp { padding-right: 12px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-info-warp .author-name .name, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-info-warp .author-name .name, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-info-warp .author-name .name { font-size: 14px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-author-info-warp .author-depertment, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-author-info-warp .author-depertment, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-author-info-warp .author-depertment { font-size: 12px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-content, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-content, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-content { padding-top: 0px; padding-left: 30px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-title, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-title, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-title a:before, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-title a:before, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-title a:before { top: 12px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-text-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-text-wrap, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-text-wrap { display: none; } } @media only screen and (min-width: 600px) and (max-width: 1024px) { .upk-elite-grid .upk-style-1 { grid-template-columns: repeat(2, 1fr); } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) { grid-column: span 6/auto; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-title { font-size: 20px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-title a:before { top: 14px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-text { font-size: 15px; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4), .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) { grid-column: span 3/auto; } .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-title a:before, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-title a:before, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-title a:before, .upk-elite-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-title a:before { top: 14px; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+1) { grid-column: span 6/auto; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2), .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3), .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) { grid-column: span 6/auto; } .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+2) .upk-item-box, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+3) .upk-item-box, .upk-elite-grid .upk-style-3 .upk-item:nth-child(4n+4) .upk-item-box { display: flex; } } .upk-hazel-grid .upk-post-grid { display: grid; grid-template-columns: repeat(1, 1fr); } .upk-hazel-grid .upk-item { position: relative; overflow: hidden; transition: all 0.3s ease; } .upk-hazel-grid .upk-item:hover .upk-content { opacity: 1; transform: translateY(0); } .upk-hazel-grid .upk-item:hover .upk-meta { opacity: 1; } .upk-hazel-grid .upk-item-box { position: relative; overflow: hidden; transition: all 0.3s ease-in; height: 100%; } .upk-hazel-grid .upk-item-box:before { content: ""; display: block; position: absolute; width: 100%; top: 0; bottom: 0; z-index: 2; transition: all 0.3s ease; } .upk-hazel-grid .upk-item-box:hover .upk-img { transform: scale(1.1); } .upk-hazel-grid .upk-img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease; } .upk-hazel-grid .upk-content { padding: 30px; transition: all 0.3s ease; opacity: 1; } .upk-hazel-grid .upk-category a { text-decoration: none; font-size: 9px; background: #ef233c; text-transform: uppercase; letter-spacing: 1px; border-radius: 2px; display: inline-block; padding: 3px 6px; color: #fff; } .upk-hazel-grid .upk-category a + a { margin-right: 5px; } .upk-hazel-grid .upk-title { font-size: clamp(15px, 2vw, 20px); line-height: 1.3; margin-bottom: 6px; } .upk-hazel-grid .upk-meta { display: inline-flex; flex-wrap: wrap; align-items: center; opacity: 0; transition: all 0.3s ease; font-size: 12px; } .upk-hazel-grid .upk-meta .upk-blog-author { float: right; display: flex; align-items: center; } .upk-hazel-grid .upk-meta .upk-blog-author a { text-transform: capitalize; font-weight: 600; } .upk-hazel-grid .upk-meta .upk-blog-author .upk-post-grid-author { display: flex; line-height: 1; margin-right: 5px; } .upk-hazel-grid .upk-meta .upk-date { position: relative; display: flex; align-items: center; line-height: 1; } .upk-hazel-grid .upk-meta .upk-date i { margin: 0 5px; } .upk-hazel-grid .upk-meta .upk-post-time { margin-right: 5px; } .upk-hazel-grid .upk-meta .upk-post-time i { margin-left: 2px; } .upk-hazel-grid .upk-meta > div { position: relative; display: inline-flex; } .upk-hazel-grid .upk-meta > div:before { content: attr(data-separator); margin: 0 10px; } .upk-hazel-grid .upk-meta > div:nth-child(1)::before { display: none; } .upk-hazel-grid .upk-content-style-1 .upk-item-box:before { background: rgba(0, 0, 0, 0.4); } .upk-hazel-grid .upk-content-style-1 .upk-cetagory { margin-bottom: 15px; } .upk-hazel-grid .upk-content-style-1 .upk-title a { color: #fff; } .upk-hazel-grid .upk-content-style-1 .upk-meta { color: #fff; } .upk-hazel-grid .upk-content-style-1 .upk-meta .upk-blog-author a { color: #fff; } .upk-hazel-grid .upk-content-style-1 .upk-meta .upk-post-time, .upk-hazel-grid .upk-content-style-1 .upk-meta .upk-date { color: #ffffff; } .upk-hazel-grid .upk-content-style-2 .upk-content { padding: 15px; width: 100%; } .upk-hazel-grid .upk-content-style-2 .upk-cetagory { margin-bottom: 15px; } .upk-hazel-grid .upk-content-style-2 .upk-title a { color: #fff; } .upk-hazel-grid .upk-content-style-2 .upk-meta { color: #fff; } .upk-hazel-grid .upk-content-style-2 .upk-meta .upk-blog-author a { color: #fff; } .upk-hazel-grid .upk-content-style-2 .upk-meta .upk-post-time, .upk-hazel-grid .upk-content-style-2 .upk-meta .upk-date { color: #ffffff; } .upk-hazel-grid .upk-content-style-3 .upk-item-box:before { background: rgba(0, 0, 0, 0.4); } .upk-hazel-grid .upk-content-style-3 .upk-cetagory { margin-bottom: 15px; } .upk-hazel-grid .upk-content-style-3 .upk-title a { background: #fff; color: #000; display: inline; padding: 6px; -webkit-box-decoration-break: clone; } .upk-hazel-grid .upk-content-style-3 .upk-meta { background: #fff; color: #000; display: inline-flex; padding: 6px; } .upk-hazel-grid .upk-content-style-3 .upk-meta .upk-blog-author a { color: #000; } .upk-hazel-grid .upk-content-style-3 .upk-meta .upk-date { color: #000; } .upk-hazel-grid .upk-content-style-3 .upk-meta .upk-date::before { background: #000; } .upk-hazel-grid .upk-content-style-3 .upk-meta .upk-post-time { color: #000; } .upk-hazel-grid .upk-text-position-center-center .upk-content { position: absolute; top: 60%; right: 50%; width: 100%; z-index: 111; text-align: center; transform: translate(50%, -50%); } .upk-hazel-grid .upk-text-position-center-center .upk-item:hover .upk-content { top: 50%; transform: translate(50%, -50%); } .upk-hazel-grid .upk-text-position-bottom-center .upk-content, .upk-hazel-grid .upk-text-position-bottom-left .upk-content { position: absolute; bottom: 0; right: 0; z-index: 111; transform: translateY(30px); } .upk-hazel-grid .upk-text-position-bottom-center .upk-content { text-align: center; } .upk-hazel-grid .upk-text-position-top-left .upk-content { position: absolute; top: 0; right: 0; z-index: 111; transform: translateY(-40px); display: flex; flex-direction: column-reverse; flex-flow: wrap-reverse; } .upk-hazel-grid .upk-text-position-top-left .upk-title-wrap { margin-bottom: 10px; width: 100%; } .upk-hazel-grid .upk-text-position-top-left .upk-meta { margin-bottom: 20px; } .upk-hazel-grid .upk-text-position-top-right .upk-content { position: absolute; top: 0; left: 0; z-index: 111; text-align: left; transform: translateY(-40px); display: flex; flex-direction: column-reverse; flex-flow: wrap-reverse; } .upk-hazel-grid .upk-text-position-top-right .upk-title-wrap { margin-bottom: 10px; width: 100%; } .upk-hazel-grid .upk-text-position-top-right .upk-cetagory { margin-right: auto; } .upk-hazel-grid .upk-text-position-top-right .upk-meta { margin-right: auto; margin-bottom: 20px; } .upk-hazel-grid .upk-text-position-top-right .upk-category { margin-right: auto; } .upk-hazel-grid .upk-text-position-bottom-right .upk-content { position: absolute; bottom: 0; left: 0; z-index: 111; transform: translateY(30px); text-align: left; } .upk-hazel-grid .upk-text-position-bottom-right .upk-meta { opacity: 1; transition: all 0.3s ease; display: inline-flex; } .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+1) { grid-row: none; } .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(n+1) { grid-column: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-3 .upk-item:nth-child(5n+1) { grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-3 .upk-item:nth-child(n+1) { grid-column: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-4 .upk-item:nth-child(5n+2) { grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-4 .upk-item:nth-child(n+1) { grid-column: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(n+1) { grid-column: span 6/auto; } .upk-hazel-grid .upk-post-grid.upk-style-6 .upk-item:nth-child(n+1) { grid-column: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-6 .upk-item:nth-child(5n+3) { grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-7 .upk-item:nth-child(n+1) { grid-column: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-8 .upk-item:nth-child(n+1) { grid-column: span 3/auto; } .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(n+1) { grid-column: span 6/auto; } .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(n+1) { grid-column: span 6/auto; } .upk-global-link-yes .upk-hazel-grid .upk-item:hover { cursor: pointer; } @media only screen and (min-width: 661px) and (max-width: 1200px) { .upk-hazel-grid .upk-post-grid.upk-style-1 { grid-template-columns: repeat(2, 1fr); } .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+1) { grid-column: span 3/auto !important; } .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+2), .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+3), .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+4), .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+5), .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+6) { grid-column: span 3/auto; } .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+5) { grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-3 .upk-item:nth-child(5n+1) { grid-column: span 3/auto; grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-3 .upk-item:nth-child(5n+2), .upk-hazel-grid .upk-post-grid.upk-style-3 .upk-item:nth-child(5n+3), .upk-hazel-grid .upk-post-grid.upk-style-3 .upk-item:nth-child(5n+4), .upk-hazel-grid .upk-post-grid.upk-style-3 .upk-item:nth-child(5n+5) { grid-column: span 3/auto; } .upk-hazel-grid .upk-post-grid.upk-style-4 .upk-item:nth-child(5n+2) { grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-4 .upk-item:nth-child(n+1) { grid-column: span 3/auto; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+1) { grid-row: span 2/auto !important; grid-column: span 6/auto !important; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+2) { grid-row: span 1/auto !important; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+4) { grid-row: span 2/auto !important; grid-column: span 6/auto !important; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+2), .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+3), .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+5) { grid-column: span 3/auto !important; } .upk-hazel-grid .upk-post-grid.upk-style-6 .upk-item:nth-child(n+1) { grid-column: span 3/auto; } .upk-hazel-grid .upk-post-grid.upk-style-6 .upk-item:nth-child(5n+3) { grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-7 .upk-item:nth-child(n+1) { grid-column: span 3/auto; } .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+1) { grid-column: span 6/auto !important; grid-row: span 2/auto !important; } .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+2), .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+3), .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+4) { grid-column: span 3/auto !important; } .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+3) { grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+1), .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+5) { grid-row: span 2/auto !important; } .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(n+1) { grid-column: span 3/auto !important; } } @media only screen and (min-width: 661px) { .upk-hazel-grid .upk-post-grid { grid-template-columns: repeat(6, 1fr); } .upk-hazel-grid .upk-post-grid.upk-style-1 { grid-template-columns: repeat(3, 1fr); } .upk-hazel-grid .upk-post-grid.upk-style-7 .upk-item:nth-child(7n+1), .upk-hazel-grid .upk-post-grid.upk-style-7 .upk-item:nth-child(7n+5) { grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+1) { grid-column: span 4/auto; grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+1) .upk-content { padding: 36px; } .upk-hazel-grid .upk-post-grid.upk-style-2 .upk-item:nth-child(6n+1) .upk-title { font-size: 32px; } .upk-hazel-grid .upk-post-grid.upk-style-3 .upk-item:nth-child(5n+1) .upk-title { font-size: 25px; } .upk-hazel-grid .upk-post-grid.upk-style-4 .upk-item:nth-child(5n+2) .upk-title { font-size: 25px; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+1) .upk-content, .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+4) .upk-content { padding: 36px; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+1) .upk-title, .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+4) .upk-title { font-size: 32px; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+1) { grid-column: span 4/auto; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+4) { grid-column: span 4/auto; grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+2), .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+3), .upk-hazel-grid .upk-post-grid.upk-style-5 .upk-item:nth-child(5n+5) { grid-column: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+1) { grid-column: span 4/auto; grid-row: span 3/auto; } .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+1) .upk-content { padding: 36px; } .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+1) .upk-title { font-size: 32px; } .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+2), .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+3), .upk-hazel-grid .upk-post-grid.upk-style-9 .upk-item:nth-child(4n+4) { grid-column: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+5) { grid-column: span 4/auto; grid-row: span 2/auto; } .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+5) .upk-content { padding: 36px; } .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+5) .upk-title { font-size: 32px; } .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+1), .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+2), .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+3), .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+4), .upk-hazel-grid .upk-post-grid.upk-style-10 .upk-item:nth-child(6n+6) { grid-column: span 2/auto; } } .upk-maple-grid .upk-post-grid { display: grid; grid-gap: 20px; } .upk-maple-grid .upk-item { position: relative; overflow: hidden; display: flex; transition: all 0.3s ease; } .upk-maple-grid .upk-item:hover .upk-img { transform: scale(1.1); } .upk-maple-grid .upk-item-box { position: relative; } .upk-maple-grid .upk-image-wrap { position: relative; display: flex; } .upk-maple-grid .upk-main-image { position: relative; overflow: hidden; border-radius: 5px; width: 100%; display: flex; } .upk-maple-grid .upk-main-image .upk-img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .upk-maple-grid .upk-category { position: absolute; top: 0; right: 0; margin: 15px; display: inline-flex; gap: 7px; flex-wrap: wrap; } .upk-maple-grid .upk-category a { background-color: #ef233c; text-decoration: none; padding: 3px 10px; border-radius: 15px; font-size: 12px; color: #ffffff; } .upk-maple-grid .upk-post-format { position: absolute; bottom: 0; left: 50px; } .upk-maple-grid .upk-post-format a { color: #fff; background-color: #ef233c; display: flex; position: absolute; padding: 10px; border-radius: 30px; cursor: pointer; transform: translate(50%, -50%); } .upk-maple-grid .upk-post-format a i { display: flex; } .upk-maple-grid .upk-content { padding-top: 20px; width: 100%; } .upk-maple-grid .upk-meta { display: inline-flex; flex-wrap: wrap; align-items: center; margin-bottom: 15px; font-size: 13px; } .upk-maple-grid .upk-meta .upk-author { display: flex; align-items: center; } .upk-maple-grid .upk-meta .upk-author img { border-radius: 80px; margin-left: 10px; } .upk-maple-grid .upk-meta .author-name { color: #8d99ae; font-weight: 600; } .upk-maple-grid .upk-meta .upk-blog-date { position: relative; display: flex; } .upk-maple-grid .upk-meta .upk-blog-date .date { color: #8d99ae; } .upk-maple-grid .upk-meta .upk-blog-date i { margin: 0 5px; } .upk-maple-grid .upk-meta .upk-post-time { margin-right: 5px; color: #8d99ae; } .upk-maple-grid .upk-meta .upk-post-time i { margin-left: 2px; } .upk-maple-grid .upk-meta .upk-reading-time { color: #8d99ae; } .upk-maple-grid .upk-meta > div { position: relative; display: inline-flex; } .upk-maple-grid .upk-meta > div:before { content: attr(data-separator); margin: 0 8px; } .upk-maple-grid .upk-meta > div:nth-child(1)::before { display: none; } .upk-maple-grid .upk-title { width: 100%; font-size: 18px; font-weight: 600; line-height: 1.4; margin-top: 0; margin-bottom: 15px; } .upk-maple-grid .upk-title a { color: #2b2d42; } .upk-maple-grid .upk-title a:hover { color: #ef233c; } .upk-maple-grid .upk-text { color: #8d99ae; font-size: 14px; } .upk-maple-grid .upk-text P { margin: 0; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-item-box, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-item-box, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-item-box, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-item-box, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-item-box, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-item-box, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-item-box, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-item-box, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-item-box, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-item-box, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-item-box, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-item-box { display: flex; align-items: center; width: 100%; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-title, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-title, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-title, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-title, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-title, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-title, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-title, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-title, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-title, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-title, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-title, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-title { font-size: 16px; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-category, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-post-format, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-author, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-blog-date::before, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-text, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-category, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-post-format, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-author, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-blog-date::before, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-text, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-category, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-post-format, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-author, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-blog-date::before, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-text, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-category, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-post-format, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-author, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-blog-date::before, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-text, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-category, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-post-format, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-author, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-blog-date::before, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-text, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-category, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-post-format, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-author, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-blog-date::before, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-text, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-category, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-post-format, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-author, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-blog-date::before, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-text, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-category, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-post-format, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-author, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-blog-date::before, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-text, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-category, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-post-format, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-author, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-blog-date::before, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-text, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-category, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-post-format, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-author, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-blog-date::before, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-text, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-category, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-post-format, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-author, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-blog-date::before, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-text, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-category, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-post-format, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-author, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-blog-date::before, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-text { display: none; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-main-image, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-main-image, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-main-image, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-main-image, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-main-image, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-main-image, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-main-image, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-main-image, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-main-image, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-main-image, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-main-image, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-main-image { width: 150px; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-content, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-content, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-content, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-content, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-content, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-content, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-content, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-content, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-content, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-content, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-content, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-content { padding: 15px; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-content-inner, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-content-inner, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-content-inner, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-content-inner, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-content-inner, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-content-inner, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-content-inner, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-content-inner, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-content-inner, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-content-inner, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-content-inner, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-content-inner { display: flex; flex-direction: row-reverse; flex-flow: wrap-reverse; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-meta, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-meta, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-meta, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-meta, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-meta, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-meta, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-meta, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-meta, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-meta, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-meta, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-meta, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-meta { font-size: 13px; margin-bottom: 0; width: 100%; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-meta .upk-blog-date, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-meta .upk-blog-date { padding-right: 0px; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-meta .upk-blog-date i, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-meta .upk-blog-date i { margin-right: 0; } .upk-maple-grid .upk-style-1 { grid-template-columns: repeat(6, 1fr); } .upk-maple-grid .upk-style-1 .upk-item { grid-column: span 6/auto; } .upk-maple-grid .upk-style-2 { grid-template-columns: repeat(6, 1fr); } .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+1) { grid-column: span 6/auto; grid-row: span 4/auto; } .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2), .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3), .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4), .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) { grid-column: span 6/auto; } .upk-maple-grid .upk-style-3 { grid-template-columns: repeat(1, 1fr); } .upk-maple-grid .upk-style-4 { grid-template-columns: repeat(1, 1fr); } .upk-maple-grid .upk-style-5 { grid-template-columns: repeat(6, 1fr); } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) { grid-column: span 6/auto; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-item-box { display: block; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-main-image { width: 100%; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-content { padding-top: 30px; padding-right: 0px; padding-left: 0px; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-title { font-size: 18px; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+3) { grid-column: span 6/auto; grid-row: span 3/auto; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2), .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4), .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) { grid-column: span 6/auto; } .upk-maple-content--center .upk-style-1 .upk-item:nth-child(6n+3) .upk-meta, .upk-maple-content--center .upk-style-1 .upk-item:nth-child(6n+4) .upk-meta, .upk-maple-content--center .upk-style-1 .upk-item:nth-child(6n+5) .upk-meta, .upk-maple-content--center .upk-style-1 .upk-item:nth-child(6n+6) .upk-meta, .upk-maple-content--center .upk-style-2 .upk-item:nth-child(5n+2) .upk-meta, .upk-maple-content--center .upk-style-2 .upk-item:nth-child(5n+3) .upk-meta, .upk-maple-content--center .upk-style-2 .upk-item:nth-child(5n+4) .upk-meta, .upk-maple-content--center .upk-style-2 .upk-item:nth-child(5n+5) .upk-meta, .upk-maple-content--center .upk-style-5 .upk-item:nth-child(5n+2) .upk-meta, .upk-maple-content--center .upk-style-5 .upk-item:nth-child(5n+4) .upk-meta, .upk-maple-content--center .upk-style-5 .upk-item:nth-child(5n+5) .upk-meta, .upk-maple-content--center .upk-style-3 .upk-item:nth-child(n+1) .upk-meta { justify-content: center; } .upk-maple-content--right .upk-style-1 .upk-item:nth-child(6n+3) .upk-item-box, .upk-maple-content--right .upk-style-1 .upk-item:nth-child(6n+4) .upk-item-box, .upk-maple-content--right .upk-style-1 .upk-item:nth-child(6n+5) .upk-item-box, .upk-maple-content--right .upk-style-1 .upk-item:nth-child(6n+6) .upk-item-box, .upk-maple-content--right .upk-style-2 .upk-item:nth-child(5n+2) .upk-item-box, .upk-maple-content--right .upk-style-2 .upk-item:nth-child(5n+3) .upk-item-box, .upk-maple-content--right .upk-style-2 .upk-item:nth-child(5n+4) .upk-item-box, .upk-maple-content--right .upk-style-2 .upk-item:nth-child(5n+5) .upk-item-box, .upk-maple-content--right .upk-style-5 .upk-item:nth-child(5n+2) .upk-item-box, .upk-maple-content--right .upk-style-5 .upk-item:nth-child(5n+4) .upk-item-box, .upk-maple-content--right .upk-style-5 .upk-item:nth-child(5n+5) .upk-item-box, .upk-maple-content--right .upk-style-3 .upk-item:nth-child(n+1) .upk-item-box { flex-direction: row-reverse; } .upk-maple-content--right .upk-style-1 .upk-item:nth-child(6n+3) .upk-meta, .upk-maple-content--right .upk-style-1 .upk-item:nth-child(6n+4) .upk-meta, .upk-maple-content--right .upk-style-1 .upk-item:nth-child(6n+5) .upk-meta, .upk-maple-content--right .upk-style-1 .upk-item:nth-child(6n+6) .upk-meta, .upk-maple-content--right .upk-style-2 .upk-item:nth-child(5n+2) .upk-meta, .upk-maple-content--right .upk-style-2 .upk-item:nth-child(5n+3) .upk-meta, .upk-maple-content--right .upk-style-2 .upk-item:nth-child(5n+4) .upk-meta, .upk-maple-content--right .upk-style-2 .upk-item:nth-child(5n+5) .upk-meta, .upk-maple-content--right .upk-style-5 .upk-item:nth-child(5n+2) .upk-meta, .upk-maple-content--right .upk-style-5 .upk-item:nth-child(5n+4) .upk-meta, .upk-maple-content--right .upk-style-5 .upk-item:nth-child(5n+5) .upk-meta, .upk-maple-content--right .upk-style-3 .upk-item:nth-child(n+1) .upk-meta { justify-content: flex-end; } .upk-global-link-yes .upk-maple-grid .upk-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-maple-grid .upk-title { font-size: 24px; } .upk-maple-grid .upk-text { font-size: 16px; margin-bottom: 20px; } .upk-maple-grid .upk-meta { font-size: 14px; } .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+3) .upk-title, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+4) .upk-title, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+5) .upk-title, .upk-maple-grid .upk-style-1 .upk-item:nth-child(6n+6) .upk-title, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-title, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3) .upk-title, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4) .upk-title, .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) .upk-title, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2) .upk-title, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4) .upk-title, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) .upk-title, .upk-maple-grid .upk-style-3 .upk-item:nth-child(n+1) .upk-title { font-size: 18px; } .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+1), .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+2), .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+3), .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+4), .upk-maple-grid .upk-style-2 .upk-item:nth-child(5n+5) { grid-column: span 3/auto; } .upk-maple-grid .upk-style-4, .upk-maple-grid .upk-style-3 { grid-template-columns: repeat(2, 1fr); } .upk-maple-grid .upk-style-1 .upk-item:nth-child(n+1) { grid-column: span 3/auto; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-image-wrap, .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-content { width: 50%; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-item-box { display: flex; align-items: center; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-post-format { bottom: 50px; left: 0px; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-content { padding: 0 30px; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+1) .upk-title { font-size: 24px; } .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+2), .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+3), .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+4), .upk-maple-grid .upk-style-5 .upk-item:nth-child(5n+5) { grid-column: span 3/auto; } } .upk-ramble-grid { position: relative; } .upk-ramble-grid .upk-post-wrap { display: grid; } .upk-ramble-grid .upk-item { display: flex; position: relative; position: relative; overflow: hidden; border-radius: 6px; height: 360px; -webkit-box-shadow: 0px 3px 10px -5px rgba(151, 163, 184, 0.5); box-shadow: 0px 3px 10px -5px rgba(151, 163, 184, 0.5); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .upk-ramble-grid .upk-item:hover .upk-image-wrap:before { background-color: rgba(239, 35, 60, 0.5); } .upk-ramble-grid .upk-item:hover .upk-meta { position: relative; opacity: 1; margin-top: 0; margin-bottom: 15px; transform: translateY(0); transition-delay: 0.3s; } .upk-ramble-grid .upk-item:hover .upk-date-cetagory-wrap { position: absolute; opacity: 0; visibility: hidden; transform: translateY(20px); transition-delay: 0.3s; } .upk-ramble-grid .upk-item:hover .upk-title a { color: #fff; } .upk-ramble-grid .upk-item:hover .upk-text { color: #f8f8f8; opacity: 1; transition-delay: 0.4s; transform: translateY(0px); } .upk-ramble-grid .upk-item:hover .upk-btn-comments-wrap .upk-readmore { color: #fff; } .upk-ramble-grid .upk-item:hover .upk-btn-comments-wrap .upk-readmore svg * { fill: #fff; } .upk-ramble-grid .upk-item:hover .upk-btn-comments-wrap .upk-comments { color: #fff; } .upk-ramble-grid .upk-item:hover .upk-default-show { visibility: hidden; opacity: 0; transform: translateY(20px); } .upk-ramble-grid .upk-item:hover .upk-default-hide { opacity: 1; transform: translateY(0); visibility: visible; transition-delay: 0.1s; } .upk-ramble-grid .upk-image-wrap { display: flex; width: 100%; } .upk-ramble-grid .upk-image-wrap:before { position: absolute; content: ""; top: 0; right: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .upk-ramble-grid .upk-img { object-fit: cover; height: 100%; width: 100%; } .upk-ramble-grid .upk-content { position: absolute; top: 0; right: 0; width: 100%; } .upk-ramble-grid .upk-author-name a { color: #fff; font-size: 15px; font-weight: 600; text-transform: capitalize; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .upk-ramble-grid .upk-post-time, .upk-ramble-grid .upk-date { color: #f5f5f5; font-size: 14px; } .upk-ramble-grid .upk-post-time { margin-right: 5px; } .upk-ramble-grid .upk-post-time i { margin-left: 2px; } .upk-ramble-grid .upk-meta { display: flex; align-items: center; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; transform: translateY(-100%); } .upk-ramble-grid .upk-meta .upk-author-image { margin-left: 15px; } .upk-ramble-grid .upk-meta .upk-author-image img { border-radius: 80px; } .upk-ramble-grid .upk-date-reading-time { color: #f5f5f5; font-size: 14px; flex-wrap: wrap; } .upk-ramble-grid .upk-date-reading-time > div { position: relative; display: inline-flex; } .upk-ramble-grid .upk-date-reading-time > div:before { content: attr(data-separator); margin: 0 8px; } .upk-ramble-grid .upk-date-reading-time > div:nth-child(1)::before { display: none; } .upk-ramble-grid .upk-date-cetagory-wrap { display: inline-flex; align-items: center; position: relative; opacity: 1; transition: all 0.3s ease; margin-bottom: 15px; transform: translateY(0); visibility: visible; transition: all 0.3s ease; } .upk-ramble-grid .upk-date-cetagory-wrap .upk-post-time, .upk-ramble-grid .upk-date-cetagory-wrap .upk-date { color: #8D99AE; font-size: 15px; line-height: 1; } .upk-ramble-grid .upk-date-cetagory-wrap .upk-category { position: relative; margin-right: 10px; padding-right: 10px; display: inline-flex; } .upk-ramble-grid .upk-date-cetagory-wrap .upk-category a { color: #8D99AE; font-size: 15px; text-transform: capitalize; line-height: 1; } .upk-ramble-grid .upk-date-cetagory-wrap .upk-category a + a { margin-right: 5px; } .upk-ramble-grid .upk-date-cetagory-wrap .upk-category:before { content: ""; position: absolute; background: #e6e9ec; height: 100%; width: 2px; right: -1px; } .upk-ramble-grid .upk-title { font-size: 24px; font-weight: 600; margin: 0; padding-bottom: 15px; text-transform: capitalize; } .upk-ramble-grid .upk-title a { color: #2B2D42; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .upk-ramble-grid .upk-text { font-size: 16px; color: #8D99AE; opacity: 0; transition: all 0.3s ease; transform: translateY(-20px); } .upk-ramble-grid .upk-btn-comments-wrap { display: flex; justify-content: space-between; align-items: center; position: absolute; width: 100%; bottom: 0; padding: 30px; } .upk-ramble-grid .upk-btn-comments-wrap .upk-readmore { color: #8D99AE; font-size: 15px; font-weight: 600; text-transform: capitalize; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .upk-ramble-grid .upk-btn-comments-wrap .upk-readmore svg { width: 1em; } .upk-ramble-grid .upk-btn-comments-wrap .upk-readmore svg * { fill: #8D99AE; } .upk-ramble-grid .upk-btn-comments-wrap .upk-comments { color: #8D99AE; font-size: 15px; text-transform: capitalize; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .upk-ramble-grid .upk-default-show { position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; transform: translateY(0); padding: 30px; } .upk-ramble-grid .upk-default-hide { position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; transform: translateY(-100%); visibility: hidden; padding: 30px; } .upk-global-link-yes .upk-ramble-grid .upk-item:hover { cursor: pointer; } .upk-alex-carousel { position: relative; } .upk-alex-carousel .upk-item { position: relative; overflow: hidden; display: flex; height: 300px; } .upk-alex-carousel .upk-item:hover .upk-button-wrap { margin-bottom: 0px !important; } .upk-alex-carousel .upk-item:hover .upk-readmore { background: white; } .upk-alex-carousel .upk-item:hover .upk-readmore .upk-readmore-icon:before { width: 50px; background: #2B2D42; } .upk-alex-carousel .upk-item:hover .upk-readmore .upk-readmore-icon span:before, .upk-alex-carousel .upk-item:hover .upk-readmore .upk-readmore-icon span:after { width: 10px; transition-delay: 0.3s; background: #2B2D42; opacity: 1; } .upk-alex-carousel .upk-item:hover .upk-post-format a { transform: translateY(0); opacity: 1; } .upk-alex-carousel .upk-meta { position: absolute; top: 15px; right: 15px; display: flex; align-items: center; } .upk-alex-carousel .upk-meta .upk-author-img img { border-radius: 80px; margin-left: 10px; } .upk-alex-carousel .upk-meta .upk-author-name a { color: #dcdcdc; font-size: 16px; text-transform: capitalize; font-weight: 500; } .upk-alex-carousel .upk-meta .upk-reading-time, .upk-alex-carousel .upk-meta .upk-date, .upk-alex-carousel .upk-meta .upk-post-time { color: #dcdcdc; font-size: 12px; font-weight: 500; } .upk-alex-carousel .upk-meta .upk-post-time { margin-right: 5px; } .upk-alex-carousel .upk-meta .upk-post-time i { margin-left: 2px; } .upk-alex-carousel .upk-meta .upk-date-reading-wrap > div { position: relative; display: inline-flex; } .upk-alex-carousel .upk-meta .upk-date-reading-wrap > div:before { content: attr(data-separator); margin: 0 5px; } .upk-alex-carousel .upk-meta .upk-date-reading-wrap > div:nth-child(1)::before { display: none; } .upk-alex-carousel .upk-content-wrap { position: absolute; width: 100%; bottom: 0; height: auto; background: rgba(43, 45, 66, 0.3); } .upk-alex-carousel .upk-image-wrap { width: 100%; } .upk-alex-carousel .upk-image-wrap .upk-img { position: relative; width: 100%; height: 100%; object-fit: cover; } .upk-alex-carousel .upk-content { padding: 20px; } .upk-alex-carousel .upk-title { font-size: 18px; font-weight: 600; display: inline; margin: 0; } .upk-alex-carousel .upk-title a { color: #fff; } .upk-alex-carousel .upk-category { margin-bottom: 5px; } .upk-alex-carousel .upk-category a { font-size: 15px; font-weight: 500; color: rgba(255, 255, 255, 0.5); } .upk-alex-carousel .upk-button-wrap { margin-bottom: -50px; transition: margin-bottom 0.5s cubic-bezier(0.25, 0.85, 0.35, 0.98); } .upk-alex-carousel .upk-readmore { display: flex; position: relative; padding: 25px 20px; transition: all 0.3s ease; } .upk-alex-carousel .upk-readmore .upk-readmore-icon { position: relative; } .upk-alex-carousel .upk-readmore .upk-readmore-icon:before { content: ""; position: absolute; right: 0; height: 2px; width: 25px; background: rgba(255, 255, 255, 0.5); transition: all 0.5s ease; } .upk-alex-carousel .upk-readmore .upk-readmore-icon span:before, .upk-alex-carousel .upk-readmore .upk-readmore-icon span:after { content: ""; position: absolute; right: 40px; width: 10px; height: 2px; background: transparent; border-radius: 10px; transition: all 0.5s ease; opacity: 0; } .upk-alex-carousel .upk-readmore .upk-readmore-icon span:after { transform: rotate(45deg); bottom: -6px; } .upk-alex-carousel .upk-readmore .upk-readmore-icon span:before { transform: rotate(-45deg); top: -4px; } .upk-alex-carousel .upk-content-left .upk-content-wrap { right: 0; } .upk-alex-carousel .upk-content-right .upk-content-wrap { left: 0; } .upk-alex-carousel .upk-post-format { position: absolute; left: 0; top: 0; margin: 15px; } .upk-alex-carousel .upk-post-format a { padding: 16px 16px; display: inline-flex; color: #fff; font-size: 16px; transform: translateY(15px); opacity: 0; transition: all 0.5s cubic-bezier(0.25, 0.85, 0.35, 0.98); } .upk-global-link-yes .upk-alex-carousel .upk-item:hover { cursor: pointer; } @media (min-width: 1024px) { .upk-alex-carousel .upk-content-wrap { width: 60%; } } .upk-alter-grid .upk-post-grid { display: grid; grid-gap: 20px; } .upk-alter-grid .upk-item { position: relative; display: flex; overflow: hidden; transition: all 0.3s ease; } .upk-alter-grid .upk-item:hover .upk-img { transform: scale(1.1); } .upk-alter-grid .upk-item:hover .upk-readmore-on-image .upk-readmore-icon:before { right: 0; width: 50px; background: #ffffff; transition-delay: 0.1s; opacity: 1; } .upk-alter-grid .upk-item:hover .upk-readmore-on-image .upk-readmore-icon span:before, .upk-alter-grid .upk-item:hover .upk-readmore-on-image .upk-readmore-icon span:after { right: 21px; background: #ffffff; opacity: 1; } .upk-alter-grid .upk-item:hover .upk-readmore-on-image .upk-readmore-icon span:after { transform: scale(1) rotate(45deg); } .upk-alter-grid .upk-item:hover .upk-readmore-on-image .upk-readmore-icon span:before { transform: scale(1) rotate(-45deg); } .upk-alter-grid .upk-item-box { position: relative; display: flex; flex-direction: column; width: 100%; } .upk-alter-grid .upk-img-wrap { position: relative; display: flex; } .upk-alter-grid .upk-img-wrap .upk-main-img { overflow: hidden; display: flex; width: 100%; } .upk-alter-grid .upk-img-wrap .upk-main-img .upk-img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .upk-alter-grid .upk-content { display: flex; padding: 30px; height: 100%; } .upk-alter-grid .upk-content > div { display: flex; flex-direction: column; } .upk-alter-grid .upk-category { margin-bottom: 10px; z-index: 1; } .upk-alter-grid .upk-category a { color: #909aae; font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.1px; transition: all 0.3s ease-in-out; background-clip: padding-box; -moz-background-clip: padding; -webkit-background-clip: padding; } .upk-alter-grid .upk-category a:hover { color: #EF233C; } .upk-alter-grid .upk-title { margin-top: 0; line-height: 1.4; font-weight: 600; } .upk-alter-grid .upk-title a { color: #2B2D42; transition: all 0.5s ease; } .upk-alter-grid .upk-title a:hover { color: #EF233C; } .upk-alter-grid .upk-text-wrap { flex-grow: 1; } .upk-alter-grid .upk-text-wrap .upk-text { line-height: 1.5; letter-spacing: 0.5px; color: #8D99AE; } .upk-alter-grid .upk-text-wrap .upk-text p { margin: 0; } .upk-alter-grid .upk-meta { display: inline-flex; align-items: center; font-size: 12px; color: #8D99AE; text-transform: uppercase; font-weight: 600; line-height: 1; } .upk-alter-grid .upk-meta .author-name { color: #8D99AE; } .upk-alter-grid .upk-meta .upk-post-time { margin-right: 5px; } .upk-alter-grid .upk-meta .upk-post-time i { margin-left: 2px; } .upk-alter-grid .upk-meta .upk-separator { margin: 0 6px; } .upk-alter-grid .upk-meta > div { position: relative; display: inline-flex; } .upk-alter-grid .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-alter-grid .upk-meta > div:nth-child(1)::before { display: none; } .upk-alter-grid .upk-readmore { color: #2B2D42; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin: 20px 0; transition: all 0.3s ease; } .upk-alter-grid .upk-readmore:hover { color: #EF233C; } .upk-alter-grid .upk-readmore-on-image { position: absolute; height: 100%; width: 100%; } .upk-alter-grid .upk-readmore-on-image .upk-readmore-icon { position: absolute; right: calc(50% - 25px); top: 50%; transform: translate(50%, -50%); } .upk-alter-grid .upk-readmore-on-image .upk-readmore-icon:before { content: ""; position: absolute; right: -30px; height: 5px; width: 0; background: rgba(255, 255, 255, 0.5); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; } .upk-alter-grid .upk-readmore-on-image .upk-readmore-icon span:before, .upk-alter-grid .upk-readmore-on-image .upk-readmore-icon span:after { content: ""; position: absolute; right: -15px; width: 40px; height: 5px; background: transparent; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; } .upk-alter-grid .upk-readmore-on-image .upk-readmore-icon span:after { transform: scale(0.7) rotate(45deg); bottom: -17px; } .upk-alter-grid .upk-readmore-on-image .upk-readmore-icon span:before { transform: scale(0.7) rotate(-45deg); top: -13px; } .upk-alter-grid .upk-readmore-on-image:before { content: ""; position: absolute; width: 100%; height: 100%; } .upk-alter-grid .upk-post-format a { position: absolute; bottom: 0; left: 0; padding: 14px; color: #2B2D42; background: #fff; font-size: 14px; display: inline-flex; transition: all 0.3s ease; } .upk-alter-grid .upk-style-1 { grid-template-columns: repeat(1, 1fr); } .upk-alter-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-content { padding: 30px; align-items: flex-start; } .upk-alter-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-alter-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-text-wrap { margin-bottom: 20px; } .upk-alter-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-text-wrap .upk-text { font-size: 13px; } .upk-alter-grid .upk-style-2 { grid-template-columns: repeat(6, 1fr); } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) { grid-column: span 6/auto; grid-row: span 3/auto; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-content { align-items: center; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-text-wrap { margin-bottom: 20px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-text-wrap .upk-text { font-size: 13px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2), .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3), .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) { grid-column: span 6/auto; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-item-box, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-item-box, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-item-box { display: flex; flex-direction: inherit; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-img-wrap .upk-main-img, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-img-wrap .upk-main-img, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-img-wrap .upk-main-img { width: 120px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-content, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-content, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-content { padding: 10px; align-items: center; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-title, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-title, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-title { margin-bottom: 2px; font-size: 12px; flex-grow: 1; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-text-wrap, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-text-wrap, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-text-wrap { display: none; } .upk-alter-grid .upk-style-3 { grid-template-columns: repeat(6, 1fr); } .upk-alter-grid .upk-style-3 .upk-item:nth-child(1) { grid-column: span 6/auto; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(1) .upk-content { align-items: center; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(1) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(1) .upk-text-wrap { margin-bottom: 20px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(1) .upk-text-wrap .upk-text { font-size: 13px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) { grid-column: span 6/auto; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-content { padding: 20px; align-items: center; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-title { margin-bottom: 10px; font-size: 16px; flex-grow: 1; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-text-wrap { display: none; } .upk-primary-meta-end-position--yes .upk-style-1 .upk-item:nth-child(n+1) .upk-content { align-items: inherit; } .upk-primary-meta-end-position--yes .upk-style-2 .upk-item:nth-child(4n+1) .upk-content, .upk-primary-meta-end-position--yes .upk-style-3 .upk-item:nth-child(5n+1) .upk-content { align-items: inherit; } .upk-secondary-meta-end-position--yes .upk-style-2 .upk-item:nth-child(4n+2) .upk-content, .upk-secondary-meta-end-position--yes .upk-style-2 .upk-item:nth-child(4n+3) .upk-content, .upk-secondary-meta-end-position--yes .upk-style-2 .upk-item:nth-child(4n+4) .upk-content { align-items: inherit; } .upk-secondary-meta-end-position--yes .upk-style-3 .upk-item:nth-child(5n+2) .upk-content, .upk-secondary-meta-end-position--yes .upk-style-3 .upk-item:nth-child(5n+3) .upk-content, .upk-secondary-meta-end-position--yes .upk-style-3 .upk-item:nth-child(5n+4) .upk-content, .upk-secondary-meta-end-position--yes .upk-style-3 .upk-item:nth-child(5n+5) .upk-content { align-items: inherit; } .upk-global-link-yes .upk-alter-grid .upk-item:hover { cursor: pointer; } .upk-content-on-image-yes .upk-alter-grid .upk-item:hover .upk-content { height: 100% !important; } .upk-content-on-image-yes .upk-alter-grid .upk-item:hover .upk-readmore, .upk-content-on-image-yes .upk-alter-grid .upk-item:hover .upk-meta, .upk-content-on-image-yes .upk-alter-grid .upk-item:hover .upk-text { opacity: 1; } .upk-content-on-image-yes .upk-alter-grid .upk-item:hover .upk-meta { transition-delay: 0.2s; } .upk-content-on-image-yes .upk-alter-grid .upk-content { position: absolute; height: 150px; bottom: 0; background-color: rgba(0, 0, 0, 0.15); transition: all 0.3s ease-in-out; } .upk-content-on-image-yes .upk-alter-grid .upk-readmore, .upk-content-on-image-yes .upk-alter-grid .upk-meta, .upk-content-on-image-yes .upk-alter-grid .upk-text { opacity: 0; transition: all 0.3s ease; } .upk-content-on-image-yes .upk-alter-grid .upk-readmore, .upk-content-on-image-yes .upk-alter-grid .upk-text, .upk-content-on-image-yes .upk-alter-grid .upk-meta, .upk-content-on-image-yes .upk-alter-grid .upk-meta a, .upk-content-on-image-yes .upk-alter-grid .upk-title a, .upk-content-on-image-yes .upk-alter-grid .upk-category a { color: #ffffff; } .upk-content-on-image-yes .upk-alter-grid .upk-readmore-on-image { display: none; } @media only screen and (min-width: 600px) { .upk-alter-grid .upk-style-1 { grid-template-columns: repeat(3, 1fr); } .upk-alter-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-category a { font-size: 12px; } .upk-alter-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-title { margin-bottom: 20px; font-size: 20px; } .upk-alter-grid .upk-style-1 .upk-item:nth-child(n+1) .upk-text-wrap .upk-text { font-size: 15px; } .upk-alter-grid .upk-style-2.upk-post-grid { grid-template-columns: repeat(8, 1fr); } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) { grid-column: span 5/auto; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-item-box { display: flex; flex-direction: row; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-img-wrap { max-width: 50%; min-width: 50%; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-category a { font-size: 12px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-title { margin-bottom: 20px; font-size: 20px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-text-wrap .upk-text { font-size: 15px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2), .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3), .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) { grid-column: span 3/auto; display: flex; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-item-box, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-item-box, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-item-box { display: flex; flex-direction: row; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-img-wrap .upk-main-img, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-img-wrap .upk-main-img, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-img-wrap .upk-main-img { width: 130px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-content, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-content, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-content { padding: 15px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-title, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-title, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-title { margin-bottom: 10px; line-height: 1.3; font-size: 16px; flex-grow: 1; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-text-wrap, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-text-wrap, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-text-wrap { display: none; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) { grid-column: span 4/auto; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-item-box { display: flex; flex-direction: row; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-img-wrap { max-width: 50%; min-width: 50%; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-category a { font-size: 12px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-title { margin-bottom: 20px; font-size: 20px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-text-wrap .upk-text { font-size: 15px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) { grid-column: span 2/auto; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-content { padding: 20px 25px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-title { line-height: 1.3; font-size: 18px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-text-wrap { display: none; } } @media only screen and (min-width: 600px) and (max-width: 1024px) { .upk-alter-grid .upk-style-1 { grid-template-columns: repeat(2, 1fr); } .upk-alter-grid .upk-style-2.upk-post-grid { grid-template-columns: repeat(6, 1fr); } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) { grid-column: span 6/auto; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-item-box { display: flex; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-category a { font-size: 12px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-title { margin-bottom: 20px; font-size: 16px; flex-grow: 1; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+1) .upk-text-wrap .upk-text { font-size: 14px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2), .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3), .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) { grid-column: span 6/auto; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-item-box, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-item-box, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-item-box { display: flex; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-img-wrap .upk-main-img, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-img-wrap .upk-main-img, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-img-wrap .upk-main-img { width: 140px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-content, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-content, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-content { padding: 20px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-title, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-title, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-title { margin-bottom: 10px; font-size: 14px; } .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+2) .upk-text-wrap, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+3) .upk-text-wrap, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-category, .upk-alter-grid .upk-style-2 .upk-item:nth-child(4n+4) .upk-text-wrap { display: none; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) { grid-column: span 6/auto; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-content { padding: 19px 40px 20px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-text-wrap { margin-bottom: 20px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+1) .upk-text-wrap .upk-text { font-size: 13px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4), .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) { grid-column: span 3/auto; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-content, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-content { padding: 19px 40px 20px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-title, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-title { margin-bottom: 10px; font-size: 16px; } .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+2) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+3) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+4) .upk-text-wrap, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-category, .upk-alter-grid .upk-style-3 .upk-item:nth-child(5n+5) .upk-text-wrap { display: none; } } .upk-alter-carousel .upk-item { position: relative; overflow: hidden; background: #fff; } .upk-alter-carousel .upk-item:hover .upk-main-img .upk-img { transform: scale(1.1); } .upk-alter-carousel .upk-item:hover .upk-readmore-on-image .upk-readmore-icon:before { right: 0; width: 50px; background: #ffffff; transition-delay: 0.1s; opacity: 1; } .upk-alter-carousel .upk-item:hover .upk-readmore-on-image .upk-readmore-icon span:before, .upk-alter-carousel .upk-item:hover .upk-readmore-on-image .upk-readmore-icon span:after { right: 21px; background: #ffffff; opacity: 1; } .upk-alter-carousel .upk-item:hover .upk-readmore-on-image .upk-readmore-icon span:after { transform: scale(1) rotate(45deg); } .upk-alter-carousel .upk-item:hover .upk-readmore-on-image .upk-readmore-icon span:before { transform: scale(1) rotate(-45deg); } .upk-alter-carousel .upk-item-box { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; } .upk-alter-carousel .upk-img-wrap { position: relative; } .upk-alter-carousel .upk-img-wrap .upk-main-img { overflow: hidden; display: flex; width: 100%; } .upk-alter-carousel .upk-img-wrap .upk-main-img .upk-img { width: 100%; height: 100%; object-fit: cover; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .upk-alter-carousel .upk-content { position: relative; display: flex; align-items: flex-start; padding: 30px; height: 100%; z-index: 1; } .upk-alter-carousel .upk-content > div { display: flex; flex-direction: column; } .upk-alter-carousel .upk-title { font-size: 16px; font-weight: 600; line-height: 1.4; margin-top: 0; margin-bottom: 10px; } .upk-alter-carousel .upk-title a { color: #2B2D42; transition: all 0.5s ease; } .upk-alter-carousel .upk-title a:hover { color: #EF233C; } .upk-alter-carousel .upk-text-wrap { flex-grow: 1; margin-bottom: 20px; } .upk-alter-carousel .upk-text-wrap .upk-text { font-size: 13px; line-height: 1.5; letter-spacing: 0.5px; color: #8D99AE; } .upk-alter-carousel .upk-text-wrap .upk-text p { margin: 0; } .upk-alter-carousel .upk-category { display: inline-flex; margin-bottom: 10px; } .upk-alter-carousel .upk-category a { color: #909aae; font-size: 11px; font-weight: 600; letter-spacing: 1.1px; text-transform: uppercase; transition: all 0.3s ease-in-out; } .upk-alter-carousel .upk-category a:hover { color: #EF233C; } .upk-alter-carousel .upk-meta { display: inline-flex; align-items: center; font-size: 12px; color: #8D99AE; text-transform: uppercase; font-weight: 600; line-height: 1; } .upk-alter-carousel .upk-meta .author-name { color: #8D99AE; } .upk-alter-carousel .upk-meta .upk-post-time { margin-right: 5px; } .upk-alter-carousel .upk-meta .upk-post-time i { margin-left: 2px; } .upk-alter-carousel .upk-meta .upk-separator { margin: 0 6px; } .upk-alter-carousel .upk-meta > div { position: relative; display: inline-flex; } .upk-alter-carousel .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-alter-carousel .upk-meta > div:nth-child(1)::before { display: none; } .upk-alter-carousel .upk-readmore { color: #2B2D42; font-size: 14px; font-weight: 600; letter-spacing: 0.5px; margin: 20px 0; transition: all 0.3s ease; } .upk-alter-carousel .upk-readmore:hover { color: #EF233C; } .upk-alter-carousel .upk-readmore-on-image { position: absolute; height: 100%; width: 100%; } .upk-alter-carousel .upk-readmore-on-image .upk-readmore-icon { position: absolute; right: calc(50% - 25px); top: 50%; transform: translate(50%, -50%); } .upk-alter-carousel .upk-readmore-on-image .upk-readmore-icon:before { content: ""; position: absolute; right: -30px; height: 5px; width: 0; background: rgba(255, 255, 255, 0.5); transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; } .upk-alter-carousel .upk-readmore-on-image .upk-readmore-icon span:before, .upk-alter-carousel .upk-readmore-on-image .upk-readmore-icon span:after { content: ""; position: absolute; right: -15px; width: 40px; height: 5px; background: transparent; transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; } .upk-alter-carousel .upk-readmore-on-image .upk-readmore-icon span:after { transform: scale(0.7) rotate(45deg); bottom: -17px; } .upk-alter-carousel .upk-readmore-on-image .upk-readmore-icon span:before { transform: scale(0.7) rotate(-45deg); top: -13px; } .upk-alter-carousel .upk-readmore-on-image:before { content: ""; position: absolute; width: 100%; height: 100%; } .upk-alter-carousel .upk-post-format a { position: absolute; bottom: 0; left: 0; padding: 14px; color: #2B2D42; background: #fff; font-size: 14px; display: inline-flex; transition: all 0.3s ease; } .upk-meta-end-position--yes .upk-alter-carousel .upk-content { align-items: inherit; } .upk-item-match-height--yes .upk-alter-carousel .swiper-slide { height: initial; } .upk-global-link-yes .upk-alter-carousel .upk-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-alter-carousel .upk-category a { font-size: 12px; } .upk-alter-carousel .upk-title { margin-bottom: 20px; font-size: 20px; } .upk-alter-carousel .upk-text-wrap .upk-text { font-size: 15px; } } .upk-amox-grid { display: grid; grid-gap: 30px; } .upk-amox-grid .upk-item { overflow: hidden; } .upk-amox-grid .upk-item:hover .upk-img-wrap .upk-img { transform: scale(1.2); } .upk-amox-grid .upk-item.active { position: relative; } .upk-amox-grid .upk-item.active .upk-img-wrap { height: 100% !important; position: relative; } .upk-amox-grid .upk-item.active .upk-img-wrap::before { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: rgba(43, 45, 66, 0.3490196078); z-index: 1; transition: background 0.3s ease; } .upk-amox-grid .upk-item.active .upk-content { position: absolute; bottom: 0; width: 100%; padding: 20px; text-align: center; z-index: 1; } .upk-amox-grid .upk-item.active .upk-title a { color: #EDF2F4; } .upk-amox-grid .upk-item.active .upk-title a:hover { color: #D90429; } .upk-amox-grid .upk-item.active .upk-category a { color: #fff; background: #161a2b; padding: 4px 8px; transition: all 0.3s ease-in-out; } .upk-amox-grid .upk-item.active .upk-category a:hover { background: #D90429; } .upk-amox-grid .upk-item.active .upk-meta { color: #EDF2F4; } .upk-amox-grid .upk-img-wrap { overflow: hidden; cursor: pointer; display: flex; } .upk-amox-grid .upk-img-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); } .upk-amox-grid .upk-content { padding: 20px 0; } .upk-amox-grid .upk-category { display: inline-flex; flex-wrap: wrap; gap: 7px; margin-bottom: 8px; } .upk-amox-grid .upk-category a { font-size: 11px; color: #8D99AE; text-transform: uppercase; transition: all 0.3s ease-in-out; } .upk-amox-grid .upk-category a:hover { color: #D90429; } .upk-amox-grid .upk-title { margin: 0; padding-bottom: 8px; font-size: 20px; font-weight: 700; } .upk-amox-grid .upk-title a { color: #2B2D42; transition: all 0.3s ease-in-out; } .upk-amox-grid .upk-title a:hover { color: #D90429; } .upk-amox-grid .upk-meta { font-size: 12px; color: #8D99AE; } .upk-amox-grid .upk-meta .upk-post-time { margin-right: 5px; align-items: center; } .upk-amox-grid .upk-meta .upk-post-time i { margin-left: 2px; } .upk-amox-grid .upk-meta > div { position: relative; display: inline-flex; } .upk-amox-grid .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-amox-grid .upk-meta > div:nth-child(1)::before { display: none; } .upk-amox-grid .upk-comments span { margin-right: 4px; } .upk-global-link-yes .upk-amox-grid .upk-item:hover { cursor: pointer; } .upk-amox-carousel .upk-item { overflow: hidden; } .upk-amox-carousel .upk-item:hover .upk-img-wrap .upk-img { transform: scale(1.2); } .upk-amox-carousel .upk-item.active { position: relative; } .upk-amox-carousel .upk-item.active .upk-img-wrap { height: 100% !important; position: relative; } .upk-amox-carousel .upk-item.active .upk-img-wrap::before { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: rgba(43, 45, 66, 0.3490196078); z-index: 1; transition: background 0.3s ease; } .upk-amox-carousel .upk-item.active .upk-content { position: absolute; bottom: 0; width: 100%; padding: 20px; text-align: center; z-index: 1; } .upk-amox-carousel .upk-item.active .upk-title a { color: #EDF2F4; } .upk-amox-carousel .upk-item.active .upk-title a:hover { color: #D90429; } .upk-amox-carousel .upk-item.active .upk-category a { color: #fff; background: #161a2b; padding: 4px 8px; transition: all 0.3s ease-in-out; } .upk-amox-carousel .upk-item.active .upk-category a:hover { background: #D90429; } .upk-amox-carousel .upk-item.active .upk-meta { color: #EDF2F4; } .upk-amox-carousel .upk-img-wrap { overflow: hidden; cursor: pointer; display: flex; } .upk-amox-carousel .upk-img-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); } .upk-amox-carousel .upk-content { padding: 20px 0; } .upk-amox-carousel .upk-category { display: inline-flex; flex-wrap: wrap; gap: 7px; margin-bottom: 8px; } .upk-amox-carousel .upk-category a { font-size: 11px; color: #8D99AE; text-transform: uppercase; transition: all 0.3s ease-in-out; } .upk-amox-carousel .upk-category a:hover { color: #D90429; } .upk-amox-carousel .upk-title { margin: 0; padding-bottom: 8px; font-size: 20px; font-weight: 700; } .upk-amox-carousel .upk-title a { color: #2B2D42; transition: all 0.3s ease-in-out; } .upk-amox-carousel .upk-title a:hover { color: #D90429; } .upk-amox-carousel .upk-meta { font-size: 12px; color: #8D99AE; } .upk-amox-carousel .upk-meta .upk-post-time { margin-right: 5px; } .upk-amox-carousel .upk-meta .upk-post-time i { margin-left: 2px; } .upk-amox-carousel .upk-meta > div { position: relative; display: inline-flex; } .upk-amox-carousel .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-amox-carousel .upk-meta > div:nth-child(1)::before { display: none; } .upk-amox-carousel .upk-comments span { margin-right: 4px; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active { position: relative; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-img-wrap { height: 100%; position: relative; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-img-wrap::before { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: rgba(43, 45, 66, 0.3490196078); z-index: 1; transition: background 0.3s ease; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-content { position: absolute; bottom: 0; width: 100%; padding: 20px; text-align: center; z-index: 1; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-title a { color: #EDF2F4; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-title a:hover { color: #D90429; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-category a { color: #fff; background: #161a2b; padding: 4px 8px; transition: all 0.3s ease-in-out; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-category a:hover { background: #D90429; } .upk-amox-carousel-active--yes .upk-item.swiper-slide-active .upk-meta { color: #EDF2F4; } .upk-global-link-yes .upk-amox-carousel .upk-item:hover { cursor: pointer; } .upk-item-match-height--yes .upk-amox-carousel .swiper-slide { height: initial; } .upk-elite-carousel .upk-item { position: relative; overflow: hidden; } .upk-elite-carousel .upk-item:hover .upk-main-image::before { opacity: 0; transform: translateY(-200px); } .upk-elite-carousel .upk-item:hover .upk-category-meta-wrap { opacity: 0; transform: translateX(-100px); } .upk-elite-carousel .upk-item-box { position: relative; } .upk-elite-carousel .upk-blog-image-wrapper { position: relative; } .upk-elite-carousel .upk-main-image { overflow: hidden; display: flex; width: 100%; position: relative; } .upk-elite-carousel .upk-main-image::before { position: absolute; content: ""; top: 0; width: 100%; height: 100%; background: linear-gradient(-207deg, #2B2D42 0, rgba(141, 153, 174, 0) 42%); opacity: 1; transform: translateY(0); transition: all 0.9s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.9s ease; } .upk-elite-carousel .upk-main-image .upk-blog-image { object-fit: cover; width: 100%; } .upk-elite-carousel .upk-blog-post-author-wrap { position: absolute; bottom: 0; right: 0; background: #fff; display: flex; align-items: center; } .upk-elite-carousel .upk-author-img-wrap img { border-radius: 50%; } .upk-elite-carousel .upk-author-info-warp { display: flex; flex-direction: column; } .upk-elite-carousel .upk-author-info-warp .author-name .name { text-decoration: none; font-weight: 600; color: #283D58; text-transform: capitalize; letter-spacing: 1.1px; transition: all 0.3s ease-in-out; } .upk-elite-carousel .upk-author-info-warp .author-depertment { color: #8D99AE; letter-spacing: 1px; text-transform: capitalize; } .upk-elite-carousel .upk-title { position: relative; font-weight: 600; line-height: 1.4; padding-right: 50px; margin-top: 0; } .upk-elite-carousel .upk-title a { color: #283D58; transition: all 0.5s ease; } .upk-elite-carousel .upk-title a:hover { color: #EF233C; background-size: 100% 2px; } .upk-elite-carousel .upk-title a:before { position: absolute; content: ""; border: 1px solid #EF233C; width: 37px; right: 0; } .upk-elite-carousel .upk-text-wrap { padding-right: 50px; margin-bottom: clamp(20px, 2vw, 35px); } .upk-elite-carousel .upk-text { font-size: clamp(13px, 1vw, 15px); line-height: 1.5; letter-spacing: 0.5px; color: #8D99AE; } .upk-elite-carousel .upk-text p { margin: 0; } .upk-elite-carousel .upk-blog-post-meta { display: flex; align-items: center; } .upk-elite-carousel .upk-blog-post-meta .author { width: 40px; border-radius: 30px; } .upk-elite-carousel .upk-blog-post-meta .author-name { text-decoration: none; font-weight: 600; } .upk-elite-carousel .upk-category-meta-wrap { position: absolute; left: 20px; top: 20px; opacity: 1; transform: translateX(0); transition: all 0.8s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0s step-end, opacity 0.6s ease; } .upk-elite-carousel .upk-category { display: flex; margin-right: 10px; } .upk-elite-carousel .upk-category a { font-size: 14px; color: #dddfe2; font-weight: 600; padding: 4px 8px; display: flex; line-height: 1; border-radius: 3px; transition: all 0.3s ease; } .upk-elite-carousel .upk-category a + a { margin-right: 5px; } .upk-elite-carousel .upk-reading-time, .upk-elite-carousel .upk-post-time, .upk-elite-carousel .upk-date { font-size: 14px; color: #ffffff; display: flex; line-height: 1; } .upk-elite-carousel .upk-post-time i { margin-left: 2px; } .upk-elite-carousel .upk-blog-image { width: 100%; height: 100%; } .upk-elite-carousel .upk-blog-post-author-wrap { padding: 20px 0 20px 20px; } .upk-elite-carousel .upk-author-img-wrap img { width: 38px; } .upk-elite-carousel .upk-author-info-warp { padding-right: 15px; } .upk-elite-carousel .upk-author-info-warp .author-name { margin-bottom: 3px; } .upk-elite-carousel .upk-author-info-warp .author-name .name { font-size: 14px; } .upk-elite-carousel .upk-author-info-warp .author-depertment { font-size: 12px; } .upk-elite-carousel .upk-blog-box-content { padding-top: 30px; padding-left: 30px; } .upk-elite-carousel .upk-title { margin-bottom: clamp(10px, 2vw, 20px); font-size: clamp(16px, 2vw, 20px); } .upk-elite-carousel .upk-title a:before { top: 12px; } .upk-elite-carousel .upk-date-reading-wrap > div { position: relative; display: inline-flex; } .upk-elite-carousel .upk-date-reading-wrap > div:before { content: attr(data-separator); margin: 0 5px; } .upk-elite-carousel .upk-date-reading-wrap > div:nth-child(1)::before { display: none; } .upk-global-link-yes .upk-elite-carousel .upk-item:hover { cursor: pointer; } .upk-item-match-height--yes .upk-elite-carousel .swiper-slide { height: initial; } .upk-hazel-carousel .upk-item { position: relative; overflow: hidden; } .upk-hazel-carousel .upk-item:hover .upk-item-box .upk-content { opacity: 1; transform: translateY(0); } .upk-hazel-carousel .upk-item:hover .upk-item-box .upk-content .upk-meta { opacity: 1; } .upk-hazel-carousel .upk-item-box { position: relative; overflow: hidden; transition: all 0.3s ease-in; height: 100%; } .upk-hazel-carousel .upk-item-box:before { content: ""; display: block; position: absolute; width: 100%; top: 0; bottom: 0; z-index: 2; transition: all 0.3s ease; } .upk-hazel-carousel .upk-item-box .upk-blog-image { width: 100%; height: 100%; object-fit: cover; display: block; transition: all 0.3s ease; } .upk-hazel-carousel .upk-item-box:hover .upk-blog-image { transform: scale(1.1); } .upk-hazel-carousel .upk-content { padding: 30px; transition: all 0.3s ease; opacity: 1; } .upk-hazel-carousel .upk-blog-badge span { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; } .upk-hazel-carousel .upk-blog-badge a { text-decoration: none; font-size: 10px; background: #EF233C; text-transform: uppercase; letter-spacing: 1px; border-radius: 2px; display: inline-block; padding: 3px 6px; } .upk-hazel-carousel .upk-blog-badge * { color: #fff; } .upk-hazel-carousel .upk-title { font-size: clamp(16px, 2vw, 20px); line-height: 1.3; margin-bottom: 6px; } .upk-hazel-carousel .upk-meta { display: inline-flex; flex-wrap: wrap; align-items: center; opacity: 0; transition: all 0.3s ease; font-size: 12px; } .upk-hazel-carousel .upk-meta .upk-blog-author { float: right; display: flex; align-items: center; } .upk-hazel-carousel .upk-meta .upk-blog-author a { text-transform: capitalize; font-weight: 600; } .upk-hazel-carousel .upk-meta .upk-blog-author .upk-author { display: flex; line-height: 1; margin-right: 5px; } .upk-hazel-carousel .upk-meta .upk-date { position: relative; display: flex; align-items: center; line-height: 1; } .upk-hazel-carousel .upk-meta .upk-date i { margin: 0 5px; } .upk-hazel-carousel .upk-meta .upk-post-time { margin-right: 5px; } .upk-hazel-carousel .upk-meta .upk-post-time i { margin-left: 2px; } .upk-hazel-carousel .upk-meta > div { position: relative; display: inline-flex; } .upk-hazel-carousel .upk-meta > div:before { content: attr(data-separator); margin: 0 10px; } .upk-hazel-carousel .upk-meta > div:nth-child(1)::before { display: none; } .upk-hazel-carousel .upk-content-style-1 .upk-item-box:before { background: rgba(0, 0, 0, 0.4); } .upk-hazel-carousel .upk-content-style-1 .upk-cetagory { margin-bottom: 15px; } .upk-hazel-carousel .upk-content-style-1 .upk-title a { color: #fff; } .upk-hazel-carousel .upk-content-style-1 .upk-meta { color: #fff; } .upk-hazel-carousel .upk-content-style-1 .upk-meta .upk-blog-author a { color: #fff; } .upk-hazel-carousel .upk-content-style-1 .upk-meta .upk-post-time, .upk-hazel-carousel .upk-content-style-1 .upk-meta .upk-date { color: #ffffff; } .upk-hazel-carousel .upk-content-style-2 .upk-content { padding: 15px; width: 100%; } .upk-hazel-carousel .upk-content-style-2 .upk-cetagory { margin-bottom: 15px; } .upk-hazel-carousel .upk-content-style-2 .upk-title a { color: #fff; } .upk-hazel-carousel .upk-content-style-2 .upk-meta { color: #fff; } .upk-hazel-carousel .upk-content-style-2 .upk-meta .upk-blog-author a { color: #fff; } .upk-hazel-carousel .upk-content-style-2 .upk-meta .upk-post-time, .upk-hazel-carousel .upk-content-style-2 .upk-meta .upk-date { color: #ffffff; } .upk-hazel-carousel .upk-content-style-3 .upk-item-box:before { background: rgba(0, 0, 0, 0.4); } .upk-hazel-carousel .upk-content-style-3 .upk-cetagory { margin-bottom: 15px; } .upk-hazel-carousel .upk-content-style-3 .upk-title a { background: #fff; color: #000; display: inline; padding: 6px; -webkit-box-decoration-break: clone; } .upk-hazel-carousel .upk-content-style-3 .upk-meta { background: #fff; color: #000; display: inline-flex; padding: 6px; } .upk-hazel-carousel .upk-content-style-3 .upk-meta .upk-blog-author a { color: #000; } .upk-hazel-carousel .upk-content-style-3 .upk-meta .upk-date { color: #000; } .upk-hazel-carousel .upk-content-style-3 .upk-meta .upk-date::before { background: #000; } .upk-hazel-carousel .upk-content-style-3 .upk-meta .upk-post-time { color: #000; } .upk-hazel-carousel .upk-pg-text-position-center-center .upk-content { position: absolute; top: 60%; right: 50%; width: 100%; z-index: 111; text-align: center; transform: translate(50%, -50%); } .upk-hazel-carousel .upk-pg-text-position-center-center .upk-item:hover .upk-content { top: 50%; transform: translate(50%, -50%); } .upk-hazel-carousel .upk-pg-text-position-bottom-center .upk-content, .upk-hazel-carousel .upk-pg-text-position-bottom-left .upk-content { position: absolute; bottom: 0; right: 0; z-index: 111; transform: translateY(35px); } .upk-hazel-carousel .upk-pg-text-position-bottom-center .upk-content { text-align: center; } .upk-hazel-carousel .upk-pg-text-position-top-left .upk-content { position: absolute; top: 0; right: 0; z-index: 111; transform: translateY(-40px); display: flex; flex-direction: column-reverse; flex-flow: wrap-reverse; } .upk-hazel-carousel .upk-pg-text-position-top-left .upk-title-wrapper { margin-bottom: 10px; width: 100%; } .upk-hazel-carousel .upk-pg-text-position-top-left .upk-meta { margin-bottom: 20px; } .upk-hazel-carousel .upk-pg-text-position-top-right .upk-content { position: absolute; top: 0; left: 0; z-index: 111; transform: translateY(-40px); text-align: left; display: flex; flex-direction: column-reverse; flex-flow: wrap-reverse; } .upk-hazel-carousel .upk-pg-text-position-top-right .upk-title-wrapper { margin-bottom: 10px; width: 100%; } .upk-hazel-carousel .upk-pg-text-position-top-right .upk-cetagory { margin-right: auto; } .upk-hazel-carousel .upk-pg-text-position-top-right .upk-meta { margin-right: auto; margin-bottom: 20px; } .upk-hazel-carousel .upk-pg-text-position-top-right .upk-blog-badge { margin-right: auto; } .upk-hazel-carousel .upk-pg-text-position-bottom-right .upk-content { position: absolute; bottom: 0; left: 0; z-index: 111; transform: translateY(30px); text-align: left; } .upk-hazel-carousel .upk-pg-text-position-bottom-right .upk-meta { opacity: 1; transition: all 0.3s ease; display: inline-flex; } .upk-global-link-yes .upk-hazel-carousel .upk-item:hover { cursor: pointer; } .upk-maple-carousel .upk-item { position: relative; overflow: hidden; } .upk-maple-carousel .upk-item:hover .upk-img { transform: scale(1.1); } .upk-maple-carousel .upk-item-box { position: relative; } .upk-maple-carousel .upk-img-wrap { position: relative; } .upk-maple-carousel .upk-main-image { position: relative; overflow: hidden; border-radius: 5px; width: 100%; display: flex; } .upk-maple-carousel .upk-main-image .upk-img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease-in-out; } .upk-maple-carousel .upk-category { position: absolute; top: 0; right: 0; margin: 15px; display: inline-flex; flex-wrap: wrap; gap: 7px; } .upk-maple-carousel .upk-category a { background-color: #ef233c; text-decoration: none; padding: 3px 10px; border-radius: 15px; font-size: 12px; color: #ffffff; } .upk-maple-carousel .upk-post-format { position: absolute; bottom: 0; left: 50px; } .upk-maple-carousel .upk-post-format a { color: #fff; background-color: #ef233c; display: flex; position: absolute; padding: 10px; border-radius: 30px; cursor: pointer; transform: translate(50%, -50%); } .upk-maple-carousel .upk-post-format a i { display: flex; } .upk-maple-carousel .upk-content { padding-top: 22px; } .upk-maple-carousel .upk-meta { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 15px; font-size: clamp(13px, 2vw, 14px); } .upk-maple-carousel .upk-meta .upk-author { display: flex; align-items: center; } .upk-maple-carousel .upk-meta .upk-author img { border-radius: 80px; margin-left: 10px; } .upk-maple-carousel .upk-meta .author-name { color: #8d99ae; font-weight: 600; } .upk-maple-carousel .upk-meta .upk-blog-date { position: relative; display: flex; } .upk-maple-carousel .upk-meta .upk-blog-date .date { color: #8d99ae; } .upk-maple-carousel .upk-meta .upk-blog-date i { margin: 0 5px; } .upk-maple-carousel .upk-meta .upk-post-time { margin-right: 5px; color: #8d99ae; } .upk-maple-carousel .upk-meta .upk-post-time i { margin-left: 2px; } .upk-maple-carousel .upk-meta .upk-reading-time { color: #8d99ae; } .upk-maple-carousel .upk-meta > div { position: relative; display: inline-flex; } .upk-maple-carousel .upk-meta > div:before { content: attr(data-separator); margin: 0 8px; } .upk-maple-carousel .upk-meta > div:nth-child(1)::before { display: none; } .upk-maple-carousel .upk-title { width: 100%; font-size: clamp(18px, 2vw, 20px); font-weight: 600; line-height: 1.4; margin-top: 0; margin-bottom: 15px; } .upk-maple-carousel .upk-title a { color: #2b2d42; } .upk-maple-carousel .upk-title a:hover { color: #ef233c; } .upk-maple-carousel .upk-text { color: #8d99ae; font-size: clamp(14px, 2vw, 16px); } .upk-maple-carousel .upk-text P { margin: 0; } .upk-item-match-height--yes .upk-maple-carousel .swiper-slide { height: initial; } .upk-global-link-yes .upk-maple-carousel .upk-item:hover { cursor: pointer; } .upk-ramble-carousel { position: relative; } .upk-ramble-carousel .upk-item { display: flex; position: relative; position: relative; overflow: hidden; height: 360px; border-radius: 6px; -webkit-box-shadow: 0px 3px 10px -5px rgba(151, 163, 184, 0.5); box-shadow: 0px 3px 10px -5px rgba(151, 163, 184, 0.5); } .upk-ramble-carousel .upk-item:hover .upk-img-wrap:before { background-color: rgba(239, 35, 60, 0.5); } .upk-ramble-carousel .upk-item:hover .upk-meta { position: relative; opacity: 1; margin-top: 0; margin-bottom: 15px; transform: translateY(0); transition-delay: 0.3s; } .upk-ramble-carousel .upk-item:hover .upk-date-cetagory-wrap { position: absolute; opacity: 0; visibility: hidden; transform: translateY(20px); transition-delay: 0.3s; } .upk-ramble-carousel .upk-item:hover .upk-title a { color: #fff; } .upk-ramble-carousel .upk-item:hover .upk-text { color: #f8f8f8; opacity: 1; transition-delay: 0.4s; transform: translateY(0px); } .upk-ramble-carousel .upk-item:hover .upk-btn-comments-wrap .upk-readmore { color: #fff; } .upk-ramble-carousel .upk-item:hover .upk-btn-comments-wrap .upk-readmore svg * { fill: #fff; } .upk-ramble-carousel .upk-item:hover .upk-btn-comments-wrap .upk-comments { color: #fff; } .upk-ramble-carousel .upk-item:hover .upk-default-show { visibility: hidden; opacity: 0; transform: translateY(20px); } .upk-ramble-carousel .upk-item:hover .upk-default-hide { opacity: 1; transform: translateY(0); visibility: visible; transition-delay: 0.1s; } .upk-ramble-carousel .upk-img-wrap { display: flex; width: 100%; } .upk-ramble-carousel .upk-img-wrap:before { position: absolute; content: ""; top: 0; right: 0; width: 100%; height: 100%; background-color: #fff; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .upk-ramble-carousel .upk-img { object-fit: cover; height: 100%; width: 100%; } .upk-ramble-carousel .upk-content { position: absolute; top: 0; right: 0; width: 100%; } .upk-ramble-carousel .upk-author-name a { color: #fff; font-size: 15px; font-weight: 600; text-transform: capitalize; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .upk-ramble-carousel .upk-post-time, .upk-ramble-carousel .upk-date { color: #f5f5f5; font-size: 14px; } .upk-ramble-carousel .upk-post-time { margin-right: 5px; } .upk-ramble-carousel .upk-post-time i { margin-left: 2px; } .upk-ramble-carousel .upk-date-reading-time { color: #f5f5f5; font-size: 14px; flex-wrap: wrap; } .upk-ramble-carousel .upk-date-reading-time > div { position: relative; display: inline-flex; } .upk-ramble-carousel .upk-date-reading-time > div:before { content: attr(data-separator); margin: 0 8px; } .upk-ramble-carousel .upk-date-reading-time > div:nth-child(1)::before { display: none; } .upk-ramble-carousel .upk-meta { display: flex; align-items: center; position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; transform: translateY(-100%); } .upk-ramble-carousel .upk-meta .upk-author-image { margin-left: 15px; } .upk-ramble-carousel .upk-meta .upk-author-image img { border-radius: 80px; } .upk-ramble-carousel .upk-date-cetagory-wrap { display: inline-flex; align-items: center; position: relative; opacity: 1; transition: all 0.3s ease; margin-bottom: 15px; transform: translateY(0); visibility: visible; transition: all 0.3s ease; } .upk-ramble-carousel .upk-date-cetagory-wrap .upk-post-time, .upk-ramble-carousel .upk-date-cetagory-wrap .upk-date { color: #8D99AE; font-size: 15px; } .upk-ramble-carousel .upk-date-cetagory-wrap .upk-category { position: relative; margin-right: 10px; padding-right: 10px; } .upk-ramble-carousel .upk-date-cetagory-wrap .upk-category a { color: #8D99AE; font-size: 15px; text-transform: capitalize; } .upk-ramble-carousel .upk-date-cetagory-wrap .upk-category a + a { margin-right: 5px; } .upk-ramble-carousel .upk-date-cetagory-wrap .upk-category:before { content: ""; position: absolute; background: #e6e9ec; height: 100%; width: 2px; right: -1px; } .upk-ramble-carousel .upk-date-cetagory-wrap .upk-category span { display: flex; } .upk-ramble-carousel .upk-title { font-size: 24px; font-weight: 600; margin: 0; padding-bottom: 15px; text-transform: capitalize; } .upk-ramble-carousel .upk-title a { color: #2B2D42; background-image: linear-gradient(currentColor, currentColor); background-position: 100% 100%; background-repeat: no-repeat; background-size: 0 2px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .upk-ramble-carousel .upk-title a:hover { background-size: 100% 2px; } .upk-ramble-carousel .upk-text { font-size: 16px; color: #8D99AE; opacity: 0; transition: all 0.3s ease; transform: translateY(-20px); } .upk-ramble-carousel .upk-btn-comments-wrap { display: flex; justify-content: space-between; align-items: center; position: absolute; width: 100%; bottom: 0; padding: 30px; } .upk-ramble-carousel .upk-btn-comments-wrap .upk-readmore { color: #8D99AE; font-size: 15px; font-weight: 600; text-transform: capitalize; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .upk-ramble-carousel .upk-btn-comments-wrap .upk-readmore svg { width: 1em; } .upk-ramble-carousel .upk-btn-comments-wrap .upk-readmore svg * { fill: #8D99AE; } .upk-ramble-carousel .upk-btn-comments-wrap .upk-comments { color: #8D99AE; font-size: 15px; text-transform: capitalize; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .upk-ramble-carousel .upk-default-show { position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 1; transform: translateY(0); padding: 30px; } .upk-ramble-carousel .upk-default-hide { position: absolute; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; transform: translateY(-100%); visibility: hidden; padding: 30px; } .upk-global-link-yes .upk-ramble-carousel .upk-item:hover { cursor: pointer; } .upk-alice-carousel .upk-item { display: flex; } .upk-alice-carousel .upk-item-box { position: relative; display: flex; width: 100%; overflow: hidden; } .upk-alice-carousel .upk-item-box::before { content: ""; display: block; position: absolute; width: 100%; top: 0; bottom: 0; z-index: 2; background: rgba(27, 25, 25, 0.5490196078); transition: all 0.3s ease; } .upk-alice-carousel .upk-item-box:hover .upk-img-wrap .upk-img { transform: scale(1.1); } .upk-alice-carousel .upk-item-box:hover .upk-category { opacity: 1; } .upk-alice-carousel .upk-img-wrap { overflow: hidden; display: flex; width: 100%; } .upk-alice-carousel .upk-img-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease; } .upk-alice-carousel .upk-category { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.5s ease; z-index: 11; } .upk-alice-carousel .upk-category a { color: #e8e4e4; display: inline-block; font-size: 11px; font-weight: 500; text-transform: uppercase; background: #EF233C; padding: 5px 14px; transition: all 0.3s ease; } .upk-alice-carousel .upk-category a:hover { background: #D90429; } .upk-alice-carousel .upk-category a + a { margin-right: 5px; } .upk-alice-carousel .upk-content { position: absolute; padding: 30px; width: 100%; bottom: 0; z-index: 10; } .upk-alice-carousel .upk-title { display: block; font-size: 20px; font-weight: 600; line-height: 1.4; margin: 0; padding-bottom: 10px; text-transform: capitalize; } .upk-alice-carousel .upk-title a { color: #fff; transition: all 0.3s ease; } .upk-alice-carousel .upk-meta { display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; color: #EDF2F4; text-transform: capitalize; } .upk-alice-carousel .upk-meta .upk-author { position: relative; } .upk-alice-carousel .upk-meta .upk-author a { color: #EDF2F4; } .upk-alice-carousel .upk-meta .upk-author span { padding-left: 6px; } .upk-alice-carousel .upk-meta .upk-date { position: relative; font-weight: 400; } .upk-alice-carousel .upk-meta .upk-post-time { margin-right: 5px; } .upk-alice-carousel .upk-meta .upk-post-time i { margin-left: 2px; } .upk-alice-carousel .upk-meta > div { position: relative; display: inline-flex; } .upk-alice-carousel .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-alice-carousel .upk-meta > div:nth-child(1)::before { display: none; } .upk-alice-carousel .upk-content-bottom-center .upk-content { right: 50%; text-align: center; transform: translate(50%, 0); } .upk-alice-carousel .upk-content-bottom-center .upk-content .upk-meta { justify-content: center; } .upk-alice-carousel .upk-content-bottom-left .upk-content { text-align: right; right: 0; } .upk-alice-carousel .upk-content-bottom-left .upk-content .upk-meta { justify-content: left; } .upk-alice-carousel .upk-content-bottom-right .upk-content { text-align: left; left: 0; } .upk-alice-carousel .upk-content-bottom-right .upk-content .upk-meta { justify-content: flex-end; } .upk-global-link-yes .upk-alice-carousel .upk-item:hover { cursor: pointer; } .upk-alice-grid .upk-alice-wrap { display: grid; } .upk-alice-grid .upk-item { display: flex; overflow: hidden; transition: all 0.3s ease; } .upk-alice-grid .upk-item-box { position: relative; display: flex; width: 100%; } .upk-alice-grid .upk-item-box::before { content: ""; display: block; position: absolute; width: 100%; top: 0; bottom: 0; z-index: 2; background: rgba(27, 25, 25, 0.5490196078); transition: all 0.3s ease; } .upk-alice-grid .upk-item-box:hover .upk-img-wrap .upk-img { transform: scale(1.1); } .upk-alice-grid .upk-item-box:hover .upk-category { opacity: 1; } .upk-alice-grid .upk-img-wrap { overflow: hidden; display: flex; width: 100%; } .upk-alice-grid .upk-img-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease; } .upk-alice-grid .upk-category { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 0.5s ease; z-index: 11; } .upk-alice-grid .upk-category a { color: #e8e4e4; display: inline-block; font-size: 11px; font-weight: 500; text-transform: uppercase; background: #EF233C; padding: 5px 14px; transition: all 0.3s ease; } .upk-alice-grid .upk-category a:hover { background: #D90429; } .upk-alice-grid .upk-category a + a { margin-right: 5px; } .upk-alice-grid .upk-content { position: absolute; padding: 30px; width: 100%; bottom: 0; z-index: 10; } .upk-alice-grid .upk-title { display: block; font-size: 16px; font-weight: 600; line-height: 1.4; margin: 0px; padding-bottom: 10px; text-transform: capitalize; } .upk-alice-grid .upk-title a { color: #fff; transition: all 0.3s ease; } .upk-alice-grid .upk-meta { display: flex; flex-wrap: wrap; align-items: center; font-size: 11px; color: #EDF2F4; text-transform: capitalize; } .upk-alice-grid .upk-meta .upk-author { position: relative; } .upk-alice-grid .upk-meta .upk-author a { color: #EDF2F4; } .upk-alice-grid .upk-meta .upk-author span { padding-left: 6px; } .upk-alice-grid .upk-meta .upk-date { position: relative; font-weight: 400; } .upk-alice-grid .upk-meta .upk-post-time { margin-right: 5px; } .upk-alice-grid .upk-meta .upk-post-time i { margin-left: 2px; } .upk-alice-grid .upk-meta > div { position: relative; display: inline-flex; } .upk-alice-grid .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-alice-grid .upk-meta > div:nth-child(1)::before { display: none; } .upk-alice-grid .upk-style-1 { grid-gap: 20px; grid-template-columns: repeat(1, 1fr); } .upk-alice-grid .upk-style-2 { grid-template-columns: repeat(6, 1fr); } .upk-alice-grid .upk-style-2 .upk-item, .upk-alice-grid .upk-style-2:nth-child(-n+2) { grid-column: 6 span/auto; } .upk-alice-grid .upk-style-3 { grid-gap: 20px; grid-template-columns: repeat(6, 1fr); } .upk-alice-grid .upk-style-3 .upk-item { grid-column: span 6/auto; } .upk-alice-grid .upk-style-4 { grid-gap: 20px; grid-template-columns: repeat(6, 1fr); } .upk-alice-grid .upk-style-4 .upk-item { grid-column: span 6/auto; } .upk-alice-grid .upk-content-bottom-center .upk-content { right: 50%; text-align: center; transform: translate(50%, 0); } .upk-alice-grid .upk-content-bottom-center .upk-content .upk-meta { justify-content: center; } .upk-alice-grid .upk-content-bottom-left .upk-content { text-align: right; right: 0; } .upk-alice-grid .upk-content-bottom-left .upk-content .upk-meta { justify-content: left; } .upk-alice-grid .upk-content-bottom-right .upk-content { text-align: left; left: 0; } .upk-alice-grid .upk-content-bottom-right .upk-content .upk-meta { justify-content: flex-end; } .upk-global-link-yes .upk-alice-grid .upk-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-alice-grid .upk-title { padding-bottom: 8px; font-size: 16px; } .upk-alice-grid .upk-meta { font-size: 12px; } .upk-alice-grid .upk-style-1 { grid-template-columns: repeat(2, 1fr); } .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+1), .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+2), .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+3), .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+4), .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+5) { grid-column: 3 span/auto; } .upk-alice-grid .upk-style-3 .upk-item { grid-column: span 3/auto; } .upk-alice-grid .upk-style-3 .upk-item:nth-child(6n+1) { grid-column: span 3/auto; } .upk-alice-grid .upk-style-3 .upk-item:nth-child(6n+1) .upk-title { font-size: 22px; } .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+2) { grid-column: span 3/auto; grid-row: span 2; } .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+1), .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+3), .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+4), .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+5) { grid-column: span 3/auto; } } @media (min-width: 1024px) { .upk-alice-grid .upk-category a { font-size: 12px; padding: 7px 14px; } .upk-alice-grid .upk-title { padding-bottom: 12px; } .upk-alice-grid .upk-style-1 { grid-template-columns: repeat(3, 1fr); } .upk-alice-grid .upk-style-2 .upk-item, .upk-alice-grid .upk-style-3 .upk-item { grid-column: span 2/auto; } .upk-alice-grid .upk-style-2 .upk-item .upk-title, .upk-alice-grid .upk-style-3 .upk-item .upk-title { font-size: 20px; } .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+1), .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+2) { grid-column: 3 span/auto; } .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+1) .upk-title, .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+2) .upk-title { font-size: 25px; } .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+3), .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+4), .upk-alice-grid .upk-style-2 .upk-item:nth-child(5n+5) { grid-column: 2 span/auto; } .upk-alice-grid .upk-style-3 .upk-item:nth-child(6n+1) { grid-column: span 4/auto; grid-row: span 2/auto; } .upk-alice-grid .upk-style-3 .upk-item:nth-child(6n+1) .upk-title { font-size: 25px; } .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+2) { grid-column: span 2/auto; grid-row: span 2; } .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+1), .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+3), .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+4), .upk-alice-grid .upk-style-4 .upk-item:nth-child(5n+5) { grid-column: span 2/auto; } } .upk-harold-list .upk-list-wrap { display: grid; grid-gap: 20px; } .upk-harold-list .upk-item { position: relative; overflow: hidden; display: flex; padding: clamp(10px, 2vw, 20px); border-radius: 8px; border: 1px solid #e8ecf3; transition: all 0.3s ease; } .upk-harold-list .upk-item-box { display: flex; } .upk-harold-list .upk-image-wrap { max-width: clamp(100px, 10vw, 130px); min-width: clamp(100px, 10vw, 130px); width: 100%; display: flex; } .upk-harold-list .upk-image-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .upk-harold-list .upk-content { display: flex; align-items: center; padding: clamp(10px, 2vw, 20px); } .upk-harold-list .upk-category { margin-bottom: clamp(10px, 1vw, 15px); } .upk-harold-list .upk-category a { text-transform: capitalize; color: #8D99AE; font-size: 10px; padding: clamp(3px, 1vw, 4px) clamp(7px, 1vw, 10px); text-transform: uppercase; font-weight: 600; border-radius: 4px; line-height: 1; transition: all 0.3s ease; } .upk-harold-list .upk-category a:hover { border: 1px solid #EF233C; color: #EF233C; } .upk-harold-list .upk-category a + a { margin-right: 5px; } .upk-harold-list .upk-title { font-size: clamp(16px, 2vw, 20px); font-weight: 600; margin: 0px; padding-bottom: clamp(10px, 1vw, 15px); text-transform: capitalize; } .upk-harold-list .upk-title a { color: #2B2D42; } .upk-harold-list .upk-title a:hover { color: #EF233C; } .upk-harold-list .upk-meta { display: flex; flex-wrap: wrap; align-items: center; font-size: 11px; } .upk-harold-list .upk-meta .upk-reading-time, .upk-harold-list .upk-meta .upk-post-time, .upk-harold-list .upk-meta .upk-author a, .upk-harold-list .upk-meta .upk-date { text-transform: uppercase; font-weight: 500; color: #8D99AE; display: flex; align-items: center; } .upk-harold-list .upk-meta .upk-reading-time i, .upk-harold-list .upk-meta .upk-post-time i, .upk-harold-list .upk-meta .upk-author a i, .upk-harold-list .upk-meta .upk-date i { margin-left: 5px; } .upk-harold-list .upk-meta .upk-post-time { margin-right: 5px; } .upk-harold-list .upk-meta .upk-post-time i { margin-left: 2px; } .upk-harold-list .upk-meta > div { position: relative; display: inline-flex; } .upk-harold-list .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-harold-list .upk-meta > div:nth-child(1)::before { display: none; } .upk-global-link-yes .upk-harold-list .upk-item:hover { cursor: pointer; } .upk-harold-carousel .upk-item { position: relative; overflow: hidden; display: flex; padding: clamp(10px, 2vw, 20px); border-radius: 8px; border: 1px solid #e8ecf3; transition: all 0.3s ease; } .upk-harold-carousel .upk-item-box { display: flex; } .upk-harold-carousel .upk-image { max-width: clamp(100px, 10vw, 130px); min-width: clamp(100px, 10vw, 130px); width: 100%; display: flex; } .upk-harold-carousel .upk-image .upk-harold-img { width: 100%; height: 100%; object-fit: cover; border-radius: 5px; } .upk-harold-carousel .upk-content { display: flex; align-items: center; padding: clamp(10px, 2vw, 20px); } .upk-harold-carousel .upk-category { margin-bottom: clamp(10px, 1vw, 15px); } .upk-harold-carousel .upk-category a { text-transform: capitalize; color: #8D99AE; font-size: 10px; padding: clamp(3px, 1vw, 4px) clamp(7px, 1vw, 10px); text-transform: uppercase; font-weight: 600; border-radius: 4px; line-height: 1; transition: all 0.3s ease; } .upk-harold-carousel .upk-category a:hover { border: 1px solid #EF233C; color: #EF233C; } .upk-harold-carousel .upk-category a + a { margin-right: 5px; } .upk-harold-carousel .upk-title { font-size: clamp(16px, 2vw, 20px); font-weight: 600; margin: 0px; padding-bottom: clamp(10px, 1vw, 15px); text-transform: capitalize; } .upk-harold-carousel .upk-title a { color: #2B2D42; } .upk-harold-carousel .upk-title a:hover { color: #EF233C; } .upk-harold-carousel .upk-meta { display: flex; flex-wrap: wrap; align-items: center; font-size: 11px; } .upk-harold-carousel .upk-meta .upk-reading-time, .upk-harold-carousel .upk-meta .upk-post-time, .upk-harold-carousel .upk-meta .upk-author a, .upk-harold-carousel .upk-meta .upk-date { text-transform: uppercase; font-weight: 500; color: #8D99AE; display: flex; align-items: center; line-height: 1; } .upk-harold-carousel .upk-meta .upk-reading-time i, .upk-harold-carousel .upk-meta .upk-post-time i, .upk-harold-carousel .upk-meta .upk-author a i, .upk-harold-carousel .upk-meta .upk-date i { margin-left: 5px; } .upk-harold-carousel .upk-meta .upk-post-time { margin-right: 5px; } .upk-harold-carousel .upk-meta .upk-post-time i { margin-left: 2px; } .upk-harold-carousel .upk-meta > div { position: relative; display: inline-flex; } .upk-harold-carousel .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-harold-carousel .upk-meta > div:nth-child(1)::before { display: none; } .upk-global-link-yes .upk-harold-carousel .upk-item:hover { cursor: pointer; } .upk-item-match-height--yes .upk-harold-carousel .swiper-slide { height: initial; } .upk-paradox-slider .upk-item { display: flex; height: clamp(29.375rem, 60vw, 40.625rem); overflow: hidden; } .upk-paradox-slider .upk-image-wrapper:before { content: ""; position: absolute; height: 100%; width: 100%; background: rgba(43, 45, 66, 0.5); right: 0; top: 0; z-index: 1; } .upk-paradox-slider .upk-img { position: absolute; object-fit: cover; height: 100%; width: 100%; } .upk-paradox-slider .upk-content-box { display: flex; align-items: center; justify-content: center; height: 100%; width: 100%; max-width: 780px; padding: clamp(1.25rem, 4vw, 2.5rem); z-index: 10; } .upk-paradox-slider .upk-category-date-wrap { padding-bottom: clamp(0.625rem, 2vw, 0.938rem); } .upk-paradox-slider .upk-category { display: flex; } .upk-paradox-slider .upk-category a { color: #EDF2F4; background: #EF233C; display: inline-flex; padding: clamp(0.25rem, 1.5vw, 0.375rem) clamp(0.5rem, 1.5vw, 0.75rem); font-size: clamp(0.688rem, 2vw, 0.75rem); line-height: 1; font-weight: 600; text-transform: uppercase; border-radius: 2px; letter-spacing: 0.5px; } .upk-paradox-slider .upk-category a + a { margin-right: 5px; } .upk-paradox-slider .upk-post-time { margin-right: 5px; } .upk-paradox-slider .upk-post-time i { margin-left: 2px; } .upk-paradox-slider .upk-meta { color: #EDF2F4; font-size: clamp(0.75rem, 2vw, 0.875rem); text-transform: uppercase; padding-right: clamp(0.625rem, 1.5vw, 0.938rem); } .upk-paradox-slider .upk-meta > div { position: relative; display: inline-flex; } .upk-paradox-slider .upk-meta > div:before { content: attr(data-separator); margin: 0 8px; } .upk-paradox-slider .upk-meta > div:nth-child(1)::before { display: none; } .upk-paradox-slider .upk-title { font-size: clamp(1.5rem, 5vw, 3rem); padding-bottom: clamp(0.938rem, 3vw, 1.875rem); margin: 0; } .upk-paradox-slider .upk-title a { color: #fff; } .upk-paradox-slider .upk-text { color: #EDF2F4; font-size: clamp(0.875rem, 2vw, 1rem); padding-bottom: clamp(1.25rem, 3vw, 2.188rem); } .upk-paradox-slider .upk-text p { margin: 0; } .upk-paradox-slider .upk-author-image { display: flex; } .upk-paradox-slider .upk-author-image img { border-radius: 80px; margin-left: clamp(0.625rem, 2vw, 0.938rem); } .upk-paradox-slider .upk-author-name a { font-size: clamp(0.875rem, 2vw, 1rem); margin-bottom: 2px; } .upk-paradox-slider .upk-author-role { font-size: clamp(0.75rem, 2vw, 0.875rem); } .upk-paradox-slider .upk-author-role, .upk-paradox-slider .upk-author-name a { text-transform: capitalize; color: #EDF2F4; display: flex; } .upk-content--left .upk-paradox-slider .upk-content-box { text-align: right; } .upk-content--left .upk-paradox-slider .upk-author-wrapper, .upk-content--left .upk-paradox-slider .upk-category-date-wrap { justify-content: left; } .upk-content--center .upk-paradox-slider .upk-content-box { text-align: center; } .upk-content--center .upk-paradox-slider .upk-author-wrapper, .upk-content--center .upk-paradox-slider .upk-category-date-wrap { justify-content: center; } .upk-content--right .upk-paradox-slider .upk-content-box { text-align: left; } .upk-content--right .upk-paradox-slider .upk-author-wrapper, .upk-content--right .upk-paradox-slider .upk-category-date-wrap { justify-content: flex-end; } .upk-global-link-yes .upk-item:hover { cursor: pointer; } .upk-paradox-slider .upk-navigation-prev, .upk-paradox-slider .upk-navigation-next { color: #fff; border: 1px solid #fff; padding: 15px; border-radius: 60px; transition: all 0.3s ease; } .upk-paradox-slider .upk-navigation-prev i, .upk-paradox-slider .upk-navigation-next i { font-size: 18px; transition: all 0.3s ease; } .upk-paradox-slider .upk-navigation-prev:hover, .upk-paradox-slider .upk-navigation-next:hover { color: #EF233C; background: #fff; } .upk-paradox-slider .upk-slider .swiper-pagination .swiper-pagination-bullet, .upk-paradox-slider .upk-dots-container .swiper-pagination .swiper-pagination-bullet, .upk-paradox-slider .upk-arrows-dots-container .swiper-pagination .swiper-pagination-bullet { width: 40px; height: 6px; border-radius: 0; background: #fff; } .upk-news-ticker { position: relative; display: block; background-color: #2B2D42; width: 100%; height: 40px; box-sizing: border-box; line-height: 40px; overflow: hidden; border-radius: 2px; text-align: auto; font-size: 14px; } .upk-news-ticker .upk-news-ticker-label { background-color: #EF233C; right: 0; top: 0; bottom: 0; height: 100%; position: absolute; text-align: center; color: #FFF; font-weight: bold; z-index: 3; padding: 0 15px; white-space: nowrap; font-size: 12px; line-height: inherit; } .upk-news-ticker .upk-news-ticker-label::after { content: ""; position: absolute; left: -15px; border: 8px solid transparent; border-right-color: #EF233C; top: 50%; transform: translateY(-50%); } .upk-news-ticker .upk-news-ticker-content { position: absolute; right: 0; top: 0; bottom: 0; height: 100%; left: 0; overflow: hidden; line-height: inherit; } .upk-news-ticker .upk-news-ticker-content:after, .upk-news-ticker .upk-news-ticker-content:before { content: ""; height: 100%; position: absolute; box-shadow: 0 0 12px 12px #2B2D42; width: 1px; z-index: 1; top: 0; } .upk-news-ticker .upk-news-ticker-content:before { right: -1px; } .upk-news-ticker .upk-news-ticker-content:after { left: -1px; } .upk-news-ticker .upk-news-ticker-content * { color: #fff; } .upk-news-ticker .upk-news-ticker-content a:hover { color: #ddd; } .upk-news-ticker .upk-news-ticker-content ul { display: block; height: 100%; list-style: none; padding: 0; margin: 0; right: 0; bottom: 0; width: 100%; position: absolute; } .upk-news-ticker .upk-news-ticker-content ul li { white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; text-decoration: none; -webkit-transition: color 0.2s linear; -moz-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; position: absolute; width: 100%; display: none; color: #333; } .upk-news-ticker .upk-news-ticker-content ul li a { white-space: nowrap; text-overflow: ellipsis; text-decoration: none; padding: 0 12px; position: relative; display: block; overflow: hidden; } .upk-news-ticker .upk-news-ticker-content .upk-news-ticker-date, .upk-news-ticker .upk-news-ticker-content .upk-news-ticker-time { letter-spacing: 0px; font-weight: 700; } .upk-news-ticker .upk-news-ticker-content .upk-news-ticker-date .upk-news-ticker-date-sep, .upk-news-ticker .upk-news-ticker-content .upk-news-ticker-time .upk-news-ticker-date-sep { margin-right: -3px; margin-left: -3px; } .upk-news-ticker .upk-news-ticker-navigation .upk-news-ticker-play polygon { display: block; } .upk-news-ticker .upk-news-ticker-navigation .upk-news-ticker-play rect { display: none; } .upk-news-ticker .upk-news-ticker-navigation .upk-news-ticker-pause polygon { display: none; } .upk-news-ticker .upk-news-ticker-navigation .upk-news-ticker-pause rect { display: block; } .upk-news-ticker .upk-news-ticker-navigation button svg { color: #d5d5d5; } .upk-news-ticker .upk-news-ticker-navigation button:hover svg { color: #fff; } .upk-news-ticker-loading { position: absolute; right: 0; left: 0; top: 0; bottom: 0; background-color: rgb(255, 255, 255); z-index: 5; padding: 0 10px; color: rgb(0, 0, 0); } .upk-news-ticker-loader-text { padding: 0 10px; } .upk-news-ticker-prefix { color: #d65d7a; margin-left: 15px; padding-right: 10px; } .upk-news-ticker-positive { color: #0b8457; font-weight: bold; } .upk-news-ticker-negative { color: #dc2f2f; font-weight: bold; } .upk-news-ticker-controls { width: auto; left: 0; top: 0; bottom: 0; height: 100%; position: absolute; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .upk-news-ticker-controls button { float: right; height: 100%; cursor: pointer; border: none; text-align: center; background-color: transparent; outline: none; } .upk-effect-scroll .upk-news-ticker-content ul { display: block; width: 100%; position: relative; } .upk-effect-scroll .upk-news-ticker-content ul li { display: list-item; float: right; position: relative; width: auto; } .upk-news-ticker-direction-rtl { direction: ltr; } .upk-news-ticker-direction-rtl .upk-news-ticker-label { right: auto; left: 0; } .upk-news-ticker-direction-rtl .upk-news-ticker-controls { left: auto; right: 0; } .upk-news-ticker-direction-rtl .upk-news-ticker-prefix { margin-right: 15px; margin-left: 0; padding-right: 0; padding-left: 10px; } .upk-news-ticker-direction-rtl .upk-news-ticker-controls button { border-right: none; } .upk-news-ticker-direction-rtl.upk-effect-scroll .upk-news-ticker-content ul li { float: left; } .upk-accordion-wrapper { display: flex; gap: 20px; } .upk-accordion-wrapper .upk-accordion-item { flex: 1 1; transition: flex 400ms; cursor: pointer; overflow: hidden; border-radius: 10px; } .upk-accordion-wrapper .upk-accordion-item:hover { flex: 2; } .upk-accordion-wrapper .upk-accordion-item:hover .upk-accordion-item-box::before { background: rgba(19, 19, 28, 0.7); } .upk-accordion-wrapper .upk-accordion-item-box { position: relative; width: 100%; height: 100%; transition: all 0.3s ease; } .upk-accordion-wrapper .upk-accordion-item-box::before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(43, 45, 66, 0.5); transition: all 0.3s ease; } .upk-accordion-wrapper .upk-accordion-image { height: 100%; width: 100%; display: flex; } .upk-accordion-wrapper .upk-accordion-image .upk-img { width: 100%; height: 100%; object-fit: cover; } .upk-accordion-wrapper .upk-accordion-content { position: absolute; bottom: 0; right: 0; padding: 20px; width: 100%; } .upk-accordion-wrapper .upk-category { display: inline-block; margin-bottom: 10px; } .upk-accordion-wrapper .upk-category a, .upk-accordion-wrapper .upk-category a:before { display: block; color: #fff; background: #EF233C; padding: 6px 12px; font-size: 11px; font-weight: 500; line-height: 1; border-radius: 3px; text-transform: uppercase; transition: all 0.3s ease; } .upk-accordion-wrapper .upk-category a:hover, .upk-accordion-wrapper .upk-category a:hover::before { background: #D90429; } .upk-accordion-wrapper .upk-category a + a { margin-right: 5px; } .upk-accordion-wrapper .upk-title { margin: 0; margin-bottom: 15px; font-size: 18px; font-weight: 600; line-height: 1.4; } .upk-accordion-wrapper .upk-title a { color: #fff; transition: all 0.3s ease; } .upk-accordion-wrapper .upk-title a:hover { color: #EF233C; } .upk-accordion-wrapper .upk-text { font-size: 14px; color: #cad1d4; margin-bottom: 15px; } .upk-accordion-wrapper .upk-text p { margin: 0; } .upk-accordion-wrapper .upk-accordion-meta { display: flex; flex-wrap: wrap; align-items: center; color: #cad1d4; font-weight: 500; font-size: 14px; } .upk-accordion-wrapper .upk-accordion-meta .upk-post-time { margin-right: 5px; } .upk-accordion-wrapper .upk-accordion-meta .upk-post-time i { margin-left: 2px; } .upk-accordion-wrapper .upk-accordion-meta .upk-accordion-date i { margin-left: 4px; } .upk-accordion-wrapper .upk-accordion-meta > div { position: relative; display: inline-flex; align-items: center; } .upk-accordion-wrapper .upk-accordion-meta > div:before { content: attr(data-separator); margin: 0 8px; } .upk-accordion-wrapper .upk-accordion-meta > div:nth-child(1)::before { display: none; } .upk-accordion-wrapper .upk-accordion-meta .upk-accordion-comments, .upk-accordion-wrapper .upk-accordion-meta .upk-accordion-date { display: flex; align-items: center; gap: 7px; } .upk-accordion-wrapper .upk-author-wrapper { position: absolute; top: 20px; right: 20px; display: flex; align-items: center; } .upk-accordion-wrapper .upk-author-img img { border-radius: 80px; margin-left: 10px; } .upk-accordion-wrapper .upk-author-info-warp { flex-direction: column; } .upk-accordion-wrapper .upk-author-name a { font-size: 14px; color: #cad1d4; font-weight: 600; letter-spacing: 0.5px; transition: color 0.3s ease; } .upk-accordion-wrapper .upk-author-role { font-size: 14px; color: #cad1d4; line-height: 1; } .upk-accordion-wrapper.upk-accordion-style-1 { height: 750px; flex-direction: column; } .upk-accordion-wrapper.upk-accordion-style-2 { height: 750px; flex-direction: column; } .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-text { display: none; } .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-date, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-category, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-title, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-comments { overflow: hidden; } .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-category a, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-title a, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-date span, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-comments span { position: relative; display: block; -webkit-transition: -webkit-transform 0.2s; transition: transform 0.2s; transform-origin: 0% 0%; } .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-category a::before, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-title a::before, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-date span::before, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-comments span::before { position: absolute; top: 100%; width: 100%; right: 0; content: attr(data-hover); } .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-item:hover .upk-category a, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-item:hover .upk-title a, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-item:hover .upk-accordion-date span, .upk-accordion-wrapper.upk-accordion-contentstyle-2 .upk-accordion-item:hover .upk-accordion-comments span { -webkit-transform: translateY(-100%); transform: translateY(-100%); transform-origin: 100% 0%; } .upk-global-link-yes .upk-accordion-wrapper .upk-alex-carousel-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-accordion-wrapper.upk-accordion-style-1 { height: 350px; flex-direction: row; } .upk-accordion-wrapper.upk-accordion-style-2 { height: 1000px; } .upk-accordion-wrapper .upk-accordion-content { padding: 30px; } .upk-accordion-wrapper .upk-author-wrapper { top: 30px; right: 30px; } } @media (min-width: 1024px) { .upk-accordion-wrapper .upk-accordion-content { width: 370px; } .upk-accordion-wrapper .upk-category a, .upk-accordion-wrapper .upk-category a::before { padding: 8px 12px; font-size: 10px; } .upk-accordion-wrapper .upk-title { font-size: 22px; margin-bottom: 10px; } .upk-accordion-wrapper .upk-text { font-size: 16px; margin-bottom: 20px; } .upk-accordion-wrapper .upk-accordion-meta { font-size: 15px; } .upk-accordion-wrapper .upk-author-name a { font-size: 15px; } } .upk-post-category { display: grid; } .upk-post-category .upk-category-item { position: relative; background: #2B2D42; display: flex; flex-direction: column; justify-content: center; padding: 20px; } .upk-post-category .upk-category-item .upk-category-image { width: 100%; height: 100%; } .upk-post-category .upk-category-item .upk-category-name { font-weight: 600; color: #fff; transition: all 0.3s ease; } .upk-post-category .upk-category-item .upk-category-text { color: #dcdee2; font-size: 15px; padding-top: 10px; transition: all 0.3s ease; } .upk-post-category .upk-category-item .upk-category-count { font-size: 13px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(255, 255, 255, 0.3); border-radius: 2px; transition: all 0.3s ease; position: absolute; left: 0; top: 0; padding: 16px; } .upk-post-category .upk-category-item .upk-category-btn { background-color: rgba(255, 254, 254, 0.2392156863); text-align: center; backdrop-filter: blur(5px); text-transform: capitalize; font-weight: 700; color: #fff; font-size: 14px; transition: all 0.3s cubic-bezier(0.14, 0.57, 0.36, 1); padding: 14px; border-radius: 10px; } .upk-post-category .upk-category-item .upk-category-btn:hover { background-color: rgba(0, 0, 0, 0.0705882353); box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1882352941) inset; } .upk-post-category .upk-category-item .upk-content { display: inline-flex; flex-direction: column; position: relative; } .upk-post-category.upk-category-view-all .upk-content { flex: 1; } .upk-post-category.upk-category-view-all .upk-content + .upk-category-btn { margin-top: 30px; } .upk-post-category.upk-category-style-1 .upk-category-item { border-radius: 4px; transition: all 0.3s ease; } .upk-post-category.upk-category-style-1 .upk-category-item:hover { opacity: 0.8; } .upk-post-category.upk-category-style-1 .upk-category-name { font-size: 16px; } .upk-post-category.upk-category-style-1 .upk-category-image { margin-bottom: 30px; } .upk-post-category.upk-category-style-2 .upk-category-item { border-radius: 15px; min-height: 100px; overflow: hidden; } .upk-post-category.upk-category-style-2 .upk-category-image { position: absolute; margin: 0; top: 0; right: 0; } .upk-post-category.upk-category-style-2 .upk-category-image::before { position: absolute; content: ""; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.45); } .upk-post-category.upk-category-style-2 .upk-category-image img { width: 100%; height: 100%; object-fit: cover; } .upk-post-category.upk-category-style-2 .upk-content { z-index: 1; } .upk-post-category.upk-category-style-2 .upk-category-name { font-size: 20px; } .upk-post-category.upk-category-style-2 .upk-category-count { border-radius: 8px; } .upk-tag-cloud .upk-item { position: relative; background: #2B2D42; border-radius: 4px; align-items: center; transition: all 0.3s ease; } .upk-tag-cloud .upk-name { font-size: 14px; font-weight: 600; color: #fff; letter-spacing: 0.5px; transition: all 0.3s ease; line-height: 1; } .upk-tag-cloud .upk-count { display: inline-flex; font-size: 13px; padding: 3px 5px; color: #fff; background: rgba(255, 255, 255, 0.3); border-radius: 2px; line-height: 1; margin-right: 5px; transition: all 0.3s ease; } .upk-layout-style--inline .upk-tag-cloud { display: -webkit-inline-box; } .upk-layout-style--inline .upk-tag-cloud .upk-item { padding: 8px 16px; margin-left: 10px; margin-bottom: 10px; display: inline-flex; } .upk-layout-style--inline .upk-tag-cloud .upk-item:nth-last-child(1) { margin-left: 0; } .upk-layout-style--grid .upk-tag-cloud { display: grid; } .upk-layout-style--grid .upk-tag-cloud .upk-item { padding: 20px; display: flex; justify-content: space-between; } :root { --upk-border-width: 30px; --upk-image-width: 420px; --upk-image-spacing: 30px; } .upk-timeline .upk-wrapper { padding: 40px 0 20px 0; } .upk-timeline .upk-item { position: relative; } .upk-timeline .upk-item-box { display: flex; } .upk-timeline .upk-start-end-wrap { position: absolute; width: 60px; height: 60px; text-transform: uppercase; color: #2B2D42; background: #ffffff; font-weight: 700; font-size: 12px; border-radius: 15px; border: calc(var(--upk-border-width) / 6) solid var(--upk-line-color, #8D99AE); } .upk-timeline .upk-start-end-wrap .upk-start, .upk-timeline .upk-start-end-wrap .upk-end { display: none; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); } .upk-timeline .upk-date-wrapper { background: #ffffff; width: 90px; height: 90px; text-align: center; border: calc(var(--upk-border-width) / 3) solid var(--upk-line-color, #8D99AE); position: absolute; top: calc(-45px + var(--upk-border-width) / 2); color: #2B2D42; border-radius: 15px; z-index: 111; display: none; } .upk-timeline .upk-date-wrapper .upk-date-inner { position: absolute; top: 50%; right: 50%; padding: 5px; transform: translate(50%, -50%); } .upk-timeline .upk-date-wrapper .upk-date-inner .upk-month { font-weight: 500; font-size: 14px; } .upk-timeline .upk-date-wrapper .upk-date-inner .upk-year { font-size: 12px; font-weight: 600; } .upk-timeline .upk-image-and-content-wrapper { display: block; align-items: center; } .upk-timeline .upk-image-wrapper { height: auto; } .upk-timeline .upk-image-wrapper .upk-img { width: 100%; height: 100%; border-radius: 20px; object-fit: cover; margin-bottom: var(--upk-image-spacing); } .upk-timeline .upk-content-wrap { width: 100%; z-index: 1; } .upk-timeline .upk-category { margin-bottom: 15px; } .upk-timeline .upk-category a { color: #EF233C; font-size: 10px; font-weight: 600; padding: 6px 12px; border-radius: 3px; display: inline-block; text-transform: uppercase; transition: all 0.3s ease-in-out; } .upk-timeline .upk-category a:hover { background: #EF233C; color: #fff; } .upk-timeline .upk-category a + a { margin-right: 5px; } .upk-timeline .upk-title { margin: 0; padding-bottom: 10px; text-transform: capitalize; font-size: 18px; font-weight: 700; line-height: 1.4; } .upk-timeline .upk-title a { color: #2B2D42; text-decoration: none; transition: all 0.3s ease; } .upk-timeline .upk-title a:hover { color: #D90429; } .upk-timeline .upk-text { margin-bottom: 15px; color: #6f6f6f; line-height: 1.6; font-size: 12px; } .upk-timeline .upk-text p { margin: 0; } .upk-timeline .upk-meta { display: flex; align-items: center; position: relative; font-size: 12px; text-transform: capitalize; color: rgba(125, 125, 125, 0.7294117647); font-weight: 500; } .upk-timeline .upk-meta .upk-author-name-wrap { display: flex; } .upk-timeline .upk-meta .upk-author-name-wrap .upk-by { font-weight: 700; padding-left: 6px; } .upk-timeline .upk-meta .upk-author-name-wrap .upk-author-name { text-decoration: none; color: rgba(125, 125, 125, 0.7294117647); font-weight: 500; } .upk-timeline .upk-meta .upk-separator { margin: 0 6px; } .upk-timeline .upk-responsive-date { display: block; margin-bottom: 10px; font-size: 12px; text-transform: capitalize; color: rgba(125, 125, 125, 0.7294117647); } .upk-timeline .upk-responsive-date .upk-publish { font-weight: 700; } .upk-timeline .upk-responsive-date .upk-date { padding-right: 10px; } .upk-timeline .upk-responsive-date .upk-post-time { margin-right: 5px; } .upk-timeline .upk-responsive-date .upk-post-time i { margin-left: 2px; } .upk-timeline .upk-line-right, .upk-timeline .upk-line-left { border: calc(var(--upk-border-width) / 2) solid var(--upk-line-color, #8D99AE); position: absolute; height: 100%; width: 50%; } .upk-timeline .upk-line-right { border-radius: 40px 0 0 40px; position: absolute; left: 0; border-right: 0; } .upk-timeline .upk-line-left { border-radius: 0 40px 40px 0; right: 0; border-left: 0; } .upk-timeline .upk-item:nth-child(1) .upk-start-end-wrap .upk-start { display: inherit; } .upk-timeline .upk-item:nth-last-child(1) .upk-start-end-wrap .upk-end { display: inherit; } .upk-timeline .upk-item:nth-child(2n+1) { margin-top: calc(-1 * var(--upk-border-width) / 2); } .upk-timeline .upk-item:nth-child(2n+1) .upk-image-and-content-wrapper { padding: 70px 0 50px 40px; } .upk-timeline .upk-item:nth-child(2n+1) .upk-meta { display: inline-flex; } .upk-timeline .upk-item:nth-child(2n+1) .upk-date-wrapper { right: calc((var(--upk-image-spacing)) + (var(--upk-image-width))); } .upk-timeline .upk-item:nth-child(2n+1) .upk-line-left { display: none !important; } .upk-timeline .upk-item:nth-child(2n+1) .upk-start-end-wrap { display: none; } .upk-timeline .upk-item:nth-child(2n+2) { margin-top: calc(-1 * var(--upk-border-width) / 2); } .upk-timeline .upk-item:nth-child(2n+2) .upk-item-box { flex-direction: row-reverse; } .upk-timeline .upk-item:nth-child(2n+2) .upk-date-wrapper { left: calc((var(--upk-image-spacing)) + (var(--upk-image-width))); } .upk-timeline .upk-item:nth-child(2n+2) .upk-image-wrapper { text-align: left; } .upk-timeline .upk-item:nth-child(2n+2) .upk-image-and-content-wrapper { padding: 70px 42px 50px 0; flex-direction: row-reverse; } .upk-timeline .upk-item:nth-child(2n+2) .upk-content-wrap { text-align: left; } .upk-timeline .upk-item:nth-child(2n+2) .upk-meta { display: inline-flex !important; } .upk-timeline .upk-item:nth-child(2n+2) .upk-comments:before { right: 90px; } .upk-timeline .upk-item:nth-child(2n+2) .upk-line-right { display: none; } .upk-timeline .upk-item:nth-child(2n+2) .upk-start-end-wrap { display: none; } .upk-timeline .upk-item:first-child .upk-item-box:before { position: absolute; top: 0; right: 0; content: ""; background: var(--upk-line-color, #8D99AE); width: 50%; height: calc(var(--upk-border-width) / 2); } .upk-timeline .upk-item:first-child .upk-start-end-wrap { display: inherit !important; right: 0; top: calc(-30px + var(--upk-border-width) / 4); } .upk-timeline .upk-item:nth-last-child(1) .upk-item-box:after { position: absolute; bottom: 0; content: ""; background: var(--upk-line-color, #8D99AE); width: 50%; height: calc(var(--upk-border-width) / 2); } .upk-timeline .upk-last-even-item:nth-child(2n+1) .upk-start-end-wrap { display: inherit !important; right: 0; bottom: calc(-40px + var(--upk-border-width) / 2); z-index: 111; } .upk-timeline .upk-last-odd-item:nth-child(2n+2) .upk-start-end-wrap { display: inherit !important; left: 0; bottom: calc(-40px + var(--upk-border-width) / 2); z-index: 111; } @media (min-width: 768px) { .upk-timeline .upk-image-and-content-wrapper { display: flex; } .upk-timeline .upk-image-wrapper { height: 100%; flex: none; } .upk-timeline .upk-image-wrapper .upk-img { width: var(--upk-image-width); margin-bottom: 0px !important; } .upk-timeline .upk-item:nth-child(2n+2) .upk-image-wrapper .upk-img { margin-right: var(--upk-image-spacing); } .upk-timeline .upk-item:nth-child(2n+1) .upk-image-wrapper .upk-img { margin-left: var(--upk-image-spacing); } .upk-timeline .upk-last-odd-item:nth-child(2n+2) .upk-start-end-wrap { bottom: calc(-35px + var(--upk-border-width) / 2); } } @media (min-width: 1024px) { .upk-timeline .upk-wrapper { padding: 65px 0 30px 0; } .upk-timeline .upk-start-end-wrap { width: 100px; height: 100px; font-size: 18px; border: calc(var(--upk-border-width) / 3) solid var(--upk-line-color, #8D99AE); } .upk-timeline .upk-image-and-content-wrapper { display: flex; } .upk-timeline .upk-image-wrapper { height: 100%; } .upk-timeline .upk-image-wrapper .upk-img { width: var(--upk-image-width); } .upk-timeline .upk-category { margin-bottom: 20px; } .upk-timeline .upk-category a { font-size: 12px; } .upk-timeline .upk-title { padding-bottom: 15px; font-size: 24px; } .upk-timeline .upk-text { display: inherit; margin-bottom: 15px; font-size: 14px; } .upk-timeline .upk-meta { font-size: 14px; } .upk-timeline .upk-line-right { border: var(--upk-border-width) solid var(--upk-line-color, #8D99AE); border-right: none; border-radius: 80px 0 0 80px; } .upk-timeline .upk-line-left { border: var(--upk-border-width) solid var(--upk-line-color, #8D99AE); border-left: none; border-radius: 0 80px 80px 0; } .upk-timeline .upk-item:first-child .upk-start-end-wrap { top: calc(-50px + var(--upk-border-width) / 2); } .upk-timeline .upk-item:first-child .upk-item-box:before { height: var(--upk-border-width); } .upk-timeline .upk-item:nth-child(2n+1) { margin-top: calc(-1 * var(--upk-border-width)); } .upk-timeline .upk-item:nth-child(2n+1) .upk-image-and-content-wrapper { padding: 130px 0 130px 100px; } .upk-timeline .upk-item:nth-child(2n+1) .upk-comments:before { right: 86px; } .upk-timeline .upk-item:nth-child(2n+2) { margin-top: calc(-1 * var(--upk-border-width)); } .upk-timeline .upk-item:nth-child(2n+2) .upk-image-and-content-wrapper { padding: 130px 100px 130px 0; } .upk-timeline .upk-item:nth-child(2n+2) .upk-comments:before { right: 88px; } .upk-timeline .upk-item:nth-last-child(1) .upk-item-box:after { height: var(--upk-border-width); } .upk-timeline .upk-last-even-item:nth-child(2n+1) .upk-start-end-wrap { bottom: calc(-46px + var(--upk-border-width) / 2); } .upk-timeline .upk-last-odd-item:nth-child(2n+2) .upk-start-end-wrap { bottom: calc(-46px + var(--upk-border-width) / 2); } .upk-date-hide--yes .upk-timeline .upk-date-wrapper { display: block; } .upk-date-hide--yes .upk-timeline .upk-date-wrapper .upk-date-inner .upk-month { font-size: 18px; } .upk-date-hide--yes .upk-timeline .upk-date-wrapper .upk-date-inner .upk-year { font-size: 18px; } .upk-date-hide--yes .upk-timeline .upk-responsive-date { display: none; } } .upk-featured-list { position: relative; counter-reset: number-count; display: flex; flex-direction: column; grid-row-gap: 20px; } .upk-featured-list .upk-item { position: relative; } .upk-featured-list .upk-item .upk-item-box { width: 100%; } .upk-featured-list .upk-item .upk-image-wrap { display: none; overflow: hidden; } .upk-featured-list .upk-item .upk-image-wrap .upk-img { height: 100%; width: 100%; object-fit: cover; } .upk-featured-list .upk-item .upk-content { position: relative; display: flex; align-items: center; } .upk-featured-list .upk-item .upk-counter { counter-increment: number-count; height: 55px; min-width: 55px; width: 55px; background: #ffedef; text-align: center; border-radius: 80px; position: relative; display: inline-table; margin-left: 15px; } .upk-featured-list .upk-item .upk-counter:before { content: counter(number-count); color: #EF233C; font-weight: 600; font-size: 18px; line-height: 1; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); } .upk-featured-list .upk-item .upk-title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.4; } .upk-featured-list .upk-item .upk-title a { color: #2B2D42; } .upk-featured-list .upk-item .upk-title a:hover { color: #EF233C; } .upk-featured-list .upk-item .upk-category { padding-bottom: 5px; display: inline-flex; } .upk-featured-list .upk-item .upk-category a { color: #8D99AE; font-size: 13px; letter-spacing: 0.5px; display: -webkit-inline-box; line-height: 1; text-transform: capitalize; transition: all 0.3s ease; position: relative; display: flex; align-items: center; } .upk-featured-list .upk-item .upk-category a span { height: 8px; width: 8px; display: block; border-radius: 50%; margin-left: 5px; } .upk-featured-list .upk-item .upk-category a + a { margin-right: 10px; } .upk-featured-list .upk-item .upk-featured-meta { display: flex; flex-wrap: wrap; align-items: center; position: relative; color: #8D99AE; font-size: 11px; line-height: 1; padding-top: 10px; font-weight: 500; text-transform: uppercase; } .upk-featured-list .upk-item .upk-featured-meta .upk-author-name-wrap { display: flex; } .upk-featured-list .upk-item .upk-featured-meta .upk-author-name-wrap .upk-by { font-weight: 700; padding-left: 6px; } .upk-featured-list .upk-item .upk-featured-meta .upk-author-name-wrap .upk-author-name { text-decoration: none; color: #8D99AE; font-weight: 500; } .upk-featured-list .upk-item .upk-featured-meta > div { position: relative; display: inline-flex; } .upk-featured-list .upk-item .upk-featured-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-featured-list .upk-item .upk-featured-meta > div:nth-child(1)::before { display: none; } .upk-featured-list .upk-item .upk-featured-meta .upk-post-time { margin-right: 5px; } .upk-featured-list .upk-item .upk-featured-meta .upk-post-time i { margin-left: 2px; } .upk-featured-list .upk-item:nth-child(1) .upk-image-wrap { display: flex; position: relative; overflow: hidden; width: 100%; } .upk-featured-list .upk-item:nth-child(1) .upk-image-wrap::before { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(-358deg, rgba(16, 16, 19, 0.6509803922) 0, rgba(141, 153, 174, 0.1) 100%); } .upk-featured-list .upk-item:nth-child(1) .upk-content { position: absolute; bottom: 0; right: 0; padding: 30px; z-index: 11; } .upk-featured-list .upk-item:nth-child(1) .upk-title a { color: #fff; } .upk-featured-list .upk-item:nth-child(1) .upk-title a:hover { color: #EF233C; } .upk-featured-list .upk-item:nth-child(1) .upk-category a { color: #EDF2F4; } .upk-featured-list .upk-item:nth-child(1) .upk-featured-meta { color: #EDF2F4; } .upk-featured-list .upk-item:nth-child(1) .upk-featured-meta .upk-author-name-wrap .upk-author-name { color: #EDF2F4; } .upk-featured-list.upk-featured-style-1 .upk-content { padding: 0 30px; } .upk-featured-list.upk-featured-style-2 .upk-item-box { flex-direction: row-reverse; } .upk-featured-list.upk-featured-style-3 .upk-item-box { flex-direction: row; } .upk-featured-list.upk-featured-style-2, .upk-featured-list.upk-featured-style-3 { flex-direction: column; } .upk-featured-list.upk-featured-style-2 .upk-item-box, .upk-featured-list.upk-featured-style-3 .upk-item-box { display: flex; align-items: center; justify-content: space-between; grid-column-gap: 30px; } .upk-featured-list.upk-featured-style-2 .upk-image-wrap, .upk-featured-list.upk-featured-style-3 .upk-image-wrap { display: block; width: 100%; } .upk-featured-list.upk-featured-style-2 .upk-counter, .upk-featured-list.upk-featured-style-3 .upk-counter { display: none; } .upk-featured-list.upk-featured-style-2 .upk-content, .upk-featured-list.upk-featured-style-3 .upk-content { padding: 0; width: 100%; } .upk-global-link-yes .upk-featured-list .upk-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-featured-list .upk-item .upk-counter { height: 80px; width: 80px; min-width: 80px; margin-left: 20px; } .upk-featured-list .upk-item .upk-counter:before { font-size: 24px; } .upk-featured-list .upk-item .upk-title { font-size: 22px; } .upk-featured-list .upk-item .upk-featured-meta { font-size: 12px; } .upk-featured-list .upk-item .upk-category { padding-bottom: 8px; } .upk-featured-list .upk-item .upk-category a { font-size: 14px; } } .upk-fanel-list { display: grid; grid-template-columns: repeat(1, 1fr); } .upk-fanel-list .upk-item { position: relative; overflow: hidden; transition: all 0.3s ease; } .upk-fanel-list .upk-item:hover { box-shadow: 0 0 10px rgba(43, 45, 66, 0.3); } .upk-fanel-list .upk-item:hover .upk-image-wrap .upk-img { transform: scale(1.1); } .upk-fanel-list .upk-item .upk-item-box { position: relative; display: flex; align-items: center; height: 100%; } .upk-fanel-list .upk-item .upk-image-wrap { position: relative; width: 40%; height: 100%; overflow: hidden; } .upk-fanel-list .upk-item .upk-image-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; transition: all 1s ease; } .upk-fanel-list .upk-item .upk-fanel-date-wrap { position: absolute; bottom: 0; left: 0; padding: 10px 15px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; } .upk-fanel-list .upk-item .upk-fanel-date-wrap .upk-fanel-date { text-transform: capitalize; font-weight: 900; font-size: 18px; display: inline-flex; line-height: 1; color: #2B2D42; letter-spacing: 1px; } .upk-fanel-list .upk-item .upk-fanel-date-wrap .upk-fanel-month { color: #8D99AE; font-size: 14px; text-transform: capitalize; font-weight: 600; } .upk-fanel-list .upk-item .upk-content { position: relative; width: 60%; padding: 10px; } .upk-fanel-list .upk-item .upk-content.upk-readmore--yes { margin-bottom: 30px; } .upk-fanel-list .upk-item .upk-category { margin-bottom: 10px; display: inline-flex; } .upk-fanel-list .upk-item .upk-category a { display: inline-block; font-size: 10px; font-weight: 600; color: #8D99AE; text-transform: uppercase; transition: all 0.3s ease; } .upk-fanel-list .upk-item .upk-category a:hover { color: #EF233C; } .upk-fanel-list .upk-item .upk-category a + a { margin-right: 5px; } .upk-fanel-list .upk-item .upk-title { font-size: 16px; line-height: 1.3; font-weight: 700; text-transform: capitalize; margin: 0px; } .upk-fanel-list .upk-item .upk-title a { text-decoration: none; transition: all 0.3s ease; color: #2B2D42; } .upk-fanel-list .upk-item .upk-title a:hover { color: #EF233C; } .upk-fanel-list .upk-item .upk-text { display: none; font-size: 14px; font-weight: 400; color: #8D99AE; padding-top: 15px; } .upk-fanel-list .upk-item .upk-text p { margin: 0; } .upk-fanel-list .upk-item .upk-fanel-read-more { position: absolute; bottom: 0; left: 0; width: 40px; height: 30px; line-height: 30px; text-align: center; background: #EF233C; transition: all 0.3s ease; color: #fff; font-size: 20px; } .upk-fanel-list .upk-item .upk-fanel-read-more i { transition: transform 0.3s ease; transform: translateX(0); display: inline-flex; } .upk-fanel-list .upk-item .upk-fanel-read-more:hover { background: #D90429; } .upk-fanel-list .upk-item .upk-fanel-read-more:hover i { transform: translateX(-5px); } .upk-fanel-list .upk-item .upk-fanel-meta { display: flex; flex-wrap: wrap; align-items: center; position: relative; color: #8D99AE; font-size: 11px; line-height: 1; padding-top: 10px; font-weight: 500; text-transform: uppercase; } .upk-fanel-list .upk-item .upk-fanel-meta .upk-author-name-wrap { display: flex; } .upk-fanel-list .upk-item .upk-fanel-meta .upk-author-name-wrap .upk-by { font-weight: 700; padding-left: 6px; } .upk-fanel-list .upk-item .upk-fanel-meta .upk-author-name-wrap .upk-author-name { text-decoration: none; color: #8D99AE; font-weight: 500; } .upk-fanel-list .upk-item .upk-fanel-meta > div { position: relative; display: inline-flex; } .upk-fanel-list .upk-item .upk-fanel-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-fanel-list .upk-item .upk-fanel-meta > div:nth-child(1)::before { display: none; } .upk-global-link-yes .upk-fanel-list .upk-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-fanel-list .upk-item .upk-content { padding: 20px; } .upk-fanel-list .upk-item .upk-content.upk-readmore--yes { margin-bottom: 40px; } .upk-fanel-list .upk-item .upk-category a { font-size: 12px; } .upk-fanel-list .upk-item .upk-text { display: inherit; } .upk-fanel-list .upk-item .upk-title { font-size: 20px; line-height: 1.4; } .upk-fanel-list .upk-item .upk-fanel-read-more { width: 60px; height: 40px; line-height: 40px; } .upk-fanel-list .upk-item .upk-fanel-meta { font-size: 12px; padding-top: 15px; } } @media (min-width: 1024px) { .upk-fanel-list { grid-template-columns: repeat(2, 1fr); } .upk-fanel-list .upk-item .upk-content { padding: 30px; } .upk-fanel-list .upk-item .upk-fanel-date-wrap .upk-fanel-date { font-size: 20px; } } .upk-author-wrapper .upk-item { position: relative; overflow: hidden; border-radius: 6px; transition: all 0.3s ease; } .upk-author-wrapper .upk-post-count { position: absolute; font-size: 12px; color: #8D99AE; border-color: #8D99AE; text-transform: capitalize; line-height: 1; padding: 3px 6px; border-radius: 3px; } .upk-author-wrapper .upk-content { position: relative; z-index: 1; width: 100%; } .upk-author-wrapper .upk-name a { display: inline-flex; font-size: 18px; font-weight: 600; color: #2B2D42; line-height: 1; text-transform: capitalize; transition: all 0.3s ease; } .upk-author-wrapper .upk-name a:hover { color: #EF233C; } .upk-author-wrapper .upk-description { font-size: 15px; color: #8D99AE; padding-top: 10px; } .upk-author-wrapper .upk-role { font-size: 15px; color: #8D99AE; } .upk-author-wrapper .upk-link { display: flex; align-items: center; padding-top: 15px; line-height: 1; } .upk-author-wrapper .upk-link a { color: #8D99AE; font-size: 15px; transition: all 0.3s ease; } .upk-author-wrapper .upk-link a:hover { color: #EF233C; } .upk-author-wrapper .upk-link a + a { margin-right: 20px; } .upk-author-wrapper.upk-grid_1 .upk-post-count { top: 15px; left: 15px; } .upk-author-wrapper.upk-grid_1 .upk-content { text-align: center; } .upk-author-wrapper.upk-grid_1 .upk-link { justify-content: center; } .upk-author-wrapper.upk-grid_1 .upk-item { padding: 15px; } .upk-author-wrapper.upk-grid_1 .upk-image { margin: 35px 30px 20px 30px; } .upk-author-wrapper.upk-grid_1 .upk-image a img { width: 100%; height: 100%; border-radius: 100%; object-fit: cover; } .upk-author-wrapper.upk-list .upk-item { padding: 10px; display: flex; align-items: center; } .upk-author-wrapper.upk-list .upk-image { margin-left: 15px; } .upk-author-wrapper.upk-list .upk-image img { height: 70px; width: 70px; min-width: 70px; border-radius: 100%; } .upk-author-wrapper.upk-list .upk-post-count { top: 10px; left: 10px; } .upk-author-wrapper.upk-list .upk-link { justify-content: left; } .upk-author .upk-author-wrapper { display: grid; } @media (min-width: 1024px) { .upk-author-wrapper .upk-post-count { font-size: 13px; } .upk-author-wrapper .upk-name a { font-size: 18px; } .upk-author-wrapper .upk-description { font-size: 15px; } .upk-author-wrapper.upk-grid_1 .upk-item { position: relative; padding: 30px; } .upk-author-wrapper.upk-grid_1 .upk-post-count { top: 30px; left: 30px; } .upk-author-wrapper.upk-list .upk-item { padding: 15px; } .upk-author-wrapper.upk-list .upk-image { margin-left: 20px; } .upk-author-wrapper.upk-list .upk-image img { height: 80px; width: 80px; min-width: 80px; } .upk-author-wrapper.upk-list .upk-post-count { top: 15px; left: 15px; } } .upk-tiny-list { position: relative; counter-reset: number-count; display: grid; } .upk-tiny-list .upk-item { position: relative; transition: all 0.3s ease; } .upk-tiny-list .upk-img { height: 48px; width: 48px; object-fit: cover; margin-left: 15px; border-radius: 3px; } .upk-tiny-list .upk-counter { counter-increment: number-count; height: 48px; min-width: 48px; width: 48px; background: #ffedef; text-align: center; border-radius: 3px; position: relative; display: inline-table; margin-left: 15px; } .upk-tiny-list .upk-counter:before { content: counter(number-count); color: #EF233C; font-weight: 600; font-size: 14px; line-height: 1; position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); } .upk-tiny-list .upk-title { margin: 0; font-size: 18px; font-weight: 600; line-height: 1.4; z-index: 1; } .upk-tiny-list .upk-title a { color: #2B2D42; } .upk-tiny-list .upk-title a:hover { color: #EF233C; } .upk-tiny-list .upk-title-icon { display: flex; z-index: 1; color: #2B2D42; margin-left: 15px; } .upk-tiny-list .upk-title-icon svg { width: 1.2em; } .upk-global-link-yes .upk-tiny-list .upk-item:hover { cursor: pointer; } .upk-layout-style--inline .upk-social-share { display: flex; flex-wrap: wrap; } .upk-layout-style--grid .upk-social-share { display: grid; } .upk-ss-position--top-left .upk-social-share, .upk-ss-position--top-right .upk-social-share, .upk-ss-position--center-left .upk-social-share, .upk-ss-position--center-right .upk-social-share, .upk-ss-position--bottom-left .upk-social-share, .upk-ss-position--bottom-right .upk-social-share { position: fixed; z-index: 111; } .upk-ss-position--top-left .upk-social-share { right: 0; top: 0; } .upk-ss-position--top-right .upk-social-share { left: 0; top: 0; } .upk-ss-position--bottom-left .upk-social-share { right: 0; bottom: 0; } .upk-ss-position--bottom-right .upk-social-share { left: 0; bottom: 0; } .upk-ss-position--center-left .upk-social-share, .upk-ss-position--center-right .upk-social-share { display: inline; top: 50%; transform: translateY(-50%); } .upk-ss-position--center-left .upk-social-share .upk-ss-btn, .upk-ss-position--center-right .upk-social-share .upk-ss-btn { height: 4.2em; width: 4.2em; } .upk-ss-position--center-left .upk-social-share .upk-ss-btn:hover, .upk-ss-position--center-right .upk-social-share .upk-ss-btn:hover { width: 100%; } .upk-ss-position--center-left .upk-social-share .upk-ss-icon, .upk-ss-position--center-right .upk-social-share .upk-ss-icon { width: 4.2em; min-width: 4.2em; } .upk-ss-position--center-left.upk-ss-btns-view-text .upk-social-share .upk-ss-btn, .upk-ss-position--center-right.upk-ss-btns-view-text .upk-social-share .upk-ss-btn { width: 100%; } .upk-ss-position--center-left.upk-ss-btns-view-text .upk-social-share .upk-social-share-text, .upk-ss-position--center-right.upk-ss-btns-view-text .upk-social-share .upk-social-share-text { padding-right: 1.3em; padding-left: 1.3em; } .upk-ss-position--center-left .upk-social-share { right: 0; } .upk-ss-position--center-right .upk-social-share { left: 0; direction: ltr; } .upk-ss-position--center-right .upk-social-share .upk-social-share-text { padding-right: 1.3em; padding-left: 0; } .upk-ss-btn { cursor: pointer; } .elementor-widget-share-buttons .upk-ep-grid { overflow: hidden; } .upk-ss-btns-style-boxed .upk-social-share-text, .upk-ss-btns-style-minimal .upk-social-share-text, .upk-ss-btns-style-gradient .upk-social-share-text { padding-right: 0.9em; } .upk-ss-btns-style-flat .upk-social-share, .upk-ss-btns-style-flat .upk-social-share:hover, .upk-ss-btns-style-gradient .upk-social-share, .upk-ss-btns-style-gradient .upk-social-share:hover { color: #fff; } .upk-ss-btns-style-flat .upk-social-link a, .upk-ss-btns-style-flat .upk-social-link a:hover, .upk-ss-btns-style-gradient .upk-social-link a, .upk-ss-btns-style-gradient .upk-social-link a:hover { color: #fff; } .upk-ss-icon-top--yes .upk-ss-btn { flex-direction: column; height: auto; } .upk-ss-icon-top--yes .upk-ss-btn .upk-ss-icon { width: auto; padding: 10px 10px 0 10px; } .upk-ss-icon-top--yes .upk-ss-btn .upk-social-share-text { padding: 10px; display: inline-block; width: 100%; text-align: center; } .upk-ss-icon-top--yes.upk-ss-btns-style-minimal .upk-ss-btn, .upk-ss-icon-top--yes.upk-ss-btns-style-gradient .upk-ss-btn, .upk-ss-icon-top--yes.upk-ss-btns-style-boxed .upk-ss-btn { padding: 0px; } .upk-ss-icon-top--yes.upk-ss-btns-style-minimal .upk-ss-btn .upk-ss-icon, .upk-ss-icon-top--yes.upk-ss-btns-style-gradient .upk-ss-btn .upk-ss-icon, .upk-ss-icon-top--yes.upk-ss-btns-style-boxed .upk-ss-btn .upk-ss-icon { padding: 10px; } .upk-ss-btns-style-minimal.upk-ss-btns-shape-rounded .upk-ss-icon { border-radius: 0.5em; } .upk-ss-btns-style-minimal.upk-ss-btns-shape-circle .upk-ss-icon { border-radius: 99.9em; } .upk-ss-btns-style-minimal .upk-social-share-text { color: #222; } .upk-ss-btns-view-text .upk-social-share-text { padding-right: 1.3em; } .upk-ss-btns-view-text .upk-ss-icon, .upk-ss-btns-view-text .upk-social-share-text, .upk-ss-btns-view-icon .upk-ss-icon, .upk-ss-btns-view-icon .upk-social-share-text { flex-grow: 1; justify-content: center; } .upk-ss-btn { overflow: hidden; font-size: 10px; display: flex; align-items: center; justify-content: flex-start; transition-duration: 0.2s; transition-property: filter, background-color, border-color, width; height: 4.2em; cursor: pointer; } .upk-ss-icon, .upk-social-share-text { transition-property: color, background-color; transition-duration: 0.2s; } .upk-ss-icon { display: flex; align-self: stretch; justify-content: center; align-items: center; text-align: center; width: 4.2em; position: relative; } .upk-ss-icon i { font-size: 1.5em; } .upk-social-share-text { font-size: 1.3em; padding-left: 1.3em; align-self: stretch; flex-grow: 1; align-items: center; display: flex; font-weight: 100; } .upk-social-share-title { font-weight: bold; flex-shrink: 0; } .upk-social-share-title + .upk-social-share-counter { margin-right: 0.5em; flex-shrink: 0; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-vkontakte, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-vkontakte { background-color: #45668e; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-facebook, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-facebook { background-color: #3b5998; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-odnoklassniki, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-odnoklassniki { background-color: #F4731C; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-moimir, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-moimir { background-color: #168DE2; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-googleplus, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-googleplus { background-color: #dd4b39; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-linkedin, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-linkedin { background-color: #0077b5; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-twitter, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-twitter { background-color: #1DA1F2; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-livejournal, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-livejournal { background-color: #00B0EA; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-tumblr, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-tumblr { background-color: #35465c; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-blogger, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-blogger { background-color: #F06A35; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-pinterest, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-pinterest { background-color: #bd081c; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-digg, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-digg { background-color: #005be2; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-evernote, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-evernote { background-color: #2DBE60; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-reddit, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-reddit { background-color: #ff4500; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-delicious, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-delicious { background-color: #3399ff; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-mix, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-mix { background-color: #fd8235; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-pocket, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-pocket { background-color: #EF3F56; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-surfingbird, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-surfingbird { background-color: #25B1F6; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-liveinternet, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-liveinternet { background-color: #5382C4; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-buffer, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-buffer { background-color: #1B1B1B; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-instapaper, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-instapaper { background-color: #000000; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-xing, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-xing { background-color: #026466; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-wordpress, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-wordpress { background-color: #21759b; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-baidu, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-baidu { background-color: #2319DC; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-renren, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-renren { background-color: #237EC5; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-weibo, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-weibo { background-color: #E6162D; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-skype, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-skype { background-color: #00AFF0; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-telegram, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-telegram { background-color: #2CA5E0; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-viber, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-viber { background-color: #834995; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-whatsapp, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-whatsapp { background-color: #25d366; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-line, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-line { background-color: #00B900; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-wechat, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-wechat { background-color: #2DC100; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-meneame, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-meneame { background-color: #F86100; } .upk-ss-btns-color-original.upk-ss-btns-style-flat .upk-ss-flipboard, .upk-ss-btns-color-original.upk-ss-btns-style-gradient .upk-ss-flipboard { background-color: #F52827; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-vkontakte, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-vkontakte { color: #45668e; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-facebook, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-facebook { color: #3b5998; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-odnoklassniki, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-odnoklassniki { color: #F4731C; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-moimir, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-moimir { color: #168DE2; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-googleplus, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-googleplus { color: #dd4b39; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-linkedin, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-linkedin { color: #0077b5; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-twitter, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-twitter { color: #1DA1F2; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-livejournal, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-livejournal { color: #00B0EA; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-tumblr, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-tumblr { color: #35465c; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-blogger, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-blogger { color: #F06A35; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-pinterest, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-pinterest { color: #bd081c; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-digg, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-digg { color: #005be2; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-evernote, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-evernote { color: #2DBE60; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-reddit, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-reddit { color: #ff4500; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-delicious, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-delicious { color: #3399ff; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-mix, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-mix { color: #fd8235; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-pocket, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-pocket { color: #EF3F56; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-surfingbird, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-surfingbird { color: #25B1F6; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-liveinternet, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-liveinternet { color: #5382C4; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-buffer, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-buffer { color: #1B1B1B; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-instapaper, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-instapaper { color: #000000; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-xing, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-xing { color: #026466; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-wordpress, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-wordpress { color: #21759b; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-baidu, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-baidu { color: #2319DC; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-renren, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-renren { color: #237EC5; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-weibo, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-weibo { color: #E6162D; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-skype, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-skype { color: #00AFF0; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-telegram, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-telegram { color: #2CA5E0; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-viber, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-viber { color: #834995; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-whatsapp, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-whatsapp { color: #25d366; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-line, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-line { color: #00B900; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-wechat, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-wechat { color: #2DC100; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-meneame, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-meneame { color: #F86100; } .upk-ss-btns-color-original.upk-ss-btns-style-framed .upk-ss-flipboard, .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-flipboard { color: #F52827; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-vkontakte .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-vkontakte .upk-ss-icon { background-color: #45668e; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-facebook .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-facebook .upk-ss-icon { background-color: #3b5998; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-odnoklassniki .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-odnoklassniki .upk-ss-icon { background-color: #F4731C; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-moimir .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-moimir .upk-ss-icon { background-color: #168DE2; color: #FFAF32; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-googleplus .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-googleplus .upk-ss-icon { background-color: #dd4b39; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-linkedin .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-linkedin .upk-ss-icon { background-color: #0077b5; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-twitter .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-twitter .upk-ss-icon { background-color: #1DA1F2; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-livejournal .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-livejournal .upk-ss-icon { background-color: #00B0EA; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-tumblr .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-tumblr .upk-ss-icon { background-color: #35465c; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-blogger .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-blogger .upk-ss-icon { background-color: #F06A35; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-pinterest .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-pinterest .upk-ss-icon { background-color: #bd081c; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-digg .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-digg .upk-ss-icon { background-color: #005be2; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-evernote .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-evernote .upk-ss-icon { background-color: #2DBE60; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-reddit .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-reddit .upk-ss-icon { background-color: #ff4500; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-delicious .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-delicious .upk-ss-icon { background-color: #3399ff; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-mix .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-mix .upk-ss-icon { background-color: #fd8235; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-pocket .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-pocket .upk-ss-icon { background-color: #EF3F56; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-surfingbird .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-surfingbird .upk-ss-icon { background-color: #25B1F6; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-liveinternet .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-liveinternet .upk-ss-icon { background-color: #5382C4; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-buffer .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-buffer .upk-ss-icon { background-color: #1B1B1B; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-instapaper .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-instapaper .upk-ss-icon { background-color: #000000; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-xing .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-xing .upk-ss-icon { background-color: #026466; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-wordpress .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-wordpress .upk-ss-icon { background-color: #21759b; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-baidu .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-baidu .upk-ss-icon { background-color: #2319DC; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-renren .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-renren .upk-ss-icon { background-color: #237EC5; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-weibo .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-weibo .upk-ss-icon { background-color: #E6162D; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-skype .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-skype .upk-ss-icon { background-color: #00AFF0; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-telegram .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-telegram .upk-ss-icon { background-color: #2CA5E0; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-viber .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-viber .upk-ss-icon { background-color: #834995; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-whatsapp .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-whatsapp .upk-ss-icon { background-color: #25d366; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-line .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-line .upk-ss-icon { background-color: #00B900; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-wechat .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-wechat .upk-ss-icon { background-color: #2DC100; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-meneame .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-meneame .upk-ss-icon { background-color: #F86100; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-flipboard .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-flipboard .upk-ss-icon { background-color: #F52827; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-btn .upk-ss-icon, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-btn .upk-ss-icon { color: #fff; } .upk-ss-btns-color-original.upk-ss-btns-style-boxed .upk-ss-moimir .upk-ss-icon .fa-moimir:before, .upk-ss-btns-color-original.upk-ss-btns-style-minimal .upk-ss-moimir .upk-ss-icon .fa-moimir:before { color: #FFAF32; } .upk-ss-btns-style-framed .upk-ss-btn, .upk-ss-btns-style-boxed .upk-ss-btn { border-style: solid; } .upk-ss-btns-style-gradient .upk-social-share-text { background: linear-gradient(-135deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0) 100%); } .upk-ss-btns-style-gradient.upk-ss-btns-view-icon .upk-ss-icon { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.12), transparent); } .upk-ss-btns-color-original .upk-ss-btn:hover { filter: saturate(1.2) brightness(1.1); } .upk-ss-btns-color-custom.upk-ss-btns-style-flat .upk-ss-btn, .upk-ss-btns-color-custom.upk-ss-btns-style-gradient .upk-ss-btn { background-color: #666; } .upk-ss-btns-color-custom.upk-ss-btns-style-framed .upk-ss-btn, .upk-ss-btns-color-custom.upk-ss-btns-style-minimal .upk-ss-btn, .upk-ss-btns-color-custom.upk-ss-btns-style-boxed .upk-ss-btn { color: #666; border-color: #666; } .upk-ss-btns-color-custom.upk-ss-btns-style-boxed .upk-ss-btn .upk-ss-icon, .upk-ss-btns-color-custom.upk-ss-btns-style-minimal .upk-ss-btn .upk-ss-icon { background-color: #666; } .upk-ss-btns-color-custom.upk-ss-btns-style-boxed .upk-ss-icon, .upk-ss-btns-color-custom.upk-ss-btns-style-minimal .upk-ss-icon { color: #fff; } .upk-newsletter-wrapper .upk-newsletter { display: flex; align-items: center; } .upk-newsletter-wrapper .upk-newsletter-btn-icon, .upk-newsletter-wrapper .upk-newsletter-before-icon { display: inline-flex; transition: all 0.3s ease; } .upk-newsletter-wrapper .upk-newsletter-btn-icon svg, .upk-newsletter-wrapper .upk-newsletter-before-icon svg { width: 1em; transition: all 0.3s ease; } .upk-newsletter-wrapper .upk-newsletter-before-icon { margin-left: 15px; } .upk-newsletter-wrapper .upk-input { max-width: 100%; width: 100%; border: 0 none; padding: 0 10px; background: #f8f8f8; color: #666; border-radius: 3px; height: 40px; vertical-align: middle; display: inline-block; outline: none; } .upk-newsletter-wrapper .upk-newsletter-btn { border: none; padding: 0 30px; vertical-align: middle; font-size: 14px; line-height: 40px; text-align: center; border-radius: 3px; background-color: #EF233C; color: #fff; cursor: pointer; transition: all 0.3s ease; } .upk-newsletter-wrapper .upk-newsletter-btn:hover { background-color: #D90429; } .upk-newsletter-wrapper .upk-newsletter-input-wrapper { width: 100%; margin-left: 15px; } .upk-field-full--yes .upk-newsletter-wrapper .upk-newsletter { display: block; } .upk-field-full--yes .upk-newsletter-wrapper .upk-newsletter-input-wrapper, .upk-field-full--yes .upk-newsletter-wrapper .upk-newsletter-before-icon { margin-bottom: 20px; } .upk-newsletter-alert { position: fixed; top: 30px; box-sizing: border-box; width: 450px; right: 50%; margin-right: -225px; animation: slide-up-fade-in ease 1s; z-index: 9999; } .upk-newsletter-alert .upk-alert-box { display: flex; align-items: center; padding: 20px 20px 20px 40px; background: #ffffff; font-size: 1rem; box-shadow: 0 5px 20px #b3b3b3; border-radius: 3px; color: #1e87f0; justify-content: center; } .uwk-newsletter-loader { display: inline-block; border: 2px solid rgba(0, 0, 0, 0.1); border-right-color: #1e87f0; border-radius: 50%; width: 20px; height: 20px; animation: donut-spin 1.2s linear infinite; margin-left: 10px; } .upk-text-success .upk-success-icon { display: inline-block; transform: rotate(-45deg); height: 16px; width: 7px; border-bottom: 3px solid #14a814; border-left: 3px solid #14a814; margin-left: 10px; } .upk-text-warning { color: orange; } .upk-text-danger { color: #D90429; } .upk-text-success { color: green; } @keyframes slide-up-fade-in { 0% { opacity: 0; transform: translateY(-200px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes donut-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } } .upk-buzz-list { position: relative; display: grid; counter-reset: number-count; } .upk-buzz-list .upk-item { position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list .upk-item:hover .upk-img-wrap:before { background: rgba(43, 45, 66, 0.5); } .upk-buzz-list .upk-item:hover .upk-count:before { color: #EDF2F4; } .upk-buzz-list .upk-item:hover .upk-inner { border-right-color: #EDF2F4; } .upk-buzz-list .upk-item:hover .upk-category a { color: #EDF2F4; } .upk-buzz-list .upk-item:hover .upk-title a { color: #fff; } .upk-buzz-list .upk-item:hover .upk-meta { color: #EDF2F4; } .upk-buzz-list .upk-item:hover .upk-meta .upk-author-wrap .upk-author-name { color: #EDF2F4; } .upk-buzz-list .upk-img-wrap { position: absolute; width: 100%; height: 100%; } .upk-buzz-list .upk-img-wrap::before { content: ""; position: absolute; top: 0; right: 0; background: #fff; width: 100%; height: 100%; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list .upk-img-wrap img { width: 100%; height: 100%; object-fit: cover; } .upk-buzz-list .upk-content { padding: 15px; display: flex; position: relative; align-items: center; } .upk-buzz-list .upk-count { position: relative; counter-increment: number-count; padding-left: 15px; } .upk-buzz-list .upk-count:before { content: counter(number-count); top: 0; right: 0; font-size: 30px; color: #2B2D42; font-weight: 600; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list .upk-inner { padding-right: 15px; border-right: 2px solid #8D99AE; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list .upk-category { margin-bottom: 5px; display: flex; } .upk-buzz-list .upk-category a { display: inline-flex; font-size: 10px; color: #EF233C; font-weight: 500; text-transform: uppercase; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list .upk-category a + a { margin-right: 5px; } .upk-buzz-list .upk-title { font-size: 16px; font-weight: 700; text-transform: capitalize; margin: 0; } .upk-buzz-list .upk-title a { color: #2B2D42; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list .upk-meta { flex-wrap: wrap; color: #8D99AE; font-size: 11px; font-weight: 500; line-height: 1; padding-top: 10px; position: relative; text-transform: uppercase; transition: color 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list .upk-meta .upk-author-wrap { display: flex; } .upk-buzz-list .upk-meta .upk-author-wrap .upk-by { font-weight: 700; padding-left: 6px; } .upk-buzz-list .upk-meta .upk-author-wrap .upk-author-name { color: #8D99AE; font-weight: 500; transition: color 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list .upk-meta .upk-post-time { margin-right: 5px; } .upk-buzz-list .upk-meta .upk-post-time i { margin-left: 2px; } .upk-buzz-list .upk-meta > div { position: relative; display: inline-flex; } .upk-buzz-list .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-buzz-list .upk-meta > div:nth-child(1)::before { display: none; } .upk-global-link-yes .upk-buzz-list .upk-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-buzz-list .upk-content { padding: 20px; } .upk-buzz-list .upk-category a { font-size: 12px; } .upk-buzz-list .upk-title { font-size: 18px; } .upk-buzz-list .upk-count::before { font-size: 40px; } } .upk-buzz-list-carousel { position: relative; } .upk-buzz-list-carousel .upk-item { position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list-carousel .upk-item:hover .upk-img-wrap::before { background: rgba(43, 45, 66, 0.5); } .upk-buzz-list-carousel .upk-item:hover .upk-img-wrap img { opacity: 1; } .upk-buzz-list-carousel .upk-item:hover .upk-count { color: #EDF2F4; } .upk-buzz-list-carousel .upk-item:hover .upk-inner { border-right-color: #EDF2F4; } .upk-buzz-list-carousel .upk-item:hover .upk-category a { color: #EDF2F4; } .upk-buzz-list-carousel .upk-item:hover .upk-title a { color: #fff; } .upk-buzz-list-carousel .upk-item:hover .upk-meta { color: #EDF2F4; } .upk-buzz-list-carousel .upk-item:hover .upk-meta .upk-author-wrap .upk-author-name { color: #EDF2F4; } .upk-buzz-list-carousel .upk-img-wrap { position: absolute; width: 100%; height: 100%; } .upk-buzz-list-carousel .upk-img-wrap::before { content: ""; position: absolute; top: 0; right: 0; background: #fff; width: 100%; height: 100%; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list-carousel .upk-img-wrap img { width: 100%; height: 100%; object-fit: cover; opacity: 0; } .upk-buzz-list-carousel .upk-content { padding: 15px; display: flex; position: relative; align-items: center; } .upk-buzz-list-carousel .upk-count { color: #2B2D42; font-size: 30px; font-weight: 600; position: relative; margin-left: 15px; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); display: flex; line-height: 1; } .upk-buzz-list-carousel .upk-inner { padding-right: 15px; border-right: 2px solid #8D99AE; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list-carousel .upk-category { margin-bottom: 5px; display: flex; } .upk-buzz-list-carousel .upk-category a { display: inline-flex; font-size: 10px; color: #EF233C; font-weight: 500; text-transform: uppercase; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list-carousel .upk-category a + a { margin-right: 5px; } .upk-buzz-list-carousel .upk-title { font-size: 16px; font-weight: 700; text-transform: capitalize; margin: 0; } .upk-buzz-list-carousel .upk-title a { color: #2B2D42; transition: all 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list-carousel .upk-meta { flex-wrap: wrap; color: #8D99AE; font-size: 11px; font-weight: 500; line-height: 1; padding-top: 10px; position: relative; text-transform: uppercase; transition: color 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list-carousel .upk-meta .upk-author-wrap { display: flex; } .upk-buzz-list-carousel .upk-meta .upk-author-wrap .upk-by { font-weight: 700; padding-left: 6px; } .upk-buzz-list-carousel .upk-meta .upk-author-wrap .upk-author-name { color: #8D99AE; font-weight: 500; transition: color 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-buzz-list-carousel .upk-meta .upk-post-time { margin-right: 5px; } .upk-buzz-list-carousel .upk-meta .upk-post-time i { margin-left: 2px; } .upk-buzz-list-carousel .upk-meta > div { position: relative; display: inline-flex; } .upk-buzz-list-carousel .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-buzz-list-carousel .upk-meta > div:nth-child(1)::before { display: none; } .upk-global-link-yes .upk-buzz-list-carousel .upk-item:hover { cursor: pointer; } .upk-item-match-height--yes .upk-buzz-list-carousel .swiper-slide { height: initial; } @media (min-width: 768px) { .upk-buzz-list-carousel .upk-content { padding: 20px; } .upk-buzz-list-carousel .upk-category a { font-size: 12px; } .upk-buzz-list-carousel .upk-title { font-size: 18px; } .upk-buzz-list-carousel .upk-count { font-size: 40px; } } .upk-scott-list { display: grid; grid-template-columns: repeat(1, 1fr); counter-reset: number-count; } .upk-scott-list .upk-item { display: flex; align-items: center; border-top: 1px solid #e2e2e2; padding-top: 20px; margin-top: 20px; position: relative; overflow: hidden; } .upk-scott-list .upk-item:first-child { border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important; } .upk-scott-list .upk-item .upk-image-wrap { position: relative; height: 100%; width: 30%; text-decoration: none; transition: all 0.3s ease; counter-increment: number-count; overflow: hidden; } .upk-scott-list .upk-item .upk-image-wrap img { width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease; } .upk-scott-list .upk-item .upk-image-wrap:before { position: absolute; content: counter(number-count); top: 50%; right: 50%; color: #fff; font-weight: 700; font-size: 35px; transition: all 0.3s ease; transform: translate(50%, -50%); opacity: 1; visibility: visible; z-index: 1; } .upk-scott-list .upk-item .upk-image-wrap:after { position: absolute; content: "\e92c"; top: 50%; right: 50%; color: #fff; font-size: 26px; font-weight: 900; line-height: 1; opacity: 0; visibility: hidden; transition: all 0.3s ease; transform: translate(50%, 50%); font-family: "ultimate-post-kit" !important; -webkit-font-smoothing: antialiased; z-index: 1; } .upk-scott-list .upk-item .upk-image-wrap .upk-img-overlay:before { content: ""; position: absolute; width: 100%; height: 100%; right: 0; top: 0; background: rgba(43, 45, 66, 0.3); } .upk-scott-list .upk-item .upk-content { width: 70%; padding: 20px; } .upk-scott-list .upk-item .upk-category { margin-bottom: 10px; display: flex; } .upk-scott-list .upk-item .upk-category a { font-size: 10px; color: #EF233C; text-transform: uppercase; font-weight: 500; border: 1px solid #EF233C; padding: 4px 12px; border-radius: 2px; display: inline-flex; transition: all 0.3s ease; } .upk-scott-list .upk-item .upk-category a:hover { background: #EF233C; color: #fff; } .upk-scott-list .upk-item .upk-category a + a { margin-right: 5px; } .upk-scott-list .upk-item .upk-title { font-size: 16px; font-weight: 700; line-height: 1.4; margin: 0; } .upk-scott-list .upk-item .upk-title a { color: #2B2D42; transition: all 0.3s ease; } .upk-scott-list .upk-item .upk-title a:hover { color: #EF233C; } .upk-scott-list .upk-item .upk-meta { color: #8D99AE; font-size: 11px; font-weight: 500; line-height: 1; padding-top: 10px; position: relative; text-transform: uppercase; transition: color 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); flex-wrap: wrap; } .upk-scott-list .upk-item .upk-meta > div { position: relative; display: inline-flex; } .upk-scott-list .upk-item .upk-meta > div:before { content: attr(data-separator); margin: 0 8px; } .upk-scott-list .upk-item .upk-meta > div:nth-child(1)::before { display: none; } .upk-scott-list .upk-item .upk-meta .upk-author-name-wrap { display: flex; } .upk-scott-list .upk-item .upk-meta .upk-author-name-wrap .upk-by { font-weight: 700; padding-left: 6px; } .upk-scott-list .upk-item .upk-meta .upk-author-name-wrap .upk-author-name { color: #8D99AE; font-weight: 500; transition: color 0.3s cubic-bezier(0.34, 0.01, 0.58, 1); } .upk-scott-list .upk-item .upk-meta .upk-post-time { margin-right: 5px; } .upk-scott-list .upk-item .upk-meta .upk-post-time i { margin-left: 2px; } .upk-scott-list .upk-item:hover .upk-image-wrap:before { transform: translate(50%, -100%); opacity: 0; visibility: hidden; } .upk-scott-list .upk-item:hover .upk-image-wrap:after { transform: translate(50%, -50%); opacity: 1; visibility: visible; } .upk-global-link-yes .upk-scott-list .upk-item:hover { cursor: pointer; } @media (min-width: 768px) { .upk-scott-list .upk-item .upk-title { font-size: 18px; } .upk-scott-list .upk-item .upk-meta { font-size: 12px; } } .upk-noxe-slider { position: relative; } .upk-noxe-slider .upk-noxe-item { background: #fff; padding: 30px; position: relative; height: auto; } .upk-noxe-slider .upk-noxe-item-box-wrap { position: relative; display: flex; flex-direction: column; height: 100%; } .upk-noxe-slider .upk-noxe-image-wrap { position: relative; margin-bottom: 1.5rem; overflow: hidden; height: 100%; z-index: 10; } .upk-noxe-slider .upk-noxe-img { width: 100%; height: 100%; object-fit: cover; } .upk-noxe-slider .upk-noxe-category { position: absolute; bottom: 0; right: 0; display: inline-flex; } .upk-noxe-slider .upk-noxe-category a { display: inline-block; background: #fff; padding: 8px 0 0 8px; text-decoration: none; color: #D90429; text-transform: uppercase; line-height: 1; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.04em; } .upk-noxe-slider .upk-noxe-date-wrap { position: absolute; bottom: 0; left: 0; background: #fff; display: flex; flex-direction: column; text-align: center; padding: 10px; font-size: 12px; color: #676a88; font-weight: 700; overflow: hidden; } .upk-noxe-slider .upk-noxe-date-wrap .upk-noxe-month { font-weight: 400; margin-bottom: 2px; } .upk-noxe-slider .upk-noxe-content { display: inline-block; } .upk-noxe-slider .upk-title { font-size: 16px; font-weight: 700; margin-bottom: 10px; } .upk-noxe-slider .upk-title a { text-decoration: none; color: #2B2D42; transition: all 0.3s ease; } .upk-noxe-slider .upk-title a:hover { color: #D90429; } .upk-noxe-slider .upk-noxe-meta { display: flex; flex-wrap: wrap; align-items: center; position: relative; font-size: 12px; text-transform: uppercase; color: rgba(125, 125, 125, 0.7294117647); font-weight: 500; overflow: hidden; } .upk-noxe-slider .upk-noxe-meta .upk-author-name-wrap { display: flex; } .upk-noxe-slider .upk-noxe-meta .upk-author-name-wrap .upk-by { font-weight: 700; padding-left: 6px; } .upk-noxe-slider .upk-noxe-meta .upk-author-name-wrap .upk-author-name { text-decoration: none; color: rgba(125, 125, 125, 0.7294117647); font-weight: 500; } .upk-noxe-slider .upk-noxe-meta > div { position: relative; display: inline-flex; } .upk-noxe-slider .upk-noxe-meta > div:before { content: attr(data-separator); margin: 0 8px; } .upk-noxe-slider .upk-noxe-meta > div:nth-child(1)::before { display: none; } .upk-noxe-slider .upk-text { font-size: 14px; color: #2f3f50; line-height: 1.6; margin-bottom: 35px; } .upk-noxe-slider .upk-text p { margin: 0; } .upk-noxe-slider .upk-noxe-navigation { position: absolute; left: 30px; bottom: 30px; display: flex; align-items: center; z-index: 1; } .upk-noxe-slider .upk-noxe-navigation .upk-navigation-next:after, .upk-noxe-slider .upk-noxe-navigation .upk-navigation-prev:after { content: ""; } .upk-noxe-slider .upk-noxe-navigation .upk-navigation-next, .upk-noxe-slider .upk-noxe-navigation .upk-navigation-prev { position: static; display: inline-block; } .upk-noxe-slider .upk-noxe-navigation .upk-link--arrowed { display: inline-flex; font-size: 32px; } .upk-noxe-slider .upk-noxe-navigation .upk-link--arrowed .upk-arrow-icon { position: relative; top: 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; vertical-align: middle; width: 1em; } .upk-noxe-slider .upk-noxe-navigation .upk-link--arrowed .upk-arrow-icon--circle { transition: stroke-dashoffset 0.3s ease; stroke-dasharray: 95; stroke-dashoffset: 95; } .upk-noxe-slider .upk-noxe-navigation .upk-link--arrowed g { stroke: currentColor; color: #181D23; } .upk-noxe-slider .upk-noxe-navigation .upk-link--arrowed:hover .upk-arrow-icon { transform: translate3d(-5px, 0, 0); } .upk-noxe-slider .upk-noxe-navigation .upk-link--arrowed:hover .upk-arrow-icon--circle { stroke-dashoffset: 0; } .upk-noxe-slider .upk-noxe-navigation .upk-link--arrowed:hover g { color: #D90429; } .upk-noxe-slider .upk-noxe-navigation .upk-navigation-prev .upk-link--arrowed { transform: rotate(181deg); margin-left: 10px; } @media (min-width: 768px) { .upk-noxe-slider .upk-noxe-date-wrap { padding: 15px; font-size: 14px; } .upk-noxe-slider .upk-noxe-content { display: flex; } .upk-noxe-slider .upk-noxe-inner-content { padding-left: 30px; min-width: 50%; width: 50%; } .upk-noxe-slider .upk-noxe-meta { font-size: 11px; margin-bottom: 0; } .upk-noxe-slider .upk-title { font-size: 20px; margin-bottom: 16px; } .upk-noxe-slider .upk-noxe-pagination { right: 51%; } } @media (min-width: 1024px) { .upk-noxe-slider .upk-noxe-date-wrap { padding: 20px; font-size: 16px; } .upk-noxe-slider .upk-noxe-content .upk-noxe-inner-content { padding-left: 40px; } .upk-noxe-slider .upk-noxe-meta { font-size: 12px; margin-bottom: 0; } .upk-noxe-slider .upk-title { font-size: 25px; margin-bottom: 20px; } .upk-noxe-slider .upk-text { font-size: 16px; margin-bottom: 0; } .upk-noxe-slider .upk-noxe-pagination { right: 51%; } } .upk-recent-comments { display: grid; } .upk-recent-comments .upk-meta { margin-bottom: 15px; } .upk-recent-comments .upk-meta .upk-avatar { margin-left: 15px; } .upk-recent-comments .upk-meta .upk-avatar img { border-radius: 80px; } .upk-recent-comments .upk-meta .upk-author-name { color: #2B2D42; font-size: 16px; font-weight: 500; text-transform: capitalize; transition: color 0.3s ease; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .upk-recent-comments .upk-meta .upk-author-name:hover { color: #EF233C; } .upk-recent-comments .upk-meta .upk-date { color: #798184; font-size: 14px; } .upk-recent-comments .upk-text { color: #798184; font-size: 16px; } .upk-static-social-count { display: grid; grid-column-gap: 40px; grid-template-columns: repeat(4, 1fr); justify-content: center; width: 100%; } .upk-static-social-count .upk-item { text-align: center; transition: all 0.3s ease; } .upk-static-social-count .upk-item:hover .upk-icon { transform: translateY(-5px); } .upk-static-social-count .upk-icon { margin-bottom: 10px; transform: translateY(0); transition: transform 0.3s ease; } .upk-static-social-count .upk-icon span { font-size: 14px; border: 1px solid #c8c6c6; color: #565252; padding: 12px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 100%; transition: all 0.3s ease; } .upk-static-social-count .upk-icon span:hover { color: #000; } .upk-static-social-count .upk-icon span i, .upk-static-social-count .upk-icon span svg { height: 1em; width: 1em; } .upk-static-social-count .upk-count { font-size: 14px; text-transform: uppercase; color: #383535; font-weight: 600; margin-bottom: 4px; } .upk-static-social-count .upk-meta { font-size: 14px; text-transform: capitalize; color: #626262; } .upk-static-social-count.upk-style-2 .upk-item { text-align: right; } .upk-static-social-count.upk-style-2 .upk-item, .upk-static-social-count.upk-style-3 .upk-item { display: inline-flex; align-items: center; grid-column-gap: 10px; } .upk-static-social-count.upk-style-2 .upk-icon, .upk-static-social-count.upk-style-3 .upk-icon { margin: 0; } .upk-static-social-count.upk-style-3 .upk-item { text-align: left; flex-direction: row-reverse; } .upk-skide-slider .upk-skide-item { height: clamp(28.875rem, 70vw, 43.75rem); } .upk-skide-slider .upk-image-wrap { position: relative; height: 100%; } .upk-skide-slider .upk-image-wrap::before { position: absolute; content: ""; width: 100%; height: 100%; background: #2B2D42; opacity: 0.3; } .upk-skide-slider .upk-content { position: absolute; top: 40%; right: 0; transform: translateY(-40%); max-width: clamp(27rem, 50vw, 33.75rem); overflow: hidden; margin: 0 clamp(1.563rem, 6vw, 4.375rem); } .upk-skide-slider .upk-category { margin: 0 0 20px; display: inline-flex; } .upk-skide-slider .upk-category a { background: #EF233C; padding: 8px 10px; line-height: 1; display: inline-block; font-size: clamp(0.625rem, 1vw, 0.75rem); text-transform: uppercase; font-weight: 700; color: #fff; transition: all 0.3s ease; border-radius: 3px; } .upk-skide-slider .upk-category a:hover { background: #D90429; } .upk-skide-slider .upk-category a + a { margin-right: 5px; } .upk-skide-slider .upk-title { font-size: clamp(1.25rem, 4vw, 2.125rem); line-height: clamp(2.5rem, 7vw, 3.75rem); margin: 0 0 25px; } .upk-skide-slider .upk-title a { color: #edf2f4; background: #2b2d42; display: inline; -webkit-box-decoration-break: clone; padding: 5px 15px 8px; transition: all 0.3s ease; border-radius: 4px; } .upk-skide-slider .upk-title a:hover { color: #EF233C; } .upk-skide-slider .upk-meta { display: inline-flex; flex-wrap: wrap; } .upk-skide-slider .upk-meta .upk-author-img img { border-radius: 100px; } .upk-skide-slider .upk-meta .upk-meta-info { padding-right: 15px; } .upk-skide-slider .upk-meta .upk-author-name { margin-bottom: 3px; } .upk-skide-slider .upk-meta .upk-author-name a { font-size: clamp(0.75rem, 1vw, 0.875rem); font-weight: 700; color: #EDF2F4; text-transform: uppercase; transition: all 0.3s ease; } .upk-skide-slider .upk-meta .upk-author-name a:hover { color: #EF233C; } .upk-skide-slider .upk-meta .upk-date-comments { display: flex; align-items: center; font-size: clamp(0.75rem, 1vw, 0.875rem); color: #dadfe9; text-transform: uppercase; flex-wrap: wrap; } .upk-skide-slider .upk-meta .upk-date-comments > div { position: relative; display: inline-flex; } .upk-skide-slider .upk-meta .upk-date-comments > div:before { content: attr(data-separator); margin: 0 8px; } .upk-skide-slider .upk-meta .upk-date-comments > div:nth-child(1)::before { display: none; } .upk-skide-slider .upk-meta .upk-separator { margin: 0 5px; } .upk-skide-slider .upk-meta .upk-post-time { margin-right: 5px; } .upk-skide-slider .upk-meta .upk-post-time i { margin-left: 2px; } .upk-skide-slider-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; display: block; } .upk-skide-slider-wrap .upk-title { font-weight: 700; } .upk-skide-thumbs { max-width: clamp(15.625rem, 45vw, 31.25rem); position: absolute !important; bottom: clamp(1.563rem, 3vw, 3.125rem); right: clamp(1.563rem, 6vw, 4.375rem); } .upk-skide-thumbs .upk-thumbs-img { margin-bottom: clamp(0rem, 1vw, 0.75rem); } .upk-skide-thumbs .upk-thumbs-img .upk-img { cursor: pointer; border-radius: 10px; } .upk-skide-thumbs .upk-thumbs-content { display: none; } .upk-skide-thumbs .upk-title { font-size: 13px; margin: 0; } .upk-skide-thumbs .upk-title a { color: #edf2f4; } .upk-skide-thumbs .swiper-slide { opacity: 0.3; transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .upk-skide-thumbs .swiper-slide.swiper-slide-next { opacity: 0.5; } .upk-skide-thumbs .swiper-slide.swiper-slide-active { opacity: 1; } .upk-skide-thumbs .swiper-slide:hover { opacity: 1; } .upk-skide-thumbs .swiper-slide:hover.swiper-slide-next { opacity: 1; } .upk-skide-top-stories { max-width: 360px; display: none; flex-wrap: wrap; background: #fff; padding: 40px; border-radius: 10px; position: absolute; right: auto; left: clamp(1.875rem, 6vw, 4.375rem); top: 50%; z-index: 1; transform: translate(0, -50%); } .upk-skide-top-stories .upk-header-title { font-size: 16px; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; } .upk-skide-top-stories .upk-stories-item { display: flex; align-items: center; border-bottom: 1px solid #d2d3d4; padding: 20px 0; } .upk-skide-top-stories .upk-stories-item:nth-last-child(1) { padding-bottom: 0; border: none; } .upk-skide-top-stories .upk-stories-img .upk-img { width: 60px; min-width: 60px; height: 60px; border-radius: 80px; object-fit: cover; } .upk-skide-top-stories .upk-stories-content { padding-right: 15px; } .upk-skide-top-stories .upk-date { font-size: 11px; text-transform: uppercase; margin-bottom: 10px; color: #8D99AE; } .upk-skide-top-stories .upk-post-time { margin-right: 5px; } .upk-skide-top-stories .upk-post-time i { margin-left: 2px; } .upk-skide-top-stories .upk-title { font-size: 15px; margin: 0; } .upk-skide-top-stories .upk-title a { text-decoration: none; color: #2b2d42; transition: all 0.3s ease; } .upk-skide-top-stories .upk-title a:hover { color: #EF233C; } @media (min-width: 768px) { .upk-skide-thumbs .upk-thumbs-content { display: inherit; } } @media (min-width: 1024px) { .upk-skide-top-stories { display: inherit; } } .upk-camux-slider-wrap .upk-img { width: 100%; height: 100% !important; object-fit: cover; } .upk-camux-slider { margin-bottom: clamp(2.5rem, 6vw, 3.438rem); } .upk-camux-slider .upk-item { width: 100%; height: clamp(28.125rem, 60vw, 43.75rem); } .upk-camux-slider .upk-img-wrap { position: relative; height: 100%; } .upk-camux-slider .upk-img-wrap::before { position: absolute; content: ""; width: 100%; height: 100%; background-image: linear-gradient(-45deg, rgba(5, 4, 4, 0.741), transparent); } .upk-camux-slider .upk-content { width: 100%; max-width: 800px; padding: 20px; position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); overflow: hidden; } .upk-camux-slider .upk-category { margin-bottom: clamp(0.938rem, 2vw, 1.25rem); display: inline-flex; } .upk-camux-slider .upk-category a { background: #EF233C; padding: 6px 10px; color: #EDF2F4; font-weight: 700; text-decoration: none; text-transform: uppercase; font-size: clamp(0.625rem, 1vw, 0.75rem); border-radius: 3px; display: inline-block; transition: all 0.3s ease; } .upk-camux-slider .upk-category a:hover { background: #D90429; } .upk-camux-slider .upk-category a + a { margin-right: 5px; } .upk-camux-slider .upk-title { font-size: clamp(1.25rem, 5vw, 3rem); font-weight: 700; line-height: 1.6; text-transform: capitalize; padding-bottom: clamp(1.25rem, 3vw, 1.875rem); margin: 0; } .upk-camux-slider .upk-title a { color: #edf2f4; background: #2b2d42; display: inline; -webkit-box-decoration-break: clone; padding: 5px 15px 8px; border-radius: 4px; transition: all 0.3s ease; } .upk-camux-slider .upk-title a:hover { color: #D90429; } .upk-camux-slider .upk-text { margin-bottom: 15px; color: #c9d5e9; font-size: clamp(0.875rem, 2vw, 1rem); line-height: 1.5; } .upk-camux-slider .upk-text p { margin: 0; } .upk-camux-slider .upk-meta { display: inline-flex; align-items: center; color: #c9d5e9; font-size: clamp(0.75rem, 1.5vw, 0.875rem); text-transform: uppercase; gap: 10px; } .upk-camux-slider .upk-meta .upk-name { text-decoration: none; color: #c9d5e9; transition: all 0.3s ease; } .upk-camux-slider .upk-meta .upk-name:hover { color: #D90429; } .upk-camux-slider .upk-meta .upk-post-time { margin-right: 5px; } .upk-camux-slider .upk-meta .upk-post-time i { margin-left: 2px; } .upk-camux-slider .upk-meta > div { position: relative; display: inline-flex; gap: 5px; } .upk-camux-slider .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-camux-slider .upk-meta > div:nth-child(1)::before { display: none; } .upk-camux-slider .upk-navigation-prev, .upk-camux-slider .upk-navigation-next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; cursor: pointer; padding: 8px; background: #2b2d42; display: inline-flex; border-radius: 4px; } .upk-camux-slider .upk-navigation-prev i, .upk-camux-slider .upk-navigation-next i { color: #fff; } .upk-camux-slider .upk-navigation-prev { right: 0; } .upk-camux-slider .upk-navigation-next { left: 0; } .upk-camux-thumbs { position: absolute !important; right: 50%; height: 80px; width: clamp(15.625rem, 60vw, 42.5rem); bottom: 0; transform: translateX(50%); } .upk-camux-thumbs .upk-item { border-radius: 6px; overflow: hidden; } .upk-camux-thumbs .swiper-slide-active { -webkit-mask-image: url(../images/mask/thumbs-active.svg); mask-image: url(../images/mask/thumbs-active.svg); -webkit-mask-position: center center; mask-position: center center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .upk-camux-thumbs .upk-img-wrap { position: relative; height: 100%; } .upk-camux-thumbs .upk-img-wrap .upk-img { cursor: pointer; } .upk-camux-thumbs .upk-comments { position: absolute; bottom: 0; right: 0; margin: 10px; background: #2b2d42; color: #fff; font-size: 10px; padding: 4px 6px; border-radius: 3px; text-transform: uppercase; } @media (min-width: 768px) { .upk-camux-thumbs { height: 110px; } } .upk-crystal-slider .swiper-carousel { height: clamp(31.25rem, 70vw, 46.875rem); padding-bottom: clamp(6.25rem, 12vw, 8.75rem); } .upk-crystal-slider .upk-item { overflow: visible; } .upk-crystal-slider .upk-item.swiper-slide-active .upk-content { opacity: 1; } .upk-crystal-slider .upk-img-wrap { width: 100%; height: 100%; } .upk-crystal-slider .upk-img-wrap .upk-img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; } .upk-crystal-slider .upk-content { position: absolute; bottom: -12%; right: 2rem; left: 2rem; max-width: 570px; text-align: center; background: #fff; padding: clamp(2.5rem, 7vw, 4.375rem) clamp(1.875rem, 5vw, 4.375rem); border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.027); opacity: 0; margin: auto; } .upk-crystal-slider .upk-content:hover .upk-link-btn a { transform: scale(1.1); } .upk-crystal-slider .upk-category { margin-bottom: clamp(0.625rem, 3vw, 1.25rem); } .upk-crystal-slider .upk-category a { font-size: clamp(0.688rem, 1.5vw, 0.75rem); color: #ef233c; background: rgba(239, 35, 59, 0.123); display: inline-block; padding: clamp(0.25rem, 1vw, 0.375rem) clamp(0.75rem, 2vw, 1rem); border-radius: 7px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .upk-crystal-slider .upk-category a:hover { color: #EDF2F4; background: #D90429; } .upk-crystal-slider .upk-title { font-size: clamp(1rem, 3vw, 1.875rem); margin: 0 0 clamp(0.625rem, 2vw, 1.125rem); } .upk-crystal-slider .upk-title a { color: #2B2D42; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .upk-crystal-slider .upk-title a:hover { color: #D90429; } .upk-crystal-slider .upk-meta { font-size: clamp(0.625rem, 1.5vw, 0.875rem); color: #656b74; display: inline-flex; align-items: center; } .upk-crystal-slider .upk-meta .upk-post-time { margin-right: 6px; } .upk-crystal-slider .upk-meta .upk-post-time i { margin-left: 2px; } .upk-crystal-slider .upk-meta > div { position: relative; display: inline-flex; align-items: center; } .upk-crystal-slider .upk-meta > div:before { content: attr(data-separator); margin: 0 10px; } .upk-crystal-slider .upk-meta > div:nth-child(1)::before { display: none; } .upk-crystal-slider .upk-author a { color: #32353a; padding-right: 4px; transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } .upk-crystal-slider .upk-author a:hover { color: #D90429; } .upk-crystal-slider .upk-separator { padding: 0 clamp(0.5rem, 1.5vw, 0.875rem); } .upk-crystal-slider .upk-date span { padding-right: 4px; } .upk-crystal-slider .upk-link-btn { position: absolute; top: -60px; right: 50%; transform: translateX(50%); } .upk-crystal-slider .upk-link-btn a { font-size: clamp(1rem, 2.5vw, 1.25rem); padding: clamp(0.938rem, 3vw, 1.563rem); color: #2B2D42; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; background: #fff; transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); box-shadow: 0px 5px 20px rgba(19, 18, 18, 0.082); } .upk-crystal-slider .upk-pagination-wrap { position: absolute; bottom: 0; right: 50%; transform: translateX(50%); z-index: 1; } .upk-crystal-slider .upk-pagination-wrap .upk-pagination { display: flex; grid-column-gap: 14px; } .upk-crystal-slider .upk-pagination-wrap .swiper-pagination-bullet { width: clamp(0.75rem, 1.5vw, 0.938rem); height: clamp(0.75rem, 1.5vw, 0.938rem); display: inline-block; border-radius: 50%; margin: 0 !important; background: #ff0021; border: 2px solid #ff6d6d; border-radius: 5px; } .upk-crystal-slider .upk-navigation-next, .upk-crystal-slider .upk-navigation-prev { position: absolute; top: 38%; z-index: 1; padding: clamp(0.75rem, 2.5vw, 1.125rem); color: #2B2D42; background: #fff; display: flex; border-radius: 10px; transition: all 0.3s ease; cursor: pointer; } .upk-crystal-slider .upk-navigation-next:hover, .upk-crystal-slider .upk-navigation-prev:hover { color: #EDF2F4; background: #D90429; } .upk-crystal-slider .upk-navigation-next { left: 5%; } .upk-crystal-slider .upk-navigation-prev { right: 5%; } @media (min-width: 768px) { .upk-crystal-slider .upk-link-btn { top: -76px; } } @media (min-width: 1024px) { .upk-crystal-slider .upk-link-btn { top: -105px; } } :root { --upk-category-carousel-item-height: 400px; --upk-category-carousel-counter: 25px; } .upk-category-carousel .category-link { text-decoration: none; } .upk-category-carousel .upk-item { position: relative; transition: all 0.3s ease; overflow: hidden; border: 1px solid #ece8e8; border-radius: 10px; } .upk-category-carousel .upk-content { position: absolute; } .upk-category-carousel .upk-category-carousel-image img { width: 100%; height: 100%; object-fit: cover; } .upk-category-carousel .title { color: #2b2d42; font-size: 18px; font-weight: 700; line-height: 22px; margin: 0; text-transform: uppercase; text-decoration: none; transition: all 0.3s ease; margin-bottom: 6px; } .upk-category-carousel .title:hover { color: #d90429; } .upk-category-carousel .upk-category-count { color: #ef233c; font-size: 13px; text-transform: uppercase; margin: 0; transition: all 0.3s ease; } .upk-category-carousel .upk-category-count .upk-count-text { padding-right: 5px; } .upk-category-carousel .swiper-carousel { margin: 0 !important; padding: 0 !important; } .upk-category-carousel .upk-slidenav { background: #ef233c; padding: 5px; text-align: center; font-size: 14px; border-radius: 100px; color: #fff; transition: all 0.3s ease; } .upk-category-carousel .upk-slidenav:hover { color: #fff; background: #d90429; } .upk-category-carousel .upk-item-overlay { position: absolute; top: 0; right: 0; height: 100%; width: 100%; background: transparent; } .upk-category-carousel.style-1 .upk-item:hover { transition: all 0.3s ease; } .upk-category-carousel.style-1 .upk-category-carousel-image { object-fit: cover; min-height: 240px; height: 100%; width: 100%; } .upk-category-carousel.style-1 .upk-content { text-align: center; padding: 20px; width: 200px; background: rgba(255, 255, 255, 0.582); border-radius: 5px; top: 50%; right: 50%; transform: translate(50%, -50%); z-index: 1; } .upk-category-carousel.style-2 .upk-item { height: 100px; overflow: hidden; } .upk-category-carousel.style-2 .upk-item:hover .upk-category-carousel-image img { transform: scale(1.1); } .upk-category-carousel.style-2 .upk-category-carousel-image { width: 100%; height: 100%; } .upk-category-carousel.style-2 .upk-category-carousel-image img { transition: all 0.3s ease; } .upk-category-carousel.style-2 .upk-content { top: 50%; transform: translateY(-50%); display: flex; align-items: center; width: 100%; padding: 20px; z-index: 1; } .upk-category-carousel.style-2 .title { color: #fff; margin: 0; } .upk-category-carousel.style-2 .title:hover { color: #d90429; } .upk-category-carousel.style-2 .upk-category-count { margin-right: auto; } .upk-category-carousel.style-2 .upk-count-text { display: none; } .upk-category-carousel.style-2 .upk-count-number { background: #fff; color: #2b2d42; width: 30px; height: 30px; line-height: 30px; text-align: center; display: inherit; border-radius: 100px; } .upk-category-carousel.style-2 .upk-count-number:hover { color: #fff; background: #d90429; } .upk-category-carousel.style-3 .upk-item { background: #fff; } .upk-category-carousel.style-3 .upk-content { position: static; padding: 20px; z-index: 1; } .upk-category-carousel.style-3 .upk-category-carousel-image { object-fit: cover; height: 240px; width: 100%; } .upk-category-carousel.style-4 .upk-item:hover .upk-category-carousel-image img { transform: scale(1.1); } .upk-category-carousel.style-4 .upk-item:hover .title { transform: translateY(0); } .upk-category-carousel.style-4 .upk-item:hover .upk-category-count { opacity: 1; transform: translateY(0); } .upk-category-carousel.style-4 .upk-category-carousel-image { object-fit: cover; height: 220px; width: 100%; } .upk-category-carousel.style-4 .upk-category-carousel-image img { transition: all 0.3s ease; } .upk-category-carousel.style-4 .upk-content { bottom: 0; padding: 20px; overflow: hidden; z-index: 1; } .upk-category-carousel.style-4 .title { color: #fff; transform: translateY(30px); transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease; } .upk-category-carousel.style-4 .title:hover { color: #d90429; } .upk-category-carousel.style-4 .upk-category-count { color: #d4d7ea; opacity: 0; transform: translateY(25px); overflow: hidden; transition: transform 0.4s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.4s step-end, opacity 0.4s ease; } .upk-category-carousel.style-5 .upk-item { display: flex; align-items: center; justify-content: center; } .upk-category-carousel.style-5 .upk-item .upk-category-carousel-image { height: 220px; } .upk-category-carousel.style-5 .upk-item:hover .upk-category-carousel-image img { transform: scale(1.1); } .upk-category-carousel.style-5 .upk-item:hover .title { opacity: 0; } .upk-category-carousel.style-5 .upk-item:hover .upk-category-count { opacity: 1; transform: scale(1.1) translateY(-10px); } .upk-category-carousel.style-5 .upk-category-carousel-image { height: 100%; width: 100%; object-fit: cover; } .upk-category-carousel.style-5 .upk-category-carousel-image img { transition: all 0.3s ease; } .upk-category-carousel.style-5 .upk-content { top: 50%; transform: translateY(-50%); text-align: center; z-index: 1; } .upk-category-carousel.style-5 .title { background-color: #2b2d42; padding: 8px 20px; border-radius: 2px; color: #fff; font-size: 14px; line-height: 1; transform: translateY(20px); opacity: 1; transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease; } .upk-category-carousel.style-5 .title:hover { color: #d90429; } .upk-category-carousel.style-5 .upk-category-count { color: #fff; transform: translateY(-10px); opacity: 0; transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease; line-height: 1; } .upk-category-carousel.style-6 .upk-item { display: flex; align-items: center; justify-content: center; border-radius: 0; } .upk-category-carousel.style-6 .upk-item:hover .upk-category-carousel-image:before { background: rgba(43, 45, 66, 0.3764705882); } .upk-category-carousel.style-6 .upk-item:hover .title { transform: translateY(0); } .upk-category-carousel.style-6 .upk-item:hover .title:hover { color: #d90429; } .upk-category-carousel.style-6 .upk-item:hover .upk-category-count { transform: translateY(0); opacity: 1; } .upk-category-carousel.style-6 .upk-category-carousel-image { position: relative; object-fit: cover; height: 220px; width: 100%; } .upk-category-carousel.style-6 .upk-category-carousel-image:before { position: absolute; content: ""; width: 100%; height: 100%; background: #2b2d42; transition: all 0.3s ease; } .upk-category-carousel.style-6 .upk-content { top: 50%; transform: translateY(-50%); text-align: center; z-index: 1; } .upk-category-carousel.style-6 .title { color: #e6edef; transform: translateY(12px); transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease; } .upk-category-carousel.style-6 .upk-category-count { transform: translateY(20px); opacity: 0; transition: transform 0.3s cubic-bezier(0.17, 0.73, 0.66, 0.99) 0s, z-index 0.3s step-end, opacity 0.3s ease; } .upk-category-carousel .upk-item-overlay { transition: all 0.3s ease; } .upk-item-match-height--yes .upk-category-carousel .swiper-slide { height: initial; } :root { --carbon-thumb-height: clamp(6rem, 12vw, 8.125rem); } .upk-carbon-slider-wrap { position: relative; overflow: hidden; } .upk-carbon-slider-wrap .upk-image-wrap { width: 100%; height: 100%; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .upk-carbon-slider-wrap .upk-image-wrap .upk-img { width: 100%; height: clamp(16.875rem, 40vw, 31.25rem); object-fit: cover; vertical-align: middle; border-radius: 10px; } .upk-carbon-slider-wrap .upk-carbon-thumbs { position: absolute; text-align: center; top: 0; left: 0; right: 0; } .upk-carbon-slider-wrap .upk-carbon-thumbs::before { content: ""; position: absolute; width: 92%; height: 2px; top: 50%; right: 4%; left: 4%; transform: translateY(-50%); background-image: linear-gradient(to left, transparent, #EF233C, transparent); } .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-item { height: var(--carbon-thumb-height); position: relative; } .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-item.swiper-slide-active .upk-dot::after { background: #D90429; transform: translate(50%, -50%) scale(1.8); transition-delay: 700ms; } .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-date, .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-post-time { font-size: clamp(0.75rem, 1.5vw, 1rem); text-transform: uppercase; font-weight: 700; color: #EF233C; } .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-post-time { margin-right: 5px; } .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-post-time i { margin-left: 2px; } .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-dot { cursor: pointer; } .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-dot::after { content: ""; position: absolute; width: clamp(0.938rem, 2vw, 1.25rem); height: clamp(0.938rem, 2vw, 1.25rem); border-radius: 100%; background: #ffffff; border-width: 2px; border-color: #EF233C; border-style: solid; top: 50%; right: 50%; transform: translate(50%, -50%) scale(1); transition: transform 0.3s ease; } .upk-carbon-slider-wrap .upk-carbon-thumbs .upk-dot:hover::after { background: #D90429; transform: translate(50%, -50%) scale(1.2); } .upk-carbon-slider-wrap .upk-carbon-main { margin-top: var(--carbon-thumb-height); } .upk-carbon-slider-wrap .upk-carbon-main .upk-item.swiper-slide-active .upk-content { opacity: 1; } .upk-carbon-slider-wrap .upk-carbon-main .upk-content { opacity: 0; margin: auto; width: 100%; } .upk-carbon-slider-wrap .upk-carbon-main .upk-category-and-comment, .upk-carbon-slider-wrap .upk-carbon-main .upk-meta { display: inline-flex; align-items: center; margin-bottom: clamp(0.625rem, 1vw, 0.875rem); } .upk-carbon-slider-wrap .upk-carbon-main .upk-category a + a { margin-right: 5px; } .upk-carbon-slider-wrap .upk-carbon-main .upk-category a, .upk-carbon-slider-wrap .upk-carbon-main .upk-meta { font-size: clamp(0.75rem, 1vw, 0.875rem); color: #515258; text-transform: uppercase; } .upk-carbon-slider-wrap .upk-carbon-main .upk-category a, .upk-carbon-slider-wrap .upk-carbon-main .upk-title a, .upk-carbon-slider-wrap .upk-carbon-main .upk-author a { text-decoration: none; transition: all 0.3s ease-in-out; } .upk-carbon-slider-wrap .upk-carbon-main .upk-category a:hover, .upk-carbon-slider-wrap .upk-carbon-main .upk-title a:hover, .upk-carbon-slider-wrap .upk-carbon-main .upk-author a:hover { color: #D90429; } .upk-carbon-slider-wrap .upk-carbon-main .upk-title { margin: 0 0 clamp(0.625rem, 1vw, 0.875rem); font-size: clamp(1.25rem, 4vw, 2.25rem); font-weight: 700; } .upk-carbon-slider-wrap .upk-carbon-main .upk-title a { color: #282932; } .upk-carbon-slider-wrap .upk-carbon-main .upk-meta i { margin-left: 5px; } .upk-carbon-slider-wrap .upk-carbon-main .upk-meta .upk-author a { color: #515258; } .upk-carbon-slider-wrap .upk-carbon-main .upk-meta > div { position: relative; display: inline-flex; align-items: center; } .upk-carbon-slider-wrap .upk-carbon-main .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-carbon-slider-wrap .upk-carbon-main .upk-meta > div:nth-child(1)::before { display: none; } .upk-carbon-slider-wrap .upk-carbon-main .upk-post-time { margin-right: 15px; } .upk-carbon-slider-wrap .upk-carbon-main .upk-separator { margin: 0 15px; } .upk-carbon-slider-wrap .upk-carbon-main .upk-text { font-size: clamp(0.875rem, 1.5vw, 1rem); color: #62626a; } .upk-carbon-slider-wrap .upk-carbon-main .upk-text p { margin: 0; } .upk-carbon-slider-wrap .upk-navigation-button { position: absolute; top: 50%; transform: translateY(-50%); color: #fff; padding: clamp(0.625rem, 1.5vw, 0.875rem); border-radius: 50%; transition: all 0.3s ease; background-color: #EF233C; z-index: 1; cursor: pointer; box-shadow: 0; } .upk-carbon-slider-wrap .upk-navigation-button i { display: block; } .upk-carbon-slider-wrap .upk-navigation-button:hover { background-color: #D90429; } .upk-carbon-slider-wrap .upk-navigation-button.upk-navigation-next { left: 0; } .upk-carbon-slider-wrap .upk-navigation-button.upk-navigation-prev { right: 0; } .upk-pholox-slider .upk-item:hover .upk-img { transform: scale(1.2); } .upk-pholox-slider .upk-img { display: block; width: 100%; height: 100%; object-fit: cover; transform: scale(1); transition: transform 2s cubic-bezier(0.215, 0.61, 0.355, 1); } .upk-pholox-slider .upk-img-wrap { overflow: hidden; position: relative; width: 100%; } .upk-pholox-slider .upk-play-btn { position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); line-height: 1; } .upk-pholox-slider .upk-play-btn a { background: #fff; display: inline-block; text-align: center; color: #2B2D42; border-radius: 100px; } .upk-pholox-slider .upk-title { font-weight: 700; text-transform: capitalize; } .upk-pholox-slider .upk-title a { color: #2B2D42; } .upk-pholox-slider .upk-title a:hover { color: #D90429; } .upk-pholox-slider .upk-category a + a { margin-right: 5px; } .upk-pholox-slider .upk-category a, .upk-pholox-slider .upk-author a { text-decoration: none; transition: color 0.3s ease-in; } .upk-pholox-slider .upk-category a:hover, .upk-pholox-slider .upk-author a:hover { color: #D90429; } .upk-pholox-slider .upk-category a, .upk-pholox-slider .upk-meta { font-size: 0.75rem; color: #4a5362; text-transform: uppercase; } .upk-pholox-slider .upk-play-btn a { transform: scale(1); transition: transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1); } .upk-pholox-slider .upk-play-btn a:hover { transform: scale(1.2); background: #D90429; color: #fff; } .upk-pholox-slider .upk-main-slider { display: flex; flex-direction: row; height: 100%; position: relative; margin-bottom: clamp(0.938rem, 4vw, 1.875rem); } .upk-pholox-slider .upk-main-slider .upk-item { position: relative; display: block; flex-direction: row-reverse; } .upk-pholox-slider .upk-main-slider .upk-img-wrap { height: 250px; } .upk-pholox-slider .upk-main-slider .upk-width-100 { width: 100% !important; transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } .upk-pholox-slider .upk-main-slider .upk-category { margin-bottom: 10px; } .upk-pholox-slider .upk-main-slider .upk-play-btn a { width: clamp(3.75rem, 7vw, 4.375rem); height: clamp(3.75rem, 7vw, 4.375rem); line-height: clamp(3.75rem, 7vw, 4.375rem); font-size: clamp(0.75rem, 1.5vw, 0.875rem); } .upk-pholox-slider .upk-main-slider .upk-content { position: unset; max-width: clamp(24rem, 45vw, 31.25rem); overflow: hidden; background: #fff; padding-top: 20px; } .upk-pholox-slider .upk-main-slider .upk-title { font-size: clamp(1.125rem, 3vw, 1.875rem); margin-top: 0; margin-bottom: 10px; } .upk-pholox-slider .upk-main-slider .upk-meta { display: inline-flex; flex-wrap: wrap; align-items: center; } .upk-pholox-slider .upk-main-slider .upk-meta > div { position: relative; display: inline-flex; align-items: center; } .upk-pholox-slider .upk-main-slider .upk-meta > div:before { content: attr(data-separator); margin: 0 8px; } .upk-pholox-slider .upk-main-slider .upk-meta > div:nth-child(1)::before { display: none; } .upk-pholox-slider .upk-main-slider .upk-author a { padding-right: 5px; color: currentColor; } .upk-pholox-slider .upk-main-slider .upk-date span { padding-right: 5px; } .upk-pholox-slider .upk-main-slider .upk-separator { margin: 0 15px; } .upk-pholox-slider .upk-thumbs-slider .upk-item:after { content: ""; position: absolute; height: 3px; width: 0; background: #e62a3f; top: 0; right: 0; transition: width 0.7s ease-in-out; z-index: 1; } .upk-pholox-slider .upk-thumbs-slider .upk-item:hover:after, .upk-pholox-slider .upk-thumbs-slider .upk-item.swiper-slide-active:after { width: 100%; } .upk-pholox-slider .upk-thumbs-slider .upk-img-wrap { height: 100%; } .upk-pholox-slider .upk-thumbs-slider .upk-play-btn a { width: clamp(2.5rem, 5vw, 3rem); height: clamp(2.5rem, 5vw, 3rem); line-height: clamp(2.5rem, 5vw, 3rem); font-size: clamp(0.625rem, 1.5vw, 0.75rem); } .upk-pholox-slider .upk-thumbs-slider .upk-content { padding: 15px 0 0 15px; } .upk-pholox-slider .upk-thumbs-slider .upk-title { margin: 0; font-size: clamp(0.75rem, 2vw, 1rem); } .upk-pholox-slider .upk-thumbs-slider .upk-title a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .upk-pholox-slider .upk-video-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: -1; } .upk-pholox-slider .upk-video-wrap .upk-video-iframe { width: 100%; height: 100%; border: none !important; } @media (min-width: 768px) { .upk-pholox-slider .upk-main-slider { height: clamp(25rem, 40vw, 31.25rem); } .upk-pholox-slider .upk-main-slider .upk-item { display: flex; } .upk-pholox-slider .upk-main-slider .upk-content { position: absolute; top: 50%; transform: translateY(-50%); bottom: unset; } .upk-pholox-slider .upk-main-slider .upk-img-wrap { width: clamp(74%, 30vw, 80%); height: 100%; } .upk-pholox-slide-style-left .upk-main-slider .upk-item { flex-direction: row-reverse; } .upk-pholox-slide-style-left .upk-main-slider .upk-content { right: 0; padding: clamp(3.75rem, 5vw, 4.375rem) 0 clamp(3.75rem, 5vw, 4.375rem) clamp(1.25rem, 3vw, 1.875rem); } .upk-pholox-slide-style-right .upk-main-slider .upk-item { flex-direction: row; } .upk-pholox-slide-style-right .upk-main-slider .upk-content { left: 0; padding: clamp(3.75rem, 5vw, 4.375rem) clamp(1.25rem, 3vw, 1.875rem) clamp(3.75rem, 5vw, 4.375rem) 0; text-align: left; } } .upk-snog-slider-wrap { overflow: hidden; position: relative; } .upk-snog-slider-wrap .upk-main-slider { position: relative; z-index: 11; margin-left: 0; } .upk-snog-slider-wrap .upk-main-slider .swiper-wrapper { position: absolute; top: 0; right: 0; left: 0; } .upk-snog-slider-wrap .upk-main-slider .upk-image-wrap { position: relative; overflow: hidden; } .upk-snog-slider-wrap .upk-main-slider .upk-image-wrap::before { position: absolute; content: ""; top: 0; right: 0; width: 100%; height: 100%; background-image: linear-gradient(-54deg, rgba(0, 0, 0, 0.49), transparent); } .upk-snog-slider-wrap .upk-main-slider .upk-img { width: 100%; overflow: hidden; } .upk-snog-slider-wrap .upk-text { font-size: 14px; margin-bottom: 20px; } .upk-snog-slider-wrap .upk-text p { margin: 0; } .upk-snog-slider-wrap .upk-main-slider, .upk-snog-slider-wrap .upk-snog-thumbs { height: 500px; } .upk-snog-slider-wrap .upk-snog-thumbs { position: absolute; top: 0; left: 0; width: 30%; min-width: 30%; overflow: hidden; display: none; } .upk-snog-slider-wrap .upk-snog-thumbs .upk-item .upk-image-wrap { opacity: 0; visibility: hidden; transition: all 0.7s ease-in-out; } .upk-snog-slider-wrap .upk-snog-thumbs .upk-item.swiper-slide-duplicate-prev .upk-image-wrap, .upk-snog-slider-wrap .upk-snog-thumbs .upk-item.swiper-slide-prev .upk-image-wrap, .upk-snog-slider-wrap .upk-snog-thumbs .upk-item.swiper-slide-duplicate-next .upk-image-wrap, .upk-snog-slider-wrap .upk-snog-thumbs .upk-item.swiper-slide-next .upk-image-wrap { opacity: 1; visibility: visible; } .upk-snog-slider-wrap .upk-snog-thumbs .upk-img { width: 100%; } .upk-snog-slider-wrap .upk-image-wrap { width: 100%; height: 100%; } .upk-snog-slider-wrap .upk-img { width: 100%; height: 100% !important; object-fit: cover; vertical-align: middle; } .upk-snog-slider-wrap .upk-content-slider { position: absolute; top: 50%; left: 0; z-index: 11; transform: translateY(-50%); width: 40%; min-width: 275px; } .upk-snog-slider-wrap .upk-content-slider .swiper-slide-active .upk-link-btn a, .upk-snog-slider-wrap .upk-content-slider .swiper-slide-duplicate .upk-link-btn a { opacity: 1; } .upk-snog-slider-wrap .upk-content-wrap { min-height: 240px; background-color: #fff; overflow: hidden; } .upk-snog-slider-wrap .upk-inner-content { position: absolute; top: 50%; transform: translateY(-50%); padding: 30px 20px 30px 55px; width: 100%; } .upk-snog-slider-wrap .upk-category { margin-bottom: 10px; } .upk-snog-slider-wrap .upk-category a { font-size: 12px; text-transform: uppercase; color: #5a5a73; font-weight: 600; transition: all 0.3s ease; } .upk-snog-slider-wrap .upk-category a:hover { color: rgba(223, 6, 6, 0.952); } .upk-snog-slider-wrap .upk-meta { display: inline-flex; align-items: center; margin: 0 0 5px; font-size: 12px; text-transform: uppercase; color: #5a5a73; } .upk-snog-slider-wrap .upk-meta span.upk-by { padding-left: 5px; } .upk-snog-slider-wrap .upk-meta .upk-post-time { margin-right: 5px; } .upk-snog-slider-wrap .upk-meta .upk-post-time i { margin-left: 2px; } .upk-snog-slider-wrap .upk-meta > div { position: relative; display: inline-flex; } .upk-snog-slider-wrap .upk-meta > div:before { content: attr(data-separator); margin: 0 8px; } .upk-snog-slider-wrap .upk-meta > div:nth-child(1)::before { display: none; } .upk-snog-slider-wrap .upk-author { display: none; } .upk-snog-slider-wrap .upk-author a { color: rgba(16, 16, 17, 0.955); transition: all 0.3s ease; } .upk-snog-slider-wrap .upk-author a:hover { color: rgba(223, 6, 6, 0.952); } .upk-snog-slider-wrap .upk-title { font-size: 20px; text-transform: capitalize; font-weight: 700; margin: 0 0 20px; } .upk-snog-slider-wrap .upk-title a { color: rgba(16, 16, 17, 0.955); text-decoration: none; transition: all 0.3s ease; } .upk-snog-slider-wrap .upk-title a:hover { color: rgba(223, 6, 6, 0.952); } .upk-snog-slider-wrap .upk-link-btn a { font-size: 9px; font-weight: 700; color: rgba(61, 61, 75, 0.96); text-transform: uppercase; line-height: 1.4; transition: color 0.3s ease; position: relative; opacity: 0; } .upk-snog-slider-wrap .upk-link-btn a::before { position: absolute; content: ""; bottom: -7px; right: 0; width: 30%; height: 2px; background-color: rgba(223, 6, 6, 0.952); transition: width 0.3s ease; } .upk-snog-slider-wrap .upk-link-btn a:hover { color: rgba(223, 6, 6, 0.952); } .upk-snog-slider-wrap .upk-link-btn a:hover::before { width: 100%; } .upk-snog-slider-wrap .upk-navigation-wrap { position: absolute; top: 50%; left: 0; transform: translateY(-50%); z-index: 1; display: flex; flex-direction: column; grid-row-gap: 0; } .upk-snog-slider-wrap .upk-nav-btn { background-color: #000; cursor: pointer; transition: all 0.3s ease; padding: 10px; display: inline-flex; } .upk-snog-slider-wrap .upk-nav-btn i { color: #fff; } .upk-snog-slider-wrap .upk-nav-btn:hover { background-color: rgba(223, 6, 6, 0.952); } .upk-snog-slider-wrap .upk-pagination-wrap { position: absolute; top: 50%; right: 0; padding: 20px; transform: translateY(-50%); z-index: 9999; } .upk-snog-slider-wrap .upk-pagination-wrap .upk-pagination { display: flex; flex-direction: column; grid-row-gap: 10px; } .upk-snog-slider-wrap .upk-pagination-wrap .swiper-pagination-bullet { position: relative; display: inline-flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700; color: #f4f5fd; background-color: transparent; border-radius: 0; counter-increment: counter; width: auto !important; height: auto !important; margin: 0 !important; opacity: 1; overflow: hidden; transition: all 0.4s ease; } .upk-snog-slider-wrap .upk-pagination-wrap .swiper-pagination-bullet.swiper-pagination-bullet-active { transform: scale(1.5); color: rgba(223, 6, 6, 0.952); margin-right: 10px; } .upk-snog-slider-wrap .upk-pagination-wrap .swiper-pagination-bullet::before { content: counters(counter, ".", decimal-leading-zero); transition: all 0.4s ease; } @media (min-width: 768px) { .upk-snog-slider-wrap .upk-main-slider, .upk-snog-slider-wrap .upk-snog-thumbs { height: 600px; } .upk-snog-slider-wrap .upk-content-slider { min-width: 490px; left: 11%; } .upk-snog-slider-wrap .upk-snog-thumbs { display: block; } .upk-snog-slider-wrap .upk-main-slider { margin-left: 22%; } .upk-snog-slider-wrap .upk-content-wrap { min-height: 360px; } .upk-snog-slider-wrap .upk-content-wrap .upk-inner-content { padding: 50px 50px 50px 94px; } .upk-snog-slider-wrap .upk-title { font-size: 30px; margin: 0 0 30px; } .upk-snog-slider-wrap .upk-meta { margin: 0 0 15px; font-size: 13px; } .upk-snog-slider-wrap .upk-author { display: inline-flex; } .upk-snog-slider-wrap .upk-category a { font-size: 13px; } .upk-snog-slider-wrap .upk-link-btn a { font-size: 13px; } .upk-snog-slider-wrap .upk-pagination-wrap { padding: 60px; } .upk-snog-slider-wrap .upk-nav-btn { padding: 15px; } } @media (min-width: 1024px) { .upk-snog-slider-wrap .upk-content-wrap .upk-inner-content { padding: 50px 60px 50px 140px; } .upk-snog-slider-wrap .upk-main-slider, .upk-snog-slider-wrap .upk-snog-thumbs { height: 700px; } .upk-snog-slider-wrap .upk-content-slider { min-width: 592px; } } @media (min-width: 1440px) { .upk-snog-slider-wrap .upk-title { font-size: 30px; margin: 0 0 50px; } } .upk-exotic-list { position: relative; } .upk-exotic-list .upk-item { display: inline-flex; flex-direction: column; grid-row-gap: 20px; margin-bottom: 30px; width: 100%; } .upk-exotic-list .upk-item:nth-last-child(1) { margin-bottom: 0 !important; } .upk-exotic-list .upk-image-wrap { width: 100%; height: 100%; position: static; top: 0; overflow: hidden; } .upk-exotic-list .upk-img { width: 100%; height: 100%; object-fit: cover; } .upk-exotic-list .upk-content-wrap { width: 100%; display: inline-block; align-items: center; grid-column-gap: 0; } .upk-exotic-list .upk-date-wrap { font-size: 14px; text-transform: capitalize; color: #676c7e; margin-bottom: 10px; display: inline-flex; } .upk-exotic-list .upk-title { font-size: 22px; font-weight: 700; text-transform: capitalize; text-decoration: none; margin: 0 0 5px; position: relative; } .upk-exotic-list .upk-title a { color: #131415; text-decoration: none; transition: all 0.3s ease-in-out; } .upk-exotic-list .upk-title a:hover { color: #db180a; } .upk-exotic-list .upk-category a { color: #676c7e; text-decoration: none; transition: all 0.3s ease-in-out; } .upk-exotic-list .upk-category a:hover { color: #db180a; } .upk-exotic-list .upk-category a + a { margin-right: 5px; } .upk-exotic-list .upk-author a { color: #676c7e; text-decoration: none; transition: all 0.3s ease-in-out; } .upk-exotic-list .upk-author a:hover { color: #db180a; } .upk-exotic-list .upk-meta { font-size: 14px; color: #4b4c58; display: inline-flex; align-items: center; text-transform: capitalize; } .upk-exotic-list .upk-meta > div { position: relative; display: inline-flex; } .upk-exotic-list .upk-meta > div:before { content: attr(data-separator); margin: 0 5px; } .upk-exotic-list .upk-meta > div:nth-child(1)::before { display: none; } @media (min-width: 768px) { .upk-exotic-list { grid-template-columns: repeat(3, 1fr); } .upk-exotic-list .upk-content-wrap { width: 48%; } .upk-exotic-list .upk-content-wrap:hover + .upk-image-wrap .upk-img { opacity: 1; visibility: visible; transform: scale(1); z-index: 1; } .upk-exotic-list .upk-image-wrap { width: 48%; position: absolute; } .upk-exotic-list .upk-image-wrap .upk-img { opacity: 0; visibility: hidden; transform: scale(1.15); transition: opacity 0.65s, visibility 0.65s, transform 0.65s; transition-timing-function: cubic-bezier(0.16, 0.9, 0.7, 1); } .upk-exotic-list .upk-item { margin-bottom: 50px; grid-row-gap: 0; } .upk-exotic-list .upk-item:nth-child(1) .upk-content-wrap + .upk-image-wrap .upk-img { opacity: 1; visibility: visible; } .upk-exotic-list.upk-image-direction-right .upk-item { flex-direction: row; } .upk-exotic-list.upk-image-direction-right .upk-image-wrap { left: 0; } .upk-exotic-list.upk-image-direction-left .upk-item { flex-direction: row-reverse; } .upk-exotic-list.upk-image-direction-left .upk-content-wrap { flex-direction: row-reverse; } .upk-exotic-list.upk-image-direction-left .upk-image-wrap { right: 0; } } @media (min-width: 1024px) { .upk-exotic-list { grid-template-columns: repeat(3, 1fr); } .upk-exotic-list .upk-content-wrap { display: inline-flex; width: 65%; grid-column-gap: 40px; } .upk-exotic-list .upk-content-wrap .upk-inner-content { width: 60%; } .upk-exotic-list .upk-image-wrap { width: 35%; } .upk-exotic-list .upk-item { margin-bottom: 78px; } } @media (min-width: 1440px) { .upk-exotic-list .upk-date-wrap { font-size: 16px; margin-bottom: 0; } .upk-exotic-list .upk-title { font-size: 27px; } } .upk-global-link-yes .upk-exotic-list .upk-item:hover { cursor: pointer; } .upk-gratis-grid .upk-gratis-wrap { display: grid; } .upk-gratis-grid .upk-item { position: relative; cursor: pointer; overflow: hidden; transition: all 0.3s ease; } .upk-gratis-grid .upk-item:hover .upk-img-wrap::before, .upk-gratis-grid .upk-item.active .upk-img-wrap::before { height: 0; transition-delay: 0.1s; } .upk-gratis-grid .upk-item:hover .upk-img-wrap::after, .upk-gratis-grid .upk-item.active .upk-img-wrap::after { opacity: 1; transition-delay: 0.2s; } .upk-gratis-grid .upk-item:hover .upk-category a, .upk-gratis-grid .upk-item:hover .upk-meta, .upk-gratis-grid .upk-item:hover .upk-author-name, .upk-gratis-grid .upk-item.active .upk-category a, .upk-gratis-grid .upk-item.active .upk-meta, .upk-gratis-grid .upk-item.active .upk-author-name { color: #e4e4e4; } .upk-gratis-grid .upk-item:hover .upk-title a, .upk-gratis-grid .upk-item.active .upk-title a { color: #fff; } .upk-gratis-grid .upk-item:hover .upk-link-button a, .upk-gratis-grid .upk-item.active .upk-link-button a { color: #434549; background-color: #fff; transition-delay: 0.1s; } .upk-gratis-grid .upk-item:hover .upk-link-button a:hover, .upk-gratis-grid .upk-item.active .upk-link-button a:hover { color: #fff; } .upk-gratis-grid .upk-item .upk-link-button a:hover { color: #fff; } .upk-gratis-grid .upk-img-wrap { position: relative; height: 450px; } .upk-gratis-grid .upk-img-wrap::before, .upk-gratis-grid .upk-img-wrap::after, .upk-gratis-grid .upk-img-wrap::before, .upk-gratis-grid .upk-img-wrap::after { content: ""; position: absolute; top: 0; right: 0; width: 100%; height: 100%; } .upk-gratis-grid .upk-img-wrap::before { transition: height 0.2s ease-in; } .upk-gratis-grid .upk-img-wrap::after { opacity: 0; transition: opacity 0.2s ease-in; } .upk-gratis-grid .upk-img { width: 100%; height: 100% !important; object-fit: cover; display: block; } .upk-gratis-grid .upk-content-wrap { position: absolute; width: 100%; right: 0; padding: 40px; bottom: 0; } .upk-gratis-grid .upk-category, .upk-gratis-grid .upk-gratis-wrap .upk-title { margin: 0 0 15px; } .upk-gratis-grid .upk-category a, .upk-gratis-grid .upk-gratis-wrap .upk-title a { text-decoration: none; transition: all 0.3s ease; } .upk-gratis-grid .upk-category a, .upk-gratis-grid .upk-meta { font-size: 14px; text-transform: uppercase; color: #434549; transition: color 0.3s ease, background-color 0.3s ease, border 0.3s ease; } .upk-gratis-grid .upk-gratis-wrap .upk-title { font-size: 30px; font-weight: 700; } .upk-gratis-grid .upk-gratis-wrap .upk-title a { color: #131314; } .upk-gratis-grid .upk-meta { gap: 10px; } .upk-gratis-grid .upk-meta .upk-date-reading > div { position: relative; display: inline-flex; } .upk-gratis-grid .upk-meta .upk-date-reading > div:before { content: attr(data-separator); margin: 0 5px; } .upk-gratis-grid .upk-meta .upk-date-reading > div:nth-child(1)::before { display: none; } .upk-gratis-grid .upk-meta .upk-flex-middle { gap: 5px; } .upk-gratis-grid .upk-meta, .upk-gratis-grid .upk-author, .upk-gratis-grid .upk-date, .upk-gratis-grid .upk-link-button a { display: flex; align-items: center; } .upk-gratis-grid .upk-author, .upk-gratis-grid .upk-date { gap: 5px; } .upk-gratis-grid .upk-author-name { text-decoration: none; color: #434549; transition: color 0.3s ease; } .upk-gratis-grid .upk-meta svg { width: 1em; height: 1em; display: block; } .upk-gratis-grid .upk-gratis-line { margin: 30px 0; width: 100%; height: 1.2px; background-color: #bebebe; transition: background-color 0.3s ease; } .upk-gratis-grid .upk-link-button a { justify-content: space-between; background-color: #6f757f; padding: 14px; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #fff; position: relative; overflow: hidden; transition: color 0.3s ease, background-color 0.3s ease; } .upk-gratis-grid .upk-link-button a span, .upk-gratis-grid .upk-link-button a svg { z-index: 1; } .upk-gratis-grid .upk-link-button a::before { position: absolute; content: ""; top: 0; right: 0; width: 100%; height: 0; background: #ed0c0c; transition: height 0.3s ease; } .upk-gratis-grid .upk-link-button a:hover { color: #fff; } .upk-gratis-grid .upk-link-button a:hover::before { height: 100%; } .upk-global-link-yes .upk-gratis-grid .upk-item:hover { cursor: pointer; } [class*=elementor-widget-upk-] a:hover { text-decoration: none; } [class*=elementor-widget-upk-] .swiper-pagination .swiper-pagination-bullet { transition: all 350ms cubic-bezier(0.38, 0.91, 0.58, 1); } [class*=elementor-widget-upk-] .upk-title a { font-family: inherit; font-size: inherit; font-weight: inherit; text-transform: inherit; font-style: inherit; text-decoration: inherit; line-height: inherit; letter-spacing: inherit; word-spacing: inherit; }