/*
Theme Name: Bruno-Theme
Author: Standout
Description: Theme for Bruno Mathsson. Developt by Standout
Version: 1.1.2
Tags: bootstrap
*/

/*
Table of Contents:
1. Fonts
2. Buttons
3. Navbar
4. Page
5. Responsive Media Queries
6. Footer
*/

/* 1. Fonts */

@font-face {
  font-family: 'ProbaPro-Light';
  src: url('fonts/probapro-light.ttf') format('truetype');
}

@font-face {
  font-family: 'ProbaPro-Medium';
  src: url('fonts/probapro-medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Gill-Sans-Heavy';
  src: url('fonts/gill-sans-heavy.ttf') format('truetype');
}

@font-face {
  font-family: 'Gill-Sans-Light';
  src: url('fonts/gill-sans-light.ttf') format('truetype');
}

h1 {
  font-family: 'Gill-Sans-Light' !important;
  font-size: 70px !important;
  color: #1A1919 !important;
  letter-spacing: 5px;
}

h2 {
  font-family: 'Gill-Sans-Light' !important;
  font-size: 45px !important;
  color: #1A1919 !important;
  letter-spacing: 5px;
}

h3 {
  font-family: 'Gill-Sans-Light' !important;
  font-size: 30px !important;
  color: #1A1919 !important;
  letter-spacing: 5px;
}

h4 {
  font-family: 'Gill-Sans-Heavy' !important;
  font-size: 18px !important;
  color: #1A1919 !important;
}

p {
  font-family: 'ProbaPro-Light';
  font-size: 17px !important;
  color: #4C4D4C !important;
}

li {
  font-family: 'ProbaPro-Light';
  font-size: 17px !important;
  color: #4C4D4C !important;
}

b {
  font-family: 'ProbaPro-Medium';
  font-size: 17px !important;
  color: #4C4D4C !important;
}

.bruno-single-product-container a {
  font-family: 'ProbaPro-Light';
  font-size: 17px !important;
  color: #4C4D4C !important;
}

/* 2. Buttons */
.bruno-btn {
  padding: 0.3rem 4rem;
  border-radius: 0;
  letter-spacing: 2px;
  font-size: 13px;
  font-family: 'Gill-Sans-Heavy';
  color: #ffffff;
  background-color: rgba(70, 105, 125, 1);
  border-color: rgba(70, 105, 125, 1);
  margin-top: 2rem;
}

/* 3. Navbar */
.bg-light {
  background-color: rgba(60, 75, 75, 0.6) !important;
}

.bruno-page-content .menu {
  list-style: none;
}

.bruno-nav {
  padding: 0;
  height: 6.1rem;
  z-index: 9999;
}

.bruno-nav.scrolled {
  transition: 0.4s;
  background-color: rgba(60, 75, 75, 1) !important;
	height: 5.1rem;
}



.bruno-nav.not-scrolled {
  transition: 0.4s;
  background-color: rgba(60, 75, 75, 0.6) !important;
	height: 6.1rem;
}



.bruno-brand {
  padding-right: 2.5rem;
  padding-left: 2.5rem;
  background-color: rgba(60, 75, 75, 1);
  height: 6.1rem;
}

.bruno-nav.scrolled .bruno-brand {
	transition: 0.4s;
	height: 5.1rem;
}

.bruno-nav.not-scrolled .bruno-brand {
	transition: 0.4s;
	height: 6.1rem;
}

.bruno-brand a {
  color: #ffffff !important;
  text-decoration: none;
  line-height: inherit;
  letter-spacing: 1px;
}

.bruno-brand-first {
  font-size: 1.25rem;
}

.bruno-brand-second {
  font-size: 1.55rem;
}

div.flex-container.bruno-brand {
  display: flex;
  align-items: center;
}

.bruno-navbar {
  padding: .5rem 2.5rem 0 2.5rem;
}

.bruno-navbar-toggler {
  margin: 0 2.5rem;
  border: none;
}

.bruno-navbar-toggler:focus {
  outline: none;
}

.bruno-navbar-toggler-icon {
  color: rgba(199, 206, 207, 1) !important;
}

.bruno-nav-item a {
  font-family: 'ProbaPro-Light';
  padding-right: 0.7rem !important;
  padding-left: 0.7rem !important;
  font-size: 1.15rem;
  color: #C7CECF !important;
  display: block;
  text-decoration: none;
}

.bruno-nav-item span:hover {
  border-bottom: 1px solid #C7CECF;
}

.bruno-page-content .menu {
  list-style: none;
}

.bruno-page-content .bruno-nav-item a:hover {
  border-bottom: none;
  color: #000000 !important;
}

.bruno-page-content .bruno-nav-item span:hover {
  border-color: #000000;
}

.bruno-page-content .bruno-nav-item a {
  color: #4C4D4C !important;
}

.bruno-page-content .bruno-nav-item {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

.bruno-page-content .current_page_item a {
  color: #000000 !important;
}

.bruno-page-content .current_page_item span {
  border-bottom: 1px solid #000000;
}

/* 4. Page */
.bruno-404 {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.bruno-banner-image {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  margin-bottom: 1.5rem;
  color: #C7CECF !important;
}

.bruno-banner-image h1 {
  color: #C7CECF !important;
}

.bruno-banner-image p {
  color: #C7CECF !important;
}

.bruno-content {
  padding-top: 9.9rem;
  padding-right: 2.5rem !important;
  padding-left: 2.5rem !important;
}

.bruno-content-margins {
  padding-right: 4.5rem !important;
  padding-left: 4.5rem !important;
}

.bruno-content h1 {
  margin-bottom: 30px;
}

.bruno-product-groups-container {
  margin-top: 1.1rem;
  margin-bottom: 6rem;
}

.bruno-product-groups-image {
  border: 1px solid #9F9E9D;
}

.bruno-products-container {
  margin-top: 2.1rem;
  margin-bottom: 6rem;
}

.bruno-single-product-title {
  margin-top: 2rem;
}

.bruno-single-product-content p {
  color: #4C4D4C !important;
  max-width: 100% !important;
}

.bruno-widget {
  border: 1px solid rgba(30, 30, 30, 0.35);
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 620px;
  height: 180px;
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}

.bruno-widget-title {
  font-family: 'Gill-Sans-Heavy' !important;
  color: #ffffff !important;
}

.bruno-widget-decoration:hover {
  text-decoration: none;
}

.bruno-single-product-image {
  border: 1px solid #C3C3C2;
  height: 700px;
  /* width: 800px; */
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.bruno-product-cat-item {
  margin-bottom: 1.3rem;
}

.bruno-product-cat-item a:hover{
	color:#212529;
	text-decoration:none
}

.bruno-top-category-image {
	 border: 1px solid #C3C3C2;
  border-radius: 3px;
  height: 200px;
  width: 240px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.bruno-sub-category-image {
  border: 1px solid #C3C3C2;
  border-radius: 3px;
  height: 200px;
  width: 240px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.bruno-single-product-menu ul {
  list-style: none;
  padding-left: 0;
}

.bruno-single-product-menu li {
  margin-top: 0.6rem;
  margin-bottom: 0.6rem;
}

.bruno-single-product-menu-item a {
  color: #9E9FA0 !important;
}

.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.bruno-product-gallery-image {
  padding-top: 75%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #C3C3C2;
}

.bruno-product-gallery-image-caption {
	font-size: .9em;
}

.bruno-gallery-image-container {
  /* width: 31%; */
  margin: 10px 0px;
  padding: 0px;
}

.bruno-gallery-image-container p {
  margin-bottom: 0px;
}

.bruno-header-row {
  height: 330px;
}

.bruno-page-wrapper .bruno-banner-image {
  height: 330px !important;
}

[data-featherlight]:hover,
.featherlight-gallery:hover {
  cursor: zoom-in;
}

.featherlight-next span,
.featherlight-previous span {
  text-shadow: none;
  color: #333;
}

/* 5. Responsive Media Queries */
@media screen and (max-width: 991px) {
  .bruno-navbar {
    background-color: rgba(110, 126, 132, 0.7) !important;
    padding: 2rem 2rem 2rem 2rem;
  }
}

/* Resposive Navbar */
/* Navbar expand 1490px*/
@media (min-width: 1024px) {
  .navbar-expand-custom {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
  }
  .navbar-expand-custom .navbar-nav {
      flex-direction: row;
  }
  .navbar-expand-custom .navbar-nav .nav-link {
      padding-right: .5rem;
      padding-left: .5rem;
  }
  .navbar-expand-custom .navbar-collapse {
      display: flex !important;
  }
  .navbar-expand-custom .navbar-toggler {
      display: none;
  }
  /*
  #menu-huvudmeny > .trp-language-switcher-container {
    position: absolute;
    top: 5px;
    right: 55px;
  }
  #menu-huvudmeny > .trp-language-switcher-container ~ .trp-language-switcher-container {
    right: 20px;
  }
  */

}

@media (min-width: $screen-xs-min) {
  .col-xs-auto { width: auto; }
}

@media (min-width: $screen-sm-min) {
  .col-sm-auto { width: auto; }
}

@media (min-width: $screen-md-min) {
  .col-md-auto { width: auto; }
}

@media (min-width: $screen-lg-min) {
  .col-lg-auto { width: auto; }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .bruno-single-product-image {
    height: 14.5rem;
    /* width: 100%; */
  }
  .bruno-widget {
    width: 310px;
    height: 126px;
  }
  .bruno-top-category-image {
    height: 15rem;
    width: 100%;
  }
  .bruno-sub-category-image {
    height: 15rem;
    width: 100%;
  }
  .bruno-product-cat-item {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .bruno-float {
    float: left !important;
  }
  .bruno-navbar-logo {
    height: 25px !important;
    width: auto;
  }
  h1 {
    font-size: 35px !important;
  }

  h2 {
    font-size: 30px !important;
  }

  h3 {
    font-size: 23px !important;
  }
  .bruno-single-product-container {
    margin: 3.5rem 1rem;
  }
  .bruno-inner-page {
    margin: 7.5rem 1rem;
  }
  .bruno-gallery-image-container {
    width: 50%;
  }
}

/* Extra Small devices (small phones, 324px and down) */
@media only screen and (max-width: 320px) {
  .bruno-navbar-logo {
    height: 18px !important;
  }
}

/* Small devices (large phones, 320px and up) */
@media only screen and (min-width: 320px) {
  .bruno-header-row {
    height: 339px;
  }
  .bruno-page-wrapper .bruno-banner-image {
    height: 339px !important;
  }
  .bruno-page-wrapper .bruno-banner-image h1 {
    font-size: 28px !important;
    margin-bottom: 0;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .bruno-single-product-image {
    height: 400px;
    /* width: 100%; */
  }
  .bruno-widget {
    width: 434px;
    height: 126px;
  }
  .bruno-top-category-image {
    height: 12.5rem;
    width: 100%;
  }
  .bruno-sub-category-image {
    height: 12.5rem;
    width: 100%;
  }
  .bruno-float {
    float: left !important;
  }
  .bruno-navbar-logo {
    height: 25px !important;
    width: auto;
  }
  .bruno-page-wrapper .bruno-banner-image h1 {
    font-size: 35px !important;
  }
  h1 {
    font-size: 35px !important;
  }
  h2 {
    font-size: 30px !important;
  }
  h3 {
    font-size: 26px !important;
  }
  .bruno-single-product-container {
    margin: 3.5rem 1rem;
  }
  .bruno-inner-page {
    margin: 7.5rem 1rem;
  }
  .bruno-header-row {
    height: 500px;
  }
  .bruno-page-wrapper .bruno-banner-image {
    height: 500px !important;
  }
  .auto-clear-row .bruno-gallery-image-container:nth-child(3n+1),
  .auto-clear-row .bruno-gallery-image-container:nth-of-type(3n+1) {
    clear: left;
  }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .bruno-single-product-image {
    height: 550px;
    /* width: 100%; */
  }
  .bruno-widget {
    width: 496px;
    height: 144px;
  }
  .bruno-top-category-image {
    height: 14.5rem;
    width: 100%;
  }
  .bruno-sub-category-image {
    height: 14.5rem;
    width: 100%;
  }
  .bruno-float {
    float: right !important;
  }
  .bruno-navbar-logo {
    height: 35px !important;
    width: auto;
  }
  .bruno-page-wrapper .bruno-banner-image h1 {
    font-size: 50px !important;
  }
  h1 {
    font-size: 50px !important;
  }

  h2 {
    font-size: 40px !important;
  }

  h3 {
    font-size: 30px !important;
  }
  .bruno-single-product-container {
    margin: 5.8rem 1rem;
  }
  .bruno-inner-page {
    margin: 5.8rem 1rem;
  }
  .bruno-header-row {
    height: 700px;
  }
  .bruno-page-wrapper .bruno-banner-image {
    height: 700px !important;
  }
}

/* iPad Pro portrait */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .bruno-header-row {
      height: 500px;
    }
    .bruno-page-wrapper .bruno-banner-image {
      height: 500px !important;
    }
}

/* iPad Pro landscape */
@media only screen
  and (min-width: 1024px)
  and (max-height: 1366px)
  and (orientation: landscape)
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .bruno-header-row {
      height: 700px;
    }
    .bruno-page-wrapper .bruno-banner-image {
      height: 700px !important;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .bruno-single-product-image {
    height: 25rem;
    /* width: 37.5rem; */
  }
  .bruno-widget {
    width: 620px;
    height: 180px;
  }
  .bruno-top-category-image {
    height: 13.5rem;
    width: 100%;
  }
  .bruno-sub-category-image {
    height: 13.5rem;
    width: 100%;
  }
  .bruno-float {
    float: right !important;
  }
  .bruno-navbar-logo {
    height: 43px !important;
    width: auto;
  }
  .bruno-page-wrapper .bruno-banner-image h1 {
    font-size: 60px !important;
  }

  h1 {
    font-size: 60px !important;
  }

  h2 {
    font-size: 40px !important;
  }

  h3 {
    font-size: 30px !important;
  }
  .bruno-single-product-container {
    margin: 5.8rem 3rem;
  }
  .bruno-inner-page {
    margin: 7.8rem 3rem;
  }
}

@media only screen and (min-width: 1024px) {
  .bruno-navbar-logo {
    height: 30px !important;
  }
  .bruno-brand {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
  .bruno-navbar {
    padding: 0 1.5rem 0 0 !important;
  }
  #menu-huvudmeny .bruno-nav-item a {
    font-size: .95rem;
    padding-right: 0.35rem !important;
    padding-left: 0.35rem !important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .bruno-single-product-image {
    height: 42rem;
	/* height: 37.5rem; */
    /* width: 50rem; */
  }
  .bruno-widget {
    width: 620px;
    height: 180px;
  }
  .bruno-top-category-image {
    height: 12.5rem;
    width: 100%;
  }
  .bruno-sub-category-image {
    height: 12.5rem;
    width: 100%;
  }
  .bruno-float {
    float: right !important;
  }
  .bruno-navbar-logo {
    height: 35px !important;
    width: auto;
  }
  .bruno-page-wrapper .bruno-banner-image h1 {
    font-size: 70px !important;
  }
  h1 {
    font-size: 70px !important;
  }

  h2 {
    font-size: 45px !important;
  }

  h3 {
    font-size: 30px !important;
  }
  .bruno-single-product-container {
    margin: 6rem 7rem;
  }
  .bruno-inner-page {
    margin: 8rem 7rem;
  }
  .bruno-header-row {
    height: 700px;
  }
  .bruno-page-wrapper .bruno-banner-image {
    height: 700px !important;
  }
  #menu-huvudmeny .bruno-nav-item a {
    font-size: 1rem;
    padding-right: 0.4rem !important;
    padding-left: 0.4rem !important;
  }
}

@media only screen and (min-width: 1491px) {
  .bruno-navbar-logo {
    height: 43px !important;
  }
  #menu-huvudmeny .bruno-nav-item a {
    padding-right: 0.7rem !important;
    padding-left: 0.7rem !important;
    font-size: 1.15rem;
  }
}

@media screen and (min-width: 1900px) {
  .bruno-gallery-image-container {
    /* width: 20%; */
  }
}

/* Navbar collpase */
@media (max-width: 1024px) {
  .bg-light {
    background-color: rgba(60, 75, 75, 1) !important;
  }
  .bruno-nav.not-scrolled {
    background-color: rgba(60, 75, 75, 1) !important;
  }
  .navbar-collapse {
    background-color: rgba(60, 75, 75, 1) !important;
    padding: 2rem 2rem 2rem 2rem;
  }
}
/* END Responsive Navbar 1490px */

/* 6. Footer */
.bruno-footer {
  margin-top: 2rem !important;
  display: flex;
  background-color: #CBCCCB;
}

.bruno-footer-container {
  width: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

div.bruno-footer-container .row {
  margin: 0 !important;
}

.bruno-footer-brand {
  background-color: rgba(60, 75, 75, 1);
  padding: 1.5rem 4rem;
}

.bruno-copyright {
  color: #000000 !important;
}

.bruno-footer-content {
  padding: 1rem 4rem;
}

.bruno-footer-social {
  margin-left: 0.5rem;
}

/* Sticky to bottom */
.bruno-page-content {
  position: relative;
  min-height: 100vh;
}

.bruno-page-wrapper {
  padding-bottom: 8.9rem;
}

.bruno-footer-content {
  background-color: #CBCCCB;
}

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 8.9rem;
}

.bruno-single-product-short {
	padding: 1em;
	border: 1px solid #ddd;
}
blockquote p {
    font-family: 'Arimo', sans-serif;
    font-size: 20px!important;
    color: #000!important;
    font-style: italic;
	display: grid;
}

blockquote p:after {
    content: url('https://mathsson.se/wp-content/uploads/2021/08/bruno-sign.jpg');
}
.eael-grid-post-holder{
	border:none!important
}