/* ============================================
   CONSOLIDATED STYLESHEET
   Organizing styles into common and components
   ============================================ */

/* Import general/common styles */
@import url("general-it9Xk6N.css");

body{
	display:flex;
	min-height: 90vh;
}

.lay-center{
	margin-top:auto;
	margin-bottom:auto;
}
#video-bg {
  position:fixed;top:0;right:0;left:0;bottom:0;
  z-index:-1;
}

div#video-bg video {
  object-fit: cover;
  opacity: 0.1;
}
.vid{
  width: 100%;
  height: 100%;
}

a, .btn {
  cursor: pointer;
  border-radius: var(--rad);
  height: auto;
  padding: var(--pad);
}
.page-footer .toolbar {
  flex-direction: row;
  align-items: center;
  padding: var(--pad);
  justify-content: center;
}

.alert{
	background-color: var(--color-fore-box);
	padding: var(--pad);
	border-radius: var(--rad);
}
.page-left-btn{
   display:none;
}
.modal-body{
	min-width:600px;
}
.pols{
	color:var(--color-fore2);
}
p.dest{
	font-size:18px;
	opacity:0.5;font-style: italic;
}

@media(max-width: 980px) {
	*{
		box-sizing: border-box;
	}
   /* Mobile-specific styles */
   body {
      font-size: 14px;
   }
   .page-footer{
	   position: static;
   }
   .logo img{
	   width:128px;
   }
   .modal-body{
	   min-width:80%;
   }

   .page-left-btn{
      width:64px;height:64px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .page-header,.page-content {
      padding-left: 1rem;
      margin-left:64px;
      height: auto;
   }
   .page-content {
      margin-left:0;
   }
   .modhead{
      flex-direction: column;
      align-items: flex-start;
   }

   .page-left{
      visibility: hidden;
        transition:transform .3s ease-out;
      transform: translateX(-.5rem);
      opacity:0;
   }
   .modhead .acc{ margin:0;}

   .page-left-btn{
      display:flex;
      position: absolute;
      top:0;left:0;
      z-index: 10000;
    
   }
   body.devmenu .page-left{
      visibility: visible;
      transform: translateX(0);
      opacity:1;
   }
   .page-left .logo{ display:none;}
      .page-footer .toolbar{
	   flex-direction: column;
	   align-items: flex-start;
   }
  .page-footer .toolbar > *{ padding:0 }
}