/*
Theme Name: vizion Child
Theme URI: https://wordpress.iqonic.design/vizion/
Template: vizion
Author: the iQonic team
Author URI: https://iqonicthemes.com/
Description: vizion brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2019 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 3.4.1637579649
Updated: 2021-11-22 11:14:09

*/
.cbk-page--cubes{
  position:relative;
  width:100%;
  background:#fff;
  overflow:hidden;
}

.cbk-border-side{
  position:absolute;
  top:0; bottom:0;
  width:90px;
  pointer-events:none;
  z-index:1;
}

.cbk-border-side.left{ left:10px; }
.cbk-border-side.right{ right:10px; }

.cbk-cube{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:2px;
  box-shadow:0 0 2px rgba(0,0,0,.15);
  transform-origin:center;
  animation-name: cbk-cube-spin;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes cbk-cube-spin{
  0%{ transform: rotate3d(0,1,0,0deg); }
  50%{ transform: rotate3d(0,1,0,180deg); }
  100%{ transform: rotate3d(0,1,0,360deg); }
}

.cbk-content{
  position:relative;
  z-index:2; /* ✅ le contenu au-dessus des cubes */
  width: min(1100px, 100% - 40px);
  margin: 0 auto;
  padding: 40px 0;
}