@font-face {
	font-family: PublicSans-Regular;
	src:
		local('PublicSans-Regular'), url(/zoopet-include/fonts/PublicSans-Regular.woff2) format('woff2').
		local('PublicSans-Regular'), url(/zoopet-include/fonts/PublicSans-Regular.woff) format('woff');
}

@font-face {
	font-family: PublicSans-Bold;
	src:
		local('PublicSans-Bold'), url(/zoopet-include/fonts/PublicSans-Bold.woff2) format('woff2').
		local('PublicSans-Bold'), url(/zoopet-include/fonts/PublicSans-Bold.woff) format('woff');
}

@font-face {
	font-family: PublicSans-Black;
	src:
		local('PublicSans-Black'), url(/zoopet-include/fonts/PublicSans-Black.woff2) format('woff2').
		local('PublicSans-Black'), url(/zoopet-include/fonts/PublicSans-Black.woff) format('woff');
}

/* Ändra grundfont från Bootstrap */

body {
	font-family: 'PublicSans-Regular', sans-serif;
}

a {
	color: #337ab7;
}

h1 {
	font-size: 2em;
	font-family: 'PublicSans-Regular', sans-serif;
	font-weight: 900;
}

h2 {
	font-size: 1.5em;
	font-family: 'PublicSans-Regular', sans-serif;
	font-weight: 600;
}

h3 {
	font-size: 1.17em;
	font-family: 'PublicSans-Regular', sans-serif;
	font-weight: 600;
}

h4 {
	font-size: 1.12em;
	font-family: 'PublicSans-Regular', sans-serif;
	font-weight: 600;
}

h5 {
	font-size: .83em;
	font-family: 'PublicSans-Regular', sans-serif;
	font-weight: 600;
}

h6 {
	font-size: .75em;
	font-family: 'PublicSans-Regular', sans-serif;
}




/* Vit text i menyn */
.navbar-dark .navbar-nav .nav-link {
    color: white;
}

/* Brödsmulor */
.breadcrumb {
  background: #eeeeee;
}

/* En extra färg till bootstrap 4 */
.bg-black {
  background: black;
}

/* Lägger till + på Accordion */
.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
}


/* Bootstrap gör så att minatyrbilder funkar */
.row_thumbnail {
  display: flex;
  flex-wrap: wrap;
}


.custom-toggler.navbar-toggler {
    border-color: rgb(255,255,255);
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Gör bilder lika höga */
.item-image {
  position: relative;
  overflow: hidden;
  padding-bottom: 50%;
}
.item-image img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

/* Gör bilder lika höga */
.item-image60 {
  position: relative;
  overflow: hidden;
  padding-bottom: 60%;
}
.item-image60 img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}