/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');

body,
.navbar,
h1,h2,h3,h4,h5,h6,
.dropdown-menu {
  font-family: 'Rethink Sans', system-ui, sans-serif;
}

.navbar li a,.navbar li .dropdown-toggle, dropdown-menu li a{
	font-size:18px;
}

.dropdown-menu li a, .dropdown-menu li .dropdown-toggle{
	text-decoration: none !important;
	color:#242425!important;
}

.navbar li a:hover,.dropdown-menu li.dropdown-toggle:hover, .dropdown-menu li a:hover{
	text-decoration: none!important ;
	color:#ff7638 !important;
	background-color:#F2F2F2;
}


.dropdown-item.active, .dropdown-item:active{
    text-decoration: none;
    background-color:#F2F2F2;
}


/* Logo image only */
.navbar-brand img {
  width: 275px;
  height: auto;
}


/** Buttons */
.btn-primary {
	color: white;
}

/* Base (mobile first) */
h1 {
  font-size: 2rem;        /* 32px */
  font-weight: 700;
  margin-bottom:1rem;
}

h2 {
  font-size: 1.75rem;     /* 28px */
  font-weight: 700;
   margin-bottom:1rem;
}

h3 {
  font-size: 1.5rem;      /* 24px */
  font-weight: 700;
   margin-bottom:1rem;
}

h4 {
  font-size: 1.25rem;     /* 20px */
  font-weight: 700;
   margin-bottom:.75rem;
}

h5 {
  font-size: 1.125rem;    /* 18px */
  font-weight: 500;
     margin-bottom:.75rem;
}

.pretitle {
  font-size: 0.875rem;    /* 14px */
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Tablet */
@media (min-width: 768px) {
  h1 { font-size: 2.75rem; }   /* 44px */
  h2 { font-size: 2.25rem; }   /* 36px */
  h3 { font-size: 1.75rem; }   /* 28px */
  h4 { font-size: 1.375rem; }  /* 22px */
  h5 { font-size: 1.125rem; }  /* 18px */

  .pretitle {
    font-size: 0.9rem;
  }
  
  /* Logo image only */
.navbar-brand img {
  width: 350px;
  height: auto;
 }
}

/* Desktop */

@media (min-width: 1024px) {
  h1 { font-size: 4rem; }      /* 64px */
  h2 { font-size: 3rem; }      /* 48px */
  h3 { font-size: 2rem; }      /* 32px */
  h4 { font-size: 1.5rem; }    /* 24px */
  h5 { font-size: 1.25rem; }   /* 20px */

  .pretitle {
    font-size: 1rem;           /* 16px */
  }
  
/* Logo image only */
.navbar-brand img {
  width: 500px;
  height: auto;
 }
}

/* Dropdown hover */
@media (min-width: 768px) {
	.dropdown:hover > .dropdown-menu {
    display: block !important;
  }
}

/* Dropdown: one line per item, wide enough, but don't overflow viewport */
nav.menu--main .dropdown-menu {
  min-width: 280px;
  max-width: min(90vw, 500px);
}

nav.menu--main .dropdown-item,
nav.menu--main .dropdown-menu .nav-link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

nav.menu--main .dropdown-menu {
  min-width: 280px;
  max-width: min(90vw, 500px);
  right: 0;
  left: auto;
}

/* Collection page search form */
.collection-search-form{
	margin-bottom: 3em;
}

/* Dropdown hover */
@media (max-width: 768px) {
	html,body {
		width: 100vw;
		overflow-x: hidden;
	}
	.row.region-featured-top>* {
		padding-right: 0;
		padding-left: 0;
	}
	
}