{% load static %}

html{
    height: 100%;
    box-sizing: border-box;
	background-color: #F6F8F9;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 360px;
  min-height: 100%;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

.uk-form-success
{
    background-color: palegreen;
}

.uk-form-danger
{
    background-color: pink;
}

/*  BUTTONS   */

.button-danger-transparent
{
    background-color: transparent;
    color: #f0506e;
    border: 2px solid #f0506e;
    font-weight: 500;
}

.yellow-button
{
	background-color: #FFC96C;
	color: white;
}

.yellow-button-transparent
{
    background-color: transparent;
    color: #FFC96C;
	border: 2px solid #FFC96C;
	font-weight: 500;
}

.yellow-button-transparent:hover
{
    background-color: #FFC96C;
    color: white;
}

/* BONGO CAT BUTTON */

#newsletter-img
{
	background: url("../img/bongocat.png");
	width: 78px;
	height: 45px;
	margin-top: -32px;
}

#newsletter:hover + #newsletter-img
{
	background: url("../img/bongocat.png") -78px;
}

/* TEXT */

.promote-text{
	color: white;
    text-shadow: 0px 0px 4px #656565;
}

/* #Fixes the navbar padding on mobile */
@media screen and (max-width: 640px) {
  body {
    padding-bottom: 500px;
  }
}

.profile-img{
	width: 40px;
}
.promote-text{
	color: white;
    text-shadow: 0px 0px 4px #656565;
}

.block-title{
	font-size: 20px;
	font-weight: 600;
}