.a11y {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
          clip-path: inset(0px 0px 99.9% 99.9%); }
          
.wrapfix {
    white-space: nowrap;
  }   
  

@media screen and (max-width: 480px) {
  .wrapfix {
    white-space: normal;
  }
}         
          
.bs-component .modal {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    z-index: 1;
    display: block;
}
.bs-canvas-overlay {
   opacity: 0;
 z-index: -1;
 }
 
 .bs-canvas-overlay.show {
   opacity: 0.75;
 z-index: 1100;
 }
 
 .bs-canvas-overlay, .bs-canvas {
 transition: all .3s ease-out;
 -webkit-transition: all .3s ease-out;
 -moz-transition: all .3s ease-out;
 -ms-transition: all .3s ease-out;
 }
 
.bs-canvas-left, .bs-canvas-right {
 top: 0;
 z-index: 1120;
 overflow-x: hidden;
 overflow-y: auto;
 
 }
.bs-canvas-top {
 top: 0;
 z-index: 1130;
 overflow-x: auto;
 overflow-y: hidden;
 width: 100%; 
 height: 330px;
 }
 .bs-canvas-bottom {
 bottom: 0;
 z-index: 1140;
 overflow-x: auto;
 overflow-y: hidden;
 width: 100%; 
 height: 330px;
 }

 
 .bs-canvas-left {
 left: 0;
 margin-left: -300px;
 width: 360px; 
 }
 
 .bs-canvas-right {
 right: 0;
 margin-right: -300px;
 width: 350px; 
 }
 
 .bs-canvas-top {
 top: 0;
 margin-top: -300px;
 }
 
 .bs-canvas-bottom {
 bottom: 0;
 margin-bottom: -300px;
 }
 

.rotate-270 {
    /* Safari *//* Chrome, Safari, Opera */
    -webkit-transform: rotate(270deg);
    /* Firefox */
    -moz-transform: rotate(270deg);
    /* IE *//* IE 9 */
    -ms-transform: rotate(270deg);
    /* Opera */
    -o-transform: rotate(270deg);
 
    transform: rotate(270deg);
}
.rotate-90 {
    /* Safari *//* Chrome, Safari, Opera */
    -webkit-transform: rotate(90deg);
    /* Firefox */
    -moz-transform: rotate(90deg);
    /* IE *//* IE 9 */
    -ms-transform: rotate(90deg);
    /* Opera */
    -o-transform: rotate(90deg);
 
    transform: rotate(90deg);
}

.rotate-90-fixed-lb{
   /* Abs positioning makes it not take up vert space */ 
    position: relative;
    bottom: 0;
    left: 0;
    
    /* Border is the new background */
    background: none;
    
    /* Rotate from top left corner (not default) */
    -webkit-transform-origin: 0 0;
    -moz-transform-origin:    0 0;
    -ms-transform-origin:     0 0;
    -o-transform-origin:      0 0;
    transform-origin:      0 0;
    
    -webkit-transform: rotate(270deg); 
    -moz-transform:    rotate(270deg); 
    -ms-transform:     rotate(270deg); 
    -o-transform:      rotate(270deg); 
    transform:      rotate(270deg); 

}

.display-404{

	font-size: 35vw;
    padding: 0;
    margin: 0vw auto;
    line-height: 0.55em;
    color: rgba(255,255,255,0.1);
}

.post-edit-link {
    position: fixed;
    left: 10px;
    bottom: 0px;
    display: block;
    width: 100px;
    height: 100px;
    text-indent: -9999px;
    color: magenta;}
.post-edit-link:hover {
    text-indent: 20px;
    color: #fff;
}    
.to-top {
	display:block;
	height:30px;
	width:30px;
	position:fixed;
	bottom:20px;
	display: inline-block;
    border-bottom: 2px solid;
    border-left: 2px solid;
    content: "";
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    text-rendering: auto;
    border-color: rgab(255,255,255,0.75);
	right: 20px;
	box-shadow:0 0 10px rgba(0,0,0,0.035);
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	/* background:rgba(255,255,255,0.85) url(../images/to-top-bl.svg) no-repeat center 50%; */
	visibility:hidden;
	opacity:0;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	transition:all .2s;
	border-radius:0;
	z-index: 99999;
}

.to-top.top-is-visible {
	visibility:visible;
	opacity:1;
}

.to-top.top-fade-out {
	opacity:0.25;
}
.to-top.top-fade-out:hover {
	opacity:1;
}

.no-touch .to-top:hover {
	background-color:transparent;
	border-color: #fff;
	opacity:1;
}

@keyframes blink {
    from { opacity: 1.0; }
    50% { opacity: 0.25; }
    to { opacity: 1.0; }
}                                                                                                                                                                                                                                  

@-webkit-keyframes blink {
    from { opacity: 1.0; }
    50% { opacity: 0.25; }
    to { opacity: 1.0; }
}

.blink {
  animation:blink 3000ms infinite;
  -webkit-animation:blink 3000ms infinite;
}
.blink.long {
  animation:blink 6000ms infinite;
  -webkit-animation:blink 3000ms infinite;
}
.blink.fast {
  animation:blink 300ms infinite;
  -webkit-animation:blink 300ms infinite;
}
.status {
    width: 12px;
    height: 12px;
    background-color: rgba(255,255,255,0.95);
    border-radius: 100%;
}
    
 /* Status Monitor
--------------------------------------------- */
.stat { padding: 1px 3px; border-radius: 0px; color:rgba(255,255,255,0.95);}

.icon-stat {
    display: block;
    border-radius: 50%;
    margin-right: 10px;
    height: 13px;
    width: 13px;
    position: relative;
    top: 3px;
    }

.icon-stat.stat9, .icon-stat.stat8{
animation:blink 3600ms infinite;
  -webkit-animation:blink 3600ms infinite;}
.icon-stat.stat0{
animation:blink 6000ms infinite;
  -webkit-animation:blink 6000ms infinite;}



.stat0 { background-color: rgba(255,255,255,.1);}
.stat1 { background-color: rgba(255,255,255,.65);color:#1f3855;}
.status.ok, .stat2 { background-color: #009b4f; }
.status.ko, .stat8 { background-color: #990000;}
.stat9 { background-color: #990000;}  

@keyframes fadein {from {opacity: 0;} to {opacity: 1;}}

@-webkit-keyframes bp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bp-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
      } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
@-webkit-keyframes bp-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes bp-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.modal-header .cssclose {
    padding: 0px 0 24px 0;
    margin: 0px 0 24px 0;
}
.modal-header {
   
    border-bottom: none;
    border-top-left-radius: .0rem;
    border-top-right-radius: .0rem;
}
.modal-header button:focus, .modal-header button:hover {
    background: rgba(0,0,0,.0);
    opacity: 1;
}
.modal-backdrop {
     background-color: rgba(0,0,0,.0001) !important;
}

.modal-content {
background: #1f3855;
border: 1px solid rgba(255,255,255,0.65);
color: #fff;
}

.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }
}



.cssclose {
  position: absolute;
    right: 0;
    top: 12px;
    width: 48px;
    height: 12px;
    opacity: 1;
    text-indent: -9999px;
}
.cssclose:hover {
	opacity: 0.45;
    -o-transition: opacity .15s ease-in;
    -ms-transition: opacity .15s ease-in;
    -moz-transition: opacity .15s ease-in;
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in;	
  
}
.cssclose:before, .cssclose:after {
     position: absolute;
    left: 24px;
    content: ' ';
    height: 24px;
    width: 1px;
    background-color: #fff;
}
.cssclose:before {
  transform: rotate(45deg);
}
.cssclose:after {
  transform: rotate(-45deg);
}

.bg-featured-image-blur {       
           
            background-attachment: fixed;
            background-size: cover;
            height: 100%;
            position: fixed;
            width: 100%;
            z-index: -99;
            -webkit-filter: blur(10px) brightness(110%) grayscale(0%);
            filter: blur(10px) brightness(110%) grayscale(0%);
            -ms-transform: scale(-1.1,1.1);
            -webkit-transform: scale(-1.1,1.1);
            transform: scale(-1.1,1.1);   
            margin: 0px;
        }