@font-face {
    font-family: 'Framework7 Icons';
    font-style: normal;
    font-weight: 400;
    src: url(' Framework7Icons-Regular.eot');
    src: local('Framework7 Icons'), local('Framework7Icons-Regular'),
      url('Framework7Icons-Regular.woff2') format('woff2'), url('Framework7Icons-Regular.woff')
        format('woff'), url(' Framework7Icons-Regular.ttf') format('truetype');
  }
  
  .f7-icons,
  .framework7-icons {
    font-family: 'Framework7 Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 28px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'liga';
    -moz-font-feature-settings: 'liga=1';
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
  }
  .bscard{
    box-shadow:0 0 35px 0 rgb(154 161 171 / 15%) !important;
  }
  /* andromeda */
  .bg-adr{
    background:url('https://images.unsplash.com/photo-1502134249126-9f3755a50d78?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1950&q=80');
    background-size:cover;
    background-position:center;
  }
  .ft-title{
    font-family: 'Poiret One', cursive;
  }
  /* */
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }
  /* end fonts **/

.txt-shadow-lite:hover{
    text-shadow: rgb(105, 102, 102) 2px 2px 1px;
}
.shadow-hover:hover{
    box-shadow:lightgray 1px 1px 3px 1px;
}
/*fixing*/
.dsx-card-header-pic .card-header {
  height: 40vw;
  background-size: cover;
  background-position: center;
  color: #fff;
}

.dsx-card-header-pic .card-content-padding .date {
  color: #8e8e93;
}

.dsx-social-card .card-header {
  display: block;
  padding: 10px;
}

.dsx-social-card .dsx-social-avatar {
  float: left;
}

.dsx-social-card .dsx-social-name {
  margin-left: 44px;
  font-size: 14px;
  font-weight: 500;
}

.dsx-social-card .dsx-social-date {
  margin-left: 44px;
  font-size: 13px;
  color: #8e8e93;
}

.dsx-social-card .card-footer {
  background: #fafafa;
}

.dsx-social-card .card-footer a {
  color: #81848b;
  font-weight: 500;
}

.dsx-social-card .card-content img {
  display: block;
}

.dsx-social-card .card-content-padding {
  padding: 15px 10px;
}

.dsx-social-card .card-content-padding .likes {
  color: #8e8e93;
}
.icon_overlay{
  font-size: 3em !important;
  opacity: .5;
}
.hover-overlay:hover, .hover-overlay:focus{
  display:block;
}

.hover-overlay{
  background:rgba(0,0,0,.5);
  display:none;
  height:100%; width:100%; 
   position:absolute;
}
.dsx-imageItem:focus,.dsx-imageItem:hover{
  box-shadow: #81848b 1px 1px 3px 1px;
  opacity: 0.5;
}
.filepond--credits{
  display:none !important;
}
.page-content::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.page-content::-webkit-scrollbar-track {
  background: #f2f4f7;
}

/* Handle */
.page-content::-webkit-scrollbar-thumb {
  background: #f2f4f7;
}

/* Handle on hover */
.page-content::-webkit-scrollbar-thumb:hover {
  background: #057dec;
}
.page{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bg-color-gradient-blue{
  background: rgb(78,223,237);
background: -moz-linear-gradient(180deg, rgba(78,223,237,1) 14%, rgba(224,232,230,0.5) 100%);
background: -webkit-linear-gradient(180deg, rgba(78,223,237,1) 14%, rgba(224,232,230,0.5) 100%);
background: linear-gradient(180deg, rgba(78,223,237,1) 14%, rgba(224,232,230,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4edfed",endColorstr="#e0e8e6",GradientType=1);
}
.bg-color-g-blue-purple{
  background: rgb(0,122,255);
  background: -moz-linear-gradient(180deg, rgba(0,122,255,1) 0%, rgba(29,14,149,1) 50%);
  background: -webkit-linear-gradient(180deg, rgba(0,122,255,1) 0%, rgba(29,14,149,1) 50%);
  background: linear-gradient(180deg, rgba(0,122,255,1) 0%, rgba(29,14,149,1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#007aff",endColorstr="#1d0e95",GradientType=1);
}
.port{
  background:image;
  /*https://images.unsplash.com/photo-1561702469-c4239ced3f47?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1789&q=80
*/
}
.web-only{
  display: none !important;
}
.ft-footer{
  font-size:10px !important;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
/* width */
.panel::-webkit-scrollbar {
  width: 8px;
}

/* Track */
.panel::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.panel::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.panel::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.panel{
  overflow-x: hidden;
}