.iveo_pipe_pagetree_pinup { min-height:10px; cursor:default; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color:transparent; }
  .iveo_pipe_pagetree_pinup .ct-box { position:relative; overflow:hidden; }
    .iveo_pipe_pagetree_pinup .bg_ 
      { opacity:0; position:absolute; top:0; left:0; right:0; bottom:0; background-position:70% 70%; }
    .iveo_pipe_pagetree_pinup .picture_ { position:relative; z-index:10; }  /* editor dnd needs this for Chrome */
    .iveo_pipe_pagetree_pinup .text_ { padding-top:0; z-index:20; width:100%; } 

/* components  */
.iveo_pipe_pagetree_pinup .text_.center_ { text-align:center; }
.iveo_pipe_pagetree_pinup .text_.right_ { text-align:right; }
.iveo_pipe_pagetree_pinup .picture_ { width:120px; box-sizing:border-box; }
.iveo_pipe_pagetree_pinup .picture_ img { width:100%; vertical-align:bottom; border:0; pointer-events:none; }
  .iveo_pipe_pagetree_pinup .title_ { margin:2% 3% 1%; font-size:100%; line-height:105%; color:inherit;  }
  .iveo_pipe_pagetree_pinup .caption_ { margin:1% 3% 2%; font-size:95%; line-height:105%; color:inherit; }
  .iveo_pipe_pagetree_pinup .link_ { margin:2% 3% 2%; font-size:90%; line-height:105%; color:inherit; word-break: break-all; }
    .iveo_pipe_pagetree_pinup .link_ a { color:inherit; }
    .iveo_pipe_pagetree_pinup:hover .link_ a { padding:.2em .5em; color:#fff; background-color:rgba(0,0,0,.8); transition:all 0.2s linear; position:relative; }
  .iveo_pipe_pagetree_pinup:hover .link_ a:hover { text-decoration:none; background-color:rgba(0,0,0,.2); }
  .iveo_pipe_pagetree_pinup:hover .bg_ { opacity:.5; background-position:50% 50%; } 


.iveo_pipe_pagetree_pinup .ct-box .hide_ { display:none!important; }

/* ct-simple-box gets special treatment with image flush to side */
.iveo_pipe_pagetree_pinup .ct-box.ct-simple-box { padding:0; background-color:rgba(200,200,200,.3); }
  .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box > * { padding:0; }
  .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .text_ { }
  .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .title_ { margin:4% 3% 1%; }
  .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .caption_ { margin:1% 3% 2%; }
  .iveo_pipe_pagetree_pinup .ct-box.ct-simple-box .link_ { margin:2% 3% 2%; }

/* ------ EFFECTS ----- */
/* -- none -- */
.iveo_pipe_pagetree_pinup:hover .fx_none_ .bg_ { opacity:0; } 

/* -- revealcaption -- */
.iveo_pipe_pagetree_pinup .fx_revealcaption_ * { transition: all 0.2s linear; }
.iveo_pipe_pagetree_pinup .fx_revealcaption_ .caption_ { opacity:0; position:absolute; top:10em; }

.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .picture_ { opacity:0; } 
.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .title_ { opacity:0; color:#fff!important; } 
.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .caption_ { opacity:1; top:2em; width:90%; color:#fff!important; } 
.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_ .link_ { position:relative; color:#fff!important; } 

.iveo_pipe_pagetree_pinup:hover .fx_revealcaption_.ct-simple-box { background-color:#555; } 

/* -- zoomintext -- */
.iveo_pipe_pagetree_pinup .fx_zoomintext_ * { transition: all 0.5s linear; }
.iveo_pipe_pagetree_pinup .fx_zoomintext_ .text_ { opacity:0; position:absolute; color:#fff!important; }
  .iveo_pipe_pagetree_pinup .fx_zoomintext_ .title_ { transform:scale(10); transition: all 0.6s linear; }
  .iveo_pipe_pagetree_pinup .fx_zoomintext_ .caption_ { transform:scale(3); }
  .iveo_pipe_pagetree_pinup .fx_zoomintext_ .link_ { transform:scale(5); transition: all 0.3s linear; }

.iveo_pipe_pagetree_pinup:hover .fx_zoomintext_ .picture_ { opacity:0; } 
.iveo_pipe_pagetree_pinup:hover .fx_zoomintext_ .text_ { opacity:1; top:1em; } 
  .iveo_pipe_pagetree_pinup:hover .fx_zoomintext_ .title_ { transform:scale(1); } 
  .iveo_pipe_pagetree_pinup:hover .fx_zoomintext_ .caption_ { transform:scale(1); } 
  .iveo_pipe_pagetree_pinup:hover .fx_zoomintext_ .link_ { transform:scale(1); margin-top:1em; } 

.iveo_pipe_pagetree_pinup:hover .fx_zoomintext_ { background-color:#000; } 

/* -- zoomouttext -- */
.iveo_pipe_pagetree_pinup .fx_zoomouttext_ * { transition: all 0.5s linear; }
.iveo_pipe_pagetree_pinup .fx_zoomouttext_ .text_ { opacity:0; position:absolute; color:#fff!important; }
  .iveo_pipe_pagetree_pinup .fx_zoomouttext_ .title_ { transform:scale(.1); transition: all 0.6s linear; }
  .iveo_pipe_pagetree_pinup .fx_zoomouttext_ .caption_ { transform:scale(.1); }
  .iveo_pipe_pagetree_pinup .fx_zoomouttext_ .link_ { transform:scale(.1); transition: all 0.3s linear; }

.iveo_pipe_pagetree_pinup:hover .fx_zoomouttext_ .picture_ { transform:scale(4); opacity:.2; } 
.iveo_pipe_pagetree_pinup:hover .fx_zoomouttext_ .text_ { opacity:1; top:1em; } 
  .iveo_pipe_pagetree_pinup:hover .fx_zoomouttext_ .title_ { transform:scale(1); } 
  .iveo_pipe_pagetree_pinup:hover .fx_zoomouttext_ .caption_ { transform:scale(1); } 
  .iveo_pipe_pagetree_pinup:hover .fx_zoomouttext_ .link_ { transform:scale(1); margin-top:1em; } 

.iveo_pipe_pagetree_pinup:hover .fx_zoomouttext_ { background-color:#000; } 

.iveo_pipe_pagetree_pinup:hover .fx_zoomouttext_ .bg_ { opacity:0; } 

/* -- spintext -- */
.iveo_pipe_pagetree_pinup .fx_spintext_ .picture_ { transition: all 0.2s linear; }
.iveo_pipe_pagetree_pinup .fx_spintext_ .text_ { transition: all 0.4s linear .1s; opacity:0; transform:scale(0) rotate(-240deg); position:absolute; color:#fff!important; top:1em; }

.iveo_pipe_pagetree_pinup:hover .fx_spintext_ .picture_ { opacity:0; transform:scale(0) rotate(0deg); } 
.iveo_pipe_pagetree_pinup:hover .fx_spintext_ .text_ { opacity:1; transform:scale(1) rotate(0deg); } 

.iveo_pipe_pagetree_pinup:hover .fx_spintext_ { background-color:#000; }