/* Setup page styling */

p.status {
  margin: 0 0 4px 0;
}
p.info {
  margin: 4px 0 4px 0;
}
.settings-btn {
  margin: 8px 0 8px 0;
}
input#shop {
  padding: 5px;
  margin: 8px 0 0 0;
}

/* Category page styling  */

.form_row {
  margin: 16px 0 16px 0;
  padding: 0 0 16px 0;
  border-bottom: 1px solid #f9fafb;
}
.form_label {
  width: 35%;
  display: inline-block;
}
.Polaris-TextField--hasValue {
  color: #212b36;
  width: 50%;
  display: inline-block;
}
.alert-danger {
  color: #f00;
}

td.cat_shopify,
th.cat_shopify {
  border-bottom: 1px solid #f9fafb;
  padding: 8px;
  width: 250px;
  text-align: left;
}
td.cat_google,
th.cat_google {
  border-bottom: 1px solid #f9fafb;
  padding: 8px;
  width: 500px;
  text-align: left;
}

p.google-taxonomy {
  margin-bottom: 24px;
}

.Polaris-Breadcrumbs__Breadcrumb::after {
  transition: none !important;
}
h2.Polaris-Heading.google-cats {
  margin-top: 16px;
}
h2.Polaris-Heading.onboarding {
  margin-top: 16px;
  text-align: center;
}

.Polaris-ProgressBar--sizeMedium {
  margin: 8px 0;
}

/* Flexbox Response Design */

/* #main {
    width: 800px;
    margin: 0 auto;
} */

#container {
  /* display: flex;
  justify-content: center; */
}
#main {
  margin: 0 20px;
  flex: 2;
}
.Polaris-Navigation {
  flex: 1;a
}

.Polaris-Breadcrumbs__Breadcrumb:focus::after {
  background: none;
}

@media (max-width: 850px) {
  .Polaris-Navigation {
    max-width: 24rem;
  }
  .Polaris-Navigation__Item {
    font-size: 1em;
  }
}
@media (max-width: 770px) {
  .Polaris-TopBar__LogoContainer {
    display: block;
    padding: 1rem 0 0 1.6rem;
  }
}
@media (max-width: 750px) {
  .Polaris-Navigation {
    display: none;
  }
}

/* Onboarding Styles */

.Onboarding-Card {
  width: 800px;
  margin: 0 auto;
}
h2.Polaris-Heading.onboarding {
  text-align: center;
  margin: 24px 0 0;
}
p.onboarding {
  text-align: center;
}
button.Polaris-Button.Polaris-Button--primary.onboarding-next {
  display: block;
  margin: 24px auto 0 auto;
}
a.Polaris-Link.onboarding-skip {
  display: block;
  text-align: center;
  margin: 16px auto 16px auto;
}
ul.onboarding-cat {
  margin: 8px 0 32px 0;
}
ul.onboarding-cat li {
  margin: 4px 0 4px 0;
}
.form_label.onboarding {
  width: 20%;
}
.Polaris-TextField--hasValue.onboarding {
  width: 78%;
}
button.Polaris-Button.onboarding-feedready {
  display: block;
  margin: 32px auto 0 auto;
}
input.Polaris-TextField__Input.feedurl {
  text-align: center;
}
p.feedurl {
  margin: 25px 0 0 0%;
}
ul.onboarding-feedurl {
  margin: 8px 0 32px 0;
}

@media (max-width: 1000px) {
  .Onboarding-Card {
    width: 100%;
    margin-right: 30px;
    margin-left: 20px;
  }
}

h1.Polaris-DisplayText.Polaris-DisplayText--sizeLarge.PageHeader {
  margin: 0 0 2rem 0;
}

.Polaris-Page-Header.Polaris-Page-Header--hasNavigation.PageHeader {
  padding: 0;
  margin: 0 0 2rem 0;
}




/* @media (min-width: 30.625em) {
  .Polaris-Card__Header {
      padding: 2rem 2rem 2rem 2rem;
  }
}

@media (min-width: 46.5em) {
  .Polaris-Page-Header {
      padding-top: 0rem;
  }
}

.Polaris-Page-Header {
  padding-top: 0rem;
} */