#neuwo-demo-widget {
	/* border: 1px solid black; */
}


.neuwo-demo-widget__tabs {
	border-bottom: solid 3px #eee;
  text-align: center;
}

.neuwo-demo-widget__tabs
a {
  font-size: 1.5em;
	display: inline-block;
	padding: 5px 10px;
	cursor: pointer;
	text-decoration: none;
	color: var(--midBlue);
}

.neuwo-demo-widget__tabs a.selected {
	background-color: #eee;
}


.neuwo-demo-widget__form-query {
	display: flex;
	flex-direction: column;
  justify-content: center;  /* align vertically */

	text-align: center;
	min-height: 350px;  /* same height for all demos */
}

.neuwo-demo-widget__form-query
p {
	margin-top: 1em;  /* add extra margin that jupiter theme sets to 0 */
}


.neuwo-demo-widget__form-query
.text-input-fullwidth {
	max-width: 90%;
	min-width: 75%;
	margin-bottom: 2em;
}

.neuwo-demo-widget__form-query
button {
  cursor: pointer; /* imitate jupiter theme */
  border-radius: 1;
  font-size: 76%;

  max-width: 90%;
  min-width: 75%;
  height: 3em;
}

.neuwo-demo-widget__form-query
textarea {
	margin-top: 10px;
}

.spacer {
  /* flex-grow: 1; */
}


.neuwo-demo-widget__loading-indicator {
  /* align center */
  margin-left: auto;
  margin-right: auto;
  /* hide initially */
  opacity:0;
  /* apply transition for changes */
  transition: opacity 250ms ease-in;
  margin-top:20px;
}

.neuwo-demo-widget__loading-indicator.htmx-request{
  /* show during request */
  opacity:1;
}


.neuwo-demo-widget__retry-load-indication{
  display: flex;
	flex-direction: column;
  justify-content: center;
  text-align: center;
}


.neuwo-demo-widget__api-results
.brand-safety-container {
  /* text-align: center;*/
}

.neuwo-demo-widget__api-results
.row-container {
	display: flex;
	flex-direction: row;
	text-align: left;
/*	min-height: 450px;*/

	/* align-items: center; */
	/* justify-content: center; */
  /* padding: 10px; */

  /* background-color: dodgerblue; */
	/* padding: 10px; */
	/* flex: 50%; */
}

.neuwo-demo-widget__api-results
.row-container
h4 {
  margin-bottom: 0;
  margin-top: 0;
}

.neuwo-demo-widget__api-results
.row-container
div {
  flex-grow: 1;
  margin-right: 0.5em;
}

#neuwo-demo-widget .iab-cats h5 {
  color: black; /* force over jupiter theme style */
}

#neuwo-demo-widget .neuwo-demo-widget__api-results h3 {
  color: #0aa5c3; /* imitate jupiter theme style */
  margin-bottom: 0em;
}

.neuwo-demo-widget__api-results
.marketing-content-container
{
  margin-top: 3em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.neuwo-demo-widget__api-results
.marketing-content-container
.neuwo-widget-button
{
  background-color: #6dab3c;
  padding: 20px 28px;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 2px;
  font-size: 17px;
  border-radius: 10px !important;
  color: white;
  text-decoration: none;
  font-weight: 700;
}

.neuwo-demo-widget__api-results
.marketing-content-container
.neuwo-widget-button:hover
{
  background-color: #313e50;
  text-decoration: none;
}



/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 600px) {
	.neuwo-demo-widget__api-results {
		flex-direction: column;
	}

	.flex-item-left {
		/* Required to increase width of input field in flex */
		/* min-width: 100%; */
		/* max-width: 100%; */
	}

}