/*------ Colors -------*/
.color-primary
{
	color: white;
	background-color: #66CC66;
}

/*------ Hero -------*/


/* The hero image */

.hero-image-custom {
	/* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.swadencasa.com/data/img/BG_parameters.jpg");
	/* Set a specific height */
	height: 25vh;
	/* Position and center the image to scale nicely on all screens */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}


/* Place text in the middle of the image */

.hero-text-custom {
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.hero-text-custom h1 {
	color: white;
}

/*------ General -------*/
.spacer {
	max-width: 75vw;
}

.logo {
	max-height: 20vh;
}

h2 {
	color: #663333;
	font-weight: bold;
}
.bg-custom
{
	background-color: #66CC66;
}
.no-margin
{
	margin: 0px;
}
.no-padding
{
	padding: 0px;
}
.card-body
{
	background-color: #cccccc;
}

/* switch checkbox */

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: red;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #66CC66;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* End switch checkbox */

/* header-logo */
.header-logo
{
  height: 20vh !important;
}
.header-logo h1
{
  height: 10vh !important;
}
/* End header-logo */
.flag-button
{
  height: ;
}
footer
{
  height: 5vh;
}
/* When Takeat */
.takeat-branded
{
  color: #66CC66;
}
.takeat-branded a
{
  color: #66CC66;
}
/* End When Takeat */

.no-margin-left
{
  margin-left: 0px;
}
.container-flag-link {
  color: inherit; /* blue colors for links too */
  text-decoration: inherit; /* no underline */
}
.card-header
{
  background-color: #663333 !important;
  color: white !important;
}
.card-header a
{
  color: white !important;
}


/* Menu degustation */
.header-margin-menu
  {
    margin-bottom: 5vh;
  } 
  .or-separator-menu
  {
    font-weight: bolder;
  }
/* END Menu degustation */
/* switch checkbox */
/* End switch checkbox */

.container-flag-link
{
  color: black !important;
  text-decoration: none;
}
.mb-0
{1
  color: white;
}