@CHARSET "ISO-8859-1";

.wrap {
	max-width: 90%;
}
 
@media screen and (min-width: 48em) {
	.wrap {
		max-width: 90%;
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	max-width: 90%;
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap {
		max-width: 90%;
	}
}

.navigation-top .wrap {
    max-width: none;
}

/* Force sticky navigation into position */

#page-header {
  margin-bottom: 0 !important;
}

/* Force header image to full height */

#custom-header-media {
  height: 100vh;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}



.navigation-banner {
  position: fixed;
  width: 100%;
  top: 50px;
  text-align: right;
  z-index: 7;
}
.navigation-banner li a {
  color:white;
  padding: 10px;
}
.navigation-banner .menu .menu-item {
  display:inline;
}
 /**/
@media screen and (max-width: 48em){
  .navigation-banner {
     display: none; 
  }
  #custom-header-media {
    position: absolute;
  }
}

.panel-image {
    background-position: bottom center;
    background-size: contain;
}


.site-branding-text {
  font-family: New Century Schoolbook;
  text-shadow:
  3px  3px  0 #000,
  -1px -1px 0 #000,  
  1px  -1px 0 #000,
  -1px 1px  0 #000,
  1px  1px  0 #000;
}
.site-title a {
  text-transform: capitalize;

}

.wp-block-column .tribe-block {
  text-align: center;
}

/**Styles for color chart in widget area**/

div#color-chart-widget {
  background-image: 
    linear-gradient(to right, orange, yellow, green, cyan, blue, violet),
    url(https://yourcreationstation.com/wp-content/uploads/2020/10/Gear.gif);
  background-blend-mode: exclusion;
  padding: 10px;
  background-position:center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  outline-color:black;
  outline-style:solid;
  color: black; 
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: .3px;
  -webkit-text-stroke-color: black;
}


/* turns Add to Cart link to a button
 * and changes the font of the waitlist button to match */
button, ul.products li.product .button {
  background:black;
  color:white;
  font-weight:400;
  padding: .6180469716em 1.41575em;
}


/** Change size of scroll over background image on home page   **/

.panel-image {
  background-size: auto;
}

@media screen and (max-width: 48em) {

.panel-image {
  background-size: contain;
  margin-top: 10px;
  margin-bottom: 10px;
}

}