/*Arrow*/
#arrowTop {
  opacity: 0.5;
  position: fixed;
  top: 80%;
  right: 1%;
  cursor: pointer;
  z-index: 9999;
}

#arrowTop::before {
  border-image: "pics/up.png";
}

#arrowTop::after {
	border-image: ;
}

html {
  scroll-behavior: smooth;
}

.card-img-overlay .card-title {
	text-shadow: #000 0 0 5px;
}

.card-img-overlay .card-text {
	text-shadow: #000 0 0 4px;
}

.card-img-overlay .card-text-date {
	text-shadow: #000 0 0 4px;
}

/* Remove outline on the forms and links */
:active, :hover, :focus {
    outline: 0;
    outline-offset: 0;
}

/*Main*/
html, body {
  height: 100%;
}

body {
  background-image: url(/pics/cream-pixels.png);
  display: flex;
  flex-direction: column;
}

.bg-grad {
  background: #232526;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.bg-grad-inv {
  background: #232526;  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #414345, #232526);  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #414345, #232526); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.vse {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}

/*Идиотский отступ*/
.idiot {
	margin-top: 60px;
}

/*Col-custom*/

.col-32 {
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  max-width: 32%;
  margin-top: 0.3rem;
}

.col-49 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
  }

.col-47 {
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;
  }

.col-96 {
  -ms-flex: 0 0 96%;
  flex: 0 0 96%;
  max-width: 96%;
  margin-top: 0.3rem;
}

/*Search-Buton*/
.form-inline .form-control {
    width: 100%;
  }

  .btn-outline-warning {
    width: 100%;
  }

/*Media*/

@media (min-width: 576px) {
  .col-sm-32 {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }

  .col-sm-47 {
    -ms-flex: 0 0 47%;
    flex: 0 0 47%;
    max-width: 47%;
  }
	
  .card-text-date{
	display: none;
  }
}

@media (min-width: 672px) {
  .card-text-date{
	display: block;
  }
}

@media (min-width: 768px) {
  .col-md-32 {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }
	
  .col-md-49 {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
  }
	
  .form-inline .form-control {
    width: 82%;
  }

  .btn-outline-warning {
    width: 15%;
  }
}

@media (min-width: 992px) {
  .col-lg-32 {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }
	
  .form-inline .form-control {
    width: auto;
  }

  .btn-outline-warning {
    width: auto;
  }
}

@media (min-width: 1200px) {
  .col-xl-32 {
    -ms-flex: 0 0 32%;
    flex: 0 0 32%;
    max-width: 32%;
  }
}