/**
 * This file holds the basic CSS styles of Silex websites
 */

/* the body covers the whole available space */
/* the body is resized to its content size when needed in front-end.js */
body{
  min-width: 99%;
  min-height: 99%;
  position: absolute;
  padding: 5px;
}
/* pages */
.page-element{
  display: none;
}
.paged-element{
  display: none;
}
/* default style for silex elements */
.editable-style{
  position: absolute;
}
.silex-element-content{
  overflow: hidden;
  border-radius: inherit;
}
/* background */
.background{
  position: absolute !important;
  left: 0 !important;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
/* links default formatting */
.editable-style[data-silex-href]{
  cursor: pointer;
}
.text-element a, a.text-element{
  color: inherit;
  text-decoration: inherit;
}
.text-element a:hover, a.text-element:hover{
  color: inherit;
  text-decoration: underline;
}
/* Remove dots surrounding links in Firefox
    because of normalize.css */
a:focus{ outline: none;}

.silex-element-content {
  width: 100%;
  height: 100%;
}

.silex-scrollbar-y .silex-element-content {
  overflow-y: scroll !important;
}


.body-initial .link-element, #viewer .link-element {
  background-color: rgba(0, 0, 0, 0);
}

.link-element .silex-element-content {
  opacity: 0;
}

.link-element [custom-image-bg], .link-element [custom-image-hover], .link-element [custom-image-active] {
  opacity: 1 !important;
}

.link-element:hover .silex-element-content {
  opacity: 1;
  transition: opacity 0.4s ease-in-out;
}

.symbol-code {
  overflow: visible;
}

.slideGoTo{
  cursor: pointer !important;
}

.overlay-page .background{
  background: transparent !important;
}