/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* DSFSE Border Sidebar Base Styles */
.dsfse-border-sidebar{position:fixed;top:0;bottom:0;max-width:100vw;pointer-events:none;background-repeat:repeat-y;background-position:left top;background-size:contain;z-index:99999;}
.dsfse-border-sidebar-left{left:0;}
.dsfse-border-sidebar-right{right:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);}

/* Single image at bottom left/right */
.dsfse-sidebar-single-bottom{position:fixed;bottom:0;z-index:99999;pointer-events:none;max-width:120px;max-height:120px;}
.dsfse-sidebar-single-bottom-left{left:0;}
.dsfse-sidebar-single-bottom-right{right:0;-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);}

/* Multiple images (top/bottom/corners) */
.dsfse-sidebar-multiple{position:fixed;z-index:99999;pointer-events:none;}
.dsfse-sidebar-multiple-left-top{left:0;top:0;}
.dsfse-sidebar-multiple-left-bottom{left:0;bottom:0;}
.dsfse-sidebar-multiple-right-top{right:0;top:0;}
.dsfse-sidebar-multiple-right-bottom{right:0;bottom:0;}

/* Bottom full-width border image for border-bottom mode */
.dsfse-border-bottom-full{position:fixed;left:34px;right:34px;bottom:0;width:auto;max-width:calc(100vw - 68px);z-index:100000;pointer-events:none;display:block;margin:0 auto;}

/* Bottom repeating border for border-bottom mode */
.dsfse-border-bottom-repeat{position:fixed;left:34px;right:34px;bottom:0;width:auto;max-width:calc(100vw - 68px);z-index:100000;pointer-events:none;background-repeat:repeat-x;background-position:center bottom;background-size:auto 100%;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;background-clip:content-box;margin:0 auto;}

/* Corner/midpoint decorations with custom vertical position */
.dsfse-corner-img{position:fixed;z-index:100001;pointer-events:none;display:block;max-width:80px;max-height:80px;}
.dsfse-corner-img-left{left:0;}
.dsfse-corner-img-right{right:0;}

/* Media css */
@media (max-width:1350px){
  /* Hide all festive effects on screens below 1350px */
  .dsfse-border-sidebar,
  .dsfse-sidebar-single-bottom,
  .dsfse-sidebar-multiple,
  .dsfse-border-bottom-full,
  .dsfse-border-bottom-repeat,
  .dsfse-corner-img {display:none!important;}
}
@media (max-width:600px){
  .dsfse-border-sidebar{width:20px!important;}
  .dsfse-border-bottom-full{left:20px;right:20px;max-width:calc(100vw - 40px);}
  .dsfse-border-bottom-repeat{left:20px;right:20px;max-width:calc(100vw - 40px);}
  .dsfse-corner-img{max-width:48px;max-height:48px;}
  .dsfse-sidebar-single-bottom{max-width:70px;max-height:70px;}
}