/* This file is only used with standard Plone when ftw.theming is not installed.
 */

/* @group icons */

.sl-toolbox a {
  background-image: url("images/contenttype_icons.png");
  background-repeat: no-repeat;
  width: 50px;
  height: 40px;
}

.sl-toolbox-layouts > a {
  background-image: none;
}

.sl-toolbox-header.components {
  background-position: 5px -2px;
}

.sl-toolbox-header.layouts {
  background-position: 5px -86px;
}

/* Sprite generated with http://spritegen.website-performance.org/ */

.ftw-simplelayout-videoblock {
    background-position: -37px -2px;
}

.ftw-simplelayout-filelistingblock {
    background-position: 5px -44px;
}

.ftw-simplelayout-mapblock {
    background-position: -37px -44px;
}

.ftw-simplelayout-textblock {
    background-position: -79px -2px;
}

.ftw-simplelayout-galleryblock {
    background-position: -79px -44px;
}

/* */

/* Fix broken z-indeces */
.contenttreeWindowBlocker {
    z-index: 70000 !important;
}
.contenttreeWindow {
    z-index: 70001 !important;
}

#content [class^="sl-toolbar"] {
  list-style-type: none;
  margin: 0;
}

#content [class^="sl-toolbar"] > li {
  margin: 0;
  line-height: initial;
  display: inline-block;
}

#content ul[class^="sl-toolbar"] li.delimiter:last-child {
  display: none;
}

.sl-image.left {
  float: left;
}

.sl-image.right {
  float: right;
}

.sl-image.sl_textblock_small {
  width: 25%;
}

.sl-image.sl_textblock_middle {
  width: 50%;
}

.sl-image.sl_textblock_large {
  width: 100%;
}

.sl-image img {
  width: 100%;
}


.ui-sortable-disabled .sl-layout:hover .sl-toolbar-layout{
  opacity: 0;
}

.galleryblockImageWrapper{
  display: table-cell;
  float: left;
  background-color: #eee;
  overflow: hidden;
  vertical-align: middle;
  border: 1px solid #ddd;
  margin-left: 0.5em;
  margin-bottom: 0.5em;
  width: 130px;
  height: 130px;
}
.galleryblockImageWrapper a{
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.galleryblockImageWrapper img{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    display: block;
    margin: 0 auto;
    clear: right;
}
/* Hide block types form add menu */
#plone-contentmenu-factories .contenttype-ftw-simplelayout-filelistingblock,
#plone-contentmenu-factories .contenttype-ftw-simplelayout-galleryblock,
#plone-contentmenu-factories .contenttype-ftw-simplelayout-mapblock,
#plone-contentmenu-factories .contenttype-ftw-simplelayout-textblock,
#plone-contentmenu-factories .contenttype-ftw-simplelayout-videoblock {
  display: none !important;
}


.sl-layout {
  zoom: 1;
}

.sl-layout:before, .sl-layout:after {
  content: " ";
  display: block;
  height: 0;
  visibility: hidden;
}

.sl-layout:after {
  clear: both;
}

.sl-layout .block-placeholder {
  background-color: #87888a;
}


.sl-simplelayout .layout-placeholder {
  background-color: #87888a;
  border: 1px dotted #535353;
}


#column-sidebar .sl-column {
  background-color: transparent;
}

#column-sidebar .sl-column .sl-block {
  background-color: transparent;
  margin-bottom: 0;
}


.documentEditable .sl-column:empty {
  /*BUG: Firefox cant handle the outline correctly.
  Because that, we use box-shadow instead;
  http://stackoverflow.com/questions/10662902/css-outline-different-behavior-behavior-on-webkit-gecko*/
  -moz-box-shadow: 0 0 5px 1px #000;
  -webkit-box-shadow: 0 0 5px 1px #000;
  box-shadow: 0 0 5px 1px #000;
}


.sl-column {
  float: left;
  min-height: 100px;
}

.sl-column.sl-col-1 {
  margin-right: 0;
  width: 100%;
}

.sl-column.sl-col-1:last-of-type {
  margin-right: 0 !important;
}

.sl-column.sl-col-2 {
  margin-right: 0;
  width: 100%;
}

.sl-column.sl-col-2:last-of-type {
  margin-right: 0 !important;
}

.sl-column.sl-col-3 {
  margin-right: 0;
  width: 100%;
}

.sl-column.sl-col-3:last-of-type {
  margin-right: 0 !important;
}

.sl-column.sl-col-4 {
  margin-right: 0;
  width: 100%;
}

.sl-column.sl-col-4:last-of-type {
  margin-right: 0 !important;
}



@media (min-width: 800px) {

  .sl-column.sl-col-1 {
    margin-right: 2.99501%;
    width: 194.00998%;
  }

  .sl-column.sl-col-1:nth-of-type(0.5n+0.5) {
    margin-right: 0;
  }

  .sl-column.sl-col-1 {
    width: 100%;
  }

  .sl-column.sl-col-2 {
    width: 100%;
  }

  .sl-column.sl-col-2 {
    margin-right: 2.99501%;
    width: 97.00499%;
  }

  .sl-column.sl-col-2:nth-of-type(1n+1) {
    margin-right: 0;
  }

  .sl-column.sl-col-1 {
    width: 100%;
  }

  .sl-column.sl-col-2 {
    width: 100%;
  }

  .sl-column.sl-col-3 {
    margin-right: 2.99501%;
    width: 64.66999%;
  }

  .sl-column.sl-col-3:nth-of-type(1.5n+1.5) {
    margin-right: 0;
  }

  .sl-column.sl-col-1 {
    width: 100%;
  }

  .sl-column.sl-col-2 {
    width: 100%;
  }

  .sl-column.sl-col-4 {
    margin-right: 2.99501%;
    width: 48.5025%;
  }

  .sl-column.sl-col-4:nth-of-type(2n+2) {
    margin-right: 0;
  }

  .sl-column.sl-col-1 {
    width: 100%;
  }

  .sl-column.sl-col-2 {
    width: 100%;
  }


  .sl-column.sl-col-1 {
    width: 100%;
  }

  .sl-column.sl-col-2 {
    width: 100%;
  }

@media (min-width: 1360px) {

  .sl-column.sl-col-1 {
    margin-right: 2.99501%;
    width: 100%;
  }

  .sl-column.sl-col-1:nth-of-type(0.5n+0.5) {
    margin-right: 2.99501%;
  }

  .sl-column.sl-col-1:last-of-type {
    margin-right: 0 !important;
  }

  .sl-column.sl-col-2 {
    margin-right: 2.99501%;
    width: 48.5025%;
  }

  .sl-column.sl-col-2:nth-of-type(1n+1) {
    margin-right: 2.99501%;
  }

  .sl-column.sl-col-2:last-of-type {
    margin-right: 0 !important;
  }

  .sl-column.sl-col-3 {
    margin-right: 2.99501%;
    width: 31.33666%;
  }

  .sl-column.sl-col-3:nth-of-type(1.5n+1.5) {
    margin-right: 2.99501%;
  }

  .sl-column.sl-col-3:last-of-type {
    margin-right: 0 !important;
  }

  .sl-column.sl-col-4 {
    margin-right: 2.99501%;
    width: 22.75374%;
  }

  .sl-column.sl-col-4:nth-of-type(2n+2) {
    margin-right: 2.99501%;
  }

  .sl-column.sl-col-4:last-of-type {
    margin-right: 0 !important;
  }

}
