| @@ -147,8 +147,139 @@ | ||
| 147 | 147 | width: 100%; |
| 148 | 148 | border-radius: inherit; |
| 149 | 149 | } |
| 150 | 150 | |
| 151 | +.elementor-widget-king-addons-media-grid .king-addons-grid[data-settings*="fitRows"] .king-addons-grid-media-wrap { | |
| 152 | + overflow: hidden; | |
| 153 | +} | |
| 154 | + | |
| 155 | +.elementor-widget-king-addons-media-grid .king-addons-grid[data-settings*="fitRows"] .king-addons-grid-image-wrap { | |
| 156 | + width: 100%; | |
| 157 | + height: 100%; | |
| 158 | +} | |
| 159 | + | |
| 160 | +.elementor-widget-king-addons-media-grid .king-addons-grid[data-settings*="fitRows"] .king-addons-grid-image-wrap img { | |
| 161 | + width: 100%; | |
| 162 | + height: 100%; | |
| 163 | + object-fit: cover; | |
| 164 | + object-position: center center; | |
| 165 | +} | |
| 166 | + | |
| 167 | +.king-addons-grid-media-wrap .king-addons-grid-video-play-icon { | |
| 168 | + position: absolute; | |
| 169 | + top: 50%; | |
| 170 | + left: 50%; | |
| 171 | + z-index: 4; | |
| 172 | + display: flex; | |
| 173 | + align-items: center; | |
| 174 | + justify-content: center; | |
| 175 | + width: 64px; | |
| 176 | + height: 64px; | |
| 177 | + border-radius: 50%; | |
| 178 | + background: rgba(255, 255, 255, 0.88); | |
| 179 | + color: #111111; | |
| 180 | + pointer-events: none; | |
| 181 | + transform: translate(-50%, -50%); | |
| 182 | + box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18); | |
| 183 | +} | |
| 184 | + | |
| 185 | +.king-addons-grid-media-wrap .king-addons-grid-video-play-icon i, | |
| 186 | +.king-addons-grid-media-wrap .king-addons-grid-video-play-icon svg { | |
| 187 | + font-size: 22px; | |
| 188 | + width: 22px; | |
| 189 | + height: 22px; | |
| 190 | +} | |
| 191 | + | |
| 192 | +.king-addons-grid-media-wrap .king-addons-grid-video-cover-placeholder { | |
| 193 | + display: block; | |
| 194 | + width: 100%; | |
| 195 | + min-height: 220px; | |
| 196 | + background: linear-gradient(135deg, #2f3542 0%, #57606f 100%); | |
| 197 | +} | |
| 198 | + | |
| 199 | +.lg-outer .lg-has-html5 .lg-video-play { | |
| 200 | + background: rgba(255, 255, 255, 0.92) !important; | |
| 201 | + border-radius: 50%; | |
| 202 | + opacity: 1 !important; | |
| 203 | +} | |
| 204 | + | |
| 205 | +.lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide { | |
| 206 | + display: flex !important; | |
| 207 | + align-items: center; | |
| 208 | + justify-content: center; | |
| 209 | + width: 100% !important; | |
| 210 | + height: 100% !important; | |
| 211 | + padding: 70px 80px 110px; | |
| 212 | + box-sizing: border-box; | |
| 213 | + text-align: center; | |
| 214 | +} | |
| 215 | + | |
| 216 | +.lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide::before { | |
| 217 | + display: none !important; | |
| 218 | +} | |
| 219 | + | |
| 220 | +.lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide .king-addons-lg-html5-video { | |
| 221 | + display: flex !important; | |
| 222 | + align-items: center; | |
| 223 | + justify-content: center; | |
| 224 | + width: 100%; | |
| 225 | + height: auto; | |
| 226 | + max-width: min(1140px, 100%); | |
| 227 | + padding: 0 !important; | |
| 228 | + vertical-align: initial; | |
| 229 | + position: static !important; | |
| 230 | + transform: none !important; | |
| 231 | +} | |
| 232 | + | |
| 233 | +.lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide .king-addons-lg-video-inner { | |
| 234 | + position: relative !important; | |
| 235 | + width: 100%; | |
| 236 | + max-width: 100%; | |
| 237 | + height: auto !important; | |
| 238 | + padding-bottom: 0 !important; | |
| 239 | + overflow: visible; | |
| 240 | +} | |
| 241 | + | |
| 242 | +.lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide video { | |
| 243 | + display: block; | |
| 244 | + width: 100%; | |
| 245 | + max-width: 100%; | |
| 246 | + height: auto; | |
| 247 | + max-height: calc(100vh - 160px); | |
| 248 | + max-height: calc(100dvh - 160px); | |
| 249 | + margin: 0 auto; | |
| 250 | + object-fit: contain; | |
| 251 | + background: #000000; | |
| 252 | + position: static !important; | |
| 253 | + left: auto !important; | |
| 254 | + top: auto !important; | |
| 255 | + transform: none !important; | |
| 256 | + opacity: 1 !important; | |
| 257 | + visibility: visible !important; | |
| 258 | +} | |
| 259 | + | |
| 260 | +@media (max-width: 1024px) { | |
| 261 | + .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide { | |
| 262 | + padding: 60px 24px 96px; | |
| 263 | + } | |
| 264 | + | |
| 265 | + .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide video { | |
| 266 | + max-height: calc(100vh - 140px); | |
| 267 | + max-height: calc(100dvh - 140px); | |
| 268 | + } | |
| 269 | +} | |
| 270 | + | |
| 271 | +@media (max-width: 767px) { | |
| 272 | + .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide { | |
| 273 | + padding: 56px 12px 88px; | |
| 274 | + } | |
| 275 | + | |
| 276 | + .lg-outer.king-addons-lg-has-video-slide .lg-item.king-addons-lg-video-slide video { | |
| 277 | + max-height: calc(100vh - 120px); | |
| 278 | + max-height: calc(100dvh - 120px); | |
| 279 | + } | |
| 280 | +} | |
| 281 | + | |
| 151 | 282 | .king-addons-grid-media-hover { |
| 152 | 283 | position: absolute; |
| 153 | 284 | top: 0; |
| 154 | 285 | left: 0; |
