[data-md-color-scheme="kdab"] {
  --md-primary-fg-color:        #af1254;
  --md-primary-fg-color--light: #208bda;
  --md-primary-fg-color--dark:  #0d6bad;
  --md-accent-fg-color:  #3c3b82;
  --header-color: #1a1938;
}

/* Overwrite the logo width so the logo doesn't have to be square */
.md-header__button.md-logo img, .md-header__button.md-logo svg {
  height: 1.2rem;
  width: 5.22rem;
}

/* Same overwrite for the mobile navigation */
.md-nav__title .md-nav__button.md-logo img, .md-nav__title .md-nav__button.md-logo svg {
    height: 2.4rem;
    width: 10.44rem;
}

.md-nav--primary .md-nav__title[for="__drawer"] {
	background-color: var(--header-color);
}

.md-header {
	background-color: var(--header-color);
}

body{
	background-color: #f6f3f1;
}
	
header {
	background-image: url('header.jpg');
	background-position: center;
}

.md-tabs {
	background-color: transparent;
}

.md-sidebar.md-sidebar--primary {
	order: 1;
}

.md-content {
	order: 0;
}

.md-header__topic:first-child {
  font-weight:400;
}

.md-header__title {
	line-height: normal;
	padding-top: 0.8rem;
}

[data-md-toggle="search"]:checked ~ .md-header .md-search__form {
	border-radius: .6rem;
	border:none;
}


@media screen and (min-width: 59.9375em){
	
	.md-search__input {
	  font-size: .72rem;
	}

	.md-search__form {
	  background-color: rgba(0,0,0,.5);
	  border-radius: .6rem;
	  height: 1.2rem;
	  border: 1px solid rgba(255, 177, 210, 0.5);
	}
	.md-search__icon[for="__search"] {
	  top: .21rem;
	}
	
	[dir="ltr"] .md-search__input {
		padding-left: 1.2rem;
	}

	[dir="ltr"] .md-search__icon[for="__search"] {
		left: 0.25rem;
	}

	.md-search__icon.md-icon svg {
		height: 0.8rem;
		width: 0.8rem;
	}

	.md-search__options {
		top: 0;
	}
	
	[dir="ltr"] .md-search__options {
		right: 0;
	}
}